@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,800;1,400&family=Source+Sans+Pro:wght@300;400;600;700&display=swap');

:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

* {
    box-sizing: border-box;
}


body {
    width: 100%;
    min-width: 1366px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #000;
    line-height: 1.7;
}


.mobile_menu {
    display: none;
}


h1, h2, h3 {
    font-family: 'Playfair Display', sans-serif;
    font-weight: 600;
}


.img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}



h2 {
    position: relative;
    font-size: 60px;
    display: inline-block;
    margin-bottom: 70px;
}


h2:after {
    position: absolute;
    width: 100%;
    height: 5px;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
    background: #eacda3;
    background: -webkit-linear-gradient(to left, #fff, #eacda3);
    background: linear-gradient(to left, #fff, #eacda3);
    border-radius: 2px;
    content: '';
    left: 0;
    bottom: -10px;
    opacity: 0.7;
}


h3 {
    font-size: 35px;
    margin-bottom: 20px;
}




header {
    position: relative;
    min-height: 700px;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: url(/img/bg.jpg?v=5) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}




header::after {
    content: ''; 
    position: absolute; /* Абсолютное позиционирование */
    top: 0px;
    border: 100px solid transparent; /* Прозрачные границы */
    border-top: 50px solid #ECE9E6; /* Добавляем треугольник */
}

header.white::after {
       border-top: 50px solid #212121; /* Добавляем треугольник */ 
}




p.grey {
    color: #928d87;
}


p.big {
    font-size: 20px;
}

p.huge {
    font-size: 22px;
    font-weight: 600;
}



h1 {

    font-size: 85px;
    text-transform: uppercase;
    line-height: 1;
    background: #8e9eab;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #eef2f3, #8e9eab);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #eef2f3, #8e9eab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35);
    position: relative;
}


h1 span {
    font-size: 70%;
}

.slogan {
    color: #eef2f3;
    letter-spacing: 1px;
    width: 50%;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 30px;
}




nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}


nav a{
    font-size: 20px;
    color: #000;
    margin-right: 60px;
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,1);
}

nav a:last-child {
    margin-right: 0;
}

nav a:hover {
    border-bottom: 1px solid rgba(0,0,0,0);
}



.menu.white nav a {
    color: #eef2f3;
    border-bottom: 1px solid #eef2f3;
}

.menu.white nav a:hover {
    color: #eef2f3;
    border-bottom: 1px solid rgba(0,0,0,0);
}



.content {
    position: relative;
    width: 1170px;
    margin: 0 auto;
}


address, a.phone, a.social { 
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #848484;
    text-decoration: none;
}

address .city, a.phone, a.social {
    display: block;
    font-size: 28px;
}

 a.social.white {
    color: #fff;
}

.menu {
    background: #ECE9E6;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding: 30px 0;
}

