/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* styles */
html, body { height: 100% }

body { 
    min-width: 1050px; 
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #919191;
}

#main { 
    position: relative; 
    min-height: 100%; 
}

.wrapper { 
    width: 1000px; 
    margin: 0 auto; 
    position: relative;
}

/* header */
header {background: url(../images/header-bg.jpg) no-repeat 50% 100% #2d415a; height: 560px; color: #fff; font-size: 18px; text-align: center; box-sizing: border-box; padding: 30px 0 0 0;}
    header h1 {font-size: 24px; font-weight: 500; padding: 40px 0 30px 0;}
    header p {font-weight: 100; padding: 0 0 15px 0; line-height: 150%;}

.info-box {background: url(../images/info-bg.jpg) no-repeat 50% 100% #f4f4f4; padding: 0 0 150px 0; text-align: center;}
    .info-box p {font-size: 16px; font-weight: 400; line-height: 140%; padding: 0 0 25px 0;}
    .info-box strong {font-weight: normal; color: #646464;}
    .info-box ul {padding: 25px 0 12px 0;}
    .info-box li {font-size: 18px; color: #3ea2da; font-weight: 700; padding: 0 0 10px 0;}
    .info-box .box {text-align: center; background: url(../images/infobg.png) no-repeat 50% 35px;}
    .info-box .block {display: inline-block;vertical-align: top; width: 190px; padding: 20px 0 0 0; position: relative;}
    .info-box .image {display: inline-block;}
    .info-box .image span {display: table-cell; vertical-align: middle; text-align: center; width: 118px; height: 118px; border-radius: 100%; background: #ecebe7;} 
    .info-box .block p {min-height: 50px; padding: 27px 0 0 0; font-weight: 500; color: #231f20; line-height: 120%;}
    .span-text {display: inline-block; font-size: 12px; font-weight: 300; line-height: 140%;}
    .info-box a {color: #3ea2da;}

.section3 {text-align: center; padding: 0 0 30px 0;}
    .section3 h2 {font-size: 21px; font-weight: 700; color: #3ea2da; padding: 0 0 47px 0; line-height: 130%;}
    .section3 p {font-size: 16px; color: #231f20; font-weight: 500; line-height: 130%; padding: 0 0 10px 0;}
    .section3 .box {padding: 80px 0 0 0;}
    .section3 ul {display: inline-block;}
    .section3 li {text-align: left; margin: 17px 0 0 0; line-height: 120%; font-weight: 300; padding: 0 0 0 24px; background: url(../images/li-bg.png) no-repeat;}
    .section3 strong {font-weight: 700; font-size: 16px; color: #3ea2da;}
    .eye-block {background: url(../images/eye-close.png) no-repeat; width: 205px; height: 205px; margin: 0 0 20px 0; display: inline-block; transition: 0.5s;}
    .eye-block:hover {background: url(../images/eye-open.png) no-repeat;}

.section4 {background: url(../images/section4bg.jpg) no-repeat 50% 100%, url(../images/section4.jpg) no-repeat 50% 0 #2d415a; padding: 140px 0 145px 0; text-align: center; font-size: 16px;}
    .section4 h2 {font-size: 21px; color: #3ea2da; font-weight: 700;}
    .section4 .block {display: inline-block;vertical-align: top; width: 247px; padding: 68px 0 0 0;}
    .section4 .image {display: inline-block; position: relative;}
    .section4 .image span {display: table-cell; vertical-align: middle; text-align: center; width: 168px; height: 168px; border-radius: 100%; background: #3ea2da;}
    .section4 p {padding: 25px 0 5px 0; font-weight: 500; color: #3ea2da;}
    .section4 span {font-weight: 300; color: #fff;}
    .nth1:before {content: ""; position: absolute; top: 67px; left: 163px; background: url(../images/section-nth1.png) no-repeat; width: 31px; height: 19px;}
    .nth2:before {content: ""; position: absolute; top: 15px; left: -10px; background: url(../images/section-nth2-before.png) no-repeat; width: 36px; height: 22px;}
    .nth2:after {content: ""; position: absolute; top: 136px; left: 130px; background: url(../images/section-nth2-after.png) no-repeat; width: 22px; height: 23px;}
    .nth3:before {content: ""; position: absolute; top: 115px; left: -26px; background: url(../images/section-nth3.png) no-repeat; width: 52px; height: 39px;}
    .nth4:before {content: ""; position: absolute; top: 7px; left: -36px; background: url(../images/section-nth4.png) no-repeat; width: 75px; height: 30px;}

.section5 {background: url(../images/section5-bg.jpg) no-repeat 50% 100% #f4f4f4; padding: 0 0 150px 0; font-size: 16px; text-align: center;}
    .section5 p {line-height: 130%; padding: 0 0 25px 0;}
    .section5 h2 {font-size: 21px; color: #3ea2da; font-weight: 700; padding: 25px 0 60px 0;}

.info-content {}
    .info-content h1 {text-align: center; font-size: 24px; color: #3ea2da; font-weight: 700;}
    .info-content p {padding: 25px 0 0 0; line-height: 150%; text-align: justify;}

.content {font-size: 16px; padding: 0 0 127px 0;}
    .content h1 {text-align: center; font-size: 21px; color: #3ea2da; font-weight: 700; padding: 0 0 25px 0;}
    .content h2 {text-align: center; font-size: 19px; color: #3ea2da; font-weight: 700; padding: 0 0 25px 0;}
    .content h3 {text-align: center; font-size: 16px; color: #231f20; font-weight: 500; padding: 0 0 25px 0;}
    .content p {line-height: 150%; text-align: justify; padding: 0 0 25px 0;}
    .content a {color: #231f20;}
    .content a:hover {text-decoration: none;}
    .content label {display: block; margin: 0 0 20px 0; font-size: 14px;}
    .content li {background: url(../images/libg.png) no-repeat 7px 3px; padding: 0 0 0 29px; font-size: 14px; margin: 0 0 20px 0;}
    .content table {width: 100%;}
    .content .table {border-radius: 30px; border: 1px dashed #dadada; margin: 0 0 25px 0;}
    .content th {font-weight: 500; color: #231f20; padding: 20px 30px; text-align: left; border-left: 1px solid #dadada;}
    .content th:first-child, .content td:first-child {border: 0;}
    .content tr {border-bottom: 1px solid #dadada;}
    .content tr:last-child {border: 0;}
    .content td {line-height: 140%; padding: 17px 30px; border-left: 1px solid #dadada;}
    .content .image {padding: 20px 0;}
    .content .image img {display: block; width: 100%; height: auto;}
    .job-name {display: block; text-align: center; font-weight: 500;}
    .navigation {padding: 55px 0 0 0;}
    .navigation .prev {float: left;}
    .navigation .next {float: right;}
    .navigation .home { }
    .navigation span {overflow: hidden; text-align: center; display: block;}
    .navigation a {color: #919191; font-style: italic; text-decoration: none;}
    .navigation a:hover {color: #3ea2da;}

#slider1 { height: 1%; overflow: hidden; padding: 0px; }
#slider1 .viewport { float: left; width: 965px; height: 200px; overflow: hidden; position: relative; }
#slider1 .buttons {
    display: block;
    margin: 85px 0px 0 0;
    float: left;
    width: 14px;
    height: 24px;
    position: relative;
    text-align: left;
}
#slider1 .next {
    background: url(../images/prev-next.png) no-repeat 0 100%;
    text-align: right;
}

#slider1 .prev {
    background: url(../images/prev-next.png) no-repeat;
}
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 250px; left: 0; top: 0; }
#slider1 .overview li { float: left; margin: 0 20px; padding: 0px; height: 200px; width: 200px;}
#slider1 .overview li a { height: 200px; width: 200px; border-radius: 100%; background: #fff; display: table-cell; vertical-align: middle; text-align: center;}

.section6 {}
    .section6 h2 {text-align: center; font-size: 21px; color: #3ea2da; font-weight: 700; padding: 0 0 35px 0;}
    .section6 .box {border-radius: 50px; border: 2px dashed #f4f4f4; margin: 0 0 18px 0; background: url(../images/block-bg.png) repeat-y 50% 0;}
    .section6 .block {float: left; width: 50%; box-sizing: border-box; padding: 30px; font-size: 16px;}
    .section6 .block span {font-weight: 500; color: #231f20;}
    .section6 p {padding: 12px 0 0 0; line-height: 140%;}
    .section6 form {padding: 12px 0 0 0;}
    .section6 input[type="text"], .section6 textarea {display: block; margin: 0 0 9px 0; font-size: 14px; border: 1px solid #d7d7d7; border-radius: 20px; resize: none; font-weight: 300; color: #000; width: 100%; box-sizing: border-box; font-family: 'Roboto', sans-serif;}
    .section6 input[type="text"]:focus, .section6 textarea:focus {border-color: #919191;}
    .section6 input[type="text"]::-webkit-input-placeholder, .section6 textarea::-webkit-input-placeholder {color: #919191;}
    .section6 input[type="text"] {padding: 0 14px; height: 36px;}
    .section6 textarea {padding: 14px; height: 78px;}
    .section6 input[type="file"] {display: block; height: 38px; position: relative; margin: 0 0 9px 0; padding: 8px 0 8px 26px; font-style: italic; font-family: 'Roboto', sans-serif; box-sizing: border-box;} 
    .section6 input[type="file"]:before {content: ""; position: absolute; top: 0px; left: 0px; background: url(../images/file-before.png) no-repeat; width: 143px; height: 38px;}
    .section6 input[type="file"]:hover:before {background-position: 0 100%;}
    .section6 button {float: right; display: block; width: 143px; height: 38px; color: #fff; border: 0; cursor: pointer; background: #3ea2da; font-family: 'Roboto', sans-serif; border-radius: 20px; font-size: 14px;}
    .section6 button:hover {background: #5bb5e7;}

.section7 {background: url(../images/section6bg.jpg) no-repeat 50% 100%, url(../images/section6-bg.jpg) no-repeat 50% 0 #2d415a; padding: 140px 0;}
    .section7 h2, .section8 h2, footer h2 {text-align: center; font-size: 21px; color: #3ea2da; font-weight: 700; padding: 0 0 50px 0;}

.section8 {padding: 0 0 140px 0; text-align: center; background: #f4f4f4;}
    .section8 h2 {padding: 0 0 20px 0;}
    .section8 .tab {display: inline-block; height: 23px; line-height: 23px; background: url(../images/tab-bg.png) no-repeat; padding: 0 0 0 33px; font-size: 16px; color: #231f20; font-weight: 500;}
    .section8 p {padding: 27px 0 0 0;}
    .section8 img {position: relative; left: 40px;}

.social-top {position: fixed; top: 50%; right: 0px; z-index: 500; margin: -150px 0 0 0;}
    .social-top a {display: block; margin: 0 0 4px 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; width: 44px; height: 43px;}
    .social-top .facebook {background: url(../images/facebook.png) no-repeat 50% 50% #45639e;}
    .social-top .vk {background: url(../images/vk.png) no-repeat 50% 50% #51749c;}
    .social-top .twitter {background: url(../images/twitter.png) no-repeat 50% 50% #23b9eb;}
    .social-top .od {background: url(../images/od.png) no-repeat 50% 50% #fa890f;}
    .social-top .google {background: url(../images/google.png) no-repeat 50% 50% #dd4b39;}

/* footer */
footer {background: #231f20; padding: 0px 0 50px 0; text-align: center; font-size: 16px; position: relative; z-index: 10;}
footer:before {content: ""; position: absolute; top: -87px; left: 0px; width: 100%; background: url(../images/footer-bg.png) no-repeat 50% 0; height: 87px;}
    footer h2 {padding: 0 0 17px 0;}
    footer .logo {padding: 0 0 27px 0;}
    footer p {padding: 0 0 7px 0;}
    footer p span {color: #3ea2da;}
    footer a {color: #3ea2da; text-decoration: none;}
    footer .social {padding: 17px 0 0 0;}
    footer .social a {display: inline-block;vertical-align: top; margin: 7px 3px 0 3px;}
input:focus, textarea:focus, button:focus {outline: none;}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    width: 333px;
    height: 100%;
    min-height: 1px;
    text-align: center;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide:focus {outline: none;}

.slick-slide p {font-size: 12px; font-weight: 300; line-height: 140%; padding: 20px 0 15px 0; display: none;}
.slick-slide span {color: #fff; display: none;}
.slick-slide img {display: inline-block; margin: 18px 0 0 0;}

.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev {width: 14px; height: 24px; position: absolute; top: 50px; left: 0px; z-index: 10; background: url(../images/carousel-prev-next.png) no-repeat; text-indent: -9999px; border: 0; cursor: pointer;}
.slick-next {width: 14px; height: 24px; position: absolute; top: 50px; right: 0px; z-index: 10; background: url(../images/carousel-prev-next.png) no-repeat 0 100%; text-indent: -9999px; border: 0; cursor: pointer;}

.slick-slide.slick-center p, .slick-slide.slick-center span {display: block;}
.slick-slide.slick-center img {margin: 0; width: 124px; height: 124px;}

@media screen and (max-width: 420px) {
    body {min-width: 300px;}
    .wrapper {width: auto; padding: 0 10px;}
    header {height: auto; padding: 30px 0 80px 0;}
    .info-box {}
    .info-box .box {background: none;}
    .section6 .block {width: auto; float: none; padding: 20px; overflow: hidden;}
    .section6 .box {background: none;}
    .slick-slide {width: 290px;}
    #slider1 .viewport {width: 260px;}
    #slider1 .overview li {margin: 0 35px;}
    .social-top {top: auto; bottom: 0px; right: auto; left: 50%; margin-left: -115px;}
    .social-top a {float: left; margin: 0 2px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 8px; border-top-right-radius: 8px; width: 42px; height: 35px;}
    .navigation span { clear: both; padding: 15px 0 0 0;}
    .navigation a {font-size: 13px;}
    .content td, .content th {padding: 10px; font-size: 14px;}
    header p br, .section3 h2 br, .section5 p br {display: none;}
}

input.error {
	border-color: #ff0000!important;
}

form .thank {
	display: none;
}

form .preloader {
	display: none;
}