/* Add here all your css styles (customizations) */

.nav-link-02 {
	display: block;
	padding: .5rem 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
	color:white;
}

.active-021 {
	color:#FF0000;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Regular.ttf');
  }

@font-face {
	font-family: 'Open Sans Bold';
	src: url('fonts/OpenSans-Bold.ttf');
  }

  @font-face {
	font-family: 'Quicksand';
	src: url('fonts/Quicksand-Regular.ttf');
  }

  @font-face {
	font-family: 'PlusJakartaSans-ExtraBold';
	src: url('fonts/PlusJakartaSans-ExtraBold.ttf');
  }

  @font-face {
	font-family: 'Quotable';
	src: url('fonts/Quotable_Regular.otf');
  }


body {
    font-family: 'Quicksand', sans-serif !important;
	font-weight:400;
	color:#555555 !important;
}

h4 {
    font-family: 'Quicksand', sans-serif !important;
	font-weight:400;
}

.bold {
    font-family: 'PlusJakartaSans-ExtraBold', sans-serif !important;
}

.quotable {
    font-family: 'Quotable', sans-serif !important;
}

.g-bg-gray {
	background-color:#222222;
}

.g-bg-brown {
  background-color: #3F0017 !important;
}

.g-bg-brown-2 {
  background-color: #2E0001 !important;
}

.text-red {
	color:red !important;
}

.text-bold {
	font-family: 'Open Sans Bold';
  }

.u-btn-teal {
  color: #fff;
  background-color: green;
}

.u-btn-teal:hover, .u-btn-teal.active {
	border-color: #45BF45;
	background-color: #45BF45;
  }

/* Primary Colors */
.g-color-primary {
	color: #e4031c !important;
  }
  
  .u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover {
	color: #e4031c !important;
  }
  
  .g-parent:hover .g-color-primary--parent-hover {
	color: #e4031c !important;
  }
  
  .g-color-primary-opacity-0_3 {
	color: rgba(114, 192, 44, 0.3) !important;
  }
  
  .g-color-primary-opacity-0_4 {
	color: rgba(114, 192, 44, 0.4) !important;
  }
  
  .g-color-primary--active.active {
	color: #e4031c !important;
  }
  
  .active .g-color-primary--parent-active {
	color: #e4031c !important;
  }
  
  .g-color-primary--before::before, .g-color-primary--after::after {
	color: #e4031c;
  }

  /*------------------------------------
  Highlight Color
------------------------------------*/
::-moz-selection {
	color: #fff;
	background-color: #e4031c;
  }
  
  ::selection {
	color: #fff;
	background-color: #e4031c;
  }

  .g-brd-primary {
	border-color: #e4031c !important;
  }
  
  .g-bg-primary {
	background-color: #e4031c !important;
  }

  /* Button Primary */
.u-btn-primary {
	color: #fff;
	background-color: #e4031c;
  }
  
  .u-btn-primary:hover, .u-btn-primary.active {
	border-color: #AA1217;
	background-color: #AA1217;
  }
  
  .u-btn-primary:hover, .u-btn-primary:focus, .u-btn-primary.active {
	color: #fff;
  }
  
  .u-btn-primary.g-btn-hover-reset:hover, .u-btn-primary.g-btn-hover-reset.active {
	background-color: #e4031c;
	border-color: #e4031c;
  }
  
  .u-btn-primary.u-btn-hover-v1-1 {
	overflow: hidden;
  }
  
  .u-btn-primary.u-btn-hover-v1-1::after, .u-btn-primary.u-btn-hover-v1-1:hover::after {
	background-color: #AA1217;
  }
  
  .u-btn-primary.u-btn-hover-v1-1:hover {
	background-color: #e4031c;
	overflow: hidden;
  }
  
  .u-btn-primary.u-btn-hover-v1-2 {
	overflow: hidden;
  }
  
  .u-btn-primary.u-btn-hover-v1-2::after, .u-btn-primary.u-btn-hover-v1-2:hover::after {
	background-color: #AA1217;
  }
  
  .u-btn-primary.u-btn-hover-v1-2:hover {
	background-color: #e4031c;
	overflow: hidden;
  }
  
  .u-btn-primary.u-btn-hover-v1-3 {
	overflow: hidden;
  }
  
  .u-btn-primary.u-btn-hover-v1-3::after, .u-btn-primary.u-btn-hover-v1-3:hover::after {
	background-color: #AA1217;
  }
  
  .u-btn-primary.u-btn-hover-v1-3:hover {
	background-color: #e4031c;
	overflow: hidden;
  }
  
  .u-btn-primary.u-btn-hover-v1-4 {
	overflow: hidden;
  }
  
  .u-btn-primary.u-btn-hover-v1-4::after, .u-btn-primary.u-btn-hover-v1-4:hover::after {
	background-color: #AA1217;
  }
  
  .u-btn-primary.u-btn-hover-v1-4:hover {
	background-color: #e4031c;
	overflow: hidden;
  }
  
  .u-btn-primary.u-btn-hover-v2-1 {
	overflow: hidden;
  }
  
  .u-btn-primary.u-btn-hover-v2-1::after, .u-btn-primary.u-btn-hover-v2-1:hover::after {
	background-color: #AA1217;
  }
  
  .u-btn-primary.u-btn-hover-v2-1:hover {
	background-color: #e4031c;
	overflow: hidden;
  }
  
  .u-btn-primary.u-btn-hover-v2-2 {
	overflow: hidden;
  }
  
  .u-btn-primary.u-btn-hover-v2-2::after, .u-btn-primary.u-btn-hover-v2-2:hover::after {
	background-color: #AA1217;
  }
  
  .u-btn-primary.u-btn-hover-v2-2:hover {
	background-color: #e4031c;
	overflow: hidden;
  }

  /*------------------------------------
  Go To v1
------------------------------------*/
[class*="u-go-to"] {
  display: none;
}

.u-go-to-v1 {
  width: 3.57143rem;
  height: 3.57143rem;
  display: block;
  background-color: rgba(255, 255, 255, 0.7);
  color: #555;
  border-radius: 50%;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  transition: .3s ease-out;
  z-index: 11;
}

.u-go-to-v1 i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.u-go-to-v1:hover, .u-go-to-v1:focus:hover {
  text-decoration: none;
  color: #fff;
  background-color: #e4031c;
}

.u-go-to-v1:focus {
  text-decoration: none;
  color: #555;
  background-color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 575px) {
  .u-go-to-v1 {
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
  }
}
  
  

