@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700'); html,body{height: 100%; font-family: 'Montserrat', sans-serif; line-height: 1.8; color: #999}.sobremi{margin-bottom: 120px;}.contactof{margin-bottom: 210px;}.no-margin{margin: 0 0;}.no-padding{padding-left: 0; padding-right: 0;}.no-padding [class^="col-"]{padding-left: 0; padding-right: 0;}.main-container{padding: 100px 0;}.center{text-align: center;}a{-webkit-transition: all .3s; transition: all .3s}.uppercase{text-transform: uppercase;}.h-30{height: 30px}.h-10{height: 10px}.color{color: #C8E2DD; font-size: 11px;}.linkto{color: #C8E2DD;}.linkto:hover{color: #393939; text-decoration: none;}.linkto:focus{color: #393939; text-decoration: none;}h1{color: #393939; font-size: 60px; text-transform: uppercase;}h3{color: #393939;}h5{color: #C8E2DD;}.slider{position:relative;margin: 0px;overflow: hidden;padding: 60px 0 0px;}#cargando{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #f5f5f5; /* change if the mask should be a color other than white */ z-index: 1000; /* makes sure it stays on top */}.cargandocontainer{position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center;}.cuadrado{width: 1000px; height: 1000px; position: relative; margin: 100px auto;}.doblebote1,.doblebote2{width: 100%; height: 100%; background-color: #C8E2DD; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: bote 2.0s infinite ease-in-out; animation: bote 2.0s infinite ease-in-out;}.doblebote2{-webkit-animation-delay: -1.0s; animation-delay: -1.0s;}@-webkit-keyframes bote{0%, 100%{-webkit-transform: scale(0.0)}50%{-webkit-transform: scale(1.0)}}@keyframes bote{0%, 100%{transform: scale(0.0); -webkit-transform: scale(0.0);}50%{transform: scale(1.0); -webkit-transform: scale(1.0);}}.header{position: absolute; top: 0; left: 0; height: 50px; width: 100%; z-index: 3; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 80px; background: #C8E2DD; box-shadow: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}.header.is-fixed{position: fixed; top: -80px; background-color: #C8E2DD; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s;}.header.is-visible{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}.header.menu-is-open{background-color: #C8E2DD;}.logo{display: block; padding: 0px;}.navtrigger{position: absolute; right: 0; top: 0; height: 100%; width: 50px; background-color: #fff;}.navtrigger .menu-text{color: #fff; text-transform: uppercase; font-weight: 700; display: none;}.navtrigger .menu-icon{display: inline-block; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 20px; height: 2px; background-color: #fff; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; list-style: none;}.navtrigger .menu-icon::before,.navtrigger .menu-icon:after{content: ''; width: 100%; height: 100%; position: absolute; background-color: #fff; right: 0; -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -webkit-transition: top .3s, background-color 0s, -webkit-transform .3s; transition: top .3s, background-color 0s, -webkit-transform .3s; transition: transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s, -webkit-transform .3s;}.navtrigger .menu-icon::before{top: -5px;}.navtrigger .menu-icon::after{top: 5px;}.navtrigger .menu-icon.is-clicked{background-color: rgba(255, 255, 255, 0);}.navtrigger .menu-icon.is-clicked::before,.navtrigger .menu-icon.is-clicked::after{background-color: #fff;}.navtrigger .menu-icon.is-clicked::before{top: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg);}.navtrigger .menu-icon.is-clicked::after{top: 0; -webkit-transform: rotate(225deg); transform: rotate(225deg);}.navtrigger{width: 100px; padding-left: 1em; background-color: transparent; height: 30px; line-height: 30px; right: 10px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%);}.navtrigger .menu-text{display: inline-block;}.navtrigger .menu-icon{left: auto; right: 1em; -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%);}.primnav{position: fixed; left: 0; top: 0px; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.96); z-index: 2; text-align: center; padding: 50px 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; list-style: none; padding: 150px 0 0;}.primnav li{font-size: 1.375rem; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: .2em 0; text-transform: capitalize;}.primnav li a{font-size: 1.875rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: .2em 0;}.primnav a{display: inline-block; padding: .4em 1em; -webkit-transition: all 0.2s; transition: all 0.2s; color: #393939; text-decoration: none; font-weight: bold;}.primnav a:focus{outline: none;}.no-touch .primnav a:hover{text-decoration: none; color: #999;}.primnav .label{color: #C8E2DD; text-transform: uppercase; font-weight: 700; font-size: 15px; margin: 2.4em 0 .8em; display: block;}.primnav .social{display: inline-block; margin: 10px .4em;}.primnav .social a{width: 30px; height: 30px; padding: 0; font-size: 30px}.primnav.is-visible{-webkit-transform: translateY(0); transform: translateY(0);}.portfolio .categories-grid span{font-size: 30px; margin-bottom: 30px; display: inline-block;}.portfolio .categories-grid .categories ul li{list-style: none; margin: 20px 0; display: inline-block;}.portfolio .categories-grid .categories ul li a{display: inline-block; color: #60606e; padding: 0 10px; margin: 0 10px; -webkit-transition: all .2s ease-in-out .2s; transition: all .2s ease-in-out .2s;}.portfolio .categories-grid .categories ul li a:hover,.portfolio .categories-grid .categories ul li a:focus{text-decoration: none;}.portfolio .categories-grid .categories ul li a.active{margin-left: 0; background-color: #C8E2DD; padding: 0px 20px; color: white; text-decoration: none;}.portfolio_filter{padding-left: 0;}.portfolio_item{position: relative; overflow: hidden; display: block;}.portfolio_item .portfolio_item_hover{position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, .8); -webkit-transform: translate(-100%); transform: translate(-100%); opacity: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}.portfolio_item .portfolio_item_hover .item_info{text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 10px; width: 100%; font-weight: bold;}.portfolio_item .portfolio_item_hover .item_info span{display: block; color: #fff; font-size: 18px; -webkit-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: all .2s ease-in-out .2s; transition: all .2s ease-in-out .2s; opacity: 0;}.portfolio_item .portfolio_item_hover .item_info em{font-style: normal; display: inline-block; background-color: #C8E2DD; padding: 5px 20px; color: #333; margin-top: 10px; -webkit-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: all .3s ease-in-out .3s; transition: all .3s ease-in-out .3s; opacity: 0; font-size: 10px; letter-spacing: 2px;}.portfolio_item:hover .portfolio_item_hover{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}.portfolio_item:hover .item_info em,.portfolio_item:hover .item_info span{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}.portfolio .categories-grid .categories ul li{float: left;}.portfolio .categories-grid .categories ul li a{padding: 0 10px; -webkit-transition: all .2s ease-in-out .2s; transition: all .2s ease-in-out .2s;}.portfolio_filter{padding-left: 0; display: inline-block; margin: 0 auto; text-align: center; margin-bottom: 50px;}.portfolio-inner{padding-bottom: 0 !important; padding-top: 55px;}.mailtohead{margin: 10px; color: #C8E2DD; display: inline-block;}.mailtohead:hover{color: #393939; text-decoration: none;}footer{padding: 30px 0; text-align: center; background: #f5f5f5; display: inline-block; width: 100%; position: relative; bottom: 0;}.copyright{color: #ccc; margin-bottom: 0; display: inline-block;}.copyright:focus{color: #393939; text-decoration: none;}.arriba{display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 20px; line-height: 40px; font-size: 20px; right: 10px; text-align: center; color: #fff; background: rgba(200, 226, 221, 0.7); visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;}.arriba.arriba-is-visible,.arriba.arriba-fade-out,.no-touch .arriba:hover{-webkit-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}.arriba.arriba-is-visible{ visibility: visible; opacity: 1;}.arriba.arriba-fade-out{opacity: .7;}.no-touch .arriba:hover,.no-touch .arriba:focus{background-color: #C8E2DD; opacity: 1; color: #fff;}.top-bar{color: #333; padding: 150px 0 100px; 
    background: -webkit-linear-gradient( rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/pat.png); background: linear-gradient( rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(../img/pat.png); background-size: cover; background-attachment: fixed; background-position: center center; text-align: center;}.top-bar h1{font-size: 60px; text-transform: uppercase; font-weight: 700; color: #999; line-height: 50px;}.top-bar p{font-size: 15px; text-transform: uppercase; font-weight: 500; color: #777;}.top-bar p a{color: #777;}.top-bar p a:hover,.top-bar p a:focus{color: #555; text-decoration: none;}.social-ul{list-style: none; display: inline-block; padding-left: 0;}.social-ul li{margin: 0 10px; float: left;}.social-ul li a{font-size: 25px; color: #555; -webkit-transition: all .3s; transition: all .3s; text-decoration: none; font-weight: 600;}.social-ul li a:hover{color: #888;}.details-text i{margin-right: 10px;}.textarea-contact{height: 200px; width: 100%; border: solid 1px rgba(0, 0, 0, .1); position: relative;}.textarea-contact textarea{height: 100%; width: 100%; border: 0; padding: 20px; background-color: transparent; float: left; z-index: 2; font-size: 14px; color: #9a9a9a; resize: none;}.textarea-contact > span{position: absolute; top: 20px; left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px; text-transform: uppercase; color: #cdcdcd; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; z-index: 1;}.input-contact{height: 40px; width: 100%; border: solid 1px rgba(0, 0, 0, .1); position: relative; margin-bottom: 30px;}.input-contact input[type="text"]{height: 100%; width: 100%; border: 0; padding: 0 20px; float: left; position: relative; background-color: transparent; z-index: 2; font-size: 14px; color: #9a9a9a;}.input-contact > span{position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px; text-transform: uppercase; color: #cdcdcd; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; z-index: 1;}.input-contact > span.active,.textarea-contact > span.active{color: #C8E2DD; font-size: 10px; top: 0px; left: 5px; background-color: #fff; padding: 5px}input:focus,textarea:focus{outline: none;}.contact-info{margin-top: 20px;}.contact-info i{height: 30px; width: 30px; display: inline-block; background: #C8E2DD; text-align: center; line-height: 33px; margin-right: 10px; color: #fff; font-size: 21px;}.contact-info p{display: inline-block; margin-right: 20px;}.btn-box{background: #C8E2DD; padding: 10px 50px; border-radius: 0; color: #fff; margin-top: 20px; text-transform: uppercase; letter-spacing: 2px; font-weight: 500;margin-bottom: 100px}.btn-box:hover,.btn-box:focus{background: #C8E2DD; color: #fff;}.subtitle{font-size: 16px; padding-top: 30px;}.pho{padding: 10px;}#topsingle{padding: 1 0; margin: 0 0; height: 1px; background: none;}.cat-ul{padding-left: 0; list-style: none}.cat-ul li i{margin-right: 10px; color: #C8E2DD;}


@media (max-width: 991px){
   
    portfolio .categories-grid span{margin-bottom: 0; text-align: center; width: 100%;}.portfolio .categories-grid .categories ul li{text-align: center;}.portfolio .categories-grid .categories ul li a{margin-left: 0;}.col-md-6 h3{margin-top: 30px;}}

@media only screen and (max-width: 670px){
    
}
  .primnav a{padding: 5px 1em; font-size: 14px;}.primnav{padding: 80px 0 0;}.primnav .social a{font-size: 23px;}.top-bar h1{font-size: 40px; line-height: 30px;}.portfolio .categories-grid .categories ul li{float: none;}}

@media only screen and (max-width: 520px){}.main-container{padding: 50px 0;}}

@media only screen and (max-width: 420px){
   
    .top-bar h1{font-size: 30px; line-height: 30px;}}

@media (min-width: 1026px) {
    .movil{display: none;}
    .pc{display: block;}
   
}
   

@media (min-width: 991px) and (max-width: 1025px){
     .movil{
        display: block;}
    .pc{display: none;}

}

@media (min-width: 0px) and (max-width: 990px){
    .movil{
        display: none;}
    .pc{display: block;}


    
}