@charset 'utf-8';
@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic);

/* CSS DOCUMENT */
html, body { height:100%; min-height:100%; background:#eeeeee; }
.hide { position:relative;}
.ease,a,input[type="submit"],button { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.loader { position:relative; overflow:hidden; background:#fff url('../images/page_template/loading.gif') no-repeat center; }
.auto { width:1052px; margin: 0 auto; position: relative; }

/********* Page Template *********/
#main-container { height:100%; height: auto !important; min-height:100%; }
input[type="text"],input[type="password"] { }
input[type="submit"] { }
textarea { outline:none; resize:none; }

header { background:#fff; }
.header-content { padding:22px 0px; }
.menu { padding:15px 0px; text-transform:uppercase; font-weight:900; }
.menu ul li { float:left; padding:0px 20px; }
.menu ul li a { display:block; padding:5px; color:#333; }
.menu ul li:first-child a { padding-left:10px; }
.menu ul li:last-child a { padding-right:10px; }
.menu ul li.active a, .menu ul li a:hover { color:#e4432d; }

#main-wrapper {}
.fl { float:left; }
.fr { float:right; }
.clr { float:none; clear:both; }
.bp-set { display:inline-block; *display:inline; }
.bp-set.vm { vertical-align:middle; }
.bp-set.vt { vertical-align:top; }
.bp-set.vb { vertical-align:bottom; }
.bp-box { box-sizing:border-box; }
.bp-rel { position:relative; }
.bp-ab { position:absolute; }
.bp-center { text-align:center; }
.bp-left { text-align:left; }
.bp-right { text-align:right; }
.bp-justify { text-align:justify; }
.bp-tt { text-transform:uppercase; }
.par p { padding:10px 0px; }
.par2 p { padding:5px 0px; }
.par-med { font-size:14px; }
.par-lar { font-size:16px; }
.par-xl { font-size:18px; }
.co-gray { color:#666666; }

footer {}
.footer-content { padding-top:25px; background:#333333; }
.footer-main { padding:35px 0px; }
.f-copyright { padding:10px 0px; color:#999999; }
.f-logos > .bp-set { padding:0px 10px; }

.preloader { position:fixed; width:100%; height:100%; overflow:hidden; }
.spinner { position: absolute; width:80px; height:80px; top: 50%; left: 50%; margin-left:-40px; margin-top:-40px; animation: rotatee 2.0s infinite linear; -webkit-animation: rotatee 2.0s infinite linear; -moz-animation: rotatee 2.0s infinite linear; -ms-animation: rotatee 2.0s infinite linear; -o-animation: rotatee 2.0s infinite linear; }
.s-dot { display: inline-block; position: absolute; width:60%; height:60%;  top: 0; background-color:#000; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;  animation: bouncee 2.0s infinite ease-in-out; -webkit-animation: bouncee 2.0s infinite ease-in-out; -moz-animation: bouncee 2.0s infinite ease-in-out; -ms-animation: bouncee 2.0s infinite ease-in-out; -o-animation: bouncee 2.0s infinite ease-in-out;  }
.s-dot2 { top: auto; bottom: 0px; animation-delay: -1.0s; -webkit-animation-delay: -1.0s; -moz-animation-delay: -1.0s; -ms-animation-delay: -1.0s; -o-animation-delay: -1.0s; }
@-webkit-keyframes rotatee { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotatee { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } }
@-webkit-keyframes bouncee { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } }
@keyframes bouncee { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } }
.lt-ie9 .preloader { background:#fff url('../images/page_template/loading.gif') no-repeat center; }
.lt-ie9 .preloader .spinner { display:none; }
/********* END Page Template *********/

/** FONT FACE **/
.font-a { font-family: 'Lato', sans-serif; }
.font-b { font-family: 'Playfair Display', serif; }
/** FONT FACE **/

/** INVIEW **/
.inview { 
opacity:0;
-webkit-transition:all .5s cubic-bezier(.645,.045,.355,1);
-moz-transition:all .5s cubic-bezier(.645,.045,.355,1);
-ms-transition:all .5s cubic-bezier(.645,.045,.355,1);
-o-transition:all .5s cubic-bezier(.645,.045,.355,1);
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
}
.inview.visible { 
opacity:1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}

/** HOME **/
.home-content { }
.home-slider { overflow:hidden; background:#000; }
.home-slider #slider { z-index:1; position:relative; }
.home-slider #slider ul.slides li { position:relative; }
.h-s-carousel { z-index:2; position:absolute; bottom:0; left:0; width:100%; }
.home-slider #carousel { width:735px; margin:0 auto; }
.home-slider #carousel .flex-direction-nav a{ opacity:1; }
.home-slider #carousel ul.slides li { padding:20px 0px; cursor:pointer; }
.h-s-c-img { border:1px solid #fff; 
-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
-moz-transition:all .3s cubic-bezier(.645,.045,.355,1);
-ms-transition:all .3s cubic-bezier(.645,.045,.355,1);
-o-transition:all .3s cubic-bezier(.645,.045,.355,1);
}
.h-s-c-img img { z-index:1; position:relative; display:block; }
.h-s-c-img:before { z-index:2; content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.5); 
-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
-moz-transition:all .3s cubic-bezier(.645,.045,.355,1);
-ms-transition:all .3s cubic-bezier(.645,.045,.355,1);
-o-transition:all .3s cubic-bezier(.645,.045,.355,1);
}
.home-slider #carousel ul.slides li:hover .h-s-c-img:before,  #carousel ul.slides li.flex-active-slide .h-s-c-img:before { opacity:0; }
.home-slider #carousel ul.slides li.flex-active-slide .h-s-c-img { 
-webkit-transform: scale(1.3); 
-moz-transform: scale(1.3); 
-ms-transform: scale(1.3); 
-o-transform: scale(1.3); 
}

.h-s-set { }
.h-s-img { z-index:1; }
.h-s-img img { display:block; width:100%; height:auto; }
.h-s-desc { z-index:2; top:0; left:0; width:100%; }
.h-s-d-main { width:360px; padding:70px 0px; color:#fff; }
.h-s-d-main h1 { font-weight:900; text-transform:uppercase; font-size:36px; line-height:1.0; }
.h-s-d-par { padding:10px 0px; }
.h-s-d-main .h-s-btn { margin-top:15px; }
.h-s-btn a { display:block; min-width:122px; padding:10px; box-sizing:border-box; background:#fff; text-align:center; color:#666666; font-size:13px; font-style:italic; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }
.h-s-btn a:hover { background:#e84531; color:#fff; }
.h-s-btn.arrow a:after { content:''; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:11px; height:11px; margin-left:5px; background:url('../images/page_template/btn_arrow.png') no-repeat;  }

.main-content { z-index:2; }
.broc-table { padding:25px; margin-top:35px; background:#fff; } 
.b-t-redtag { min-width:60px; padding:2px 5px; box-sizing:border-box; background:#e4432d; color:#fff; text-transform:uppercase; text-align:center; }
.b-t-title { font-weight:900; text-transform:uppercase; color:#000; font-size:32px; }
.b-t-capt { padding-bottom:15px; }

.h-c-ab-set { }
.h-c-ab-set.right { width:695px; margin-left:20px; }
.h-c-ab-set h3 { padding-bottom:10px; font-weight:normal; color:#e4432d; font-size:22px; line-height:1.2; }

.h-c-references { padding:45px 0px; }
.ho-re-sl-img { z-index:1; }
.ho-re-sl-img a { display:block; position:relative; }
.ho-re-sl-img a img { z-index:1; display:block; position:relative; }
.ho-re-sl-img a:before { z-index:2; content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(237,31,36,0.5); 
opacity:0;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-ms-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
-webkit-transform: scale(0.8); 
-moz-transform: scale(0.8); 
-ms-transform: scale(0.8); 
-o-transform: scale(0.8); 
}
.ho-re-sl-set:hover .ho-re-sl-img a:before { 
opacity:1;
-webkit-transform: scale(1); 
-moz-transform: scale(1); 
-ms-transform: scale(1); 
-o-transform: scale(1); 
}
.ho-re-sl-hover { z-index:2; top:50%; left:0; width:100%; text-align:center; 
opacity:0;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-ms-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
}
.ho-re-sl-hover .bp-set.icon { margin:5px; }
.ho-re-sl-hover .bp-set.icon a { display:block; color:#fff; font-size:20px; width:50px; height:50px; padding:8px; box-sizing:border-box; border:2px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.ho-re-sl-hover .bp-set.icon a:hover { opacity:0.8; }
.ho-re-sl-set:hover .ho-re-sl-hover { opacity:1; }

.ho-re-nav { top:-50px; right:0; }
.ho-re-nav > .bp-set { width:34px; height:31px; background:#333333 url('../images/page_template/slidernav2.png') no-repeat 0 0; cursor:pointer; 
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-ms-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
}
.ho-re-nav > .bp-set.prev { background-position:0 0; }
.ho-re-nav > .bp-set.next { background-position:-34px 0; }
.ho-re-nav > .bp-set:hover { background-color:#000; }

.h-c-ab-img  { margin-top:6px; }

/** CONTACT US **/
.inner-barline { height:60px; background:#333333; }
.co-co-logo { margin:50px 0px 20px 0px; }
.co-co-title { font-weight:normal; color:#e4432d; font-size:22px; }
.co-co-desc { padding:10px 0px; }
.c-c-d-set { width:255px; padding-right:10px; }

/** PRODUCTS **/
.pr-co-main { }
.pr-co-set { }
.pr-co-set.nav { width:217px; font-size:18px; }
.pr-co-set.nav ul li { margin-bottom:1px; }
.pr-co-set.nav ul li a { display:block; padding:10px 20px; background:#333333; color:#b1b1b1; }
.pr-co-set.nav ul li.current-cat a,.pr-co-set.nav ul li.active a,.pr-co-set.nav ul li a:hover { background:#e4432d; color:#fff; }

.pr-co-set.main { width:745px; }
.product-list { padding:10px 0px; }
.product-list ul li { float:left; margin:10px; }
.product-list ul li:nth-child(3n) { margin-right:0; }
.product-list ul li:nth-child(3n+1) { margin-left:0; }
.pr-li-img a { display:block; color:#fff; }
.pr-li-img a img { z-index:1; position:relative; display:block; width:235px; height:213px;}
.pr-li-img a:before { z-index:2; content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(237,31,36,0.5); 
opacity:0;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-ms-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
}
.pr-li-img a:hover:before { 
opacity:1;
}
.pr-li-img a:after { z-index:3; content:"\f002"; display:block; position:absolute; top:50%; left:0; width:100%; margin-top:-25px; text-align:center; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:50px; 
opacity:0;
-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
-moz-transition:all .3s cubic-bezier(.645,.045,.355,1);
-ms-transition:all .3s cubic-bezier(.645,.045,.355,1);
-o-transition:all .3s cubic-bezier(.645,.045,.355,1);
-webkit-transform: scale(0.5); 
-moz-transform: scale(0.5); 
-ms-transform: scale(0.5); 
-o-transform: scale(0.5); 
}
.pr-li-img a:hover:after { 
opacity:1;
-webkit-transform: scale(1); 
-moz-transform: scale(1); 
-ms-transform: scale(1); 
-o-transform: scale(1); 
}

.pr-li-ctrl { padding:10px 0px; }
.pr-li-count { padding:5px 0px; }
.pr-li-pagination { font-size:16px; }
.pr-li-pagination ul li { float:left; box-sizing:border-box; }
.pr-li-pagination ul li a { display:block; padding:7px 12px; color:#666666; outline:1px solid #cccccc; }
.pr-li-pagination ul li.active a,.pr-li-pagination ul li a:hover { outline:1px solid #ff634d; background:#e4432d; color:#fff; }

/** PROJECT **/
.proj-co-set { }
.proj-co-set.left { width:472px; }
.proj-co-img { margin-bottom:35px; }
.proj-co-set.right { width:450px; padding-right:25px; }
.proj-co-s-table { display:block; padding:10px 0px; }
.proj-co-s-table td { padding-right:20px; }

.logo{
	width: 187px;
    text-align: center;
    position: absolute;
    left: 10%;
    margin-left: -93px;
}