@charset "utf-8";
/* CSS Document */

/*reset*/
html{height:100%;}
body{background:url(../img/67035414.jpg) repeat; width:100%; min-width:980px !important; height:100%; margin:0; padding:0; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p{display:block; margin:0; padding:0; font-weight:normal;}
strong, b{font-weight:normal;}
em, i{font-style:normal;}
img, input, textarea, button, a{border:none; outline:none;}
a:hover{text-decoration:none;}
td{vertical-align:top;}
button{display:block; cursor:pointer;}
button:hover{transition: opacity 1.2s, visibility 0s linear 1.2s; opacity:0.4;}
.clear{clear:both; height:1px;}
.item{padding-top:40px; min-height:300px;}
.item h2{text-align:center; background:url(../img/item-h2-bg.jpg) repeat-x; height:36px; font-size:24px; line-height:35px; color:#fff; letter-spacing:1px; font-family:'Myriad Pro', Arial;}
#wrapper{width:960px; height:auto; min-height:100%; margin:0 auto; background:#f3efec; position:relative; box-shadow:0 0 5px #999; behavior: url(PIE.htc);}

/*topmenu*/
#top-menu{ position:absolute;}
.topmenu{background:#08a4e5; width:960px; height:36px; text-align:center;}
.topmenu ul{margin:0; padding:0; list-style:none;}
.topmenu ul li{display:inline-block; vertical-align:top; margin:0 11px;}
.topmenu ul li a{font-size:20px; line-height:35px; color:#fff; text-decoration:none;}
.topmenu ul li a:hover{color:#000;}

#scrollmenu{position:fixed; left:50%; margin-left:-480px; z-index:9; display:none;}


/*header*/
#header{padding-top:62px; padding-bottom:30px; margin-bottom:40px; background:url(../img/header-bottom-shadow.png) left bottom repeat-x;}
#header .left-side h1{font-size:30px; line-height:34px; color:#0078cc; margin: 0 0 22px -5px; text-align:center;}
#header .left-side{float:left; width:320px; margin-left:20px;}
#header .left-side p{ font-size:18px; line-height:21px; font-style:italic;}
#header .right-side{float:right; width:240px; text-align:center; margin-right:25px;}
#header .right-side p{font-size:26px; line-height:26px; margin-bottom:3px; color:#0078cc;}
#header .right-side a{ display:block; color:#b20000; font-style:italic; font-size:22px; line-height:22px; padding-top:2px;}
#header .logo{background:url(../img/logo.png) no-repeat; width:140px; padding-top:130px; height:0; overflow:hidden; float:left; display:block; margin-left:80px; margin-top:-5px;}

/*subheader*/
#subheader{}
#subheader .left-side{width:480px; margin-left:9px; padding:40px 30px; background:#fff; float:left; position:relative; box-shadow:0 0 25px #999; behavior: url(PIE.htc); z-index:6;}
#subheader .left-side ul{ margin:0; padding:0; list-style:none;}
#subheader .left-side ul li{ display:block; background:url(../img/subheader-marker.png) no-repeat left 1px; padding-left:53px; font-size:18px; line-height:21px; min-height:35px; margin-bottom:20px; padding-top:3px; font-style:italic;}
#subheader .right-side{ float:right;}
#subheader .right-side .form{ width:310px; height:210px; padding:25px 20px 20px 12px; background:#FFF; float:right; behavior: url(PIE.htc); position:relative; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; border-radius:15px; margin-right:12px;}
#subheader .right-side .form .line{ margin-bottom:10px;}
#subheader .right-side .form label{ display: table-cell; height:35px; vertical-align:middle; width:90px; font-size:18px; line-height:20px; text-transform:uppercase; color:#08a4e5;}
#subheader .right-side .form .zapis{ margin: 0 0 10px 0; height:35px; text-align: center; vertical-align:middle; font-size:18px; font-weight: bold; line-height:20px; text-transform:uppercase; color:#b20000;}
#subheader .right-side .form .inputbox{background:url(../img/input.png) no-repeat; width:190px; height:25px; padding:3px 10px; display:block; float:right; font:14px/14px Arial, Helvetica, sans-serif; margin-top:-35px;}
#subheader .right-side .form .button{background:url(../img/button1.png) no-repeat; width:204px; height:0; padding-top:29px; overflow:hidden; float:right; margin-right:6px;}
#subheader .right-side .timer-block{ background:url(../img/blue-bg.jpg) repeat-x; height:170px; width:425px; position:absolute; margin-left:-69px; margin-top:270px; z-index:4;}
#subheader .right-side .timer-block .inner-block{width:320px; float:right; margin-right:50px; margin-top:8px;}
#subheader .right-side .timer-block .inner-block h3{ font-size:22px; line-height:22px; color:#96e0ff; margin-bottom:8px; font-weight:bold; text-align:center;}
#subheader .right-side .timer-block .inner-block p{font-size:16px; line-height:18px; color:#fff; font-weight:bold; margin-bottom:8px; text-align:center;}
#subheader .right-side .timer-block .inner-block h4{font-size:18px; line-height:18px; font-style:italic; margin: 0 0 8px 95px;}
#subheader .right-side .timer-block .cdtimer {}
#subheader .right-side .timer-block .cdtimer .clock { margin-left:60px;}
#subheader .right-side .timer-block .cdtimer .clock DIV {font-size: 25px; font-weight: 900; line-height: 1em; text-align: center; background: url(../img/sep.png) right 2px no-repeat; padding-right: 12px; margin-left: 12px; float: left; color:#000; font-style:italic;}
#subheader .right-side .timer-block   .cdtimer .clock DIV SPAN {font-size: 12px; padding-top:4px; font-weight: normal; text-align: center; line-height: 1em; display: block; text-transform: uppercase;}
#subheader .right-side .timer-block   .cdtimer .clock DIV.sec {background: none;}
#subheader .right-side .timer-block   .cdtimer .expired {font-size: 24px; text-align: center; line-height: 150px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}

/*services*/
#services{padding-bottom:20px;}
#services h2{margin-bottom:40px;}
#services .row{ padding-bottom:40px; width:830px; margin:0 auto;}
#services .row .block{width:240px; float:left;}
#services .row .block img{max-width:210px; width:auto; display:block; margin:0 auto 25px;}
#services .row .block h3{ color:#212121; font-weight:bold; font-size:18px; line-height:18px; text-align:center; margin-bottom:30px; height:36px;}
#services .row .block p{ font-size:16px; line-height:16px; margin-bottom:20px; white-space:nowrap; height:78px;}
#services .row .block ul{ font-size:16px; line-height:16px; margin: 0 0 20px -40px; width:300px; height:120px; list-style-image: url(../img/arrow5.png);}
#services .row .block ul li{margin: 0 10px 5px 0;}
#services .row .block button{ background:url(../img/services-button.jpg) no-repeat; width:206px; padding-top:55px; height:0; overflow:hidden; margin:0 auto;}
#services .row .block2{margin:0 55px;}
#services .row .block4{width:400px; margin-left:25px; margin-right:55px;}
#services .row .block4 p{margin-left:50px;}
#services .row .block5 h3{white-space:nowrap; margin-left:-15px;}
#services .row .block5 p{margin-left:10px;}

/*clients*/
#clients{min-height:350px;}

/*otzyvy*/
#otzyvy{margin-bottom:20px;}
#otzyvy .slide{width:395px; padding:28px 10px; height:190px; border:2px solid #9e9e9e; position:relative; behavior: url(PIE.htc); -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;}
#otzyvy .slide p{font-size:16px; line-height:19px; margin-bottom:20px;}
#otzyvy .slide h3{ font-size:16px; line-height:16px; font-weight:bold;}
#otzyvy .slide h3 span{ display:block; font-weight:normal; margin-top:2px;}
#otzyvy .d-carousel{ width:886px; margin:0 auto; padding-top:30px;}
#otzyvy .d-carousel li{margin-right:25px; margin-left:25px; width:175px; height:255px;}
#otzyvy .d-carousel .jcarousel-prev{ background:url(../img/arrow-left.jpg) no-repeat; width:50px; height:50px; margin-top:20px; float:left; margin-left:380px; cursor:pointer;}
#otzyvy .d-carousel li img{height:255px;}
#otzyvy .d-carousel .jcarousel-next{ background:url(../img/arrow-right.jpg) no-repeat; width:50px; height:50px; margin-top:20px; float:right; margin-right:380px; cursor:pointer;}
#otzyvy .d-carousel .jcarousel-next:hover, #otzyvy .d-carousel .jcarousel-prev:hover{transition: opacity 1.2s, visibility 0s linear 1.2s; opacity:0.4;}

/*garant*/
#garant .text-block{background:url(../img/garant.png) no-repeat right 10px; min-height:190px; width:790px; margin:45px auto 50px;}
#garant .text-block ul{ margin:0; padding:0; list-style:none;}
#garant .text-block ul li{ background:url(../img/garant-marker.png) no-repeat left; padding-left:42px; height:30px; margin-bottom:20px;}
#garant .text-block ul li span{ display:table-cell; width:460px; height:30px; vertical-align:middle; font-size:15px; line-height:17px;}
#garant .sert{ text-align:center;}
#garant .sert img{margin:0 44px; width:216px;}

/*contacts*/
#contacts{ padding:60px 40px 30px 40px !important;}
#contacts h3{ font-size:24px; line-height:24px; color:#0078cc; letter-spacing:1px; margin-left:15px; margin-bottom:10px; font-family:'Myriad Pro', Arial;}
#contacts .contacts-inner{ padding:20px 25px; background:url(../img/blue-bg222.jpg) repeat-x; height:340px; position:relative; border-left:1px solid #76c7e8; border-right:1px solid #76c7e8; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; behavior: url(PIE.htc);}
#contacts .contacts-inner .right-side{ float:right;}
#contacts .contacts-inner .right-side h4{font-size:20px; line-height:20px; font-style:italic; color:#fff; margin-bottom:15px;}
#contacts .contacts-inner .right-side .form{ width:310px; padding:25px 20px 20px 12px; background:#FFF; float:right; behavior: url(PIE.htc); position:relative; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; border-radius:15px; margin-right:12px;}
#contacts .contacts-inner .right-side .form .line{ margin-bottom:10px;}
#contacts .contacts-inner .right-side .form label{ display: table-cell; height:35px; vertical-align:middle; width:90px; font-size:18px; line-height:20px; text-transform:uppercase; color:#08a4e5;}
#contacts .contacts-inner .right-side .form .inputbox{background:url(../img/input.png) no-repeat; width:190px; height:25px; padding:3px 10px; display:block; float:right; font:14px/14px Arial, Helvetica, sans-serif; margin-top:-35px;}
#contacts .contacts-inner .right-side .form .button{background:url(../img/button1.png) no-repeat; width:204px; height:0; padding-top:29px; overflow:hidden; float:right; margin-right:6px;}
#contacts .contacts-inner .left-side{width:355px; float:left;}
#contacts .contacts-inner .left-side .numbers{ margin-bottom:2px; width:200px;}
#contacts .contacts-inner .left-side .numbers p{ display:inline; font-size:16px; line-height:28px; margin-bottom:2px; color:#fff;}
#contacts .contacts-inner .left-side .adress p{ display:inline; font-size:16px; line-height:16px; margin:0; color:#fff;}
#contacts .contacts-inner .left-side .map{ width:327px; height:216px; border:1px solid #666}

/***************************/
#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 500px;}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; text-align: center; line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; zoom: 1; display: block;}
#lightbox-nav-btnPrev {left: 0; float: left; margin-left:-40px; background-position:center left !important;}
#lightbox-nav-btnNext {right: 0; float: right; margin-right:-40px; background-position:right center !important; display:block !important;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left;}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width:12px; height:12px; text-decoration:none; overflow:hidden; display:block; margin:0 auto; z-index:999 !important; cursor:pointer;}
#lightbox-container-image-box{border:1px solid #5ca4c5; padding:10px; background: url(../img/ligtbox-bg.png); border-radius:10px;}
#lightbox-container-image-data-box { position:absolute; top:5px; left:50%; margin-left:-5px; z-index:9999999 !important; background:none !important;}
#lightbox-container-image-data {font-size:14px;}
#lightbox-image-details-currentNumber {display:none!important;}


/*modal*/
.g-hidden { display: none; }
.g-line { zoom: 1; }
.g-line:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


.b-modal { position: relative; }
.b-modal_close { position: absolute; font-size:20px; right: -25px; top: -25px; font-weight: bold; color: #999; cursor: pointer; z-index:999;}
.b-modal_close:hover { color: #000; }

.b-modal .form2{float:none; margin:0 auto;}

.b-modal img{max-width:900px;}

.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; -moz-border-radius: 10px;  -webkit-border-radius: 10px;  -khtml-border-radius: 10px;  border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(../img/loading.gif) no-repeat 50% 50%; }


.b-modal .form{ width:310px; padding:25px 20px 20px 12px; background:#FFF;  behavior: url(PIE.htc); position:relative; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; border-radius:15px; box-shadow:inset 0 0 20px #333;}
.b-modal .form h3{font-size:18px; line-height:20px; font-style:italic; color:red; margin-bottom:15px; text-align:center}
.b-modal .form .line{ margin-bottom:10px;}
.b-modal .form label{ display: table-cell; height:35px; vertical-align:middle; width:90px; font-size:18px; line-height:20px; text-transform:uppercase; color:#08a4e5;}
.b-modal .form .inputbox{background:url(../img/input.png) no-repeat; width:190px; height:25px; padding:3px 10px; display:block; float:right; font:14px/14px Arial, Helvetica, sans-serif; margin-top:-35px;}
.b-modal .form .button{background:url(../img/button1.png) no-repeat; width:204px; height:0; padding-top:29px; overflow:hidden; float:right; margin-right:6px;}
.spasibo{}
.spasibo p{font-size:25px; line-height:26px; text-align:center; font-weight:bold; font-style:italic;}
.serv-content{ width:810px; padding:25px; background:#FFF;  behavior: url(PIE.htc); position:relative; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; border-radius:15px; box-shadow:inset 0 0 20px #333;}
.serv-content h3{color:red; text-align:center; margin-bottom:10px; font-size:18px; line-height:20px; padding-top:7px; font-weight:bold;}
.serv-content h4{color:#08a4e5; text-align:center; margin-bottom:10px; font-size:18px; line-height:20px; padding-top:7px; font-weight:bold;}
.serv-content a {color:#08a4e5;}
.serv-content p{font-size:14px; line-height:16px; margin-bottom:10px;}
.serv-content li{font-size:14px; line-height:16px; margin-bottom:5px; font-style:italic}
.counter {padding: 0 0 20px 0;}