@import url('./reset.css');
@import url('../fonts/ProximaNova/stylesheet.css');

* {
    box-sizing:border-box;
}

body {
    font-family:'Proxima Nova Rg', sans-serif;
    font-size:14px;
    color:#4E4E4E;
    background:#fff;
}

.desktop-show {
    display:none;
}

.button {
    display:block;
    font-family:'Proxima Nova Rg', sans-serif;
    font-size:21px;
    height:60px;
    line-height:60px;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    outline:none;
    border:none;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.35);
    transition:0.5s;
}

.button.yellow {
    background-color:#FFD600;
    color:#212121;
}

.button.yellow:hover {
    box-shadow:none;
}

.button.blue {
    background-color:#303192;
    color:#fff;
}

.button.blue:hover {
   box-shadow:none;
}

.valign {
    height:inherit;
    width:inherit;
    display:table-cell;
    vertical-align:middle;
}

.caption {
    font-size:36px;
    text-transform:uppercase;
    font-family: 'Proxima Nova Bl';
    color:#212121;
    text-align:center;
}

.owl-dots {
    position:absolute;
    width:100%;
    bottom:-45px;
    z-index:3;
    text-align:center;
}

.owl-dots button {
    width:14px;
    height:14px;
    border-radius:50%;
    outline:none;
    background:#C4C4C4 !important;
    margin-left:13px;
}

.owl-dots button:first-child {
    margin-left:0;
}

.owl-dots button.active {
    background:#3436AC !important;
}

.main {
    width:100%;
    min-width:375px;
    margin:0 auto;
    overflow:hidden;
}

.block {
    background-repeat:no-repeat;
    background-position:50% 50%;
    width:100%;
}

.wrapper {
    width:338px;
    margin:0 auto;
    height:inherit;
    position:relative;    
}

.block-1 {
    height:570px;
    background-image:url('../images/block-1-m.jpg');
}

.block-1 .wrapper {
    width:375px;
}

.block-1 .top {
    height:68px;
    width:100%;
    position:absolute;
    top:0;
    left:0;
}

.block-1 .top .logo img {
    width:68px;
    height:54px;
    position:absolute;
    top:13px;
    left:18.5px;
}

.block-1 .top ul {
    display:none;
}

.block-1 .top ul li {
    list-style:none;
    display:block;
    padding:12px 0;
    text-align:center;
}

.block-1 .top ul li a {
    font-size:18px;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    padding-bottom:8px;
}

.block-1 .top ul li a:hover {
    border-bottom:1px solid #fff;
}

.block-1 .top .tel {
    color:#fff;
    font-size:21px;
    font-weight:bold;
    position:absolute;
    top:27px;
    left:100px;
}

.block-1 .top .email {
    color:#fff;
    font-size:21px;
    position:absolute;
    top:50px;
    left:100px;
}

.block-1 .top .ooo {
    color:#fff;
    font-size:18px;
    position:absolute;
    top:5px;
    left:100px;
}

.block-1 .top .burger {
    display:block;
    width:30px;
    height:23px;
    position:absolute;
    right:18.5px;
    top:22px;
    background:url('../images/burger.png') no-repeat;
}

.block-1 .top.open {
    background:#303192;
}

.block-1 .top.open ul {
    position:absolute;
    left:0;
    top:68px;
    width:375px;
    background:#303192;
    z-index:888;
    padding:12px 0;
}

.block-1 .top.open .burger {
    background:url('../images/close-w.png') 100% 0 no-repeat;
}

.block-1 .caption {
    width:375px;
    position:absolute;
    left:0;
    top:200px;
    color:#fff;
    font-size:48px;
    line-height:48px;
    text-align:center;
    font-weight:900;
}

.block-1 .caption span {
    display:block;
}

.block-1 .caption::before {
    content:'';
    display:block;
    width:158px;
    height:4px;
    background:#303192;
    position:absolute;
    left:109px;
    bottom:-15px;
}

