*,
*:before,
*:after {
   -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
   box-sizing: border-box; 
}

@font-face {
/*    font-family: Coves_Ligh;
    src: url(../Coves_Light.otf);*/
    font-family: Avenir;
    src: url(../AvenirNextLight.otf);
}

body{
    margin:0px;
    font-family:Avenir;
}

::-webkit-scrollbar {
    width: 0px;
    background:#CCC;
}

.logo-img{
    position: absolute;
    width: 230px;
    height: 48px;
    top: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../img/logo2.png);
    transition:0.3s;
}

    .logo-img:hover{
        background-image: url(../img/logo1.png);
    }

/*Основной контент страницы*/
#page{
  -webkit-transform: translateY(400px);
  -ms-transform: translateY(400px);
  transform: translateY(400px);
  opacity: 0;
  filter: alpha(opacity=0);
  
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  visibility:hidden;
}

#page.modify{
  -webkit-transform:none;
  -ms-transform:none;
  transform:none;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
  visibility:visible;
}

a{
    text-decoration:none;
}

button:focus{
    outline:none;
}


div.shadow{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;
    background:rgba(0,0,0,0.7);
    display:none;
/*    cursor: url('../img/close_slider.png'), auto;*/
}

div.public_viem_window{
    width:780px;
    min-height:500px;
    float:left;
    position: relative;
}

div.view_publication div.button_big_view{
        position:absolute;
        width:35px;
        height:35px;
        z-index:999;
        background: url('../img/full_white.png') top no-repeat;
        background-size:100% 100%;
        right:0;
        cursor:pointer;
        display:none;
}


img.ps{
    width:100% !important;
    margin:0 !important;
    height:100% !important;
}

/*Просмотр публикации*/
div.view_publication{
    width:1100px;
    margin:0 auto;
    z-index:9999;
    background:#FFF;
/*    overflow:hidden;*/
    display:none;
} 

    

    div.view_publication div.public_desk{
        float:right;
        width:305px;
        margin:0;
        padding-top:0px;
        padding-left:5px;
    }
    
    div.public_desk div.exit_public{
        width:40px;
        height:40px;
        float:right;
        background: url('../img/close.png') top no-repeat;
        background-size:100% 100%;
        cursor:pointer;
    }
    
        div.public_desk div.public_title{
            font-size:13pt;
            margin-bottom:20px;
            margin-top:10px;
        }
      
        div.public_desk div.desk_public{
           font-size:11pt;
        }
        
        div.public_desk div.desk_public a{
           color:blue;
           text-decoration:underline;
        }

    div.view_publication div.public_slider{
        width:780px;
        position:relative;
        float:left;
        margin:0;
        z-index:99;
    }
    
    div.bigslider{
/*        -webkit-transition-duration: 1s;
        -o-transition-duration: 1s;
        -moz-transition-duration: 1s;
        transition-duration: 1s;*/
        width:100% !important;
        z-index:9999 !important;
        
        position:absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top:50%;
        left:50%;
    }

    /*left and right*/
    div.control_right,
    div.control_left{
        position: absolute;
        width: 80px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        cursor: pointer;
        overflow: hidden;
        color: white;
        font-size: 40px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;  
    }

    div.view_publication div.control_left{
        right:auto;
        z-index:5;
    }
    
         div.control_left div.ln{
            font-family: 'webflow-icons';
            position:absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width: 1em;
            height: 1em;
        }
        
        div.ln:before {
            content: "\e601";
        }
    
    div.view_publication div.control_right{
        left:auto;
        z-index:5;
    }
    
    div.control_right div.rn{
            font-family: 'webflow-icons';
            position:absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width: 1em;
            height: 1em;
        }
        
        div.rn:before {
            content: "\e600";
        }
    
        div.imgs{
            height:425px;
        }
        
        div.imgs img{
            width:100%;
            position:absolute;
            left:0;
            top:0;
            display:none;
            cursor:pointer;
        }
        
        img{
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        
footer {
    float:left;
    height:120px; 
    width:100%;
    margin-top:30px;
}

    footer div.content_footer{
        width:1120px;
        margin: 0 auto;
    }

    div.footer_cell{
        width:50%;
        float:left;
        padding:10px;
        box-sizing:border-box;
        font-size:15px;
    }
        div.footer_cell div.soc{
            width:35px;
            height:35px;
            margin-top:20px;
            margin-right:5px;
            display:inline-block;
            cursor:pointer;
        }
        
        
        #instagram_link{
            background: url('../img/ins_black.png') top no-repeat;
            background-size:100% 100%;  
        }
            #instagram_link:hover{
                background: url('../img/ins_gray.png') top no-repeat;
                background-size:100% 100%;  
            }
        
        #behance_link{
            background: url('../img/be_black.png') top no-repeat;
            background-size:100% 100%; 
        }
        
            #behance_link:hover{
                background: url('../img/be_gray.png') top no-repeat;
                background-size:100% 100%; 
            }
            
        #facebook_link{
            background: url('../img/facebook_black.png') top no-repeat;
            background-size:100% 100%; 
        }
        
            #facebook_link:hover{
                background: url('../img/facebook_gray.png') top no-repeat;
                background-size:100% 100%; 
            }
        
        
        div.footer_cell a{
            text-decoration:none;
            color:#000;
            width: 40px;
            display: inline-block;
        }
        div.footer_cell a:hover{
            text-decoration:underline;
        }

        div.footer_cell div.adress{
            float:right;
            margin-right:10%;
            font-size:14pt;
        }

