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

* {
    box-sizing:border-box;
}

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

.mobile-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;
}

.owl-prev,
.owl-next {
    position:absolute;    
    display:block;
    width:45px;
    height:45px;
    background:#D3D3D3 url('../images/arrow.svg') 80% 50% no-repeat !important;
    transition:0.5s;
}

.owl-prev {
    left:-70px;
}

.owl-next {
    transform: rotate(180deg);
    right:-70px;
}

.owl-prev:hover,
.owl-next:hover {
    opacity:0.8;
}

.owl-prev span,
.owl-next span {
    display:none;
}

.cols::after {
    content:'';
    display:block;
    clear:both;
}

.cols .col {
    float:left;
}

.cols .col.right {
    float:right;
}

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

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

.main {
    width:100%;
    max-width:1420px;
    min-width:1200px;
    margin:0 auto;
}

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

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

.block-1 {
    height:730px;
    background-image:url('../images/block-1.jpg?v=2');
}

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

.block-1 .top .logo img {
    width:71px;
    height:56px;
    position:absolute;
    top:30px;
    left:0;
}

.block-1 .top ul {
    position:absolute;
    left:100px;
    top:47px;
    font-size:0;
}

.block-1 .top ul li {
    list-style:none;
    display:inline-block;
    margin-left:50px;
}

.block-1 .top ul li:first-child {
    margin-left:0;
}

.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:30px;
    font-weight:bold;
    position:absolute;
    top:36px;
    right:0;
}

.block-1 .top .email {
    color:#fff;
    font-size:21px;
    position:absolute;
    top:68px;
    right:0;
}

.block-1 .top .ooo {
    color:#fff;
    font-size:21px;
    position:absolute;
    top:12px;
    right:0;
}

.block-1 .caption {
   font-weight:900;
    width:660px;
    position:absolute;
    left:0;
    top:204px;
    color:#fff;
    font-size:92px;
    line-height:92px;
}

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

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

.block-1 .sub-caption {
    position:absolute;
    left:0;
    /*top:528px;*/
    top:625px;
    color:#fff;
    font-size:40px;
    line-height:40px;
    font-weight:900;
    text-transform:uppercase;
}

.block-1 .button {
    width:165px;
    position:fixed;
    bottom:74px;
    z-index:999;
}

/*
.block-1 .yellow {
    right:200px;
}

.block-1 .blue {
    right:0;
}
*/

.block-2 {
    height:560px;
    background:#F4F4F4;
    padding:90px 0 100px;
}

.block-2 .col.left {
    width:600px;
    margin-right:65px;
}

.block-2 .col.right {
    width:500px;
    margin-right:-28px;
}

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

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

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

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

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

.block-3 .items .item {
    display:inline-block;
    vertical-align:top;
    width:365px;
    margin-right:34px;
    margin-top:55px;
}

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

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

.block-3 .items .item .image {
    display:inline-block;
    width:165px;
    height:165px;
    text-align:center;
    background-color:#303192;
    background-position:50% 50%;
    background-repeat:no-repeat;
    transition:0.5s;
    border:1px solid #303192;
}

.block-3 .items .item:hover .image {
   background-color:#fff;
}

.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:nth-child(1):hover .image {
   background-image:url('../images/block-3-1-hover.svg');
}

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

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

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

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

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

.block-3 .items .item .data {
    display:inline-block;
    width:165px;
    height:165px;
    margin-left:35px;
}

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

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

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

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

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

.block-4 .cols .col img {
    width:565px;
    height:418px
}

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

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

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

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

.block-4 .owl-prev,
.block-4 .owl-next {   
    top:190px;    
}

.block-5 {
    background:#F4F4F4;
    padding:0 0 150px;
}

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

.block-5 .cols .col:first-child {
    width:500px;
}

.block-5 .cols .col:first-child .panel {
    margin-top:61px;
    width:500px;
    height:420px;
    padding:36px 0 0 53px;
    background:#303192;
    position:relative;
    z-index:2;
}

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

.block-5 .cols .col:first-child .panel .marker {
    color:#fff;
    width:390px;
    height:42px;
    line-height:42px;
    padding-left:65px;
    margin-top:15px;
    font-size:24px;
}

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

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

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

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

.block-5 .cols .col:first-child .caption.sub {
    text-transform:none;
    font-size:30px;
    margin-top:20px;
    width:365px;
}

.block-5 .cols .col:first-child .caption.sub {
    text-transform:none;
    font-size:30px;
    margin-top:20px;
    width:365px;
}

.block-5 .cols .col:last-child {
    width:765px;
    margin-left:-101px;
}

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


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

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

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

.block-6 .items .item {
    display:inline-block;
    vertical-align:top;
    width:265px;
    height:250px;
    margin-left:34px;
    background:#F4F4F4;
}

.block-6 .items .item:first-child {
    margin-left:0;
}

.block-6 .items .item .image {
    margin:-30px auto 0;
    width:210px;
    height:162px;    
}

.block-6 .items .item .image img {
    width:210px;
    height:162px;
}

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

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

.block-7 .caption {
    color:#fff;
}

.block-7 .col.right {
    width:565px;
    margin-top:-30px;
}

.block-7 .col.right img {
    width:565px;
    height:395px;
}

.block-7 .col.left {
    width:505px;
    padding-top:42px;
    margin-right:94px;
}

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

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

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


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

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

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

.block-8 .items .item {
    
}

.block-8 .items .item span {
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    width:164px;
    margin-left:34px;
}

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

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


.block-9 {
    background:#E5E5E5;
    padding:68px 0 95px;
}

.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-9 .owl-prev,
.block-9 .owl-next {
   top:180px;
}

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

.block-10 .address {
    position:absolute;
    top:55px;
    left:0;
}

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

.block-10 .tel {
    position:absolute;
    top:55px;
    left:300px;
}

.block-10 .social {
    position:absolute;
    top:55px;
    left:600px;
    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:55px;
    right:0;
    vertical-align:middle;
}

.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:446px;
   margin-left:-223px;
   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 48px 43px 48px;
}

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

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

.overlay .window .form textarea,
.overlay .window .form input[type=text] {
   width:350px;
   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:245px;
   display:block;
   margin:0 auto;
}

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

.widgets {
   position:fixed;
   bottom:40px;
   right:20px;
   z-index:888;
}

.widgets a {
   display:block;
   width:70px;
   height:70px;
   border-radius:50%;
   margin-top: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-top:0;
}

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

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

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

body:after{
    display:none;
    content:  url('../images/block-3-1-hover.svg')
              url('../images/block-3-2-hover.svg')
              url('../images/block-3-3-hover.svg')
              url('../images/block-3-4-hover.svg')
              url('../images/block-3-5-hover.svg')
              url('../images/block-3-6-hover.svg');
}