@charset "utf-8";
/* CSS Document */
* {outline: none;}
html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form {margin: 0px; padding: 0px;}
html {height: 100%; font-size: 62.5%;}
body, html {font: normal 12px "Times New Roman", Georgia, Palatino, Times, serif; width: 100%; height: 100%; color: #4f4f4f; overflow: hidden; background: #000;}
img {border: none;}
a {cursor: pointer; text-decoration: underline; color: #1085fe;}
a:hover {text-decoration: none;}
p {padding-bottom: 15px;}
p small {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {font: bold 18px "Times New Roman", Georgia, Palatino, Times, serif; color: #4f4f4f; padding-bottom: 15px;}
h1 {font-size: 24px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}
input[type='submit'], input[type='button'] {cursor: pointer;}
ul li {list-style: disc inside; padding-left: 10px;}
.set {height: 0; overflow: hidden; clear: both;}
.fl {float: left;}
.fr {float: right;}
.rel {position: relative;}
#supersize {position: fixed;}
#supersize img, #supersize a{height:100%; width:100%; position:absolute; z-index: 0;}
#supersize .prevslide, #supersize .prevslide img{z-index: 1;}
#supersize .activeslide, #supersize .activeslide img{z-index: 2;}
#top {position: absolute; left: 0; top: 0; width: 100%; height: 79px; overflow: visible; z-index: 30;}
#header {position: absolute; float: left; background-color: #000; width: 62%; padding: 19px 1px 0 0; height: 60px; z-index: 30;}
#logo {float: left; width: 143px; height: 43px; padding-left: 30px;}
#title {font-size: 13px; color: #d7d7d7; float: left; padding: 17px 30px 0 18px;}
.popap-1 {width: 38%; position: absolute; right: 0; top: 0; float: right; padding-top: 22px; padding-bottom: 10px; background: url(../images/bg-1.png); z-index: 30;}
.popap-2 {background: url(../images/bg-2.png); color: #CDDADE; padding-bottom: 0px;}
.popap-3 {background: url(../images/bg-3.png); padding-bottom: 0;}
.popap-3 .container-1 {padding: 0;}
.div-2 {padding-top: 15px; color: #000; font-size: 14px;}
.div-2 cufon {margin-bottom: 2px;}
.div-2 p {padding-bottom: 10px;}
.div-3 {color: #fff;}
.popap-1 .rel {z-index: 3; width: 100%; height: 1%;}
.container-1 {position: relative; padding: 0 45px 30px 26px; z-index: 30;}
.bl-1 {position: absolute; width: 20px; height: 20px; right: 24px; top: 9px; overflow: hidden; cursor: pointer; z-index: 3;}
.bl-1 span {display: block; width: 20px; position: absolute; left: 0; top: -20px; height: 40px; background: url(../images/bl-1.png) 0 0 no-repeat;}
.bl-1-click span {top: 0px;}
.h201 {font-size: 40px; color: #000; font-weight: normal; height: 1%; overflow: hidden; padding: 0px 45px 0 26px; position: relative;}
.h201 span {display: block; padding-bottom: 15px;}
.h201 cufon {margin-top: 0px; margin-bottom: 7px;}
.h202 {font-size: 20px; font-weight: bold; color: #fff; padding-top: 10px;}
h2.h202 span {padding-bottom: 5px !important;}
.popap-3 h2.h202 span {padding-bottom: 20px !important;}
.h202 small {display: block; cursor: pointer; font-size: 7px; line-height: 10px; font-weight: normal; color: #CDDADE; margin-top: 0px; padding: 0 0 2px 12px; background-image: url(../images/check.png); background-repeat: no-repeat; background-position: 0 1px;}
.h202 small.check {background-position: 0 -92px;}
.h202 small cufon {margin-top: 2px; margin-bottom: 0; }
#faq {height: 47px;}
.h203 {font-size: 20px; font-weight: bold; padding-top: 10px;}
h2.h203 span {padding-bottom: 8px !important; padding-top: 2px;}
.div-1 {font-size: 17px; color: #000; line-height: 24px;}
.div-1 cufon {border-bottom: solid 1px #000; margin-bottom: 6px;}
.sp-1 {display: block; background: #343536; padding: 4px 13px 5px; font-size: 11px; float: left; margin-right: 2px; z-index: 5;}
.sp-1, .sp-1:hover {text-decoration: none; color: #fff;}
.sp-2 {padding: 5px;}
#footer {width: 100%; position: absolute; left: 0; bottom: 0; right: 0; background: #000; height: 40px; padding: 19px 0 20px; border-top: solid 1px #333333; z-index: 3;}
#f-1 {font-size: 13px; color: #CDDADE; padding: 0 37px 8px;}
.m-1 li {float: left; display: block; list-style: outside none none; padding: 0 15px 8px 0;}
.m-1 li a, .m-1 li a:hover {color: #CDDADE; text-decoration: none;}
.m-1 li a:hover {border-bottom: solid 1px #CDDADE;}
#f-2 {padding: 0 30px;}
#f-2 span, #f-2 a, #f-2 a:hover {margin-right: 14px; text-transform: uppercase; text-decoration: none; color: #CDDADE;}
#f-2 a, #f-2 a:hover {color: #1A8D9D;}
#f-2 a:hover {border-bottom: solid 1px #1A8D9D;}
.bord {height: 8px; overflow: hidden; width: 100%; border-top: solid 1px #333333;}
#f-3, #f-4 {padding: 0 38px; font-size: 10px; color: #1A8D9D;}
#f-3 a, #f-3 a:hover, #f-4 a, #f-4 a:hover {color: #1A8D9D; text-decoration: none; border-bottom: solid 1px #000;}
#f-3 a, #f-4 a {border-bottom: solid 1px #1A8D9D;}
#f-4 {padding: 0 45px;}
#page {overflow: hidden;}
#page, #cont-2, #nav {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3;}
#cont-2 {left: 225px; top: 79px; overflow: hidden;}
#nav {overflow: visible; width: 265px;}
.cont-3 {height: 100%; position: absolute; float: left;}
.scroll-1 {padding: 0px 0; height: 100%; overflow: auto; position: absolute; width: 100%;}
.m-2 {width: 146px; font-size: 10px; color: #1A92A2; text-transform: uppercase; padding: 0px 0 180px 45px; position: relative; top: 180px;}
.m-2 li {list-style: outside none none; padding: 0 0 7px; position: relative;}
.m-2 li a, .m-2 li a:hover {text-decoration: none; color: #1A92A2;}
.m-2 li a.a-b {color: #fff;}
.m-2 li a.a-a {font-size: 17px; color: #D2DFE3 !important; position: relative; left: -17px; bottom: -2px; cursor: text; white-space: nowrap;}
#m-2-1 {font-size: 17px; text-transform: none; color: #CDDADE;}
#m-2-1 a {border-bottom: solid 1px #1A92A2;}
#m-2-1 a.a-b {border: none;}
.grad-1, .grad-2 {width: 255px; height: 104px; left: 0; top: 79px; background: url(../images/grad-1.png) 0 0 repeat-x; position: absolute; z-index: 10;}
.grad-2 {top: 100%; margin-top: -184px; background: url(../images/grad-2.png) 0 0 repeat-x;}
.cont-4 {width: 100%; height: 100%; position: absolute; overflow: hidden;}
.scroll-2 {width: 250%; height: 1000%; left: 0; top: 25%; padding-right: 50%; position: absolute;}
.scroll-2 li {list-style: outside none none; float: left; width: 20%; height: 10%; padding: 0; background: url(../images/24.gif) center no-repeat;}
.scroll-2 li, .scroll-2 li * {vertical-align: middle; text-align: center; display: inline-block;}
.scroll-2 li span {height: 100%; width: 1px;}
.scroll-2 li a {width: 75%;}
.scroll-2 li img {width: 100%;}
.grad-3 {position: absolute; left: 0; top: 0; width: 279px; height: 100%; background: url(../images/grad-3.png) repeat-y;}
.grad-4 {position: absolute; right: 0; top: 0; width: 279px; height: 100%; background: url(../images/grad-4.png) repeat-y;}
.cont-5 {width: 100%; height: 100%; z-index: 20; position: absolute; overflow: auto; display: none;}
#cont-5-1 {display: block;}
.m-3 {padding: 20px;}
.m-3 li {list-style: outside none none; display: block; position: relative; z-index: 20; float: left; padding: 0; width: 102px; height: 90px; overflow: hidden; text-align: center;}
.m-3 li, .m-3 li * {vertical-align: middle;}
#m-3-1 {}
.ul-1 {padding: 10px 0 0; font-size: 17px;}
.ul-1 li {list-style: outside none none; padding: 0 0 10px;}
.ul-1 li a, .ul-1 li a:hover {color: #CDDADE; text-decoration: none; border-bottom: solid 1px #CDDADE;}
.ul-1 li a:hover {border: none;}
.carousel {width: 100%; overflow: auto; height: 159px; background: url(../images/bg-2.png); position: absolute; bottom: 80px; left: 0; display: none;}
.carousel ul {padding: 17px; width: 7500px;}
.carousel li {display: block; float: left; list-style: outside none none; padding: 0; width: 102px; padding: 0 5px;}
.carousel a, .carousel a:hover {text-decoration: none;}
.carousel em {width: 100px; border: solid 1px #242424; height: 90px; overflow: hidden; display: block; background: #000; text-align: center; vertical-align: middle;}
.carousel em * {vertical-align: middle;}
.carousel span {display: block; padding: 10px 2px 0; font-size: 10px; color: #CCCCCC;}
.carousel span cufon {margin-bottom: 4px;}
.carousel em i {height: 100%; width: 1px; display: inline-block;}
.prosto-block {width: 100%; height: 50px; position: absolute; bottom: 80px; left: 0; background: url(about:blank);}
.table-1 {width: 100%; border-collapse: collapse; border: none; font-size: 10px; color: #F2F2F2;}
.table-1 td {vertical-align: top;}
.table-1 td.gradient {background: url(../images/gradient.png) 0 0 repeat-y; border-left: solid 1px #d1cfcf;}
.table-1 ul {padding: 6px 22px; position: relative; z-index: 100;}
.ul-2 a, .ul-2 a:hover {color: #FFFFFF; text-decoration: none;}
.ul-2 a cufon {border-bottom: solid 1px #fff;}
.ul-2 a:hover cufon, .ul-2 a#ul-2-li-a cufon {border-color: transparent;}
.ul-2 a#ul-2-li-a {font-weight: bold; cursor: default;}
.ul-2 li a cufon {margin-bottom: 4px;}
.table-1 ul.ul-3 {padding: 6px 10px; display: none;}
.table-1 li {display: block; list-style: outside none none; padding: 5px;}
.table-1 ul.ul-3 li span {display: block; padding-left: 15px; background-image: url(../images/check.png); background-repeat: no-repeat; background-position: 0 0px;}
.table-1 ul.ul-3 li span.check {background-position: 0 -92px;}
.table-1 li span {cursor: pointer; position: relative;}
.table-1 ul.ul-3 li span cufon {margin-bottom: 1px;}
.text-block {padding: 40px; width: 44%; font-size: 13px; color: #CFDCE0;}
.text-block cufon {margin-bottom: 4px;}
.scrol {width: 100%; top: 79px; left: 0; position: absolute; overflow: auto; background: url(about:blank);}
.kontakti {width: 36%; float: left;}
.kontakti h3, .kontakti h4 {font-size: 13px; color: #fff; font-weight: normal; padding-bottom: 4px;}
.kontakti h4 {font-weight: bold; padding: 2px 0 22px 20px; background: url(../images/bl-3.png) 0 0 no-repeat;}
.kontakti p {text-align: justify; padding-bottom: 22px;}
.kontakti p a {color: #CFDCE0;}
.kontakti p a cufon {border-bottom: solid 1px #CFDCE0;}
.kontakti p a:hover cufon {border-bottom: transparent;}
.forma-svyazi {width: 38%; float: right; padding-right: 4px;}
.forma-svyazi form {padding-left: 35px; width: auto;}
.forma-svyazi table {border-collapse: collapse; border: none; width: 100%;}
.forma-svyazi table td {padding: 0 5px 20px; vertical-align: top;}
.forma-svyazi table td em {display: block; color: #fff;}
.forma-svyazi table td div {position: relative; padding-right: 24px;}
.forma-svyazi table td h3 {font-size: 17px; color: #CDDADE; font-weight: normal;}
.forma-svyazi table td div b, .forma-svyazi table td div big {font-size: 19px; color: #1A8F9F; position: absolute; right: 0; top: 0;}
.forma-svyazi table td div big {right: auto; top: auto; margin-left: 8px; font-weight: bold;}
.forma-svyazi input {height: 16px;}
.forma-svyazi input, .forma-svyazi textarea {width: 100%; margin-bottom: 2px;}
#input-s-1 {width: auto; height: auto; margin: 5px auto;}