/* GOOGLE FONTS */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700&subset=latin,latin-ext);


/* BODY */
*{ outline:none !important;}
body{ margin:0; padding:0; color:#2f2e33; font-family: 'Roboto', sans-serif; font-size:15px; font-weight:400; -webkit-font-smoothing: antialiased;}

/* TOOLS */
ul{ margin:0; padding:0;}
ul li{ padding:0; list-style:none;}

ol{ margin:0; padding:0;}
ol li{ padding:0; list-style:none;}

p{ line-height:24px; margin-bottom:15px;text-align: justify;}
b{ font-weight:700;}

.navbar-brand1
{
    padding: 5px 5px;
}
.navbar-brand1>img
{
    width: 127px;
    margin-left: 11px;
    height: 85px;
}
.language
{
    color: white;   
}
.projects .project-box p
{
    margin-bottom: 5px;
}
.aboutus-mission
{
    padding: 50px 0 20px 0 !important;
}
.aboutus-mission p
{
    text-align: center;
}
.navbar-nav1 li:nth-child(5)
{
    display: none;
}
.glyphicon-envelope
{
        font-size: 21px;
    vertical-align: middle;
}
/* LINKS */
a{color:#2f2e33;}
a:hover{ text-decoration:none;}
a:focus{ color:#2f2e33;}
a{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

/* FORM ELEMENTS */
input[type="text"]{ width:220px; height:36px; border:1px solid #eee; padding:0 10px; font-weight:500; color:#2f2e33;}
button[type="submit"]{ float:left; height:36px; padding:0 15px; border:none; font-weight:700; background-color: #FE8C52;    color: white;}
button[type="button"]{ float:left; height:36px; padding:0 15px; border:none; font-weight:700; background:url(../../images/button-bg.jpg) repeat-x #f2b800; }
textarea{width:320px; height:100px; border:1px solid #eee; padding:10px; font-weight:500; color:#2f2e33;}




/* SITE BUTTON */
.site-btn{ height:58px; line-height:60px; display:inline-block; background-color:#FFFFFF; padding:0 20px; border-bottom:2px solid #FE8C52; font-size:18px; color:#FE8C52; font-weight:700;}
.site-btn i{ float:right; margin-left:12px;}
.site-btn:hover{ background:#FFF; text-decoration:none; color:#FE8C52;}
.site-btn:focus{ background:#FFF; text-decoration:none; color:#FE8C52;}

/* TITLE BOX */
.title-box{ width:100%; float:left;}
.title-box h5{ width:100%; display:inline-block; font-size:16px; color:#592d02; font-weight:500;}
.title-box h2{ width:100%; display:inline-block; font-size:40px; color:#d2a970; margin:0; font-weight:700;}
.title-box span{ width:56px; height:3px; display:inline-block; background:#592d02; margin-top:10px; margin-bottom:30px;}



/* TABLE VALIGN MIDDLE */
.table{ width:100%; height:100% !important; display:table; text-align:center; margin:0;}
.table .inner{ display:table-cell; vertical-align:middle;}



/* TRANSITION OVERLAY */
.transition-overlay{ width:100%; height:100%; position:fixed; left:0; top:0; background:#fff; z-index:99999; opacity:0; visibility:hidden;}
.transition-overlay{ -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.transition-overlay-show{ opacity:1; visibility:visible;}



/* LOADING */
.loading{ width:100%; height:100%; position:fixed; left:0; top:0; background:#fff; z-index:99999;} 
.loading h5{ color:#d2a970; margin-bottom:20px; position:relative;}
.loading #loader path, #loader rect {fill: #f5b705;}
.inner-fade{ opacity:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.slide-up{ top:100%; transition-duration: 1000ms; -webkit-transition-duration: 1000ms; transition-timing-function: cubic-bezier(0.20, 0, 0.10, 1);	-webkit-transition-timing-function: cubic-bezier(0.20, 0, 0.10, 1); transition-delay: 1s; }


/* BACKGROUNDS */
.background-1{ background:url(../../images/hero1.jpg) no-repeat; background-size:cover;}


/* MAP */
.map-container{ width:100%; height:300px; float:left; background:#000; margin-top:-300px; position:relative;}
.map-container{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;transition-duration: 500ms; -webkit-transition-duration: 500ms; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1)}
.map-container #map-placeholder{ width:100%; height:300px; float:left;}
.map-container .close-btn{ width:40px; height:60px; text-align:center; position:absolute; right:40px; top:0; background:#f5b705; z-index:2;}
.map-container .close-btn i{ font-size:22px; margin-top:15px; display:inline-block; cursor:pointer;}
.map-container.show{ margin-top:0;}

/* TOPBAR */
.top-bar{ width:100%; height:40px; line-height:40px; float:left; background:#d2a970;color:white}
.top-bar h5{ float:left; margin:0; line-height:inherit;}
.top-bar .phone{ margin-left:20%; font-weight:500;}
.top-bar .map{ margin-left:60px; color:white; font-weight:500;}
.top-bar .language{ float:right; color:white; font-weight:500;}
.top-bar a{ display:inline-block;}
.top-bar a:hover{ text-decoration:none;}
.top-bar a:focus{ text-decoration:none;}

.gradient{background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );}

/* HEADER -  NAVIGATION */
.navbar-default1 .navbar-toggle{ border-radius:0;}
.navbar-default1{ background:#d2a970; border:none; border-radius:0;}
.navbar-default1 .navbar-brand1{ height:auto;}
.navbar-default1 .inner-header1{ width:100%; float:left; background:#fff; margin-top:15px; margin-bottom:-15px; padding:0 15px; position:relative; z-index:2; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.navbar-default1 .navbar-nav1{float:left; margin-top:35px; margin-left:17%;}
.navbar-default1 .navbar-nav1>#liu{ float:left;/* text-align:center; */}
.navbar-default1 .navbar-nav1>#liu span{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.navbar-default1 .navbar-nav1>#liu span{ width:0; height:2px; display:inline-block; background:#F58850;}
.navbar-default1 .navbar-nav1>#liu>#aio{ font-weight:500; padding:0 10px; padding-bottom:0;}
.navbar-default1 .navbar-nav1>#liu>#aio:focus{color:#f5b705;}
.navbar-default1 .navbar-nav1>#liu>#aio:hover{color:#FE8C52;}
.navbar-default1 .navbar-nav1>#liu:hover span{ width:100%;}
/*.navbar-default1 .navbar-right1{ margin-left:0;} */ 

.navbar-default1 .navbar-nav1>.open>#aio, .navbar-default1 .navbar-nav1>.open>#aio:focus, .navbar-default1 .navbar-nav1>.open>#aio:hover{ background:none; color:#f5b705;}

.navbar-nav1>#liu.dropdown:hover .dropdown-menu1{ display:block;}
.navbar-nav1>#liu>.dropdown-menu{ border:none; border-radius:0; margin-top:7px; padding:0; background-color:#d2a970  !important; top:34px; z-index:9999; position:absolute;}
.navbar-nav1>#liu>.dropdown-menu>#liu>#aio{ padding:10px 15px;color: #FFF;}
.navbar-nav1>#liu>.dropdown-menu>#liu>#aio:hover{ background:rgba(0,0,0,0.05);}

/* HOME SERVICES */
.home-services{ width:100%; float:left; padding:80px 0;}
.home-services figure *{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.home-services figure{ width:100%; float:left; margin-bottom:20px; background:#f5b705; overflow:hidden;}
.home-services figure img{ width:110% !important; float:left;}
.home-services figure:hover img{ opacity:0.5; margin-left:-10%;}
.home-services .description{ width:100%; float:left; font-size:13px; color:#FE8C52; font-weight:500;}
.home-services .item a{ width:100%; float:left; color:#d2a970; font-size:30px; font-weight:700; margin-bottom:10px;}
.home-services .item #aio:hover{ text-decoration:none;}
.home-services .border{ width:38px; height:3px; float:left; background:#FE8C52;}
.home-services .carousel{ width:100%; float:left;}
.home-services .owl-dots{ width:100%; float:left; text-align:center; margin-top:30px;}
.home-services .owl-dot { width:10px; height:10px; background:#ccc; display:inline-block; border-radius:10px; margin:0 2px;}
.home-services .owl-dot.active{ background:#f5b705;}

/* HOME FEATURES */
.home-features{ width:100%; float:left; padding:80px 0 40px 0; text-align:center;}
.home-features *{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.home-features i{ width:100%; float:left; padding:0 20px;font-size: 87px;color: #d2a970;}
.home-features i img{ width:100%; float:left; opacity:0.4; }
.home-features h4{ color:#FE8C52; text-transform:uppercase; font-size:15px;}
.home-features p{ opacity:0; font-size:12px; line-height:18px;text-transform: uppercase}
.home-features .col-md-2:hover { margin-bottom:20px;}
.home-features .col-md-2:hover i{ margin-top:-20px;}
.home-features .col-md-2:hover i img{ opacity:0.7;}
.home-features .col-md-2:hover h4{ color:#F58850;}
.home-features .col-md-2:hover p{ opacity:1;}

.owl-controls
{
    display: none;
}


/* HOME GALLERY */
.home-gallery{width:100%; float:left; }
.home-gallery *{/*-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;*/}
.home-gallery ul.filter{ width:100%; float:left; margin-bottom:40px;}
.home-gallery ul.filter #liu{ display:inline-block; margin:0 4px;}
.home-gallery ul.filter #liu #aio{color:#fff; background:#FE8C52; padding:5px 12px; border-radius:2px; font-size:13px; font-weight:700;}
.home-gallery ul.filter #liu #aio:hover{color:#FFFFFF; background:#d2a970; text-decoration:none;}
.home-gallery ul.filter #liu #aio:focus{color:#FFFFFF; background:#d2a970; text-decoration:none;}
.home-gallery ul.filter #liu .current{color:#FFFFFF;}
.home-gallery ul.gallery{ width:100%; float:left;}
.home-gallery ul.gallery #liu { width:25%; float:left; padding:1px;}
.home-gallery ul.gallery #liu figure{ width:100%; float:left; background:#2f2e33;}
.home-gallery ul.gallery #liu figure img{ width:100%; float:left;}
.home-gallery ul.gallery #liu:hover img{ opacity:0.7;}

/* LOGOS */
.logos{ width:100%; float:left; padding:80px 0;}
.logos *{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.logos ul{ width:100%; float:left;}
.logos ul #liu{ width:20%; float:left; padding:5px;}
.logos ul #liu figure{ width:100%; float:left; border:1px dashed #eee;}
.logos ul #liu img{ width:100%; opacity:0.4;}
.logos ul #liu:hover img{ opacity:0.8;}

/* SERVICES */
.services{ width:100%; float:left; padding-top:40px; padding-bottom:80px;}
.services .image{ width:100%; float:left; margin:30px 0;}
.services aside{ width:100%; max-width:260px; float:right; background:#d2a970; padding:25px 15px;}
.services aside ul{ width:100%; float:left;}
.services aside ul #liu{ width:100%; float:left; border-bottom:1px solid rgba(0,0,0,0.1);}
.services aside ul #liu:last-child{ border-bottom:none; padding-bottom:0;}
.services aside ul #liu #aio{ width:100%; float:left; text-indent:10px; font-size:15px; font-weight:700; margin:0; padding:15px 0; }
.services aside ul #liu #aio:hover{ background:rgba(0,0,0,0.1); color:#fff;}
.services aside ul #liu.active #aio{ background:rgba(0,0,0,0.1); color:#fff;}

/* FOOTER BAR */
.footer-bar{ width:100%; float:left; background:#d2a970; padding:15px 0;    color: white;}
.footer-bar .icon{ float:left; font-size:20px; margin-right:8px; margin-top:6px;}
.footer-bar h4{ float:left;}
.footer-bar ul{ float:right; margin-top:5px;}
.footer-bar ul li{ float:left; margin-left:15px;}
.footer-bar ul li a{ float:left;}
.footer-bar ul li a:hover{color:#2f2e33; opacity:0.7;}
.footer-bar ul li i{ font-size:20px;}


/* FOOTER */
/*footer{ width:100%; float:left; padding:30px 0; background:url(../images/footer-bg.jpg) #2f2e33; color:#fff;}*/
footer{ width:100%; float:left; padding:10px 0; background:#592d02; color:#fff;}
footer h3{ margin-top:0; margin-bottom:10px; font-size:19px; font-weight:700;}
footer p{ line-height:20px;}
footer .border{ width:38px; height:3px; display:inline-block; background:#FE8C52; margin-bottom:20px;}
footer .logo{ display:block; margin-bottom:10px;width: 130px;}
footer ul{ width:100%; float:left;}
footer ul li{ width:10%; float:left; margin:2px 0;}
footer ul li a{ float:left; color:#fff;}
footer ul li a:hover{color:#f5b705;}
footer form{ width:100%; float:left;}
footer form input[type="text"]{ border:none;}
footer .sub-footer{ width:100%; float:left; margin-top:40px; padding-top:30px; border-top:1px solid rgba(255,255,255,0.1);} 
footer .sub-footer .copyright{ float:left; font-size:12px;}
footer .sub-footer .themezinho{ float:right; font-size:12px;}
footer .sub-footer .themezinho i{ color:#f5b705;}
/* RESPONSIVE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
input[type="text"]{ border-radius:0;}
button[type="submit"]{ border-radius:0;}
.top-bar h5{ display:none;}
.top-bar .language{ display:none;}
.top-bar .map{ float:right; margin:0;}
.intro .left-image{ padding:0 10%;}
.intro .file-box{ margin-bottom:30px;}
.intro .file-box img{ width:100px;}
.video-bg h2{ font-size:40px;}
.home-gallery ul.filter li{ margin:0;}
.logos{ padding-top:0;}
.footer-bar h4{ font-size:13px;}
.footer-bar ul{ float:none;}
footer ul{ margin-bottom:40px;}
footer .sub-footer .themezinho{ float:left;}
.navbar-default1 .navbar-toggle{ float:right; margin-top:20px;}	
.navbar-default1 .navbar-toggle i{ font-size:20px;}
.navbar-default1 .navbar-nav1{ margin-left:0;}
.navbar-default1 .navbar-nav1>li{ width:100%; text-align:left;}
.navbar-nav1 .open .dropdown-menu1{ margin-bottom:30px;}
.navbar-right1{ width:100%; margin-top:0; margin-bottom:30px;}
.navbar-right1 li{ float:left; width:auto !important;}
.quote-bar a{ float:left; margin-top:20px;}
.home-services .border{ margin-bottom:40px;}
.home-services a{ font-size:16px;}
.home-gallery ul.gallery li{ width:50%;}
.news figure{ max-width:120px; margin-bottom:20px;}
.news h3{ font-size:21px;}
.news .news-box{ margin-bottom:60px;}
.news p{ width:100%; float:left;}
.logos ul li{ width:50%;}
.projects .nav-tabs>li{ margin-bottom:20px;}
.services aside{ max-width:100%; margin-top:40px;}
.news-list figure{ max-width:120px; margin-bottom:20px;}
.news-list p{ width:100%; float:left;}
footer .col-md-4{ margin-bottom:40px;}
}


.spinner {
  -webkit-animation: rotator 1.4s linear infinite;
          animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
          animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
  0% {
    stroke: #f5b705;
  }
  25% {
    stroke: #f5b705;
  }
  50% {
    stroke: #f5b705;
  }
  75% {
    stroke: #f5b705;
  }
  100% {
    stroke: #f5b705;
  }
}

@keyframes colors {
  0% {
    stroke: #f5b705;
  }
  25% {
    stroke: #f5b705;
  }
  50% {
    stroke: #f5b705;
  }
  75% {
    stroke: #f5b705;
  }
  100% {
    stroke: #f5b705;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}