@charset "utf-8";
/* CSS Document */
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 { font: normal 14px Arial, Helvetica, sans-serif; color: #1f272b; background: #fff; min-width: 1000px; position: relative; height: 100%; }
img { border: none; }
a { cursor: pointer; text-decoration: none; color: #a3a3a3; }
a:hover {   text-decoration: underline;}
p { margin-bottom: 17px; }
p small { font-size: 0.8em; }
h1, h2, h3, h4, h5, h6 { font: normal 30px Arial, Helvetica, sans-serif; color: #1f272b; padding-bottom: 15px; }
h1 {/* font-size: 24px;*/ }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
input[type='submit'], input[type='button'] { cursor: pointer; }
ul, ol { padding-left: 30px; margin-bottom: 15px; }
ul li { list-style: disc outside; }
.set, .header:after, #footer:after, .page:after, .usl:after, .usl li:after, .our_clients:after, .captcha:after, .example:after { height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; display: block; content: '';}
.rel { position: relative; }

.wrap { display: table; width: 100%; height: 100%; border-collapse: collapse; border: none;  background: url(../images/figure.png) 50% 100% no-repeat;}
.head_wr { display: table-header-group; }
.head, .footer, .cont { display: table-cell; vertical-align: top; }
.footer, .head { height: 1px; }
.footer_wr { display: table-footer-group; }
.cont_wr { display: table-row-group; }

.page { width: 950px; margin: 0 auto 16px; padding-top: 25px;}
    .content { float: left; width: 625px;}
    .nav { width: 301px; float: right;}

    .not_front {}
        .not_front .page { padding-top: 22px;}
        .not_front .content { float: right;}
        .not_front .nav { float: left; padding-top: 8px;}

    .about { color: #6d6d6d; margin-bottom: 16px; padding: 3px 0 0 78px; background: url(../images/logo2.png) no-repeat; min-height: 55px; line-height: 17px;}
    .about strong { font-size: 21px; font-weight: normal;}

    .usl { position: relative;}
        .usl .button { margin-left: 80px;}
        .usl ul, .usl li { padding: 0; margin: 0; list-style: none;}
        .usl ul { margin-bottom: 38px;}
        .usl li { margin-bottom: 13px; position: relative;}
        .usl_img { float: left; width: 60px; height: 60px; margin-right: 20px;}
        .usl_img img { float: left; width: 58px; height: 58px; border: solid 1px #ddd; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box;}
        .usl li a:hover { text-decoration: none;}
        .usl li a:hover .usl_img img { border-color: #fdb825;}
        .usl_text { overflow: hidden; padding: 12px 0 0; display: block; color: #1f272b; margin-bottom: -3px;}
        .usl_text strong { display: block; font-size: 21px; font-weight: normal;}


    .h201 { font-size: 21px; color: #fdb825; text-transform: uppercase;}
    .our_clients { width: 100%; overflow: hidden; position: relative; margin-bottom: 18px;}
    .our_clients ul { padding: 0; margin: 0; width: 120%;}
    .our_clients li { float: left; list-style: none; width: 142px; height: 142px; margin: 0 16px 15px 0;}
    .our_clients li img { width: 140px; height: 140px; float: left; border: solid 1px #ddd; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box;}
    .our_clients li a:hover img { border-color: #fdb825;}
    .our_clients li.active img { width: 142px; height: 142px; border: none !important;}


    .our_partn { position: relative; margin-bottom: 27px; top: -5px;}
        .our_partn dl { margin-bottom: 23px;}
        .our_partn dt { font-size: 21px;}
        .our_partn dt a { color: #1f272b;}
        .our_partn dd { color: #6d6d6d; margin-bottom: 14px;}

    .banan { margin-bottom: 15px; position: relative; overflow: hidden;}


.head { background: #1f272b;}
    .header { width: 950px; margin: 0 auto; position: relative; padding-top: 40px; height: 106px;}
    .mail a { background: url(../images/mail.png) no-repeat; width: 144px; height: 22px; float: right; margin-bottom: 14px;}
    .tel { float: none; clear: both; text-align: right; position: relative; right: -2px;}
    .tel span { font-size: 36px; color: #fff; margin-left: 18px;}
    .tel * { vertical-align: middle;}

    .button, .button2 { position: relative; display: inline-block; background: #fdb825; height: 23px; font-size: 12px; line-height: 24px; color: #272f32; text-transform: uppercase; text-decoration: none !important; padding: 0 8px; border: solid 1px #fdb825; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box;}
    .button:hover { background: #fff;}
    .button2 {  background: #fff; border-color: #fff; color: #272f32; padding: 0 11px;}
    .button2:hover {background: #1f272b; color: #fdb825; border-color: #1f272b;}

    .logo { position: absolute; left: -1px; top: 22px;}
        .logo a { display: block; background: url(../images/logo.png) no-repeat; width: 103px; height: 107px;}

.m1 { background: #fdb825; height: 36px; position: relative; border-bottom: solid 1px #fff;}
    .m1 ul { display: block; margin: 0 auto; padding: 0; width: 1000px;}
        .m1 ul li { display: block; float: left; width: 199px; text-align: center; border-right: solid 1px #fff;}
        .m1 ul li:first-child {border-left: solid 1px #fff; width: 198px;}
        .m1 ul li a { display: block; height: 36px; line-height: 36px; font-weight: bold; color: #1f272b; text-transform: uppercase; text-decoration: none;}
        .m1 ul li a:hover, .m1 ul li.active a { background: url(../images/m1_a.png) no-repeat;}

.slider_wr { width: 100%; position: relative; overflow: hidden; height: 299px;}
    .slide_bg_l, .slide_bg_r { display: block; z-index: 20; position: absolute; top: 0; width: 50%; height: 299px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBRDk0ODdEQjhBQTExRTM5REZEQUZGMzdFQTFGMTkwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBRDk0ODdFQjhBQTExRTM5REZEQUZGMzdFQTFGMTkwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFEOTQ4N0JCOEFBMTFFMzlERkRBRkYzN0VBMUYxOTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFEOTQ4N0NCOEFBMTFFMzlERkRBRkYzN0VBMUYxOTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7zzlKoAAAAEElEQVR42mL4//9/A0CAAQAJfAN+6DKEMgAAAABJRU5ErkJggg==);}
    .slide_bg_l { right: 50%; border-right: solid 1px #fff; margin-right: 499px;}
    .slide_bg_r { left: 50%; border-left: solid 1px #fff; margin-left: 499px;}
    .slider { width: 3000px; position: absolute; top: 0; left: 50%; margin: 0 0 0 -1500px; z-index: 0;}
    .slider > ul { width: 5000px; padding: 0; margin: 0;}
    .slider > ul > li { display: block; list-style: none; float: left; width: 1000px; height: 299px; padding: 0; margin: 0; }
    .slider > ul > li img { max-width: 1000px; max-height: 299px;}

    .slide_text { position: absolute; z-index: 20; width: 301px; padding: 22px 26px; line-height: 17px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; left: 50%; margin-left: 175px; bottom: 23px; color: #fff; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc5MDk4QzZBQjhBQzExRTM5REZEQUZGMzdFQTFGMTkwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc5MDk4QzZCQjhBQzExRTM5REZEQUZGMzdFQTFGMTkwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFEOTQ4N0ZCOEFBMTFFMzlERkRBRkYzN0VBMUYxOTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFEOTQ4ODBCOEFBMTFFMzlERkRBRkYzN0VBMUYxOTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7nzDKbAAAAD0lEQVR42mKQV9c+AxBgAAIYAT4IXPVnAAAAAElFTkSuQmCC);}
        .slide_text h3 { font-size: 24px; color: #fdb825; text-transform: uppercase; padding-bottom: 0;}



.footer { background: #fdb825;}
    #footer { width: 950px; margin: 0 auto 20px; padding-top: 15px;}
        #footer p { margin-bottom: 12px;}
    .foot_l { float: left; width: 475px; line-height: 14px;}
    .foot_r { float: right; width: 216px; text-align: right; position: relative; right: -1px;}
    .tel2 { font-size: 21px; margin-bottom: 10px; padding-top: 4px;}


.breadcrumbs { position: relative; min-height: 29px; border-bottom: solid 1px #ddd; font-size: 12px; color: #1f272b; text-transform: uppercase; line-height: 29px;}
    .breadcrumbs ul { padding: 0; margin: 0 auto; width: 950px;}
    .breadcrumbs li { list-style: none; float: left; white-space: nowrap; margin: 0 11px 0 0; padding: 0 0 0 17px; position: relative;}
    .breadcrumbs li:before { position: absolute; left: 0; content: ">";}
    .breadcrumbs li:first-child { padding: 0;}
    .breadcrumbs li:first-child { padding: 0; }
    .breadcrumbs li:first-child:before { display: none;}
    .breadcrumbs li a { color: #a3a3a3;}

.text { position: relative; line-height: 17px; margin-bottom: 41px;}
    .text h1, .text h2 { padding-bottom: 8px;}
    .text h5, .h501 { padding-bottom: 9px; font-weight: bold;}
    .text p { margin-bottom: 26px;}
    .text ul, ul.ul_1  { padding: 0; margin: 0 0 37px;}
    .text ul li, ul.ul_1 li  { padding: 0 0 0 18px; margin: 0 0 9px; list-style: none; background: url(../images/bullet.png) 0 4px no-repeat;}
    .text table { width: 100%; border-collapse: collapse; margin-bottom: 30px;}
    .text td { padding: 7px 27px; border: solid 1px #fdb825;}


.form1 { position: relative; margin-bottom: 20px;}
    .form1 h2 { padding-bottom: 7px;}
    .form1 p { margin-bottom: 25px;}
    .form1 ul { padding: 0; margin: 0 0 15px;}
    .form1 ul li { list-style: none; padding: 0; margin: 0 0 10px;}
    .form1 li input[type=text], .form1 li textarea, .captcha_field input[type="text"] { font: normal 14px/32px Arial; color: #1f272b; width: 452px; height: 33px; padding: 0 14px; background: #fff; border: solid 1px #fdb825; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .form1 li .label, .captcha_field input.label { color: #6d6d6d !important;}
    .form1 li textarea { height: 150px; overflow: auto; resize: none; line-height: 17px; padding-top: 7px; margin: -1px 0 0;}

    .captcha { position: relative; margin-bottom: 40px;}
        .captcha_img { width: 120px; height: 61px; float: left; margin-right: 20px;}
        .captcha_field { float: left; width: 130px; margin-right: 21px; font-size: 12px; color: #6d6d6d;}
        .captcha_field label { display: inline-block; height: 28px; line-height: 24px; padding-left: 1px;}
        .captcha_field input[type="text"] { width: 130px;}
        .captcha input[type="submit"] { background: url(../images/send.png) no-repeat; width: 161px; height: 33px; border: none; padding: 0; margin: 28px 0 0; float: left; color: transparent; display: block; text-indent: -99in; overflow: hidden;}
        .form_notice { color: #6d6d6d; margin-bottom: 20px;}



.m2 { position: relative; width: 284px;}
    .m2 ul { padding: 0; margin: 0 0 35px;}
    .m2 ul li { list-style: none; margin: 0 0 9px; padding: 0;}
    .m2 ul li a { padding: 8px 17px 6px 15px; line-height: 17px; text-transform: uppercase; color: #1f272b; text-decoration: none; font-weight: bold; display: inline-block; background: #fdb825; border: solid 1px #fdb825; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box;}
    .m2 ul li a:hover, .m2 ul li.active > a { background: #fff;}

    .m2 ul li ul { display: none; padding: 9px 0 0 16px; margin: 0 0 13px;}
    .m2 ul li.active ul { display: block;}
    .m2 ul li ul li { margin: 0 0 6px; padding: 0 0 0 18px; background: url(../images/bullet.png) 0 4px no-repeat;}
    .m2 ul li ul li a { display: inline; background: none; border: none; padding: 0; margin: 0; text-transform: none; font-weight: normal; color: #a3a3a3;}
    .m2 ul li ul li a:hover, .m2 ul li ul li.active a { color: #1f272b;}

.examples_of_works { position: relative; overflow: hidden; padding-top: 9px;}
    .examples_of_works ul { width: 120%; padding: 0; margin: 0;}
    .examples_of_works li { display: inline-block; vertical-align: top; width: 292px; padding: 0; list-style: none; margin: 0 42px 32px 0; text-align: center;}
        .examples_of_works_img { width: 200px; height: 200px; margin: 0 auto 10px;}
        .examples_of_works_img img, .example_img img { float: left; width: 200px; height: 200px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box;}

        .examples_of_works_name { font-size: 21px; padding: 0 0 1px;}
        .examples_of_works_name a { color: #1f272b;}

        .examples_of_works_descr { color: #6d6d6d;}
            .photos { display: block; padding: 8px 0 0;}


.h101 { padding-bottom: 11px;}
ul.ul_1 { margin: 2px 0 29px;}
ul.ul_1 li { margin-bottom: 7px;}
.usl_descr { margin-bottom: 27px;}


.example { position: relative; margin-bottom: 36px;}
    .example_img { width: 200px; overflow: hidden; position: relative; float: left; margin-right: 25px; padding-top: 7px;}
    .example_img img { }

    .example_text { overflow: hidden; padding: 34px 0 0; line-height: 17px;}
        .example_text h1 { padding-bottom: 5px;}

    .gallery { width: 100%; position: relative; overflow: hidden; margin-bottom: 20px;}
        .gallery ul { width: 110%; padding: 0; margin: 0;}
        .gallery li { list-style: none; display: block; float: left; width: 200px; height: 200px; margin: 0 13px 13px 0;}
        .gallery li img { width: 198px; height: 198px; float: left; border: solid 1px #dddddd;}
        .gallery li a:hover img { border-color: #fdb825;}