@charset "utf-8";
/* CSS Document */

/* CUSTOM SINGLE ITEM */
#socials .col-item-single{
  padding: 70px 0 60px 0;
  border-right: 1px solid #f0f1f2;
  border-left: 1px solid #f0f1f2;
}

#socials .col-item-single h3 {
  color: #3b475f;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
#socials .col-item-single p {
  font-size: 14px;
  padding: 0 40px;
  margin-top: 15px;
}
#socials .col-item-single .link {
  color: #3b475f;
  font-family: "Merriweather", sans-serif;
  font-size: 14px;
  font-style: italic;
  text-decoration: underline;
}

#socials .col-item-single .socials {
  display: inline-block;
  padding: 0;
  margin-top: 20px;
}
#socials .col-item-single .socials li {
  display: inline-block;
  margin-right: 10px;
}
#socials .col-item-single .socials li:last-child {
  margin-right: 0;
}
#socials .col-item-single .socials li i {
  background-color: #3b475f;
  color: #fff;
  width: 32px;
  height: 32px;
  line-height: 32px;
  display: block;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-transition: all .5s;
          transition: all .5s;
}
#socials .col-item-single .socials li i:hover {
  background-color: #26b6cb;
  color: #fff;
}
/* CUSTOM SINGLE ITEM */


.cyellow {color:#ffcc00 !important;}
.cwhite {color:#FFF;}
.lpad2 {padding-left:2.3em !important;}

#bio {height:600px !important;}
#bio li {list-style:circle !important; }


@media only screen and (max-width: 480px) {
  
  #gallery .gallery-item {
    width: 100%;
  }

  #faqs .panel-heading .panel-title a {
    font-size: 16px;
  }

  #map-location {
    height: 480px;
  }
  .mainpicsm img {max-width:100% !important; position:relative; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0); margin-top:-30% !important;}
    
  .toppics .secpic {max-width:62% !important; padding-top:6em; position:relative; left:37%; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0);}
    
  .convenciones {text-align:center; position:relative; left:0%; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0);}
    
  .fecha {text-align:center; position:relative; left:0%; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0);}
    
  .sticky-navbar {background-color:transparent !important; box-shadow:none !important;}
    
  .mainlogo {width:100% !important; padding-top:1.5em !important;}
    
  .mainsm {max-width:65% !important; position:relative; left:17.5%;}
  


/*===== ABOUT SECTION =====*/

#about-section .main-text {padding:0 1em;}


/*================= SOCIALS ===================*/
#socials {padding:0 0.5em !important;}


/*========= PARTNERS ==============*/

#partners {text-align:center !important;}
#partners .item {text-align:center !important; width:290px !important;}


/*=========== LANDING AREA ===============*/


  
}

@media only screen and (min-width:375px) and (max-width: 375px){ 
    
.toppics .secpic {max-width:100% !important; padding-top:8em !important; position:relative; left:48% !important; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0);}
    
}

@media only screen and (min-width:414px) and (max-width: 414px){
    
.toppics .secpic {max-width:100% !important; padding-top:8em !important; position:relative; left:52% !important; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0);}
    
}

@media only screen and (max-width: 1024px) and (max-width: 1152px) {
    
.mainpic {max-width:80% !important; position:relative; left:47% !important; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0);}	
    
}


.modal {top:15% !important; transform:translate(0,0); -webkit-transform:translate(0,0); -o-transform:translate(0,0); -moz-transform:translate(0,0); }
.wrapper .link {color: #3b475f;
font-family: "Merriweather", sans-serif;
font-size: 14px;
font-style: italic;
text-decoration: underline;}

  .cusp_1 {float:left !important;}
  .cusp_1 .tpad1 {margin-top:auto !important;}
  .mainpic {max-width:100% !important; position:relative; left:7.5%; transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0); -webkit-transform:translate(0,0);}
  .secpic {max-width:100% !important;}
  .textconvenciones {position:relative; left:7.5%; transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0); -webkit-transform:translate(0,0);}

    
  

#partners {text-align:center !important;}
#partners .item {text-align:center !important; width:380px;}

.dissapear {opacity:0 !important; display:none !important;}

.cleanborder {border:1px solid white; padding:0.35em 0.55em !important; margin-top:0.35em !important;}

.cleanborder:hover {color:#c4202b !important; border:1px solid #c4202b !important;}

#pricing .main-text {
  color: #a8b4c1;
  max-width: 610px;
}

#pricing .table-item .price-box {background-color:#4c4954 !important;}
.cusdarkgrey {color:#3b475f !important;}
.cusyellow {color:#ffcc00 !important;}
.cusgrey {color:#4c4954 !important;}
.cuslightgrey {color:#818c98 !important;}

.secondary-text {font-size:0.85em !important;}

.greyback {background:#646464 !important;}

.special-col {padding:0 !important;}

/* PRIMARY SECTION CONTAINER BACKGROUNDS */ 


@media (min-width:768px){
#main-section {
  background: url("../img/Header2025.png") no-repeat fixed center;
  background-color:#f8fcff;
  background-size: contain;
  height:100vh; 
  padding: 0 0 50px;
  position: relative;
    }
}

@media (min-width:0px) AND (max-width:768px){ 
#main-section {
  background: url("../img/header_sm2025.png") no-repeat fixed center !important;
  background-color:#181919;
  background-size: contain !important;
  height:650px !important;
  padding: 80px 0 50px;
  position: relative;
    }
}


    
    h2 { 
    
        font-size: 1.2em !important;
    
    }