/* CSS Document */
* {margin: 0; padding: 0;}
body{background:#ebeff1;}
.content, .content2, .content3{width:980px; height:auto; margin:0 auto;}
.clear{clear:both;}
#menu_stripe {width:100%; height:82px; background:url(../images/top_menu_bg.jpg); clear:both}
#menu_stripe .logo{margin-top:21px; float:left}
#menu_stripe ul.menu li:last-child{display:none}
#menu_stripe ul{list-style:none; float:right}
#menu_stripe ul li{float:left;}
#menu_stripe ul.menu li a{float:left; padding:10px 15px; margin-top:20px; color:#ffcc04; font-size:14px; font-family:robotolight; text-decoration:none;}
#menu_stripe ul.menu li.active a{border:1px solid #ffcc04; padding:9px 14px}
#menu_stripe ul.lang-inline{margin-left:15px;}
#menu_stripe ul.lang-inline li{ margin:0px; padding:0px; float:left}
#menu_stripe ul.lang-inline li a{float:left; padding:5px 5px; margin-top:25px; color:#fff; font-size:14px; font-family:robotolight; text-decoration:none; border-top:1px solid #ffcc04; border-right:1px solid #ffcc04; border-bottom:1px solid #ffcc04}
#menu_stripe ul.lang-inline li:first-child a{border:1px solid #ffcc04}
#menu_stripe ul.lang-inline .lang-active a{color:#ffcc04;}

#other_pages_top_stripe{background:url(../images/main_page_slider_bg.jpg); clear:both}
#other_pages_top_stripe .top_img{width:980px; height:228px; margin:0 auto; background:url(../images/other_pages_top_img.jpg) no-repeat;}
#team_top_stripe{background:url(../images/main_page_slider_bg.jpg); clear:both}
#team_top_stripe .top_img{width:980px; height:300px; margin:0 auto; background:url(../images/team_top_img.jpg) no-repeat;}

#proj_top_stripe{background:url(../images/main_page_slider_bg.jpg); clear:both}
#proj_top_stripe .top_img{width:980px; height:300px; margin:0 auto; background:url(../images/zabs_top_img.jpg) no-repeat;}
#proj_top_stripe2{background:url(../images/main_page_slider_bg.jpg); clear:both}
#proj_top_stripe2 .top_img{width:980px; height:300px; margin:0 auto; background:url(../images/zkdp_top_img.jpg) no-repeat;}

.one_third{width:330px; height:100%; float:left; padding-top:25px;}
.two_third{width:650px; height:auto; float:left; padding-top:25px}
.one_third_h2{margin:-21px 40px 0 40px; background:#ebeff1; height:42px; width:250px; font-family:robotothin; color:#373d42; line-height:42px; font-size:30px; z-index:1; position:absolute; text-align:center}
.two_third_h2{margin:-21px auto 0 370px; background:#ebeff1; height:42px; width:250px; font-family:robotothin; color:#373d42; line-height:42px; font-size:30px; z-index:1; position:absolute; text-align:center}
.all p{color:#515a5f; font-size:16px; font-family:robotolight; text-align:justify; margin-top:10px;}
.all ul{list-style:none}
.all ul li{color:#515a5f; font-size:16px; font-family:robotolight; text-align:center; margin-top:5px;}
.all .y_text{background:#ffcc04; text-align:center}
.one_third p{color:#515a5f; font-size:16px; font-family:robotolight; text-align:justify; margin-left:40px;}
.two_third p{color:#515a5f; font-size:16px; font-family:robotolight; text-align:left; margin-left:20px;}
.two_third h1{color:#515a5f; font-size:24px; font-family:robotolight; text-align:left; margin-right:40px}
.two_third .into_img{float:left; border-right:2px solid #515a5f; padding-right:10px; margin-right:15px; margin-bottom:20px}
.content2, .content3 p{color:#515a5f; font-size:16px; font-family:robotolight; text-align:left;}
h4{color:#515a5f; font-size:16px; font-family:robotolight; border-bottom: 2px solid #ffcc04; margin-bottom:5px; padding-bottom:2px}
.content3 img{float:left}
.content3 h1{color:#515a5f; font-size:30px; font-family:robotolight; text-align:left; border-bottom:3px solid #ffcc04; float:left; margin-top:25px}
.content3 a{font-size:14px; font-family:robotolight; color:#515a5f; text-decoration:none; background:#ffcc04; display:block; padding:7px; float:right; font-weight:bold}
.team_email{color:#515a5f; font-size:14px; font-family:robotolight; text-align:justify; font-weight:bold; float:right; text-decoration:none; margin-top:5px}

.one_third ul{list-style:none; text-align:center}
.one_third ul li{width:300px; text-align:center; margin:10px 15px 5px 15px; padding-bottom:15px; border-bottom:1px solid #515a5f ;float:left; clear:both}
.one_third ul li.active a{color:#fff; display:block; width:300px; background:#515a5f;}
.one_third ul li a{font-size:16px; font-family:robotolight; color:#515a5f; text-decoration:none;}

.two_third a{float:left; margin-top:10px; height:25px; padding-left:5px; padding-right:5px; background:#ffcc04; line-height:25px; color:#373d42; font-size:14px; font-family:robotolight; text-decoration:none; text-align:center; clear:both}

input {width:273px; height: 43px; background:#ffcc04; border:1px solid #515a5f; font-family:robotolight; font-weight:bold; font-size:14px; color:#515a5f; float:left; padding-left:10px; margin:5px 10px 10px 0; clear:both}
textarea {width:293px; height: 158px; background:#ffcc04; border:1px solid #515a5f; font-family:robotolight; font-weight:bold; font-size:14px; color:#515a5f;  padding:5px 0 0 10px; margin:5px 0 5px 0;}
.project_send{float:right; height:36px; width:130px; background:url(../images/project_send.jpg) right no-repeat #606a70; padding-right:40px; margin-right:25px; color:#fff; cursor:pointer}
#contact_stripe .send{float:right; height:37px; width:120px; background:url(../images/contact_send.jpg) right no-repeat; padding-right:40px;cursor:pointer }
#contact_stripe .error{float:left; padding-top:10px; padding-left:20px; color:#F00}

#projects{text-align:center}
#projects .switch_box{width:400px; margin:20px auto 0;}
#projects .switch_box p{font-family:robotolight; font-size:24px; color:#515a5f; display:inline; cursor:pointer}
#projects .box{width:270px; height:250px; padding-top:25px; background:#ffcc04; float:left; margin:20px 28px;}
#projects .box .image{width:270px; height:80px; background:#FFF;}
#projects .box .text{width:250px; height:100px; text-align:justify; font-family:robotolight; font-size:16px; color:#515a5f; padding:10px; }
#projects .box .link{width:270px; height:40px; background:#515a5f; margin-top:10px; }
#projects .box .link a{text-decoration:none;  color:#ffcc04; line-height:40px;  font-family:robotolight; font-size:16px; }

/*START - MAIN PAGE MODULES*/
#slider_stripe{background:#b2bbc2; clear:both}
#slider_stripe .slider{width:960px; height:230px;}
#slider_stripe .arrows{width:20px; height:230px; float:left}
#slider_stripe .slides{width:920px; height:230px; float:left; text-align:center; font-family:robotothin; font-size:26px; color:#ebeff1;}
#slider_stripe .arrows .previous{width:20px; height:48px; display:block; background:url(../images/top_slider_left_arrow.png) no-repeat; margin-top:91px; cursor:pointer}
#slider_stripe .arrows .next{width:20px; height:48px; display:block; background:url(../images/top_slider_right_arrow.png) no-repeat; margin-top:91px; cursor:pointer}

.top_slider_projects a{text-decoration:none !important; color:#FF0 }
.top_slider_projects img{margin-top:15px}

#offer_stripe{width:100%; height:195px; background:#ffcc04; text-align:center; clear:both}
.offer_h2{margin:-21px auto 0 auto; left:0; right:0; background:#ebeff1; height:42px; width:250px; font-family:robotothin; color:#373d42; line-height:42px; font-size:30px; z-index:1; position:absolute; text-align:center}
#offer_stripe .offer_box{width:163px; height:140px;float:left; text-align:center; margin-top:35px;}
#offer_stripe h3{margin:5px auto 0; width:140px; font-family:robotolight; color:#373d42;  font-size:16px; font-weight:normal; height:60px}
#offer_stripe img:hover {transform: scale(1.1);}
#offer_stripe a{ text-decoration:none}

#current_projects{clear:both; height:300px;}
#current_projects h2{margin:10px auto 0; background:#ebeff1; font-family:robotothin; color:#373d42; font-size:30px; text-align:center; }
#current_projects #overflow{height:250px; overflow:scroll; overflow-x:hidden}
#current_projects #overflow .item{width:480px; height:120px; float:left; text-align:justify; margin-top:5px; margin-bottom:15px}
#current_projects #overflow .item img{float:left; padding-top:20px}
#current_projects #overflow .item h3{color:#373d42; font-size:14px; font-family:robotolight; padding:7px}
#current_projects #overflow .item p{color:#373d42; font-size:14px; font-family:robotolight; padding-right:20px; height:57px; text-align:left}
#current_projects #overflow .item a{float:right; margin-top:10px; height:25px; padding-left:5px; padding-right:5px; background:#ffcc04; line-height:25px; color:#373d42; font-size:14px; font-family:robotolight; text-decoration:none; text-align:center; clear:both}
/*END - MAIN PAGE MODULES*/

#contact_stripe{width:100%; height:270px; background:#ffcc04; clear:both}
#contact_stripe input{margin-left:40px;}

#bottom_menu{width:100%; height:65px; background:#606a70; clear:both; text-align:center; border-top:5px solid #ebeff1}
#bottom_menu ul{list-style:none;}
#bottom_menu ul li:last-child{display:none}
#bottom_menu ul li{display:inline;}
#bottom_menu ul li a{padding:23px 15px 0 15px; color:#fff; font-size:14px; font-family:robotolight; text-decoration:none; line-height:65px; height:65px}
#bottom_menu ul li.active a{color:#ffcc04; background:url(../images/footer_menu_active.jpg) top center no-repeat}

#footer{width:100%; height:120px; background:#515a5f; clear:both; font-family:robotolight; color:#ebeff1; text-align:center}
#footer .info{ font-size:18px; display:inline-block; vertical-align:top; line-height:33px; padding-top:15px}
#footer .info span{color:#ffcc04;}
#footer .social{display:inline-block; width:34px; height:33px; margin:15px 0 0 5px;}
#footer .fb{ background:url(../images/social_ico_fb.jpg) no-repeat;}
#footer .lin{ background:url(../images/social_ico_lin.jpg) no-repeat;}
#footer .copyright{ font-size:16px; margin-top:5px; margin-bottom:10px;}
#footer .author{ font-size:10px; text-decoration:none; color:#ebeff1}


.pdf{text-decoration:none; font-weight:bold; color:#515a5f; background:url(../images/pdf_icon.png) left no-repeat; padding-left:30px;font-family:robotolight;}
.zip{text-decoration:none; font-weight:bold; color:#515a5f; background:url(../images/zip_icon.png) left no-repeat; padding-left:30px;font-family:robotolight;}