@font-face {
    font-family: nexa-book-regular;
    src: url(../fonts/main_font/Nexa-Light.otf);
}
@font-face {
    font-family: tcbi;
    src: url(../fonts/main_font/tcbi.ttf);
}
@font-face {
    font-family: nexa-Bold;
    src: url(../fonts/main_font/Nexa-Bold.otf);
}

.hr {
  border-top: 1px solid  #bbb7b7 !important;
}

body, h2, h4, p, li, a {
  font-family: nexa-book-regular !important;
  font-weight: bold;
}
h3 {
  font-family: tcbi !important;
  line-height: 34px !important;
}
h1, .Archivo {
  font-family: 'Archivo Black', sans-serif !important;
}
p {
  font-size: 16px !important;
  line-height: 22px !important;
}

body{
    background-color: #fff;
}
body, h1, h2, h3, h4, p, li, a {
    color:#868686;
}

.navDiv{
  text-align: center;
}

.navbar .navbar-nav {
  display: inline-block !important;
  float: none !important;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center !important;
}

.navbar-nav li{
    margin-top: 30px;
}
.navbar-nav li:first-child{
    margin-top: 0px;
}

.form-control{
  border-radius: 0px !important;

}
.form-hg{
  height: 50px !important;
}

.form-group {
    margin-bottom: 30px !important;
}
.form-control:focus{
  border-color: #c4c2bf !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 8px rgba(102,175,233,0) !important;
  box-shadow: #fff !important;
}

.dropdown:hover .dropdown-menu {
    /*display: block;
    margin-top: 0; // remove the gap so it doesn't close
  */
 }

 #wowslider-container1 .ws-title{
    font-weight: bolder !important;
 }
 .sub-menu-parent { position: relative; }

 .sub-menu {
   visibility: hidden; /* hides sub-menu */
   opacity: 0;
   position: absolute;
   top: 100%;
   left: 0;
   width: 160px;
   transform: translateY(-2em);
   z-index: -1;
   transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
   z-index: 100 !important;
   background: #fff;
   padding-left: 0;
   padding-top: 10px;
   text-align: center;
   box-shadow: 1px 9px 21px -4px;
   height: 118px;
 }

 .bggradient{
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc578+0,fb9d23+100;Orange+3D+%233 */
background: rgb(255,197,120); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
 }
 .sub-menu a{
   text-decoration: none;
 }
 .sub-menu li{
   display: block;
 }

 .sub-menu-parent:hover .sub-menu {
   visibility: visible; /* shows sub-menu */
   opacity: 1;
   z-index: 1;
   transform: translateY(0%);
   transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
  display: inline-table;
 }


.f65{
  font-size: 65px;
}
.fBold{
	font-family: 'Archivo Black', sans-serif !important;
}
.hand{
  cursor: pointer;
}

.lineH{
  line-height: 52px;
}
.lineH28{
  line-height: 28px !important;
}
.lineH26{
  line-height: 26px;
}


.logo{
	padding-right: 50px;
}
.navActive a{
	color: #ffab2e !important;
}
.navActive1 {
  color: #ffab2e !important;
}
nav li a:hover {
	color: #ffab2e !important;
}

nav li a{
	font-size: 16px !important;
}

.btnSubmit{
  width: 150px;
  height: 40px;
  background-color: #868686;
  color: #fff;
  transition: .3s;
}
.btnSubmit:hover{
  background-color: #ffab2e !important;
  color: #868686;
  border: 1px solid #fff;
  transition: .3s;
}
.navbar-default{
	background-color: #fff !important;
	border-color: #fff !important;
	box-shadow: 0 !important;
}
.nameRibbon{
	background-color: #ffab2e;
	justify-content: center;
  background-position: center;
	height: 72px;
}

.contRibbon{
	background-color: #868686;
	justify-content: center;
    background-attachment: fixed;
    background-position: center;
	height: auto;
}
.ashRibbon{
	background-color: #868686;
	justify-content: center;
    background-attachment: fixed;
    background-position: center;
	height: 60px;
}
.Ribbon{
	background-color: #ffab2e;
	justify-content: center;
    background-attachment: fixed;
    background-position: center;
	height: 25px;
}

