/* GLOBAL */
html { background: #fff; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; border-collapse: collapse; border-spacing: 0; }
body { font-family: 'Roboto', sans-serif; color: #48494e; font-size: 20px; line-height: 1.2; background: transparent; }
a { color: #454747; text-decoration: underline; }
a:hover { text-decoration: underline; outline: 0; color: #2358a9; }
strong, b { font-weight: bold; }
.clr { clear: both; }
.left { float: left; }
.right { float: right; }
.inline-item { display: inline-block; vertical-align: top; }
.tb { display: table; width: 100%; }
.tr { display: table-row; }
.td, .th { display: table-cell; vertical-align: middle; }
.clear-list, .clear-list li { list-style: none; }
.clear-list { padding: 0; margin-bottom: 0; }
.zoom-in { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }
.indent-this, .indent p { text-indent: 30px; }
.center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
html, body, .wrapper, .topbox { height: 100%; }
.wrapper, .bottombox { display: table; width: 100%; position: relative; }
.topbox { display: table-row; }
.overflow-hidden { overflow: hidden; }
input[type=file] { margin-bottom: 6px; }
.grecaptcha-badge { opacity: 0 !important; }
.jwlogo { display: none !important; }
.agree span.wpcf7-list-item { margin: 0; padding: 0 4px; }
.agree span.wpcf7-validates-as-required { border-bottom: 2px solid rgba(255,255,255,0); margin: 0 6px 0 0; }
.agree span.wpcf7-validates-as-required.wpcf7-not-valid { border-color: red; }
.agree a { color: #444; text-decoration: underline; }
/* GLOBAL TRANSITION */
.butn, .menu li a, .menu > div > ul > li > a::after, .menu li a::before, .socials-list li a, .socials-list li a i, .owl-carousel .owl-nav .owl-prev::before, .owl-carousel .owl-nav .owl-next::before, .attachments-list .hex .in::before, .header-tel, .gonext span, .search-form button, .search-form input { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
/* TEXT EDITOR */
.alignleft { float: left; margin: 0 20px 10px 0; max-width: 400px; }
.alignright { float: right; margin: 0 0 10px 20px; max-width: 400px; }
.aligncenter { display: block; margin: 0 auto 25px auto; }
blockquote { position: relative; padding: 15px 15px 15px 45px; }
blockquote * { margin: 0; line-height: 1.3; }
/* SECTIONS */
section, article { position: relative; z-index: 1; }
section.out, article.out, main.out { margin-bottom: 55px; }
section.in, article.in, main.in { padding-top: 55px; padding-bottom: 55px; }
section.page-section { margin-top: 50px !important; }
.header-separator { padding-top: 115px !important; }
/* TITLE */
.ttl { position: relative; text-align: center; margin-bottom: 55px; }
.ttl h1, .ttl h2, .ttl h3 { font-size: 32px; font-weight: bold; text-transform: uppercase; text-align: center; }
/* BUTTONS - DEF/BUY */
.butn { position: relative; display: inline-block; vertical-align: top; padding: 12px 25px !important; width: 100%; max-width: 270px; text-decoration: none; text-align: center; color: #fff; font-weight: 700; background: #840101 !important; font-size: 17px; text-transform: uppercase; border: 0; border-radius: 9px; overflow: hidden; }
.butn i, .butn:hover i { display: inline-block; color: #fff; margin: 0 8px 0 0; }
.butn:hover { color: #fff; text-decoration: none; background: #601010 !important; }
.butn.big-butn { font-size: 21px; }
.btn-shockwave { -webkit-animation: shockwaveJump 1s ease-out infinite; animation: shockwaveJump 1s ease-out infinite; -webkit-animation: .4s jump ease infinite alternate; animation: .4s jump ease infinite alternate; }
.shine-butn::after { content: ''; position: absolute; display: block; top: 0; left: -75%; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); -webkit-animation: shine 3.15s infinite; animation: shine 3.15s infinite; z-index: 2; }
.shine-butn:hover::after { display: none; }
@-webkit-keyframes shine { 100% {left: 125%; } }
@keyframes shine { 100% { left: 125%; } }
.managers-section .buttons { margin-bottom: 35px; }
/* OWL CUSTOM */
.owl-carousel { position: relative; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .slick-prev, .slick-next { position: absolute; top: 50%; margin: -45px 0 0 0; width: 17px; height: 90px; border: 0; text-align: center; line-height: 90px; background: rgba(255,255,255,.86); outline: none !important; cursor: pointer; z-index: 20; }
.owl-carousel .owl-nav .owl-prev, .slick-prev { left: -30px; }
.owl-carousel .owl-nav .owl-prev:before, .slick-prev::before { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f053"; font-size: 29px; color: #454747; top: 0; left: 0; text-indent: 0; width: 100%; line-height: 90px; z-index: 25; }
.owl-carousel .owl-nav .owl-next, .slick-next { right: -30px; }
.owl-carousel .owl-nav .owl-next:before, .slick-next::before { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f054"; font-size: 29px; color: #454747; top: 0; left: 0; text-indent: 0; width: 100%; line-height: 90px; z-index: 25; }
.owl-carousel .owl-nav .owl-prev span, .owl-carousel .owl-nav .owl-next span { display: none; }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { opacity: 1; }
.owl-carousel .owl-dots { position: absolute; bottom: -40px; left: 0; width: 100%; text-align: center; z-index: 10; }
.owl-carousel .owl-dots button { margin: 0 5px; outline: none; }
.owl-carousel .owl-dots button span { display: block; width: 15px; height: 15px; border: 1px solid #f4e0a4; border-radius: 15px; background: none; }
.owl-carousel .owl-dots button.active span { background: #f4e0a4; }
.owl-carousel.owl-drag .owl-item { text-align: center; }
.owl-carousel.owl-drag .owl-item .item { display: inline-block; text-align: center; }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover, .slick-prev:hover, .slick-next:hover { color: #000 !important; }
.owl-carousel .owl-nav .owl-prev:hover:before, .owl-carousel .owl-nav .owl-next:hover:before, .slick-prev:hover:before, .slick-next:hover:before { color: #4e88a0 !important; }
.w-bg .owl-carousel .owl-nav .owl-next, .w-bg .owl-carousel .owl-nav .owl-prev { background: rgba(255,255,255,.5); }
/* HEADER */
header { position: fixed; top: 0; left: 0; width: 100%; background: #272121; -webkit-box-shadow: 0px 11px 35px -12px rgba(0,0,0,0.25); -moz-box-shadow: 0px 11px 35px -12px rgba(0,0,0,0.25); box-shadow: 0px 11px 35px -12px rgba(0,0,0,0.25); background: rgb(103,39,90); background: -moz-linear-gradient(270deg, rgba(103,39,90,1) 0%, rgba(135,72,131,1) 50%, rgba(169,108,175,1) 100%); background: -webkit-linear-gradient(270deg, rgba(103,39,90,1) 0%, rgba(135,72,131,1) 50%, rgba(169,108,175,1) 100%); background: linear-gradient(270deg, rgba(103,39,90,1) 0%, rgba(135,72,131,1) 50%, rgba(169,108,175,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#67275a",endColorstr="#a96caf",GradientType=1); z-index: 50; }
.admin-bar header { top: 32px; }
header .container { position: relative; padding-top: 5px; padding-bottom: 5px; z-index: 60; }
header .row { position: relative; }
header .row > div.column-1 { -ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%; }
header .row > div.column-2 { -ms-flex: 0 0 76%; flex: 0 0 76%; max-width: 76%; }
/*header .row > div.column-2 { -ms-flex: 0 0 58%; flex: 0 0 58%; max-width: 58%; }
header .row > div.column-5 { display: none; -ms-flex: 0 0 115px; flex: 0 0 115px; max-width: 115px; text-align: right; }
*/
header .row > div.column-3 { -ms-flex: 0 0 6%; flex: 0 0 6%; max-width: 6%; text-align: right; }
header .row > div.column-4 { -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; text-align: right; }
header .row > div.column-5 { display: none; -ms-flex: 0 0 205px; flex: 0 0 205px; max-width: 205px; text-align: right; }
/* HEADER TEL */
.header-tel { position: relative; color: #fff; font-size: 15px; text-decoration: none; top: -3px; }
.header-tel:hover { color: #fff; opacity: .5; text-decoration: none; }
/* HEADER - MENU */
.menu { padding-left: 15px; }
.menu li { display: inline-block; position: relative; margin: 0 10px 0 0; }
.menu li::after { content: ""; position: absolute; top: 50%; right: -8px; margin-top: -8px; width: 1px; height: 15px; background: #fff; }
.menu li:last-child::after { display: none; }
.menu li a { display: block; position: relative; padding: 10px 0; color: #fff; font-size: 14px; font-weight: 400; text-decoration: none; }
.menu li:hover > a { color: #08dcd8; }
.menu li.current-menu-item a, .menu li.current-post-ancestor a, .menu li.current-menu-parent a, .menu li.current-post-parent a, .menu li.current-category-ancestor a { font-weight: bold; }
/* SOCIAL LIST */
.socials-list li { display: inline-block; vertical-align: top; margin: 0 2px 0 0; }
.socials-list li:last-child { margin-right: 0; }
.socials-list li a i { position: relative; color: #8e508c; font-size: 22px; }
.socials-list li a { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; border-radius: 100%; text-align: center; background: #fff; text-decoration: none; }
.socials-list li a:hover, .socials-list li a:hover i { opacity: .5; }
/* MAIN VIDEO */
.mainscreen-video-section .videobox { height: 100vh; }
.mainscreen-video-section .videobox::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../vid/poster.jpg") 50% 50% no-repeat; background-size: cover; z-index: -1; }
.mainscreen-video-section video { max-width: 100%; object-fit: cover; width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; }
.bottom-video-section video { position: relative; height: auto; }
.mainscreen-video-section.hid { z-index: -100; }
.scroll-down { position: absolute; bottom: 35px; left: 50%; margin-left: -40px; width: 80px; height: 80px; background: url("../images/global-congress/scroll-down-icon.svg") 50% 50% no-repeat; background-size: auto 100%; animation-iteration-count: infinite; z-index: 20; }
.bottom-video-section video { width: 100%; height: auto; }
.bottom-video-section, .bottom-video-section video { line-height: 0; margin: 0; padding: 0; }
.gonext { position: absolute; bottom: 15px; left: 50%; margin: -22px 0 0 -100px; width: 200px; color: #fff; font-size: 29px; line-height: 44px; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; background: rgba(0,0,0,.80); text-decoration: none !important; border-radius: 6px; z-index: 66; }
.gonext::before { content: ""; position: absolute; bottom: 0; left: -15px; width: 9px; height: 90px; background: url("../images/gonext-bg.png") 50% 50% no-repeat; background-size: 9px 90px; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.gonext span { display: block; text-align: center; color: #fff; font-size: 16px; text-transform: uppercase; }
.gonext i { display: block; text-align: center; color: #fff; font-size: 29px; }
.gonext:hover span { color: #08dcd8; }
/* MAIN SECTION */
.mainscreen-section { position: relative; padding: 95px 0 5px 0; background: #000008; z-index: 20; }
.mainbg-girl { position: absolute; top: 0; right: 50%; margin-right: -830px; width: 795px; height: 682px; background: url("../images/mainbg-girl.jpg") 50% 50% no-repeat; z-index: 1; }
.mainbg-round { position: absolute; top: 0; left: 50%; margin-left: -690px; width: 508px; height: 509px; background-image: image-set(url("../images/webp/mainbg-round.webp") type("image/webp"), url("../images/mainbg-round.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: center; background-size: cover;
z-index: 2; }
.mainscreen-section .inner { position: relative; height: 660px; z-index: 10; }
.main-device { position: absolute; top: 0; left: 0; width: 210px; }
.main-device::before { content: ""; position: absolute; top: 50px; right: 50%; margin-right: -300px; width: 237px; height: 148px; background-image: image-set(url("../images/webp/main-device-tissue1.webp") type("image/webp"), url("../images/main-device-tissue1.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: center; z-index: -1; }
.main-device::after { content: ""; position: absolute; top: 150px; left: 50%; margin-left: -250px; width: 230px; height: 671px; background-image: image-set(url("../images/webp/main-device-tissue2.webp") type("image/webp"), url("../images/main-device-tissue2.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: center; z-index: -1; }
.empower-logo { position: relative; text-align: center; margin-bottom: 25px; }
.empower-logo img { max-width: 100%; }
.mainscreen-section h2 { position: relative; color: #bebebe; font-size: 25px; font-weight: 300; text-transform: uppercase; text-align: center; }
.mainscreen-section h2 strong { color: #aa6db0; font-weight: bold; }
.mainscreen-section p { position: relative; color: #08dcd8; font-size: 20px; text-transform: uppercase; text-align: center; }
.mainscreen-section p strong { font-size: 26px; }
.attachments-grid { margin: 40px 0 55px 0; }
.attachments-list { position: relative; display: flex; justify-content: space-between; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: -35px; }
.attachments-list .hex { margin: 0 -10px; }
.attachments-list .hex .in { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 146px; height: 168px; font-size: 14px; text-transform: uppercase; padding-top: 7px; text-shadow: rgba(0,0,0,.15) 0 1px 8px; }
.attachments-list .hex .in::before { content: ""; position: absolute; top: 15px; left: 0; width: 136px; height: 119px; background: url("../images/attach-hover.png") 50% 50% no-repeat; opacity: 0; z-index: 1; }
.attachments-list .hex:hover .in::before { opacity: 1; top: 28px; }
.attachments-list .attachment-logo { position: absolute; top: 155px; left: 0; width: 100%; height: 30px; text-align: center; z-index: 10; }
.attachments-list .attachment-logo img { display: inline-block; }
.attachments-list .hex.item-1 .attachment-logo img { width: 115px; }
.attachments-list .hex.item-2 .attachment-logo img { width: 65px; }
.attachments-list .hex.item-3 .attachment-logo img { width: 105px; }
.attachments-list .hex.item-4 .attachment-logo img { width: 95px; }
.attachments-list .hex.item-5 .attachment-logo img { width: 51px; }
.attachments-list .hex.item-2, .attachments-list .hex.item-4 { margin-top: 60px; }
/* BEFORE SECTION */
.before-section { padding: 30px 0; text-align: center; }
.before-section h2 { position: relative; display: inline-block; padding: 9px 15px; background: #aa6db0; color: #fff; font-size: 25px; font-weight: 700; line-height: 1.1; text-transform: uppercase; }
/* ADVANTAGES SECTION */
.advantages-section { padding: 40px 0 55px 0; background: #aa6db0; z-index: 15; }
.advantages-figuresbg-left { content: ""; position: absolute; top: 0; left: 50%; margin-left: -650px; width: 305px; height: 90%; background: url("../images/advantages-figuresbg.svg") 50% 50% no-repeat; background-size: 100% 100%; z-index: -1; }
.advantages-figuresbg-right { content: ""; position: absolute; top: 0; right: 50%; margin-right: -800px; width: 305px; height: 90%; background: url("../images/advantages-figuresbg.svg") 50% 50% no-repeat; background-size: 100% 100%; z-index: -1; }
.advantages-section .inner { position: relative; padding-left: 400px; padding-right: 45px; height: 499px; }
.advantages-bg { position: absolute; top: 0; left: 0; z-index: 10; }
.advantages-section h2 { position: relative; color: #000008; font-size: 35px; font-weight: 700; line-height: 1.1; text-transform: uppercase; }
.advantages-section p { position: relative; color: #fff; font-size: 20px; text-transform: uppercase; }
.advantages-section h3 { position: relative; padding: 5px 0; color: #fff; font-size: 35px; font-weight: 700; line-height: 1.1; text-transform: uppercase; margin-bottom: 20px; }
.advantages-section h3::after { content: ""; position: absolute; top: 0; left: -70px; width: calc(100% + 80px); height: 100%; background: rgb(183,0,0); background: -moz-linear-gradient(90deg, rgba(183,0,0,1) 0%, rgba(183,0,0,1) 75%, rgba(183,0,0,0) 100%); background: -webkit-linear-gradient(90deg, rgba(183,0,0,1) 0%, rgba(183,0,0,1) 75%, rgba(183,0,0,0) 100%); background: linear-gradient(90deg, rgba(183,0,0,1) 0%, rgba(183,0,0,1) 75%, rgba(183,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#840101",endColorstr="#840101",GradientType=1); z-index: -1; }
.advantages-list li { position: relative; color: #fff; line-height: 1; margin-bottom: 5px; }
.advantages-list .column-2 li { margin-bottom: 7px; }
.advantages-list li::before { content: ""; position: absolute; top: 11px; left: 10px; width: 4px; height: 4px; background: #aa6db0; border: 1px solid #fff; border-radius: 4px; }
.advantages-list li .item { position: relative; padding: 4px 0 4px 35px; max-width: 92%; }
.advantages-list li .item::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(91,27,69);
background: -moz-linear-gradient(90deg, rgba(91,27,69,1) 0%, rgba(91,27,69,1) 90%, rgba(91,27,69,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(91,27,69,1) 0%, rgba(91,27,69,1) 90%, rgba(91,27,69,0) 100%);
background: linear-gradient(90deg, rgba(91,27,69,1) 0%, rgba(91,27,69,1) 90%, rgba(91,27,69,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b1b45",endColorstr="#5b1b45",GradientType=1); z-index: -1; }
/* ATTACH SECTION */
.white-section { background-image: image-set(url("../images/webp/attach-bg.webp") type("image/webp"), url("../images/attach-bg.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: 50% 0; }
.grey-section { background-color: #d5dee5; background-image: image-set(url("../images/webp/attach-bg2.webp") type("image/webp"), url("../images/attach-bg2.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: 50% 0; }
.attach-section .container { position: relative; padding: 40px 0; }
.attach-section figure { position: relative; margin-left: 14px; }
.attach-logo { position: absolute; top: 85px; left: 610px; }
.attach-logo-text { position: absolute; top: 192px; left: 550px; }
.attach-logo-text h3 { color: #aa6db0; font-size: 35px; font-weight: 700; line-height: 1.1; text-transform: uppercase; }
.attach-device { position: absolute; bottom: 60px; right: -140px; }
.hexbg { position: absolute; width: 106px; height: 122px; background: url("../images/hex.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.hexbg-1 { bottom: 14px; left: -52px; }
.hexbg-1::before { content: ""; position: absolute; top: 100%; left: 50%; width: 1px; height: 70px; background: #08dcd8; }
.hexbg-2 { top: -30px;left: 120px; }
.hexbg-3 { top: 120px; left: -87px; width: 80px; height: 92px; }
.attach-about h4, .attach-characs p, .big-text { position: relative; color: #000008; font-size: 20px; text-transform: uppercase; text-align: center; }
.attach-about h4 strong { color: #aa6db0; }
.attach-about .inner { position: relative; margin: 30px 0 30px 25px; padding: 0 30px 0 580px; background: #48494e; }
.video-wrapper { position: relative; }
.attach-about .video-wrapper { position: absolute; top: 0; left: 0; width: 553px; height: 310px; }
.play-youtube { width: 100%; height: 0; padding-bottom: 56.22%; overflow: hidden; }
.play-youtube iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; border: 0; }
.attach-about .attach-about-info { position: relative; padding: 65px 0 0 0; height: 310px; }
.attach-about .attach-about-info::before { content: ""; position: absolute; top: 0; left: 50%; margin-left: -27px; width: 0; height: 0; border-style: solid; border-width: 28px 27px 0 27px; border-color: #FFFFFF transparent transparent transparent; transform: rotate(0deg); }
.attach-about .attach-about-info p { color: #fff; }
.attach-about .attach-about-info strong { text-transform: uppercase; }
.line-wrapper { position: relative; }
.line-wrapper::before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: calc(100% - 23px); background: #08dcd8; }
.line-wrapper h2 { position: relative; text-align: center; }
.line-wrapper h2::before { content: ""; position: absolute; top: 50%; left: 0; width: 50%; height: 1px; background: #08dcd8; }
.line-wrapper h2 span { position: relative; display: inline-block; color: #aa6db0; font-size: 35px; font-weight: 700; line-height: 1.1; text-transform: uppercase; padding: 4px 15px; background: #fff; border-left: 1px solid #08dcd8; }
.line-wrapper h2 span::before, .line-wrapper h2 span::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: rgb(8,220,216); background: -moz-linear-gradient(90deg, rgba(8,220,216,1) 0%, rgba(8,220,216,1) 65%, rgba(8,220,216,0) 100%); background: -webkit-linear-gradient(90deg, rgba(8,220,216,1) 0%, rgba(8,220,216,1) 65%, rgba(8,220,216,0) 100%); background: linear-gradient(90deg, rgba(8,220,216,1) 0%, rgba(8,220,216,1) 65%, rgba(8,220,216,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08dcd8",endColorstr="#08dcd8",GradientType=1); }
.line-wrapper h2 span::after { top: auto; bottom: 0; }
.attach-about-info .bg-figure { position: absolute; top: -143px; right: -187px; width: 218px; height: 645px; background: url("../images/bg-figure.png") 50% 50% no-repeat; }
.attach-results { padding: 40px 0; background-image: image-set(url("../images/webp/results.webp") type("image/webp"), url("../images/results.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; }
.attach-results h3, .attach-gastrology h3 { position: relative; color: #fff; font-size: 28px; font-weight: 700; line-height: 1.3; text-transform: uppercase; }
.attach-beforeafter { padding: 40px 0; }
.attach-beforeafter h2 { color: #48494e; font-size: 35px; font-weight: 700; line-height: 1.1; text-transform: uppercase; text-align: center; margin-bottom: 25px; }
.beforeafter-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 6px; overflow: hidden; }
.beforeafter-item.censored { cursor: pointer; }
.beforeafter-item.censored::after { content: "18+"; position: absolute; bottom: 35px; right: 15px; width: 45px; height: 45px; text-align: center; line-height: 45px; background: #aa6db0; border-radius: 100%; color: #fff; font-size: 20px; z-index: 5; }
.beforeafter-item.censored img { filter: blur(16px); }
.beforeafter-item.censored.sw img { filter: blur(0); }
.beforeafter-wrapper figure { position: relative; width: 50%; }
.beforeafter-wrapper figure span { position: absolute; top: 10px; left: 15px; color: #fff; font-size: 20px; text-shadow: rgba(0,0,0,.7) 0 1px 3px; }
.grey-section .line-wrapper h2 span { background-color: #d5dee5; }
.grey-section .attach-about-info::before { border-color: #d5dee5 transparent transparent transparent; }
.morpheus8v .attach-about-info .bg-figure { position: absolute; top: auto; bottom: -80px; right: -143px; width: 395px; height: 105px; background: url("../images/bg-figure2.png") 50% 50% no-repeat; }
.vtone .attach-about-info .bg-figure { position: absolute; top: auto; bottom: -145px; right: -195px; width: 245px; height: 427px; background: url("../images/bg-figure3.png") 50% 50% no-repeat; }
.aviva .attach-about-info .bg-figure { position: absolute; top: auto; bottom: -30px; right: -85px; width: 447px; height: 147px; background: url("../images/bg-figure4.png") 50% 50% no-repeat; }
.morpheus8 .attach-about-info .bg-figure { position: absolute; top: auto; bottom: -175px; right: -140px; width: 132px; height: 530px; background: url("../images/bg-figure5.png") 50% 50% no-repeat; }
.vtone .attach-device { right: 40px; }
.aviva .attach-device { right: -40px; }
.grey-section td, .grey-section .td { background: #fff; border-color: #48494e; }
.aviva .attach-results { background-image: image-set(url("../images/webp/results2.webp") type("image/webp"), url("../images/results2.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: center; background-size: cover; }
.morpheus8 .line-wrapper h4 { max-width: 880px; margin: 0 auto; }
.morpheus8 .attach-device { bottom: -100px; right: -50px; }
.attach-gastrology { padding: 40px 0; background-image: image-set(url("../images/webp/effective-bg.webp") type("image/webp"), url("../images/effective-bg.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; }
.attach-gastrology h3 { font-weight: 400; margin-bottom: 25px; }
.attach-gastrology h3 strong { font-weight: bold; display: block; }
.attach-gastrology::before { content: ""; position: absolute; top: 55px; left: 50%; margin-left: -600px; width: 305px; height: 90%; background: url("../images/advantages-figuresbg.svg") 50% 50% no-repeat; background-size: 100% 100%; z-index: -1; }
.attach-gastrology::after { content: ""; position: absolute; top: 55px; right: 50%; margin-right: -600px; width: 305px; height: 90%; background: url("../images/advantages-figuresbg.svg") 50% 50% no-repeat; background-size: 100% 100%; -webkit-transform: scaleX(-1); transform: scaleX(-1); z-index: -1; }
.attach-energydistribution { padding: 40px 0 10px 0; background: #fff; text-align: center; }
.attach-energydistribution h2 { position: relative; display: inline-block; color: #48494e; font-size: 35px; font-weight: 700; line-height: 1.1; text-transform: uppercase; }
.attach-energydistribution img, .gastrology-box img { max-width: 100%; }
.energydistribution-2rows { display: none; }
.morpheus8v .attach-about-info { padding: 45px 0 0 0; }
.vtone .attach-about-info { padding: 45px 0 0 0; }
.buttons { margin-top: 25px; }
/* PROVIDE SECTION */
.provide-section .ttl { }
.provide-wrapper { position: relative; }
.provide-device { position: absolute; top: 0; left: 0; width: 100%; z-index: 10; }
.provide-list { display: flex; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.provide-list li { position: relative; width: 50%; margin-top: -20px; }
.provide-list li .inner { position: relative; float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 116px; }
.provide-list li .hex { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 130px; height: 116px; }
.provide-list li .hex img { max-width: 90%; max-height: 90%; }
.provide-list li .hex::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -57px 0 0 -66px; width: 148px; height: 130px; background: url("../images/provide-hexbg.svg") 50% 50% no-repeat; background-size: 100% 100%; opacity: .7; z-index: -1; }
.provide-list li h3 { width: 190px; font-size: 16px; font-weight: normal; padding-left: 10px; text-align: left; }
.provide-list li h3 strong { font-weight: bold; }
.provide-list li:nth-child(odd) { padding-left: 0; padding-right: 10px; }
.provide-list li:nth-child(odd) .hex::after { content: ""; position: absolute; top: 50%; left: 100%; width: 500px; height: 1px; background: #b5b6b6; z-index: -1; }
.provide-list li:nth-child(odd) .inner { float: left; }
.provide-list li:nth-child(odd) h3 { padding-left: 0; padding-right: 10px; text-align: right; }
.provide-list li:nth-child(odd) .hex::before { margin: -57px 0 0 -80px; -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.provide-list li:nth-child(1) .inner, .provide-list li:nth-child(5) .inner, .provide-list li:nth-child(9) .inner { left: 85px; }
.provide-list li:nth-child(2) .inner, .provide-list li:nth-child(6) .inner, .provide-list li:nth-child(10) .inner { right: 85px; }
.provide-list li:nth-child(1) .hex::after, .provide-list li:nth-child(5) .hex::after, .provide-list li:nth-child(9) .hex::after { width: 330px; }
.inmode-slogan { color: #b4b8bb; font-size: 32px; font-weight: bold; text-transform: uppercase; letter-spacing: 10px; margin-top: 35px; background: -webkit-linear-gradient(left, rgba(167,167,167,1) 0%, rgba(197,197,197,1) 37%, rgba(148,148,148,1) 69%, rgba(170,174,177,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.device-license { font-size: 12px; margin-top: 5px; }
.device-license br { display: none; }
/* TABLES */
table, .tb { min-width: 605px; background: #d5dee5; margin: 35px auto; }
table td, .tb .td { padding: 9px 25px; color: #48494e; font-size: 17px; border-right: 1px solid #fff; }
table tr td:last-child, .tb .tr .td:last-child { border: 0; }
table th, .tb .th { padding: 9px 25px; background: #48494e; color: #fff; font-size: 17px; }
/* CORRECTIONS ZONES SECTION */
.beforeafter-wrapper figure { position: relative; }
.beforeafter-wrapper figure span { position: absolute; top: 10px; left: 15px; color: #fff; font-size: 20px; text-shadow: rgba(0,0,0,.7) 0 1px 3px; }
/* CENTERS */
.centers-list { list-style: none; }
.centers-list li { margin-bottom: 25px; }
.centers-list .tb { min-height: 90px; background: transparent; margin: 0; }
.centers-list .tb .td { border: 0; padding: 0 !important; }
.centers-list .center-left { width: 30% !important; padding: 0; text-align: center; }
.centers-list .center-left img { margin: 0; max-width: 80%; max-height: 125px; }
.centers-list h2 { position: relative; display: block; background: #cbdae3; margin: 0 0 15px 0; z-index: 5; }
.centers-list h2 {display: block; padding: 6px 0 6px 15px; color: #0D1F2C; font-size: 19px; font-weight: 500; line-height: 1.5; text-decoration: none; }
.centers-list .tb .td p { font-size: 15px; line-height: 1.6; }
.centers-list .tb .td p a { display: inline; color: #4e88a0; margin-right: 4px; }
.search-form { float: right; width: 190px; position: relative; overflow: hidden; }
.search-form input { display: block; background: transparent; border: 1px solid #4e88a0 padding: 3px 40px 3px 10px; font-size: 16px; color: #ffffff; }
.search-form input::-webkit-input-placeholder { color: #A0A2A3; font-style: italic; }
.search-form input::-moz-placeholder { color: #A0A2A3; font-style: italic; }
.search-form input:-ms-input-placeholder { color: #A0A2A3; font-style: italic; }
.search-form input:-moz-placeholder { color: #A0A2A3; font-style: italic; }
.search-form input:focus, .search-form input:hover { background: transparent; border-color: #713167; }
.search-form button { position: absolute; top: 0; right: 0; width: 30px; height: 34px; background: #a366a7; border: 0; cursor: pointer; z-index: 5; }
.search-form button::before { position: absolute; content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002"; font-size: 16px; color: #ffffff; top: 5px; left: 7px; }
.search-form button:hover { background: #713167; }
.centers-searh { float: none; width: 100%; max-width: 268px; margin: 0 auto; border: 2px solid #F1F1F3; margin-bottom: 35px; }
.centers-searh input { display: block; background: #ffffff; border: 2px solid #ffffff; padding: 3px 40px 3px 10px; font-size: 16px; color: #0D1F2C; }
.centers-searh input::-webkit-input-placeholder { color: #7a7a7a; font-style: italic; }
.centers-searh input::-moz-placeholder { color: #7a7a7a; font-style: italic; }
.centers-searh input:-ms-input-placeholder { color: #7a7a7a; font-style: italic; }
.centers-searh input:-moz-placeholder { color: #7a7a7a; font-style: italic; }
/* CENTERS PAGE */
.ctpage-info-logo { text-align: center; }
.ctpage-info-logo img { max-width: 90%; max-height: 125px; margin: 0; }
.ctpage-info, .ctpage-info .ttl { text-align: left; }
.centers-page-head .container { padding: 15px 35px; background: #f3f3f3; margin-bottom: 35px; }
.centers-page-head .container p, .ctpage-info-more a { margin: 0; }
.centers-page-head .container p { font-size: 16px; line-height: 1.4; }
.ctpage-info-more { text-align: right; }
/* SYSTEM MESSAGES */
.notfound { text-align: center; }
.notfound i { display.: inline-block; vertical-align: top; margin: 4px 6px 0 0; font-size: 18; color: #4e88a0; }
.singlepage-section p, .singlepage-section li { font-size: 16px; }
/* SEARCH PAGE */
.articles-list-inline { list-style: none; margin: 0 -15px; padding: 0; }
.articles-list-inline li { border-bottom: 1px solid #ecf6e8; padding-bottom: 10px; margin-bottom: 25px; }
.articles-list-inline li h2 { display: block; vertical-align: top; margin: 1px 0 9px 0; }
.articles-list-inline li h2, .articles-list-inline li h2 a { color: #0D1F2C; font-weight: bold; font-size: 19px; line-height: 1.5; text-transform: uppercase; text-decoration: none; display: block; }
.articles-list-inline li h2 a:hover { color: #4e88a0; }
.articles-list-inline li .column-1 { -ms-flex: 0 0 165px; flex: 0 0 165px; max-width: 165px; }
.articles-list-inline li .column-2 { -ms-flex: 0 0 calc(100% - 165px); flex: 0 0 calc(100% - 165px); max-width: calc(100% - 165px); }
.articles-list-inline li p { font-size: 15px; line-height: 1.4; }
.search-image img { max-width: 140px; padding: 1px; margin: 0; }
/* ARTICLES SECTION */
.articles-list { position: relative; }
.articles-list li { padding-left: 15px; padding-right: 15px; margin-bottom: 55px; }
.articles-list li article { position: relative; }
.articles-list .inner { position: relative; overflow: hidden; z-index: 5; }
.articles-list .article-photo { position: relative; display: block; height: 212px; overflow: hidden; border: 1px solid #ccc; margin-bottom: 15px; }
.articles-list .article-photo span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.articles-list .item:hover .article-photo span { scale: 1.1; }
.articles-list .article-info { position: relative; }
.articles-list .article-info h2 { margin-bottom: 15px; overflow: hidden; }
.articles-list .article-info h2 a { display: block; color: #000; font-size: 16px; line-height: 1.2; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.articles-list .article-info h2 a:hover { color: #000; }
.articles-list .article-info time { display: block; margin-bottom: 15px; }}
.articles-list li .showmore-butn { display: block; color: #004AAD; }
.showmore-butn { color: #004AAD; }
.articles-list li .showmore-butn span::after { font-family: "FontAwesome"; content: "\f054"; color: #004AAD; }
/* ARTICLES / SINGLE */
.article-img { margin-bottom: 25px; }
/* TEXT EDITOR */
.alignleft { float: left; margin: 0 20px 10px 0; max-width: 400px; }
.alignright { float: right; margin: 0 0 10px 20px; max-width: 400px; }
.aligncenter { display: block; margin: 0 auto 25px auto; }
.wp-caption { max-width: 100%; text-align: center; }
blockquote { position: relative; padding: 0 0 0 25px; border-left: 1px solid #91989e; }
blockquote * { margin: 0; }
.article-wrapper h1, .article-wrapper h2, .article-wrapper h3 { color: #000; font-size: 26px; font-weight: normal; text-transform: uppercase; margin: 20px 0 15px 0; }
@media all and (max-width: 768px) {
.article-wrapper h1, .article-wrapper h2, .article-wrapper h3, .single-editor h1, .single-editor h2, .single-editor h3 { font-size: 19px; }
}
table { margin-bottom: 15px; border-top: 1px solid #91989e; border-left: 1px solid #91989e; }
table th, table td { padding: 6px 15px; border-bottom: 1px solid #91989e !important; border-right: 1px solid #91989e !important; }
table th { background: #91989e; color: #fff; border-color: #fff; }
.single-editor li, .showmore-butn { font-size: 16px; }
.wp-caption-text { margin-top: 15px; }
/* PAGINATION */
.navigation, .woocommerce-pagination { text-align: center; margin-bottom: 45px; }
.navigation ul, .woocommerce-pagination ul { display: inline-block; white-space: nowrap; padding: 0; margin: 1px; }
.navigation ul.page-numbers li, .navigation ul.page-numbers li, .woocommerce-pagination ul.page-numbers li, .woocommerce-pagination ul.page-numbers li { display: inline-block; }
.navigation ul li, .woocommerce-pagination ul li { padding: 0; margin: 0 3px; float: left; display: inline; overflow: hidden; }
.navigation a, .navigation span, .woocommerce-pagination ul li a, .woocommerce-pagination ul li span { display: block; width: 34px; height: 38px; text-align: center; line-height: 38px; color: #000; background: #eeeeee; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.navigation a, .navigation span { display: inline-block; vertical-align: top; margin: 0 3px; }
.navigation a:hover, .woocommerce-pagination ul li a:hover { background: #000; color: #fff; }
.navigation span.current, .woocommerce-pagination ul li span.current { background: #004AAD; color: #ffffff; text-shadow: rgba(0,0,0,0.48) 0 1px 1px; }
.navigation a.next span, .navigation a.prev span { background: transparent; }
.navigation a.next:hover span, .navigation a.prev:hover span { color: #fff; }
/* POPUPS */
.mfp-zoom-out .mfp-content { width: auto !important; vertical-align: middle !important; display: inline-block; margin-top: 35px; margin-bottom: 35px; }
.mfp-zoom-out .white-popup { display: block !important; position: relative; width: 510px !important; padding: 30px 30px 25px 30px; background: #fff; -webkit-box-shadow: 13px 13px 25px rgba(0,0,0,0.15); -moz-box-shadow: 13px 13px 25px rgba(0,0,0,0.15); box-shadow: 13px 13px 25px rgba(0,0,0,0.15); border: 1px solid #B8B8B8; z-index: 100000; }
.mfp-zoom-out .mfp-close, .modal a.close-modal { top: 10px !important; right: 17px !important; color: #6f6f6f !important; font-size: 35px !important; border-top: 0; border-right: 0; border: 0; border-radius: 100%; opacity: 1 !important; }
.mfp-zoom-out .mfp-close:hover { color: #61b23b !important; }
.mfp-zoom-out.mfp-bg { background: #000 !important; opacity: .3 !important; }
.mfp-zoom-out .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3); }
.mfp-zoom-out.mfp-bg { opacity: 0; transition: all 0.3s ease-out; }
.mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); }
.mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-zoom-out.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; }
.mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; }
.form-group.requaired { color: #fff; font-size: 14px; text-align: center; margin-bottom: 30px; }
.mfp-zoom-out .black-popup { background: rgba(29,29,26,1); background: -moz-linear-gradient(left, rgba(29,29,26,1) 0%, rgba(41,41,37,1) 36%, rgba(41,41,37,1) 50%, rgba(41,41,37,1) 65%, rgba(29,29,26,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(29,29,26,1)), color-stop(36%, rgba(41,41,37,1)), color-stop(50%, rgba(41,41,37,1)), color-stop(65%, rgba(41,41,37,1)), color-stop(100%, rgba(29,29,26,1))); background: -webkit-linear-gradient(left, rgba(29,29,26,1) 0%, rgba(41,41,37,1) 36%, rgba(41,41,37,1) 50%, rgba(41,41,37,1) 65%, rgba(29,29,26,1) 100%); background: -o-linear-gradient(left, rgba(29,29,26,1) 0%, rgba(41,41,37,1) 36%, rgba(41,41,37,1) 50%, rgba(41,41,37,1) 65%, rgba(29,29,26,1) 100%); background: -ms-linear-gradient(left, rgba(29,29,26,1) 0%, rgba(41,41,37,1) 36%, rgba(41,41,37,1) 50%, rgba(41,41,37,1) 65%, rgba(29,29,26,1) 100%); background: linear-gradient(to right, rgba(29,29,26,1) 0%, rgba(41,41,37,1) 36%, rgba(41,41,37,1) 50%, rgba(41,41,37,1) 65%, rgba(29,29,26,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1a', endColorstr='#1d1d1a', GradientType=1 ); }
.form-wrapper.black-form .form-group input.form-control, .form-wrapper.black-form .form-group textarea { background: transparent; }
.mfp-zoom-out .black-popup .mfp-close:hover { color: #F8D0AC !important; }
.mfp-zoom-out .black-popup::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/order-bg.png") 50% 50% no-repeat; background-size: 70%; }
.mfp-zoom-out .mfp-content h3 { font-size: 23px; }
.form-group.put-servicetitle, .form-group.put-specialist, .form-group.put-action { display: none; }
.mfp-zoom-out .ttl { margin-bottom: 20px; }
/* FORMS */
.form-wrapper { position: relative; z-index: 10; }
.form-group { position: relative; margin-bottom: 15px; }
.form-group:last-child { margin-bottom: 0 !important; }
.form-group input.form-control, .form-group textarea, .form-group select.form-control { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; border: 0; background: #fff; padding: 10px 15px; height: auto; border: 1px solid #B8B8B8; border-radius: 0; }
.form-group select.form-control { height: auto !important; }
.form-group input.form-control::-webkit-input-placeholder { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; }
.form-group input.form-control::-moz-placeholder { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; }
.form-group input.form-control:-ms-input-placeholder { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; }
.form-group input.form-control:-moz-placeholder { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; }
.form-group textarea::-webkit-input-placeholder { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; }
.form-group textarea::-moz-placeholder { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; }
.form-group textarea:-ms-input-placeholder { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; }
.form-group textarea:-moz-placeholder { font-family: 'Roboto', sans-serif; color: #6f6f6f; font-size: 15px; }
.form-group input.form-control.wpcf7-not-valid, .form-group textarea.wpcf7-not-valid { background: #ffdfdf !important; }
.form-group textarea { max-height: 100px; }
.form-group input.form-control.wpcf7-not-valid, .form-group textarea.wpcf7-not-valid { background: #ff96a4 !important; }
.hidden-form-group { display: none; }
.wpcf7 form .wpcf7-response-output { margin-left: 0; margin-right: 0; }
.form-input.wpcf7-not-valid, .form-textarea.wpcf7-not-valid { border-color: #f03952; border-width: 1px !important; font-size: 13px; line-height: 1.2; }
.ajax-loader { position: absolute !important; top: 12px !important; left: 0; width: 15px; height: 15px; margin: 0 !important; background: #ffffff; border-radius: 15px; }
.wpcf7-not-valid-tip, .screen-reader-response { display: none !important; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output { background: #fff; font-size: 15px; line-height: 1.2; }
.agree { margin: 0 0 15px 0; }
.agree span.wpcf7-list-item { margin: 0; padding: 0 4px; }
.agree span.wpcf7-validates-as-required { border-bottom: 2px solid rgba(255,255,255,0); margin: 0 6px 0 0; }
.agree span.wpcf7-validates-as-required.wpcf7-not-valid { border-color: #f06b7a; }
.agree a { color: #000; font-size: 15px; text-decoration: underline; }
form p, .form-group p, .agree p { font-size: 15px; line-height: 1.2; }
.agree .wpcf7-list-item-label { display: none; }
.wpcf7-spinner { position: absolute; top: 11px; left: 10px; margin: 0; }
/* FOOTER */
footer { position: relative; background: #292929; padding: 25px 0; z-index: 50; }
/* FOOTER SOCIAL BUTTONS */
footer .socials-list { text-align: center; }
footer .socials-list li a { background: #8e508c; }
footer .socials-list li a i { color: #fff; }
/* FOOTER LOGO */
.footer-logo { text-align: center; }
.footer-logo img { margin: 0; max-width: 100%; height: auto; }
/* FOOTER CONTACTS */
.footer-contacts { color: #f1f1f1; text-align: center; }
.kitmed-logo { display: block; margin-bottom: 15px; text-align: center; }
.footer-contacts p { color: #fff; font-size: 16px; margin-top: 15px; margin-bottom: 5px; }
.footer-contacts p a { color: #fff; text-decoration: none; }
.rate18 { width: 45px; height: 45px; margin: 15px auto 0 auto; text-align: center; line-height: 45px; background: #aa6db0; border-radius: 100%; color: #fff; font-size: 20px; z-index: 5; }
/* TRAINERS */
.trainers-section { overflow: hidden; background: transparent; }
.trainers-section .container { position: relative; z-index: 5; }
.trainers-list li { margin-bottom: 25px; text-align: center; }
.trainers-list li .item { position: relative; display: inline-block; padding: 0 25px; text-align: center; }
.trainers-list li .item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; }
.trainer-photo { position: relative; width: 200px; height: 200px; margin: 0 auto 25px auto; border: 1px solid #0D1F2C; z-index: 10; }
.trainer-photo::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 5; }
.trainer-photo-round { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.trainers-central .trainer-photo { text-align: right; padding-right: 30px; }
.trainer-info h2, .trainer-popup h3 { color: #0D1F2C; font-weight: bold; font-size: 1.1rem; line-height: 1.2; text-transform: uppercase; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.trainer-info h2 span { display: block; font-size: 18px; margin-top: 5px; font-weight: normal; }
.trainer-short { font-size: 14px; line-height: 1.2; min-height: 68px; }
.trainer-photo img { max-width: 85%; }
.trainers-list li:hover .trainer-photo-round { scale: 1.09; -webkit-box-shadow: 0px 0px 50px -9px rgba(0,0,0,0.36); -moz-box-shadow: 0px 0px 50px -9px rgba(0,0,0,0.36); box-shadow: 0px 0px 50px -9px rgba(0,0,0,0.36); }
.trainers-list li:hover .trainer-photo::before { border: 3px solid #fff; }
.trainers-list li:hover h2 { color: #A86F7F; }
.trainer-more-butn { color: #A86F7F; font-size: 14px; text-decoration: underline; }
.trainer-popup * { color: #0D1F2C !important; }
/* ACADEMY / BUTTONS */
.butn.academy-butn { background: #08dcd8 !important; border: 1px solid #000008; color: #000008; }
.butn.academy-butn span, .butn.big-butn span { display: block; font-size: 14px; }
.butn.academy-butn:hover { background: #069693 !important; color: #fff; }
.academy-soldout { position: absolute; top: 70px; right: 85px; padding: 15px; text-align: center; color: #fff; overflow: hidden; border-radius: 15px; }
.academy-soldout::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #DF333D; background: -webkit-linear-gradient(180deg, rgba(223, 51, 61, 1) 0%, rgba(223, 51, 61, 1) 50%, rgba(125, 26, 31, 1) 100%); background: -moz-linear-gradient(180deg, rgba(223, 51, 61, 1) 0%, rgba(223, 51, 61, 1) 50%, rgba(125, 26, 31, 1) 100%); background: linear-gradient(180deg, rgba(223, 51, 61, 1) 0%, rgba(223, 51, 61, 1) 50%, rgba(125, 26, 31, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DF333D", endColorstr="#7D1A1F", GradientType=0); z-index: -1; }
.academy-soldout h3 { display: inline-block; font-size: 32px; font-weight: 700; text-transform: uppercase; border: 2px solid #fff; padding: 8px 35px; border-radius: 9px; margin-bottom: 15px; }
.academy-soldout p { text-align: center !important; margin: 0; }
.academy-soldout strong { display: block; }
@media (max-width: 1200px) {
.academy-soldout { top: 5px; z-index: 50; }
}
@media (max-width: 992px) {
.academy-soldout { position: relative; top: auto; right: auto; margin-top: 45px; }
.academy2-main-section .academy-main-bottom { padding-top: 55px !important; }
}
@media (max-width: 580px) {
.academy-soldout h3 { font-size: 26px; }
.academy-soldout p { font-size: 16px; }
.academy2-main-section .academy-main-bottom { padding-top: 15px !important; }
}
/* ACADEMY / MAIN */
.academy-main-section.in { padding-top: 90px; background-image: image-set(url("../images/webp/academy-mainbg.webp") type("image/webp"), url("../images/academy/academy-mainbg.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: center; background-size: cover;z-index: 20; }
.academy-main-head .column-1 { -ms-flex: 0 0 400px; flex: 0 0 400px; max-width: 400px; text-align: center; }
.academy-main-head .column-2 { -ms-flex: 0 0 calc(100% - 400px); flex: 0 0 calc(100% - 400px); max-width: calc(100% - 400px); }
.academy-logo { position: relative; display: inline-block; max-width: 300px; text-align: center; }
.academy-logo::before { content: ""; position: absolute; top: -60px; left: -97px; width: 525px; height: 272px; background-image: image-set(url("../images/webp/academy-logo-bg.webp") type("image/webp"), url("../images/academy/academy-logo-bg.png") type("image/jpeg")); background-repeat: no-repeat; background-position: center; mix-blend-mode: screen; z-index: -1; }
.academy-logo::after { content: ""; position: absolute; bottom: -105px; left: 50%; margin-left: -60px; width: 120px; height: 84px; background: url("../images/academy/academy-logo-bg2.png") 50% 50% no-repeat; }
.academy-logo-border::before { content: ""; position: absolute; bottom: -15px; left: 0; width: 100%; height: 1px; background: #08dcd8; }
.academy-logo-border::after { content: ""; position: absolute; bottom: -19px; right: 50%; margin-right: -133px; width: 7px; height: 8px; background: #08dcd8; border-radius: 100%; }
.academy-logo img { max-width: 100%; }
.academy-main-head h2 { padding-left: 70px; color: #aa6db0; font-size: 29px; font-weight: bold; text-transform: uppercase; }
.academy-main-bottom { position: relative; padding-top: 130px; }
.academy-main { position: absolute; bottom: 15px; left: 50%; margin-left: -234px; width: 469px; }
.academy-main-bottom .column-1, .academy-main-bottom .column-2 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.academy-main-bottom .column-2 { text-align: right; }
.academy-event-aboutinfo { color: #fff; font-size: 17px; line-height: 1.4; }
.academy-event-info { display: inline-block; text-align: left; }
.academy-event-info li { position: relative; color: #08dcd8; font-size: 20px; font-weight: 300; margin-bottom: 25px; }
.academy-event-info li::before { content: ""; position: absolute; bottom: -28px; left: -40px; width: 24px; height: 28px; background: url("../images/academy/academy-event-info-hex.svg") 50% 50% no-repeat; }
.academy-event-info li::after { content: ""; position: absolute; bottom: -14px; left: -16px; width: calc(100% + 16px); height: 1px; background: #08dcd8; }
.academy-event-info li:last-child::before, .academy-event-info li:last-child::after { display: none; }
.academy-main-section .buttons { position: absolute; bottom: -22px; left: 0; width: 100%; text-align: center; }
/* ACADEMY 2 / MAIN */
.academy2-main-section.in { padding-bottom: 25px; }
.academy2-main-head { max-width: 400px; }
.academy2-main-section .container { position: relative; }
.academy2-main-section .academy-main-bottom { max-width: 635px; padding-top: 155px; }
.academy2-main-section .academy-main-bottom h2 { position: relative; color: #fff; font-size: 29px; font-weight: 200; text-transform: uppercase; padding-bottom: 15px; }
.academy2-main-section .academy-main-bottom h2 span { position: relative; display: inline-block; font-weight: bold; margin: 3px 0; padding: 3px 0; }
.academy2-main-section .academy-main-bottom h2 span::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(14,146,149); background: -moz-linear-gradient(90deg, rgba(14,146,149,0) 0%, rgba(14,146,149,1) 30%, rgba(14,146,149,1) 50%, rgba(14,146,149,1) 70%, rgba(14,146,149,0) 100%); background: -webkit-linear-gradient(90deg, rgba(14,146,149,0) 0%, rgba(14,146,149,1) 30%, rgba(14,146,149,1) 50%, rgba(14,146,149,1) 70%, rgba(14,146,149,0) 100%); background: linear-gradient(90deg, rgba(14,146,149,0) 0%, rgba(14,146,149,1) 30%, rgba(14,146,149,1) 50%, rgba(14,146,149,1) 70%, rgba(14,146,149,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e9295",endColorstr="#0e9295",GradientType=1); z-index: -1; }
.academy2-main-section .academy-main-bottom h2::after { content: ""; position: absolute; bottom: -10px; left: -30px; width: 100%; max-width: 620px; height: 28px; background: url("../images/academy/academy-main-separator.svg") 50% 50% no-repeat; }
.academy2-main-section .academy-main { bottom: -20px; left: auto; right: 0; margin: 0; width: 597px; }
.academy2-main-section .buttons { bottom: -63px; }
/* ACADEMY 2 / BUTTONS */
.academy-buttons { background: #401332; padding: 15px 0; }
.academy-buttons .buttons { margin: 0; }
/* ACADEMY / THEMES */
.academy-themes-section.in { padding-bottom: 15px; background: #aa6db0; }
.academy-themes-section .ttl { margin-bottom: 15px; }
.academy-themes-section .ttl h2 { position: relative; padding: 6px 0; color: #fff; }
.academy-themes-section .ttl h2::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(91,27,69); background: -moz-linear-gradient(90deg, rgba(91,27,69,0) 0%, rgba(91,27,69,1) 25%, rgba(91,27,69,1) 50%, rgba(91,27,69,1) 75%, rgba(91,27,69,0) 100%); background: -webkit-linear-gradient(90deg, rgba(91,27,69,0) 0%, rgba(91,27,69,1) 25%, rgba(91,27,69,1) 50%, rgba(91,27,69,1) 75%, rgba(91,27,69,0) 100%); background: linear-gradient(90deg, rgba(91,27,69,0) 0%, rgba(91,27,69,1) 25%, rgba(91,27,69,1) 50%, rgba(91,27,69,1) 75%, rgba(91,27,69,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b1b45",endColorstr="#5b1b45",GradientType=1); z-index: -1; }
.academy-themes-wrapper { max-width: 920px; padding: 0 40px; margin: 0 auto; }
.academy-themes-wrapper .inner { position: relative; padding: 20px 65px; z-index: 2; }
.academy-themes-list li { margin-bottom: 20px; }
.academy-themes-list h3 { color: #fff; font-weight: 400; line-height: 1; margin: 0; }
.academy-themes-list .blue h3 span { color: #08dcd8; }
.academy-themes-list .flx h3 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.academy-themes-list .big { color: #fff; font-size: 45px; font-weight: 700; text-transform: uppercase; }
.academy-themes-list .sm { color: #fff; font-size: 29px; }
.academy-themes-list .strong h3 { font-weight: bold; }
.academy-themes-list .brd { display: inline-block; border: 1px solid #fff; padding: 5px 1px 5px 8px; }
.academy-themes-list .brd h3 { margin: 0; }
.academy-themes-list .full .big { display: block; line-height: 1; }
.academy-themes-list .full .sm { position: relative; top: 0; font-size: 38px; }
.academy-themes-list .caps { text-transform: uppercase; }
.academy-themes-list h3 span.mid { color: #fff; font-size: 23px; font-weight: 700; text-transform: uppercase; padding-right: 10px; }
.academy-themes-list .white-bg span, .academy-themes-list .blue-bg span { display: inline-block !important; background: #fff; color: #aa6db0; padding: 2px 5px; }
.academy-themes-list .blue-bg span { background: #08dcd8; }
.academy-themes-list .item-2, .academy-themes-list .item-3, .academy-themes-list .item-4, .academy-themes-list .item-5 { margin-left: 80px; }
.academy-themes-list .item-1 { padding-right: 8px; }
.academy-themes-list .item-1 span { font-size: 50.8px; }
.academy-themes-list .item-2 span.big { font-size: 48.5px; }
.academy-themes-list .item-2 span.sm { font-size: 40.2px; }
.academy-themes-list .item-3 span.big { font-size: 46px; }
.academy-themes-list .item-4 { border-color: #08dcd8; margin-bottom: 12px; }
.academy-themes-list .item-4 span.big { font-size: 53px; padding-right: 0; margin-top: 0; }
.academy-themes-list .item-4 span.sm { font-size: 39.7px; letter-spacing: 10px; }
.academy-themes-list .item-4 span { color: #fff; font-size: 32.5px; }
.academy-themes-list .item-5 { margin-bottom: 10px; }
.academy-themes-list .item-5 span { color: #fff; font-size: 33.2px; }
.academy-themes-list .item-6 { position: absolute; top: 195px; left: -100px; width: 394px; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.academy-themes-list .item-6 span.big { font-size: 56px; letter-spacing: 8.5px; }
.academy-themes-list .item-7 { margin-left: 7px; }
.academy-themes-list .item-7 span.big { font-size: 52px; width: 710px; }
.academy-themes-list .item-8 { position: absolute; top: 217px; right: 18px; width: 363px; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.academy-themes-list .item-8 span.big { font-size: 47.8px; }
.academy-themes-list .item-9 { position: absolute; top: 178px; right: -96px; width: 405px; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.academy-themes-list .item-9 span.big { font-size: 58px; letter-spacing: 8.5px; }
.academy-themes-list .item-9 span.sm { font-size: 42px; letter-spacing: 12.5px; }
/* ACADEMY2 / THEMES */
.academy2-themes-section.in { padding-top: 60px; }
.academy2-themes-section .container::before { content: ""; position: absolute; top: 60px; left: 50%; margin-left: -985px; width: 744px; height: 549px; background-image: image-set(url("../images/webp/academy2-themes-leftbg.webp") type("image/webp"), url("../images/academy/academy2-themes-leftbg.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; z-index: -1; }
.academy2-themes-section .container::after { content: ""; position: absolute; top: -7px; right: 50%; margin-right: -800px; width: 288px; height: 691px; background: url("../images/academy/academy2-themes-rightbg.svg") 50% 50% no-repeat; background-size: 100% 100%; z-index: -1; }
.academy-themes-list .item-10 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: space-between; }
.academy-themes-list .item-10 .prt1 span { color: #aa6db0; font-size: 47.8px; font-weight: 700; text-transform: uppercase; background: #08dcd8; padding: 2px 5px; }
.academy-themes-list .item-10 .prt2 { margin-left: 25px; text-align: right; }
.academy-themes-list .item-10 .prt2 span { display: inline-block; text-align: left; color: #fff; }
.academy-themes-list .item-10 .prt2 .line1 { font-size: 30px; font-weight: 200; letter-spacing: 4px; margin-bottom: 6px; }
.academy-themes-list .item-10 .prt2 .line2 { font-size: 28px; font-weight: bold; letter-spacing: 52px; margin-right: -49px; }
/* ACADEMY / SPEAKERS */
.academy-speakers .ttl h2 { font-weight: normal; }
.academy-speakers .ttl strong { color: #aa6db0; font-weight: bold; }
.academy-speakers-list li { margin-bottom: 35px; }
.academy-speaker-photo { position: relative; width: 221px; height: 221px; border: 2px solid #08dcd8; border-radius: 100%; margin: 0 auto 10px auto; overflow: hidden; z-index: 10; }
.academy-speaker-photo span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.academy-speaker-info { position: relative; border-top: 20px solid #aa6db0; text-align: center; padding: 5px 10px 10px 10px; margin: -22px 10px 0 10px; -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.25); }
.academy-speaker-info h3 { position: relative; color: #aa6db0; font-size: 20px; font-weight: bold; margin-bottom: 20px; }
.academy-speaker-info h3::after { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -65px; width: 130px; height: 1px; background: #aa6db0; }
.academy-speaker-info p { font-size: 17px; margin: 0; min-height: 101px; }
/* ACADEMY2 / SPEAKERS */
.academy2-speakers .academy-speaker-info { border: 0; text-align: center; padding: 25px 0 0 0; margin: -22px 10px 0 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.academy2-speakers .academy-speaker-info .get-popup { font-size: 15px; }
.speaker-popup h3 { color: #aa6db0; }
.speaker-popup p { font-size: 17px; }
.academy2-speakers .ttl { position: relative; }
.academy2-speakers .ttl::before { content: ""; position: absolute; bottom: -15px; left: 50%; margin-left: -275px; width: 550px; height: 2px; background: #08dcd8; }
.academy2-speakers .ttl::after { content: ""; position: absolute; top: auto; bottom: -23px; left: 50%; margin-left: -95px; width: 18px; height: 18px; background: #08dcd8; border-radius: 100%; }
/* ACADEMY2 / FEATURES */
.academy2-features { background-image: image-set(url("../images/webp/academy2-features-bg.webp") type("image/webp"), url("../images/academy/academy2-features-bg.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: center; background-size: cover; }
.academy2-features .ttl h2 { color: #fff; padding-top: 6px; padding-bottom: 6px; }
.academy2-features .ttl h2::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(46,163,184); background: -moz-linear-gradient(90deg, rgba(46,163,184,0) 0%, rgba(46,163,184,1) 30%, rgba(46,163,184,1) 50%, rgba(46,163,184,1) 70%, rgba(46,163,184,0) 100%); background: -webkit-linear-gradient(90deg, rgba(46,163,184,0) 0%, rgba(46,163,184,1) 30%, rgba(46,163,184,1) 50%, rgba(46,163,184,1) 70%, rgba(46,163,184,0) 100%); background: linear-gradient(90deg, rgba(46,163,184,0) 0%, rgba(46,163,184,1) 30%, rgba(46,163,184,1) 50%, rgba(46,163,184,1) 70%, rgba(46,163,184,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2ea3b8",endColorstr="#2ea3b8",GradientType=1); z-index: -1; }
.academy2-features-list { max-width: 780px; margin: 0 auto; }
.academy2-features-list li { position: relative; color: #fff; font-size: 26px; font-weight: 400; text-transform: uppercase; line-height: 1.5; margin-bottom: 15px; }
.academy2-features-list li:last-child { margin: 0; }
.academy2-features-list li strong { color: #00ffff; }
.academy2-features-list li::before { content: ""; position: absolute; top: 39px; left: -15px; width: calc(100% + 25px); height: 1px; background: #08dcd8; }
.academy2-features-list li::after { content: ""; position: absolute; top: 30px; left: -25px; width: 18px; height: 18px; background: #08dcd8; border-radius: 100%; }
/* ACADEMY / PROGRAMM */
.academy-programm.in { padding-bottom: 0; background: #e2e8ed url("../images/academy/programm-bg.jpg") 50% 0 no-repeat; z-index: 20; }
.academy-programm::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 690px; background: #e2e8ed url("../images/academy/programm-bg2.jpg") 50% 0 no-repeat; }
.academy-programm .container { position: relative; z-index: 50; }
.academy-programm .ttl { margin-bottom: 15px; }
.academy-programm .ttl h2 { color: #fff; padding-top: 6px; padding-bottom: 6px; }
.academy-programm-day { margin-bottom: 45px; }
.academy-programm-day-ttl { position: relative; font-size: 32px; color: #aa6db0; font-weight: bold; text-transform: uppercase; text-align: center; margin-bottom: 45px; }
.academy-programm-day-ttl span { display: block; color: #48494e; font-weight: 400; letter-spacing: 12px; }
.academy-programm-day-ttl span::before { content: ""; position: absolute; bottom: -15px; left: 50%; margin-left: -275px; width: 550px; height: 2px; background: #08dcd8; }
.academy-programm-day-ttl span::after { content: ""; position: absolute; bottom: -23px; left: 50%; margin-left: -95px; width: 18px; height: 18px; background: #08dcd8; border-radius: 100%; }
.academy-programm-block { margin-bottom: 35px; }
.academy-programm-block-ttl { position: relative; padding-left: 110px; margin-bottom: 25px; }
.academy-programm-block-ttl::after { content: ""; position: absolute; top: -10px; left: 80px; width: 1008px; height: 78px; background: url("../images/academy/academy-programm-block.svg") 50% 50% no-repeat; background-size: 100% 100%; z-index: -1; }
.academy-programm-block-ttl.big-ttl::after { top: -12px; width: 993px; height: 109px; background: url("../images/academy/academy-programm-block-big.svg") 50% 50% no-repeat; }
.academy-programm-block-ttl h4 { color: #fff; font-weight: bold; }
.academy-programm-block-ttl h4 span { font-weight: 400; }
.academy-programm-block-ttl figure { position: absolute; top: -15px; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 77px; height: 88px; background: url("../images/academy/academy-programm-hex.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.academy-programm-block-ttl.big-ttl figure { top: -2px; }
.academy-programm-block-ttl figure img { max-width: 55px; max-height: 70px; width: auto; height: auto; }
.academy-programm-list li { position: relative; font-size: 17px; font-weight: bold; margin-left: 125px; padding-bottom: 10px; margin-bottom: 10px; }
.academy-programm-list li::after { content: ""; position: absolute; top: 7px; left: -20px; width: 6px; height: 6px; background: #aa6db0; border-radius: 100%; }
.academy-programm-list li::before { content: ""; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background: #aa6db0; }
.academy-programm-list li:last-child::before { display: none; }
.academy-programm-block .attachments-grid { margin: 0; }
.academy-programm-block .attachments-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; margin-left: 125px; margin-top: -25px; }
.academy-programm-block .attachments-list .hex { margin: 0; }
.academy-programm .buttons { position: relative; bottom: -22px; text-align: center; }
.butn.academy-butn { background: #08dcd8 !important; border: 1px solid #000008; color: #000008; }
.butn.academy-butn:hover { background: #069693 !important; color: #fff; }
.academy-programm-block .buttons div { color: #fff; cursor: pointer; }
.academy-programm-block-info { display: none; }
/* ACADEMY2 / PROGRAMM */
.academy2-programm.in { padding: 0; background: transparent; }
.academy2-programm .academy-programm-day-ttl { font-size: 36px; margin-bottom: 70px; }
.academy2-programm .academy-programm-day-ttl span { color: #08dcd8; font-size: 30px; text-transform: none; margin-top: 10px; }
.academy2-programm-block { position: relative; padding: 55px 0; overflow: hidden; }
.academy2-programm-block.block-1::before { content: ""; position: absolute; top: 0; left: 50%; margin-left: -1341px; width: 2682px; height: 100%; background-image: image-set(url("../images/webp/block1.webp") type("image/webp"), url("../images/academy/block1.jpg") type("image/jpeg")); background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-size: cover; }
.academy2-programm-block.block-1 .container::before { content: ""; position: absolute; top: 250px; left: 50%; margin-left: -985px; width: 448px; height: 323px; background: url("../images/academy/block1-leftbg.svg") 50% 50% no-repeat; background-size: 100% 100%; z-index: 5; }
.academy2-programm-block.block-1 .container::after { content: ""; position: absolute; top: -200px; right: 50%; margin-right: -800px; width: 288px; height: 694px; background: url("../images/academy/block1-rightbg.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.academy2-programm-block.block-2::before { content: ""; position: absolute; top: 0; left: 50%; margin-left: -1341px; width: 2682px; height: 100%; background-image: image-set(url("../images/webp/block2.webp") type("image/webp"), url("../images/academy/block2.jpg") type("image/jpeg")); background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-size: cover; }
.academy2-programm-block p, .academy2-programm-block blockquote { color: #fff; }
.academy-programm-block-info { padding-left: 130px; }
.academy2-programm-block blockquote { padding: 10px 15px; background: #5b1b45; border: 0; margin-bottom: 15px; }
.academy2-programm-block .academy-programm-block-ttl { padding-left: 130px; }
.academy2-programm-block .academy-programm-block-ttl figure { display: block; background: transparent; }
.academy2-programm-block .academy-programm-block-ttl figure img { max-width: 100%; max-height: 100%; }
.academy2-programm-block .academy-programm-block-ttl h4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 57px; }
.academy2-programm-block.block-2 blockquote { background: #342f39; }
.academy-programm.academy2-programm::after { display: none; }
.academy-programm-block-info.align-center { padding-left: 0; }
.academy-programm-block-info.align-center a { color: #fff; }
/* PROGRAMM SECTION */
.programm-section.in { padding-bottom: 0; background: #fff; z-index: 10; }
.programm-head { position: relative; max-width: 590px; margin: 40px auto 35px auto; text-align: center; }
.programm-head h3 { display: inline-block; text-align: center; color: #0052a1; font-size: 25px; font-weight: bold; padding: 10px 15px; border: 1px solid #0052a1; background: #fff; margin: 0 0 15px 0; }
.programm-head h4 { color: #0052a1; font-size: 20px; text-transform: uppercase; font-weight: 300; }
.programm-head p { color: #000 !important; font-size: 19px; border: 1px solid #fff; padding: 15px; border-radius: 36px 0 36px 0; background: rgba(221,188,106,1); background: -moz-linear-gradient(top, rgba(221,188,106,1) 0%, rgba(255,255,255,0.88) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(221,188,106,1)), color-stop(100%, rgba(255,255,255,0.88))); background: -webkit-linear-gradient(top, rgba(221,188,106,1) 0%, rgba(255,255,255,0.88) 100%); background: -o-linear-gradient(top, rgba(221,188,106,1) 0%, rgba(255,255,255,0.88) 100%); background: -ms-linear-gradient(top, rgba(221,188,106,1) 0%, rgba(255,255,255,0.88) 100%); background: linear-gradient(to bottom, rgba(221,188,106,1) 0%, rgba(255,255,255,0.88) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddbc6a', endColorstr='#ffffff', GradientType=0 ); -webkit-box-shadow: 0 0 30px -20px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 30px -20px rgba(0,0,0,0.75); box-shadow: 0 0 30px -20px rgba(0,0,0,0.75); }
.programm-list { margin-bottom: 55px; }
.programm-list li { position: relative; font-size: 16px; text-transform: uppercase; padding: 0 0 15px 0; margin-bottom: 25px; border: 1px solid rgba(255,255,255,0.30); -webkit-box-shadow: 0 0 30px -20px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 30px -20px rgba(0,0,0,0.75); box-shadow: 0 0 30px -20px rgba(0,0,0,0.75); border-radius: 16px; }
.programm-list li div { font-weight: bold; color: #000; padding: 19px 15px 19px 70px; background: #ddd; border-bottom: 1px solid #e30613; border-right: 1px solid #e30613; border-radius: 16px; }
.programm-list li p { padding: 15px 15px 15px 60px; text-transform: none; margin: 0; }
.programm-list li ul { margin: 25px 0 0 25px; padding: 0; }
.programm-list li ul li { text-transform: none; margin-bottom: 9px; padding: 10px 0 0 35px; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; }
.programm-list li ul li div { display: inline-block; padding: 0; background: none; font-weight: bold; border-bottom: 1px solid rgba(221,188,106,1); }
.programm-list li ul li:before { display: none; }
.programm-list li ul ul { margin-top: 15px; }
.programm-list li ul ul li:before { position: absolute; top: 12px; left: 25px; content: ""; display: block; top: 9px; left: 0; width: 20px; height: 25px; background: url("../images/global-congress/wtborder-hex.png") 50% 50% no-repeat; background-size: 96%; }
.programm-list li ul ul li { border: 0; }
li.programm-brake { padding-bottom: 5px; }
li.programm-brake ul { margin-top: 5px; }
li.programm-brake:before { display: none; }
.programm-icon { position: absolute; top: 8px; left: 15px; width: 42px; height: 42px; border: 0 !important; padding: 0 !important; background-size: 99% auto !important; }
.programmevent2 { position: relative; padding: 30px 0 50px 0; }
.programmevent2::before { content: ""; position: absolute; top: 0; left: -6000px; width: 14000px; height: 100%; background: url("../images/global-congress2/congress2-starsbg.jpg") fixed no-repeat; background-size: cover; z-index: -1; }
.programm-head h4 { color: #fff; }
.programmevent2 .programmevent2-list li div { padding: 15px 20px; color: #fff; text-shadow: rgba(0,0,0,.6) 0 1px 2px; border-radius: 26px; margin-bottom: 25px; background: rgba(29,123,224,1); background: -moz-linear-gradient(-45deg, rgba(29,123,224,1) 0%, rgba(2,70,147,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(29,123,224,1)), color-stop(100%, rgba(2,70,147,1))); background: -webkit-linear-gradient(-45deg, rgba(29,123,224,1) 0%, rgba(2,70,147,1) 100%); background: -o-linear-gradient(-45deg, rgba(29,123,224,1) 0%, rgba(2,70,147,1) 100%); background: -ms-linear-gradient(-45deg, rgba(29,123,224,1) 0%, rgba(2,70,147,1) 100%); background: linear-gradient(135deg, rgba(29,123,224,1) 0%, rgba(2,70,147,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d7be0', endColorstr='#024693', GradientType=1 ); }
.programmevent2 .programmevent2-list li div strong { display: block; text-transform: uppercase; }
.programmevent2 .programmevent2-list li.headline div { text-align: center; background: rgba(227,6,21,1);
background: -moz-linear-gradient(left, rgba(227,6,21,1) 0%, rgba(219,138,145,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(227,6,21,1)), color-stop(100%, rgba(219,138,145,1)));
background: -webkit-linear-gradient(left, rgba(227,6,21,1) 0%, rgba(219,138,145,1) 100%);
background: -o-linear-gradient(left, rgba(227,6,21,1) 0%, rgba(219,138,145,1) 100%);
background: -ms-linear-gradient(left, rgba(227,6,21,1) 0%, rgba(219,138,145,1) 100%);
background: linear-gradient(to right, rgba(227,6,21,1) 0%, rgba(219,138,145,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30615', endColorstr='#db8a91', GradientType=1 ); }
.bbooss-list { text-align: center; }
.bbooss-list .round-programm-photo::before { display: none; }
.bbooss-list li { display: inline-block; vertical-align: top; width: 128px; margin: 0 -2px 25px -2px; }
.programma2-bg { position: relative; padding: 50px 0; }
.programma2-bg::before { content: ""; position: absolute; top: 0; left: -6000px; width: 14000px; height: 100%; background: url("../images/global-congress2/congress2-starsbg.jpg") fixed no-repeat; background-size: cover; z-index: -1; }
.programma-section .programma2-bg:last-child { padding-top: 0; }
.programma2-bg .programm-head { max-width: 100%; margin: 0; background: rgba(255,555,255,.8); border-radius: 26px 26px 0 0; background: -moz-linear-gradient(-45deg, rgba(29,123,224,1) 0%, rgba(2,70,147,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(29,123,224,1)), color-stop(100%, rgba(2,70,147,1))); background: -webkit-linear-gradient(-45deg, rgba(29,123,224,1) 0%, rgba(2,70,147,1) 100%); background: -o-linear-gradient(-45deg, rgba(29,123,224,1) 0%, rgba(2,70,147,1) 100%); background: -ms-linear-gradient(-45deg, rgba(29,123,224,1) 0%, rgba(2,70,147,1) 100%); background: linear-gradient(135deg, rgba(29,123,224,1) 0%, rgba(2,70,147,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d7be0', endColorstr='#024693', GradientType=1 ); }
.programma2-bg .programm-head h3 { font-size: 16px; color: #fff; font-weight: normal; background: transparent; border: 0; margin: 0; }
.programma2-bg .programm-head h3 span { font-size: 24px; color: #fff; text-transform: uppercase; font-weight: bold; }
.programma2-bg .programm-head h4 { margin: 0; font-size: 17px; }
.programm2-list, .programma2-body { position: relative; padding: 15px 20px; color: #fff; text-shadow: rgba(0,0,0,.6) 0 1px 2px; border-radius: 0 0 26px 26px; margin-bottom: 25px; /*background: -moz-linear-gradient(-45deg, rgba(29,123,224,1) 0%, rgba(2,70,147,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(29,123,224,1)), color-stop(100%, rgba(2,70,147,1))); background: -webkit-linear-gradient(-45deg, rgba(29,123,224,1) 0%, rgba(2,70,147,1) 100%); background: -o-linear-gradient(-45deg, rgba(29,123,224,1) 0%, rgba(2,70,147,1) 100%); background: -ms-linear-gradient(-45deg, rgba(29,123,224,1) 0%, rgba(2,70,147,1) 100%); background: linear-gradient(135deg, rgba(29,123,224,1) 0%, rgba(2,70,147,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d7be0', endColorstr='#024693', GradientType=1 ); */ }
.programm2-list li { margin-bottom: 25px; }
.round-programm-photo { position: relative; width: 105px; height: 105px; border-radius: 105px; margin: 0 auto 10px auto; }
.round-programm-photo::before { content: ""; position: absolute; top: 50%; left: 100%; width: 95px; height: 1px; background: #fff; }
.round-programm-photo div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; overflow: hidden; }
.round-programm-photo div::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; border: 1px solid #fff; }
.round-programm-photo.round-speaker-photo div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.round-programm-photo.round-speaker-photo img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; }
.programm2-list li h3 { font-size: 14px; text-align: center; }
.programm2-list li.item-block h5 { font-size: 20px; margin-top: 5px; text-transform: uppercase; }
.programm2-list li.item-block-sub { margin-left: 145px; }
.programm2-list li.item-block-sub .round-programm-photo { width: 65px; height: 65px; border-radius: 105px; }
.programm2-list li.item-block-sub .programm2-speakerinfo { padding: 25px 15px 15px 15px; }
.programm2-list li.item-block-sub .column-1 { -ms-flex: 0 0 120px; flex: 0 0 120px; max-width: 120px; }
.programm2-list li.item-block-sub .column-2 { -ms-flex: 0 0 calc(100% - 120px); flex: 0 0 calc(100% - 120px); max-width: calc(100% - 120px); }
.programm2-list li.item-block-sub .round-programm-photo::before { width: 35px; }
.programm2-list li.item-block-sub .round-programm-photo::after { content: ""; position: absolute; bottom: 100%; left: 50%; width: 1px; height: 20px; background: #fff; }
.programm2-list li.item-block-sub.first .round-programm-photo::after { height: 115px; }
.programm2-list .programm2-speakerinfo { padding: 35px 15px 25px 15px; }
.programm2-list .programm2-speakerinfo h5 { color: #fff; font-size: 17px; font-weight: bold; margin-bottom: 30px; }
.programm2-list .programm2-speakerinfo ul { margin: 0; padding: 0; }
.programm2-list .programm2-speakerinfo li { position: relative; font-size: 15px; padding-left: 20px; }
.programm2-list .programm2-speakerinfo li::before { content: ""; position: absolute; top: 4px; left: 0; width: 9px; height: 9px; background: #08dcd8; border-radius: 100%; }
.speaker-name { font-size: 15px; font-weight: normal; margin: 0; text-align: center; }
.programma2-body.programmevent2 { padding-top: 40px; }
.programm-day { margin: 0 0 15px 0; text-align: center; color: #08dcd8; font-weight: normal; }
@media (max-width: 1200px) {
.programm2-list li.item-block-sub { margin-left: 95px; }
}
@media (max-width: 992px) {
.programm2-list li.item-block-sub { margin-left: -6px; }
}
@media (max-width: 768px) {
.academy-programm-block-info { padding-left: 0; }
.programm2-list li.item-block-sub li { border-bottom: 0 !important; }
.programm2-list li.item-block h5, .programm2-list .programm2-speakerinfo h5 { text-align: center; }
.programm2-list li.item-block-sub .round-programm-photo::after { display: none; }
}
@media (max-width: 580px) {
.programm2-list li.item-block-sub .programm2-speakerinfo { padding: 0; }
.programm2-list li.item-block-sub .column-1 { -ms-flex: 0 0 110px; flex: 0 0 110px; max-width: 110px; }
.programm2-list li.item-block-sub .column-2 { -ms-flex: 0 0 calc(100% - 110px); flex: 0 0 calc(100% - 110px); max-width: calc(100% - 110px); }
}
/* VIDEO */
.video-item a { position: relative; display: block; width: 100%; max-width: 720px; margin: 0 auto 25px auto; }
.video-item a img { max-width: 100%; margin: 0; padding: 0; border: 0; z-index: 1; }
.video-item a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; line-height: 100%; text-align: center; font-size: 32px; background: rgb(103,39,90); background: -moz-linear-gradient(270deg, rgba(103,39,90,1) 0%, rgba(135,72,131,1) 50%, rgba(169,108,175,1) 100%); background: -webkit-linear-gradient(270deg, rgba(103,39,90,1) 0%, rgba(135,72,131,1) 50%, rgba(169,108,175,1) 100%); background: linear-gradient(270deg, rgba(103,39,90,1) 0%, rgba(135,72,131,1) 50%, rgba(169,108,175,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#67275a",endColorstr="#a96caf",GradientType=1); opacity: .3; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 2; }
.video-item a::after { position: absolute; top: 50%; left: 50%; margin: -32px 0 0 -16px; font-family: "FontAwesome"; content: "\f04b"; color: #fff; line-height: 1; text-align: center; font-size: 65px; opacity: 1; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 3; }
.video-item:hover a::after { opacity: 1; }
.video-item:hover a::before { opacity: .7; }
@media (max-width: 1200px) {
.round-programm-photo::before { width: 55px; }
}
@media (max-width: 992px) {
.round-programm-photo::before { width: 25px; }
}
@media (max-width: 768px) {
.round-programm-photo::before { display: none; }
.programm-time { text-align: center; }
.academy-programm .buttons { bottom: 0; }
.programm2-list li { border-bottom: 1px solid rgba(255,255,255,.3); }
}
/* ACADEMY / SERTIFICAT */
.academy-sertificat.in { background: url("../images/academy/academy-sertificat-bg.jpg") 50% 50% no-repeat; background-size: cover; padding-top: 100px; }
.academy-sertificat .inner { position: relative; padding: 45px 0; }
.academy-sertificat h2 { max-width: 810px; }
.academy-sertificat h2 span { display: block; position: relative; padding: 7px 0; text-align: center; font-size: 34px; color: #fff; text-shadow: rgba(0,0,0,.25) 0 1px 3px; margin-bottom: 6px; }
.academy-sertificat h2 span::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(8,220,216); background: -moz-linear-gradient(90deg, rgba(8,220,216,0) 0%, rgba(8,220,216,1) 25%, rgba(8,220,216,1) 50%, rgba(8,220,216,1) 75%, rgba(8,220,216,0) 100%); background: -webkit-linear-gradient(90deg, rgba(8,220,216,0) 0%, rgba(8,220,216,1) 25%, rgba(8,220,216,1) 50%, rgba(8,220,216,1) 75%, rgba(8,220,216,0) 100%); background: linear-gradient(90deg, rgba(8,220,216,0) 0%, rgba(8,220,216,1) 25%, rgba(8,220,216,1) 50%, rgba(8,220,216,1) 75%, rgba(8,220,216,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08dcd8",endColorstr="#08dcd8",GradientType=1); z-index: -1; }
.academy-sertificat h2 span:first-child { color: #fff; font-weight: bold; }
.academy-sertificat .academy-sertificat { position: absolute; top: 0; right: 0; width: 390px; }
.academy-sertificat .academy-sertificat img { max-width: 100%; }
/* MANAGERS SECTION */
.managers-list { margin-top: 35px; }
.managers-list li { margin-bottom: 25px; text-align: center; }
.manager-photo { position: relative; text-align: center; margin: 0 auto 2rem auto; z-index: 10; }
.manager-photo-round { width: 200px; height: 200px; border-radius: 200px; margin: 0 auto 15px auto; }
.manager-info h3 { color: #aa6db0; font-size: 20px; font-weight: bold; }
.manager-photo img { max-width: 85%; }
.manager-info .tb { min-width: 100%; margin: 0; background: transparent; }
.manager-info .m-tel { font-size: 16px; }
.manager-info .m-tel i { display: block; margin-bottom: 6px; }
.manager-info .m-tel a { color: #48494e; text-decoration: none; }
.manager-info .m-tel a:hover { color: #0052a1; }
.managers-section h4 { text-align: center; font-size: 25px; }
.managers-section h4 i { color: #08dcd8; }
.academy-mainvideo .inner { max-width: 720px; margin: 0 auto; }
/* OWL CUSTOM */
.academy2-archive .owl-carousel { position: relative; }
.academy2-archive .owl-carousel .owl-nav .owl-prev, .academy2-archive .owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; margin: -33px 0 0 0; width: 21px; height: 66px; outline: none; }
.academy2-archive .owl-carousel .owl-nav .owl-prev { left: -30px; }
.academy2-archive .owl-carousel .owl-nav .owl-prev::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/arrow-left.svg") 50% 50% no-repeat; background-size: 100% 100%; z-index: 25; }
.academy2-archive .owl-carousel .owl-nav .owl-next { right: -30px; }
.academy2-archive .owl-carousel .owl-nav .owl-next::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/arrow-right.svg") 50% 50% no-repeat; background-size: 100% 100%; z-index: 25; }
.academy2-archive .owl-carousel .owl-nav .owl-prev span, .academy2-archive .owl-carousel .owl-nav .owl-next span { display: none; }
.academy2-archive .owl-carousel .owl-nav .owl-prev:hover, .academy2-archive .owl-carousel .owl-nav .owl-next:hover { opacity: .4; }
.academy2-archive .owl-carousel .owl-dots { position: absolute; bottom: -40px; left: 0; width: 100%; text-align: center; z-index: 10; }
.academy2-archive .owl-carousel .owl-dots button { margin: 0 5px; outline: none; }
.academy2-archive .owl-carousel .owl-dots button span { display: block; width: 11px; height: 11px; border: 1px solid #508b23; border-radius: 11px; background: none; }
.academy2-archive .owl-carousel .owl-dots button.active span { background: #508b23; }
.academy2-archive .owl-carousel.owl-drag .owl-item { text-align: center; }
.academy2-archive .owl-carousel.owl-drag .owl-item .item { display: inline-block; text-align: center; }
.academy2-archive .owl-carousel .td { height: 120px; text-align: center; }
.academy2-archive .owl-carousel .td img { display: inline !important; width: auto !important; max-width: 190px !important; max-height: 90px; margin: 0; }
.academy2-archive .owl-carousel .td a:hover img { opacity: 0.65; }
/* ACADEMY / ARCHIVE */
.academy2-archive { background: #f1f1f2; }
.academy2-archive .ttl h2 { font-weight: normal; }
.academy2-archive .ttl strong { color: #aa6db0; font-weight: bold; }
.academy2-archive .video-wrapper { max-width: 620px; margin: 0 auto 35px auto; }
.gallery-list { margin-bottom: 35px; }
.gallery-list .gallery-item { position: relative; border: 2px solid #fff; }
.gallery-list .item { display: block !important; }
.gallery-list a { position: relative; display: block; width: 100%; height: 320px; overflow: hidden; background-size: cover; }
.gallery-list a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
.gallery-list a img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; }
.gallery-list a::before { display: none; }
.academy2-archive h3 { color: #aa6db0; padding-left: 65px; text-transform: uppercase; margin-bottom: 25px; }
@media (max-width: 1200px) {
.academy-speaker-info p { font-size: 15px; min-height: 90px; }
.academy-main-head h2 { font-size: 24px; }
.academy-main { width: 390px; margin-left: -150px; }
.academy-event-aboutinfo { width: 320px; font-size: 16px; line-height: 1.3; }
.academy-main-bottom { padding-top: 55px; }
.academy-sertificat h2 { max-width: 590px; }
.academy-sertificat h2 span { font-size: 28px; }
.device-license { margin-top: 15px; }
.device-license br { display: block; }
.academy2-main-section .academy-main { bottom: 85px; width: 510px; }
.academy-event-aboutinfo { width: 100%; }
}
@media (max-width: 992px) {
.manager-photo-round { width: 160px; height: 160px; }
.academy-speaker-info p { font-size: 14px; min-height: 70px; }
.academy-programm-block-ttl h4 { font-size: 20px; margin: 0; padding-top: 4px; }
.academy-main-head .column-1 { -ms-flex: 0 0 290px; flex: 0 0 290px; max-width: 290px; }
.academy-main-head .column-2 { -ms-flex: 0 0 calc(100% - 290px); flex: 0 0 calc(100% - 290px); max-width: calc(100% - 290px); }
.academy-main-head h2 { font-size: 20px; padding-left: 35px; }
.academy-main-head h2 br { display: none; }
.academy-logo { zoom: .7; }
.academy-themes-wrapper { max-width: 490px; }
.academy-themes-wrapper .inner { padding: 20px; }
.academy-themes-list li { margin-left: 0 !important; margin-bottom: 10px; }
.academy-themes-list .big { margin-top: 0; width: auto !important; }
.academy-themes-list .mid { display: block; font-size: 19px !important; line-height: 1.3; }
.academy-themes-list .sm { display: block; line-height: 1; top: 0 !important; }
.academy-themes-list .item-6, .academy-themes-list .item-8, .academy-themes-list .item-9 { position: static; -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; }
.academy-themes-list .item-1 span { font-size: 28.8px; }
.academy-themes-list .item-2 span.big { font-size: 37.5px; }
.academy-themes-list .item-2 span.sm { font-size: 31.2px; }
.academy-themes-list .item-3 span.big { font-size: 35.5px; }
.academy-themes-list .item-4 span.big { font-size: 41px; }
.academy-themes-list .item-4 span.sm { font-size: 27.4px; }
.academy-themes-list .item-5 span { font-size: 33.2px; letter-spacing: 14px; line-height: 1.1; }
.academy-themes-list .item-6 span.big { font-size: 50px; letter-spacing: 16.5px; }
.academy-themes-list .item-7 span.big { font-size: 25.3px; }
.academy-themes-list .item-8 span.big { font-size: 51.8px; }
.academy-themes-list .item-9 span.big { font-size: 47px; }
.academy-themes-list .item-9 span.sm { font-size: 34px; letter-spacing: 11.8px; }
.academy-themes-wrapper { max-width: 395px; padding: 0; margin: 0 auto; }
.academy-programm-block .attachments-grid { zoom: .75; }
.academy-sertificat .academy-sertificat { position: static; }
.academy-sertificat h2 { max-width: 100%; }
.academy-sertificat .academy-sertificat img { display: block; width: 100%; max-width: 370px; margin: 0 auto; }
.academy-sertificat .inner { padding: 0; }
.academy-sertificat.in { padding-top: 60px; }
.managers-list .item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.academy-main { opacity: .4; }
.academy-main-bottom .row { position: relative; z-index: 20; }
.academy-programm-day-ttl { font-size: 27px; }
.academy2-main-section .academy-main { bottom: 100px; width: 455px; }
.academy2-features-list li { font-size: 24px; }
.academy2-features-list li::before { top: 35px; }
.academy2-features-list li::after { top: 26px; }
.academy-programm-block-ttl h4 { font-size: 18px; }
.academy2-programm-block p, .academy2-programm-block blockquote { font-size: 17px; }
.academy-programm-day-ttl span { letter-spacing: 6px; }
.gallery-list a { height: 280px; }
.academy-themes-list .item-10 { display: block; margin-top: 15px; }
.academy-themes-list .item-10 .prt2 { margin-left: 0; margin-top: 15px; }
.academy2-programm-block { padding-top: 30px; padding-bottom: 15px; }
.academy2-programm .academy-programm-day-ttl { font-size: 30px; }
.academy2-programm .academy-programm-day-ttl span { font-size: 25px; }
}
@media all and (max-width: 768px) {
.academy-main-section.in { padding-top: 110px; }
.academy-main-head .column-1, .academy-main-head .column-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.academy-main-head h2 { padding-left: 0; text-align: center; }
.academy-main-head .column-1 { margin-bottom: 105px; }
.academy-logo { zoom: .6; }
.academy-main-bottom { padding-top: 10px; }
.academy-event-info li { font-size: 17px; }
.academy-main { opacity: .3; }
.academy-main-head .column-1 { margin-bottom: 90px; }
.academy-programm-block-ttl::after { display: none !important; }
.academy-programm-block-ttl h4 { padding: 10px; background: #08dcd8; }
.academy-programm-list li { margin-left: 105px; }
.academy-programm-block-ttl { padding-left: 85px; }
.academy-programm-block-ttl figure { top: 50% !important; margin-top: -44px; }
.academy-programm-day-ttl span { letter-spacing: 5px; }
.academy-programm-block-ttl h4 br { display: none; }
.academy-sertificat h2 { margin-bottom: 20px; }
.academy-sertificat h2 span { font-size: 25px; padding: 3px 0; }
.academy-programm-day-ttl { font-size: 25px; }
.device-license { margin-top: 5px; }
.device-license br { display: none; }
.academy2-main-section .academy-main { bottom: 216px; width: 331px; }
.academy-themes-list .item-10 .prt2 .line2 { letter-spacing: 39px; }
.academy-themes-list .item-10 .prt2 { text-align: left; }
.academy-themes-list .item-10 .prt2 .line1 { letter-spacing: 0; }
.academy2-features-list li br { display: none; }
.academy2-programm-block .academy-programm-block-ttl h4 { display: block; height: auto; }
.academy2-programm .academy-programm-block-ttl figure { margin-top: -58px; width: 100px; height: auto; }
.academy2-programm-block p, .academy2-programm-block blockquote { font-size: 16px; }
.academy-speaker-photo { width: 160px; height: 160px; }
.academy2-features-list li { font-size: 21px; }
.academy2-features-list li::before { top: 30px; }
.academy2-features-list li::after { top: 21px; }
.wp-caption { width: 100% !important; }
}
@media all and (max-width: 580px) {
.managers-list li, .mep2-waiting-list2 li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.manager-photo-round { width: 110px; height: 110px; }
.managers-section h4 { font-size: 19px; }
.manager-info h3 { font-size: 17px; }
.academy-main-head h2 { padding-left: 15px; padding-right: 15px; }
.academy-programm-block .attachments-grid { zoom: 1; height: auto; }
.academy-programm-block .attachments-list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.academy-programm-block .attachments-list .hex { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.academy-main-bottom .column-1, .academy-main-bottom .column-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.academy-event-aboutinfo { width: 100%; padding: 0 15px; text-align: center; }
.academy-event-aboutinfo br { display: none; }
.academy-main { width: 380px; margin-left: -177px; bottom: -18px; }
.academy-speaker-photo { width: 170px; height: 170px; }
.academy-main-bottom .column-2 { text-align: center; }
.academy-main-section.in { padding-bottom: 35px; }
.academy-programm-block-ttl h4 { font-size: 18px; }
.academy-programm-list li { font-size: 15px; }
.academy-themes-wrapper { width: 100%; max-width: 285px; margin: 0 auto; overflow: hidden; }
.academy-themes-wrapper .inner { padding: 0; }
.academy-themes-list .item-1 span { font-size: 23px; }
.academy-themes-list .item-2 span.big { font-size: 30.9px; }
.academy-themes-list .item-2 span.sm { font-size: 25.5px; }
.academy-themes-list .item-3 span.big { font-size: 28.7px; }
.academy-themes-list .item-4 span.big { font-size: 33px; }
.academy-themes-list .item-4 span.sm { font-size: 18.9px; }
.academy-themes-list .item-5 span { font-size: 26px; letter-spacing: 12px; }
.academy-themes-list .item-6 span.big { font-size: 35px; }
.academy-themes-list .item-7 span.big { font-size: 20.3px; }
.academy-themes-list .item-8 span.big { font-size: 41.5px; }
.academy-themes-list .item-9 span.big { font-size: 36px; }
.academy-themes-list .item-9 span.sm { font-size: 24.5px; }
.academy-event-info { width: calc(100% - 55px); margin-left: 55px; }
.academy-event-info li br { display: none; }
.academy-logo { zoom: .5; }
.academy-main-head h2 { font-size: 18px; }
.academy-event-aboutinfo { width: 100%; font-size: 14px; }
.academy-event-info li { font-size: 16px; }
.academy-programm-list li { margin-left: 25px; }
.academy-programm-block .attachments-list { margin-left: 15px; }
.academy-programm-block .attachments-list .hex .in { margin: 0 auto; }
.academy-themes-list .item-10 .prt1 span { font-size: 43.8px; }
.academy-themes-list .item-10 .prt2 .line1 { font-size: 26px; }
.academy-themes-list .item-10 .prt2 .line2 { letter-spacing: 31px; }
.academy-main { opacity: .25; }
.academy2-main-section .academy-main-bottom h2 { font-size: 25px; padding-left: 30px; }
.academy2-main-section p { text-align: left; padding-left: 15px; }
.academy2-main-section .academy-main-bottom h2::after { left: 0; }
.academy2-features-list li { padding-left: 30px; }
.academy2-features-list li::after, .academy2-features-list li::before { left: 0; }
.academy-programm-day-ttl span { letter-spacing: 0; }
.academy2-main-section .academy-main-bottom h2 { font-size: 21px; }
.academy-programm-block-info { padding-left: 0; }
.academy-programm-block-ttl h4 { font-size: 16px; }
.academy-speaker-info h3 { font-size: 18px; }
.academy2-features .ttl { margin-bottom: 20px; }
.academy2-programm .academy-programm-day-ttl { font-size: 25px; }
.gallery-list a { height: 210px; }
.gallery-box { margin-bottom: 25px !important; }
.academy2-archive h3 { font-size: 25px; padding-left: 35px; margin-bottom: 15px; }
.manager-info .td { padding-left: 0; padding-right: 0; }
.academy2-programm-block.block-1:before { background-attachment: scroll !important; }
}
/* MASTERCLASS SECTION */
.masterclass-section { position: relative; }
.masterclass-section .ttl { margin-bottom: 15px; }
.masterclass-subttl { color: #4e88a0; font-size: 32px; letter-spacing: 25px; font-weight: 500; text-transform: uppercase; text-align: center; margin: 8px 0; }
.masterclass-logos img { display: inline-block; vertical-align: top; width: 100%; max-width: 200px; margin: 0 10px; }
.masterclass-logos img:last-child { max-width: 230px; margin-top: 11px; }
.masterclass-inner { margin-top: 30px; padding: 35px 0 0 0; background: url("../images/masterclass/masterclass-bg.jpg") 50% 50% no-repeat; background-size: cover; overflow: hidden; }
.masterclass-inner h2 { position: relative; padding: 2px 25px; color: #fff; font-size: 36px; letter-spacing: 4px; font-weight: 700; text-transform: uppercase; text-align: center; margin-bottom: 25px; z-index: 5; }
.masterclass-inner h2::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(227,6,19); background: -moz-linear-gradient(270deg, rgba(227,6,19,0) 0%, rgba(227,6,19,0.5298494397759104) 15%, rgba(227,6,19,1) 50%, rgba(227,6,19,0.5522584033613445) 85%, rgba(227,6,19,0) 100%); background: -webkit-linear-gradient(270deg, rgba(227,6,19,0) 0%, rgba(227,6,19,0.5298494397759104) 15%, rgba(227,6,19,1) 50%, rgba(227,6,19,0.5522584033613445) 85%, rgba(227,6,19,0) 100%); background: linear-gradient(270deg, rgba(227,6,19,0) 0%, rgba(227,6,19,0.5298494397759104) 15%, rgba(227,6,19,1) 50%, rgba(227,6,19,0.5522584033613445) 85%, rgba(227,6,19,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e30613",endColorstr="#e30613",GradientType=1); z-index: -1; }
.masterclass-scheme { position: relative; padding-left: 30px; }
.masterclass-scheme::before { content: ""; position: absolute; top: 59px; left: 0; width: 0.5px; height: calc(100% - 98px); background: #08dcd8; opacity: .65; }
.masterclass-scheme .row { position: relative; height: 128px; margin-bottom: 25px; }
.masterclass-scheme .row h3::before { content: ""; position: absolute; top: 50%; left: -4px; margin-top: -4px; width: 8px; height: 8px; background: #08dcd8; border-radius: 100%; }
.masterclass-scheme .row h3::after { content: ""; position: absolute; top: 50%; left: -30px; margin-top: -1px; width: 27px; height: 1px; background: #08dcd8; opacity: .65; }
.masterclass-scheme .row h3 { position: relative; width: 100%; max-width: 310px; color: #fff; font-size: 22px; font-weight: bold; text-transform: uppercase; padding: 5px 0 5px 15px; border-left: 1px solid rgba(8,220,216,.65); }
.masterclass-scheme .row h3 .lines::before, .masterclass-scheme .row h3 .lines::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: rgb(8,220,216); background: -moz-linear-gradient(270deg, rgba(8,220,216,0) 0%, rgba(8,220,216,1) 50%, rgba(8,220,216,1) 100%); background: -webkit-linear-gradient(270deg, rgba(8,220,216,0) 0%, rgba(8,220,216,1) 50%, rgba(8,220,216,1) 100%); background: linear-gradient(270deg, rgba(8,220,216,0) 0%, rgba(8,220,216,1) 50%, rgba(28,220,216,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08dcd8",endColorstr="#08dcd8",GradientType=1); opacity: .65; }
.masterclass-scheme .row h3 .lines::after { top: auto; bottom: 0; }
.mcscheme-info { width: 100%; max-width: calc(100% - 310px); padding-left: 20px; }
.mcscheme-info .in { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; color: #fff; padding-left: 45px; color: #fff; font-size: 19px; line-height: 1.1; font-weight: 500; text-transform: uppercase; height: 128px; z-index: 5; }
.mcscheme-info .in::after { content: ""; position: absolute; top: 0; left: 0; width: 600px; height: 128px; background: url("../images/masterclass/masterclass-scheme-bg.png") 0 50% no-repeat; z-index: -1; }
.masterclass-scheme-bottom { position: relative; max-width: 555px; margin-left: 140px; color: #fff; font-size: 25px; font-weight: bold; text-transform: uppercase; padding: 9px 0 9px 20px; border-left: 1px solid rgba(8,220,216,.65); text-align: center; }
.masterclass-scheme-bottom::before { content: ""; position: absolute; top: 50%; left: -4px; margin-top: -4px; width: 8px; height: 8px; background: #08dcd8; border-radius: 100%; }
.masterclass-scheme-bottom::after { content: ""; position: absolute; top: 50%; left: -170px; margin-top: -1px; width: 170px; height: 1px; background: #08dcd8; opacity: .65; }
.masterclass-scheme-bottom .lines::before, .masterclass-scheme-bottom .lines::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: rgb(8,220,216); background: -moz-linear-gradient(270deg, rgba(8,220,216,0) 0%, rgba(8,220,216,1) 50%, rgba(8,220,216,1) 100%); background: -webkit-linear-gradient(270deg, rgba(8,220,216,0) 0%, rgba(255,255,255,1) 50%, rgba(8,220,216,1) 100%); background: linear-gradient(270deg, rgba(8,220,216,0) 0%, rgba(8,220,216,1) 50%, rgba(8,220,216,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08dcd8",endColorstr="#08dcd8",GradientType=1); opacity: .65; }
.masterclass-scheme-bottom .lines::after { top: auto; bottom: 0; }
.masterclass-summ { position: relative; margin-top: 15px; padding: 25px 0; z-index: 5; }
.masterclass-summ::after { content: ""; position: absolute; top: 0; left: -5000px; width: 11000px; height: 100%; background: #aa6db0; z-index: -1; }
.masterclass-summ .row { justify-content: space-between; }
.masterclass-summ .item { position: relative; padding-left: 70px; color: #fff; }
.masterclass-summ .item img { position: absolute; top: 0; left: 0; width: 100%; max-width: 60px; max-height: 48px; }
.masterclass-summ .column-2 .item { padding-left: 65px; }
.masterclass-soldout { position: relative; max-width: 450px; margin: 20px auto 0 auto; padding: 15px; text-align: center; color: #fff; overflow: hidden; border-radius: 15px; z-index: 10; }
.masterclass-soldout::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #DF333D; background: -webkit-linear-gradient(180deg, rgba(223, 51, 61, 1) 0%, rgba(223, 51, 61, 1) 50%, rgba(125, 26, 31, 1) 100%); background: -moz-linear-gradient(180deg, rgba(223, 51, 61, 1) 0%, rgba(223, 51, 61, 1) 50%, rgba(125, 26, 31, 1) 100%); background: linear-gradient(180deg, rgba(223, 51, 61, 1) 0%, rgba(223, 51, 61, 1) 50%, rgba(125, 26, 31, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DF333D", endColorstr="#7D1A1F", GradientType=0); }
.masterclass-soldout h3 { position: relative; display: inline-block; font-size: 32px; font-weight: 700; text-transform: uppercase; border: 2px solid #fff; padding: 8px 35px; border-radius: 9px; margin-bottom: 15px; z-index: 5; }
.masterclass-soldout p { position: relative; text-align: center !important; margin: 0; z-index: 5; }
.masterclass-soldout strong { display: block; }
@media (max-width: 1200px) {
.masterclass-soldout { top: 5px; z-index: 50; }
}
@media (max-width: 992px) {
.masterclass-soldout { position: relative; top: auto; right: auto; margin-top: 45px; }
.academy2-main-section .academy-main-bottom { padding-top: 55px !important; }
}
@media (max-width: 580px) {
.masterclass-soldout h3 { font-size: 26px; }
.masterclass-soldout p { font-size: 16px; }
.academy2-main-section .academy-main-bottom { padding-top: 15px !important; }
}
@media (max-width: 1200px) {
.mcscheme-info .in { font-size: 18px; }
}
@media (max-width: 992px) {
.masterclass-scheme .row h3 .lines, .masterclass-scheme::before, .mcscheme-info .in::after, .mcscheme-info .in br, .masterclass-scheme .row h3::before, .masterclass-scheme .row h3::after, .masterclass-scheme-bottom::before, .masterclass-scheme-bottom::after, .masterclass-scheme-bottom .lines { display: none; }
.masterclass-subttl { letter-spacing: 16px; }
.masterclass-scheme .row { display: block; text-align: center; height: auto; }
.masterclass-scheme .row h3 { border: 1px solid rgba(255,255,255,.65); margin: 0 auto 15px auto; }
.mcscheme-info { max-width: 100%; padding-left: 0; }
.mcscheme-info .in { display: block; height: auto; padding-left: 0; }
.masterclass-scheme-bottom { font-size: 24px; border: 1px solid rgba(255,255,255,.65); margin: 0 auto; }
.masterclass-inner h2 { font-size: 28px; }
.masterclass-summ .item { font-size: 16px; margin-bottom: 35px; }
.masterclass-summ .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.masterclass-summ .row > div { width: 33.3%; max-width: 33.3%; }
.masterclass-summ { padding-bottom: 0; }
}
@media all and (max-width: 768px) {
.masterclass-scheme .row h3 { font-size: 19px; }
.masterclass-summ .row > div { width: 100%; max-width: 100%; }
.masterclass-summ .row { max-width: 320px; margin: 0 auto; }
.masterclass-inner h2 { font-size: 26px; }
.in.masterclass-section, .in.masterambassadors-section { padding-top: 0; }
.masterclass-scheme { padding-left: 0; }
}
@media all and (max-width: 580px) {
.masterclass-subttl { font-size: 22px; letter-spacing: 10px; }
.masterclass-logos img { max-width: 146px; }
.masterclass-logos img:last-child { max-width: 165px; margin-top: 7px; }
.in.masterambassadors-section .ttl { margin-bottom: 25px; }
.masterclass-inner h2 { font-size: 26px; }
.masterclass-scheme-bottom { font-size: 18px; }
.masterclass-scheme-bottom br { display: none; }
.masterclass-scheme .row h3, .masterclass-scheme-bottom { padding: 9px 5px; }
.mfp-zoom-out .white-popup { width: 100% !important; }
}
/* FONTS */
@font-face {
font-family: 'Proxima Nova';
src: url('../fonts/ProximaNova-Regular.eot');
src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),
url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/ProximaNova-Regular.woff') format('woff'),
url('../fonts/ProximaNova-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Proxima Nova';
src: url('../fonts/ProximaNova-Light.eot');
src: local('Proxima Nova Light'), local('ProximaNova-Light'),
url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/ProximaNova-Light.woff') format('woff'),
url('../fonts/ProximaNova-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Proxima Nova';
src: url('../fonts/ProximaNova-Bold.eot');
src: local('Proxima Nova Bold'), local('ProximaNova-Bold'),
url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/ProximaNova-Bold.woff') format('woff'),
url('../fonts/ProximaNova-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Proxima Nova';
src: url('../fonts/ProximaNova-Black.eot');
src: local('Proxima Nova Black'), local('ProximaNova-Black'),
url('../fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
url('../fonts/ProximaNova-Black.woff') format('woff'),
url('../fonts/ProximaNova-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
/* PROMO */
body.page-id-1329 { font-family: 'Proxima Nova', sans-serif !important; background: transparent; }
@media (max-width: 1200px) { body.page-id-1329 .container { max-width: 100% !important; } }
.promo-wrapper { position: relative; max-width: 696px; margin: 0 auto; padding-bottom: 50px; z-index: 20; }
.promo-wrapper::after { content: ""; position: absolute; bottom: 0; width: 100%; height: calc(100% + 300px); background: #9d9d9c; z-index: -1; }
.promo-main-bg-left, .promo-main-bg-right { position: fixed; top: 0; left: 0; width: 50%; height: 100%; background: url("../images/promo/promo-mainbg.jpg") 0 0 no-repeat; background-size: auto 135%; z-index: 10; }
.promo-main-bg-right { left: auto; right: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1); z-index: 11; }
body.page-template-page-promo hr { height: 8px; border: 0; background: #949798; background: -webkit-linear-gradient(90deg,rgba(148, 151, 152, 0) 0%, rgba(148, 151, 152, 1) 25%, rgba(169, 170, 171, 1) 45%, rgba(209, 209, 209, 0.63) 50%, rgba(177, 178, 178, 1) 55%, rgba(148, 151, 152, 1) 75%, rgba(148, 151, 152, 0) 100%); background: -moz-linear-gradient(90deg,rgba(148, 151, 152, 0) 0%, rgba(148, 151, 152, 1) 25%, rgba(169, 170, 171, 1) 45%, rgba(209, 209, 209, 0.63) 50%, rgba(177, 178, 178, 1) 55%, rgba(148, 151, 152, 1) 75%, rgba(148, 151, 152, 0) 100%);
background: linear-gradient(90deg,rgba(148, 151, 152, 0) 0%, rgba(148, 151, 152, 1) 25%, rgba(169, 170, 171, 1) 45%, rgba(209, 209, 209, 0.63) 50%, rgba(177, 178, 178, 1) 55%, rgba(148, 151, 152, 1) 75%, rgba(148, 151, 152, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#949798", endColorstr="#949798", GradientType=1); margin: 15px 0; }
.promo-header { position: relative; width: 830px; height: 553px; margin: 60px auto 0 auto; text-align: center; z-index: 25; }
.promo-header::after { content: ""; position: absolute; top: 0; left: 0; width: 830px; height: 553px; background: url("../images/promo/promo-head.png") 50% 50% no-repeat; background-size: 100% 100%; z-index: -2; }
.promo-header .inner { padding: 0 136px; }
.promo-logo { position: relative; padding: 25px 0 50px 0; margin-bottom: 50px; text-align: center; margin: 0; }
.promo-logo::after { content: ""; position: absolute; bottom: 25px; left: 0; width: 100%; height: 4px; background: #949798; background: -webkit-linear-gradient(90deg,rgba(148, 151, 152, 0) 0%, rgba(148, 151, 152, 1) 25%, rgba(169, 170, 171, 1) 45%, rgba(209, 209, 209, 0.63) 50%, rgba(177, 178, 178, 1) 55%, rgba(148, 151, 152, 1) 75%, rgba(148, 151, 152, 0) 100%); background: -moz-linear-gradient(90deg,rgba(148, 151, 152, 0) 0%, rgba(148, 151, 152, 1) 25%, rgba(169, 170, 171, 1) 45%, rgba(209, 209, 209, 0.63) 50%, rgba(177, 178, 178, 1) 55%, rgba(148, 151, 152, 1) 75%, rgba(148, 151, 152, 0) 100%); background: linear-gradient(90deg,rgba(148, 151, 152, 0) 0%, rgba(148, 151, 152, 1) 25%, rgba(169, 170, 171, 1) 45%, rgba(209, 209, 209, 0.63) 50%, rgba(177, 178, 178, 1) 55%, rgba(148, 151, 152, 1) 75%, rgba(148, 151, 152, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#949798", endColorstr="#949798", GradientType=1); }
.promo-logo img { max-width: 315px; margin: 0; }
.promo-slogan { display: inline-block; max-width: 640px; margin: 5px 0 25px 0; }
.promo-slogan img { max-width: 100%; margin: 0; }
.promo-header h2 { color: #fff; font-size: 52px; font-weight: 900; text-transform: uppercase; }
.promo-header h2 span { position: relative; display: inline-block; width: 100%; max-width: 595px; line-height: 1; margin: 5px 0; }
.promo-header h2 span:last-child { font-size: 68px; }
.promo-header h2 span::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #E30613; background: linear-gradient(90deg,rgba(194, 108, 175, 0) 0%, rgba(194, 108, 175, 1) 15%, rgba(194, 108, 175, 1) 50%, rgba(194, 108, 175, 1) 85%, rgba(194, 108, 175, 0) 100%); opacity: .6; z-index: -1; }
.promo-about { padding: 0 65px; }
.promo-about .inner { position: relative; padding: 14px 10px; margin: 30px auto 0 auto; border-left: 3px solid #c26caf; }
.promo-about .inner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #c26caf; background: linear-gradient(90deg,rgba(194, 108, 175, 1) 0%, rgba(194, 108, 175, 1) 53%, rgba(194, 108, 175, 0) 100%); }
.promo-about .inner::after { content: ""; position: absolute; bottom: 0; left: 0; width: 50%; height: 3px; background: #c26caf; }
.promo-about .inner div { padding: 8px 15px; font-size: 34px; line-height: 1.1; text-transform: uppercase; text-align: center; }
.promo-about .inner div:nth-child(1) { background: #c26caf; color: #231f20; font-weight: 900; }
.promo-about .inner div:nth-child(2) { background: #343339; color: #fff; font-size: 29px; }
.promo-summary { position: relative; width: 850px; margin: 0 0 0 -67px; padding-top: 55px; }
.promo-summary::before { content: ""; position: absolute; top: 0; left: 50%; margin-left: -11px; width: 3px; height: 61px; background: #c26caf; background: linear-gradient(90deg,rgba(194, 108, 175, 1) 0%, rgba(194, 108, 175, 1) 53%, rgba(194, 108, 175, 0) 100%); }
.promo-summary figure img { max-width: 100%; margin: 0; }
.promo-wbgs { position: relative; }
.promo-figure { position: absolute; top: 0; left: 45px; width: 241px; height: 796px; background: url("../images/promo/promo-figure.svg") 50% 50% no-repeat; background-size: 100% 100%; opacity: .4; zoom: .85; z-index: -1; }
.promo-figure:nth-child(3) { top: auto; left: auto; bottom: 0; right: 50px; }
.promo-ttl { padding: 0 65px; margin-bottom: 45px; }
.promo-ttl .inner { position: relative; padding: 14px 10px; margin: 30px auto 0 auto; border: 3px solid #c26caf; border-bottom: 0; }
.promo-ttl .inner::before { content: ""; position: absolute; bottom: 0; left: 0; width: 70%; height: 3px; background: #c26caf; background: linear-gradient(90deg,rgba(194, 108, 175, 1) 0%, rgba(194, 108, 175, 1) 53%, rgba(194, 108, 175, 0) 100%); }
.promo-ttl .inner::after { content: ""; position: absolute; bottom: 0; right: 0; width: 107px; height: 3px; background: #c26caf; }
.promo-ttl h2 { padding: 8px 15px; color: #231f20; font-size: 29px; line-height: 1.1; text-transform: uppercase; text-align: center; background: #6E6C6C; background: linear-gradient(122deg,rgba(110, 108, 108, 1) 0%, rgba(202, 202, 202, 1) 28%, rgba(117, 116, 116, 1) 62%, rgba(190, 188, 188, 1) 100%); margin: 0; }
.promo-ttl h2 strong { display: block; font-size: 34px; font-weight: 900; }
.promo-device { position: relative; padding: 0 95px; margin-bottom: 45px; }
.promo-device::before { content: ""; position: absolute; bottom: 100%; right: 172px; width: 3px; height: 135px; margin-bottom: -89px; background: #c26caf; }
.promo-device img { position: relative; max-width: 100%; margin: 0; z-index: 2; }
.promo-discount { text-align: center; padding: 0 15px; }
.promo-discount h3 { color: #231f20; font-size: 32px; line-height: 1.1; text-transform: uppercase; }
.promo-discount h3 strong { display: inline-block; padding: 3px 15px; font-size: 34px; font-weight: 700; background: linear-gradient(122deg,rgba(110, 108, 108, 1) 0%, rgba(202, 202, 202, 1) 28%, rgba(117, 116, 116, 1) 62%, rgba(190, 188, 188, 1) 100%); margin-top: 5px; }
.promo-discount p { color: #231f20; font-size: 26px; line-height: 1.1; text-transform: uppercase; }
.promo-discount br { display: none; }
.promo-buttons { text-align: center; }
.promo-main .promo-buttons { position: relative; margin-top: -40px; }
.promo-buttons .promo-buttons-inner { position: relative; display: inline-block; padding: 15px 0; }
.promo-buttons .promo-buttons-inner::before, .promo-buttons .promo-buttons-inner::after { content: ""; position: absolute; top: 50%; right: 100%; width: 120px; height: 3px; background: #54677F; background: -webkit-linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#54677F", endColorstr="#54677F", GradientType=1); }
.promo-buttons div::after { right: auto; left: 100%; -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.promo-butn { position: relative; display: inline-block; vertical-align: top; min-width: 260px; padding: 10px 35px; background: #c26caf; text-decoration: none; font-size: 22px; color: #000; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; border: 2px solid #231f20; border-radius: 8px; outline: none; text-align: center; overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.promo-butn.promo4-butn-min { padding: 4px 10px; font-size: 16px; letter-spacing: 0; min-width: 180px; }
.promo-butn:hover { color: #fff; text-decoration: none; border-color: #bd1f11; background: #f41602; }
@media (max-width: 1200px) {
.promo-header { margin: 51px auto 0 auto; }
}
@media (max-width: 880px) {
.promo-wrapper { max-width: 620px; }
.promo-header, .promo-header::after { width: 680px; height: 453px; }
.promo-header .inner { padding: 0 95px; }
.promo-slogan { margin: 15px 0; }
.promo-logo img { max-width: 200px; }
.promo-header h2 { font-size: 42px; }
.promo-header h2 span:last-child { font-size: 55px; }
.promo-header h2 span { max-width: 410px; }
.promo-about .inner div { font-size: 28px; }
.promo-about .inner div:nth-child(2) { font-size: 24px; }
.promo-summary { width: 680px; margin: 0 0 0 -24px; }
.promo-ttl .inner::after { width: 95px; }
.promo-device::before { right: 160px; }
}
@media (max-width: 768px) {
.promo-header { margin: 98px auto 0 auto; }
}
@media (max-width: 735px) {
.promo-wrapper { max-width: 470px; }
.promo-header, .promo-header::after { width: 520px; height: 346px; }
.promo-logo { padding: 15px 0 35px 0; }
.promo-logo img { max-width: 150px; }
.promo-slogan { margin: 4px 0 15px 0; }
.promo-header h2 { font-size: 34px; }
.promo-header h2 span:last-child { font-size: 48px; }
.promo-about { padding: 0 15px; }
.promo-about .inner { margin: 10px auto 0 auto; }
.promo-about .inner div { font-size: 25px; }
.promo-about .inner div:nth-child(2) { font-size: 21px; }
.promo-ttl { padding: 0 15px; }
.promo-ttl h2 { font-size: 25px; }
.promo-ttl h2 strong { font-size: 30px; }
.promo-summary { width: 520px; margin: 0 0 0 -19px; }
.promo-device { padding: 0 15px; }
.promo-ttl .inner::after { width: 66px; }
.promo-device::before { right: 81px; }
.promo-discount h3 { font-size: 26px; }
.promo-discount h3 strong { font-size: 30px; }
.promo-discount p { font-size: 20px; }
.promo-butn { padding: 6px 15px; font-size: 21px; letter-spacing: 0; }
}
@media (max-width: 580px) {
.promo-style .container { padding-left: 0 !important; padding-right: 0 !important; }
.promo-header, .promo-header::after { width: 320px; height: 213px; }
.promo-logo { padding: 10px 0 20px 0; }
.promo-logo::after { bottom: 5px; height: 2px; }
.promo-header .inner { padding: 0 20px; }
.promo-slogan { margin: 4px 0 5px 0; }
.promo-header h2 { font-size: 28px; }
.promo-header h2 span:last-child { font-size: 37px; }
.promo-summary { width: 320px; margin: 0 0 0 4px; }
.promo-about .inner div { font-size: 20px; }
.promo-summary { padding-top: 30px; width: 100%;}
.promo-summary::before { margin-left: -3px; height: 35px; }
.promo-about .inner div:nth-child(2) { font-size: 19px; }
.promo-ttl h2 { font-size: 18px; }
.promo-ttl h2 strong { font-size: 22px; }
.promo-device::before { }
.promo-about .inner::after { width: calc(50% + 2px); }
.promo-device { padding: 0 5px; margin-bottom: 35px; }
.promo-ttl { margin-bottom: 25px; }
.promo-discount h3 { font-size: 22px; }
.promo-discount h3 strong { font-size: 21px; }
.promo-discount br { display: block; }
.promo-discount p { font-size: 18px; }
.promo-ttl .inner { border-bottom: 3px solid #c26caf; }
.promo-ttl .inner::before { display: none; }
.promo-ttl .inner::after { display: none; }
.promo-device::before { right: 50%; margin-right: -2px; width: 3px; height: 115px; margin-bottom: -89px; }
}