.main-wrapper{
    -webkit-box-flex:1;
        -ms-flex:1 0 auto;
            -webkit-flex:1 0 auto;
               -moz-box-flex:1;
            flex:1 0 auto
}
.row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-flow:row wrap;
            -webkit-flex-flow:row wrap;
                flex-flow:row wrap
}
.header{
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            -webkit-justify-content:space-between;
               -moz-box-pack:justify;
            justify-content:space-between;
    padding:20px 0 0 20px
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
  
  /* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}
  
  /* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
  
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .close2 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close2:hover,
  .close2:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

.container{
    max-width:1182px;
    margin:0 auto;
}
.header 
.container{
    max-width:1436px;
    width:100%
}
.p_rel{
    position:relative
}
.header__left{
    width:70%;
    height: 30%;
    display:flexbox;
    position: relative;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-flow:initial;
            -webkit-flex-flow:initial;
                flex-flow:initial;
}

.header__menu{
    display:flexbox;
    height: 30px;
}
.header__btn{
    display:inline;
    -webkit-box-align:left;
        -ms-flex-align:left;
            -webkit-align-items:left;
               -moz-box-align:left;
                -ms-grid-row-align:left;
            align-items:left;
    -webkit-box-pack:left;
        -ms-flex-pack:left;
            -webkit-justify-content:left;
               -moz-box-pack:left;
            justify-content:left;
    border:none;
    background: none;
}
.header__btn:before{
    content:"";
    display:block;
    -webkit-transition:all .1s;
    -o-transition:all .1s;
    -moz-transition:all .1s;
    transition:all .1s;
}
.header__nav{
    position:relative;
    width:70%;
    height: 100px;
    display: flexbox;
}
.header__lang{
    display:flexbox;
    height: 30%;
    width:15%;
    
}
.nav__list{
    padding-left: 50px;
}
.nav__item{
    display:inline-block;
    margin-right:20px;
    margin-bottom:20px;
}
.nav__link{
    font-size:128px;
    font-size:8rem;
    margin-bottom:30px;
    font-family:PF Centro Slab Pro,sans-serif;
    font-weight:300;
    line-height:50px;
    letter-spacing:.04em;
    color:#122d52;
    padding-left: 2px;
}
.nav__link.active,
.nav__link.active:hover{
    color:#ef2a00;
    border-bottom:1px solid #ffd0c6
}
.header__lk-drop 
.link{
    margin-bottom:12px;
    display:inline-block;
    font-size:32px;
    font-size:2rem
}
.link1{
    margin-bottom:12px;
    display:inline-block;
    font-size:16px;
    font-size:1rem
}
.header__lk-drop 
.link:last-child{
    margin-bottom:0
}
.link{
    font-size:16px;
    font-size:1rem;
    font-family:PF Centro Slab Pro,sans-serif;
    line-height:20px;
    letter-spacing:.02em;
    color:#122d52;
    border-bottom:1px solid #bbcee7;
    padding-bottom:2px;
    text-decoration:none
}
.link:hover{
    color:#21ade4;
    border-bottom:1px solid #21ade4
}
.link1{
    font-size:16px;
    font-size:1rem;
    font-family:PF Centro Slab Pro,sans-serif;
    line-height:20px;
    letter-spacing:.02em;
    color:#122d52;
    border-bottom:1px solid #bbcee7;
    padding-bottom:2px;
    text-decoration:none
}
.link1:hover{
    color:#21ade4;
    border-bottom:1px solid #21ade4
}

.lang{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
}
.lang 
.lang__link:hover{
    color:#122d52
}
.lang 
.lang__link.active:hover{
    color:#21ade4
}
.link_default{
    opacity:.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}
.lang__link{
    cursor:pointer
}
.lang__link.active{
    color:#21ade4;
    border-bottom:1px solid transparent
}
.lang__ru{
    margin-right:20px
}
.lang__en{
    margin-right:20px
}
.lang__ar{
    margin-right:20px
}
.header__right{
    width: 30%;
    height: 30%;
    display:flexbox;
    position: relative;
}
.header__right,
.header_row{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-flow:initial;
            -webkit-flex-flow:initial;
                flex-flow:initial;
}
.header__right_row{
    width:20%;
    height: 100%;
    position:relative;
}
.header__logo{
    width:80%;
    position:relative
    
}
.header__soc-net{
    width:10%;
    position: relative;
    left:0px;
   
}

.soc-net{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
}
.soc-net__link{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:inline-flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            -webkit-align-items:center;
               -moz-box-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            -webkit-justify-content:center;
               -moz-box-pack:center;
            justify-content:center;
    padding:2px 5px;
}
.soc-net__link:before{
    content:"";
    display:block;
    width:30px;
    height:30px;
    -webkit-transition:all .1s;
    -o-transition:all .1s;
    -moz-transition:all .1s;
    transition:all .1s
}
.header__logo-img{
    display:flexbox;
    position: relative;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    
}
.facebook:before{
    background:url("facebook-icon.png") no-repeat;
    -moz-background-size:100%;
      -o-background-size:100%;
         background-size:100%
}
.instagram:before{
    background:url("instagram-icon.png") no-repeat;
    -moz-background-size:100%;
      -o-background-size:100%;
         background-size:100%
}
.facebook:hover:before{
    background:url("facebook-icon.png") no-repeat;
    -moz-background-size:100%;
      -o-background-size:100%;
         background-size:100%
}
.instagram:hover:before{
    background:url("instagram-icon.png") no-repeat;
    -moz-background-size:100%;
      -o-background-size:100%;
         background-size:100%
}
.menu__close{
    padding:10px;
    cursor:pointer;
    margin-left:-10px;
    display:inline-block
}
.menu__close:before{
    content:"";
    display:inline-block;
    
    -moz-background-size:100%;
    
      -o-background-size:100%;
    
         background-size:100%;
    width:20px;
    height:20px
}


.menu__tabs{
    border-bottom:1px solid #e4e4e4;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    width:100%;
    margin:50px 0 40px
}
.menu__tab{
    font-weight:600;
    font-size:16px;
    font-size:1rem;
    line-height:24px;
    letter-spacing:.02em;
    color:#557094;
    cursor:pointer;
    position:relative;
    margin-right:40px;
    white-space:nowrap;
}
.menu__tab:last-child{
    margin-right:0
}
.menu__tab:before{
    left:50%
}
.menu__tab:after,
.menu__tab:before{
    content:"";
    display:block;
    background:#21ade4;
    width:0;
    height:3px;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility:hidden;
    position:absolute;
    bottom:-1px;
    -webkit-transition:all .1s;
    -o-transition:all .1s;
    -moz-transition:all .1s;
    transition:all .1s
}
.menu__tab:after{
    right:50%
}
.menu__tab:hover:after,
.menu__tab:hover:before{
    width:50%;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility:visible
}
.menu__tab.active,
.menu__tab:hover{
    color:#21ade4
}
.menu__tab.active:after,
.menu__tab.active:before{
    width:50%;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility:visible
}
.facebook:before{
    background:url("facebook-icon.png") no-repeat;
    -moz-background-size:100%;
      -o-background-size:100%;
         background-size:100%
}
.instagram:before{
    background:url("instagram-icon.png") no-repeat;
    -moz-background-size:100%;
      -o-background-size:100%;
         background-size:100%
}
.footer__contacts{
    width: 100%;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
}
.footer{
    background:#122d52;
    padding:50px 0;
    color:#fff
}
.footer 
.soc-net{
    margin-bottom:10px;
    margin-left:5px
}
.footer 
.soc-net__link{
    padding:0 5px
}
.footer 
.soc-net__link:before{
    width:24px;
    height:24px
}
.footer 
.facebook:before{
    background:url("facebook-icon.png") no-repeat;
    -moz-background-size:100%;
      -o-background-size:100%;
         background-size:100%
}
.footer 
.instagram:before{
    background:url("instagram-icon.png") no-repeat;
    -moz-background-size:100%;
      -o-background-size:100%;
         background-size:100%
}
.copyright{
    margin:15px 0
}
.facebook:hover:before{
    background:url("facebook-icon.png") no-repeat;
    -moz-background-size:100%;
      -o-background-size:100%;
         background-size:100%
}
.instagram:hover:before{
    background:url("instagram-icon.png") no-repeat;
    -moz-background-size:100%;
      -o-background-size:100%;
         background-size:100%
}
footer{
    -webkit-box-flex:0;
        -ms-flex:0 0 auto;
            -webkit-flex:0 0 auto;
               -moz-box-flex:0;
            flex:0 0 auto
}
.footer__phone{
    font-weight:700;
    font-size:14.4px;
    font-size:.9rem;
    color:#fff;
    text-decoration:none
}

.footer__contacts-item{
    font-size:14.4px;
    font-size:.9rem;
    margin-bottom:5px;
    color: #fff;
}


   




@media (max-width:850px){
    .nav__item{
        visibility: hidden;
    }
    .header__right_row{
        visibility: hidden;
    }
    
    .menu__container{
        padding:0 20px;
    }

    .menu__tabs{
        overflow-y:hidden;
        overflow-x:scroll;
        white-space:nowrap;
        border:none;
        margin:20px 0 3px
    }
    .menu__tab{
        font-size:1rem;
        margin-right:34px
    }
    .footer__contacts{
        width:100%
    }
    
.footer__nav{
    -webkit-column-count:3;
       -moz-column-count:3;
            column-count:3
}
.footer__nav_no_columns{
    -webkit-column-count:1;
       -moz-column-count:1;
            column-count:1
}
.footer{
    padding:30px 0 60px
}
    .link{
        font-size:0.9rem;
        font-family:PF Centro Slab Pro,sans-serif;
        line-height:20px;
        letter-spacing:.02em;
        color:#122d52;
        border-bottom:1px solid #bbcee7;
        padding-bottom:2px;
        text-decoration:none
    }
    .link1{
        font-size:0.7rem;
        font-family:PF Centro Slab Pro,sans-serif;
        line-height:20px;
        letter-spacing:.02em;
        color:#122d52;
        border-bottom:1px solid #bbcee7;
        padding-bottom:2px;
        text-decoration:none
    }
    .header__nav{
        visibility: hidden;
        
        width:30%;
        height: 100px;

    }

}


@media (max-width:500px){
    .header__right_row{
        width:1%;
        height: 100%;
        position:relative;
    }
    .header__logo{
        width: 50%;
        position:relative;
        
    }
    
    }


