@charset "utf-8";

/* CSS Document */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

	background:#ffffff url('../img/background.jpg')no-repeat top center;

        font-family: 'latoregular';

	max-width: 100%;

        overflow-x: hidden;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}



@font-face {

    font-family: 'cooper_hewittbold';

    src: url('cooperhewitt-bold-webfont.eot');

    src: url('cooperhewitt-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('cooperhewitt-bold-webfont.woff2') format('woff2'),

         url('cooperhewitt-bold-webfont.woff') format('woff'),

         url('cooperhewitt-bold-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'cooper_hewittbook';

    src: url('cooperhewitt-book-webfont.eot');

    src: url('cooperhewitt-book-webfont.eot?#iefix') format('embedded-opentype'),

         url('cooperhewitt-book-webfont.woff2') format('woff2'),

         url('cooperhewitt-book-webfont.woff') format('woff'),

         url('cooperhewitt-book-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'cooper_hewittthin_italic';

    src: url('cooperhewitt-thinitalic-webfont.eot');

    src: url('cooperhewitt-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('cooperhewitt-thinitalic-webfont.woff2') format('woff2'),

         url('cooperhewitt-thinitalic-webfont.woff') format('woff'),

         url('cooperhewitt-thinitalic-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}

.clear{clear: both;}

#header{ width: 100%; border-bottom:6px solid #D50020; min-height: 100px;}

.container{ width: 1024px; margin: 0px auto;}



.logo{ float: left; margin-left: 20px; margin-top: 30px; }



.menu{ float: right; margin-top: 22px;}

.menu a{font-family: 'cooper_hewittbook'; font-size: 19px; color:#CAB99E; text-decoration: none; padding:0px 8px 0px 15px; }

.menu ul{float: right; margin-top: 0px;}

.menu ul li{ float: left; position: relative;}

.menu a:hover{ color:#D4001F;}

.menu a.active{ color:#D4001F;}



.language{ float: right; margin-top: 20px;}

.language a{font-family: 'cooper_hewittbook'; font-size: 15px; color:#CAB99E; text-decoration: none;padding:0px 8px;}

.language a.active{color:#D4001F;}

.languageTablett{ float: right; margin-top: 20px;}

.languageTablett a{font-family: 'cooper_hewittbook'; font-size: 15px; color:#CAB99E; text-decoration: none;padding:0px 8px;}

.languageTablett a.active{color:#D4001F;}



.headerRight{ float: right; width: 70%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}



#content{ width: 100%; float: left;}



.banner{ width: 100%; float: left; position: relative; }



.bannerBullets{ float: right; margin-top:30px; }

.bannerBullets a{ background:url('../img/bullet.jpg') no-repeat; float: left; width: 8px; height: 8px; margin-right: 20px;}

.bannerBullets a.active{ background:url('../img/bullet_active.jpg') no-repeat; float: left; width: 8px; height: 8px; margin-right: 20px;}





.bannerText{position: relative;text-align: left;top: 30%;transform: translateY(-50%);max-width:1024px;margin: 0 auto;}

.bannerText h1{font-family: 'cooper_hewittbook'; font-size: 40px; color: #ffffff; line-height: 45px; margin-bottom: 10px;width: 60%;}

.bannerText p{font-family: 'cooper_hewittbook'; font-size: 16px; color: #ffffff; line-height: 20px; margin-bottom: 20px;width: 60%;}

.bannerText a.more_more{font-family: 'cooper_hewittbook'; font-size: 16px; color: #ffffff;  text-decoration: none; padding: 10px 20px; border: 1px solid #ffffff;}

.bannerText a.more_more:hover{color:#D4001F; border: 1px solid #D4001F; background: #ffffff; }



.banner-arrows{ width: 100%; float: left;}

.banner-arrows a.left{ position: absolute; top:270px; left: 50px;}

.banner-arrows a.right{ position: absolute; top:270px; right: 50px;}



#slider{float: left; width: 100%;}

.slideDescription{height: 100%;left: 0;position: absolute;top: 0;width: 100%;}



.bx-controls{ width: 100%; float: left; text-align: center; }

.bx-controls .bx-pager-item{display: inline-block; }

.bx-controls .bx-pager-item a{ text-indent:-9999px; background:url('../img/bullet.jpg') no-repeat center; width: 14px; height: 14px; display: inline-block; margin: 0px 5px;}

.bx-controls .bx-pager-item a.active{ background:url('../img/bullet_active.jpg') no-repeat center;}

.bx-controls .bx-pager-item a:hover{ background:url('../img/bullet_active.jpg') no-repeat center;}



.bx-wrapper{margin: 0px!important;}

.bx-wrapper .bx-viewport{border:0px!important;; background: none!important; box-shadow: none!important; left: 0px!important;}

.bx-controls-direction{position: absolute; left:0px; top:50%;  width: 100%;z-index:1000;}

.bx-wrapper .bx-controls-direction a{height: 56px!important; width: 30px!important;}

.bx-wrapper .bx-prev{background:url('../img/arrow_left.png') no-repeat center!important;}

.bx-wrapper .bx-next{background:url('../img/arrow_right.png') no-repeat center!important;}



.bx-wrapper .bx-pager{padding-top: 0px!important;}

.bx-wrapper .bx-pager.bx-default-pager a{-webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important; background: #ffffff!important;}

.bx-wrapper .bx-pager.bx-default-pager a.active{background: #d70013!important;}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:10%!important;}



.banner .container{ height: 535px; position: relative;}

.right{ float: right!important;}

.about{float: left; width: 100%; background: #ffffff; padding: 50px 0px;}

.about-item{ width: 50%; float: left; padding: 0px 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.about-item img{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; overflow: hidden; width: 170px; height: 170px;}

.about-item h2{font-family: 'cooper_hewittbook'; font-size: 27px; color:#D4001F; margin-bottom: 20px;}

.about-item-description{ float: right; width:283px; margin-top: 10px;}

.about-item-description p{ float: left;  font-family: 'cooper_hewittbook'; font-size: 17px; line-height: 20px; color: #535353; margin-bottom: 10px;}

.about-item-description a{ text-decoration: none;font-family: 'cooper_hewittbook'; font-size: 17px; color: #D70013;}



.company{ float: left; width: 100%; background: #CABA9E;}

.about-description{ width: 50%; float: left; padding: 30px 35px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.about-description h3{font-family: 'cooper_hewittbook'; font-size: 37px; line-height: 40px; color:#ffffff; margin-bottom: 10px;}

.about-description p{font-family: 'cooper_hewittbook'; font-size: 17px; line-height: 22px; color:#535353; margin-bottom: 10px; }

.about-description a.more_more{ float: left; font-family: 'cooper_hewittbook'; font-size: 22px; color: #ffffff;  text-decoration: none; padding: 10px 20px; border: 1px solid #ffffff;}

.about-description a.more_more:hover{color:#D4001F; border: 1px solid #D4001F; background: #ffffff; }

.about-right{ float: left; width: 50%; position: relative;}

.about-right img.arrow{ position: absolute; top:170px; right: 35px;}



.value-mission{float: left; width: 100%; background: #90000e;}

.value-mission_Left{ width: 35.5%; float: left;}

.value-mission_Right{ width: 64.5%; float: right; padding: 30px 0px 20px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.value-mission h3{font-family: 'cooper_hewittbook'; font-size: 37px; line-height: 40px; color:#ffffff; margin-bottom: 30px;}

.value-mission p{font-family: 'cooper_hewittbook'; font-size: 17px; line-height: 22px; color:#ffffff; margin-bottom: 10px; }



.works{ float: left; width: 100%; background: #ffffff; text-align: center; padding: 35px 0px;}

.works h2{font-family: 'cooper_hewittbook'; font-size: 27px; color: #D4001F; margin-bottom: 45px;}



.work-item{ width: 33.33%; float:left; padding: 0px 50px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px;}

.work-item a img{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; overflow: hidden; width: 170px; height: 170px;}

.work-item h2 a{ display: block;font-family: 'cooper_hewittbook'; font-size: 25px; color: #CAB99B; margin-bottom: 30px;}

.work-item h2 a:hover{ color:#D4001F;}

.work-item h4 a{ display: block;font-family: 'cooper_hewittbook'; font-size: 25px; color: #CAB99B; margin-bottom: 30px;}

.work-item h4 a:hover{ color:#D4001F;}

.work-item p{font-family: 'cooper_hewittbook'; font-size: 17px; line-height: 22px; color:#535353; margin-bottom: 10px;}

.work-item a{font-family: 'cooper_hewittbold'; font-size: 19px;color: #D4001F; text-decoration: none;}

.works a.more_red{ margin-top: 10px;display: inline-block;font-family: 'cooper_hewittbook'; font-size: 22px; color: #D4001F;  text-decoration: none; padding: 10px 20px; border: 1px solid #D4001F;}

.works a.more_red:hover{font-family: 'cooper_hewittbook'; font-size: 22px; color: #FFFFFF;  text-decoration: none; padding: 10px 20px; border: 1px solid #D4001F; background:#D4001F;}



.team{ float: left; text-align: center; width: 100%; padding: 35px 0px; background: #F6EEDE;}

.team h2{font-family: 'cooper_hewittbook'; font-size: 27px; color: #CAB99B; margin-bottom: 45px;}



.client{ float: left; text-align: center; width: 100%; padding: 35px 0px; background: #FFFFFF;}

.client h2{font-family: 'cooper_hewittbook'; font-size: 27px; color: #CAB99B; margin-bottom: 45px;}



.otherClient{ width: 33.3%; text-align: center; float:left; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.otherClient img{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; overflow: hidden; width: 170px; height: 170px;}

.otherClient h3 a{font-family: 'cooper_hewittbook'; font-size: 25px; color: #D4001F; margin: 15px 0px; text-decoration: none; display: inline-block;}

.otherClient h4 {font-family: 'cooper_hewittbook'; font-size: 18px; color:#957A69;}



.worker{ width: 25%; text-align: center; float:left; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.worker img{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; overflow: hidden; width: 170px; height: 170px;}

.worker h3{font-family: 'cooper_hewittbook'; font-size: 20px; color: #D4001F; margin: 15px 0px;}

.worker h4{font-family: 'cooper_hewittbook'; font-size: 18px; color:#957A69;}

.workerimg{position:relative;}

.workeroverlay
{
    position:absolute;
    border-radius: 50%;
    display: none;
    height: 170px;
    overflow: hidden;
    width: 170px;
    z-index:1000;
    background:#660000;
    opacity:0.5;
}

}
.homeworker h3{visibility: hidden;}
.homeworker h4{visibility: hidden;}

.homeworker:hover .workeroverlay{display:inline-block !important;}
.homeworker:hover h3{visibility: visible !important}
.homeworker:hover h4{visibility: visible !important}

.team a.more_red{ display: inline-block;font-family: 'cooper_hewittbook'; font-size: 22px; color: #D4001F;  text-decoration: none; padding: 10px 20px; border: 1px solid #D4001F; margin-top: 30px;}

.team a.more_red:hover{font-family: 'cooper_hewittbook'; font-size: 22px; color: #FFFFFF;  text-decoration: none; padding: 10px 20px; border: 1px solid #D4001F; background:#D4001F;}



.detailRight a.more_red{ display: inline-block;font-family: 'cooper_hewittbook'; font-size: 22px; color: #D4001F;  text-decoration: none; padding: 10px 20px; border: 1px solid #D4001F; margin-top: 30px;}

.detailRight a.more_red:hover{font-family: 'cooper_hewittbook'; font-size: 22px; color: #FFFFFF;  text-decoration: none; padding: 10px 20px; border: 1px solid #D4001F; background:#D4001F;}





.partner{ width: 25%; text-align: center; float:left; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.partner img{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; overflow: hidden; width: 170px; height: 170px;}

.partner h3 a{font-family: 'cooper_hewittbook'; font-size: 25px; color: #D4001F; margin: 15px 0px; text-decoration: none; display: inline-block;}

.partner h4 {font-family: 'cooper_hewittbook'; font-size: 18px; color:#957A69;}



.clientDiv{ width: 28.8%; text-align: center; float:left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 3.8%; margin-bottom: 5%;}

.clientDiv img{ display: inline-block; overflow: hidden;}

.clientDiv h3 a{font-family: 'cooper_hewittbook'; font-size: 25px; color: #D4001F; margin: 15px 0px; text-decoration: none; display: inline-block;}

.clientDiv h4{font-family: 'cooper_hewittbook'; font-size: 18px; color:#957A69;}






#footer{ width: 100%; float: left;background:url('../img/footerBg.jpg') repeat-y center; padding-top:35px; background-size: cover;  }



#footer h2{font-family: 'cooper_hewittbook'; font-size: 27px; color: #FFFFFF; margin-bottom: 45px; margin-left: 35px;}



.footerLeft{  float: left;width: 35%; padding-left: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px;}

.form{float: left;}

.form input[type="text"]{ font-family: 'cooper_hewittbook';border: none; background: #ffffff; font-size: 16px; color: #666666; width: 285px; padding: 5px 10px;;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 40px; height: 50px;}

.form textarea{font-family: 'cooper_hewittbook';border: none; background: #ffffff; font-size: 16px; color: #666666; width: 285px; padding:10px;;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; height: 150px;}

.form input[type="submit"]{ margin-left: 45px; color: #ffffff;font-family: 'cooper_hewittbook';border: none; background: #D50020; font-size: 16px; padding: 8px 50px;-webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;}



.footerRight{ float: right; width: 65%; text-align: center;}

.footerRight p{font-family: 'cooper_hewittbook'; font-size: 17px; color: #FFFFFF; border-top:1px solid #ffffff; padding-top: 20px;}

.footerRight a.more_more{ margin-top: 50px; display: inline-block; font-family: 'cooper_hewittbook'; font-size: 22px; color: #ffffff;  text-decoration: none; padding: 10px 20px; border: 1px solid #ffffff;}

.footerRight a.more_more:hover{color:#D4001F; border: 1px solid #D4001F; background: #ffffff; }

.footerFull{ float: left; width: 100%;}

.footerFull a.social{ float: right; margin-right: 245px; font-family: 'cooper_hewittbook'; font-size: 20px; color: #FFFFFF; text-decoration: none; display: inline-block;}



.footerBottom{ float: left; width: 100%; background: rgba(213, 0, 32, 0.45); margin-top: 20px;}



.copyright{ float: left; width: 30%; padding: 20px; text-align: center;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.copyright p{ color: #ffffff;font-family: 'cooper_hewittbook'; font-size: 13px; margin-bottom: 10px; }

.copyright span{ font-family: 'cooper_hewittbook'; font-size: 12px;color: #FF9672;}
.copyright span a{ font-family: 'cooper_hewittbook'; font-size: 12px;color: #FF9672;}



.footerMenu{ width: 65%; float: right; padding: 20px; text-align: center;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.footerMenu a{  display: inline-block;text-decoration: none;font-family: 'cooper_hewittbook'; font-size: 17px;color: #FFFFFF; padding: 10px 10px 0px 10px; }

.footerMenu a:hover{ color: #CAB99B;}

.footerMenu a.active{ color: #CAB99B;}



.works-portofolio{ float: left; width: 100%; background: #F6EEDE; padding: 30px 0px; text-align: center;}

.works-portofolio h1{font-family: 'cooper_hewittbook'; font-size: 27px; color: #D4001F; margin-bottom: 45px; line-height: 30px;}

.works-portofolio img{ margin-bottom: 20px;}



.menu li:hover ul.dropdown{display:block !important;}

ul.dropdown{ display:none; position:absolute; z-index:9999; padding:20px; min-width:200px; top:20px; background: #ffffff;}

ul.dropdown li{ width:100%; float:left; margin-bottom:10px;}

ul.dropdown li a{font-size:17px; padding:0px;}

ul.dropdown li:last-child{ margin-bottom:0px;}



.work-detail{ float: left; width: 100%; background: #F6EEDE; text-align: center; padding: 30px 0px;}

.work-detail h2{font-family: 'cooper_hewittbook'; font-size: 27px; color: #D4001F; margin-bottom: 45px;}



.detailLeft{ width: 35%; float: left; margin-top: 30px;}

.detailLeft-item{ width: 100%; float: left; text-align: left; margin-bottom: 20px;}

.detailLeft-item.active .detail-img{ opacity: 0.5;}

.detailLeft-item.active .detail-title h3 a{ color:#D4001F; opacity: 1;}

.detailLeft-item.active .detail-title h4 a{ color:#D4001F; opacity: 1;}

.detail-img{width: 22%; float: left;}

.detail-title{ width: 78%; float: left;}

.detail-title h3{ padding-top: 20px; display: block;}

.detail-title h3 a{font-family: 'cooper_hewittbook'; font-size: 25px; color: #CAB99B; text-decoration: none;}

.detail-title h3 a:hover{color:#D4001F;}



.detail-title h4{ padding-top: 20px; display: block;}

.detail-title h4 a{font-family: 'cooper_hewittbook'; font-size: 18px; color: #CAB99B!important; text-decoration: none;}

.detail-title h4 a:hover{color:#D4001F!important;}

.detail-title h4 a.active{color:#D4001F!important;}



.detailRight h5{font-family: 'cooper_hewittbold'; font-size: 17px; color: #D4001F; margin-bottom: 15px; line-height: 24px; display: inline-block; margin-top: 20px;}



.detailFull h1{font-family: 'cooper_hewittbook'; font-size: 27px; color: #D4001F; margin-bottom: 45px; line-height: 30px;}

.newsBox{ float: left; width: 100%; border-bottom:1px solid #D4001F; padding-bottom: 25px; text-align: left; margin-bottom: 40px;}

.newsLeft{width:33%; float: left;}

.newsRight{width:64%; float:right;}

.newsBox a img{margin-right: 25px; display: block; width: 100%}

.newsBox h2{  width: 100%;font-family: 'cooper_hewittbook'; font-size: 23px; color: #D4001F; margin-bottom: 20px; line-height: 27px; display: block; clear: both;}

.newsBox span{font-family: 'cooper_hewittbook'; font-size: 18px; line-height: 18px; color:#927966; margin-bottom: 10px; clear: both; display: inline-block;}

.newsBox p{ display: block;font-family: 'cooper_hewittbook'; font-size: 17px; line-height: 22px; color:#535353; margin-bottom: 10px; width: auto;}



.carieraBox{ float: left; width: 100%; border-bottom:1px solid #D4001F; padding-bottom: 25px; text-align: left; margin-bottom: 40px;}

.carieraLeft{width:25%; float: left; text-align:left; padding-right: 40px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.carieraRight{width:75%; float:right;}

.carieraBox h3{  width: 100%;font-family: 'cooper_hewittbook'; font-size: 23px; color: #D4001F; margin-bottom: 20px; line-height: 27px; display: block; clear: both;}

.carieraBox span{font-family: 'cooper_hewittbook'; font-size: 18px; line-height: 17px; color:#525252; margin-bottom: 10px; clear: both; display: inline-block;}

.carieraBox p{ display: block;font-family: 'cooper_hewittbook'; font-size: 17px; line-height: 22px; color:#535353; margin-bottom: 10px; width: auto;}

.carieraBox a{font-family: 'cooper_hewittbook'; font-size: 18px; line-height: 18px; color:#927966; margin-bottom: 10px; clear: both; display: inline-block; text-decoration: none;}



.detailRight{ width: 65%; float: left; text-align: left;}

.detailRight h1{font-family: 'cooper_hewittbook'; font-size: 27px; color: #D4001F; margin-bottom: 45px; line-height: 30px;}

.detailRight p{font-family: 'cooper_hewittbook'; font-size: 17px; line-height: 22px; color:#535353; margin-bottom: 10px;}

.detailRight a{ float: left;}

.detailRight a img{ margin-bottom: 20px; float: left; margin-top: 10px;}



.detailRightPics{ width: 50%;float: left; margin-top: 30px;}
.detailRightPics a{ float: left; font-family: 'cooper_hewittbook'; font-size: 16px; line-height: 22px; color:#D2001F; margin-top: 10px;width:90%; text-decoration: none;}



.detailLeft a.aboutLinks{ text-align: center; float: left; margin-bottom: 38px; width: 273px; font-family: 'cooper_hewittbook'; font-size: 25px; color: #CAB99B; text-decoration: none; border: 1px solid #CAB99B; padding: 10px;}

.noMB{margin-bottom: 0px !important;}

.aboutDiv{ float: left; width: 100%;  margin-top: 45px;}



.detailLeft a.aboutLinks:hover{ color:#D4001F; border: 1px solid #D4001F; }

.detailLeft a.aboutLinks.active{ color:#D4001F; border: 1px solid #D4001F; }



.work-detail.client{ background: #ffffff;}







.onlytablettToTop{display: none;}

.onlyMobile{display: none;}

.detailLeft-item .detail-img  img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; overflow: hidden;}



.page{}

.contactBox{width:100%; float:left; padding: 50px 0px; font-family: 'cooper_hewittbook';}

.contactBox.white{ background:none;}

.contactBox .page{ text-align: center;}

.contactBox h3{ color: #ed162d; font-size: 32px; margin-bottom: 30px; }

.contactBox h4{ color: #ed162d; font-size: 25px; margin-bottom: 30px; }

.contactBox p{ color: #434343; font-size: 16px; margin-bottom: 50px; line-height: 20px;}



.contactForm p label{font-size: 16px; color: #78787d; text-align: left; width: 100px; float: left; margin-top: 20px;margin-bottom: 5px;}

.contactForm p label span{ color:#ed162d;}

.contactForm p{ font-size: 16px; color: #78787d; width: 100%;margin-bottom: 20px; float: left;}

.contactForm input[type="text"]{webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dbdbdb; background: #ffffff; height: 50px; width: 400px; font-family: 'cooper_hewittbook'; background: #ffffff; font-size: 16px; color: #666666; width: 285px; padding: 5px 10px;margin-bottom: 40px; }

.contactForm textarea{ border: 1px solid #dbdbdb; background: #ffffff; height: 150px; width: 400px; padding: 10px;font-size: 16px; color: #78787d;}

p.longLabel{ width: 300px !important;}

p.longLabel label{ width: 300px !important;}

.contactForm input[type="submit"]{color: #ffffff;font-family: 'cooper_hewittbook';border: none; background: #D50020; font-size: 16px; padding: 8px 50px; cursor: pointer;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}



.smaller input[type="text"]{ width:400px; padding:5px;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.smaller p label{margin-top:10px; width:148px;}

.smaller textarea{padding:5px; width:400px; height:130px;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.smaller label.captcha{width:162px;}

.smaller input[type="submit"]{margin-right:16px;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.languageTablett{display: none;}

.contactMessage p{font-family: 'cooper_hewittbook'; padding:10px; color:#d4001f; font-size:14px;}


@media only screen and (min-device-width : 721px) and (max-device-width : 1000px){

    .languageTablett{display: block;}

    .container{ width: 100%;}

    #header{min-height: 110px;}

    .menu{width: 100%; float: left;}
    .menu ul{float: left;}

    .logo{width: 50%; margin-left: 0px; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .headerRight{ padding-right: 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 50px; margin-bottom: 30px;}

    a.menuMobile{ float:right; margin-top:3px;}

    a.onlyMobile{ display:block;}

    .language{margin-bottom: 10px;}

    

    .bannerBullets{}

    .bannerText{ top: 0px; }

    .banner-arrows{}

    

    .about-item{width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px;}

    .about-item-description{ width:65%; margin-bottom: 30px;}

    .about{ padding: 30px 0px 10px 0px;}

    .about-right{}

    .about-description{width: 50%; padding: 30px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .about-description p{}

    

    .work-item{width: 50%;}

    .work-item p{}

    .worker{width: 33.33%; padding: 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .worker h3{line-height: 28px;}

    

    #footer{text-align: center; }

    .footerLeft{width: 50%; padding: 0px;}

    #footer h2{text-align: left;}

    .form{ float: none; text-align: center;}

    .form input[type="submit"]{margin-left: 0px;}

    .footerRight{ width: 40%; float: none; text-align: center; display: inline-block; padding-right: 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .footerRight p{line-height:24px;}

    .footerRight a.more_more{ margin-top: 20px;}

    .footerFull{ text-align: center; float: none; display: inline-block;}

    .footerFull a.social{margin-right: 0px; float: none; margin-top: 20px;}

    

    .footerMenu{display: none;}

    .copyright{ padding: 20px 0px; width: 40%;}

    #footer{background-size: cover;}

    .footerBottom{padding: 0px 20px;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block;}

    .detailLeft{ width: 100%;}

    .work-detail{padding: 30px 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .detailRight{ width: 100%; padding: 0px 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .detailRight h2{line-height: 30px;}

    .detailLeft-item{ width: 50%;}

    .detailRightPics{width: 100%; text-align: center; float: none; display: inline-block;}

    .onlytablettToTop{display: inline-block; text-align: center; width: 55%; padding: 20px 0px;}

    .onlytablettToTop span{font-family: 'cooper_hewittbold'; font-size: 18px; color:#ffffff; }

    .onlyMobile{display: block;}
    
    .bx-controls-direction{display: none;}
    
    .bannerText{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px;}
    .bannerText h1{ font-size: 30px;}
    .bannerText p{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .languageTablett{display: block;}
    .language{display: none;}

    

}



@media only screen and (min-device-width : 481px) and (max-device-width : 719px){

    
    .language{display: none;}
    .container{ width: 100%;}

    #header{min-height: 110px;}

   
   .menu{ float: left;}

    .menu ul{ float: left;}

    .menu ul li{width: 100%;}

    .logo{width: 50%; margin-left: 0px; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .headerRight{ padding-right: 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 30px;}

    a.menuMobile{ float:right; margin-top:3px;}

    a.onlyMobile{ display:block;}

    

    .menu ul li{ width:100%; margin-bottom:10px;}

    .menu ul li a{ padding-left:0px;}

    .menu ul li ul.dropdown{ position:relative; float:left; background:#ffffff; margin-bottom:20px;}

    .language{margin-bottom: 10px;}

    

    .bannerBullets{display: none;}

    

    .banner-arrows{display: none;}

    

    .about-item{width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .about-item-description{ width:55%; margin-bottom: 30px;}

    .about{ padding: 30px 0px 10px 0px;}

    .about-right{display:none;}

    .about-description{width: 100%; padding: 30px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .about-description p{display: none;}

    

    .work-item{width: 100%;}

    .work-item p{display: none;}

    .worker{width: 50%; padding: 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .worker h3{line-height: 28px;}

    

    #footer{text-align: center; }

    .footerLeft{width: 100%; padding: 0px;}

    .form{ float: none; text-align: center;}

    .form input[type="submit"]{margin-left: 0px;}

    .footerRight{ width: 80%; float: none; text-align: center; display: inline-block;}

    .footerRight p{line-height:24px;}

    .footerRight a.more_more{ margin-top: 20px;}

    .footerFull{ text-align: center; float: none; display: inline-block;}

    .footerFull a.social{margin-right: 0px; float: none; margin-top: 20px;}

    

    .footerMenu{display: none;}

    .copyright{ width: 100%; padding: 20px 0px;}

    #footer{background-size: cover;background:url('../img/footerBg.jpg') repeat-y center;}

    

    .detailLeft{display: none;}

    .detailRight{ width: 100%; padding: 0px 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .detailRight h2{line-height: 30px;}

    

    .detailRightPics{width: 100%; text-align: center; float: none; display: inline-block;}

    .onlytablettToTop{display: none;}

    .onlyMobile{display: block;}

    

    .detailRight img{ width: 100%;}

    .carieraLeft{width: 50%;padding: 0px 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .carieraRight{width: 50%;padding: 0px 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .value-mission_Left{display: none;}

    .value-mission_Right{width: 100%;padding:20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .newsLeft{width: 50%;padding: 0px 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px;}

    .newsLeft img{ width: 100%;}

    .newsRight{width: 50%;padding: 0px 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .container{width: 100%;padding: 0px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    

    .contactForm input[type="text"]{webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dbdbdb; background: #ffffff; height: 50px; width: 400px; font-family: 'cooper_hewittbook'; background: #ffffff; font-size: 16px; color: #666666; width: 285px; padding: 5px 10px;margin-bottom: 40px; }

    .contactForm textarea{ border: 1px solid #dbdbdb; background: #ffffff; height: 150px; width: 400px; padding: 10px;font-size: 16px; color: #78787d;}

    p.longLabel{ width: 300px !important;}

    p.longLabel label{ width: 300px !important;}

    .contactForm input[type="submit"]{color: #ffffff;font-family: 'cooper_hewittbook';border: none; background: #D50020; font-size: 16px; padding: 8px 50px; cursor: pointer;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}



    .smaller input[type="text"]{ width: 100%; padding:5px;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .smaller p label{margin-top:10px; width:148px;}

    .smaller textarea{padding:5px; width: 100%; height:130px;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .smaller label.captcha{width:162px;}

    .smaller input[type="submit"]{margin-right:16px;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;}

    .bannerText h1{ font-size: 25px;}
    .bannerText p{ display: none;}
    .bannerText a{ display: none;}
    .bx-controls-direction{display: none;}
    
    .bannerText{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px;}
    .languageTablett{display: block;}
    

}



@media only screen and (min-device-width : 0px) and (max-device-width : 480px){

    .bx-controls-direction{display: none;}

    .container{ width: 100%;}

    #header{min-height: 110px;}

    .menu{ float: left;}

    .menu ul{ float: left;}

    .menu ul li{width: 100%;}

    .logo{width: 50%; margin-left: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .logo img{ width: 100%;}

    .headerRight{ padding-right: 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 50px;}

    a.menuMobile{ float:right; margin-top:3px;}

    a.onlyMobile{ display:block;}

    

    .menu ul li{ width:100%; margin-bottom:10px;}

    .menu ul li a{ padding-left:0px;}

    .menu ul li ul.dropdown{ position:relative; float:left; background:#ffffff; margin-bottom:20px;}

    .language{display: none;}

    .language{margin-bottom: 10px;}
    .languageTablett{display: block;}
    

    .bannerBullets{display: none;}

    .bannerText h1{ display: none;}
    .bannerText p{ display: none;}
    .bannerText a{ display: none;}

    .banner-arrows{display: none;}

    

    .about-item{width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .about-item img{width:100%; height: auto;}

    .about-item-description{ width:100%; margin-bottom: 30px;}

    .about{ padding: 30px 0px 10px 0px;}

    .about-right{display:none;}

    .about-description{width: 100%; padding: 30px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .about-description p{display: none;}

    

    .work-item{width: 100%;}

    .work-item p{display: none;}

    .worker{width: 50%; padding: 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .worker img{ width: 100%; display: inline-block; height: auto;}

    .worker h3{line-height: 28px;}

    

    #footer{text-align: center;}

    .footerLeft{width: 100%; padding: 0px;}

    .form{ float: none; text-align: center;}

    .form input[type="submit"]{margin-left: 0px;}

    .footerRight{ width: 80%; float: none; text-align: center; display: inline-block;}

    .footerRight p{line-height:24px;}

    .footerRight a.more_more{ margin-top: 20px;}

    .footerFull{ text-align: center; float: none; display: inline-block;}

    .footerFull a.social{margin-right: 0px; float: none; margin-top: 20px;}

    

    .footerMenu{display: none;}

    .copyright{ width: 100%; padding: 20px 0px;}

    #footer{background-size: cover;background:url('../img/footerBg.jpg') repeat-y center;}

    

    .detailLeft{display: none;}

    .detailRight{ width: 100%; padding: 0px 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .detailRight h2{line-height: 30px;}

    

    .detailRightPics{width: 100%; text-align: center; float: none; display: inline-block;}

    .onlytablettToTop{display: none;}

    .onlyMobile{display: block;}

    

    .carieraLeft{width: 100%;padding: 0px 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .carieraRight{width: 100%;padding: 0px 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .value-mission_Left{display: none;}

    .value-mission_Right{width: 100%;padding:20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .newsLeft{width: 100%;padding: 0px 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px;}

    .newsLeft img{ width: 100%;}

    .newsRight{width: 100%;padding: 0px 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .detailRight img{ width: 100%;}

    

    .clientDiv{width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin: 0px 0px 10px 0px;}

    .clientDiv img{width: 100%;}

    .otherClient{width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0px 0px 10px 0px;}

    .partner{width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin: 0px 0px 10px 0px;}

    

    .container{width: 100%;padding: 0px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    

    .contactForm input[type="text"]{webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dbdbdb; background: #ffffff; height: 50px; width: 400px; font-family: 'cooper_hewittbook'; background: #ffffff; font-size: 16px; color: #666666; width: 285px; padding: 5px 10px;margin-bottom: 40px; }

    .contactForm textarea{ border: 1px solid #dbdbdb; background: #ffffff; height: 150px; width: 400px; padding: 10px;font-size: 16px; color: #78787d;}

    p.longLabel{ width: 300px !important;}

    p.longLabel label{ width: 300px !important;}

    .contactForm input[type="submit"]{color: #ffffff;font-family: 'cooper_hewittbook';border: none; background: #D50020; font-size: 16px; padding: 8px 50px; cursor: pointer;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}



    .smaller input[type="text"]{ width: 100%; padding:5px;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .smaller p label{margin-top:10px; width:148px;}

    .smaller textarea{padding:5px; width: 100%; height:130px;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .smaller label.captcha{width:162px;}

    .smaller input[type="submit"]{margin-right:16px;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;}

    
	.homeworker {width:100%;}
	
	
	.workeroverlay{display:none !important; visibility:none !important;}
}