.menu.white {
background: #000000;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #212121, #000000);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #212121, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}





a.phone {
    vertical-align: middle;
}

.icon.tel {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMi4wMjEgNTEyLjAyMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMzY3Ljk4OCA1MTIuMDIxYy0xNi41MjggMC0zMi45MTYtMi45MjItNDguOTQxLTguNzQ0LTcwLjU5OC0yNS42NDYtMTM2LjEyOC02Ny40MTYtMTg5LjUwOC0xMjAuNzk1cy05NS4xNS0xMTguOTEtMTIwLjc5NS0xODkuNTA4Yy04LjI0MS0yMi42ODgtMTAuNjczLTQ2LjEwOC03LjIyNi02OS42MTIgMy4yMjktMjIuMDE2IDExLjc1Ny00My4zODkgMjQuNjYzLTYxLjgwOSAxMi45NjMtMTguNTAxIDMwLjI0NS0zMy44ODkgNDkuOTc3LTQ0LjUgMjEuMDQyLTExLjMxNSA0NC4wMDktMTcuMDUzIDY4LjI2NS0xNy4wNTMgNy41NDQgMCAxNC4wNjQgNS4yNzEgMTUuNjQ1IDEyLjY0N2wyNS4xMTQgMTE3LjE5OWMxLjEzNyA1LjMwNy0uNDk0IDEwLjgyOS00LjMzMSAxNC42NjdsLTQyLjkxMyA0Mi45MTJjNDAuNDgyIDgwLjQ4NiAxMDYuMTcgMTQ2LjE3NCAxODYuNjU2IDE4Ni42NTZsNDIuOTEyLTQyLjkxM2MzLjgzOC0zLjgzNyA5LjM2MS01LjQ2NiAxNC42NjctNC4zMzFsMTE3LjE5OSAyNS4xMTRjNy4zNzcgMS41ODEgMTIuNjQ3IDguMTAxIDEyLjY0NyAxNS42NDUgMCAyNC4yNTYtNS43MzggNDcuMjI0LTE3LjA1NCA2OC4yNjYtMTAuNjExIDE5LjczMi0yNS45OTkgMzcuMDE0LTQ0LjUgNDkuOTc3LTE4LjQxOSAxMi45MDYtMzkuNzkyIDIxLjQzNC02MS44MDkgMjQuNjYzLTYuODk5IDEuMDEzLTEzLjc5NyAxLjUxOC0yMC42NjggMS41MTl6bS0yMzYuMzQ5LTQ3OS4zMjFjLTMxLjk5NSAzLjUzMi02MC4zOTMgMjAuMzAyLTc5LjI1MSA0Ny4yMTctMjEuMjA2IDMwLjI2NS0yNi4xNTEgNjcuNDktMTMuNTY3IDEwMi4xMzIgNDkuMzA0IDEzNS43MjYgMTU1LjQyNSAyNDEuODQ3IDI5MS4xNTEgMjkxLjE1MSAzNC42NDEgMTIuNTg0IDcxLjg2NiA3LjY0IDEwMi4xMzItMTMuNTY3IDI2LjkxNS0xOC44NTggNDMuNjg1LTQ3LjI1NiA0Ny4yMTctNzkuMjUxbC05NS4zNDEtMjAuNDMtNDQuODE2IDQ0LjgxNmMtNC43NjkgNC43NjktMTIuMDE1IDYuMDM2LTE4LjExNyAzLjE2OC05NS4xOS00NC43Mi0xNzIuMjQyLTEyMS43NzItMjE2Ljk2Mi0yMTYuOTYyLTIuODY3LTYuMTAzLTEuNjAxLTEzLjM0OSAzLjE2OC0xOC4xMTdsNDQuODE2LTQ0LjgxNnoiIGZpbGw9IiM4NDg0ODQiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==) no-repeat;
    background-size: 100% 100%;
}

