#sp-main-body {min-height:550px;}
/*MENU PRINCIPAL*/

#offcanvas-toggler > .fa {
    color: #ffffff;
}
  .offcanvs-position-left .offcanvas-menu { background-color:rgba(0, 0, 0, 0.8); }


.offcanvas-menu {
  width: 270px;   }
.offcanvas-menu .offcanvas-inner .sp-module ul > li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {color:#ffffff;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {font-size:75%; text-transform:none!important;}




.leftmargin {margin-left:180px!important;}



.offcanvas-menu .offcanvas-inner {
    padding: 0px;
}

.menumainmenu, div#maximenuck95 ul.maximenuck  {padding:10px 10px 10px 30px!important;}
.buscar {padding:0px 30px 10px 30px!important;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li {margin:5px 0;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
    color: #4381f4;
}
/*.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {max-height:250px; overflow-y:scroll!important;}*/

/*BREADCRUMB*/
.breadcrumb-item+.breadcrumb-item::before {

    content: "|"!important;
}

.breadcrumb, #sp-section-3 {
 
    background-color: #f7f7f7;
    border-radius: 0!important;
  text-transform:uppercase;
  font-size:90%;
  margin-bottom:0px;
}


/*MENU FONT*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li 
	{
  	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
     
	}

/*LOGO*/
.customlogo {background-color:#2c2c2c; padding:30px;}

/*HEADER */
.sp-page-title h1{text-align:center; font-size: 36px;
    line-height: 36px;
    margin-bottom: 15px; color:#212529;
  margin-top:25px;
  text-transform:uppercase;
}

.sp-page-title {background-color:#ffffff;}





/*BIENVENIDOS*/
.cl_bienvenidos h3{font-size:48px; font-weight:600;}
.cl_bienvenidos p {font-size:16px; color:#767676!important;}
.cl_bienvenidos h2, .cl_bienvenidos h1 {margin-bottom:40px;}
.cl_bienvenidos h1 {font-size:34px; font-weight:700}

 .cl_bienvenidos h1:after,
h3.sppb-title-heading:after,
.sp-page-title h1:after
 {
     background: #0345bf;
     bottom: -20px;
     content: "";
     display: block;
     height: 4px;
     position: relative;
 
     width: 350px;
   
 }


h3.sppb-title-heading:after,
.sp-page-title h1:after

 {
    
   float:none;
   margin:auto;
 }

.cl_bienvenidos .sppb-addon-content .sppb-addon-single-image-container img.sppb-img-responsive
{
 max-height:300px;
}
   

.cl_btn,
#sppb-addon-1519270696893 #btn-1519270696893.sppb-btn-custom {border:solid #0345bf 3px;}

/*PAGE BUILDER*/



.sppb-addon-content p {color:#767676; font-size:16px; text-align:justify;}

.cl-mision strong {font-size:28px; color:#ffffff; font-weight:400;}

/*SERVICIOS*/

.cl_categorias img.sppb-img-responsive {
  -webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;

}
.cl_categorias h2{text-transform:uppercase;}

.cl_categorias  .sppb-addon-text {font-size:80%;}
.cl_categorias {padding:18px 12px; color:#767676;}
.cl_categorias:hover {background-color:#0345bf ; color:#ffffff;}
.cl_categorias:hover h2,
.cl_categorias:hover h2 a {color:#ffffff!important;}
.cl_categorias h2 a {color:#4a4a4a!important;}

#section-id-1517944463105 h3 {margin-bottom:80px!important;}




/*transition*/
.cl_categorias, .cl_categorias h2,
.cl_categorias:hover img.sppb-img-responsive{
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
  }

/*SLIDES*/
.tp-caption.excerpt, .excerpt {
  font-size: 65px;
    line-height: 65px;
    font-weight: 800;
    font-family: Poppins,sans-serif;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
    text-shadow: rgba(0,0,0,0.498) 0px 2px 5px;
    margin: 0px;
       border-width: 0px;
    border-color: rgb(255,255,255);
    border-style: none;
  text-align:right;
  padding:0px;
}

.tp-caption.large_bg_black, .large_bg_black {font-size: 34px;
    line-height: 34px;
    font-weight: 700;
    font-family: Poppins,sans-serif;
    color: rgb(255,255,255);
    text-decoration: none;
    background-color: transparent;
    text-shadow: rgba(0,0,0,0.498) 0px 2px 5px;
    margin: 0px;
       border-width: 0px;
    border-color: rgb(255,255,255);
    border-style: none;
text-align:right; padding:0px;}

a.btnslide {color:#ffffff!important; font-weight:400!important; border:solid #ffffff 3px;}

a.btnslide:hover {color:#000000!important; background-color:#ffffff; }



/*BUSCAR*/

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #cccccc!important;
    background-color: #2c2c2c;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0px!important;
   border: 1px solid #252525;
}

.form-control:focus {
    color: #cccccc!important;
    background-color: #2c2c2c;
    border: 1px solid #252525;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

/*TELEFONOS*/
#section-id-1518108634626 {background-color: rgba(44, 44, 44, 0.7);

    padding: 20px 30px!important;}

#section-id-1518108634626 h4 {color:#ffffff; font-size:90%;}
#section-id-1518108634626 a {color:#ffffff; font-size:85%;}

/*GALERIA*/

#sp-main-body {
    padding: 50px 0;
}


#sp-page-builder .sppb-section-title .sppb-title-subheading {margin-top:30px; color: #767676;}


/*CONTACT FORM*/


.sppb-addon-ajax-contact .sppb-ajax-contact-content .sppb-ajaxt-contact-form .sppb-form-group input {
    padding: 17px 15px 17px 25px;
    border-color: transparent;
    border-radius: 0;
    background: #F0F0F0;
    text-transform: uppercase;
}

.sppb-addon-ajax-contact .sppb-ajax-contact-content .sppb-ajaxt-contact-form .sppb-form-group textarea {
    height: 205px;
    background: #F0F0F0;
    border-color: transparent;
    border-radius: 0;
    text-transform: uppercase;
    padding: 25px 20px 20px 25px;
    resize: none;
}
#sppb-addon-1519270696893 #btn-1519270696893.sppb-btn-custom {float:right!important; text-transform:uppercase; padding: 8px 16px;
    font-size: 20px;
    line-height: 1.5;}

#sppb-addon-1519270696893 #btn-1519270696893.sppb-btn-custom:hover,

#sppb-addon-1519270696893 #btn-1519270696893.sppb-btn-custom:focus {background-color: #0345bf!important; color:#ffffff!important; cursor:pointer;}

.sppb-ajax-contact-content .g-recaptcha {width:50%!importanat; float:left;}


.cl-bottomimage img, 
.cl-bottomimage .sppb-addon-single-image-container{width:100%!important;}


.cl_categorias .sppb-addon-text {display:none!important;}

.cl_categorias img.sppb-img-responsive {height:70px; width:70px;}

.cl_categorias h2 {margin-top:10px;}
/*RESPONSIVE*/

@media (max-width: 1490px) and (min-width: 767px)
  {
    
    .sppb-row-container, .container {    width: 1000px;}
}

@media (max-width: 1300px) and (min-width: 767px)
  {
    
    .sppb-row-container, .container {    width: 900px;}
    
     .tp-caption.large_bg_black, .large_bg_black {width:900px; left:auto!important; right:60px!important;}
    .tp-caption.excerpt, .excerpt {width:900px;        font-size: 55px; left:auto!important; right:60px!important;}
}

@media (max-width: 1200px) and (min-width: 767px)
  {
    
   
    .sppb-row-container, .container {    width: 800px;}
    
     .tp-caption.large_bg_black, .large_bg_black {width:800px; left:auto!important; right:60px!important;}
    .tp-caption.excerpt, .excerpt {width:800px;        font-size: 50px; left:auto!important; right:60px!important;}
    
    
    
}

@media (max-width: 1200px) and (min-width: 991px) 
{
  .sppb-media .pull-left {float:none!important;}
.cl_categorias img.sppb-img-responsive {margin-bottom:10px;}
  
   

}

@media (max-width: 1100px) and (min-width: 767px)
  {
    
    .sppb-row-container, .container {    width: 700px; left:auto!important; right:60px!important;}
    .tp-caption.large_bg_black, .large_bg_black {width:700px; left:auto!important; right:60px!important;}
}


@media (max-width: 1000px) and (min-width: 767px)
  {
    
    .sppb-row-container, .container {    width: 600px;}
      .tp-caption.large_bg_black, .large_bg_black {width:600px; left:auto!important; right:60px!important;}
    .tp-caption.excerpt, .excerpt {width:600px;        font-size: 50px; left:auto!important; right:60px!important;}
}

@media (max-width: 900px) and (min-width: 767px)
  {
    
    .sppb-row-container, .container {    width: 500px;}
        .tp-caption.large_bg_black, .large_bg_black {width:500px; left:auto!important; right:60px!important;}
    .tp-caption.excerpt, .excerpt {width:500px;        font-size: 50px; left:auto!important; right:60px!important;}
}

@media (max-width: 800px) and (min-width: 767px)
  {
    
    .sppb-row-container, .container {    width: 400px;}
        .tp-caption.large_bg_black, .large_bg_black {width:400px; left:auto!important; right:60px!important;}
    .tp-caption.excerpt, .excerpt {width:400px;        font-size: 40px; left:auto!important; right:60px!important;}
}

@media screen and (min-width: 767px)
  
{
  .offcanvs-position-left .offcanvas-menu {left:0px!important;  }
  
    #sp-header {display:none;}
  
  .sppb-row-container {margin-left:300px;}
  
  .close-offcanvas {display:none;}
  
  .tp-leftarrow.default {left:300px!important;}
  
  .sp-page-title .container{float:left; margin-left:300px;}
  #sp-main-body .container,
  #sp-footer .container,
  #sp-section-3 .container { margin-left:300px;}
}

@media screen and (max-width: 767px)
{
  #offcanvas-toggler.offcanvas-toggler-left {float:right!important;}
  
  .col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
}
  #sp-header {background-color: rgba(0, 0, 0, 0.8);}
  
  #sp-header .logo,  #sp-header .logo img, #sp-header {    height: 70px;}
  
       #offcanvas-toggler  {    height: 60px;}
  #offcanvas-toggler.offcanvas-toggler-left {top:20px;}
  
   .tp-caption.large_bg_black, .large_bg_black {width:700px; left:auto!important; right:60px!important;}
    .tp-caption.excerpt, .excerpt {width:700px;        font-size: 55px; left:auto!important; right:60px!important;}
  
  .cl_bienvenidos h3 {    font-size: 38px;}
  
  .cl_bienvenidos h2, #section-id-1517944463105 h3,
  #sp-page-builder .sppb-section-title .sppb-title-heading,
  .sp-page-title h1 {    font-size:30px!important;}
  
  .cl_bienvenidos h2:after, h3.sppb-title-heading:after, .sp-page-title h1:after {    width: 200px;}
  
  
  #sp-footer1 {margin-bottom:20px;}
  #sp-footer1, #sp-footer2 .sp-copyright {text-align:center!important;}
  
  a.btnslide {font-size:14px!important;}
}