/* ==========================================================================
   Основные стили сайта
   ========================================================================== */

html, body {margin:0px; padding:0px; font-family: 'Montserrat'; font-size:14px; line-height:18px; color:#000; background:#fff;}
html.fancybox-lock {overflow:visible !important;}
html.fancybox-lock body {position:relative;}
a {color:#000000; outline:none; text-decoration:underline;}
a:hover {text-decoration:none;}
a img {border:none;}
img {vertical-align:middle;}
hr {display:block; height:1px; border:0 none; border-top:1px solid #ccc; margin:0px; padding:0px;}
p {margin:15px 0px; padding:0px;}
h1 {font-size:36px; line-height:42px; color:#fff; font-weight:bold; font-family: 'Montserrat'; margin:0px; padding:0px;}
h2 {font-size:24px; line-height:30px; color:#fff; font-weight:bold; font-family: 'Montserrat'; margin:0px; padding:0px;}
h3 {font-size:18px; line-height:24px; color:#fff; font-weight:bold; font-family: 'Montserrat'; margin:0px; padding:0px;}
menu {margin:0px; padding:0px; list-style-type:none;}
ul {margin:25px 0px 25px 30px; padding:0px; list-style-type:disc;}
ol {margin:25px 0px 25px 30px; padding:0px; list-style-type:decimal;}
ol li, ul li {margin:0px; padding:0px;}
ol ol, ul ul {margin:6px 0px 6px 30px;}
form {margin:0px; padding:0px;}
button, input, select, textarea {outline:none; font-family: 'Montserrat';}
textarea {overflow:auto; resize: vertical;}
table {margin:0px; padding:0px; border:none; border-collapse:collapse;}
table td, table th {margin:0px; padding:0px; border:none; border-collapse:collapse; text-align:left; vertical-align:top; font-weight:normal;}

* {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}

.transition,
.transition * {
	-webkit-transition:all 0.2s ease-out;
	   -moz-transition:all 0.2s ease-out;
	    -ms-transition:all 0.2s ease-out;
	     -o-transition:all 0.2s ease-out;
	        transition:all 0.2s ease-out;
}



/* ==========================================================================
   Основное
   ========================================================================== */

main {width:100%; min-width:320px; position:relative; overflow:hidden;}



/* ==========================================================================
   Враппер
   ========================================================================== */

.wrap {width:100%; min-width:320px; max-width:1440px; margin:0px auto; padding:0px 50px; position:relative;}
.wrap_display_flex {display:flex;}



/* ==========================================================================
   Блок "Первый экран"
   ========================================================================== */

.main {background:url(../images/bg/main.jpg) no-repeat center center / cover; width:100%; height:872px; position:relative; margin:0px; padding:50px 0px 0px 0px;}
.main__logo {margin:0px 0px 58px 0px; display:flex;}
.main__logo-item {background:#fff; width:auto; height:70px; margin:0px 0px 0px 10px; border-radius:200px;}
.main__logo-item:first-child {margin-left:0px;}
.main__logo-item_padding_small {padding:10px 20px;}
.main__logo-item_padding_big {padding:10px 26px;}
.main__logo-item-img {background:no-repeat center center / contain; height:50px;}
.main__logo-item-img_1 {background-image:url(../images/main/logo_1.svg); width:211px;}
.main__logo-item-img_2 {background-image:url(../images/main/logo_2.svg); width:118px;}
.main__title {margin:0px 0px 8px 0px; font-size:80px; line-height:80px; color:#fff; font-weight:300; letter-spacing:0.12em; text-transform:uppercase;}
.main__author {margin:0px 0px 39px 0px; background:#fff; width:515px; height:70px; text-align:center; font-size:24px; line-height:70px; color:#001E96; font-weight:500; border-radius:99px;}
.main__name {margin:0px 0px 46px 0px; font-size:40px; line-height:50px; color:#fff; font-weight:300; text-transform:uppercase;}
.main__date {font-size:30px; line-height:37px; color:#fff; font-weight:bold;}
.main__face {background:url(../images/main/face.png) no-repeat center center / cover; width:436px; height:872px; position:absolute; top:0px; right:0px;}



/* ==========================================================================
   Блок "Преимущества"
   ========================================================================== */

.advantages {margin:0px; padding:98px 0px 30px 0px;}
.advantages__items {margin:0px -100px 0px 0px;}
.advantages__items:after {content:''; display:table; clear:both; height:0px;}
.advantages__item {float:left; margin:70px 0px 0px 0px; padding:0px 100px 0px 0px; width:50%; min-width:50%; max-width:50%; height:380px; position:relative;}
.advantages__item:nth-child(2n+1) {clear:both;}
.advantages__item:nth-child(1) {margin-top:0px;}
.advantages__item:nth-child(2) {margin-top:0px;}
.advantages__item-wrap {position:relative; width:100%; height:100%;}
.advantages__item-brown {background:#E0B66F; width:300px; height:300px; position:absolute; bottom:0px; right:0px; border-radius:20px;}
.advantages__item-white {background:#fff; box-shadow:0px 20px 40px rgba(0, 0, 0, 0.1); border-radius:20px; position:absolute; top:0px; bottom:70px; left:0px; right:70px; padding:45px 180px 0px 50px;}
.advantages__item-white:before {content:''; background:#000; width:70px; height:3px; position:absolute; bottom:50px; left:50px;}
.advantages__item-name {font-size:20px; line-height:24px; color:#000; font-weight:bold; text-transform:uppercase;}
.advantages__item-blue {background:#001E96; width:210px; height:210px; position:absolute; bottom:0px; right:0px; border-top-left-radius:20px;}
.advantages__item-blue-wrap {position:absolute; top:30px; bottom:30px; left:30px; right:30px; box-shadow:10px 10px 30px rgba(0, 0, 0, 0.1); border-top-left-radius:30px;}
.advantages__item-blue-icon {background:no-repeat center center / contain; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.advantages__item-blue-icon_1 {background-image:url(../images/icons/advantages/icon_1.svg); width:62px; height:60px;}
.advantages__item-blue-icon_2 {background-image:url(../images/icons/advantages/icon_2.svg); width:47px; height:72px;}
.advantages__item-blue-icon_3 {background-image:url(../images/icons/advantages/icon_3.svg); width:55px; height:62px;}
.advantages__item-blue-icon_4 {background-image:url(../images/icons/advantages/icon_4.svg); width:61px; height:50px;}



/* ==========================================================================
   Блок "Внимание"
   ========================================================================== */

.attention {width:100%; height:970px; position:relative; margin:0px; padding:0px 0px 0px 0px;}
.attention .wrap {height:100%; align-items:center; justify-content:center;}
.attention__bg {background:url(../images/bg/attention.png) no-repeat center center / contain; width:1920px; height:970px; position:absolute; top:0px; left:50%; transform:translateX(-50%);}
.attention__left {margin:0px; padding:0px;}
.attention__left-title {margin:0px 0px 45px 0px; padding:0px 0px 46px 0px; position:relative; font-size:70px; line-height:70px; color:#E0B66F; font-weight:900; text-transform:uppercase;}
.attention__left-title:before {content:''; background:#fff; width:70px; height:3px; position:absolute; bottom:0px; left:0px;}
.attention__left-text {font-size:50px; line-height:50px; color:#fff; text-transform:uppercase;}
.attention__right {background:#fff; width:670px; min-width:670px; max-width:670px; height:400px; border-radius:20px; box-shadow:0px 20px 40px rgba(0, 0, 0, 0.1); font-size:28px; line-height:48px; color:#000; font-weight:bold; display:flex; align-items:center; justify-content:center; padding:0px 115px;}



/* ==========================================================================
   Блок "Руководитель"
   ========================================================================== */

.leader {width:100%; margin:0px; padding:7px 0px 93px 0px;}
.leader__left {width:500px; min-width:500px; max-width:500px; margin:-182px 0px 0px 0px; padding:0px 67px 0px 0px;}
.leader__left-avatar {margin:0px 0px 41px 0px; width:433px; height:433px; position:relative; background:rgba(255, 255, 255, 0.01); backdrop-filter:blur(20px); border-radius:50%; border:2px solid #E0B66F;}
.leader__left-avatar-img {background:url(../images/leader/img_1.png) no-repeat center center / cover; width:333px; height:333px; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.leader__left-name {margin:0px 0px 10px 0px; font-size:30px; line-height:34px; color:#000; font-weight:bold; padding:0px 0px 0px 50px;}
.leader__left-position {font-size:20px; line-height:28px; color:#000; position:relative; padding:0px 0px 46px 50px;}
.leader__left-position:before {content:''; background:#000; width:70px; height:3px; position:absolute; bottom:0px; left:50px;}
.leader__right {margin:0px;}



/* ==========================================================================
   Табы
   ========================================================================== */

.tabs {width:100%;}
.tabs__nav {margin:0px 0px 43px 0px; padding:10px; border:1px solid #E0E0E0; border-radius:99px; display:flex; align-items:center; justify-content:space-between; text-align:center;}
.tabs__nav-item {width:100%; height:50px; font-size:12px; line-height:50px; color:#000; font-weight:bold; letter-spacing:0.1em; text-transform:uppercase; border-radius:99px; background:transparent; transition:all 0.2s ease 0s; cursor:pointer; margin:0px 0px 0px 10px;}
.tabs__nav-item_active, .tabs__nav-item:hover {color:#fff; background:#E0B66F;}
.tabs__nav-item:first-child {margin-left:0px;}
.tabs__detail {margin:0px;}
.tabs__detail-item {display:none;}
.tabs__detail-item_active {display:block;}
.tabs__detail-title {display:none;}
.tabs__detail-content {margin:0px; padding:0px;}
.tabs__detail-content ul {margin:0px; padding:0px; list-style-type:none;}
.tabs__detail-content ul li {margin:20px 0px 0px 0px; padding:0px 0px 0px 22px; font-size:14px; line-height:20px; color:#000; font-weight:500; position:relative;}
.tabs__detail-content ul li:before {content:''; background:#E0B66F; width:3px; height:3px; border-radius:50%; position:absolute; top:10px; left:0px;}
.tabs__detail-content ul li:first-child {margin-top:0px;}



/* ==========================================================================
   Вспомогательные стили
   ========================================================================== */

.show {display:block;}
.hide {display:none;}
.invisible {visibility:hidden;}
.clear:after {content:''; display:table; height:0px; clear:both;}
.clearfix {display:inline-block; //display:inline; //zoom:1; width:100%;}
::-ms-reveal {display:none;}


/* ==========================================================================
   Стили для печати
   ========================================================================== */

@media print {
    *, *:before, *:after, *:first-letter, *:first-line {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
    a, a:visited {text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}
    a[href^="#"]:after, a[href^="javascript:"]:after {content: "";}
    pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
    thead {display: table-header-group;}
    tr, img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    p, h2, h3 {orphans: 3; widows: 3;}
    h2, h3 {page-break-after: avoid;}
}