.icon.vk {
    position: relative;
    top:7px;
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Im0xMi4xNDUgMTkuNWMzLjQ3MiAwIDIuMjM0LTIuMTk4IDIuNTAyLTIuODMtLjAwNC0uNDcyLS4wMDgtLjkyNi4wMDgtMS4yMDIuMjIuMDYyLjczOS4zMjUgMS44MTEgMS4zNjcgMS42NTUgMS42NyAyLjA3OCAyLjY2NSAzLjQxNSAyLjY2NWgyLjQ2MWMuNzggMCAxLjE4Ni0uMzIzIDEuMzg5LS41OTQuMTk2LS4yNjIuMzg4LS43MjIuMTc4LTEuNDM4LS41NDktMS43MjQtMy43NTEtNC43MDEtMy45NS01LjAxNS4wMy0uMDU4LjA3OC0uMTM1LjEwMy0uMTc1aC0uMDAyYy42MzItLjgzNSAzLjA0NC00LjQ0OSAzLjM5OS01Ljg5NS4wMDEtLjAwMi4wMDItLjAwNS4wMDItLjAwOC4xOTItLjY2LjAxNi0xLjA4OC0uMTY2LTEuMzMtLjI3NC0uMzYyLS43MS0uNTQ1LTEuMjk5LS41NDVoLTIuNDYxYy0uODI0IDAtMS40NDkuNDE1LTEuNzY1IDEuMTcyLS41MjkgMS4zNDUtMi4wMTUgNC4xMTEtMy4xMjkgNS4wOS0uMDM0LTEuMzg3LS4wMTEtMi40NDYuMDA3LTMuMjMzLjAzNi0xLjUzNS4xNTItMy4wMjktMS40NDEtMy4wMjloLTMuODY4Yy0uOTk4IDAtMS45NTMgMS4wOS0uOTE5IDIuMzg0LjkwNCAxLjEzNC4zMjUgMS43NjYuNTIgNC45MTItLjc2LS44MTUtMi4xMTItMy4wMTYtMy4wNjgtNS44MjktLjI2OC0uNzYxLS42NzQtMS40NjYtMS44MTctMS40NjZoLTIuNDYxYy0uOTk4IDAtMS41OTQuNTQ0LTEuNTk0IDEuNDU1IDAgMi4wNDYgNC41MjkgMTMuNTQ0IDEyLjE0NSAxMy41NDR6bS04LjA5LTEzLjQ5OWMuMjE3IDAgLjIzOSAwIC40LjQ1Ny45NzkgMi44ODMgMy4xNzUgNy4xNDkgNC43NzkgNy4xNDkgMS4yMDUgMCAxLjIwNS0xLjIzNSAxLjIwNS0xLjdsLS4wMDEtMy43MDJjLS4wNjYtMS4yMjUtLjUxMi0xLjgzNS0uODA1LTIuMjA1bDMuNTA4LjAwNGMuMDAyLjAxNy0uMDIgNC4wOTUuMDEgNS4wODMgMCAxLjQwMyAxLjExNCAyLjIwNyAyLjg1My40NDcgMS44MzUtMi4wNzEgMy4xMDQtNS4xNjcgMy4xNTUtNS4yOTMuMDc1LS4xOC4xNC0uMjQxLjM3Ni0uMjQxaDIuNDYxLjAxYy0uMDAxLjAwMy0uMDAxLjAwNi0uMDAyLjAwOS0uMjI1IDEuMDUtMi40NDYgNC4zOTYtMy4xODkgNS40MzUtLjAxMi4wMTYtLjAyMy4wMzMtLjAzNC4wNS0uMzI3LjUzNC0uNTkzIDEuMTI0LjA0NSAxLjk1NGguMDAxYy4wNTguMDcuMjA5LjIzNC40MjkuNDYyLjY4NC43MDYgMy4wMyAzLjEyIDMuMjM4IDQuMDgtLjEzOC4wMjItLjI4OC4wMDYtMi42MTMuMDExLS40OTUgMC0uODgyLS43NC0yLjM1OS0yLjIzLTEuMzI4LTEuMjkyLTIuMTktMS44Mi0yLjk3NS0xLjgyLTEuNTI0IDAtMS40MTMgMS4yMzctMS4zOTkgMi43MzMuMDA1IDEuNjIyLS4wMDUgMS4xMDkuMDA2IDEuMjExLS4wODkuMDM1LS4zNDQuMTA1LTEuMDA5LjEwNS02LjM0NSAwLTEwLjQ3Ny0xMC4wNzEtMTAuNjM2LTExLjk5Ni4wNTUtLjAwNS44MTItLjAwMiAyLjU0Ni0uMDAzeiIgZmlsbD0iIzg0ODQ4NCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=) no-repeat;
    background-size: 100% 100%;
}



