* { padding: 0; margin: 0; }
table{ width: 100%; border: 0px; border-collapse: collapse; }
table td{ padding:0px; vertical-align: top; }
html, body { min-height: 100%; }
body { font-family: "Trebuchet MS", Arial, Gadget, sans-serif; background: url('/img/bottom_bg.jpg') bottom left repeat-x #f8f8f8; font-size: 16px; }
#bottom-bg { background: url('/img/top_bg.png') top left repeat-x; width: 100%; height: 400px; position: absolute; z-index: -9999; }
a { color: #3bbae6; }
a:hover { color: #1051a5; }
a img { border: none; }
img.aligncenter { display: block; margin: 0 auto; }
h1 { text-transform: uppercase; }
h3 { margin-bottom:6px; }
.wrapper { width: 940px; margin: 0 auto; }
#header { width: 940px; margin: 0 auto 19px auto; position: relative; overflow: hidden; height: 140px; }
.g { color: gray; }
.clear { clear: both; }
.lightblue { margin-top: 21px; color: #3bbae6; }
.align-center { text-align: center; }
.nowrap { white-space: nowrap; }
#mainmenu { height: 55px; }
#mainmenu ul { list-style-type: none; margin-left: 175px; float: left; }
#mainmenu ul li { display: inline-block; color: white; line-height: 44px; margin-right: 22px; }
#mainmenu ul li a { text-decoration: none; color: white; }
#mainmenu ul li a:hover { text-decoration: underline; }
#lang { float: right; color: white; line-height: 44px; }
#logo { width: 140px; height: 140px; position: absolute; top: 0; }
#logo img { width:140px;height:140px; }
.logo-text { font-family: Times New Roman; font-size: 30px; }
#logo-text { float: left; margin-top: 10px; margin-left: 170px; }
#head-contacts { margin-top: 10px; float: right; text-align: right; font-family: 'Trebuchet MS',Helvetica,sans-serif; }
#head-contacts p.tel { font-size: 24px; font-weight: bold; }
#head-contacts .contact { font-size: 13px; margin-top: 20px; font-weight: bold; }
#head-contacts a { color: black; text-decoration: none; border-bottom: 1px dashed black; display: inline-block; }
#head-contacts a:hover { color: #1051a5; }
#i-mail { background: url('/img/mail.png') bottom left no-repeat; margin-right: 12px; width: 15px; height: 10px; display: inline-block; }
#i-call { background: url('/img/call.png') bottom left no-repeat; margin: 0 20px 0 17px; width: 15px; height: 14px; display: inline-block; }
#slog { font-size: 21px; margin: 20px 0 0 10px; margin: 0 auto 19px auto; }
#slider { height: 465px; border-top: 3px solid orange; position: relative; }
#slider-list-wrap { height: 420px; position: relative; overflow: hidden; }
#slider-list-border-v { height: 20px; width: 100%; background: url('/img/slider-bg-v.png') top left repeat-x; position: absolute; top: 0; left: 0; }
#slider-list-border-b { height: 35px; width: 100%; background: url('/img/slider-bg-b.png') top left repeat-x; position: absolute; bottom: 0; left: 0; }
#slider-control { width: 940px; margin: 0 auto; }
ul#i-slider { list-style-type: none; height: 420px; width: 10000px; position: absolute; top: 0; left: 0; }
ul#i-slider li { float: left; width: 560px; height: 420px; overflow: hidden; display: table-cell; }
#slider-control { position: absolute; top: 200px; right: 304px; width: 61px; height: 143px; }
#slider-control img, #slider-control a { display: block; }
#next { margin-top: 27px; }
#slider-vmenu { position: absolute; top: -85px; width: 940px; left: 50%; margin-left: -480px; }
#vmenu { background: url('/img/vmenu.png') top left no-repeat; width: 350px; height: 557px; text-align: center; padding-top: 60px; position: absolute; right: -25px; }
#vmenu h3 { font-family: Times New Roman; margin-bottom: 25px; }
#vmenu ul { list-style-type: none; width: 266px; margin: 0 auto; }
#vmenu ul li { background: url('/img/point.png') bottom center no-repeat; padding: 5px 0 18px 0; font-size: 13px; }
#vmenu ul li.last { background: none; }
#vmenu ul li a { color: black; text-decoration: none; }
#vmenu ul li a:hover { color: #1051a5; text-decoration: underline; }
#top-text { width: 620px; margin: 23px auto 0 auto; font-weight: 16px; }
#top-text-sec { margin-top: 12px; }
#in-wrap { height: 290px; background: url('/img/in-bg.png') top left repeat-x; margin-top: 14px; overflow: hidden; }
#in-text { text-align: center; margin-top: 31px; overflow: hidden; }
#in { height: 148px; width: 705px; position: relative; overflow: hidden; margin: 26px auto 0 auto; }
#in ul li { display: table-cell; height: 148px; width: 240px; text-align: center; padding-top: 12px; border-left: 1px solid silver; border-right: 1px solid silver; }
#in big { font-size: 48px; font-family: Georgia; font-weight: bold; white-space: nowrap; }
.in-st { margin-top: 8px; }
#why { width: 940px; margin: 70px auto 0 auto; }
#why td { padding: 0 10px; }
#why td.first { text-align: right; width: 240px; }
#why td.second { width: 560px; padding-right: 80px; }
#why td.third { width: 160px; }
#bottom { margin: 19px auto 0 auto; width: 940px; overflow: hidden; }
#dphoto { background: url('/img/director.png') top left no-repeat; width: 142px; height: 140px; float: right; margin-right: 249px; }
#d-text { font-style: italic; text-align: right; font-weight: bold; font-size: 14px; float: right; }
#d-but a { line-height: 30px; display: inline-block; color: white; font-weight: bold; text-decoration: none; width: 220px; text-align: center; }
#d { float: right; overflow: hidden; }
#d-but { margin-top: 107px; }
a.button { overflow: hidden; height: 30px; display: inline-block; font-family: Georgia; }
#blue-b:hover, #skyblue-b:hover { background: url('/img/button-hover.png') center center no-repeat; }
#blue-b { background: url('/img/but-blue.jpg') center center no-repeat; }
#skyblue-b { background: url('/img/but-skyblue.jpg') center center no-repeat; margin-left: 19px; }
#better { text-align: center; margin-top: 80px; }
#better h2 { font-size: 25px; }
#footer { margin: 0 auto 50px auto; width: 940px; }
hr { border: none; height: 3px; width: 940px; margin: 18px auto; background: url('/img/hr.png') top left repeat-x; }
#footer table { width: 940px; margin: 0 auto; }
#footer td { padding: 10px; font-size: 12px; }
#f-first { width: 320px; }
#f-second { width: 320px; text-align: center; }
#f-third { width: 320px; }
.breadcrumbs { font-size: 13px; margin: 18px 0 14px 0; }
.page p { margin: 1em 0; }
.page h1 { margin: 0.67em 0; }
.page h2 { margin: 0.83em 0; }
ul#main-services-menu { list-style: none; }
ul#main-services-menu li { padding: 3px 0 80px 0; display: inline-block; position: relative; vertical-align: top; }
ul#main-services-menu li p { text-align: center; }
.ms-item a:hover img { border: 3px solid #47bee7; border-bottom: none; margin: -3px -3px 0 -3px; }
.ms-item-bg { position: absolute; margin-top: 149px; width: 220px; background: url('/img/services-bg-b.png') top left repeat-x; }
#projects-menu-wrap { margin: 0 auto; overflow: hidden; text-align: center; }
#projects-menu-wrap ul { list-style: none; }
#projects-menu-wrap ul li { display: inline-block; padding: 5px 0 80px 0; position: relative; vertical-align: top; }
#projects-menu a:hover img { border: 3px solid #47bee7; margin: -3px; }
.p-line { width: 20px; height: 225px; background: url('/img/bgp.png') top left repeat-x; display: inline-block; position: relative; z-index: -1; margin-right: -3px; }
.shadow { -webkit-box-shadow: 0px 0px 3px #222; -moz-box-shadow: 0px 0px 3px #222; box-shadow: 0px 0px 3px #222; }
.s-line { width: 20px; height: 165px; background: url('/img/bg.png') top left repeat-x; display: inline-block; position: relative; z-index: -1; }
.project-page img.main-image { border-top: 4px solid orange; }
.project-page h2 { text-align: center; }
.project-info { }
.project-info tr td { width: 240px; height: 40px; }
.project-info tr td:first-child { width: 375px; height: 40px; }
.odd { background-color: #bababa; }
.even { background-color: #dfdfdf; }
#project-border-top { height: 20px; width: 100%; background: url('/img/project-bg-t.png') top left repeat-x; }
#project-border-bottom { height: 20px; width: 100%; background: url('/img/slider-bg-v.png') top left repeat-x; }
.project-image { border-top: 3px solid orange; }
table.project-desc td { padding: 10px; border: 2px solid white; }
.project h2 { text-align: center; }
.blue-border { border: 5px solid #3BBAE6; padding: 20px; text-align: center; }
.image-wrapper { text-align: center; margin-bottom: 20px; }
.project-item-bg { width: 300px; }
#cntctfrm_contact_form input.text { border-color: #B9B9B9; border-style: solid; border-width: 1px; height: 25px; vertical-align: middle; }
#cntctfrm_contact_form textarea { border-color: #B9B9B9; border-style: solid; border-width: 1px; }
#cntctfrm_contact_form input.text:focus { border: 1px solid #3BBAE6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset; }
#cntctfrm_contact_form textarea:focus { border: 1px solid #3BBAE6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset; }
#frm_form_2_container { width: 300px; }
.frm_required { color: red; font-weight: bold; }
.frm_form_field { margin: 0 0 1.5em; }
.frm_forms label { /*display: block;*/ }
.frm_radio label { display: inline-block; margin-left: 10px; }
.frm_forms input[type="text"] { height: 32px; font-size: 14px; border-width: 1px; border-style: solid; border-color: #D9D9D9; width: 100%; padding: 0 8px; display: inline-block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; }
.frm_forms input[type="text"]:focus, .frm_forms textarea:focus { border: 1px solid #3BBAE6; }
.frm_forms fieldset { border: none; }
.frm_forms select { height: 32px; font-size: 14px; border-width: 1px; border-style: solid; border-color: #D9D9D9; width: 100%; }
.frm_forms textarea { font-size: 14px; border-width: 1px; border-style: solid; border-color: #D9D9D9; width: 100%; padding: 8px; display: inline-block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; }
.frm_forms input[type="submit"] { font-size: 13px; height: 32px; margin: 0 1.5em 1.2em 0; line-height: 29px; margin: 0; vertical-align: bottom; background-color: #4D90FE; border: 1px solid #4D90FE; color: #FFFFFF; text-shadow: 0 1px rgba(0, 0, 0, 0.1); display: inline-block; font-weight: bold; min-width: 46px; padding: 0 8px; text-align: center; }
.frm_error { color: red; font-size: 10px; }
.frm_error_style { display: none; }
#frm_form_4_container { width: 400px; margin:0 auto; }
.zakaz { font-size: 0.8em; }
.zakaz .frm_form_field { margin: 0 0 0.5em; }
.zakaz .frm_checkbox { margin: 5px 0; line-height: 18px; }
.zakaz .frm_checkbox label { margin: 0 5px; line-height: 18px; }
h2.frm_pos_top { margin: 10px 0 0 0; }
ul.list { margin: 1.12em 0; margin-left: 40px }
ul.list li { padding-left: 15px; }
.strong { font-weight:bold;color:#3BBAE6; }
#social-icons a { text-decoration:none; }

@media (max-width: 576px) {
    .wrapper { width:auto; }
    #mainmenu ul { display:none; }
    #header { overflow:auto;height:auto;width:auto; }
    #logo { width:70px;height:70px;top:10px;left:10px; }
    #logo img { width:70px;height:70px; }
    #logo-text { float:none;margin-top:40px;margin-left:10px; }
    #head-contacts { margin-left:10px;float:none;text-align:unset; }
    #slog { font-size:21px;margin:0 auto 19px 10px; }
    #slider-vmenu { width:61px; }
    #slider-control { right:-575px;top:130px;width:61px; }
    #vmenu { display:none; }
    #top-text { width:auto; }
    #in-wrap { height:auto;background:none; }
    #in { width:auto;height:auto; }
    #in ul li { display:block;width:auto; }
    #why { display:none; }
    #footer,#footer table { width:auto; }
    #f-first,#f-second,#f-third { width:auto; }
    hr { width:auto; }
}