.block-1 .sub-caption {
   width:375px;
    position:absolute;
    left:0;
    /*top:368px;*/
    top:420px;
    color:#fff;
    font-size:24px;
    line-height:24px;
    text-align:center;
    font-weight:900;
}

.block-1 .button {
    width:55px;
    height:55px;
    position:fixed;
    bottom:30px;
    font-size:0;
    z-index:999;
}

.block-1 .yellow {
    /*right:88px;*/
    background:url('../images/call.jpg') no-repeat;
}

.block-1 .blue {
    /*right:18.5px;*/
    background:url('../images/mail.jpg') no-repeat;
}


.block-2 {
    background:#F4F4F4;
    padding:45px 0 85px;
}

.block-2 .wrapper {
    width:375px;
}

.block-2 .col.left {
    width:338px;
    margin:25px auto 0;
    text-align:center;
}

.block-2 .col.right {
    width:375px;
    margin-top:28px;
    position:relative;
}

.block-2 .col.right img {
    width:375px;
    height:254px;
}

.block-2 .col.left p {
    line-height:21px;
}

.block-2 .col.left::after {
    content:'';
    display:block;
    position:absolute;
    left:128px;
    bottom:-39px;
    width:120px;
    height:4px;
    background:#686868;
}

.block-3 {
    background:#fff;
    padding:45px 0;
}

.block-3 .sub {
    font-size:24px;
}

.block-3 .items {
   margin-top:38px;
   font-size:0;
}

.block-3 .items .item {
    display:inline-block;
    vertical-align:top;
    width:158px;
    margin-right:22px;
    margin-top:30px;
}

.block-3 .items .item:nth-child(2n + 2) {
    margin-right:0;
}

.block-3 .items .item:nth-child(-n + 2) {
    margin-top:0;
}

.block-3 .items .item .image {
    width:134px;
    height:134px;
    margin:0 auto;
    text-align:center;
    background-color:#303192;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:60% 60%;
}

.block-3 .items .item:nth-child(1) .image {
   background-image:url('../images/block-3-1.svg');
}

.block-3 .items .item:nth-child(2) .image {
   background-image:url('../images/block-3-2.svg');
}

.block-3 .items .item:nth-child(3) .image {
   background-image:url('../images/block-3-3.svg');
}

.block-3 .items .item:nth-child(4) .image {
   background-image:url('../images/block-3-4.svg');
}

.block-3 .items .item:nth-child(5) .image {
   background-image:url('../images/block-3-5.svg');
}

.block-3 .items .item:nth-child(6) .image {
   background-image:url('../images/block-3-6.svg');
}

.block-3 .items .item .data {
    display:block;
    margin-top:18px;
    text-align:center;
}

.block-3 .items .item .data .title {
    font-size:18px;
    font-family: 'Proxima Nova Bl';
    text-transform:uppercase;
    margin-bottom:11px;
    color:#212121;
}

.block-3 .items .item .data .text {
    font-size:14px;
}

.block-4 {
    background:#F4F4F4;
    padding:45px 0 100px;
}

/*
.block-4 .cols {
    margin-top:30px;
}

.block-4 .cols .col {
    width:338px;
    font-size:0;
    box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.15);
}

.block-4 .cols .col img {
    width:338px;
    height:auto;
}

.block-4 .cols .col:first-child {
    margin-bottom:20px;
}
*/

.block-4 .items {
    margin-top:30px;
}

.block-4 .items .item {
    font-size:0;
    box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.15);
}

.block-4 .items .item img {
    width:338px;
    height:auto;
}

.block-5 {
    background:#F4F4F4;
}

.block-5 .wrapper {
    width:375px;
}

.block-5 .cols {
    margin-top:24px;
}

.block-5 .cols .col:first-child {
    width:338px;
    margin:0 auto;
}