.icon.instagram {
    position: relative;
    top:3px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMi4wMDA5NiA1MTIuMDAwOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTM3My40MDYyNSAwaC0yMzQuODEyNWMtNzYuNDIxODc1IDAtMTM4LjU5Mzc1IDYyLjE3MTg3NS0xMzguNTkzNzUgMTM4LjU5Mzc1djIzNC44MTY0MDZjMCA3Ni40MTc5NjkgNjIuMTcxODc1IDEzOC41ODk4NDQgMTM4LjU5Mzc1IDEzOC41ODk4NDRoMjM0LjgxNjQwNmM3Ni40MTc5NjkgMCAxMzguNTg5ODQ0LTYyLjE3MTg3NSAxMzguNTg5ODQ0LTEzOC41ODk4NDR2LTIzNC44MTY0MDZjMC03Ni40MjE4NzUtNjIuMTcxODc1LTEzOC41OTM3NS0xMzguNTkzNzUtMTM4LjU5Mzc1em0xMDguNTc4MTI1IDM3My40MTAxNTZjMCA1OS44NjcxODgtNDguNzA3MDMxIDEwOC41NzQyMTktMTA4LjU3ODEyNSAxMDguNTc0MjE5aC0yMzQuODEyNWMtNTkuODcxMDk0IDAtMTA4LjU3ODEyNS00OC43MDcwMzEtMTA4LjU3ODEyNS0xMDguNTc0MjE5di0yMzQuODE2NDA2YzAtNTkuODcxMDk0IDQ4LjcwNzAzMS0xMDguNTc4MTI1IDEwOC41NzgxMjUtMTA4LjU3ODEyNWgyMzQuODE2NDA2YzU5Ljg2NzE4OCAwIDEwOC41NzQyMTkgNDguNzA3MDMxIDEwOC41NzQyMTkgMTA4LjU3ODEyNXptMCAwIiBmaWxsPSIjODQ4NDg0IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkPSJtMjU2IDExNi4wMDM5MDZjLTc3LjE5NTMxMiAwLTEzOS45OTYwOTQgNjIuODAwNzgyLTEzOS45OTYwOTQgMTM5Ljk5NjA5NHM2Mi44MDA3ODIgMTM5Ljk5NjA5NCAxMzkuOTk2MDk0IDEzOS45OTYwOTQgMTM5Ljk5NjA5NC02Mi44MDA3ODIgMTM5Ljk5NjA5NC0xMzkuOTk2MDk0LTYyLjgwMDc4Mi0xMzkuOTk2MDk0LTEzOS45OTYwOTQtMTM5Ljk5NjA5NHptMCAyNDkuOTc2NTYzYy02MC42NDA2MjUgMC0xMDkuOTgwNDY5LTQ5LjMzNTkzOC0xMDkuOTgwNDY5LTEwOS45ODA0NjkgMC02MC42NDA2MjUgNDkuMzM5ODQ0LTEwOS45ODA0NjkgMTA5Ljk4MDQ2OS0xMDkuOTgwNDY5IDYwLjY0NDUzMSAwIDEwOS45ODA0NjkgNDkuMzM5ODQ0IDEwOS45ODA0NjkgMTA5Ljk4MDQ2OSAwIDYwLjY0NDUzMS00OS4zMzU5MzggMTA5Ljk4MDQ2OS0xMDkuOTgwNDY5IDEwOS45ODA0Njl6bTAgMCIgZmlsbD0iIzg0ODQ4NCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTM5OS4zNDM3NSA2Ni4yODUxNTZjLTIyLjgxMjUgMC00MS4zNjcxODggMTguNTU4NTk0LTQxLjM2NzE4OCA0MS4zNjcxODggMCAyMi44MTI1IDE4LjU1NDY4OCA0MS4zNzEwOTQgNDEuMzY3MTg4IDQxLjM3MTA5NHM0MS4zNzEwOTQtMTguNTU4NTk0IDQxLjM3MTA5NC00MS4zNzEwOTQtMTguNTU4NTk0LTQxLjM2NzE4OC00MS4zNzEwOTQtNDEuMzY3MTg4em0wIDUyLjcxODc1Yy02LjI1NzgxMiAwLTExLjM1MTU2Mi01LjA5Mzc1LTExLjM1MTU2Mi0xMS4zNTE1NjIgMC02LjI2MTcxOSA1LjA5Mzc1LTExLjM1MTU2MyAxMS4zNTE1NjItMTEuMzUxNTYzIDYuMjYxNzE5IDAgMTEuMzU1NDY5IDUuMDg5ODQ0IDExLjM1NTQ2OSAxMS4zNTE1NjMgMCA2LjI1NzgxMi01LjA5Mzc1IDExLjM1MTU2Mi0xMS4zNTU0NjkgMTEuMzUxNTYyem0wIDAiIGZpbGw9IiM4NDg0ODQiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+) no-repeat;
    background-size: 100% 100%;
}




