html{overflow-x:hidden;}
body{font-family:'Open Sans',sans-serif;}

.text-green {color:#9fcc46 !important; }
.text-orange {color:#bf544e !important;; }

.site-privacy i {color:#666666; font-style:normal; font-weight:bold;}
.site-privacy a {color:#9fcc46; }
.site-privacy a:hover {color:#9fcc46; }

.site-navbar{background:#2e373c;min-height:50px;padding:20px 0;border:0;}
.site-navbar a{color:#fff;text-transform:uppercase;font-family:'Open Sans',sans-serif;}
.site-navbar .current{background:#9fcc46;}
.site-navbar li a.current:hover{background:#9fcc46;}
.site-navbar li a:hover{background:#9fcc46;}
.site-navbar li a:focus{background:#9fcc46;}
.navbar-brand{padding-top:0; margin-top:-7px;}
.navbar-toggle .icon-bar{background:#fff;}
.navbar-toggle{border:1px solid #fff;border-radius:0;}
.site-main{margin-top:90px;}
.carousel-caption{bottom:100px;}
.carousel-caption h3{font-size:4.5em;text-transform:uppercase;padding:10px 25px;display:inline-block;background:rgba(46,55,60,0.85)}
.carousel-caption span{display:block;padding:5px 10px;text-transform:uppercase;background:rgba(229,223,96,0.85)}
.carousel-control span{top:50%;margin-top:-10px;right:30px;position:absolute;}
.carousel-control.left span{right:auto;left:30px;}
.carousel-inner img {width:100%; }

#about,#services,#portfolio,#clients,#people,#blog,#contact,#work,#atributes,#system{padding-top:60px;padding-bottom:80px;}
#about h3,#services h3,#portfolio h3,#clients h3,#people h3,#blog h3,#contact h3,#work h3,#atributes h3,#system h3{font-size:4em;font-family:'Montserrat',sans-serif;text-transform:uppercase;font-weight:bold;margin-bottom:35px;}
#about p{font-family:'Open Sans',sans-serif;font-size:1.3em;font-weight:300;color:#444;}
.icon-about a i{font-size:3em;margin-right:10px;margin-top:10px;color:#666;}
.icon-about a i.fa-weibo:hover{color:#d52b2b;}
.icon-about a i.fa-facebook-square:hover{color:#3c599f;}
.icon-about a i.fa-twitter-square:hover{color:#5eaade;}
.icon-about a i.fa-google-plus-square:hover{color:#da4735;}
.icon-about a i.fa-pinterest-square:hover{color:#ca2128;}
.icon-about a i.fa-linkedin:hover{color:#017eb4;}
#services{background:#9fcc46;color:#fff;}
#services h3{margin-bottom:40px;}
#services p{text-align:center;font-family:'Open Sans',sans-serif;font-size:1.1em;}
#services span{width:150px;height:150px;display:inline-block;border:5px solid #fff;border-radius:50%;margin-bottom:20px;}
#services span i{font-size:4.5em;padding:35px 0px;}
#services span i.fa-mobile{font-size:6.5em;padding:20px 0px;}
#services span i.fa-thumbs-up{padding:35px 0px;}
#services h4{font-size:1.6em;font-weight:bold;text-transform:uppercase;text-align:center;font-family:'Montserrat',sans-serif; margin-bottom:50px;}
.servicio {height:328px; }

#atributes{background:#fff;color:#333;}
#atributes h4{font-size:1.6em;font-weight:bold;text-transform:uppercase;font-family:'Montserrat',sans-serif;text-align:center;}
#atributes span{font-family:'Open Sans',sans-serif;font-size:24px;text-transform:uppercase;font-weight:bold;color:#333333;width:84px;height:84px;}
#atributes span>a{color:#333333;}
#atributes p{text-align:center; font-size:22px; }
#atributes img{width:100%;margin-bottom:20px;}
#atributes ul{font-family:'Open Sans',sans-serif;font-size:20px;padding:0;margin:0;}
#atributes ul li{display:block;background:#9fcc46; color:#fff;padding:5px 10px;margin-bottom: 10px; line-height: 1.2em;}
#atributes ul li a{color:#fff;font-size:1.8em; cursor:default;}
#atributes ul li:hover{background:#273035; color:#fff;}

#portfolio{background:#273035;color:#fff;}
#portfolio img{width:100%;margin-bottom:20px;height:auto;}
#portfolio h4{font-size:1.6em;font-weight:bold;text-transform:uppercase;font-family:'Montserrat',sans-serif;margin-bottom:0;}
#portfolio span{background:#9fcc46;border-radius:50px;padding:25px 13px;position:absolute;top:28%;left:40%;display:none;font-family:'Open Sans',sans-serif;font-size:24px;text-align: center;text-transform:uppercase;font-weight:bold;color:#fff;width:84px;height:84px;}
#portfolio .imgport{position:relative;}
#portfolio .imgport:hover{cursor:pointer;opacity:0.9;}
#portfolio .imgport:hover span{display:block;}

#people h2{font-size:1.6em;font-weight:bold;text-transform:uppercase;font-family:'Montserrat',sans-serif; margin-bottom:20px;}
#people p {font-size:1.1em; margin-bottom:50px; }
#people p.hero {font-size:29px; text-align:center; }
#people p.hero span{background:#9fcc46;border-radius:50px;padding:5px 13px;font-family:'Open Sans',sans-serif;font-size:24px;text-transform:uppercase;font-weight:bold;color:#fff;width:84px;height:84px;}
#people ul {font-size:18px; margin:0px; }
#people li {list-style-type:none;}
#people li i {color:#333333;}

#system{background:#bf544e; color:#fff;}
#system img{width:100%;margin-bottom:20px;height:auto;}
#system h4{font-size:1.6em;font-weight:bold;text-transform:uppercase;font-family:'Montserrat',sans-serif;margin-bottom:0;}
#system p {font-size:29px; text-align:center; }
#system span{background:#9fcc46;border-radius:50px;padding:5px 13px;font-family:'Open Sans',sans-serif;font-size:24px;text-transform:uppercase;font-weight:bold;color:#fff;width:84px;height:84px;}
#system .imgport{position:relative;}
#system .imgport:hover{cursor:pointer;opacity:0.9;}
#system .imgport:hover span{display:block;}

#clients{}
#clients h4{font-size:1.6em;font-weight:bold;text-transform:uppercase;font-family:'Montserrat',sans-serif;margin-bottom:0;text-align:center;}
#clients span{font-family:'Open Sans',sans-serif;font-size:24px;text-transform:uppercase;font-weight:bold;color:#333333;width:84px;height:84px;}
#clients span>a{color:#333333;}
#clients img{width:100%;margin-bottom:20px;}
#clients ul{position:absolute;top:60%;left:16%;display:none;font-family:'Open Sans',sans-serif;font-size:24px;text-transform:uppercase;font-weight:bold;color:#fff;padding:0;margin:0;}
#clients ul li{display:inline-block;background:#9fcc46;padding:0 10px;}
#clients ul li a{color:#fff;font-size:1.8em;}
#clients ul li:hover{background:#273035;}
#clients .imgteam{position:relative;}
#clients .imgteam:hover{cursor:pointer;opacity:0.9;}
#clients .imgteam:hover ul{display:block;}

#clients .carousel-top-controls {background:none; display: block; width: 200px; float: right; text-align: right;}
#clients .carousel-top-controls span a {padding:0px 15px 5px 15px; background-color:#333;color:#fff;}
#clients .carousel-top-controls span a:hover {background-color:#9fcc46; }
#clients .item-inner{
    display: inline-block;
    *display: inline;
    -webkit-filter:grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: /* blur(2px) */ grayscale(1);
    opacity: .7; /* fallback */              
}
#clients .item-inner:hover{
    display: inline-block;
    *display: inline;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;     
    -webkit-filter:grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: /* blur(2px) */ grayscale(0);   
    opacity:1;
}

#blog{background:#fff;color:#1b2124;}
#blog a{color:#1b2124;}
#blog h4{font-family:'Montserrat',sans-serif;font-size:2.5em;text-transform:uppercase; color:#9fcc46;}
#blog ul{padding:0;}
#blog li{list-style:none;margin-bottom:30px;padding:0; }
#blog h5{font-family:'Montserrat',sans-serif;font-size:1.4em;text-transform:uppercase;}
#blog p{font-family:'Open Sans',sans-serif;font-size:1.1em;}
.singleblog{background:#273035!important;}
.fluid-wrapper{position:relative;height:350px;margin-bottom:40px;}
.fluid-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
#contact .fa{font-size:1.2em;color:#8f8f8f;}
#contact h2 {font-size:3.5em;font-family:'Montserrat',sans-serif;text-transform:uppercase;font-weight:bold;margin-bottom:35px;}
.map-overlay {
   background:transparent; 
   position:relative; 
   width:1903px;
   height:350px; /* your iframe height */
   top:350px;  /* your iframe height */
   margin-top:-350px;  /* your iframe height */
   z-index:100;
}

.mail{font-size:1.3em;font-family:'Open Sans',sans-serif;font-weight:300;color:#666;}
.frm input[type="text"],.frm input[type="email"]{background:#fcfcfc!important;border-radius:0!important;height:50px;}
textarea{background:#fcfcfc!important;border-radius:0!important;padding:10px!important;font-size:1.2em;}
.btn-biru{background:#9fcc46;border-radius:0!important;border:0!important; color:#ffffff;}
.btn-biru:hover{background:#c2de97;}
#success p{padding:15px;}
footer{background:#1b2124;padding-top:30px;text-align:left;font-size:15px;font-family:'Open Sans',sans-serif;padding-bottom:100px;font-weight:300;color:#fff;}
footer a{font-weight:400;color:#fff;text-shadow:0;text-decoration:underline; text-align:right; float:right;}
footer a:hover {color:#9fcc46; }
.scroll-to-top a{color:#fff;display:block;line-height:40px;width:40px;height:40px;}
.scroll-to-top{background:#333;position:fixed;bottom:20px;right:20px;text-align:center;border-radius:4px;z-index:9999;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .5s;transition:opacity .5s;}
.scroll-to-top.affix{opacity:.5;filter:alpha(opacity=50);}
.affix{position:fixed;}
.modal-body img{width:100%;height:auto;}
.modal-body{padding:3px;}
.modal-content{border-radius:0;}
button.close{background:#9fcc46!important;padding:10px!important;opacity:1!important;text-shadow:none!important;color:#fff!important;position:absolute;top:0;right:0;z-index:999;}
#single{padding-top:30px;margin-bottom:40px;}
#single .titlesingle{font-weight:bold;text-transform:uppercase;font-family:'Montserrat',sans-serif;margin-bottom:0;text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #dedede;}
#single .titlesingle h1{font-size:3em;}
#single p{font-family:'Open Sans',sans-serif;font-size:1.3em;font-weight:300;color:#444;}
#single p.datesingle{text-align:center;font-size:1.6em;}
.alignright{float:right;margin:5px 0 20px 20px;}
.alignleft{float:left;margin:5px 20px 20px 0;}
@media (max-width:991px){.site-main{margin-top:90px;}
.carousel-caption{top:0;padding:0;}
.carousel-caption h3{font-size:1em;}
}
@media (max-width:767px){#about h3,#services h3,#portfolio h3,#team h3,#blog h3,#contact h3,#work h3{font-size:3em;}
.frm .col-md-6,.frm .col-md-12{padding:0;}
.carousel-caption span{font-size:0.7em;}
.alignright,.alignleft{width:100%;}
}