.block-5 .cols .col:first-child .panel {
    width:338px;
    height:320px;
    padding:20px;
    background:#303192;
    position:relative;
    z-index:2;
}

.block-5 .cols .col:first-child .panel .caption {
    font-size:21px;
    line-height:37px;
    color:#fff;
}

.block-5 .cols .col:first-child .panel .marker {
    color:#fff;
    width:238px;
    height:31px;
    line-height:31px;
    padding-left:46px;
    margin:10px auto 0;
    font-size:18px;
}

.block-5 .cols .col:first-child .panel .marker-1 {
    background:url('../images/marker-1.svg') no-repeat;
    background-size:23px 31px;
} 

.block-5 .cols .col:first-child .panel .marker-2 {
     background:url('../images/marker-2.svg') no-repeat;
     background-size:23px 31px;
}

.block-5 .cols .col:first-child .panel .marker-3 {
     background:url('../images/marker-3.svg') no-repeat;
     background-size:23px 31px;
}

.block-5 .cols .col:first-child .panel .marker span {
    float:right;
}

.block-5 .cols .col:first-child .caption.sub {
    display:none;
}

.block-5 .cols .col:last-child {
    width:375px;
    margin-top:-40px;
}

.block-5 .cols .col:last-child .map {
    width:375px;
    height:270px;
}


.block-6 {
    background:#fff;
    padding:45px 0;
}

.block-6 .caption {
    text-align:center;
}

.block-6 .items {
    margin-top:50px;
    font-size:0;
}

.block-6 .items .item {
    display:inline-block;
    vertical-align:top;
    width:158px;
    height:177px;
    margin-right:22px;
    margin-top:45px;
    background:#F4F4F4;
}

.block-6 .items .item:nth-child(2n + 2) {
    margin-right:0;
}

.block-6 .items .item:nth-child(-n + 2) {
    margin-top:0;
}

.block-6 .items .item .image {
    margin:-20px auto 0;
    width:125px;
    height:96px;    
}

.block-6 .items .item .image img {
    width:125px;
    height:96px;
}

.block-6 .items .item .text {
    font-size:14px;
    margin-top:15px;
    padding:0 15px;
    text-align:center;
    font-weight:bold;
}

.block-7 {
    height:470px;
    background-position:0 50%;
    background-color:#303192;
    background-image:url('../images/block-7-1-m.jpg');
    background-size:auto;
    color:#fff;    
}

.block-7 .wrapper {
    width:375px;
}

.block-7 .caption {
    color:#fff;
    padding:33px 0 26px;
}

.block-7 .col.right {
    width:375px;
}

.block-7 .col.right img {
    width:375px;
    height:230px;
}

.block-7 .col.left {
    width:338px;
    padding:0 20px;
    margin:27px auto 0;
    text-align:center;
}

.block-7 .col.left p {
    margin-top:28px;
    font-size:18px;
}

.block-7 .col.left p strong {
    font-weight:bold;
    text-transform:uppercase;
    font-size:21px;
}

.block-7 .col.left p strong span {
    color:#FFD600;
}


.block-8 {
    background:#fff;
    padding:45px 0 100px;
}

.block-8 .caption {
    text-align:center;
}

.block-8 .items {
    margin-top:40px;
    font-size:0;
}

.block-8 .items .item {
    
}

.block-8 .items .item span {
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    width:158px;
    margin-right:22px;
    margin-top:30px;
}

.block-8 .items .item span:nth-child(2n + 2) {
    margin-right:0;
}

.block-8 .items .item span:nth-child(-n + 2) {
    margin-top:0;
}

.block-8 .items .item span img {
    max-width:158px;
    height:auto;
}

.block-8 .items .item span:nth-child(1) {
    margin-left:0;
}


.block-9 {
    background:#E5E5E5;
    padding:45px 0 100px;
}

.block-9 .caption {
    text-align:center;
}

.block-9 .items {
    margin-top:56px;
}

.block-9 .items .item {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}