.sliding {
    width: 100%;
    overflow: hidden;
    box-shadow: 0 -30px 30px rgba(0,0,0,0.1);
    z-index: 1;
    position: relative;
}

.sliding-background {
    background: url("/img/bg_2.jpg?v=4") repeat-x;
    height: 300px;
    width: 4000px;
    animation: slide 30s linear infinite;
}

@keyframes slide{
    0%{
        transform: translate3d(0, 0, 0);
    }
    100%{
        transform: translate3d(-2030px, 0, 0);
    }
}


.button {
    font-family: 'Source Sans Pro', sans-serif;
    display: inline-block;
    padding: 18px 40px;
    box-sizing: border-box;
    border: none;
    color: #000;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

.button.full {
    width: 100%;
}


.button s {
    opacity: 0.5;
}

.button.orange {
    color: #5c4b36;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
    background: #eacda3;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #d6ae7b, #eacda3);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #d6ae7b, #eacda3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.button.small {
    padding: 10px 20px;
    line-height: 1.2;
}

.button.medium {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 30px;
}



.button.big {
    font-size: 24px;
    font-weight: 400;
    padding: 10px 30px;
}

section {
    margin: 90px 0;
}


.divider
{
    position: relative;
    margin: 90px 0;
    height: 1px;
}

.div-transparent:before
{
    content: "";
    position: absolute;
    top: 0;
    left: 5%;
    right: 5%;
    width: 90%;
    height: 1px;
    background-image: linear-gradient(to right, transparent, rgb(211,211,211), transparent);
}

.div-arrow-down:after
{
    content: "";
    position: absolute;
    z-index: 1;
    top: -7px;
    left: calc(50% - 7px);
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    background-color: white;
    border-bottom: 1px solid rgb(211,211,211);
    border-right: 1px solid rgb(211,211,211);
}

.div-tab-down:after
{
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc(50% - 10px);
    width: 20px;
    height: 14px;
    background-color: white;
    border-bottom: 1px solid rgb(211,211,211);
    border-left: 1px solid rgb(211,211,211);
    border-right: 1px solid rgb(211,211,211);
    border-radius: 0 0 8px 8px;
}



section#author {
    min-height: 800px;
    width: 100%;
    background: url(/img/stone_4.jpg?v=5) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/*section#author h3,
section#author p,
a.social.white{
    color: #000 !important;
}*/

section#author .content {
    position: relative;
    min-height: 800px;
    padding: 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


.author {
    position: absolute;
    right: 0;
    bottom: 0;
}


section#author h3 {
    color: #eef2f3;
    margin-bottom: 40px;
}

section#author p {
    font-family: 'Playfair Display', sans-serif;
    font-weight: 500;
    color: #eef2f3;
    font-size: 20px;
    margin-bottom: 20px;
}



.pluses {
    margin-top: 60px;
}



#order {
    width: 100%;
    min-height: 500px;
    padding: 90px;
    background: #000;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.5);
}

.video-content {
    text-align: center;
    position: relative;
    color: #fff;
}
/* VIDEO */
.video {
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    opacity: 0.5;
    left: 50%;
    z-index: 0;
    position: absolute;
}

.about-header-bg-2 {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    transform: translate(-50%, -100%);
    transition: transform 0.9s 0.2s ease;
    will-change: transform;
    transform: translate(-50%, 0);
}


.form {
    width: 400px;
    margin: 0 auto;
    text-align: left;
}


.form label {
    
    display: block;
    margin-bottom: 10px;
    color: #fff;
}

.form input {
    border: 0;
    box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.2);
    border-radius: 3px;
    padding: 20px;
    height: 50px;
    width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
    font-size: 18px;
     font-family: 'Source Sans Pro', sans-serif;
}
input {
    outline: none;
}

