*{margin:0;padding:0;border:0;font-family: 'Open Sans',sans-serif;outline:none !important;} a{outline:none !important;text-decoration:none !important;outline:none} img{outline:none} li{list-style-type:none}

a{color:#EC1B24;}
a:hover{color:#000;}
img{max-width: 100%}

#navbar{padding-top:15px;}

.subMenu{border-radius:0 !important;position: fixed !important;z-index: 901;width: 100%;padding:25px 0;-webkit-transition: padding .3s ease,background .3s ease;-moz-transition: padding .3s ease,background .3s ease;-o-transition: padding .3s ease,background .3s ease;transition: padding .3s ease,background .3s ease;}
.subMenu .logo{background-size:contain;background-repeat:no-repeat;float:left;width:300px;height:53px;display: block;}
.subMenu .logo{background-image:url(../images/logo.png?);}
.inner{float: right}

.subMenu .inner a{color:#fff;font-weight: 600;font-size: 1em;margin-left:15px;-webkit-transition: color .3s ease;-moz-transition: color .3s ease;-o-transition: color .3s ease;transition: color .3s ease;}

.subMenu a:hover,.subMenu a:active{color:#EC1B24 !important;}

.subMenu.fxd{padding:10px 0;background:#fff;}

.subMenu.fxd .logo{background-image:url(../images/logo-inter.png?) !important;}
.subMenu.fxd .inner a{color:#000}
.subMenu.fxd #navbar { padding-top: 14px; }

.slider{background-color:#000;overflow:hidden;position:relative;height: 690px;background-size:cover;background-repeat: no-repeat;background-position: center}
.layer{opacity:.6;background:#000;position: absolute;z-index: 0;width: 100%;height: 100%;top:0;left:0;}

.title1{}

.separator{text-align: center;height:0;}
.separator span{padding:0 95px;font-size:1px;border-bottom: 2px solid #EC1B24}


.slider#home .layer{z-index: 1}
.wellcome{position:relative;z-index:5;max-width:460px;padding:17% 5px;text-align: center;margin:0 auto 0;}
.wellcome .title1{color:#EC1B24;font-size: 3em;font-weight: normal}

.wellcome-text{color:#fff;font-size:1.2em;}


.servicios,.nosotros,.blog,.portafolio,.videos{background: #F2F2F2;padding:55px 0;}

/*.portafolio,.videos{padding-bottom:99px}*/
.videos{text-align: center}
.servicios .service{text-align: center;}
.servicios .service h3{color:#EC1B24;font-weight:400;font-size: 1.6em}

.service-desc{color:#7F7F7F;font-size: 1em}

.nosotros h3{color:#333333;font-size: 2em;margin-bottom: 36px}
.nosotros h3 small{color:#EC1B24;font-size:1em;padding-right:5px;border-bottom: 2px solid #EC1B24;width: 25px}

.nosotros .about-desc{color:#7F7F7F;font-size: .9em}

.nosotros .about{padding:25px 0;}


.portafolio .container{text-align: center}
.title1{font-size: 2.5em;}
.title1.gray{color:#333333;border-bottom:2px solid #ED1C24;padding-bottom: 20px;text-align: center}
.intro-portafolio{text-align:center;margin-top: 55px;margin-bottom:45px;color:#7F7F7F;font-size: 1.2em}

.slick-list{overflow: hidden}
.portafolio-item{float: left;height: 280px;margin:20px;position: relative;display: block;}
.video-item{background-repeat:no-repeat;background-size:cover;float: left;height: 280px;margin:20px;position: relative;display: block;}


.portafolio-inner,.video-inner{padding:25px;opacity:0;position: absolute;width: 100%;height: 100%;top:0;left:0;z-index: 1;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.video-inner h3{margin-top:10%;}
.portafolio-inner:hover,.video-inner:hover{opacity: 1}
.portafolio-inner h3,.portafolio-desc,.video-inner h3,.video-desc
{position: relative;z-index: 1}
.portafolio-inner h3,.video-inner h3{color:#EC1B24;}
.portafolio-desc,.video-desc{color:#fff;}

.video-item .fa-play-circle{opacity:.5;width:50px;height:50px;color:#fff;position: absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;-webkit-transition: opacity .3s ease;-moz-transition: opacity .3s ease;-o-transition: opacity .3s ease;transition: opacity .3s ease;text-shadow: 1px 0px 15px rgba(46, 48, 53, 1);}
.video-item:hover .fa-play-circle{opacity: 0}

.video-item{text-align: center;}

.portafolio-slick,.video-slick{position: relative;padding:0 15px;}
.slick-arrow{position: absolute;top:50%;margin-top: -15px;cursor:pointer;color:#ccc;}
.arrow-left{left:0;}
.arrow-right{right:0;}


#clientes,.blog-footer{padding:80px 0;background-size: cover;}
#clientes{padding:95px 0 56px}

#clientes .title1{color:#fff;text-align: center;display: block}
/*#clientes .title1::after{content:" ";display:block;margin:0 auto;border-bottom: 2px solid #ED1C24;max-width: 200px;margin-top:25px;}
*/
.clientes-desc{color:#fff;font-size: 1.2em;text-align:center;max-width: 500px;margin:19px auto 40px;}

#content #blog{padding:108px 0;}


#content #blog .title1{margin-bottom:50px;color:#333333;text-align: center;display: block}
#content #blog .title1::after{content:" ";display:block;margin:0 auto;border-bottom: 2px solid #ED1C24;max-width: 200px;margin-top:25px;}


.blog-item h3{color:#EC1B24;font-size:2em;text-align: center;margin:25px 0;}

.blog-item .blog-desc{color:#7F7F7F;text-align: center}

.blog-item a{display: block}
.blog-item a span{display:block;height: 250px;background-size:cover;}


.contacto{background-size:cover;padding:50px 0;}


.contacto .title3{margin-bottom:25px;color:#fff;font-size: 1.6em;margin-top: 20px;display: block}

.contacto .title3::after{display: block;content:" ";border-bottom: 2px solid #EC1B24;max-width: 50px;}

.contacto .data{margin-bottom: 25px}

.contacto-desc{color:#fff;}

.contacto-control{width: 100%;padding:15px;border-radius: 0 !important}


.submit{color:#EC1B24;background:transparent;font-size: 1.5em;font-weight: 600;border:0;padding-top:25px;}

.contacto .col-right .row{margin-bottom: 25px}

/***Blog detail***/


/*.page .logo{background:url(../images/logo-inter.png?) no-repeat center;background-size: contain}
*/

.title-blog{max-width:50%;position: absolute;bottom:5%;left:0;color:#FFf;font-size: 3.5em;font-weight: 100}


.blog-wrapper{padding:50px 0;background:#fff;/*background: #F2F2F2*/}

.post-date,.post-tags{color:#ccc;display: block;padding:5px;}
.post-tags{margin-top: 15px}
.post-date-b{text-transform: uppercase;color:#000;}

.note{color:#fff;}

.fa-refresh{color:#fff;}

.post-tags a{color:#ccc;}
.social{color:#fff;margin-right:25px;}
.social:hover,.social:active,.social:focus{color:#ccc;}
.post-content{padding:25px;}

.socials .contacto-desc{display: block}
.socials .contacto-desc a{font-size: 11px;color:#ccc !important;}
.socials .title3{display: block;padding-bottom: 10px}

.socials{padding: 5px}
.related{background: #f2f2f2;padding:50px 0;}

.related .title2{color:#333333;display: block;font-size: 2em;font-weight: 600;margin:25px 0;}


.center-related{margin:0 12%;}
.center-related .row,
.list-posts .row{margin-top:50px; margin-bottom:50px;}

.center-related h3{color:#333333;font-size: 1.8em}
.center-related .wrapper-thumb{display: block;max-height: 196px;overflow: hidden}

.list-post {
  display: block;
  overflow: hidden;
  max-height: 196px;
}
.list-post img {
  display: block;
  max-width: 100%;
  width: 100%;
}

.blog-items{margin-top:18px;}
.blog-items a{color:#EC1B24;}

h3 a{color:#000;}
h3:hover a{color:#555 !important;}


.blog-footer{text-align: center}
.blog-footer-title{color:#fff;font-size: 1.7em;margin-bottom: 25px;display: block}
.blog-footer a{color:#fff;font-size: 1.5em;background:#ED1C24;padding:15px 30px;}


.newsletter{padding:35px 25px;background:#ED1C24;}
.newsletter .title3{color:#fff;font-size: 1.5em;margin-bottom: 15px;display: block}
.newsletter .text{color:#000;font-size:1.1em;width: 100%;padding:5px 10px;}
.newsletter .subscribe{color:#fff;font-size:1.1em;background: #000;padding:5px 8px;margin-top: 15px}

.blog .slider .container { position: relative;padding-top: 200px; }
.seccion-blog{position: relative; z-index: 1;color:#fff;}

.seccion-blog{color:#fff;}
.pad-layer{padding: 39px;position: relative;max-width: 267px;min-height: 312px}
.red-layer{z-index:0;position: absolute;width: 100%;height: 100%;top:0;left:0;background: #ED1C24;opacity: .7}

.blog-text{position: relative;z-index: 1}

.yiiPager a{background:#ccc  !important;color:#fff;border-radius:0 !important;border:0 !important;-webkit-transition: background .3s ease;-moz-transition: background .3s ease;-o-transition: background .3s ease;transition: background .3s ease;}

.yiiPager li.selected a,.yiiPager li:hover a{background:#ED1C24 !important}

#wrapper-socials{position: absolute;padding-top:27px;top:622px;right:0;z-index:991;width: 81px}

#block-socials{position: absolute;right:25px;width: 50px;height:0;overflow:hidden;-webkit-transition: height .3s ease;-moz-transition: height .3s ease;-o-transition: height .3s ease;transition: height .3s ease;}
/*
.st_facebook_large{background: #3b579d}
.st_twitter_large{background: #00aced}
.st_linkedin_large{background: #007bb6}
.st_pinterest_large{background: #d12a2e}
*/
.st_facebook_large .stLarge{background-position: -7px -2px !important}
.st_twitter_large .stLarge{background-position: -3px 1px !important}
.st_linkedin_large .stLarge{background-position:-3px -1px !important}
.st_pinterest_large .stLarge{background-position: -3px 2px !important}

.st_facebook_large .stLarge,
.st_twitter_large .stLarge,
.st_linkedin_large .stLarge,
.st_pinterest_large .stLarge{background-repeat:no-repeat !important;}


.st_facebook_large,
.st_twitter_large,
.st_linkedin_large,
.st_pinterest_large{
  overflow:hidden;
  /*padding:5px;*/
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  border-radius:50%;
}

.st_googleplus_large .stLarge{background: url(../images/gplus.png) no-repeat center !important;background-size: cover}
.st_facebook_large .stLarge{background: url(../images/facebook.png) no-repeat center !important;}
.st_twitter_large .stLarge{background: url(../images/twitter.png) no-repeat center !important;}
.st_pinterest_large .stLarge{background: url(../images/pinterest.png) no-repeat center !important;}




#block-socials{bottom:40px;}
#wrapper-socials.fixed #block-socials{top:60px;bottom: auto}

#wrapper-socials.active #block-socials{height: auto;}

#wrapper-socials.fixed{position: fixed;top:30px;}

.page.post .subMenu.black{background: #000}
.page.post .subMenu.black button,
.page.post .subMenu.black #navbar,
.page.post .subMenu.black .logo{display: none !important}
.page.post .subMenu .title{display:none;color:#fff;font-size: 17px}
.page.post .subMenu.black .title{display:block}

.banners .banner{margin-top:10px;}



#toggle-sharer{
  cursor:pointer;
  color:#000;
  background:#fff;
  line-height: 23px;
  font-weight:light;
  padding: 16px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  border-radius:50%;
  -webkit-box-shadow: 0px 2px 2px 0px #ccc;
  box-shadow: 0px 2px 2px 0px #ccc;
}

#block-socials>span{margin-top:10px;display: block}

.newsletter{margin-bottom: 25px}

#video{  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  overflow: hidden;

}

.view-more{margin-top: 30px}


#preloader{display: none !important}

.icon-bar{background: #000;width: 26px !important;height: 3px !important;}
.navbar-toggle{margin-right: 0;margin-top: 13px}

@media only screen and (device-width: 768px),
       only screen and (max-width: 768px) {

.navbar{background:#fff;}
.navbar button{display:inline-block;}
#navbar a{display: block;color:#000;padding:5px 0;}
#navbar{float:left;padding-top: 14px}
body.home .subMenu .logo,body.page .subMenu .logo{background-image:url(../images/logo-inter.png?) !important;}
.logo{float: left;max-width: 191px;margin-top: 19px;}
.center-related{margin:auto;}
.post-content{padding: 0}
.title-blog{max-width: 95%}
.wellcome{padding:68% 5px;}
.slider{height: 562px;}
.nosotros .col-sm-6{height: 219px}



#wrapper-socials{left:25px;right: auto;position:fixed !important;bottom: 25px !important;top:auto !important;}
#wrapper-socials #block-socials{bottom:58px !important;top:auto !important;}
.title-blog{font-size: 2em}
.nosotros h3{line-height: 1.4}
.portafolio-item,.video-item{height: 219px}

.servicios .row>div{margin-bottom: 35px}

.contacto .col-right .row{margin-bottom: 0}
.contacto .contacto-control{margin-bottom: 15px}

.banners{text-align: center}
.blog-item{margin-bottom: 25px}
  
iframe{width: 100%;height: 480px}

}

.title-blog{padding:15px}

@media (max-width: 640px) {

        .banners img{width: 100%}
        iframe{height: 360px}

       }



@media only screen and (device-width: 360px),
       only screen and (max-width: 360px) {

        .banners img{width: 100%}
        iframe{height: 270px}

       }



#videofull{display:none;top:0;left:0;display:table;position: fixed;width: 100%;height: 100%;z-index: 992;}
#videofull.active{display: block;}
#videofull .layer{position: absolute;opacity:.8;position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: 0}
#videofull iframe{width:100%;height:100%;max-width: 1031px;max-height:580px;z-index: 2;position:relative;display:block;margin:2% auto;}
.frame-wrapper{display: table-cell;vertical-align: middle;height: 100%;max-height: 580px}



.service:hover img{opacity: .5}


.sidebar-item{margin:15px 0;}


.wrapper-title{position: relative;height: 100%}


/**Botón arriba****/
.scrollToTop{padding:10px 13px;text-align:center; background: #ED1C24;font-weight: bold;color: #fff;text-decoration: none;position:fixed;bottom:10px;right:35px;display:none;}
.scrollToTop:hover{text-decoration:none;}


.page.post .post-content a{color:#0067e4;}
.page.post .post-content ul li{list-style-type: disc;margin-left:25px;}


.wrapper-player{position: absolute;background: #000;z-index: 9999;top:0;}
#play{cursor:pointer;width:100px;height:100px;background: url(../images/play.png) no-repeat center;background-size: cover;position: absolute;top:50%;left:50%;margin-top: -50px;margin-left: -50px;z-index: 5}

.closer{cursor:pointer;background: url(../images/close.png) no-repeat center;background-size: cover;width: 20px;height: 20px;position: absolute;z-index: 6;top:15px;right:15px;}
#play,.closer{opacity: .9}
#play:hover,.closer:hover{opacity:1}


@media(max-width: 767px){

.g-recaptcha{overflow: hidden}

}

@media(max-width: 600px){

.blog .col-xs-6{width: 100% !important}

  
}