/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ GLOBAL OBJECTS ------------------------------------------------------------------- Основные компоненты +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* --------------------------------------------- FIVE COLUMNS for BOOTSTRAP --------------------------------------------- */ /* .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } */ /* --------------------------------------------- WIRE GRID --------------------------------------------- */ .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } /* --------------------------------------------- ROW HEIGHT --------------------------------------------- */ .eq { display: flex; -webkit-display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; } /* --- Fix for IOS --- */ /* --- ПРОВЕРИТЬ ВСЕ!!! --- */ /* Придумать для сеток универсальную конструкцию типа #container .row .item .mac.safari .card-symbolic .row .item:first-child, .mac.safari #program .row dt, .mac.safari #program .row dd:first-child, .mac.safari #program .row dd .row div:first-child */ .safari #program .row dt, .safari #program .row dd .row div:first-child, .safari #sponsor .row .item:first-child, .safari #credits .row .item:first-child, .safari #details .row .item:first-child, .safari .leaders .row .item:first-child { margin-left: -1px; } /* --------------------------------------------- BLOCK HEADER --------------------------------------------- */ .header-wide { padding: 50px 0 35px; } .text.first .header-wide { padding-top: 25px; } .text.text-short { min-height: 400px ; } .text.pb-0 { padding-bottom: 0 !important; } .text.pt-0 { padding-top: 0 !important; } .header-wide .wrap { border-bottom: 1px solid rgba( 0, 0, 0, 0.2); } .header-wide .data { margin-bottom: -1px; border-bottom: 2px solid rgba( 0, 0, 0, 0.4); } .header-wide h2 { padding: 0 0 15px; text-transform: uppercase; font-weight: 700; font-size: 32px; } /* --- Mint Version --- */ .header-wide.mint .wrap { border-color: rgba( 17, 170, 102, 0.5); } .header-wide.mint .data { border-color: rgba( 17, 170, 102, 1); } /* --- Beet Version --- */ .header-wide.beet .wrap { border-color: rgba( 221, 17, 85, 0.5); } .header-wide.beet .data { border-color: rgba( 221, 17, 85, 1); } /* --- Star Version --- */ .header-wide.star .wrap { border-color: rgba( 255, 255, 255, 0.5); } .header-wide.star .data { border-color: rgba( 255, 255, 255, 1); } /* --- Links --- */ .header-wide .data { position: relative; } .header-wide .a-float { list-style: none; overflow: hidden; vertical-align: top; position: absolute; top: 23px; right: 0; } .header-wide .a-float li { float: left; margin-left: 10px; font-size: 22px !important; } .header-wide .a-float li a { color: rgba( 0, 0, 0, 0.25); } .header-wide .a-float-left :hover{ color: #f39200; } .header-wide .a-float-right :hover{ color: #d15; } /* --------------------------------------------- BUTTONS --------------------------------------------- */ /* --- Button Container in Section --- */ .container-btn { padding: 35px 0 0; } /* --- Outline --- */ .btn-outline { min-width: 230px; padding: 13px 20px; font-size: 18px; font-weight: bold; line-height: 1; text-transform: uppercase; background-color: transparent; border: 2px solid #ddd; transition: all 0.2s; } /* Group */ .button-group .btn { margin-right: 15px; } .button-group .btn:last-child { margin-right: 0; } /* Green / Mint */ .btn-outline.btn-mint { border-color: #1a6; color: #1a6; } .btn-outline.btn-mint:hover { background-color: #1a6; color: #fff; } /* Red / Beet */ .btn-outline.btn-beet { border-color: #d15; color: #d15; } .btn-outline.btn-beet:hover { background-color: #d15; color: #fff; } /* White / Star */ .btn-outline.btn-star { border-color: #fff; color: #fff; } .btn-outline.btn-star:hover { background-color: #fff; color: #333; } .btn-outline.btn-star.invert:hover { background-color: #fff; color: #d15; } /* Disabled Button */ .btn-outline:disabled, .btn-outline:disabled:hover { background-color: rgba( 0, 0, 0, 0.05) !important; border-color: rgba( 0, 0, 0, 0.3) !important; color: rgba( 0, 0, 0, 0.3) !important; } /* --------------------------------------------- SCROLL TO TOP --------------------------------------------- */ #home { width: 50px; height: 50px; bottom: 60px; right: 30px; display: none; cursor: pointer; position: fixed; border-radius: 5px; background-color: rgba(0, 0, 0, 0.5); text-align: center; font-size: 30px; color: #fff; z-index: 115; } #home:hover, #home:focus { background-color: #d15; color: #fff; } #home span { margin-top: 7px; } /* --------------------------------------------- TOOLTIP --------------------------------------------- */ .tooltip.left .tooltip-inner, .tooltip.bottom .tooltip-inner { background-color: #d15; } .tooltip.left .tooltip-arrow { border-left-color: #d15; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #d15; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CONTROLS ------------------------------------------------------------------- Управление слайдерами +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* --------------------------------------------- For PROMO --------------------------------------------- */ .swiper-star .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); opacity: 0.5; } .swiper-star .swiper-button-prev:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); opacity: 1; } .swiper-star .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); opacity: 0.5; } .swiper-star .swiper-button-next:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); opacity: 1; } /* --------------------------------------------- For OTHERS --------------------------------------------- */ .swiper-mint .swiper-button-prev, .swiper-mint .swiper-button-next { width: 14px; height: 22px; margin-top: -11px; background-size: 14px 22px; background-position: center; background-repeat: no-repeat; } .swiper-mint .swiper-button-prev { left: 50%; margin-left: -160px; margin-right: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2311aa55'%2F%3E%3C%2Fsvg%3E"); } .swiper-mint .swiper-button-prev:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23dd1155'%2F%3E%3C%2Fsvg%3E"); } .swiper-mint .swiper-button-next { right: 50%; margin-right: -160px; margin-left: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2311aa55'%2F%3E%3C%2Fsvg%3E"); } .swiper-mint .swiper-button-next:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23dd1155'%2F%3E%3C%2Fsvg%3E"); } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEADER ------------------------------------------------------------------- Универсальный чердак сайта +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #header { /* описывается секциями TOPBAR и TOPNAV */ } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TOPBAR ------------------------------------------------------------------- Панель с историей и иконками +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .topbar { height: 50px; min-height: 50px; background-color: #333; overflow: hidden; } .topbar ul { margin: 0; padding: 0; overflow: hidden; } .topbar ul li { float: left; list-style:none; } .topbar ul li a { line-height: 50px; text-align: center; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } /* --------------------------------------------- HISTORY --------------------------------------------- */ .history { float: left; } .history li a { width: 50px; display: block; font-weight: 400; color: rgba(255, 255, 255, 0.7); } .history li a:hover { color: rgba(255, 255, 255, 1); background-color: #1a6; } .history li:last-child a { font-size: 18px ; text-decoration: none; } .history li:last-child:hover a { background-color: #d15; } /* --------------------------------------------- SOCIAL --------------------------------------------- */ .topbar .social { float: right; } .topbar .social li { float: left; } .topbar .social li a { width: 50px; display: block; font-size: 20px; color: rgba(255, 255, 255, 0.7); } .topbar .social li .btn-sign { width: auto; padding: 0 20px; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; background-color: #d15; color: #fff; } .topbar .social li .btn-sign:hover { text-decoration: underline; } /* --------------------------------------------- UNIVERSAL SOCIAL --------------------------------------------- */ .social a.fa:hover { color: #fff; text-decoration: none; } .social .fa-facebook:hover { background: #3b5998 !important; } .social .fa-twitter:hover { background: #00aeef !important; } .social .fa-rss:hover { background: #f39200 !important; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TOPNAV ------------------------------------------------------------------- Горизонтальная навигация +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .topnav { padding: 0; padding-top: 15px; padding-bottom: 15px; background-color: #fff; border-bottom: 1px solid #fff; -webkit-transition: padding 0.5s ease-in-out; -moz-transition: padding 0.5s ease-in-out; -o-transition: padding 0.5s ease-in-out; transition: padding 0.5s ease-in-out; } .topnav.affix { top: 0; width: 100%; z-index: 9999; padding-top: 5px; padding-bottom: 5px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } /* #page .topnav, */ .topnav.affix { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } /* --------------------------------------------- LOGOTYPE --------------------------------------------- */ .topnav .navbar-brand { padding: 0; } .navbar-brand img { height: 73px; width: 240px; display: block; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; } /* Исключение для EDGE */ @supports (-ms-ime-align:auto) { .navbar-brand img { transition: none; } } /* Если нужно еще и IE _:-ms-lang(x), .navbar-brand img { transition: none; } */ /* --------------------------------------------- CONTAINER --------------------------------------------- */ .navbar-nav { margin-top: 0; margin-bottom: 0; padding-top: 25px; } /* --- Цвет и Заливка --- */ .navbar-nav > li > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li > a:active, .navbar-nav > li.open > a, .navbar-nav > li.open > a:hover, .navbar-nav > li.open > a:focus, .navbar-nav > li.open > a:active, .navbar-nav > li.active > a, .navbar-nav > li.active > a:hover, .navbar-nav > li.active > a:focus, .navbar-nav > li.active > a:active, .navbar-nav > li > .dropdown-menu > li > a, .navbar-nav > li > .dropdown-menu > li > a:after, .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-nav > li > .dropdown-menu > li > a:focus, .navbar-nav > li > .dropdown-menu > li > a:active { background-color: transparent; outline: none; } .navbar-nav > li > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li > a:active, .navbar-nav > li.open > a, .navbar-nav > li.open > a:after, .navbar-nav > li.open > a:hover, .navbar-nav > li.open > a:focus, .navbar-nav > li.open > a:active, .navbar-nav > li.active > a, .navbar-nav > li.active > a:after, .navbar-nav > li.active > a:hover, .navbar-nav > li.active > a:focus, .navbar-nav > li.active > a:active { color: #d15; } .navbar-nav > li.current > a { color: #1a6; } /* --------------------------------------------- FIRST LEVEL --------------------------------------------- */ .navbar-nav > li { margin-right: 15px; } .navbar-nav > li:last-child > a { margin-right: 0; } .navbar-nav > li > a { border-radius: 5px; font-size: 18px; text-decoration: none; padding: 0; border-radius: 0; line-height: 45px; color: #333; } .navbar-nav > li > a:hover { background-color: transparent; text-decoration: none; outline: none; color: #d15; } .navbar-nav > li > a:after { content: "\f107"; display: inline-block; padding-left: 5px; vertical-align: 0; font-family: "FontAwesome"; font-size: 14px; line-height: 40px; font-weight: bold; color: #1a6; } .navbar-nav > .open > a:after { content: "\f106" !important; vertical-align: baseline; } .navbar-nav > li > a:hover:after { color: #d15; } /* --------------------------------------------- SECOND LEVEL --------------------------------------------- */ .navbar-nav > li > .dropdown-menu { margin-top: 16px; border-radius: 0 0 5px 5px; border-top: 1px solid #d15; } .affix .navbar-nav > li > .dropdown-menu { margin-top: 6px; } .navbar-nav > li > .dropdown-menu:before { content: ""; position: absolute; background-color: #d15; right: -1px; top: -2px; width: 50%; height: 2px; } .navbar-nav > li > .dropdown-menu > li > a { padding: 7px 25px 7px 15px; font-size: 16px; color: #333; } .navbar-nav > li > ul > li a:before { content: "\f105"; display: inline-block; padding-right: 8px; font-family: "FontAwesome"; font-size: 16px; color: #888; } .navbar-nav > li > ul > li > a:hover, .navbar-nav > li > ul > li a:hover:before { color: #d15; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ PROMO ------------------------------------------------------------------- Полноэкранная промо-картинка +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #promo { width: 100%; background: #333 url("../../resource/layout/promo/2560x600.jpg") no-repeat center center; background-size: cover; } #promo .slide { height: 600px; display: flex; justify-content: flex-start; align-items: center; padding: 25px 0; color: #fff; } #promo h1, #promo h3, #promo .button-group { margin: 0 0 0 25px; } #promo .slide h1:after { content: ""; height: 3px; width: 150px; display: block; margin: 15px 0 ; background-color: rgba(255, 255, 255, 1); } #promo .slide p { margin: 0 0 15px; padding: 25px; /* border: 2px dotted rgba(255, 255, 255, 1); */ font-size: 20px; line-height: 1.75; } #promo, #promo h1, #promo h3, #promo .slide p, #promo .button-group { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #promo .btn-outline { min-width: 180px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CREDITS ------------------------------------------------------------------- Панель с основными данными конференции +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #credits { padding: 15px 0 25px; background: #1a6 url("../../resource/layout/bgr/svg/333333.svg") repeat-x 100% 0 ; background-size: 200px 10px; color: #fff; } #credits dl { margin: 0; padding: 25px 0 0; overflow: hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /* --------------------------------------------- ICONS --------------------------------------------- */ #credits dl dt { padding: 0 0 5px; text-align: center; } #credits dl dt i { width: 60px; height: 60px; margin: 0 0 10px; box-shadow: inset 0 0 0 2px #fff; border-radius: 100%; font-size: 30px; line-height: 60px; text-align: center; } /* --------------------------------------------- CONTENT --------------------------------------------- */ #credits dl dd { padding: 0 25px; text-align: center; } #credits dl dd h3 { margin: 0; padding: 0 0 5px; text-transform: uppercase; font-weight: 700; font-size: 18px; } #credits dl dd p { margin: 0; font-size: 16px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DETAILS ------------------------------------------------------------------- Панель с различной информацией о конференции +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* --------------------------------------------- SECTION --------------------------------------------- */ #details { padding-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); background-position: center top; background-attachment: fixed; background-repeat: repeat; background-color: #f0f0f0; background-image: radial-gradient( ellipse, rgba(240, 240, 240, 1), rgba(240, 240, 240, 0.2) ), url("../../resource/layout/bgr/digital_mint.png"); } #details .wrapper-linear { padding-bottom: 50px; background-color: transparent; background-image: linear-gradient(to top, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0) 25%, rgba(240, 240, 240, 0) 100% ); } #details .wrapper-border { background-color: transparent; background-repeat: repeat-x; background-position: 0 0; background-image: url("../../resource/layout/bgr/svg/11AA66.svg"); background-size: 200px 10px; padding-top: 10px; } #details .container { background-image: radial-gradient( ellipse, rgba(240, 240, 240, 1), rgba(240, 240, 240, 0) ); } /* --------------------------------------------- CONTAINER --------------------------------------------- */ #details dl { margin: 0; padding: 0 0 25px; color: #333; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /* --------------------------------------------- ICONS --------------------------------------------- */ #details dl dt span { width: 60px; height: 60px; margin: 0 0 10px; box-shadow: inset 0 0 0 2px #1a6; border-radius: 30px; font-size: 30px; line-height: 60px; text-align: center; color: #1a6; } /* --------------------------------------------- CONTENT --------------------------------------------- */ #details dl dd h3 { margin: 0; padding: 0 0 5px; text-transform: uppercase; font-weight: 700; font-size: 18px; } #details dl dd p { margin: 0; font-size: 15px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ PERIODIC ------------------------------------------------------------------- Слайдер новостей на титульной странице +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #periodic-main { padding-bottom: 50px; } /* --------------------------------------------- FRONT NEWS SLIDER --------------------------------------------- */ /* --- Container --- */ #slider-news .swiper-slide { transition: width 0.5s ease-in-out 0s; } #slider-news dl { padding-bottom: 25px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); } /* --- Image Section --- */ #slider-news dl dt { position: relative; overflow: hidden; } #slider-news dl dt:before { top: 0; left: 0; content: ""; width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0); -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } #slider-news dl:hover dt:before { background-color: rgba(0, 0, 0, 0.2); z-index: 111; } /* Picture */ #slider-news dl dt img { width: 100%; height: auto; -webkit-transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } #slider-news dl:hover dt img { -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); transform: scale(2); } /* Date & Type */ #slider-news dl dt span, #slider-news dl dt time { display: block; z-index: 112; line-height: 1; font-size: 14px; text-align: center; position: absolute; letter-spacing: 0.5px; } #slider-news dl dt time { top: 0; right: 0; width: 100%; padding: 10px 0; position: absolute; background-color: rgba(0, 0, 0, 0.3); color: #fff; } #slider-news dl dt time.contrast { background-color: rgba(0, 0, 0, 0.7); } #slider-news dl dt span { left: 25%; right: 25%; bottom: -50%; min-width: 50%; padding: 10px 0; font-weight: 700; background-color: #fff; text-transform: uppercase; border-radius: 5px 5px 0 0; -webkit-transition: bottom 0.5s ease-in-out; -moz-transition: bottom 0.5s ease-in-out; -o-transition: bottom 0.5s ease-in-out; transition: bottom 0.5s ease-in-out; } #slider-news dl:hover span { bottom: 0; } /* --- Content Section --- */ #slider-news dl dd { height: 225px; overflow: hidden; position: relative; padding: 25px 25px 0; } #slider-news dd:after { content: ""; right: 1px; bottom: 0; width: 100%; height: 20px; position: absolute; background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)); } #slider-news dl dd h3 { margin: 0 0 10px; font-size: 22px; font-weight: 400; line-height: 1.3; } #slider-news dl dd h3 a { display: inline-block; transition: all 0.30s linear 0s; color: #1a5; } #slider-news dl dd h3 a:hover{ text-decoration: underline; color: #d15; } #slider-news dl dd p { font-size: 16px; line-height: 1.7; } /* --------------------------------------------- SUBDIVISION Content --------------------------------------------- */ .periodic { margin-top: 10px; } .periodic dl { width: 100%; display: table; table-layout: fixed; margin-bottom: 45px; } .periodic dl dt, .periodic dl dd { height: 140px; display: table-cell; vertical-align: middle; } .periodic dl dt { width: 140px; text-align: center; background-color: rgba(0, 0, 0, 0.01); border: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.07); border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-radius: 10px; } .periodic dl dt time { font-size: 18px; font-weight: 400; line-height: 1.1; color: #d15; } .periodic dl dt strong { display: block; font-size: 40px; color: #d15; } .periodic .past time strong { color: #666; } .periodic .past time { font-weight: 400; color:#666; } .periodic dl dd { padding-left: 30px; } .periodic dl dd h3 { margin: 0 0 10px; font-size: 24px; } .periodic dl dd h3 p { margin: 0; } /* --------------------------------------------- OBJECTS LIST --------------------------------------------- */ /* See in Section OBJECT PAGE */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SUBSCRIBE ------------------------------------------------------------------- Панель подписки на новости +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #subscribe { padding: 0; background: #333 url("../../resource/layout/bgr/digital_star_035.png") repeat center center; background-attachment: fixed; text-align: center; color: #fff; } #subscribe .wrapper { padding-top: 35px; padding-bottom: 50px; background: transparent url("../../resource/layout/bgr/svg/FFFFFF.svg") repeat-x 100% 0; background-size: 200px 10px; } #subscribe .wrapper .container { background: radial-gradient( ellipse, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0) ); } #subscribe h3 { padding: 0 0 10px; text-transform: uppercase; font: normal 24px/1 "Roboto Condensed", "Arial Narrow", sans-serif !important; } #subscribe p { font-size: 16px; margin: 0; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ GALLERY ------------------------------------------------------------------- Фотогалерея: слайдер и страница +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #gallery-main { padding-bottom: 50px; background: #fff url("../../resource/layout/bgr/svg/333333.svg") repeat-x 100% 0; background-size: 200px 10px; } #gallery-main .swiper-container { margin-bottom: 20px; } /* --------------------------------------------- CONTAINER --------------------------------------------- */ /* --- Одинаково для MAIN и PAGE сеток --- */ #gallery-main ul, .gallery ul { margin: 0; padding: 0; list-style: none; position: relative; } #gallery-main ul li, .gallery ul li { overflow: hidden; } #gallery-main ul li img, .gallery ul li img { width: 100%; height: auto; } /* --------------------------------------------- OBJECTS LIST --------------------------------------------- */ /* --- Одинаково для MAIN и PAGE сеток --- */ #gallery-main ul li a img, .gallery ul li a img { position: relative; -webkit-transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } #gallery-main ul li a:hover img, .gallery ul li a:hover img { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } #gallery-main .swiper-container { -webkit-transform: translate3d(0,0,0) !important; } /* --- Пиксельный отступ --- */ .gallery .item a { display: block; margin: 0.5px !important; overflow: hidden; } /* --------------------------------------------- SUBDIVISION GRID --------------------------------------------- */ .card-gallery .item dl { margin: 0 0 30px; text-align: center; } .card-gallery .item dl dt { overflow: hidden; } .card-gallery .item dl dt img { -webkit-transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } .card-gallery .item dl:hover dt img { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .card-gallery .item dl dd h3 { margin: 15px 0 10px; font-weight: 700; font-size: 18px; } .card-gallery .item dl dd p { font-size: 16px; } .card-gallery .item dl dd p:after { width: 50px; height: 3px; content: ""; display: block; margin: 15px auto; background-color: #d15; } /* --------------------------------------------- FACEBOOK LINK --------------------------------------------- */ .more_on_facebook { margin-top: 45px; margin-bottom: 45px; background-color: #3b5998; background-color: #f0f0f0; border-bottom: 1px solid transparent; border-radius: 4px; } .more_on_facebook dl { margin-top: 0; margin-bottom: 0; } .more_on_facebook dd { margin-bottom: -30px; } .more_on_facebook dd i { width: 60px; height: 60px; line-height: 55px; font-size: 30px; color: #3b5998; display: inline-block; background-color: #fff; border: 3px solid #3b5998; border-radius: 50%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .more_on_facebook dd i:hover { color: #fff; background-color: #3b5998; } .more_on_facebook dt p:first-child { color: #fff; background-color: #3b5998; font-weight: 100; padding-top: 10px; padding-bottom: 10px; text-transform: uppercase; border-radius: 4px 4px 0 0; } .more_on_facebook dt p:last-child { margin-top: 25px; margin-bottom: 25px; text-transform: uppercase; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ REVIEW ------------------------------------------------------------------- Отзывы экспертов и посетителей +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #review-main { padding-bottom: 50px; background-color: #f0f0f0; border-top: 1px solid rgba(0, 0, 0, 0.1); } #review-main dl dt img { width: 150px; height: auto; border: 7px solid #fff; } /* --------------------------------------------- CITATION --------------------------------------------- */ #review-main dl dd blockquote { display: block; margin-top: -75px; margin-bottom: 0; padding: 85px 50px 45px; border-radius: 10px; color: #000; background-color: #fff; border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); } #review-main dl dd blockquote p { font-weight: 300; line-height: 1.7; font-size: 16px; text-align: justify; } /* --------------------------------------------- REQUISITES --------------------------------------------- */ #review-main dl dd cite { display: block; font-style: normal; } #review-main dl dd cite h3 { margin: 0 0 10px; font-weight: 700; font-size: 18px; line-height:1.2; } #review-main dl dd cite h3 strong { display: block; } #review-main dl dd cite h3 span, #review-main dl dd cite h3 strong { text-transform: uppercase; } #review-main dl dd cite h3:after { content: ""; height: 3px; width: 50px; display: block; margin: 15px auto 10px; background-color: #d15; } #review-main dl dd cite p { margin: 0; font-size: 16px; } #review-main dl cite:before { content: "\f10e"; font-family: "FontAwesome"; width: 50px; height: 50px; display: block; margin: -25px auto 15px; border: 1px solid rgba(0, 0, 0, 0.2); background-color: #fff; border-radius: 50%; font-size: 20px; line-height: 50px; color: #1a6; } /* --------------------------------------------- SUBDIVISION Content --------------------------------------------- */ .review {} /* --- Контейнер комментатора --- */ .review-item dl { clear: both; padding-top: 0; overflow: hidden; } .review-item dl dt { float: left; } .review-item dl dt img { width: 110px; } .review-item dl dd { margin-left: 125px; } /* --- Реквизиты комментатора --- */ .review-item cite { font-style: normal; } .review-item cite h3 { margin: 0 0 10px; font-weight: 700; font-size: 18px; } .review-item cite h3 strong { display: block; text-transform: uppercase; } .review-item cite p { margin: 0 0 5px; font-size: 16px; line-height: 1.1; } /* --- Комментарий --- */ .review-item blockquote { padding: 25px; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.2); background-color: #fff; position: relative; margin-left: 10px; } /* --- Стрелка на комментатора --- */ .review-item blockquote:after, .review-item blockquote:before { content: ""; position: absolute; display: inline-block; } .review-item blockquote:before { top: 30px; left: -15px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid rgba(0, 0, 0, 0.2); border-left: 0 solid rgba(0, 0, 0, 0.2); } .review-item blockquote:after { top: 32px; left: -13px; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-right: 13px solid #fff; border-left: 0 solid #fff; } /* --- Дивайдер комментариев --- */ .review .review-item:not(:last-child) .review-content:after { content: ""; height: 3px; width: 150px; display: block; margin: 35px auto; background-color: #1a6; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ PAGINATION ------------------------------------------------------------------- Навигация по страницам мультиобъектных разделов +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #pagination { margin-top: 50px; padding-top: 25px; border-top: 1px solid rgba(0, 0, 0, 0.1); } #pagination .pagination .active a, #pagination .pagination .active span, #pagination .pagination .active a:hover, #pagination .pagination .active span:hover, #pagination .pagination .active a:focus, #pagination .pagination .active span:focus { background-color: #1a6; border-color: #1a6; } #pagination .pagination .divider:hover, #pagination .pagination .divider a, #pagination .pagination .divider span, #pagination .pagination .divider a:hover, #pagination .pagination .divider span:hover, #pagination .pagination .divider a:focus, #pagination .pagination .divider span:focus { border-top-color: #fff !important; border-bottom-color: #fff !important; background-color: #fff !important; color: #333 !important; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ COMMON ------------------------------------------------------------------- Панель перехода к регистрации +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* --------------------------------------------- COMEON for MAIN --------------------------------------------- */ #comeon { padding: 0; background: #d15 url("../../resource/layout/bgr/digital_star_100.png") repeat center center; background-attachment: fixed; text-align: center; color: #fff; } #comeon .wrapper { padding-top: 25px; padding-bottom: 50px; background: transparent url("../../resource/layout/bgr/svg/F0F0F0.svg") repeat-x 100% 0; background-size: 200px 10px; } #comeon .wrapper .container { background: radial-gradient( ellipse, rgba(221, 17, 85, 1), rgba(221, 17, 85, 0) ); } #comeon .wrapper.stop-season { padding-top: 70px !important; padding-bottom: 60px !important; } #comeon .wrapper.stop-season h2 { margin: 0; line-height: 1; text-transform: uppercase; } /* --------------------------------------------- COMEIN for PAGE --------------------------------------------- */ /* --- Container --- */ #comein { padding-top: 0; background: #d15 url("../../resource/layout/bgr/digital_star_100.png") repeat center center; background-attachment: fixed; text-align: center; color: #fff; } #comein .wrapper { padding-top: 35px; padding-bottom: 50px; background: transparent url("../../resource/layout/bgr/svg/FFFFFF.svg") repeat-x 100% 0; background-size: 200px 10px; } #comein .wrapper .container { background: radial-gradient( ellipse, rgba(221, 17, 85, 1), rgba(221, 17, 85, 0.2) ); } /* --- Content --- */ #comein h3 { padding: 0 0 5px; text-transform: uppercase; font-size: 28px; line-height: 1; font-weight: bold; } #comein h4 { padding: 15px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.7); text-transform: uppercase; font-weight: bold; font-size: 18px; } #comein p { font-size: 18px; padding: 0; margin: 0; color: rgba(255, 255, 255, 0.8); } #comein p span { font-weight: bold; color: #fff; } #comein .container-btn { padding-top: 25px; } /* --------------------------------------------- HEADING --------------------------------------------- */ #comeon .header-wide { padding: 25px 0 15px ; } #comeon h3 { margin: 0; text-transform: uppercase; } #comeon h3.countdown-expire { margin-top: 25px !important; padding-bottom: 25px; } /* --------------------------------------------- DIGIT --------------------------------------------- */ #comeon ul { list-style: none; text-align: center; padding: 25px 0 0; } #comeon ul li { width: 100px; height: 100px; margin: 0 25px 0 0; padding: 20px 0 0; display: inline-block; border: 2px solid rgba(255,255,255, 0.5); border-radius: 50%; text-align: center; font-size: 40px; line-height: 1; } #comeon ul li:last-child { margin-right: 0; } #comeon ul li span { display: block; font-size: 14px; line-height: 1.5; text-transform: uppercase; color: rgba(255, 255, 255, 0.8); } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SPONSORS ------------------------------------------------------------------- Иконостас с логотипами спонсоров +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #sponsors { padding: 25px 0 50px; background: rgba(0, 0, 0, 0.05) url("../../resource/layout/bgr/svg/DD1155.svg") repeat-x 100% 0; background-size: 200px 10px; } #main #sponsors { padding-bottom: 25px; } #sponsors.sponsors-flow, #main #sponsors.sponsors-flow { padding-bottom: 50px; } /* --------------------------------------------- OBJECTS --------------------------------------------- */ #sponsors ul { margin: 0; padding: 0; list-style: none; } #sponsors ul li a img { width: 100%; display: block; transition: all 0.5s linear 0s; border-bottom: 2px solid rgba(0, 0, 0, 0.05); border-radius: 3px; transform:scale(1.0001); } #sponsors ul li:hover a img { border-color: #d15; } #sponsors ul li span { display: block; min-height: 60px; padding: 10px 10px 0; font-size: 11px; line-height: 1.2; color: #888; } #sponsors ul li:hover span { color: #d15; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FOUNDERS ------------------------------------------------------------------- Список организаторов конференции +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #founders { padding-bottom: 50px; background-color: rgba( 51, 51, 51, .9); position: relative; text-align: center; color: #fff; } #founders:after { content: ""; left: 0; right: 0; bottom: 0; height: 1px; width: 100%; display: block; position: absolute; background-image: linear-gradient( to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0) 100% ); } #founders ul { margin: 0; padding: 0; list-style: none; } #founders ul li a img { width: 100%; height: auto; display: block; overflow: hidden; border-radius: 3px 3px 4px 4px; border-bottom: 2px solid transparent; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #founders ul li a:hover img { border-bottom: 2px solid #1a6; } #founders ul li, #founders ul li a { color: rgba( 255, 255, 255, 0.8); -webkit-transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out; -o-transition: color 0.5s ease-in-out; transition: color 0.5s ease-in-out; } #founders ul li a { text-decoration: underline; } #founders ul li a:hover { color: rgba( 255, 255, 255, 1); } #founders p { margin: 0; padding: 12px 0 0; text-align: left; font-weight: 300; font-size: 18px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FOOTER ------------------------------------------------------------------- Универсальный подвал сайта +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #footer { background-color: #333; color: #fff; } #footer .social, #footer .copyright { height: 50px; min-height: 50px; } /* --------------------------------------------- COPYRIGHT --------------------------------------------- */ #footer .copyright { padding-top: 15px; } #footer .copyright a { color: rgba(255, 255, 255, 0.5); } #footer .copyright a:hover { color: #d15; } /* --------------------------------------------- SOCIAL --------------------------------------------- */ #footer ul { margin: 0; padding: 0; overflow: hidden; list-style: none; } #footer ul { float: right; overflow: } #footer ul li { float: left; list-style:none; } #footer ul li a { width: 50px; display: block; font-size: 20px; color: rgba(255, 255, 255, 0.7); line-height: 50px; text-align: center; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ PATH ------------------------------------------------------------------- Заголовок первого уровня и хлебные крошки +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #path { background: #1a6 url("../../resource/layout/bgr/digital_star_100.png") repeat center center; background-attachment: fixed; } #path .wrapper { padding-top: 15px; padding-bottom: 15px; background: transparent url("../../resource/layout/bgr/svg/FFFFFF.svg") repeat-x 100% 0; background-size: 200px 10px; } #path .container { background-image: radial-gradient( ellipse, rgba(17, 170, 102, 1), rgba(17, 170, 102, 0) ); } /* --------------------------------------------- H1 HEADER --------------------------------------------- */ #path h1 { margin: 0; padding-top: 50px; padding-bottom: 15px; text-transform: uppercase; color: rgba(255, 255, 255, 1); -webkit-transition: padding ease-in-out 0.5s; -moz-transition: padding ease-in-out 0.5s; -o-transition: padding ease-in-out 0.5s; transition: padding ease-in-out 0.5s; } /* --- Если меню второго уровня отсутствует --- */ .no-submenu #path h1 { padding-top: 35px; padding-bottom: 15px; } .no-submenu #path .breadcrumb { margin-bottom: 25px !important; } /* --------------------------------------------- BREADCRUMBS --------------------------------------------- */ .breadcrumb { padding: 0 ; margin-bottom: 60px; background-color: transparent; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .breadcrumb li, .breadcrumb li a:hover { color: rgba(255, 255, 255, 1) !important; } .breadcrumb li a { color: rgba(255, 255, 255, 0.8); } .breadcrumb > li + li:before { color: rgba(255, 255, 255, 0.8); } /* --- На IE вообще прячем активный пункт --- */ /* --- потому что ellipsis не поддерживается --- */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .breadcrumb li.active { display: none; } } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SUBMENU ------------------------------------------------------------------- Навигация по подразделам +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #submenu { min-height: 50px; margin-top: -25px; background: transparent url("../../resource/layout/bgr/svg/11AA66.svg") repeat-x 25px 25px; background-size: 200px 10px; } /* --------------------------------------------- NAV --------------------------------------------- */ #submenu ul { width: 100%; height: 50px; padding-left: 0; display: table; table-layout: fixed; } #submenu ul li { display: table-cell; background-color: #fff; border-bottom: 4px solid rgba(0, 0, 0, 0.1); line-height: 50px; font-size: 18px; } /* --- Link --- */ #submenu ul li a, #submenu ul li span { position: relative; white-space: nowrap; color: #333; } #submenu ul li a:hover, #submenu ul li.current, #submenu ul li.current a, #submenu ul li.current span { border-bottom-color: #d15; color: #d15; } /* --- Before & After --- */ #submenu ul li.current a:after, #submenu ul li.current span:after, #submenu ul li.current a:before, #submenu ul li.current span:before { width: 0; height: 0; left: 50%; content: ""; display: block; position: absolute; margin-left: -14px; border: 14px solid transparent; transition: margin 0.3s linear, border 0.3s linear; } #submenu ul li.current a:before, #submenu ul li.current span:before { top: 40px; border-top-color: #d15; transition: top 0.3s linear; } #submenu ul li.current a:after, #submenu ul li.current span:after { top: 34px; border-top-color: #fff; transition: top 0.3s linear; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CONTENT Leaders ------------------------------------------------------------------- Совет директоров ассоциации «РусКрипто» +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #leaders { padding-bottom: 50px; background-color: #f0f0f0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /* --------------------------------------------- CONTAINER --------------------------------------------- */ .leaders .item { padding-top: 75px; text-align: center; } .leaders .item dl { border-radius: 5px; border-top: 1px solid rgba(0, 0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); background-color: #fff; } /* --------------------------------------------- IMAGE --------------------------------------------- */ .leaders .item dl dt { width: 150px; height: 150px; padding: 7px; margin: -75px auto 0; border-radius: 100%; background-color: #fff; } .leaders .item dl dt img { width: 100%; height: auto; } /* --------------------------------------------- CONTENT --------------------------------------------- */ .leaders .item dl dd { min-height: 150px; padding-left: 15px; padding-right: 15px; } .leaders .item dl dd h3 { font-weight: 700; font-size: 16px; } .leaders .item dl dd h3 strong { display: block; text-transform: uppercase; } .leaders .item dl dd h3:after { content: ""; display: block; height: 3px; width: 50px; margin: 15px auto 10px; background-color: #1a6; } .leaders .item dl dd p { margin: 0; font-size: 14px; font-weight: 400; color: #666; } /* --- Выделяем председателя --- */ .leaders .item:first-child dl h3:after { background-color: #d15; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CONTENT Location ------------------------------------------------------------------- Карта яндекса на ширину экрана +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #location { position: relative; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); } #location .wrapper { width: 100%; height: 100%; position: absolute; z-index: 1; } /* --------------------------------------------- INFORMATION --------------------------------------------- */ #location .wrapper article { display: block; width: 300px; height: 300px; padding: 30px; position: absolute; top: 50px; left: 50px; z-index: 2; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.7); color: #fff; border-radius: 10px; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } #location .wrapper article dl { margin: 15px 0 15px; } #location .wrapper article dl:last-child { margin: 0; } #location .wrapper article dl dt { padding-bottom: 5px; font-size: 20px; text-transform: uppercase; } #location .wrapper article dl dd { font-size: 18px; color: rgba(255, 255, 255, 0.7); } #location .wrapper article dl dd a { display: inline-block; margin-top: 5px; color: rgba(255, 255, 255, 0.7); text-decoration: underline; } #location .wrapper article dl dd a:hover { color: #fff; } /* --------------------------------------------- MAP --------------------------------------------- */ .location-map { height: 400px; background-color: #f0f0f0; } .location-map [class*="ymaps-2"][class*="-ground-pane"] { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } *[class*='map-copyrights-promo'] { display: none !important; } /* *[class*='ymaps-2-1-60-copyright__agreement'] { display: none !important; } */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CONTENT Text ------------------------------------------------------------------- Стили для текстового контента +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .section-empty { margin-bottom: 200px; } /* --------------------------------------------- CONTAINERS --------------------------------------------- */ .text { padding-bottom: 50px; } .text-no-header { padding-top: 50px; } .text-small-padding { padding-top: 40px; padding-bottom: 25px; } .text-no-padding { padding-top: 0; padding-bottom: 0; } .text-fill-gray { background-color: #f0f0f0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .text h4 { margin: 0 0 15px; font-weight: 700; line-height: 1.35; } /* Для /accociation/news/2017-02-02.html */ .text h5 { margin: 15px 0 5px; font-weight: 700; line-height: 1.35; font-size: 22px; } .text-fill-gray h3 { margin: 0; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); text-transform: uppercase; color: #d15; } .text-fill-gray h4 { padding-top: 15px; text-transform: uppercase; } .text-fill-gray p:last-child { margin: 0; } .text p, .text li { font-size: 18px; } .text a { text-decoration: underline; outline: none !important; } a.a-black { color: #333; } a.a-black:hover { color: #d15; } .margin-big { margin-bottom: 25px; } /* --- Сноска --- */ .footnote { padding-left: 25px !important; } .footnote:before { content: ""; display: block; width: 150px; height: 3px; color: #d15; margin: 15px 0 15px -25px; background-color: rgba(0, 0, 0, 0.3); } .blognote { margin: 35px 0 0; } .blognote:before { content: ""; display: block; width: 50px; height: 3px; margin: 15px auto; background-color: #d15; } /* --- Нумерованный список --- */ .text ol li { margin-bottom: 10px; font-weight: 700; color: #d15; } .text ol.align-left li { text-align: left; } .text ol li span { display: block; padding-left: 5px; font-weight: 400; color: #333; } /* --- Маркированный список --- */ ul.marker { list-style: none; } ul.marker li { margin: 0 0 10px; } ul.string li { margin: 0 0 5px; } ul.marker li:before { float: left; display: block; position: relative; margin: 0 10px 0 -25px; content: "—"; color: #d15; } /* --------------------------------------------- Вставка большой картинки --------------------------------------------- */ .img-wide { margin: 45px 0 50px } .img-wide img { width: 100%; height: auto; display: block; } /* --------------------------------------------- ОФОРМЛЕНИЕ ЦИТАТ --------------------------------------------- */ .citation { margin-top: 45px; margin-bottom: 45px; padding: 25px 75px 35px; background-color: #f0f0f0; border-radius: 10px; } /* --- с фотографией --- */ .citation-image { margin-top: 115px; } .citation-image dt { width: 170px; margin: -105px auto 0; } .citation-image dt img { width: 100%; border: 10px solid #fff; } /* --- с кавычками --- */ .citation-quote { margin-top: 100px; } .citation-quote dt { width: 120px; height: 120px; margin: -85px auto 0; background-color: #f0f0f0; border-radius: 50%; font-size: 40px; line-height: 100px; text-align: center; border: 10px solid #fff; color: #888; } .citation-quote dt img { width: 100%; border: 10px solid #fff; } /* --- Цитата --- */ .citation blockquote { padding: 15px 5px 0 0; border: none; } .citation blockquote:after { content: ""; height: 3px; width: 50px; display: block; margin: 20px auto 15px; background-color: #d15; } .citation blockquote p { text-align: justify; color: #000; } .citation blockquote p:last-child { margin: 0; } /* --- Автор --- */ .citation cite { font-style: normal; text-align: center; } .citation cite h3 { margin: 0 0 5px; font-weight: 700; font-size: 20px; line-height: 1; } .citation cite p { margin: 0; color: #666; } /* --------------------------------------------- TABLE --------------------------------------------- */ .table-responsive { margin-top: 35px; } .table-td-center td { text-align: center; } /* --- Размещение --- */ .table.table-hotel th { width: 250px; } .table-hotel thead th, .table-hotel thead td { padding-top: 15px !important; padding-bottom: 15px !important; font-weight: 700; font-size: 18px; color: #d15; } .table.table-hotel tbody tr th[rowspan], .table.table-hotel tbody tr th[rowspan] + td , .table.table-hotel tbody tr th[rowspan] + td + td, .table.table-hotel tbody tr:last-child th, .table.table-hotel tbody tr:last-child td { border-top: 2px solid #ddd !important; } .table.table-hotel tbody th, .table.table-hotel tbody td { vertical-align: middle; } .table.table-hotel tbody th span { font-size: 14px; font-weight: 400; display: block; } .numbers-are-over th, .numbers-are-over td { color: #aaa !important; } /* --- Скидки --- */ .table-discount { margin-top: 15px; } .table-discount tr:first-child th, .table-discount tr:first-child td { border-top: none; } .table-discount th { padding-left: 25px !important; } .table-discount td { padding-left: 25px !important; padding-right: 25px !important; font-weight: 700; font-size: 22px; color: #1a6; } /* --- Архивы --- */ /* .table.table-archive { margin-top: 25px; margin-bottom: 0; } .table.table-archive tr:first-child th, .table.table-archive tr:first-child td { border-top: none; } .table.table-archive th, .table.table-archive td { font-weight: 400; } .table.table-archive tbody th { padding: 10px 50px 10px 0; } .table.table-archive tbody td { width: 150px; text-align: right; } .table.table-archive p, .table.table-archive h4 { margin: 0 !important; padding: 0; font-weight: 400; } */ /* --------------------------------------------- PANE BLOCK --------------------------------------------- */ .pane { margin: 45px 0 50px !important; padding: 25px; background-color: #f0f0f0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .pane h3 { margin: 0 0 25px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); text-transform: uppercase; color: #d15; } /* --------------------------------------------- Простая таблица из DL-DT-DD --------------------------------------------- */ .timeline-table { margin: 35px 0; padding: 25px; background-color: rgba(0, 0, 0, 0.05); position: relative; } .timeline-table:after, .timeline-table:before { content: ""; position: absolute; width: 100%; height: 1px; display: block; background-image: linear-gradient( to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100% ); left: 0; right: 0; } .timeline-table:before { top: 0; } .timeline-table:after { bottom: 0; } .timeline-table dl { overflow: hidden; margin: 0; } .timeline-table dl:not(:last-child) { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); } .timeline-table dl dt { float: left; width: 200px; font-size: 16px; line-height: 1.5; font-weight: 400; text-transform: uppercase; color: #888; } .timeline-table dl dd { margin-left: 205px; font-weight: 700; line-height: 1; font-size: 20px; color: #d15; } /* --------------------------------------------- Вставка в текстовую статью блока докладов --------------------------------------------- */ .report-inline { margin-top: 45px; margin-bottom: 45px; padding: 35px; background-color: rgba(0, 0, 0, 0.05); border-radius: 5px; } .report-inline .item:not(:last-child) { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); } .report-inline .item h4 { padding: 0; margin-bottom: 10px; font-size: 18px; } .report-inline .item ul { padding: 0; margin-bottom: 10px; list-style: none; } .report-inline .item p { margin-bottom: 0; text-align: justify; } .report-inline .item p, .report-inline .item ul li { font-size: 16px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CARD Containers ------------------------------------------------------------------- Карточки +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* --------------------------------------------- CARD Simple --------------------------------------------- */ .card-simple dl { padding: 25px 0 0; text-align: center; } .card-simple dl dt { margin: 0; padding: 0 0 5px; text-transform: uppercase; font-weight: 700; font-size: 20px; } .card-simple dl dt:after { content: ""; display: block; width: 50px; height: 3px; color: #333; margin: 10px auto 5px; background-color: #1a6; } .card-simple dl dd { margin: 0; padding: 0; font-size: 18px; } /* --------------------------------------------- CARD Statistic --------------------------------------------- */ .card-stat { text-align: center; } .card-stat dl { margin-top: 25px; margin-bottom: 25px; } .card-stat dt { width: 100px; height: 100px; display: block; margin: 0 auto; background-color: #fff; border: 2px solid #1a6; border-radius: 100%; line-height: 90px; font-size: 40px; color: #1a6; -webkit-transition: font-size 0.5s ease-in-out; -moz-transition: font-size 0.5s ease-in-out; -o-transition: font-size 0.5s ease-in-out; transition: font-size 0.5s ease-in-out; } .card-stat dd { padding: 15px 0 0; text-transform: uppercase; font-weight: 700; font-size: 20px; -webkit-transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out; -o-transition: color 0.5s ease-in-out; transition: color 0.5s ease-in-out; } .card-stat dl:hover dt { font-size: 50px; border-color: #d15; } .card-stat dl:hover dt, .card-stat dl:hover dd { color: #d15; } /* --------------------------------------------- CARD Symbolic --------------------------------------------- */ .card-symbolic { padding-top: 25px; text-align: center; } .card-symbolic dl .row { margin-bottom: 15px; } .card-symbolic dl { padding: 35px 0; margin-bottom: 30px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; } .card-symbolic dt { font-size: 60px; line-height: 60px; color: #aaa; } .card-symbolic dd h3 { margin: 0; padding: 0 0 5px; text-transform: uppercase; font-weight: 700; font-size: 20px; } .card-symbolic dd h3:before { content: ""; display: block; width: 50px; height: 3px; margin: 15px auto 15px; background-color: #d15; } .card-symbolic .item-invertion dl { background-color: #d15; border: none; } .card-symbolic .item-invertion dl dt { color: #fff; } .card-symbolic .item-invertion dd h3:before { width: 100px; background-color: #fff; } .card-symbolic .item-invertion dd h3 a { color: #fff; } .card-symbolic .item-invertion dd h3 a:hover { color: #fff; text-decoration: none; } /* --------------------------------------------- CARD Contacts --------------------------------------------- */ .card-contacts { text-align: center; } .card-contacts .item { padding-top: 75px; } .card-contacts .item dl { border-radius: 5px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); background-color: #fff; } .card-contacts .item dl dt { width: 150px; height: 150px; padding: 5px; margin: -75px auto 0; border-radius: 100%; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); } .card-contacts .item dl dt img { width: 100%; height: auto; } .card-contacts .item dl dd { min-height: 250px; padding-left: 15px; padding-right: 15px; } .card-contacts .item dl dd h3 { font-size: 20px; font-weight: 700; } .card-contacts .item dl dd h3 strong { display: block; text-transform: uppercase; font-size: 22px; } .card-contacts .item dl dd h3:after { content: ""; display: block; height: 3px; width: 50px; margin: 15px auto 10px; background-color: #1a6; } .card-contacts .item dl dd p:last-child { margin: 0 0 15px; } /* --------------------------------------------- CARD PRICE --------------------------------------------- */ .card-price { margin-top: 35px; margin-bottom: 25px; } .card-price .item { padding-top: 75px; } .card-price .item dl { border-radius: 5px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .card-price .item dl dt { width: 120px; height: 120px; padding: 5px; margin: -60px auto 0; border-radius: 100%; background-color: #fff; border: 3px solid rgba(0, 0, 0, 0.1); } .card-price .item dl dt i { line-height: 110px; font-size: 50px; color: #1a6; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .card-price .item:hover dl dt i { font-size: 60px; color: #d15; } .card-price .item dl dd { min-height: 130px; padding-left: 15px; padding-right: 15px; } .card-price .item dl dd h3 { font-size: 20px; font-weight: 400; color: #888; } .card-price .item dl dd h3 strong { display: block; margin-bottom: 5px; text-transform: uppercase; font-size: 22px; color: #333; } .card-price .item dl dd h3:after { content: ""; display: block; height: 3px; width: 50px; margin: 15px auto 10px; background-color: #d15; } .card-price .item dl dd p { font-size: 22px; font-weight: 700; color: #1a6; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HIDDEN Content ------------------------------------------------------------------- Toggler, Accordeon? etc. +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* --------------------------------------------- TOGGLER --------------------------------------------- */ .toggler {} .toggler.padding-top { padding-top: 25px; } /* --- Header --- */ .toggler .item-header span { display: block; padding: 10px 10px 10px 50px; font-size: 20px; font-weight: 400; border-radius: 5px; cursor: pointer; background-color: rgba(0, 0, 0, 0.05); text-decoration: none; color: #1a6; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } .toggler .item-header span:not(.collapsed) { display: block; border-radius: 5px 5px 0 0; background-color: #1a6; color: #fff; } .toggler .item-header span:before { float: left; display: block; content: "\f077"; padding: 0; margin: 0 0 0 -30px; font-family: "FontAwesome"; font-size: 18px; } .toggler .item-header span.collapsed:before { content: "\f078"; } /* --- Colors --- */ .toggler-mint dt:not(.collapsed) { background-color: #1a6; color: #fff; } .toggler-beet dt:not(.collapsed) { background-color: #d15; color: #fff; } .toggler-gray dt:not(.collapsed) { background-color: #aaa; color: #333; } /* --- Content --- */ .toggler .item-content { height: 70%; padding: 25px 50px 25px; text-align: left; border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.03); } /* --------------------------------------------- ACCORDEON --------------------------------------------- */ .accordion { margin-bottom: 50px; } .accordion .panel { margin: 35px 0 0; } /* --- Header --- */ .accordion .item-header a { display: block; padding: 10px 10px 10px 50px; font-size: 20px; font-weight: 400; border-radius: 5px; background-color: rgba(0, 0, 0, 0.05); text-decoration: none; color: #1a6; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } .accordion .item-header a:not(.collapsed) { display: block; border-radius: 5px 5px 0 0; background-color: #1a6; color: #fff; } .accordion .item-header a:before { float: left; display: block; content: "\f077"; padding: 0; margin: 0 0 0 -30px; font-family: "FontAwesome"; font-size: 18px; } .accordion .item-header a.collapsed:before { content: "\f078"; } /* --- Container --- */ .accordion .item-content { height: 70%; padding: 5px 50px 25px; text-align: left; border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.03); } .sections .item-content h3:first-child { margin-bottom: 20px; } /* --- Footer --- */ .accordion .item-content .footer { margin-top: 30px; padding-top: 25px; padding-bottom: 0; text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.1); } /* --- Section Accordeon --- */ .accordion.section .item-content { padding: 5px 50px 25px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ PROGRAM ------------------------------------------------------------------- Программная сетка +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .program-info { margin-bottom: 35px; } /* --------------------------------------------- Вкладки --------------------------------------------- */ .program .nav-tabs { background-color: #fff; border-bottom: 3px solid #1a6; } .program .nav-tabs > li { background-color: #fff; text-align: center; } /* --- Ссылка стандарт --- */ .program .nav-tabs li a, .program .nav-tabs li a:hover, .program .nav-tabs.nav-justified li a { border: none; display: block; font-size: 20px; background-color: #fff; text-transform: uppercase; text-decoration: none; } .program .nav-tabs li a span { display: block; font-size: 16px; text-transform: none; color: #333; } .program .nav-tabs li a:hover span { color: #d15; } /* --- Ссылка актив --- */ .program .nav-tabs li.active a, .program .nav-tabs li.active a:hover, .program .nav-tabs li.active a:focus { background-color: #1a6; border-radius: 5px 5px 0 0; border: none !important; cursor: default; color: #fff; } .program .nav-tabs li.active a span { color: #fff; } /* --------------------------------------------- Содержимое --------------------------------------------- */ /* --- Нижние отступы для первой и последней вкладок --- */ .program .tabbable .tab-content #in, .program .tabbable .tab-content #out { margin-bottom: 150px; } /* --- Контейнер --- */ .program dl, .program dl dt, .program dl dd, .program dl div, .program h3, .program h4, .program ul, .program li, .program p { margin: 0; padding: 0; } .program .tab-pane { border: 1px solid rgba(0, 0, 0, 0.2); border-top: none; } .program .tab-pane dl:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .program .tab-pane dl > dt, .program .tab-pane dl > dd:not(:last-child), .program .tab-pane dl > dd > .row > div:not(:last-child) { border-right: 1px solid rgba(0, 0, 0, 0.2); } .program .tab-pane dl .wrap { padding: 15px; } /* --- Контент --- */ .program .tab-pane dl h3 { padding-bottom: 10px; font-weight: 700; font-size: 18px; } .program .tab-pane dl ul { list-style: none; } .program .tab-pane dl p, .program .tab-pane dl ul li { font-size: 16px; } .program .tab-pane dl p a, .program .tab-pane dl li a { text-decoration: none; color: #333; } .program .tab-pane dl p a:hover, .program .tab-pane dl li a:hover { color: #d15; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ARCHIVE ------------------------------------------------------------------- Оформление архивных разделов +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* --------------------------------------------- SUBDIVISION GRID --------------------------------------------- */ .card-archive .item dl { border: 1px solid #ddd; padding-top: 25px; padding-bottom: 25px; border-radius: 10px; text-align: center; } .card-archive .item dl dt { margin: 15px 0 10px; font-weight: 700; font-size: 18px; } .card-archive .item dl dd:last-child { font-size: 14px; color: #888; } .card-archive .item dl dd:last-child:before { width: 50px; height: 3px; border-top:3px solid #d15; content: ""; display: block; margin: 10px auto; } /* --------------------------------------------- HEADER --------------------------------------------- */ .event { margin-top: 45px; } .event .event-header { clear: both; position: relative; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); text-align: center; } .event .event-header h3 { display: block; text-transform: uppercase; color: #d15; } /* --- Control--- */ .event-header span { top: 0; right: 15px; width: 36px; height: 36px; cursor: pointer; position: absolute; border: 1px solid rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.7); border-radius: 20px; text-align: center; line-height: 36px; font-size: 14px; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .ie .event-header span { line-height: 32px; } .event-header.open span, .event-header span:hover { border-color: #d15; color: #d15; } /* --- Dropdown--- */ .event-header .dropdown-menu { margin-top: -1px; border-radius: 0 0 5px 5px; border-top: 2px solid #d15; } .event-header .dropdown-menu > li > a, .event-header .dropdown-menu > li > a:after, .event-header .dropdown-menu > li > a:hover, .event-header .dropdown-menu > li > a:focus, .event-header .dropdown-menu > li > a:active { background-color: transparent; outline: none; } .event-header .dropdown-menu li a { padding: 10px 15px; text-decoration: none; font-size: 16px; color: #333; } .event-header .dropdown-menu li a:hover { color: #d15; } .event-header .dropdown-menu li:last-child { margin-top: 5px; border-top: 1px solid #ddd; } .event-header .dropdown-menu li a i { margin-right: 7px; } /* --- Archive Accordeon --- */ .accordion.event .item-content { padding: 0; } /* --------------------------------------------- CONTAINER --------------------------------------------- */ .event .item-content { background-color: #fff; } .event .card-event .row { margin: 0; padding: 15px 15px 15px 35px; } .event .card-event .item:nth-child(even) { background-color: rgba(0, 0, 0, 0.03); } .event .card-event .item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /* --- Exception for EutoCrypt --- */ /* Ситуация, когда всего один расхлоп в аккордеоне и весьма незначительное количество объектов */ .event .card-event.without-accordeon { margin-bottom: -50px; } .event .card-event.without-accordeon .row { padding-left: 10px; } /* --------------------------------------------- CONTENT --------------------------------------------- */ .event .item-resource h4 { font-size: 18px; margin-bottom: 10px; } .event .item-resource ul { list-style: none; padding-left: 15px; } .event .item-resource ul, .event .item-resource ul li { margin: 0; } .event .item-resource ul li { font-size: 15px; margin-bottom: 5px; font-weight: 400; } .event .item-resource ul li:before { float: left; display: block; position: relative; margin: 0 7px 0 -10px; content: "—"; color: #d15; } /* --------------------------------------------- BUTTON --------------------------------------------- */ .item-download { text-align: right; align-items: center; } .item-download a, .item-download a:focus, .item-download a:active { margin-top: 5px; display: inline-block; border: 2px solid #1a6; padding: 10px 0 9px; text-align: center; text-decoration: none; border-radius: 3px; min-width: 120px; line-height:1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .item-download a, .item-download a:focus, .item-download a:active { background-color: #fff; border-color: #1a6; color: #1a6; } .item-download a:hover { background-color: #d15; border-color: #d15; color: #fff; } .item-download a i { padding-right: 5px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FORMS ------------------------------------------------------------------- Форма регистрации на конференцию +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* --------------------------------------------- TEXT STYLES --------------------------------------------- */ .feedback form ul { list-style: none; margin: 0; padding: 0; } .feedback form h4 { text-transform: uppercase; margin-top: 5px; } .feedback form h4:first-child { margin-top: 0; } .feedback form h4.margin-bottom-5 { margin: 5px 0 !important; } .form-detail-jump { padding-left: 5px; } .feedback form p { font-weight: normal; } .feedback form .row { margin-bottom: 0; padding-bottom: 0; } .feedback form .row dd { margin-bottom: 0 !important; padding-bottom: 0 !important; } .feedback form .form-control { margin-bottom: 25px; } .feedback form .form-hotel-guest { display: none; } /* --------------------------------------------- RULEZ --------------------------------------------- */ .feedback .rules { margin-top: 25px; margin-bottom: 35px; padding-top: 15px; padding-bottom: 15px; background-color: rgba(0, 0, 0, 0.05); border-radius: 6px; text-align: center; font-size: 18px; } .feedback .rules span { display: inline-block; padding-left: 30px; padding-right: 30px; background-image: radial-gradient(#1a6 15%, transparent 16%), radial-gradient(#2bd 15%, transparent 16%); background-size: 2.7em 2.7em; background-position: -8px center; background-repeat: no-repeat; } .feedback .rules.error { background-color: rgba(221, 17, 85, 0.1); color: #d15; } .feedback .rules.error span { background-image: none; } .feedback .form-group:not(:last-of-type) { margin-bottom: 15px; } /* --------------------------------------------- FIELDS CONDIDIONS --------------------------------------------- */ /* --- Clear Control --- */ .feedback form input::-ms-clear { color: rgba(17, 170, 102, 0.7); } /* --- Fields --- */ .feedback form input { padding-left: 35px !important; outline: none; } .feedback form textarea { resize: none; outline: none; } /* --- Select --- */ .feedback form select { padding-left: 30px !important; outline: none; } .feedback form select:focus, .feedback form textarea:focus, .feedback form input[type=text]:focus, .feedback form input[type=email]:focus { outline: none !important; border-color: rgba(17, 170, 102, 0.7) !important; box-shadow: 0 0 10px rgba(17, 170, 102, 0.5) !important; } .feedback form select option:hover, .feedback form select option:focus, .feedback form select option:active { background: linear-gradient(#1a6, #1a6); background-color: #1a6 !important; /* for IE */ color: #fff !important; } /* --- Checkbox --- */ .feedback form .checkbox { margin-left: 15px !important; margin-bottom: 15px; } .feedback form input[type=checkbox] { margin-left: -25px !important; padding: 10px; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } /* --- Submit --- */ .form-submit { margin-top: 35px; margin-bottom: 25px; padding-top: 35px; border-top: 1px solid rgba(0, 0, 0, 0.1); } /* --------------------------------------------- REQUIRED FIELDS BULLET --------------------------------------------- */ .feedback form :required { background-image: radial-gradient(#1a6 15%, transparent 16%), radial-gradient(#2bd 15%, transparent 16%); background-size: 2.4em 2.4em; background-position: -6px 0; background-repeat: no-repeat; } .feedback form .error :required { background-image: radial-gradient(#d15 15%, transparent 16%), radial-gradient(#d15 15%, transparent 16%); } /* --------------------------------------------- CAPTCHA --------------------------------------------- */ .feedback form .captcha { margin-top: 25px; padding-top: 30px; border-top: 1px solid rgba(0, 0, 0, 0.1); } /* --------------------------------------------- PRIVACY POLICY --------------------------------------------- */ #privacy { display: none; } #privacy p, #privacy li { font-size: 14px; } /* --- OL-LI Renumeration --- */ #privacy ol { counter-reset: li; } #privacy ol li:before { counter-increment: li; content: counters(li, ".") ". "; } /* --- Content --- */ #privacy ol { padding-left: 0; list-style: none; } #privacy ol li { font-weight: 400; color: #333; } #privacy ol li:before { color: #000; font-weight: 700; font-family: Consolas, Menlo, Monaco, "Courier New", monospace; } #privacy article > ol > li { font-size: 18px !important; color: #d15; } #privacy article > ol > li:before { color: #d15 } #privacy ol li ol { padding-top: 10px; } /* --- Paddings --- */ #privacy ol li ol li { padding-left: 40px; } #privacy ol li ol li:before { margin-left: -40px; } #privacy ol li ol li ol li { padding-left: 55px; } #privacy ol li ol li ol li:before { margin-left: -55px; } /* --- Control --- */ #privacy .fancybox-close-small { top: 25px; right: 25px; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } #privacy .fancybox-close-small:after { color: #1a6; } #privacy .fancybox-close-small:focus:after { outline: none; } #privacy .fancybox-close-small:hover:after { color: #fff; background: #1a6; } /* --------------------------------------------- DONE PAGE --------------------------------------------- */ .done { min-height: 300px; text-align: center; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ OBJECT PAGE ------------------------------------------------------------------- Стили для оформления секций, новостей и публикаций +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #ring {} /* --------------------------------------------- HEADER --------------------------------------------- */ /* ДОБАВИТЬ МЕДИА-ЗАПРОСЫ!!!!! */ .header-lite { padding: 50px 0 35px; text-align: center; } .header-lite h6 { font-size: 26px; text-transform: uppercase; color: #666; } .header-lite h2 { text-transform: uppercase; font-weight: 700; font-size: 32px; margin-bottom: 0; } .header-lite h2:after { content: ""; display: block; width: 150px; height: 3px; margin: 35px auto 0; background-color: rgba(0, 0, 0, 0.3); } /* --------------------------------------------- MODERATOR --------------------------------------------- */ .moderator {} .moderator dl { margin-top: 25px; overflow: hidden; } .moderator dl dt { float: left; margin: 0; padding: 0; text-transform: uppercase; line-height: 1.2; font-size: 20px; color: #d15; } .moderator.with-super-long dl dt { width: 150px; } .moderator.with-super-long dl dd { margin-left: 175px; } .moderator dl dd { margin-left: 120px; margin-bottom: 25px; } .moderator.with-long dl dd { margin-left: 150px; } .moderator dl dd:last-child { margin-bottom: 0; } .moderator dl dd h3 { margin: 0 0 5px; font-weight: 700; font-size: 20px; line-height: 1.2; } .moderator dl dd h3 span { text-transform: uppercase; } .moderator dl dd p { margin: 0; } /* --------------------------------------------- ITEM LIST --------------------------------------------- */ #report { padding-top: 35px; } #report .item { padding: 35px; border-radius: 5px; } #report .item:nth-child(even) { background-color: rgba(0, 0, 0, 0.05); } #report h3 { margin: 35px 0 25px; padding-bottom: 25px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); text-transform: uppercase; text-align: center; color: #d15; } /* #report .report .item:not(:last-child):after { content: ""; display: block; height: 2px; width: 150px; margin: 35px auto 30px; background-color: #d15; } */ #report .item h4 { padding: 0; margin-bottom: 15px; font-size: 22px; } #report .item ul { padding: 0; margin-bottom: 15px; list-style: none; } #report .item p { text-align: justify; } #report .item p:last-child { margin: 0; } /* --------------------------------------------- Экземпляр REPORT для применения внутри текстовых блоков. Например, для верстки блока «Программа Дней ВУЗОВ на РусКрипто 2019» --------------------------------------------- */ .report .item { padding: 35px; border-radius: 5px; } .report h3 { margin: 35px 0 0; padding-bottom: 25px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); text-transform: uppercase; text-align: center; color: #d15; } .report h3.margin-top-bigger { margin-top: 50px; } .report h3.margin-top-bigger.border-none { padding-bottom: 0; border-bottom: none; } .report .item:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.05); } .report .item h4 { padding: 0; margin-bottom: 15px; font-size: 22px; } .report .item ul { padding: 0; margin-bottom: 15px; list-style: none; } .report .item p { text-align: justify; } #report .item p:last-child { margin: 0; } /* Панелька с дополнительной информацией */ .report-panel { margin: 0 0 35px; padding: 35px; border: 3px solid rgba(0, 0, 0, 0.2); border-top-width: 2px; } .report-panel h5 { margin: 0 0 15px; font-size: 28px; font-weight: normal; } /* --------------------------------------------- FOOTER --------------------------------------------- */ .text footer { margin-top: 50px; margin-bottom: 25px; border-top: 1px solid rgba(0, 0, 0, 0.2) !important; } .text footer a { text-decoration: none; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ERROR ------------------------------------------------------------------- Стили для страницы PAGE NOT FOUND +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ html#error { position: relative; min-height: 100%; } html#error body { margin-bottom: 60px; } /* --------------------------------------------- HEADER --------------------------------------------- */ .header-error { padding-top: 50px; padding-bottom: 50px; } .header-error img { width: 300px; } /* --------------------------------------------- PROMO --------------------------------------------- */ .promo-error { background: #1a6 url("../../resource/layout/bgr/digital_star_100.png") repeat center center; background-attachment: fixed; } .promo-error .wrapper { padding-top: 35px; padding-bottom: 50px; background: transparent url("../../resource/layout/bgr/svg/FFFFFF.svg") repeat-x 100% 0; background-size: 200px 10px; } .promo-error p { margin: 25px 0 0; animation: blur 2s linear infinite; text-shadow: 0 0 3px rgba(255, 255, 255, 0.5), 0 0 3px rgba(255, 255, 255, 0.5); font-family: Consolas, Menlo, Monaco, "Courier New", monospace; color: rgba(255, 255, 255, 0.3); text-align: center; font-weight: 400; font-size: 100px; line-height: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @keyframes blur { from { text-shadow: 0 0 10px rgba(255, 255, 255, 0.9), 0 0 15px rgba(255, 255, 255, 0.9), 0 0 20px rgba(255, 255, 255, 0.8), 0 0 25px rgba(255, 255, 255, 0.8), 0 0 30px rgba(255, 255, 255, 0.7), 0 0 35px rgba(255, 255, 255, 0.7), 0 0 40px rgba(255, 255, 255, 0.6), 0 0 45px rgba(255, 255, 255, 0.6), 0 0 50px rgba(255, 255, 255, 0.5), 0 0 55px rgba(255, 255, 255, 0.5) } } /* --------------------------------------------- CONTENT --------------------------------------------- */ .text-error { padding-top: 50px; padding-bottom: 50px; background: transparent url("../../resource/layout/bgr/svg/11AA66.svg") repeat-x 100% 0; background-size: 200px 10px; } .text-error h2 { margin: 0 0 15px; } .text-error p { font-size: 18px; } /* --------------------------------------------- FOOTER --------------------------------------------- */ .footer-error { bottom: 0; width: 100%; height: 60px; padding: 20px 0 0; position: absolute; background-color: rgba(0, 0, 0, 0.05); border-top: 1px solid rgba(0, 0, 0, 0.1); } .footer-error p { margin: 0; padding: 0 0 5px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ EXCEPTIONS ------------------------------------------------------------------- Исключения +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* --------------------------------------------- After Content Blocks --------------------------------------------- */ body#page.show-subscribe #comein, body#page.show-nothing #comein { display: none; } /* --------------------------------------------- CONTAINER EXCEPTIONS --------------------------------------------- */ body#page.show-nothing #sponsors { background-image: none; border-top: 1px solid rgba(0, 0, 0, 0.1); } body#page.show-nothing #sponsors .header-wide { padding-top: 35px; } body#page.show-subscribe #sponsors { background-image: url("../../resource/layout/bgr/svg/333333.svg"); } .accent-inline { margin-top: 35px; padding: 15px 25px; background-color: rgba(0, 0, 0, 0.05); border-radius: 5px; } .accent-inline p { margin: 0; } .mb-1 { margin-bottom: 10px; } .mb-2 { margin-bottom: 15px; } .mb-3 { margin-bottom: 20px; } .mb-4 { margin-bottom: 25px; } .mb-5 { margin-bottom: 30px; } .mt-1 { margin-top: 10px; } .mt-2 { margin-top: 15px; } .mt-3 { margin-top: 20px; } .mt-4 { margin-top: 25px; } .mt-5 { margin-top: 30px; }