.form span {
    display: none;
    margin-bottom: 40px;
    background: brown;
    padding: 10px;
    border-radius: 3px;
    font-size: 12px;
    margin-bottom: 20px;
}


.brash {
    position: absolute;
    bottom: -70px;
    right: -70px;
}


footer {
    border-top: 1px solid rgb(211,211,211);
    padding: 60px;
    margin-top: 170px;
    line-height: 1.2;
    color: #606060;
}
footer address {
    color: #606060;
    margin-bottom: 30px;
}

footer .icon.tel {
    width: 16px;
    height: 16px;
}

footer .icon.vk {
    top: 5px;
    width: 18px;
    height: 18px;
}

footer .contacts a {
    display: inline-block;
    color: #606060;
    margin-bottom: 10px;
    text-decoration: none;
}

footer address .city {
    font-size: 24px;
    font-weight: 600;
    
}


small {
    font-size: 12px;
    color: #ccc;
}

.footer-links a {
    display: inline-block;
    color: #606060;
    text-decoration: none;
    border-bottom: 1px solid #606060;
    margin-bottom: 10px;
}

.footer-links a:hover {
    border-bottom: 1px solid #fff;
}


.copyright {
 
    color: #606060;
}

.copyright a {
    display: inline-block;
    color: #000;
    text-decoration: none;
    border-bottom: 1px dashed #000;
    margin-top: 10px;
}






.styled-table {
    border-collapse: collapse;
    margin-bottom: 40px;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    width: 100%;
}


.styled-table thead tr {
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
    background: #d2d2d2;
    background: -webkit-linear-gradient(to bottom, #b9b9b9, #d2d2d2);
    background: linear-gradient(to bottom, #b9b9b9, #d2d2d2);
    color: #000;
    text-align: left;
}

.styled-table thead tr th {
    font-weight: 600;
}


.styled-table thead tr th:first-child {
    border-radius: 5px 0 0 0;
}

.styled-table thead tr th:last-child {
    border-radius: 0 5px 0 0;
}



.styled-table th,
.styled-table td {
    padding: 12px 15px;
}




.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}



.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #000;
}

.course-info {
    display: none;
}