.block-10 {
    height:350px;
    background:#303192;
    color:#fff;
    font-size:21px;
}

.block-10 .address {
    position:absolute;
    top:33px;
    left:0;
    width:338px;
    text-align:center;
}

.block-10 .address strong {
    font-weight:bold;
}

.block-10 .tel {
    position:absolute;
    width:338px;
    top:105px;
    left:0;
    text-align:center;
}

.block-10 .social {
    position:absolute;
    top:175px;
    left:0;
    text-align:center;
    width:338px;
    vertical-align:middle;
}

.block-10 .social a {
    display:inline-block;
    width:49px;
    height:49px;
    transition:0.5s;
    vertical-align:middle;
}

.block-10 .social a:hover {
    opacity:0.8;
}

.block-10 .social a.ig {
    background:url('../images/ig.png') no-repeat;
    margin-left:20px;
}

.block-10 .social a.tg {
    background:url('../images/tg.png') no-repeat;
    background-size:contain;
   margin-left:20px;
}

.block-10 .social a.vk {
    background:url('../images/vk.png') no-repeat;
background-size:contain;
   margin-left:20px;
}

.block-10 .wbmedia {
    position:absolute;
    top:255px;
    left:0;
    vertical-align:middle;
    text-align:center;
    width:338px;
}

.block-10 .wbmedia a {
    vertical-align:middle;
    margin-left:30px;
}

.overlay {
   display:none;
   width:100%;
   height:100%;
   position:fixed;
   left:0;
   top:0;
   background:rgba(0,0,0,0.8);
   z-index:9999;
}

.overlay .window {
   position:absolute;
   width:375px;
   margin-left:-187.5px;
   top:30px;
   left:50%;
   background: #FFFFFF;
   border: 1px solid #E5E5E5;
   box-sizing: border-box;
   box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);
   padding:33px 40px 37px 40px;
}

.overlay .window .close {
   display:block;
   width:25px;
   height:24px;
   position:absolute;
   right:20px;
   top:20px;
   background:url('../images/close-b.png') no-repeat;
}

.overlay .window .caption {
   font-family:'Proxima Nova Rg', sans-serif;
   text-transform:none;
   font-weight:bold;
   font-size:30px;
   color:#000;
   text-align:center;
   margin-bottom:35px;
}

.overlay .window .form textarea,
.overlay .window .form input[type=text] {
   width:295px;
   height:55px;
   border:1px solid #D3D3D3;
   background:#f4f4f4;
   font-family:'Proxima Nova Rg', sans-serif;
   font-size:18px;
   color:#646464;
   padding:0 15px;
   border-radius:5px;
   outline:none;
}

.overlay .window .form textarea:focus,
.overlay .window .form input[type=text]:focus {
    border: 1px solid #4E4E4E;
}

.overlay .window .form textarea {
   height:115px;
   padding:15px;
   resize:none;
}

.overlay .window .form textarea::placeholder,
.overlay .window .form input[type=text]::placeholder {
   color:#646464;
}

.overlay .window .form .row {
   margin-bottom:15px;
}

.overlay .window .form .button {
   width:295px;
}

.overlay .window .form .checkbox {
   font-size:12px;
   white-space:nowrap;
}

.widgets {
   position:fixed;
   bottom:20px;
   right:0px;
   z-index:888;
   font-size:0;
   width:100%;
   text-align:center;
}

.widgets a {
   display:inline-block;
   width:70px;
   height:70px;
   border-radius:50%;
   margin-left:15px;
   background:url('../images/widgets.png') no-repeat;
   box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);
}

.widgets a:hover {
   opacity:0.8;
}

.widgets a.tel {
   background-position:0 0;
   margin-left:0;
}

.widgets a.mail {
   background-position:0 -83px;
}

.widgets a.viber {
   background-position:0 -168px;
}

.widgets a.whatsapp {
   background-position:0 -252px;
}