.container { margin: 0 auto; max-width: 100%; position: relative; } iframe { width: 100%; } /* .node .field-name-body img { width: 100% !important; height: auto !important; } */ /* header */ header .mmenu { display: block; } #main-menu-header { display: none; } .logo img { margin: 0 auto; } #slogan.mob { padding: 0; } #slogan.mob .address { display: block; } .header_bot .social { display: none; } .logo { float: none; width: 100%; text-align: center; padding: 11px 0 0; } @media screen and (max-width: 590px) { .logo img { width: 350px; height: auto; } #slogan.mob { width: 300px; margin: 0 auto 5px; } } @media screen and (max-width: 440px) { .logo img { width: 255px; height: auto; } #slogan.mob { width: 270px; margin: 0 auto 10px; } } #slogan.mob { display: block; text-align: center; color: #fff; font-size: 12px; } header .user { float: none; margin: 0; text-align: center; display: inline-block;} /* header menu */ .menu-opened .main-menu { margin: 0; } header .mmenu { display: none; } header .mmenu.mobile { display: inline-block; float: none;} #mmenu .main-menu-table { margin-top: 165px;} .main-menu .main-menu-cell ul li { margin: 20px 0; padding: 0; } .main-menu .main-menu-cell ul { margin: 0; } .main-menu .main-menu-cell { display: block; } header #main-nav { display: none; } .main-menu ul li { font-size: 22px; letter-spacing: 7px; line-height: 36px; } .main-menu .main-menu-cell ul li a { padding: 0 10px; } .main-menu ul li a:hover { letter-spacing: 0; } /* #main-nav #sidr-wrapper-0 a { color: #fff; text-transform: uppercase; line-height: 1px; } #main-nav #sidr-wrapper-0 a:before {font-family: FontAwesome;content: "\f0C9";display: inline-block;padding-right: 9px;vertical-align: middle;} */ .header_bot{ display: none; } .ht > .container { -webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s; height: 165px; text-align: center; overflow: hidden; } .ht > .container.hidden { height: 85px; overflow: hidden; } .main-menu .main-menu-cell, .main-menu .main-menu-cell ul li:first-child, .main-menu .main-menu-cell ul li:nth-child(8), .main-menu .main-menu-cell ul li:last-child { display: block; } /* block calendar */ .region-front-sections #block-views-events-calendar-block .slick__arrow { left: 0; width: 99.5%; } #block-views-events-calendar-block .views-field-nothing-1 .title { padding: 0 40px; } @media screen and (max-width: 550px) { #block-views-events-calendar-block .views-field-nothing-1 img { margin: -10% auto 0;} } #block-views-evants-block-slider-block .views-row-1 .div-content { width: 91.5%; } #block-views-workshop-block .view-content .views-row.show-0 .content, #block-views-workshop-block-1 .view-content .views-row.show-0 .content, #block-views-workshop-block-2 .view-content .views-row.show-0 .content, #block-views-workshop-block-3 .view-content .views-row.show-0 .content { width: 94%; padding: 14px 3%; } /* banner */ .banner-kk img, .banner-kk #timerday-banner { display: none; } .banner-kk img.mob { display: block; } .underpressure-bann .headb-top-1200 { display: none; } .underpressure-bann .headb-top-400 { display: block; } @media screen and (max-width: 320px) { .underpressure-bann .headb-top-400 { display: none; } .underpressure-bann .headb-top-320 { display: block; } } /* main news block */ #block-views-evants-block-slider-block h2:before { display: none; } #block-views-evants-block-slider-block .view-content > .views-row-1 .title a { height: 48px; overflow: hidden; } #block-views-evants-block-slider-block .view-evants-block-slider { max-width: 100%; display: inline-block; vertical-align: top;} #block-views-evants-block-slider-block .views-row-2, #block-views-evants-block-slider-block .views-row-3, #block-views-evants-block-slider-block .views-row-4 { width: 100%; float: none; margin: 15px 0;} #block-views-evants-block-slider-block .views-row .div-content { padding: 20px 29px !important; } #block-views-evants-block-slider-block .view-content > div:not(.views-row-1) .title a{ font-size: 24px; font-weight: 600; line-height: 23px; margin: 0 0 18px 0; display: block; height: 71px;} #block-views-evants-block-slider-block .banner.right { padding: 4% 5%; margin: 0 0 15px 0; width: 90%; height: 100%;} #block-views-evants-block-slider-block .banner.right.hackpack { padding: 4% 5%; height: 100%; } #block-views-evants-block-slider-block .banner.bottom { padding: 4% 5%; text-align: center; margin: 0; width: 90%;} #block-views-evants-block-slider-block .banner.bottom .description { padding: 0; max-width: 100%;} #block-views-evants-block-slider-block .banner.bottom .more a { position: static; margin: 20px 0 0 0;} #block-views-evants-block-slider-block .banner .more a { margin: 0; } #block-views-evants-block-slider-block .view-content > div:not(.views-row-1) .views-field-views-conditional img { margin: -20% 0 0 0;} @media screen and (max-width: 440px) { #block-views-evants-block-slider-block .view-content > div:not(.views-row-1) .views-field-views-conditional img { margin: 0;} } #block-views-evants-block-slider-block .div-content .more, #block-views-evants-block-slider-block .view-content > div:not(.views-row-1) .more { bottom: 17px; right: 17px;} #block-views-evants-block-slider-block .view-content > div:not(.views-row-1) .more a { padding: 9px 34px;} #block-views-evants-block-slider-block .view-content > div:not(.views-row-1):hover .body, #block-views-evants-block-slider-block .view-content > div:not(.views-row-1) .body { height: 144px; max-width: 100%;} #block-views-evants-block-slider-block .view-content > .views-row-1 .body { height: 166px; } @media screen and (max-width: 380px) { #block-views-evants-block-slider-block .view-content > div:not(.views-row-1) .title a, #block-views-evants-block-slider-block .view-content > .views-row .title a { height: 68px; font-size: 16px; } #block-views-evants-block-slider-block .div-content .more, #block-views-evants-block-slider-block .view-content > div:not(.views-row-1) .more { display: none; } #block-views-evants-block-slider-block .view-content > div:not(.views-row-1) .views-field-views-conditional { height: 322px; } #block-views-evants-block-slider-block .view-content > div:not(.views-row-1) .views-field-views-conditional img { height: auto; width: 100%; } #block-views-evants-block-slider-block .view-content > div:not(.views-row-1):hover .body, #block-views-evants-block-slider-block .view-content > div:not(.views-row-1) .body, #block-views-evants-block-slider-block .view-content > .views-row-1 .body { height: 148px;} } /* subscrube block */ #block-mailchimp-signup-subscribe { padding: 15px 0 30px; height: auto; } #block-mailchimp-signup-subscribe .mailchimp-signup-subscribe-form-description { margin: 12px 0 24px 0; height: auto; font-size: 20px; max-width: 100%; float: none; text-align: center; min-height: 68px; } #block-mailchimp-signup-subscribe .mailchimp-signup-subscribe-form-description small { left: 0; right: 0; margin: 0 auto; } #block-mailchimp-signup-subscribe .mailchimp-newsletter-mergefields { margin-right: 0; float: none; display: block; width: 275px; margin: 0px auto; } #block-mailchimp-signup-subscribe .form-actions { margin: 0 auto; float: none; display: block; width: 272px; } #block-mailchimp-signup-subscribe .form-actions input { padding: 11px 98px; } #block-mailchimp-signup-subscribe .form-type-checkboxes { max-width: 265px; display: block; margin: 26px auto 5px; } @media screen and (max-width: 380px) { #block-mailchimp-signup-subscribe .mailchimp-newsletter-mergefields input { border-radius: 0; width: auto;} } #block-mailchimp-signup-subscribe-user { text-align: center; height: 100%; } #block-mailchimp-signup-subscribe-user .mailchimp-signup-subscribe-form-description small { position: relative; } #block-mailchimp-signup-subscribe-user .form-actions { float: none; display: inline-block; margin: 0 auto; } #block-mailchimp-signup-subscribe-user .mailchimp-signup-subscribe-form-description { margin: 0 auto 28px; float: none;} /* titles block */ #block-views-workshop-block h2:before, #block-views-workshop-block-1 h2:before, #block-views-workshop-block-2 h2:before, #block-views-workshop-block-3 h2:before, #block-views-video-keis-block h2:before, #block-views-our-guests-block h2:before, #block-views-other-categories-block h2:before, #block-views-other-categories-block-1 h2:before, #block-views-gallery-block-block h2:before, #block-views-gallery-block-block h2:after, #block-block-13 h2:before, #block-block-13 h2:after, #block-block-15 h2:before, #block-block-15 h2:after, #block-block-3 h2:before, #block-block-3 h2:after, .region-bottom-section .block-block h2:after { width: 76.5%; } #block-views-video-keis-block h2:before {width: 58%;} #block-views-workshop-block-1 h2:before, #block-views-workshop-block-2 h2:before, #block-views-workshop-block-3 h2:before { width: 55%;} #block-views-our-guests-block h2:before { width: 58%;} #block-views-our-guests-block .view-our-guests .slide .views-field-nothing .date:before { display: none; } #block-views-gallery-block-block h2:before, #block-views-gallery-block-block h2:after { width: 31.5%;} #block-block-13.blog h2:before, #block-block-13.blog h2:after {width: 35.2%;} #block-block-15 h2:before, #block-block-15 h2:after { width: 33%; } #block-block-3 h2:before, #block-block-3 h2:after {width: 35%;} @media screen and (max-width: 380px) { #block-views-workshop-block h2:before, #block-views-workshop-block-1 h2:before, #block-views-workshop-block-2 h2:before, #block-views-workshop-block-3 h2:before, #block-views-video-keis-block h2:before, #block-views-our-guests-block h2:before, #block-views-other-categories-block h2:before, #block-views-other-categories-block-1 h2:before, #block-views-gallery-block-block h2:before, #block-views-gallery-block-block h2:after, #block-block-13 h2:before, #block-block-13 h2:after, #block-block-15 h2:before, #block-block-15 h2:after, #block-block-3 h2:before, #block-block-3 h2:after, .region-bottom-section .block-block h2:after { width: 45.5%;} #block-views-workshop-block h2:before, #block-views-workshop-block-1 h2:before, #block-views-video-keis-block h2:before, #block-views-our-guests-block h2:before, #block-views-other-categories-block h2:before, #block-views-other-categories-block-1 h2:before, #block-views-gallery-block-block h2:before, #block-views-gallery-block-block h2:after, #block-block-13 h2:before, #block-block-13 h2:after, #block-block-15 h2:before, #block-block-15 h2:after, #block-block-3 h2:before, #block-block-3 h2:after, .region-bottom-section .block-block h2:after { width: 30.5%;} } /* master class */ #block-views-workshop-block .view-header a, #block-views-workshop-block-1 .view-header a, #block-views-workshop-block-2 .view-header a, #block-views-workshop-block-3 .view-header a, #block-views-video-keis-block .view-header a, #block-views-our-guests-block .view-header a { display: none; } #block-views-workshop-block .view-content .views-row.show-0, #block-views-workshop-block-1 .view-content .views-row.show-0, #block-views-workshop-block-2 .view-content .views-row.show-0, #block-views-workshop-block-3 .view-content .views-row.show-0 { width: 100%; margin: 15px 0; height: 275px; } #block-views-workshop-block .view-content .views-row.show-1, #block-views-workshop-block-1 .view-content .views-row.show-1, #block-views-workshop-block-2 .view-content .views-row.show-1, #block-views-workshop-block-3 .view-content .views-row.show-1 { margin: 5px 7px 7px 0; padding: 0; width: 100%; min-height: 80px; } #block-views-workshop-block .view-content .views-row.show-1 .date-title, #block-views-workshop-block-1 .view-content .views-row.show-1 .date-title, #block-views-workshop-block-2 .view-content .views-row.show-1 .date-title, #block-views-workshop-block-3 .view-content .views-row.show-1 .date-title { height: auto; width: 100%; padding: 29px 0 22px; display: inline-block; } #block-views-workshop-block .view-content .views-row.show-1 .more, #block-views-workshop-block-1 .view-content .views-row.show-1 .more, #block-views-workshop-block-2 .view-content .views-row.show-1 .more, #block-views-workshop-block-3 .view-content .views-row.show-1 .more { position: relative; max-width: 75%; margin: 11px auto 30px;} #block-views-workshop-block .view-content .views-row.show-0 .field-content .img img, #block-views-workshop-block-1 .view-content .views-row.show-0 .field-content .img img, #block-views-workshop-block-2 .view-content .views-row.show-0 .field-content .img img, #block-views-workshop-block-3 .view-content .views-row.show-0 .field-content .img img { margin: -15% 0 0 0;} @media screen and (max-width: 440px) { #block-views-workshop-block .view-content .views-row.show-0 .field-content .img img, #block-views-workshop-block-1 .view-content .views-row.show-0 .field-content .img img, #block-views-workshop-block-2 .view-content .views-row.show-0 .field-content .img img, #block-views-workshop-block-3 .view-content .views-row.show-0 .field-content .img img { margin: 0;} } #block-views-workshop-block .view-content .views-row.show-0 .content, #block-views-workshop-block-1 .view-content .views-row.show-0 .content { bottom: 0; } #block-views-workshop-block .view-content .views-row.show-0:hover .body, #block-views-workshop-block .view-content .views-row.show-0 .body, #block-views-workshop-block-1 .view-content .views-row.show-0 .body, #block-views-workshop-block-1 .view-content .views-row.show-0:hover .body, #block-views-workshop-block-2 .view-content .views-row.show-0 .body, #block-views-workshop-block-2 .view-content .views-row.show-0:hover .body, #block-views-workshop-block-3 .view-content .views-row.show-0 .body, #block-views-workshop-block-3 .view-content .views-row.show-0:hover .body { height: 177px; } #block-views-workshop-block .view-content .views-row.show-0 .more, #block-views-workshop-block-1 .view-content .views-row.show-0 .more, #block-views-workshop-block-2 .view-content .views-row.show-0 .more { bottom: 10px; } @media screen and (max-width: 400px) { #block-views-workshop-block .view-content .views-row.show-0 .img, #block-views-workshop-block-1 .view-content .views-row.show-0 .img, #block-views-workshop-block-2 .view-content .views-row.show-0 .img, #block-views-workshop-block-3 .view-content .views-row.show-0 .img { height: 275px; } #block-views-workshop-block .view-content .views-row.show-0 .field-content .img img, #block-views-workshop-block-1 .view-content .views-row.show-0 .field-content .img img, #block-views-workshop-block-2 .view-content .views-row.show-0 .field-content .img img, #block-views-workshop-block-3 .view-content .views-row.show-0 .field-content .img img { height: 100%; width: auto; } #block-views-workshop-block .view-content .views-row.show-1 .title a, #block-views-workshop-block-1 .view-content .views-row.show-1 .title a { padding: 0 10px; } } /* short block */ #block-views-workshop-block .view-content .views-row.show-1 .more:after, #block-views-workshop-block-1 .view-content .views-row.show-1 .more:after, #block-views-workshop-block-2 .view-content .views-row.show-1 .more:after, #block-views-workshop-block-3 .view-content .views-row.show-1 .more:after { right: 20px; } #block-views-workshop-block .view-content .views-row.show-1 .more:before, #block-views-workshop-block-1 .view-content .views-row.show-1 .more:before, #block-views-workshop-block-2 .view-content .views-row.show-1 .more:before, #block-views-workshop-block-3 .view-content .views-row.show-1 .more:before { left: 20px; } /* video block */ #block-views-video-keis-block .views-row { max-width: 100%; height: 265px; overflow: hidden; margin: 0 0 9px 0;} #block-views-video-keis-block .views-row .views-field-field-picture a:last-child img { margin-top: -10%; } @media screen and (max-width: 500px) { #block-views-video-keis-block .views-row .views-field-field-picture a:last-child img { margin-top: 0%;} } @media screen and (max-width: 410px) { #block-views-video-keis-block .views-row .views-field-field-picture .field-content { height: 265px; } #block-views-video-keis-block .views-row .views-field-field-picture a:last-child img { margin-top: 0%; height: 100%; width: auto;} } #block-views-video-keis-block .views-row .views-field-field-picture .play { top: 45px; } #block-views-video-keis-block .views-row .views-field-field-picture .play img { width: 60px; height: auto; } #block-views-video-keis-block .views-row .views-field-created { top: 125px; } #block-views-video-keis-block .views-row .views-field-title a { font-size: 12px; top: 160px; } /* for jurnalist */ #block-menu-menu-belarus-in-facts .container { max-width: 600px; } @media screen and (max-width: 380px) { #block-menu-menu-belarus-in-facts .container { max-width: 171px; } #block-menu-menu-belarus-in-facts .content li:nth-child(2) { background: #393939; } } /* news partners */ .blog_item { margin: 10px 0 0 0; } /* analityc block */ #block-block-13 .content { max-width: 700px; margin: 0 auto; } .analytics_block { margin: 35px 0 15px; } .analytics .avalityc_item:nth-child(3), .analytics .avalityc_item:nth-child(4) { margin: 20px 15px 0 0; } .analytics .avalityc_item:nth-child(5) { margin: 20px 0 0 0; } @media screen and (max-width: 550px) { .analytics .avalityc_item, .analytics .avalityc_item:nth-child(3), .analytics .avalityc_item:nth-child(4) { margin: 5px 10px !important; } } /* gallery block */ #block-views-gallery-block-block .slick-slide .views-field-title { margin: 30px auto 0; max-width: 360px; opacity: 1;} @media screen and (max-width: 625px) { #block-views-our-guests-block .view-our-guests .slide .views-field-field-picture img { margin: 0 auto; } #block-views-our-guests-block .view-our-guests .slide .views-field-field-picture { margin: 2px 0 2px 0; display: block;} #block-views-our-guests-block .view-our-guests .slide .views-field-nothing { margin: 25px 40px; max-width: 100%;} .region-front-sections #block-views-our-guests-block .slick__arrow button.slick-arrow { top: -300px } .view-gallery-block:before, .view-gallery-block:after { display: none; } } /* soc widget block */ #block-block-15 .face-page { margin: 0 0 20px 0; } /* gloal styles */ .region-front-sections .slick__arrow { position: absolute; bottom: 0; left: 3px; width: 99.2%;} .slick-dots { margin: 0; } /* node styles */ #block-system-main .field-name-field-picture { float: none; margin: 0; } #block-system-main .field-name-field-picture img { width: 100%; height: auto; } @media screen and (max-width: 520px) { #block-views-other-categories-block-1 .container .content, #block-views-other-categories-block .container .content { max-width: 240px; margin: 0 auto; } #block-views-evants-block-slider-block .div-content .body a { color: #fff; font-size: 14px; line-height: 19px; display: inline-block; height: 137px; overflow: hidden; margin: 0 0 7px 0; } #block-views-workshop-block-1 .view-content .views-row.show-1 .title a { padding: 0 5px; } } /* footer */ @media screen and (max-width: 380px) { footer #main-menu { display: none; } iframe { width: 100%; height: auto; } } /* media styles */ @media screen and (max-width: 550px) { #block-block-13, #block-block-14, #block-block-15, #block-block-3 { display: none; } } @media screen and (max-width: 500px) { #block-facebook-comments-block-fb-comments iframe { width: 320px !important; } footer .container { text-align: center; } .foot_nav { float: none; } .foot_contacts { float: none; display: block; background: transparent; max-width: 195px; padding: 0; margin: 0 auto; } .bepaid { position: static; margin: 15px auto; } } @media screen and (max-width: 727px) { .not-front .container { padding: 0 20px; } .right_page_head h1 { text-align: center; } .right_page_wrap .view-content .views-row { display: block; margin: 15px auto; text-align: center; } } /* Стили окна авторизации */ div.modal-forms-modal-content { max-width: 300px !important; } #modal-content input[type="text"], #modal-content input[type="password"] { width: 70%; } /* Стили регистрации на событие */ #block-system-main form input.form-text, #modal-content input[type="text"], #modal-content input[type="password"], select.form-select, .chosen-container-multi .chosen-choices, .form-wrapper textarea { width: 90%; } #registration-form .form-actions input { width: 100% } #registration-form a#edit-cancel { display: block; margin: 5px 0 0; text-align: center; } /*Стили навигации для моб версии*/ .m-closed { height: 35px; padding: 13px 0 0; text-align: center; color: red;} .m-closed:hover { cursor: pointer;} .sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 { background-image: none; box-shadow: 0 0 0; color: #ffffff; font-size: 15px; font-weight: normal; line-height: 24px; margin: 0; padding: 0;} .sidr-inner h3 a, .sidr-inner h3 { color: #e6c800; border-bottom: 1px solid #1a1a1a; border-top: 1px solid #4d4d4d; display: block; line-height: 48px; position: relative; padding: 0 10px;} .sidr-inner h3 a:hover { box-shadow: 0 0 15px 3px #222 inset; text-decoration: none;} .sidr ul li ul { display: none;} .sidr ul li { position: relative; border: none;} .sidr ul li a { padding: 0 5px;} .sidr ul li span { padding: 0;} .sidr.left .sidr-inner li span.sidr-class-views-field-nid { padding: 0; position: absolute; right: 3px; top: 0; display: none;} .sidr-inner li { list-style: none;} .sidr-inner .sidr-class-views-row a, .sidr-inner li a { border-bottom: 1px solid #1a1a1a; border-top: 1px solid #4d4d4d; display: block; line-height: 48px; position: relative;} .sidr-inner .sidr-class-views-row a, .sidr-inner li a { color: #fff; padding: 0 10px;} .sidr-class-content .sidr-class-views-field-nid { display: none;} span.sidr-class-views-field-nid { position: absolute; right: 3px; top: 0;} .sidr-inner .sidr-class-views-row a:hover, .sidr-inner li a:hover { box-shadow: 0 0 15px 3px #222 inset; text-decoration: none;}