@media (max-width: 768px) {
    body {
        min-width: 320px;
        min-height: 500px;
        font-size: 16px;
    }
    
   

    .video {
        display: none;
    }


    
    .mobile_menu  {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        background: #232323;
        width: 100%;
        height: 50px;
        z-index: 99;
    }
    
    .mobile_menu,
    .mobile_menu .content,
    .mobile_menu .content .row {
        height: 50px;
    }
    
    
    
    a.burger {
        display: block;
        width: 30px;
        height: 30px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTQ2NC44ODMgNjQuMjY3aC00MTcuNzY2Yy0yNS45OCAwLTQ3LjExNyAyMS4xMzYtNDcuMTE3IDQ3LjE0OSAwIDI1Ljk4IDIxLjEzNyA0Ny4xMTcgNDcuMTE3IDQ3LjExN2g0MTcuNzY2YzI1Ljk4IDAgNDcuMTE3LTIxLjEzNyA0Ny4xMTctNDcuMTE3IDAtMjYuMDEzLTIxLjEzNy00Ny4xNDktNDcuMTE3LTQ3LjE0OXoiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiPjwvcGF0aD48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Im00NjQuODgzIDIwOC44NjdoLTQxNy43NjZjLTI1Ljk4IDAtNDcuMTE3IDIxLjEzNi00Ny4xMTcgNDcuMTQ5IDAgMjUuOTggMjEuMTM3IDQ3LjExNyA0Ny4xMTcgNDcuMTE3aDQxNy43NjZjMjUuOTggMCA0Ny4xMTctMjEuMTM3IDQ3LjExNy00Ny4xMTcgMC0yNi4wMTMtMjEuMTM3LTQ3LjE0OS00Ny4xMTctNDcuMTQ5eiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiI+PC9wYXRoPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTQ2NC44ODMgMzUzLjQ2N2gtNDE3Ljc2NmMtMjUuOTggMC00Ny4xMTcgMjEuMTM3LTQ3LjExNyA0Ny4xNDkgMCAyNS45OCAyMS4xMzcgNDcuMTE3IDQ3LjExNyA0Ny4xMTdoNDE3Ljc2NmMyNS45OCAwIDQ3LjExNy0yMS4xMzcgNDcuMTE3LTQ3LjExNyAwLTI2LjAxMi0yMS4xMzctNDcuMTQ5LTQ3LjExNy00Ny4xNDl6IiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIj48L3BhdGg+PC9nPjwvc3ZnPg==) no-repeat center center;
        background-size: 100% 100%;
    }
    
    
    .mobile_menu a.vk {
                display: block;
        width: auto;
        height: 32px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Im0xOS45MTUgMTMuMDI4Yy0uMzg4LS40OS0uMjc3LS43MDggMC0xLjE0Ni4wMDUtLjAwNSAzLjIwOC00LjQzMSAzLjUzOC01LjkzMmwuMDAyLS4wMDFjLjE2NC0uNTQ3IDAtLjk0OS0uNzkzLS45NDloLTIuNjI0Yy0uNjY4IDAtLjk3Ni4zNDUtMS4xNDEuNzMxIDAgMC0xLjMzNiAzLjE5OC0zLjIyNiA1LjI3MS0uNjEuNTk5LS44OTIuNzkxLTEuMjI1Ljc5MS0uMTY0IDAtLjQxOS0uMTkyLS40MTktLjczOXYtNS4xMDVjMC0uNjU2LS4xODctLjk0OS0uNzQtLjk0OWgtNC4xMjZjLS40MTkgMC0uNjY4LjMwNi0uNjY4LjU5MSAwIC42MjIuOTQ1Ljc2NSAxLjA0MyAyLjUxNXYzLjc5N2MwIC44MzItLjE1MS45ODUtLjQ4Ni45ODUtLjg5MiAwLTMuMDU3LTMuMjExLTQuMzQtNi44ODYtLjI1OS0uNzEzLS41MTItMS4wMDEtMS4xODUtMS4wMDFoLTIuNjI1Yy0uNzQ5IDAtLjkuMzQ1LS45LjczMSAwIC42ODIuODkyIDQuMDczIDQuMTQ4IDguNTUzIDIuMTcgMy4wNTggNS4yMjYgNC43MTUgOC4wMDYgNC43MTUgMS42NzEgMCAxLjg3NS0uMzY4IDEuODc1LTEuMDAxIDAtMi45MjItLjE1MS0zLjE5OC42ODYtMy4xOTguMzg4IDAgMS4wNTYuMTkyIDIuNjE2IDEuNjY3IDEuNzgzIDEuNzQ5IDIuMDc2IDIuNTMyIDMuMDc0IDIuNTMyaDIuNjI0Yy43NDggMCAxLjEyNy0uMzY4LjkwOS0xLjA5NC0uNDk5LTEuNTI3LTMuODcxLTQuNjY4LTQuMDIzLTQuODc4eiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=) no-repeat center center;
        background-size: 100% 100%;
    }
    
    .mobile_menu a.phone {
                display: block;
        width: auto;
        height: 24px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMy42NCA1MTMuNjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGc+CgkJPHBhdGggZD0iTTQ5OS42NiwzNzYuOTZsLTcxLjY4LTcxLjY4Yy0yNS42LTI1LjYtNjkuMTItMTUuMzU5LTc5LjM2LDE3LjkyYy03LjY4LDIzLjA0MS0zMy4yOCwzNS44NDEtNTYuMzIsMzAuNzIgICAgYy01MS4yLTEyLjgtMTIwLjMyLTc5LjM2LTEzMy4xMi0xMzMuMTJjLTcuNjgtMjMuMDQxLDcuNjgtNDguNjQxLDMwLjcyLTU2LjMyYzMzLjI4LTEwLjI0LDQzLjUyLTUzLjc2LDE3LjkyLTc5LjM2bC03MS42OC03MS42OCAgICBjLTIwLjQ4LTE3LjkyLTUxLjItMTcuOTItNjkuMTIsMGwtNDguNjQsNDguNjRjLTQ4LjY0LDUxLjIsNS4xMiwxODYuODgsMTI1LjQ0LDMwNy4yYzEyMC4zMiwxMjAuMzIsMjU2LDE3Ni42NDEsMzA3LjIsMTI1LjQ0ICAgIGw0OC42NC00OC42NEM1MTcuNTgxLDQyNS42LDUxNy41ODEsMzk0Ljg4LDQ5OS42NiwzNzYuOTZ6IiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+Cgk8L2c+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPC9nPjwvc3ZnPg==) no-repeat center center;
        background-size: 100% 100%;
    }
    
    
    
    .content {
        width: auto;
        padding: 0 30px;
    }
    
    .only-desctop {
        display: none;
    }
    
    .logo {
        margin-top: 60px;
    }
    
    nav {
        display: none;
        position: fixed;
        top: 50px;
        left: 0;
        z-index: 99;
        flex-flow: column wrap;
        text-align: center;
        width: 100%;
        background: #232323;
        margin-top: 0;
    }
    
  
    nav a{
        margin-right: 0;
        width: 100%;
        display: block;
        color: #fff;
        border-bottom: 1px solid #3b3b3b;
        padding: 20px 0;
    }
    
    nav a:last-child {
        border: 0;
    }
    
    
    
    