.centerCont{
    height: 550px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.centerfooter{
    height: 376px;
    

    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

-webkit-flex-direction: row /* works with row or column */
        flex-direction: row;
        
        -webkit-justify-content: center;
        justify-content: center;

}
.footerCon{
  margin-top: 18%;
}
.fH1{
	font-size: 40px;
	font-weight: bolder;
}
.activeBanner{
	background-color: #8CC152;
	display: flex;
	flex-direction: column;
	justify-content:  center;
	height: 60px;
}
.activeBannerTxT{
	width: 80%;
	margin-left: 10%;
}
.ulN{
      text-align: -webkit-center;
}
.ulN ul{
	list-style: none;
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.ulN ul li{
	    display: table-cell;
    }
.bgYl{
	background-color: #ffab2e;
}
.bgClrAsh{
	background-color: #868686;
}
.clrWhite{
	color: #fff;
}
.clrP{
  color: #ffab2e;
}
.clrBlack{
	color: #000;
}
.p1{
  font-size: 56px !important;
}
.p2{
	font-size: 26px !important;
}
.p2-s{
	font-size: 22px !important;
}
.p3{
	font-size: 18px !important;
}

.toPng{
	position: absolute;
  left:0;
  right:0;
	top: 75%;
	z-index: 99;
}
.bdr{
  border: 1px solid #868686;
}
.bdrW{
  border: 1px solid #fff;
}
.btnQuick{
    background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        transition: 0.3s;
}
.btnQuickB{
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #868686;
  transition: 0.3s;
}
.btnQuickB:hover{
  background-color: #e3e0e0;
  color: #000;
  transition: 0.3s;
}
.btnQuick:hover {
    background-color:#e3e0e0;
    transition: .3s;
}

.bdrR{
  border-right: 1px solid #868686;
}

.bounce {
  -webkit-animation:bounce 1s infinite;
}

@-webkit-keyframes bounce {
  0%       { bottom:5px; }
  25%, 75% { bottom:15px; }
  50%      { bottom:20px; }
  100%     {bottom:0;}
}

@media (max-width: 991px) {
  .costalogo{
    text-align: center !important;
  }

  .bgPhoto, .bgPhoto3{
    background-image: none !important;
    text-align: center !important;
    background: rgb(255,197,120); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
  }

  .bgPhoto3 h2 {
    text-align: center !important;
  }
  .bgPhoto3 .text-right{
    text-align: center !important;
  }

  .bgworld h1{
    text-align: center !important;
  }
  .bgworld .text-right{
    text-align: center !important;
    margin-top: 10px !important;
  }

  .toPng{
    top: 45% !important;
  }
}

@media (max-width: 990px) {
    .sizeM{
      font-size: 22px !important;
    }
    .LPad{
      padding: 0 !important;
      /* padding-right: 0 !important; */
    }
}

@media(min-width:768px) and (max-width:788px){
    .nav li a{
        padding-left:0 !important;
        padding-right: 0 !important;
        
    }
    .dropMenu{
      padding-top: 10px !important;
    }
}

@media(min-width:768px) and (max-width:993px){
    .bgworld h1{
        font-size: 25px !important
    }
}

@media(min-width:990px) and (max-width:1173px){
    .nav li a{
        padding-left:0 !important;
        padding-right: 0 !important;
        
    }
    .collapse  {
      padding-left: 0 !important;
    }
}

@media(min-width:991px) and (max-width:1200px){
    .fBold {
        font-size: 30px !important;
    }
    .sizeM{
      font-size: 22px !important;
    }

    .bounceInLeft span .fBold {
        font-size: 22px !important;
    }

}

@media(min-width:767px) and (max-width:1800px){
    .Lhight{
      line-height: 36px !important;
    }
}

@media(min-width:767px) and (max-width:903px){
    .navbar ul li a{
      padding-left: 0 !important;
      font-size: 14px !important;
    }
    .dropMenu{
      padding-left: 0 !important;
      font-size: 14px !important;
    }
}

@media (min-width: 768px) {
      .sub-menu li {
        margin-top:  0 !important;
      }

}

@media(max-width: 1380px){
  .parallax {
     /* background-image: url("../img/prlx3.jpg") !important; */
     height: 450px !important;
  }
}


@media (max-width: 768px) {
    .joinDesc{
        font-size: 18px !important;
      }
    .logoImg{
      display: none;
    }
    .bdrR{
      border-right: 1px solid #fff !important;
    }
    .nameRibbon .container h2{
      font-size: 14px !important;
    }
    .nameRibbon{
      height: 50px !important;
    }

    h3{
      font-size: 18px !important;
      line-height: 22px;
    }
    .toPng img{
      width: 30px !important;
    }
    .prlax2{
      height: 300px !important;
    }
    .f65{
      font-size: 28px !important;
    }
    .p2{
      font-size: 16px !important;
    }
    .p2 img{
      width: 20px !important;
    }
    .listM ul{
      padding: 0 !important;
    }
    .bgworld .container .pTB10 .text-right h1 {
      font-size: 18px !important;
    }
    .bgworld{
      height: 180px !important;
      background-position: right !important;
    }
    .costalogo img{
      width: 200px !important;
    }
    .container .col-sm-6 h1{
      font-size: 18px !important;
    }
    .bgPhoto{
      background-position: right !important;
    }
    .bgPhoto3{
      height: 260px !important;
      line-height: 82px;
    }
    .centerCont{
      height: 700px !important;
    }
    .bgPhoto3{
      background-position: left !important;
    }
    .bgPhoto3 .container .col-sm-6 .text-right h2{
      font-size: 18px !important;
      line-height: 22px !important;
    }
    .navbar-collapse.in{
      overflow-y: -webkit-paged-y !important;
    }
    .sub-menu:first-child{
      padding-top: 10px;
    }
    .sub-menu-parent:hover .sub-menu{
      position: relative;
      display: table;
      margin-left: auto;
      margin-right: auto;
    }  
    .navbar-nav li{
    margin-top: 5px;
    }  
    .dropLI{
      margin-top: 0 !important;
      margin-left: 5px !important;
    }
}

.dropMenu{
      display: relative;
      padding: 10px 15px !important;       
    }

.dropLI{
      /* margin-top: 15px; */
      position: relative;
      display: block;
      padding: 14px 0;
}