/*Блок команда*/
div.block_team{
    box-sizing:border-box;
    width:100%;
    float:left;
}

    /*Описание сотрудника*/
    div.block_team div.display_person{
        position:relative;
        width:700px;
        margin:0 auto;
        display:none;
    }
    
    div.display_person div.photo_person{
        width:300px;
        padding:10px;
        float:left;
    }
        div.photo_person img{
            width:100%;
        }
    
    div.display_person div.desk_person{
        width:300px;
        float:left;
        padding:10px;
        font-size:14px;
    }
        div.desk_person div.name_person{
            font-size:17px;
            margin-bottom:10px;
        }

    div.team_photo{
        width:800px;
        padding:10px;
        float:left;
    }

    div.team_photo img{
        width:100%;
    }

    div.block_team div.team_person{
        width:100%;
        float:left;
    }
        div.team_person div.items_person{
            width:166px;
            height:246px;
            overflow:hidden;
            float:left;
            margin:10px;
            background-size:cover;
            background-position:0 40%;
            position:relative;
            opacity:0.8;
            cursor:pointer;
        }
            div.items_person:hover{
                opacity:1 !important;
            }
        
            div.items_person span{
               text-align:center;
               background:rgba(255,255,255,0.8);
               padding:5px;
               font-size:15px;
               position:absolute;
               bottom:0;
               left:0%;
               right:0%;
               cursor:default;
            }
        
    div.block_team div.desk_company{
        float:right;
        padding-top:5px;
        padding-left:10px;
        padding-right:10px;
        width:305px;
        font-size:15px;
/*        text-align:center;*/
        padding-right:10px;
    }
      
        
        
@media only screen and (max-width: 1120px){
    footer div.content_footer{
        width:869px;
    }
    
    div.view_publication{
        width:850px;
    }
    
    div.view_publication div.public_desk{
        width:270px;
    }
    
    div.public_viem_window{
       width:570px; 
    }
    
    div.block_team div.team_person{
        width:100%;
        float:right;
    }
    
    div.team_photo{
        width:100%;
    }
    
        div.team_person div.items_person{
            width:269px;
            height:269px;
        }
        
        div.block_team div.desk_company{
            float:left;
            padding-top:15px;
            width:100%;
        }
}

@media only screen and (max-width: 869px){
    footer div.content_footer{
        width:639px;
    }
    
    div.view_publication{
        width:620px;
    }
    
    div.view_publication div.public_desk{
        width:620px;
    }
    
    div.public_viem_window{
       width:620px; 
    }
    
    div.team_person div.items_person{
        width:299px;
        height:299px;
    }
    
    div.display_person{
        width:100% !important;
    }
    
}        
       
@media only screen and (max-width: 750px){ 

}

@media only screen and (max-width: 650px){  
    footer div.content_footer{
        width:100%;
    } 
    
    div.team_person div.items_person{
        width:96%;
        height:350px;
    }

     div.public_viem_window{
       width:100%; 
       min-height:300px;
     }
    
    div.view_publication{
        width:100%;
        margin-top:85px;
    }
      
    div.view_publication div.public_desk{
       width:100%;
    }   
    
    div.content_footer div.footer_cell{
        width:100% !important;
        text-align:center;
    }
    
    div.adress{
        float:none !important;
        margin-right:0px !important;
        font-size:15pt;
    }
    
    div.photo_person{
        width:50% !important;
    }
    
    div.desk_person{
        width:50% !important;
    }
    
    .logo-img{
        left: 9px;
    }
    
}