.menu.white nav a {
    color: #eef2f3;
    border-bottom: 1px solid rgba(238,242,243,0.1);
}

.menu.white nav a:hover {
    color: #eef2f3;
    border-bottom: 1px solid rgba(238,242,243,0.1);
}

    
    
    
    
    header {
        min-height: 0;
        padding: 90px 0;
    }
    
    
    header::after {
    border: 50px solid transparent;
    border-top: 25px solid #ECE9E6;
}
    
    
    h1 {
        font-size: 32px;
        font-weight: 800;
        line-height: 1.2;
    }
    
    h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    
    h3 {
        font-size: 26px;
    }
    
    
    .course .button {
        margin-bottom: 10px;
    }
    
    .slogan {
        width: 100%;
        margin-top: 30px;
    }
    
    
    section {
        margin: 60px 0;
    }
    
    .divider {
        margin: 30px 0;
    }
    
    
    
    section#author {
    min-height: 0;
    padding-bottom: 30px;
}


section#author .content {
    height: auto;
    padding: 20px;
        padding-top: 450px;
}






section#author h3 {
    margin-bottom: 30px;
    text-align: center;
}

section#author p {
    font-size: 16px;
}

section#author p:last-child {
    margin-bottom: 0;
}

.author {
    top: 30px;
    width: 300px;
    height: auto;
    left: 50%;
    right: 50%;
    margin-left: -150px;
}
    

#author .button {
    width: 100%;
}

    


.button.big {
    font-size: 18px;
    font-weight: 400;
    padding: 5px 20px;
}

p.big {
    font-size: 16px;
}


.pluses {
    margin-top: 30px;
}


.pluses div {
    margin-bottom: 30px;
}

.pluses div:last-child {
    margin-bottom: 0;
}


p.huge {
    font-size: 18px;
}


#order {
    min-height: 0;
    padding: 30px;
}


.brash {
    display: none;
}

.form {
    width: 100%
}

.form label {
    font-size: 18px;
    margin-bottom: 10px;
}

.form input {
    height: 40px;
}

.video-content {
    font-size: 18px;
}


footer {
    margin-top: 0;
    padding: 30px 0;
}

footer .contacts a {
    font-size: 22px;
    font-weight: 600;
}


.copyright {
    margin-top: 30px;
    padding-top: 30px;
        border-top: 1px solid #f4f4f4;
}

.footer-links {
    text-align: center;
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}



    
}