/* BRAND COLORS: -black hex #444444 / #262627 -blue hex #a80043 -grey hex #faf6f3 */ /* 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: 'Noto Sans', sans-serif; color: #444444; font-size: 15px; line-height: 1.2; background: transparent; } a { display: inline-block; color: #d376c1; text-decoration: underline; position: relative; text-decoration: none; } a:hover { color: #c29838; text-decoration: underline; outline: 0; } strong, b { font-weight: bold; } img { max-width: 100%; height: auto; } p { line-height: 1.5; } .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; } .overflow-hidden { overflow: hidden; } html, body, .wrapper, .topbox { height: 100%; } .wrapper, .bottombox { display: table; width: 100%; position: relative; } .topbox { display: table-row; } input[type=file] { margin-bottom: 6px; } .grecaptcha-badge { opacity: 0 !important; } .jwlogo { display: none !important; } @media (min-width: 1200px) { .container { max-width: 1200px; } } .container-fluid { position: relative; padding-left: 45px; padding-right: 45px; z-index: 5; } .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; } .big-text { font-size: 18px; } hr { margin: 15px 0; border: 0; height: 1px; background: #ccc; } /* GLOBAL TRANSITION */ .butn, .menu li a, .speakers-list .item, .speaker-photo div, .mfp-close, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel img, .owl-carousel .owl-nav .owl-prev:before, .owl-carousel .owl-nav .owl-next:before, .pushmenu li a, a.remove, .speaker-social i, .round-programm-photo div, .round-programm-photo div::after, .round-programm-photo::before, .programm-list li .item, .archive-list .item .in, .archive-preview::before, .archive-preview::after, .archive-preview img, .menu li a::before, .event-buttons a, .socials-list li a, .archive-butn, .archive-moreinfo, .archive-back { -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; font-size: 1.3rem; line-height: 1.3; } /* SECTIONS */ .container, section, article { position: relative; z-index: 10; } section.out, article.out, main.out { margin-bottom: 90px; } section.in, article.in, main.in { padding-top: 60px; padding-bottom: 60px; } /* BUTTONS */ .butn { position: relative; display: inline-block; vertical-align: top; padding: 14px 35px; background: transparent; text-decoration: none; text-align: center; color: #000; text-transform: uppercase; font-weight: bold; border: 0; border-radius: 26px; font-size: 21px; outline: none; border: 2px solid #8dc5f0; overflow: hidden; } .butn i { margin-right: 6px; } .butn:hover { color: #fff; text-decoration: none; background: #8dc5f0; } .butn:hover { border-color: #53d7f2; background: rgb(15,126,146,0.55); } .butn:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(2,120,216,1); background: -moz-linear-gradient(-45deg, rgba(2,120,216,1) 0%, rgba(141,197,240,1) 50%, rgba(2,120,216,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(2,120,216,1)), color-stop(50%, rgba(141,197,240,1)), color-stop(100%, rgba(2,120,216,1))); background: -webkit-linear-gradient(-45deg, rgba(2,120,216,1) 0%, rgba(141,197,240,1) 50%, rgba(2,120,216,1) 100%); background: -o-linear-gradient(-45deg, rgba(2,120,216,1) 0%, rgba(141,197,240,1) 50%, rgba(2,120,216,1) 100%); background: -ms-linear-gradient(-45deg, rgba(2,120,216,1) 0%, rgba(141,197,240,1) 50%, rgba(2,120,216,1) 100%); background: linear-gradient(135deg, rgba(2,120,216,1) 0%, rgba(141,197,240,1) 50%, rgba(2,120,216,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca305f', endColorstr='#ca305f', GradientType=1 ); z-index: -1; } .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%; } } /* TITLE */ .ttl { position: relative; text-align: center; margin-bottom: 35px; } .ttl h1, .ttl h2, .ttl h3 { position: relative; display: inline-block; color: #262627; font-size: 36px; font-weight: bold; text-transform: uppercase; line-height: 1.2; margin-bottom: 0; } .ttl.white * { color: #fff; text-shadow: rgba(0,0,0,0.10) 0 1px 5px; } .ttl h2 strong { color: #ca305f !important; } .ttl-icon { text-align: center; margin-bottom: 10px; } .ttl-icon .td { height: 55px; } .ttl-icon .td img { max-width: 52px; max-height: 100%; } /* IMAGES BOX */ .image-box { position: relative; width: 300px; height: 300px; -webkit-box-shadow: 5px 5px 20px 0px rgba(68,68,68,0.4); -moz-box-shadow: 5px 5px 20px 0px rgba(68,68,68,0.4); box-shadow: 5px 5px 20px 0px rgba(68,68,68,0.4); margin-bottom: 45px; } .image-box.inline-item { margin-right: 30px; } /* HEADER */ header { position: fixed; top: 0; left: 0; width: 100%; padding: 2px 0; -webkit-box-shadow: 0px 10px 28px -8px rgba(0,0,0,0.08); -moz-box-shadow: 0px 10px 28px -8px rgba(0,0,0,0.08); box-shadow: 0px 10px 28px -8px rgba(0,0,0,0.08); z-index: 300; } header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.85); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); } body.admin-bar header { top: 32px; } .header-separator { margin-top: 150px !important; } /* HEADER / LOGO */ .logo { position: relative; display: block; max-width: 170px; height: 71px; padding-right: 95px; text-decoration: none !important; } .header-logo { margin-top: -6px; } /* HEADER / TEL */ .head-tel { position: relative; padding-left: 30px; font-size: 16px; padding-top: 10px; margin-top: -8px; } .head-tel i { position: absolute; top: 4px; left: 0; font-size: 30px; } /* HEADER / MENU */ .menu li { position: relative; display: inline-block; margin: 0; } .menu li:last-child { margin: 0; } .menu li a { display: inline-block; position: relative; color: #fff; font-size: 16px; padding: 5px 7px; border: 1px solid #fff; border-radius: 36px; background: #ca305f; text-decoration: none; } .menu li a::before { display: none; content: ""; position: absolute; bottom: -10px; left: 0; width: 100%; height: 1px; background: #ca305f; opacity: 0; } .menu li:hover a { color: rgba(255,255,255,.6); } .menu li:hover a::before { bottom: -4px; opacity: 1; } .menu li.archive a { background: red; } .menu li.archive a i { color: #fff; } /* MAIN SECTION */ .main-section { padding-top: 45px; padding-bottom: 45px; overflow: hidden; } .main-section .container { padding-bottom: 30px; padding-bottom: 0; } .main-section .bg { content: ""; position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; height: 100%; background-image: image-set(url("../images/webp/bb3-bg2.webp") type("image/webp"), url("../images/bb3/bb3-bg2.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: 50% 0; background-size: cover; z-index: -3; } .main-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(63,87,98,0.10); z-index: -2; } .main-box { position: relative; max-width: 830px; } .main-box h1 { position: relative; display: block; max-width: 510px; margin-top: -126px; } .event-maininfo { max-width: 645px; } .event-maininfo p { font-size: 16px; line-height: 1.2; } .event-summary { position: relative; max-width: 350px; margin-bottom: 15px; padding-top: 10px; text-align: center; padding-bottom: 5px; } .event-summary::before { content: ""; position: absolute; bottom: -27px; left: -78px; width: 522px; height: 522px; border-radius: 100%; background: #F6DDB9; background: -webkit-linear-gradient(360deg, rgba(246, 221, 185, 1) 0%, rgba(230, 157, 57, 1) 16%, rgba(230, 157, 57, 1) 100%); background: -moz-linear-gradient(360deg, rgba(246, 221, 185, 1) 0%, rgba(230, 157, 57, 1) 16%, rgba(230, 157, 57, 1) 100%); background: linear-gradient(360deg, rgba(246, 221, 185, 1) 0%, rgba(230, 157, 57, 1) 16%, rgba(230, 157, 57, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F6DDB9", endColorstr="#ca305f", GradientType=0); } .date { position: relative; color: #fff; font-size: 32px; font-weight: bold; z-index: 5; } .times { position: relative; display: inline-block; vertical-align: top; color: #fff; font-size: 17px; line-height: 1.4; z-index: 5; } .times span { display: block; color: #fff; font-size: 16px; text-transform: uppercase; letter-spacing: 5px; } .times strong { display: block; font-size: 18px; text-transform: uppercase; } /*.event-buttons { position: absolute; bottom: -95px; left: 230px; width: 100%; max-width: 405px; margin-bottom: 25px; }*/ .event-buttons { position: relative; max-width: 650px; z-index: 100; } .event-buttons .col-md-6 { padding: 0; } .event-buttons a { margin: 0 5px; } .event-buttons a, .form-group input.butn { display: block; padding: 11px 5px; color: #fff; text-transform: uppercase; background: #ca305f; text-align: center; border: 0; border-radius: 26px; -webkit-box-shadow: 0px 17px 41px -1px rgb(53 53 53 / 28%); -moz-box-shadow: 0px 17px 41px -1px rgba(53,53,53,0.28); box-shadow: 0px 17px 41px -1px rgb(53 53 53 / 28%); } .form-group input.butn::before, .form-group input.butn::after { display: none; } .event-buttons a:hover, .form-group input.butn:hover { background: #03459b; text-decoration: none; } .event-right { position: absolute; top: 25px; right: 0; width: 540px; } .event-mainpic { position: absolute; top: -77px; right: 0; width: 700px; overflow: hidden; z-index: 1; } .event-arrow { position: absolute; top: 340px; /*right: 61px;*/ right: 690px; width: 292px; height: 151px; background: url("../images/bb2/gift-arrow.svg") 50% 50% no-repeat; background-size: cover; } .event-arrow span { position: absolute; top: 57px; left: 100px; text-align: center; color: #fff; } .event-minbooks { position: absolute; bottom: 5px; left: 50px; width: 150px; z-index: 2; } .event-minbooks h4 { position: absolute; top: 62px; left: -88px; text-align: center; font-size: 15px; color: #000; font-weight: 700; margin: 0; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .event-minbooks img { width: 120px; } .event-minbooks h4 span { display: block; color: #000; font-size: 20px; } .event-minbooks .minbooks-bg { content: ""; position: absolute; top: -40px; right: -4px; width: 230px; height: 230px; /*background: url("../images/minbooks-bg2.png") 50% 50% no-repeat; background-size: 100%;*/ z-index: -1; } /*.event-minbooks .minbooks-bg::before { content: ""; position: absolute; top: 8px; left: -20px; width: 200px; height: 200px; border-radius: 100%; background: #fff; border: 9px solid #ca305f; }*/ /* .event-minbooks .minbooks-bg::before { content: ""; position: absolute; top: 0; right: -40px; width: 0; height: 0; border-style: solid; border-width: 200px 40px 0 0; border-color: #ca305f transparent transparent transparent; } */ .event-themes { position: absolute; bottom: 0; left: 0; width: 100%; } .event-themes::before { content: ""; position: absolute; top: 0; left: -6000px; width: 10000px; height: 100%; background: #4eb0ff; z-index: -2; } .event-themes .col-md-5 { position: relative; height: 100px; } .event-themes .col-md-5::before { content: ""; position: absolute; top: 0; right: 0; width: 10000px; height: 130px; background: #ca305f; z-index: -2; } .event-themes .col-md-5::after { content: ""; position: absolute; top: 18px; right: -1px; width: 2px; height: 65px; background: #fff; } .event-themes .left-col { position: relative; margin-top: 32px; } .event-themes .left-col .dots { position: absolute; top: -17px; right: 0; width: 169px; height: 8px; background: url("../images/bb2/theme-dots.png") 50% 50% no-repeat; } .event-themes .right-col { position: relative; padding-left: 110px; } .event-themes .right-col .dots { display: none; position: absolute; bottom: -12px; left: 0; width: 169px; height: 8px; background: url("../images/bb2/theme-dots.png") 50% 50% no-repeat; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .event-themes h4 { color: #fff; font-size: 25px; } .event-themes .row { height: 100px; } .event-themes { text-align: center; } .event-themes li { color: #fff; font-size: 23px; margin-bottom: 2px; } .theme-banner-1 { position: absolute; top: 215px; left: 50%; margin-left: -45px; z-index: 3; } .theme-banner-2 { position: absolute; top: -25px; left: 50%; margin-left: 190px; } .theme-banner-3 { position: absolute; top: 315px; left: 50%; margin-left: 345px; } .event-themes-box { position: relative; padding: 15px 0 0 170px; margin-bottom: 45px; } .event-themes-box .theme-bg { display: none; content: ""; position: absolute; top: 0; left: -6000px; width: 13000px; height: 100%; background: #ca305f; z-index: -1; } .event-themes-box h4 { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: 144px; height: 144px; border-radius: 100%; color: #ffffff; font-size: 23px; font-weight: bold; margin: 0; padding: 7px 0; background: #ca305f; } .event-themes-box h4 strong { display: block; font-size: 30px; text-transform: uppercase; } .event-themes-box li { position: relative; color: #422908; font-size: 30px; font-weight: bold; line-height: 1.2; margin: 0 0 6px 0; text-transform: uppercase; } .event-themes-box li strong { font-size: 32px; text-transform: uppercase; } .event-themes-box li span { font-weight: bold; color: #000; } .event-themes-box p { position: relative; font-size: 18px; color: #fff; padding-left: 12px; margin: 6px 0 0 0; } .event-themes-box p::before { content: ""; position: absolute; top: 2px; left: -27px; width: 25px; height: 25px; background: url("../images/theme-bullet-blue.svg") 50% 50% no-repeat; } .theme-banner-mobile { display: none; } .itsfree { position: relative; margin-top: -10px; padding: 8px 15px 8px 0; font-size: 14px; } /* .event-themes li { position: relative; color: #fff; font-size: 20px; padding: 0 0 10px 0; margin: 0 0 10px 25px; } .event-themes li::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: rgba(2,120,216,1); background: -moz-linear-gradient(left, rgba(2,120,216,1) 0%, rgba(2,120,216,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(2,120,216,1)), color-stop(100%, rgba(2,120,216,0))); background: -webkit-linear-gradient(left, rgba(2,120,216,1) 0%, rgba(2,120,216,0) 100%); background: -o-linear-gradient(left, rgba(2,120,216,1) 0%, rgba(2,120,216,0) 100%); background: -ms-linear-gradient(left, rgba(2,120,216,1) 0%, rgba(2,120,216,0) 100%); background: linear-gradient(to right, rgba(2,120,216,1) 0%, rgba(2,120,216,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca305f', endColorstr='#ca305f', GradientType=1 ); } .event-themes li .icon { position: absolute; top: -2px; left: -37px; color: #fe0601; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; font-size: 25px; } .event-themes li > strong { display: block; color: #fe0601; font-weight: normal; font-family: Tahoma; letter-spacing: 1px; } .event-themes li > strong >strong { font-weight: bold; } .event-themes li:last-child { padding-bottom: 0; margin-bottom: 0; } .event-themes li:last-child::before { display: none; } .event-themes li.item-2 { left: -23px; } .event-themes li.item-2 strong { font-size: 24px; } .event-themes li.item-2::before { left: -10px; } .event-themes li.item-3 { left: -40px; } */ /* SECTION / AUDIENCE */ .newb-audience-section { overflow: hidden; background-image: image-set(url("../images/webp/carbon-bg2.webp") type("image/webp"), url("../images/carbon-bg2.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: center; background-size: cover; } .newb-audience-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); z-index: -1; } .newb-audience-section h2 { color: #fff; } .newb-audience-list { text-align: center; margin: 65px 0 45px 0 } .newb-audience-list li { position: relative; display: inline-block; vertical-align: top; width: 19%; } .newb-audience-list li .icon { position: relative; display: inline-block; width: 130px; height: 105px; } .newb-audience-list li .icon::before { content: ""; position: absolute; top: -22px; left: 0; width: 130px; height: 130px; border-radius: 130px; background: rgba(179,220,237,1); background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(2,120,216,1) 50%, rgba(188,224,238,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,220,237,1)), color-stop(50%, rgba(2,120,216,1)), color-stop(100%, rgba(188,224,238,1))); background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(2,120,216,1) 50%, rgba(188,224,238,1) 100%); background: -o-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(2,120,216,1) 50%, rgba(188,224,238,1) 100%); background: -ms-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(2,120,216,1) 50%, rgba(188,224,238,1) 100%);background: linear-gradient(to bottom, rgba(179,220,237,1) 0%, rgba(2,120,216,1) 50%, rgba(188,224,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=0 ); z-index: -1; } .newb-audience-list li .td { height: 85px; } .newb-audience-list li .td img { max-width: 100%; max-height: 85px; } .newb-audience-list h3 { position: relative; color: #fff; font-size: 17px; text-transform: uppercase; font-weight: bold; padding-top: 15px; margin-top: 15px; } .newb-audience-list h3::after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -60px; width: 120px; height: 2px; background: rgba(18,153,180,0); background: -moz-linear-gradient(left, rgba(18,153,180,0) 0%, rgba(18,153,180,1) 50%, rgba(18,153,180,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(18,153,180,0)), color-stop(50%, rgba(18,153,180,1)), color-stop(100%, rgba(18,153,180,0))); background: -webkit-linear-gradient(left, rgba(18,153,180,0) 0%, rgba(18,153,180,1) 50%, rgba(18,153,180,0) 100%); background: -o-linear-gradient(left, rgba(18,153,180,0) 0%, rgba(18,153,180,1) 50%, rgba(18,153,180,0) 100%); background: -ms-linear-gradient(left, rgba(18,153,180,0) 0%, rgba(18,153,180,1) 50%, rgba(18,153,180,0) 100%); background: linear-gradient(to right, rgba(18,153,180,0) 0%, rgba(18,153,180,1) 50%, rgba(18,153,180,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1299b4', endColorstr='#1299b4', GradientType=1 ); } .audience-section a.butn { margin-bottom: 6px; } /*.newb-audience-list li.item-1, .newb-audience-list li.item-5 { margin-top: 200px; } .newb-audience-list li.item-2, .newb-audience-list li.item-4 { margin-top: 100px; } .bottom-button { position: absolute; bottom: 0; left: 0; width: 100%; }*/ /* PROGRAMM SECTION */ .programma-section { margin-top: 100px; } .programm-event-theme { background: #ca305f; padding: 15px 15px 5px 15px; } .programm-event-theme h3, .programm-event-theme li { color: #fff; } .programm-event-theme h3 { font-size: 20px; line-height: 1.4; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; text-align: center; } .programm-event-theme ul { padding-left: 10px; } .programm-event-theme li { font-size: 16px; font-family: Tahoma; letter-spacing: 1px; margin-bottom: 10px; } .programm-list > li:nth-child(odd) .item { background: #ca305f; border-top: 1px solid rgba(18,152,180,0.30); border-bottom: 1px solid rgba(18,152,180,0.30); } .programm-list > li:first-child .item { border-top: 0; } .programm-list > li:last-child .item { border-bottom: 0; } .programm-list { position: relative; border: 1px solid rgba(18,152,180,0.30); overflow: hidden; } .programm-list .col-md-2 { text-align: center; } .round-programm-photo { position: relative; display: inline-block; width: 105px; height: 105px; border-radius: 105px; margin-left: 30px; } .round-programm-photo::before { content: ""; position: absolute; top: 50%; left: 100%; width: 65px; height: 1px; background: rgba(18,152,180,0.30); } .round-programm-photo div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background: #f4f4f4; overflow: hidden; } .round-programm-photo div img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; } .round-programm-photo div::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; border: 1px solid #ca305f; } .programm-list .item { padding: 25px 15px; border-left: 1px solid rgba(18,152,180,0.30); } .programm-list .item h5 { color: #ca305f; font-size: 17px; font-weight: bold; } .programm-list .item li { margin-bottom: 10px; } .programm-time { margin-bottom: 15px; font-size: 17px; } .speaker-name { font-weight: bold; margin: 0; } .speaker-info { margin: 0; } .programm-list li:hover .item { border-left-color: #3f7094; padding-left: 20px; } .programm-list li:hover .round-programm-photo div { transform: scale(1.1); } .programm-list li:hover .round-programm-photo div::after { border: 2px solid #3f7094; } .programm-list li:hover .round-programm-photo::before { height: 1px; background: #ca305f; } /* PROGRAMM SECTION */ .plyrial-programm { padding-bottom: 0; } .plyrial-programm-dayblock.day-1 { margin-bottom: 55px; } .plyrial-programm-head { position: relative; padding: 5px 0; margin-bottom: 25px; text-align: center; } .plyrial-programm-head::before { content: ""; position: absolute; top: 0; left: -4000px; width: 9000px; height: 100%; background: #10b4b3; } .plyrial-programm-dayblock.day-2 .plyrial-programm-head::before { background: #026668; } .plyrial-programm-head h3 { position: relative; display: inline-block; font-family: 'MortModernRegular'; color: #fff; font-size: 34px; font-weight: normal; line-height: 1; margin: 0; padding-left: 55px; padding-top: 5px; z-index: 5; } .plyrial-programm-head h3::before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 40px; background: url("../images/kurs/day-icon.svg") 50% 50% no-repeat; background-size: 100% 100%; } .plyrial-programm-block { margin-bottom: 30px; } .plyrial-programm-block .inner { position: relative; padding: 10px 20px; margin-left: 45px; min-height: 95px; } .plyrial-programm-block .inner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #E8A345; background: -webkit-linear-gradient(180deg, rgba(232, 163, 69, 1) 0%, rgba(238, 190, 119, 1) 25%, rgba(249, 232, 198, 1) 100%); background: -moz-linear-gradient(180deg, rgba(232, 163, 69, 1) 0%, rgba(238, 190, 119, 1) 25%, rgba(249, 232, 198, 1) 100%); background: linear-gradient(180deg, rgba(232, 163, 69, 1) 0%, rgba(238, 190, 119, 1) 25%, rgba(249, 232, 198, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E8A345", endColorstr="#F9E8C6", GradientType=0); border-radius: 16px; opacity: .25; } .plyrial-programm-block .inner .line { position: absolute; top: -8px; left: -30px; width: 1px; height: 50%; background: #b3b8bc; } .plyrial-programm-block .inner .line::before { content: ""; position: absolute; bottom: 0; left: 0; width: 20px; height: 1px; background: #b3b8bc; } /*.plyrial-programm-block .inner .line::after { content: ""; position: absolute; bottom: 0; left: 5px; margin-bottom:-15px; width: 16px; height: 30px; background: url("../images/kurs/programm-block-point.svg") 50% 50% no-repeat; background-size: 100% 100%; }*/ .plyrial-programm-block h4 { display: inline-block; padding: 3px 10px; border: 1px solid #b3b8bc; font-size: 22px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; } .plyrial-programm-block ul { margin: 0; padding-left: 17px; } .plyrial-programm-block ul li { position: relative; padding-left: 0; list-style: none; } .plyrial-programm-block ul li::before { content: ""; position: absolute; top: 6px; left: -15px; width: 6px; height: 6px; background: #e30613; border-radius: 100%; } .plyrial-programm-block p { margin: 0; } .plyrial-programm-block .inner .row .column-1 { -ms-flex: 0 0 260px; flex: 0 0 260px; max-width: 260px; padding-left: 15px; padding-right: 15px; } .plyrial-programm-block .inner .row .column-2 { -ms-flex: 0 0 calc(100% - 260px); flex: 0 0 calc(100% - 260px); max-width: calc(100% - 260px); padding-left: 15px; padding-right: 15px; } .programm-speaker { position: relative; padding-left: 100px; min-height: 80px; } .programm-speaker figure { position: absolute; top: 0; left: 0; width: 80px; height: 80px; } .programm-speaker figure img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; } .programm-speaker h5 strong { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-align: left; height: 80px; font-size: 14px; } .programm-speaker h5 span { font-size: 13px; font-weight: normal; } .programm-info time, .plyrial-programm-block h4 span { display: block; color: #000; font-size: 16px; font-weight: bold; margin: 10px 0 5px 0; } .plyrial-programm-block h4 span { display: inline; } .plyrial-programm-block-list h5 strong { height: auto; } /* SHORT SECTION */ .short-section { padding: 110px 0; } .short-section .bg { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: image-set(url("../images/webp/numbers-bg2.webp") type("image/webp"), url("../images/bb3/bb3-numbers-bg2.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -2; } .short-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.50); z-index: -1; } .short-list li { text-align: center; } .short-list li h3 { position: relative; color: #fff; font-size: 75px; font-weight: bold; text-shadow: rgba(0,0,0,0.20) 0 1px 5px; } .short-list li h3::after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -60px; width: 120px; height: 2px; background: rgba(18,153,180,0); background: -moz-linear-gradient(left, rgba(18,153,180,0) 0%, rgba(18,153,180,1) 50%, rgba(18,153,180,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(18,153,180,0)), color-stop(50%, rgba(18,153,180,1)), color-stop(100%, rgba(18,153,180,0))); background: -webkit-linear-gradient(left, rgba(18,153,180,0) 0%, rgba(18,153,180,1) 50%, rgba(18,153,180,0) 100%); background: -o-linear-gradient(left, rgba(18,153,180,0) 0%, rgba(18,153,180,1) 50%, rgba(18,153,180,0) 100%); background: -ms-linear-gradient(left, rgba(18,153,180,0) 0%, rgba(18,153,180,1) 50%, rgba(18,153,180,0) 100%); background: linear-gradient(to right, rgba(18,153,180,0) 0%, rgba(18,153,180,1) 50%, rgba(18,153,180,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1299b4', endColorstr='#1299b4', GradientType=1 ); } .short-list li p { color: #fff; font-size: 18px; font-weight: bold; letter-spacing: 4px; text-shadow: rgba(0,0,0,0.20) 0 1px 5px; } /* SPEAKERS SECTION */ .speakers-section { position: relative; } .speakers-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #E8A345; background: -webkit-linear-gradient(180deg, rgba(232, 163, 69, 1) 0%, rgba(238, 190, 119, 1) 25%, rgba(249, 232, 198, 1) 100%); background: -moz-linear-gradient(180deg, rgba(232, 163, 69, 1) 0%, rgba(238, 190, 119, 1) 25%, rgba(249, 232, 198, 1) 100%); background: linear-gradient(180deg, rgba(232, 163, 69, 1) 0%, rgba(238, 190, 119, 1) 25%, rgba(249, 232, 198, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E8A345", endColorstr="#F9E8C6", GradientType=0); opacity: .55; } .speakers-section .ttl h2 { color: #fff; } .speakers-list { position: relative; } .speakers-list::before { content: ""; position: absolute; top: 115px; left: 100%; margin-left: -43px; width: 300px; height: 2px; background: #FFFFFF; background: -webkit-linear-gradient(290deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 34%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(290deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 34%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(290deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 34%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0); } .speakers-list::after { content: ""; position: absolute; top: 115px; right: 100%; margin-right: -43px; width: 300px; height: 2px; background: #FFFFFF; background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 34%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 34%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 34%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=1);} .speakers-list::before { margin-left: -192px; } .speakers-list::after { margin-right: -192px; } .speakers-list .item { position: relative; text-align: center; border: 2px solid #fff; border-radius: 166px; padding-top: 20px; max-width: 215px; height: 465px; margin: 0 auto 25px auto; } .speakers-list li .item::before { content: ""; position: absolute; top: 110px; left: 100%; width: 87px; height: 2px; background: #fff; } .speakers-list li:nth-child(3) .item::before { display: none; } .speakers-list .item.autoheight { height: auto; } .speakers-list .item h3 { color: #ca305f; font-size: 17px; font-weight: bold; text-transform: uppercase; height: 62px; } .speakers-list .speaker-photo { position: relative; display: inline-block; width: 180px; height: 180px; border-radius: 100%; border: 2px solid #e69e3c; margin-bottom: 20px; overflow: hidden; } .speakers-list .speaker-photo div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .speakers-list .speaker-photo div img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; } .speakers-list .in { position: relative; max-width: 315px; margin: 0 auto; } .speakers-list .speaker-info { font-size: 14px; line-height: 1.2; padding: 0 10px; } .speakers-list .speaker-social { display: block; font-size: 23px; margin-bottom: 10px; } .speakers-list .speaker-social i { position: relative; display: inline-block; padding: 6px; background: #fff; } .speakers-list .speaker-social:hover i { color: #ca305f; } .speakers-list .speaker-social::before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #ddd; } .speakers-list .item:hover { background: #fff; border-color: #ca305f; } .speakers-list .item:hover .speaker-photo div { transform: scale(1.1); } .speakers-list .item:hover .speaker-social i { background: #ca305f; } /* BOOK INFO */ .newb-book-info-section { background: rgba(243,253,255,1); background: -moz-linear-gradient(-45deg, rgba(243,253,255,1) 0%, rgba(173,241,255,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(243,253,255,1)), color-stop(100%, rgba(173,241,255,1))); background: -webkit-linear-gradient(-45deg, rgba(243,253,255,1) 0%, rgba(173,241,255,1) 100%); background: -o-linear-gradient(-45deg, rgba(243,253,255,1) 0%, rgba(173,241,255,1) 100%); background: -ms-linear-gradient(-45deg, rgba(243,253,255,1) 0%, rgba(173,241,255,1) 100%); background: linear-gradient(135deg, rgba(243,253,255,1) 0%, rgba(173,241,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca305f', endColorstr='#adf1ff', GradientType=1 ); } .newb-book-info-section h2 { color: #ca305f; font-size: 26px; font-weight: bold; line-height: 1.2; } .newb-book-info-section h3 { font-size: 20px; margin-bottom: 30px; } /* SECTION / BENEFITS */ .newb-benefits-section { position: relative; overflow: hidden; } .newb-benefits-section::before { content: ""; position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; height: 100%; background-image: image-set(url("../images/webp/bb3-benefits-bg.webp") type("image/webp"), url("../images/bb3/bb3-benefits-bg.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: 50% 0; background-size: cover; z-index: -3; } .benefits-bg { position: absolute; top: 0; left: 0; width: calc(100% + 353px); height: 100%; margin-left: -415px; } .newb-benefits-list { text-align: center; margin-top: 40px; } .newb-benefits-list li { position: relative; margin-bottom: 25px; } .newb-benefits-list li .item { padding: 10px 15px; background: #C8862F; background: -webkit-linear-gradient(180deg, rgba(200, 134, 47, 1) 0%, rgba(200, 134, 47, 0) 35%, rgba(200, 134, 47, 0) 50%, rgba(200, 134, 47, 0) 65%, rgba(200, 134, 47, 1) 100%); background: -moz-linear-gradient(180deg, rgba(200, 134, 47, 1) 0%, rgba(200, 134, 47, 0) 35%, rgba(200, 134, 47, 0) 50%, rgba(200, 134, 47, 0) 65%, rgba(200, 134, 47, 1) 100%); background: linear-gradient(180deg, rgba(200, 134, 47, 1) 0%, rgba(200, 134, 47, 0) 35%, rgba(200, 134, 47, 0) 50%, rgba(200, 134, 47, 0) 65%, rgba(200, 134, 47, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#C8862F", endColorstr="#C8862F", GradientType=0); } .newb-benefits-list li:first-child .item, .newb-benefits-list li:nth-child(4) .item { border-radius: 24px 0 0 24px; } .newb-benefits-list li:last-child .item, .newb-benefits-list li:nth-child(3) .item { border-radius: 0 24px 24px 0; } .newb-benefits-list li .item .td { height: 125px; } .newb-benefits-list li p { position: relative; margin: 0; padding: 0; color: #fff; text-shadow: rgba(0,0,0,.2) 0 1px 5px; } .newb-benefits-list li p strong { display: block; font-size: 19px; font-weight: bold; text-transform: uppercase; margin: 6px 0; } .newb-benefits-section .align-center { margin-top: 55px; } /* SECTION / PARTNERS */ .partners-section { position: relative; } .partners-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #E8A345; background: -webkit-linear-gradient(180deg, rgba(232, 163, 69, 1) 0%, rgba(238, 190, 119, 1) 25%, rgba(249, 232, 198, 1) 100%); background: -moz-linear-gradient(180deg, rgba(232, 163, 69, 1) 0%, rgba(238, 190, 119, 1) 25%, rgba(249, 232, 198, 1) 100%); background: linear-gradient(180deg, rgba(232, 163, 69, 1) 0%, rgba(238, 190, 119, 1) 25%, rgba(249, 232, 198, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E8A345", endColorstr="#F9E8C6", GradientType=0); opacity: .85; } .partners-section .ttl h2 { color: #fff; } .organizator-item { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: 220px; height: 220px; border-radius: 220px; margin: 0 auto 40px auto; background: #FFFFFF; background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0); } .organizator-item::before { content: ""; position: absolute; top: -10px; left: -10px; width: calc(100% + 20px); height: calc(100% + 20px); border: 1px solid #fefcf9; border-radius: 100%; } .organizator-item img { max-width: 75% !important; height: auto; } .logos-box { position: relative; background: #FFFFFF; background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0); border-radius: 160px; } .logos-box::before { content: ""; position: absolute; top: -10px; left: -10px; width: calc(100% + 20px); height: calc(100% + 20px); border: 1px solid #fefcf9; border-radius: 160px; } .logos-list li { text-align: center; } .logos-list li h3 { font-size: 19px; line-height: 1.55; height: 65px; } .logos-list li .td { height: 120px; } .logos-list img { max-width: 190px; max-height: 95px; } .logos-box .owl-carousel .owl-nav .owl-prev { left: 20px !important; margin-top: -15px; opacity: 1; } .logos-box .owl-carousel .owl-nav .owl-next { right: 20px !important; margin-top: -15px; opacity: 1; } .logos-box .owl-carousel .owl-nav .owl-prev:before, .logos-box .owl-carousel .owl-nav .owl-next::before { color: #874e02; opacity: 1; } /* SPEAKERS SECTION */ .archive-section { padding: 110px 0 150px 0 !important; background: url("../images/bg.jpg") fixed no-repeat; background-size: cover; } .archive-section .bg { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/bg.jpg") 50% 50% no-repeat; background-size: cover; z-index: -2; } .archive-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.50); z-index: -1; } .archive-section .owl-carousel .owl-nav .owl-prev, .archive-section .owl-carousel .owl-nav .owl-next { opacity: 1; } .archive-section .owl-carousel .owl-nav .owl-prev:before, .archive-section .owl-carousel .owl-nav .owl-next:before { color: #fff; } .archive-preview { position: relative; height: 200px; margin: -18px -15px 20px -15px; overflow: hidden; } .archive-preview img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .archive-preview::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(18,153,180,1); background: -moz-linear-gradient(left, rgba(18,153,180,1) 0%, rgba(18,153,180,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(18,153,180,1)), color-stop(100%, rgba(18,153,180,0))); background: -webkit-linear-gradient(left, rgba(18,153,180,1) 0%, rgba(18,153,180,0) 100%); background: -o-linear-gradient(left, rgba(18,153,180,1) 0%, rgba(18,153,180,0) 100%); background: -ms-linear-gradient(left, rgba(18,153,180,1) 0%, rgba(18,153,180,0) 100%); background: linear-gradient(to right, rgba(18,153,180,1) 0%, rgba(18,153,180,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1299b4', endColorstr='#1299b4', GradientType=1 ); opacity: 0; z-index: 5; } .archive-preview::after { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f144"; font-size: 52px; line-height: 52px; color: #fff; top: 50%; left: 0; margin-top: -22px; text-indent: 0; width: 100%; height: 60px; text-align: center; z-index: 25; opacity: 0; } .archive-list { margin-bottom: 55px; } .archive-list .item .in { background: rgba(255,255,255,0.85); padding: 0 15px 10px 15px; height: 400px; } .archive-list .item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 120; } .archive-list .item h3 { color: rgba(0,0,0,.60); font-size: 17px; font-weight: 400; text-transform: uppercase; } .archive-list .item .preview-text { display: -webkit-box; height: 107px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 5; font-weight: bold; margin-bottom: 20px; } .archive-list .item h4 { font-size: 14px; } .archive-list .item:hover .in { background: #ca305f; } .archive-list .item:hover .archive-preview::before { opacity: 0.85; } .archive-list .item:hover .archive-preview::after { opacity: 1; } .archive-list .item:hover .archive-preview img { transform: scale(1.1); } .archive-section .owl-carousel .owl-dots button span { width: 15px; height: 15px; border: 1px solid #fff; border-radius: 15px; } .archive-section .owl-carousel .owl-dots button.active span { background: #fff; } /* REGISTRATION / FORMS */ .form-group { position: relative; } .form-group.hidden { display: none; } .form-group textarea { height: 95px; max-height: 165px; } .form-group .wpcf7-not-valid { border-color: #f03952 !important; } .form-row { border: 0 !important; } .form-row input { padding: 4px 0 !important; border: 0; border-bottom: 1px solid rgba(0,0,0,0.80); } .form-row .optional { display: none; } .ajax-loader { position: absolute !important; top: 18px !important; left: 15px !important; width: 20px; height: 20px; background: #fff; border-radius: 20px; } .wpcf7-validation-errors, div.wpcf7-mail-sent-ok { width: 100%; max-width: 100%; background: #f03952; color: #ffffff !important; border: 0 !important; padding: 15px !important; display: block !important; margin: 20px 0 0 0 !important; text-align: center; } .mfp-content .wpcf7-validation-errors, .mfp-content div.wpcf7-mail-sent-ok { position: absolute; top: 100%; left: 0; width: 100%; max-width: 100%; } div.wpcf7-mail-sent-ok { background: #398f14; } .wpcf7-not-valid-tip, .screen-reader-response { display: none !important; } .form-group-ttl { display: block; margin-bottom: 15px; font-weight: bold; } .form-group-ttl.inline { display: inline-block; margin: 0 20px 0 0; } form .row .wpcf7-list-item { position: relative; padding-left: 20px; margin: 0 20px 0 0; } form .row .wpcf7-list-item input { position: absolute; top: 3px; left: 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: red; } .agree a { color: rgba(98,72,49,0.95); text-decoration: underline; } input[type="text"].form-control, input[type="tel"].form-control, input[type="email"].form-control, select.form-control { border-radius: 5px; border: 1px solid rgba(98,72,49,0.45); } .form-group-ttl { color: rgba(98,72,49,0.95); } .wpcf7-spinner { margin: 0; position: absolute; top: 11px; right: 25px; } /* OWL CUSTOM */ .owl-carousel { position: relative; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; margin: -5px 0 0 0; width: 27px; height: 27px; outline: none; opacity: 0.50; } .owl-carousel .owl-nav .owl-prev { left: -30px; } .owl-carousel .owl-nav .owl-prev:before { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f053"; font-size: 24px; color: #ca305f; top: 0; left: 0; text-indent: 0; width: 25px; line-height: 27px; z-index: 25; } .owl-carousel .owl-nav .owl-next { right: -30px; } .owl-carousel .owl-nav .owl-next:before { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f054"; font-size: 24px; color: #ca305f; top: 0; left: 0; text-indent: 0; width: 30px; line-height: 27px; 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: 11px; height: 11px; border: 1px solid #c29838; border-radius: 11px; background: none; } .owl-carousel .owl-dots button.active span { background: #c29838; } .owl-carousel.owl-drag .owl-item { text-align: center; } .owl-carousel.owl-drag .owl-item .item { display: inline-block; text-align: center; } .owl-carousel .td { height: 120px; text-align: center; } .owl-carousel .td img { display: inline !important; width: auto !important; max-width: 190px !important; max-height: 90px; margin: 0; } .owl-carousel .td a:hover img { opacity: 0.65; } /* 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: inline-block; position: relative; background: #ffffff; max-width: 650px; min-width: 200px; z-index: 100000; padding: 30px 30px 20px 30px; border: 1px solid #ddd; -webkit-box-shadow: 5px 5px 20px 0px rgba(68,68,68,0.4); -moz-box-shadow: 5px 5px 20px 0px rgba(68,68,68,0.4); box-shadow: 5px 5px 20px 0px rgba(68,68,68,0.4); border-radius: 11px; } .mfp-zoom-out .mfp-close { top: 0 !important; right: 0!important; color: #444444 !important; font-size: 35px !important; background: #f4f4f4; border: 1px solid #ddd; border-top: 0; border-right: 0; opacity: 1 !important; border-radius: 0 10px 0 0; } .mfp-zoom-out .mfp-close:hover { background: #c29838; border-color: #c29838; color: #fff !important; } .mfp-zoom-out.mfp-bg { background: rgba(0,0,0,0.92) !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.96; } .mfp-zoom-out.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; } .mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; } .mfp-content .form button, .mfp-content .form input[type=submit], .mfp-content .form input[type=button], .mfp-content .form a.form-btn { min-width: auto; } .mfp-zoom-out .white-popup .ttl, .form-head { text-align: left; margin-bottom: 35px; } .mfp-zoom-out .white-popup .ttl h3 { font-size: 25px; line-height: 1.3; margin: 0; } .mfp-zoom-out .white-popup p { font-size: 18px; } .mfp-zoom-out .white-popup .form-control, { padding: 12px 15px; border-radius: 0; border-color: #444444; height: auto; font-size: 18px; } .mfp-zoom-out .white-popup p.form-agreement { font-size: 14px; } .mfp-zoom-out h3 { font-family: 'Prata', Arial, sans-serif; font-weight: bold; margin-bottom: 20px; } .mfp-zoom-out .butn { width: 100%; } .mfp-zoom-out .wpcf7-response-output { max-width: 400px; } .mfp-zoom-out .white-popup.fullprogramm-popup { max-width: 950px; } /* ARCHIVE POPUP */ .mfp-zoom-out .white-popup.archive-popup { width: 446px !important; min-height: 317px; background: #fff url("../images/archive-bg.jpg") 50% 50% no-repeat; background-size: cover; } .mfp-zoom-out .white-popup.archive-moreinfo-popup { width: 664px !important; background: #fff url("../images/archive-bg2.jpg") 50% 50% no-repeat; background-size: cover; } .archive-popup .popup-inner , .archive-moreinfo-popup .popup-inner { text-align: center; } .white-popup.archive-popup .mfp-close, .white-popup.archive-moreinfo-popup .mfp-close { width: 35px; height: 35px; line-height: 35px; font-size: 35px !important; background: transparent !important; border: 0 !important; font-weight: normal !important; } .white-popup.archive-popup .mfp-close:hover, .white-popup.archive-moreinfo-popup .mfp-close:hover { color: #2f539a !important; } .archive-logos { margin-bottom: 50px; } .archive-logos .column-1, .archive-logos .column-2, .archive-logos .column-3 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .archive-logos .column-1 img { max-width: 80px; } .archive-logos .column-2 img { max-width: 95px; } .archive-logos .column-3 img { max-width: 110px; } .archive-popup h4 { color: rgba(0,0,0,.80); font-size: 22px; line-height: 1.1; font-weight: bold; margin-bottom: 30px; } .archive-popup .buttons { text-align: center; } .archive-moreinfo { display: inline-block; color: rgba(0,0,0,.80); font-size: 13px; line-height: 1; border-bottom: 1px solid rgba(0,0,0,.80); text-decoration: none; } .archive-moreinfo:hover { color: #000; text-decoration: none; } .archive-butn { display: block; max-width: 220px; font-size: 16px; color: #fff; background: #2f539a; border-radius: 9px; padding: 6px 15px; margin: 13px auto 0 auto; } .archive-butn:hover { color: #acb0ba; background: #1d3d7c; text-decoration: none; } .archive-moreinfo-popup p { color: #000; font-size: 17px !important; line-height: 1.2; } .archive-moreinfo-popup p:first-child { font-size: 21px !important; font-weight: bold; margin-bottom: 35px; } .archive-moreinfo-popup figur { margin-top: 45px; } .archive-moreinfo-popup figure img { max-width: 140px; } .archive-back { position: absolute; top: 5px; left: 10px; color: #444444; font-size: 22px; } .archive-back:hover { color: #2f539a !important; } @media all and (max-width: 700px) { .mfp-zoom-out .white-popup.archive-moreinfo-popup { width: 100% !important; background-position: 0 0; } } @media all and (max-width: 580px) { .mfp-zoom-out .white-popup.archive-popup { width: 100% !important; background-position: 0 0; } .archive-moreinfo-popup p { font-size: 15px !important; } .archive-moreinfo-popup p:first-child { font-size: 19px !important; } } /* FOOTER */ footer { position: relative; padding: 90px 0 30px 0; } .kitmed-garanty { position: absolute; top: -188px; left: 50%; margin-left: -95px; width: 190px; } .kitmed-garanty::before { content: ""; position: absolute; top: 0; left: -6px; width: 200px; height: 200px; border-radius: 200px; background: #fff; z-index: -1; } footer p { margin-bottom: 25px; } footer h3, footer p strong { display: block; color: #ca305f; font-size: 17px; font-weight: bold; text-transform: uppercase; margin-bottom: 9px; } footer .section-col-3 p, footer .col-xl-4 p:last-child { margin-bottom: 0; } footer .section-col-1 .box { padding-right: 30px; } footer .section-col-2 .box { position: relative; } footer .section-col-2 .box::before { content: ""; position: absolute; top: 0; left: 50%; margin-left: -35px; width: 1px; height: calc(100% - 25px); background: #ddd; } /* SOCIALS */ .socials-list { display: inline-block; vertical-align: top; margin: 0; } .socials-list li { display: inline-block; vertical-align: top; margin: 0 15px 0 0; } .socials-list li:last-child: { margin-right: 0; } .socials-list li a { position: relative; color: #ca305f; font-size: 35px; } .socials-list li a:hover i { color: #99e085; } /* ARCHIVE */ .archivepage-wrapper { background: url("../images/aptos/aptos-mainbg.jpg") fixed; } .archivepage-wrapper::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.80); } .archivepage-section { position: relative; margin-top: 85px; margin-bottom: 85px; } .archivepage-list .arhevent-item .arhevent-in { position: relative; padding: 15px; background: #fff; border: 1px solid #ca305f; } .archivepage-list .arhevent-item h2 { position: relative; color: #fff; font-size: 17px; margin-bottom: 15px; z-index: 5; } .archivepage-list .arhevent-item h2 strong { display: block; margin-bottom: 15px; } .arhevent-in { position: relative; margin-bottom: 20px; border-radius: 0 36px 36px 0; } .arhevent-item .column-1 .in { position: relative; text-align: center; } .arhevent-item .column-2 .in { position: relative; padding-bottom: 95px; min-height: 420px; } .arhevent-item-bg { content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 100%; } .arhevent-item-bg2 { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: rgba(0,0,0,0.7); } .archive-main { display: inline-block; vertical-align: top; width: 330px; height: 330px; border-radius: 330px; border: 1px solid #ca305f; } .archive-main-full { height: 300px; } .arhevent-speakers { text-align: center; } .arhevent-in { overflow: hidden; } .arhevent-speakers .speaker-item { display: inline-block; vertical-align: top; margin: 0 8px; } .arhevent-speakers .speaker-photo { position: relative; display: inline-block; width: 120px; height: 120px; border-radius: 120px; border: 3px solid #fff; margin-bottom: 10px; overflow: hidden; } .arhevent-speakers .speaker-photo div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .arhevent-speakers .speaker-item h4 { font-size: 14px; text-transform: uppercase; font-weight: bold; text-align: center; } .arhevent-subthemes { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd; } .arhevent-subthemes.scrollbar { max-height: 180px; } .arhevent-subthemes li { font-size: 15px; font-weight: bold; margin-bottom: 8px; } .arhevent-item .bottom-place { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; } .arhevent-item .bottom-place .butn { padding: 8px 15px 11px 15px; background: #00417f; color: #fff; font-size: 15px; border-color: red; } .arhevent-item .bottom-place .butn span { font-size: 15px; } .arhevent-item .bottom-place .butn::before { display: none; } .arhevent-item .bottom-place .butn:hover { background: #2068ad; } .event-title-logo1 { width: 210px; margin: 0 4px; } .event-title-logo2 { width: 137px; margin: 0 4px; } .aptos-ttl span { display: inline-block !important; vertical-align: top; width: 8px; height: 8px; border-radius: 8px; background: #fe0601; margin-top: 10px; } .arhevent-releas { text-align: center; color: #00417f; font-weight: bold; font-size: 22px; text-transform: uppercase; min-height: 50px; margin-bottom: 15px; padding-top: 20px; } .arhevent-releas div { display: inline-block; position: relative; padding: 0 10px 2px 10px; background: #00417f; color: #fff; border-radius: 15px; } .scroll-down { position: absolute; top: -9px; left: -50px; display: block; width: 50px; height: 50px; margin: 0 auto 7px auto; background: url("../images/archive/scroll-down-icon.svg") 50% 50% no-repeat; background-size: auto 100%; animation-iteration-count: infinite; z-index: 20; } .arhevent-nozzles-list { text-align: left; padding-left: 25px; } .arhevent-nozzles-list div { display: inline-block; vertical-align: top; width: 75px; height: 75px; background-color: #fff !important; border: 1px solid #ca305f; margin-right: 10px; border-radius: 75px; } .speakers-slider .owl-prev { left: -7px !important; margin: -43px 0 0 0 !important; } .speakers-slider .owl-next { right: -7px !important; margin: -43px 0 0 0 !important; } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #7bbbec !important; } .arhevent-in .column-1 { position: static; } .arhevent-item-id-64 .archive-main-pic { position: relative; margin-top: -20px; bottom: -47px; display: block; margin-left: -16px; width: 527px; } .arhevent-item-id-54 .archive-main-pic { width: 340px; } .arhevent-item-id-222 .archive-main-pic { width: 450px; } .arhevent-item-id-239 .archive-main-pic { width: 450px; } .arhevent-item-id-252 .archive-main-pic { width: 390px; } .arhevent-item-id-391 .archive-main-pic { max-width: 340px; } .arhevent-item-id-428 .archive-main-pic { max-width: 340px; } .arhevent-item-id-435 .archive-main-pic { max-width: 310px; } .arhevent-item-id-950 .archive-main-pic { max-width: 390px; } .arhevent-item-id-1811 .archive-main-pic { position: absolute; top: 128px; left: 50%; margin-left: -195px; width: 390px; max-width: 390px; max-width: none; } .arhevent-item-id-2151 .archive-main-pic { position: absolute; top: 80px; left: 50%; margin-left: -160px; width: 320px; max-width: 320px; max-width: none; } .arhevent-item-id-2761 .archive-main-pic, .arhevent-item-id-3749 .archive-main-pic, .arhevent-item-id-5735 .archive-main-pic, .arhevent-item-id-6985 .archive-main-pic, .arhevent-item-id-7213 .archive-main-pic { max-height: 390px; -webkit-box-shadow: 2px 7px 24px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 7px 24px 0px rgba(0,0,0,0.1); box-shadow: 2px 7px 24px 0px rgba(0,0,0,0.1); } .arhevent-item-id-3086 .archive-main-pic { max-height: 390px; } .arhevent-item-id-3749 .archive-main-pic, .arhevent-item-id-5735 .archive-main-pic { background-color: #fff; } .arhevent-item-id-5133 .archive-main-pic, .arhevent-item-id-5477 .archive-main-pic, .arhevent-item-id-5972 .archive-main-pic, .arhevent-item-id-6985 .archive-main-pic, .arhevent-item-id-7213 .archive-main-pic, .arhevent-item-id-7468 .archive-main-pic { height: 360px; } .page-child .main-section .bg { left: 0; margin-left: 0; } .arhevent-item-id-5972 .archive-main-pic { margin-top: 25px; } .page-child .main-box h1::after { display: none; } .page-child .main-box h1::before { background: url("../images/bb2/cup-wht.svg") 50% 50% no-repeat; background-size: 100% auto; } .arhevent-item-id-208 .archive-main-pic { margin-top: 45px; } .page-template-index-bkp-21-09-2021 .partners-section { margin-bottom: 150px !important; } .archivepage-theme .aptos-ttl span { margin-top: 19px; } .arhevent-item-id-263 .archive-main-pic { width: 390px; } .archivepage-list .arhevent-item.arhevent-item-id-263 .arhevent-in { padding: 15px 15px 0 15px; } .arhevent-item-id-284 .archive-main-pic { position: absolute; top: -16px; left: 50%; margin-left: -595px; width: 802px; max-width: none; opacity: .7; } .page-child .main-box h1 { color: #fff; } /* VIDEOS GALLERY */ .videos-list .item { display: block !important; } .videos-list .item a { position: relative; display: block; height: 212px; overflow: hidden; } .videos-list .item a 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; } .videos-list .item a span::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,71,153,0.22); opacity: 0; -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; } .videos-list .item a span::after { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f167"; font-size: 52px; line-height: 52px; color: #fff; top: 50%; left: 0; margin-top: -22px; text-indent: 0; width: 100%; height: 60px; text-align: center; z-index: 25; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .videos-list .item a:hover span::before { opacity: 1; } .videos-list .item a:hover span::after { opacity: 1; } .videos-list .item a:hover span { transform: scale(1.1); } /* BB14 COLOR CHEME */ body.page-template-page-newbb .event-buttons a, body.page-template-page-newbb .form-group input.butn { background: #ca305f; border: 1px solid transparent; font-weight: bold; } body.page-template-page-newbb .event-buttons a:hover, body.page-template-page-newbb .form-group input.butn:hover { background: #95143c; } body.page-template-page-newbb .event-buttons a.butn-scroll { background: #fff; color: #ca305f; border-color: #ca305f; } body.page-template-page-newbb .menu li a, body.page-template-page-newbb .programm-event-theme { background: #ca305f; } body.page-template-page-newbb .menu li a:hover, body.page-template-page-newbb .programm-event-theme:hover { background: #ca305f; } body.page-template-page-newbb .menu li.archive a { background: red; } body.page-template-page-newbb .speakers-list .item h3, body.page-template-page-newbb footer h3, body.page-template-page-newbb footer p strong, body.page-template-page-newbb footer a { color: #ca305f !important; } body.page-template-page-newbb .speakers-list .item a { color: #000; text-decoration: underline; } body.page-template-page-newbb .programm-list .item h5 { color: #ca305f !important; } body.page-template-page-newbb .round-programm-photo div::after { border-color: #3f7094; } body.page-template-page-newbb .newb-audience-list li .icon::before { background: #ca305f; background: -webkit-linear-gradient(360deg, rgba(230, 157, 57, 1) 0%, rgba(230, 157, 57, 0) 50%, rgba(230, 157, 57, 1) 100%); background: -moz-linear-gradient(360deg, rgba(230, 157, 57, 1) 0%, rgba(230, 157, 57, 0) 50%, rgba(230, 157, 57, 1) 100%); background: linear-gradient(360deg, rgba(230, 157, 57, 1) 0%, rgba(230, 157, 57, 0) 50%, rgba(230, 157, 57, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ca305f", endColorstr="#ca305f", GradientType=0); } body.page-template-page-newbb .butn { border: 1px solid #d0a838; } body.page-template-page-newbb .butn:before { background: rgba(245,222,122,1); background: -moz-linear-gradient(-45deg, rgba(245,222,122,1) 0%, rgba(212,165,79,1) 32%, rgba(245,223,111,1) 60%, rgba(212,165,79,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(245,222,122,1)), color-stop(32%, rgba(212,165,79,1)), color-stop(60%, rgba(245,223,111,1)), color-stop(100%, rgba(212,165,79,1))); background: -webkit-linear-gradient(-45deg, rgba(245,222,122,1) 0%, rgba(212,165,79,1) 32%, rgba(245,223,111,1) 60%, rgba(212,165,79,1) 100%); background: -o-linear-gradient(-45deg, rgba(245,222,122,1) 0%, rgba(212,165,79,1) 32%, rgba(245,223,111,1) 60%, rgba(212,165,79,1) 100%); background: -ms-linear-gradient(-45deg, rgba(245,222,122,1) 0%, rgba(212,165,79,1) 32%, rgba(245,223,111,1) 60%, rgba(212,165,79,1) 100%); background: linear-gradient(135deg, rgba(245,222,122,1) 0%, rgba(212,165,79,1) 32%, rgba(245,223,111,1) 60%, rgba(212,165,79,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5de7a', endColorstr='#d4a54f', GradientType=1 ); } body.page-template-page-newbb .butn:hover { background: #bb921f; } body.page-template-page-newbb .newb-book-info-section { background: rgb(137,170,193); background: -moz-linear-gradient(138deg, rgba(137,170,193,0.09287464985994398) 0%, rgba(73,114,143,0.09) 100%); background: -webkit-linear-gradient(138deg, rgba(137,170,193,0.09287464985994398) 0%, rgba(73,114,143,0.09) 100%); background: linear-gradient(138deg, rgba(137,170,193,0.09287464985994398) 0%, rgba(73,114,143,0.09) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#89aac1",endColorstr="#49728f",GradientType=1); } body.page-template-page-newbb .event-themes .col-md-5::before { background: #353d48; } body.page-template-page-newbb .event-themes::before { background: #ca305f; } .event-themes .right-col ul { } body.page-template-page-newbb .event-themes li { position: relative; text-align: left !important; color: #fff !important; text-shadow: none !important; text-align: center; font-size: 25px !important; text-transform: none !important; } body.page-template-page-newbb .event-themes li::before { content: ""; position: absolute; top: 0; left: -70px; width: 64px; height: 64px; background: url("../images/theme-icom.svg") 50% 50% no-repeat; background-size: 100% auto; } body.page-template-page-newbb .event-themes li::after { content: ""; position: absolute; top: -60px; right: -70px; width: 140px; height: 132px; background: url("../images/bb16-flow.png") 50% 50% no-repeat; background-size: 100% auto; } body.page-template-page-newbb .main-section::before { opacity: 0; } body.page-template-page-newbb .event-themes .left-col .dots { top: -49px; right: -75px; width: 157px; height: 135px; background: url("../images/theme-arrow1-2.png") 50% 50% no-repeat; } /*body.page-template-page-newbb .event-themes .right-col .dots { top: -27px; Left: auto; right: -62px; width: 157px; height: 135px; background: url("../images/theme-arrow2.png") 50% 50% no-repeat; -webkit-transform: none; transform: none; }*/ body.page-template-page-newbb .event-themes .col-md-5::after, body.page-template-page-newbb .ttl-icon { display: none; } body.page-template-page-newbb .programm-list .item li { position: relative; list-style: none; } body.page-template-page-newbb .programm-list .item li::before { content: ""; position: absolute; top: 7px; left: -14px; width: 6px; height: 6px; border-radius: 6px; background: #ca305f; } body.page-template-page-newbb footer p strong { color: #ca305f !important; } body.page-template-page-newbb .speakers-list .item h3 { color: #ca305f !important; } body.page-template-page-newbb footer h3, body.page-template-page-newbb footer p strong, body.page-template-page-newbb footer a { color: #ca305f !important; } body.page-template-page-newbb .newb-audience-list h3::after, body.page-template-page-newbb .short-list li h3::after { background: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(51%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } body.page-template-page-newbb .programm-list > li:nth-child(odd) .item { background: #f3f3f3; } body.page-template-page-newbb .programm-list, body.page-template-page-newbb .programm-list > li:nth-child(odd) .item, body.page-template-page-newbb .programm-list .item , body.page-template-page-newbb .programm-list li:hover .round-programm-photo div::after { border-color: #3f7094 !important; } body.page-template-page-newbb .round-programm-photo::before { background: #3f7094 !important; } .mfp-content .form-group.align-right { margin-top: 25px; margin-bottom: 0; } .mobile-navi-button, .mobile { display: none; } .pushmenu { background: #9687da; width: 210px; height: 100%; top: 0; z-index: 1000; position: fixed; overflow-x: scroll; } .pushmenu::-webkit-scrollbar { display: none; } .pushmenu-right { right: -210px; } .pushmenu-right.pushmenu-open { right: 0; } .pushmenu-push { overflow-x: hidden; position: relative; right: 0; } .pushmenu-push-toright { right: 210px; } .pushmenu, .pushmenu-push, header { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 1400px) { .menu li a { font-size: 15px; padding: 8px 8px; } } @media (max-width: 1350px) { .head-tel { font-size: 14.5px; } menu li { margin: 0 16px 0 0; } menu li a { font-size: 15px; } header nav { display: none; } .pushmenu-push-toright header { left: -210px; } .mobile-navi-button { display: inline-block; vertical-align: top; color: #0278d8; font-size: 19px; font-weight: bold; text-transform: uppercase; cursor: pointer; margin: 2px 0 0 20px; z-index: 50; } .mobile-navi-button i { vertical-align: top; margin-top: -2px; font-size: 25px; color: #0278d8; margin: 0 5px 0 0; } .mobile-navi-button i, .mobile-navi-button.sw i.fa-bars { display: none; } .mobile-navi-button.hd i.fa-bars { display: inline-block; } .mobile-navi-button.sw i.fa-times { display: inline-block; } .pushmenu li a { position: relative; display: block; color: #fff; font-size: 1rem; text-decoration: none; padding: 12px 15px 12px 15px; border-bottom: 1px solid rgba(255,255,255,0.20); } .pushmenu li a:hover { background: rgba(255,255,255,0.35); border-top-color: #dddddd; padding-left: 40px; } body.home .mobile-navi-button, body.home .mobile-navi-button i { color: #ca305f; } body.home .pushmenu { background: #ca305f; } } @media all and (max-width: 1200px) { .head-tel { font-size: 16px; } .newb-book-info-section h2 br { display: none; } .speakers-list li .item:before { width: 32px; } .speakers-list:after { margin-right: -16px; } .speakers-list:before { margin-left: -16px; } .speakers-list::before { margin-left: -135px; } .speakers-list::after { margin-right: -135px; } /*.event-arrow { top: 267px; right: 30px; width: 240px; height: 121px; } .event-minbooks { top: 276px; left: 112px; width: 172px; } .event-arrow span { top: 36px; left: 50px; }*/ .event-arrow { top: 357px; right: 477px; z-index: -1; } .main-section::after { top: 56px; margin-left: -295px; width: 1122px; height: 601px; background-size: auto 100%; } .event-themes li { font-size: 17px; } .event-themes li br { display: none; } .event-themes::after { border-width: 0 0 270px 70px; } footer .section-col-2 .box::before { display: none; } .event-arrow { background: url("../images/bb2/gift-arrow.svg") 50% 50% no-repeat; background-size: cover; } .event-themes h4 { font-size: 33px; } .arhevent-nozzles-list div { width: 55px; height: 55px; border-radius: 75px; } .arhevent-item .bottom-place .butn { padding: 8px 5px 11px 5px; } .main-section::after { background-size: auto 75%; } .event-themes li.item-1 { font-size: 23px !important; } body.home .event-themes .right-col ul { padding-left: 0; } body.home .main-section::after { opacity: 0; } .theme-banner-1 { top: 250px; margin-left: 47px;width: 264px; } .theme-banner-2 { top: -25px; margin-left: 115px; width: 250px; } .theme-banner-3 { top: 136px; margin-left: 310px; width: 190px; } .kurs-bg { top: 24px; width: 55%; } .kurs-date { top: 90px; left: 503px; } .kurs-head h2 { font-size: 23px; } .kurs-head p { font-size: 23px; } .kurs-head::before { border-width: 32px 25px 31px 0; } .kurs-device, .kurs-device-mob { top: -175px; width: 100%; } .event-mainpic { top: -40px; right: 0; width: 445px; z-index: -1; } .event-maininfo { max-width: 500px; } .main-box h1 { max-width: 455px; margin-top: -105px; } .event-themes-box li { font-size: 25px; } .event-themes-box h4 { width: 125px; height: 125px; font-size: 19px; } .event-themes-box { padding: 15px 0 0 155px; } .date { font-size: 32px; } .event-buttons { position: static; } .event-maininfo p { font-size: 15px; line-height: 1.1; } .event-themes-box::after { height: 156px; } .itsfree { font-size: 12px; } .event-right { } .event-minbooks .minbooks-bg { top: -35px; } .newb-benefits-list li p strong { font-size: 17px; } .event-themes-box li.subtheme { font-size: 19px !important; } } @media all and (max-width: 992px) { .newb-book-info-section { text-align: center; } .mfp-zoom-out .white-popup.big-popup { width: 100% !important; max-width: 100% !important; } .short-list li h3 { font-size: 50px; } .short-list li p { font-size: 16px; letter-spacing: 2px; } .programm-event-theme ul { max-width: 400px; margin: 0 auto; } .newb-audience-list { margin-bottom: 0; } .newb-audience-list li { width: 25%; margin-bottom: 40px; } .main-box { max-width: 100%; width: 100%; margin-bottom: 30px; } .event-right { position: relative; top: auto; right: auto; max-width: 470px; height: 153px; margin: 0 auto; } .event-themes { position: relative; bottom: auto; left: auto; } .main-section .container { padding-bottom: 0; } .event-themes h4 { font-size: 25px; } .event-themes .left-col { margin-top: 17px; } .event-themes li.item-1 { font-size: 17px !important; } .event-themes li.item-2 { font-size: 17px !important; } .event-themes li.item-3 { font-size: 15px !important; } .main-section::after { margin-left: -580px; } .event-arrow { display: none; } .arhevent-in .column-1 { position: relative; margin-bottom: 25px; } .arhevent-item .bottom-place .butn { padding: 8px 15px 11px 15px; } .arhevent-in { overflow: hidden; } .arhevent-item-bg { top: -20px; width: 100%; height: calc(100% + 20px); } .main-section::after { opacity: .5; } body.home .event-themes li {font-size: 22px !important; } body.home .event-themes li::after { display: none; } body.home .event-themes .left-col .dots { top: -33px; } body.home .event-themes .right-col .dots { top: -34px; } .arhevent-item-id-284 .arhevent-in .column-1 { height: 400px; } .arhevent-item-id-284 .archive-main-pic { margin-left: -490px; width: 672px; } .theme-banner-1, .theme-banner-2, .theme-banner-3, .event-right { display: none; } .theme-banner-mobile { display: block; max-width: 270px; margin: 0 auto; position: relative; top: -5px; } .itsfree { margin-top: -5px; text-align: center; } .kurs-bg { top: 24px; width: 42%; } .kurs-device { display: none; } .kurs-device-mob { display: block; top: 45px; } .videobox iframe { width: 690px; height: 388px; } .itsfree::before { display: none; } .event-themes-box h4 { font-size: 20px; } .event-themes-box li span { display: inline; padding-left: 35px; padding: 0; } .event-themes-box li br { display: none; } .arhevent-item-id-1811 .archive-main-pic { position: static; margin-left: 0; width: 100%; max-width: 320px; } .arhevent-item-id-1811 .arhevent-item-bg { height: calc(100% + 5px); } .arhevent-item-id-2151 .archive-main-pic { position: static; margin-left: 0; width: 100%; max-width: 280px; } .event-themes-line .inner { max-width: 100%; padding-left: 195px; } .themes-line1 { font-size: 17px; } .themes-line2 { font-size: 28px; } .themes-line3 { font-size: 20px; } .themes-line3 span { font-size: 24px; } .event-themes-line ul li { font-size: 15px; margin-bottom: 5px; } .event-minbooks img { max-width: 100px; } .event-themes-line .inner h4 { display: block; } .ttl h1, .ttl h2, .ttl h3 { font-size: 26px; } .event-minbooks { bottom: 15px; } .event-minbooks h4 { top: 54px; } .event-minbooks .minbooks-bg::before { top: -5px; left: -8px; width: 175px; height: 175px; } .event-themes-box li strong { font-size: 30px; } .event-themes-box li br { display: none; } .event-minbooks .minbooks-bg { top: -40px; right: 8px; } .main-box h1 { max-width: 350px; margin: -85px auto 10px auto; } .event-themes-box li br { display: none; } .event-maininfo { max-width: 100%; width: 100%; } .event-summary { max-width: 320px; margin: 0 auto; } .event-summary:before { bottom: -20px; left: -100px; } .date { font-size: 28px; } .main-section { padding-bottom: 15px; } .main-section .bg { height: 100%; } .event-themes-box p { font-size: 16px; } .in.newb-book-info-section { padding-bottom: 120px; } .speakers-list li .item:before, .speakers-list:after, .speakers-list:before { display: none; } .plyrial-programm-block .inner .row .column-1, .plyrial-programm-block .inner .row .column-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .newb-benefits-list li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .newb-benefits-list li .item { border-radius: 24px !important; } } @media all and (max-width: 768px) { .mobile-navi-button { position: absolute; top: -15px; right: 15px; } .archive-list { width: 320px; margin: 0 auto; } .logos-list { width: 290px; margin: 0 auto; } footer { text-align: center; padding-bottom: 95px; } .short-section .bg, .archive-section .bg { background-position: 50% 50% !important; } .newb-audience-list li { width: 49%; } .event-buttons a { margin-bottom: 15px; } .event-themes .row, .event-themes .col-md-5 { height: 100%; } .event-themes .right-col { padding-left: 0; } .event-themes .col-md-5::before { right: auto; left: -2000px; height: 100%; } .event-themes .col-md-5::after { display: none; } .event-themes h4 { text-align: left; } .event-themes ul { margin-top: 10px; } .event-themes li { font-size: 18px; } .event-right { height: 53px; } .arhevent-item .bottom-place { position: static; text-align: center; } .arhevent-nozzles-list { padding-left: 0; text-align: center; margin: 10px 0; } .arhevent-item .column-2 .in { min-height: 100%; padding-bottom: 0; } body.home .event-themes .left-col .dots, body.home .event-themes .right-col .dots { display: none; } .event-themes-box h4 { font-size: 20px; } .event-themes-box li { font-size: 19px !important; } .event-themes-box li.subtheme { font-size: 16px !important; } .kurs-bg { display: none; } .kurs-device-mob2 { display: block; max-width: 80%; } .kurs-head h2 { font-size: 16px; } .kurs-head::after { width: 100%; } .kurs-head p { font-size: 20px; } .kurs-head::before { border-width: 28px 25px 28px 0; } .kurs-advanced-level h3 { font-size: 22px; } .kurs-advanced-level h3 br { display: none; } .kurs-column { max-width: 100%; } .kurs-date { top: 225px; left: 455px; width: 110px; height: 128px; } .kurs-date span {font-size: 18px; } .kurs-date span strong { font-size: 22px; } .kurs-themes { max-width: 100%; } .kurs-counters { text-align: center; } .videobox iframe { width: 510px; height: 287px; } .itsfree::after { display: none; } .itsfree { width: 100%; font-size: 13px; } .event-themes-box li br { display: none; } .event-themes-box li span { display: inline; padding: 0; } .event-minbooks { z-index: 1; } .themes-line3 br { display: none; } .event-minbooks .minbooks-bg::before { left: 34px; } .theme-banner-mobile { max-width: 215px; } .main-box h1 { max-width: 265px; margin: -65px auto 10px auto; } .event-themes-box h4 { width: 100px; height: 100px; font-size: 17px; } .event-themes-box h4 strong { font-size: 23px; } .event-themes-box { padding: 15px 0 0 115px; } } @media all and (max-width: 600px) { header .section-col-1, header .section-col-2 { display: block; float: left; width: auto; max-width: 100%; padding: 0 10px 0 0; } .mobile-navi-button { margin: 0; } .head-tel { font-size: 14px; } header .section-col-1 { width: 100px; padding-left: 15px; } .mobile-navi-button { font-size: 17px; } } @media all and (max-width: 580px) { .container-fluid { padding-left: 15px; padding-right: 15px; } .mobile-navi-button { top: -28px; } .ttl h1, .ttl h2, .ttl h3 { font-size: 24px; } .ttl-icon .td img { max-width: 40px; } .butn { padding: 14px 15px; font-size: 16px; } .newb-book-info-section h2 { font-size: 22px; } .newb-benefits-list li .item .td { padding: 5px 15px; } .newb-benefits-section .align-center { margin-top: 15px; } .programm-list .item h5 { font-size: 15px; } .programm-list > li .item, .programm-list > li:first-child .item { border-left: 0; background: #f3fdff; border-top: 1px solid rgba(18,152,180,0.30); border-bottom: 1px solid rgba(18,152,180,0.30); padding-left: 15px !important; } .programm-list .col-xl-2 { text-align: center; padding-top: 15px; padding-bottom: 15px; } .programm-list .col-xl-2 br { display: none; } .round-programm-photo::before { top: 100%; left: 50%; width: 2px; height: 40px !important; } .programm-event-theme { padding-left: 25px; } .main-section { padding-top: 35px; } .event-right { width: 100%; max-width: 340px; height: 120px; } .event-mainpic { display: none; } .event-arrow { top: 0; right: 0; width: 212px; height: 100px; z-index: 20; } .event-arrow span { top: 35px; left: 80px; font-size: 13px; } .event-minbooks { top: -7px; left: 25px; width: 200px; } .event-maininfo p { line-height: 1.1; text-align: center; } .date { display: block; text-align: center; font-size: 25px; } .date::before { top: auto; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,.6); } .times { display: block; text-align: center; } .event-themes { margin-top: 45px; } .event-themes h4 { width: 100%; } .event-themes li.item-2, .event-themes li.item-3 { left: 0; } .event-themes li { font-size: 16px; } .archive-section { padding: 60px 0 190px 0 !important; } .archive-section .owl-nav { display: none; } .archive-section .owl-carousel .owl-dots button span { width: 11px; height: 11px; } .logos-list.owl-carousel .owl-nav .owl-prev { left: 0; } .logos-list.owl-carousel .owl-nav .owl-next { right: 0; } .mfp-zoom-out .white-popup { padding: 30px 15px 0 15px; } .newb-book-info-section.in { padding-bottom: 150px; } .event-arrow span { color: #fff; } .main-section::after { left: 50%; margin-left: -146px; width: 292px; height: 100%; background-position: 50% 97% !important; background-size: 76% auto !important; top: -120px; } .event-arrow, .event-minbooks { display: block; } .event-right { height: 262px; } .event-themes li.item-1 { font-size: 19px !important; } .event-themes li.item-2 { font-size: 16px !important; } .event-themes li.item-3 { font-size: 14px !important; margin-bottom: 15px; } .speakers-slider { max-width: 320px; margin: 0 auto; } .event-title-logo1 { width: 170px; } .event-title-logo2 { width: 100px; } .archive-main-pic { max-height: 215px; width: auto !important; } .arhevent-item-1 .archive-main-pic { max-height: 250px; } .arhevent-item-3 .archive-main-pic { margin-top: 0 !important; bottom: -15px !important; } .speakers-slider .owl-next { right: 25px !important; margin: -27px 0 0 0 !important; } .speakers-slider .owl-prev { left: 25px !important; margin: -27px 0 0 0 !important; } .arhevent-subthemes ul { padding-left: 20px; } .arhevent-in .column-1 { padding-bottom: 15px; } .arhevent-item-id-74 h2 .item-1 { font-size: 17px !important; } .arhevent-item-id-74 h2 .item-2 { font-size: 15px !important; } .arhevent-item-id-74 h2 .item-3 { font-size: 15px !important; } .arhevent-item-id-64 h2 .item-1 { font-size: 19px !important; } .arhevent-item-id-64 h2 .item-2 { font-size: 17px !important; } .arhevent-item-id-88 h2 .item-1 br { display: none; } .arhevent-item-id-88 h2 .item-1 { font-size: 15px !important; } .arhevent-item-id-88 h2 .item-2 { font-size: 20px !important; } .arhevent-item-id-88 h2 .item-3 { font-size: 16px !important; } .arhevent-item-id-91 h2 .item-1 { font-size: 14px !important; } .arhevent-item-id-91 h2 .item-1 span { font-size: 16px !important; } .arhevent-item-id-91 h2 .item-2 { font-size: 18px !important; } .arhevent-item-id-91 h2 .item-3 { font-size: 18px !important; } .arhevent-item-id-69 h2 .item-1 { font-size: 15px !important; } .arhevent-item-id-69 h2 .item-1 br { display: none; } .arhevent-item-id-77 h2 .item-1 { font-size: 14px !important; } .arhevent-item-id-77 h2 .item-2 { font-size: 16px !important; } .arhevent-item-id-81 h2 .item-1 { font-size: 17px !important; } .arhevent-item-id-81 h2 .item-2 { font-size: 18px !important; } .arhevent-item-id-81 h2 .item-3 { font-size: 14px !important; } .arhevent-item-id-81 h2 .item-3 br { display: none; } .arhevent-item-id-84 h2 .item-1 { font-size: 16px !important; } .arhevent-item-id-84 h2 .item-2 { font-size: 17px !important; } .arhevent-item-id-93 h2 .item-1 { font-size: 16px !important; } .arhevent-item-id-95 h2 .item-1 { font-size: 17px !important; } .arhevent-item-id-97 h2 .item-1 { font-size: 15px !important; } .arhevent-item-id-54 h2 .item-1 { font-size: 16px !important; } .arhevent-item-id-99 h2 .item-1 { font-size: 15px !important; } .arhevent-item-id-102 h2 .item-1 { font-size: 16px !important; } .arhevent-item-id-105 h2 .item-1 { font-size: 16px !important; } .arhevent-item-id-105 h2 .item-2 { font-size: 18px !important; } .arhevent-item-id-105 h2 .item-3 { font-size: 19px !important; } .arhevent-item-id-222 h2 .item-1 { font-size: 18px !important; } .arhevent-item-id-222 h2 .item-2 { font-size: 16px !important; } .arhevent-item-id-239 h2 .item-2 { font-size: 16px !important; } .arhevent-item-id-252 h2 .item-2 { font-size: 16px !important; } .arhevent-item-id-263 h2 .item-2 { font-size: 16px !important; } .arhevent-item-id-263 .bottom-place { margin-bottom: 15px; } .arhevent-item-id-391 h2 .item-1, .arhevent-item-id-391 h2 .item-2 { font-size: 16px !important; } .arhevent-subthemes.scrollbar { margin-bottom: 15px; } .arhevent-subthemes li { font-size: 14px; } footer .section-col-1 .box { padding-right: 0; } .socials-list li { margin: 0 5px; } .main-section .bg { background-size: cover !important; height: 100%; } .main-section::after { opacity: 1; } .event-themes ul { padding-bottom: 10px; text-align: center; } .event-themes h4, .event-themes ul li, body.home .event-themes li { text-align: center; } body.home .event-themes li::before { display: none; } body.home .event-themes li { font-size: 17px !important; text-align: center !important; } .event-themes h4 { font-size: 20px; } body.home .main-section::after { display: none; } .event-right { height: 120px; } body.home .main-section::after { opacity: 1; } .mobile { display: block; } .hide-in-mobile { display: none !important; } .event-themes.mobile { margin-top: 0; margin-bottom: 15px; } .event-themes .left-col { margin-top: 5px; } .arhevent-item-id-284 .archive-main-pic { margin-left: -286px; } .arhevent-item-id-284 .arhevent-in .column-1 { height: 201px; } .event-minbooks { position: relative; left: 0; top: 0; width: 150px; text-align: right; margin: 20px auto 0 auto; } .event-minbooks img { max-width: 140px; } .event-themes.mobile { display: none; } .kurs-head, .kurs-head h2 { display: block; text-align: center; max-width: 100%; } .kurs-head::before { display: none; } .kurs-head h2 { margin-bottom: 5px; } .kurs-head p { padding-left: 0; } .kurs-advanced-level p { font-size: 13px; line-height: 1.1; } .kurs-device-mob2 { max-width: 75%; } .kurs-counter div, .kurs-counter span { font-size: 11px; } .kurs-counter span { font-size: 18px; } .kurs-date { width: 73px; } .kurs-date span strong { font-size: 16px; } .kurs-date span { font-size: 13px; } .kurs-date { top: 305px; left: auto; right: 15px; } .kurs-themes li { height: 48px; font-size: 12px; } .kurs-themes li::after { width: 52px; height: 49px; background-size: auto; } .programm-event-theme h3 { font-size: 17px; } .arhevent-item-id-263 .arhevent-item-bg { height: calc(100% + 5px); } .owl-carousel { width: 300px !important; margin: 0 auto; } .videobox iframe { width: 320px; height: 180px; } .event-minbooks h4, .event-minbooks h4 span { text-shadow: none; } .itsfree { margin-top: 0; border: 0; } .head-tel { font-size: 14px; } .arhevent-item-id-2151 .arhevent-item-bg { height: calc(100% + 5px); } .event-themes-line .inner { padding-left: 15px; padding-right: 15px; } .event-minbooks { position: relative; } .themes-line2 { font-size: 21px; } .themes-line1 { font-size: 15px; } .themes-line1 br { display: none; } .themes-line3 { font-size: 16px; } .event-minbooks { margin-top: 0; } .event-minbooks img { max-width: 110px; } .themes-line1, .themes-line2, .themes-line3, .event-themes-line ul li { text-shadow: rgba(0,0,0,0.55) 0 1px 2px; } .event-themes-line::after { left: -20px; width: calc(100% + 40px); } .logos-box { margin: 0 !important; max-width: 100% !important; } .mobile-navi-button span { display: none; } .event-themes-box h4 { left: 15px; } .event-themes-box li { padding-left: 0; } .event-themes-box ul { margin-left: 15px; } .event-themes-box .theme-bg { height: calc(100% + 40px); } .event-themes-box li { margin: 0 0 15px 0; } .event-minbooks h4 { left: -73px; width: 180px; } .event-minbooks .minbooks-bg { right: -43px; } .event-themes-box { position: relative; z-index: 20; } .form-group.agree { position: relative; padding-left: 25px; } .form-group.agree .wpcf7-form-control-wrap { position: absolute; top: 1px; left: 0; } .mfp-zoom-out .white-popup p { font-size: 16px; } .main-box h1 { max-width: 220px; margin: -50px auto 10px auto; } .event-maininfo p { font-size: 13px; margin: 0 0 5px 0; } .event-themes-box { margin-bottom: 25px; padding: 0 0 0 115px; } .newb-benefits-list li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .newb-benefits-list li p { font-size: 12px; line-height: 1.1; } .newb-benefits-list li p br { display: none; } .newb-benefits-list li p strong { font-size: 15px; } .bb3-book-gift { max-width: 230px !important; margin-bottom: 25px; } } @media all and (max-width: 340px) { .newb-audience-list li { width: 100%; } .main-box h1 { padding-left: 95px; } .event-themes::after { top: -1px; left: -69px; border-width: 0 0 295px 70px; } header .section-col-2 { display: none; } .kurs-counter div, .kurs-counter span { font-size: 10px; } .owl-carousel { width: 260px !important; } .videobox iframe { width: 280px; height: 158px; } .themes-line2 { font-size: 18px; } .main-box h1 strong { font-size: 30px; } }