/* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 300; src: url(../fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 300; src: url(../fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 500; src: url(../fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 500; src: url(../fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 500; src: url(../fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 700; src: url(../fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 700; src: url(../fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 700; src: url(../fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(../fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 800; src: url(../fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-display: swap; font-style: normal; font-weight: 800; src: url(../fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url(../fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix:after { content: ""; display:block; clear: both; } .b_300{ font-weight: 300; } .b_400{ font-weight: 400; } .b_600{ font-weight: 600; } .b_700{ font-weight: 700; } .tg-top-orderInfo .tg-btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; font-size: 16px; font-weight: 900; border: 1px solid #fea500; outline: 0; background-color: #fea500; } html { min-width: 1024px; } a{ color: #fea500; text-decoration: none !important; } a:hover{ color: #000; } html, body { height: 100%; margin: 0; padding: 0; font: 14px 'Montserrat', sans-serif; line-height: 1.4; color: #000; background-color: #fff; } h1{ font-size: 200%; margin-bottom: 0; } p{ margin: 0 0 15px 0; } .header, .content-wrapper, .container, .content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; } .header { height: 70px; color: #fff; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; justify-content: space-between; } .uppercase{ text-transform:uppercase; } .rating-mini{ display: flex !important; } .rating-mini div{ background: url(../images/star.png) center no-repeat !important; width: 24px !important; height: 24px !important; margin: 0 5px 0 0 !important; background-size: cover !important; cursor: pointer !important; } .rating-mini.all div{ width: 16px !important; height: 16px !important; } .rating-mini:hover div { background: url(../images/star-active.png) center no-repeat !important; background-size: cover !important; } .rating-mini div:hover { background: url(../images/star_hover.png) center no-repeat !important; background-size: cover !important; } .rating-mini div:hover ~ div { background: url(../images/star.png) center no-repeat !important; background-size: cover !important; } .rating-mini div.active{ background: url(../images/star-active.png) center no-repeat !important; background-size: cover !important; } .top-header { width: 100%; margin: 20px auto; background: #5d5d5d; color: #fff; height: 450px; position: relative; background: url(../images/bgTop.jpg) center no-repeat; background-size: cover; transition: background-image 0.3s; background-position: 0px 0px; animation: animatedBackground 20s linear infinite; } .top-header::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000000bf; } .top-header-container{ height: 100%; margin: auto auto; max-width: 980px; vertical-align: middle; text-align: center; position: relative; display: flex; align-items: center; } .div-search{ position:relative; width:100%; } .div-search input{ font-size: 250%; padding: 10px 25px; width: 100%; } .contact_div{ position: relative; min-height: 50px; padding-left: 30px; text-align: left; padding-left: 50px; font-size: 120%; } .contact_div .address_icon { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI5LjYxIDQ0LjMzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZjc5MzFlO30uY2xzLTJ7ZmlsbDpub25lO3N0cm9rZTojZjc5MzFlO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZS8+PGcgZGF0YS1uYW1lPSJMYXllciAyIiBpZD0iTGF5ZXJfMiI+PGcgZGF0YS1uYW1lPSJMYXllciAxIiBpZD0iTGF5ZXJfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNC44LDQ0LjMzYTEsMSwwLDAsMS0uODMtLjQ1QzEzLjQsNDMsMCwyMi42NCwwLDE0LjhhMTQuOCwxNC44LDAsMCwxLDI5LjYxLDBjMCw3Ljg0LTEzLjQsMjguMjItMTQsMjkuMDhBMSwxLDAsMCwxLDE0LjgsNDQuMzNaTTE0LjgsMkExMi44MiwxMi44MiwwLDAsMCwyLDE0LjhjMCw2LjE4LDkuODQsMjIsMTIuOCwyNi42OSwzLTQuNjQsMTIuOC0yMC41MSwxMi44LTI2LjY5QTEyLjgyLDEyLjgyLDAsMCwwLDE0LjgsMloiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMiIgY3g9IjE0LjgiIGN5PSIxNi45NyIgcj0iNS4yMSIvPjwvZz48L2c+PC9zdmc+") no-repeat; width: 36px; height: 36px; background-size: contain; position: absolute; left: 0; top: -20px; } .contact_div .worktable_icon { background: url("../images/icons/worktable_.svg") no-repeat; width: 32px; height: 32px; background-size: contain; position: absolute; left: 0; transition: background-image 100ms linear; top: -10px; } .contact_div .worktable_icon:hover { background: url("../images/icons/worktable.svg") no-repeat; width: 32px; height: 32px; background-size: contain; } .contact_div .email_icon { background: url("../images/icons/email.svg") no-repeat; width: 32px; height: 32px; background-size: contain; position: absolute; left: 0; transition: background-image 100ms linear; top: -10px; } .contact_div .email_icon:hover { background: url("../images/icons/email_.svg") no-repeat; width: 32px; height: 32px; background-size: contain; } #address_title{ cursor: pointer; } .contact_div .phone_icon { background: url("../images/icons/phone.svg") no-repeat; width: 32px; height: 32px; background-size: contain; position: absolute; left: 0; transition: background-image 100ms linear; top: -10px; } .contact_div .phone_icon:hover { background: url("../images/icons/phone_.svg") no-repeat; width: 32px; height: 32px; background-size: contain; } .contact_div .site_icon { background: url("../images/icons/site.svg") no-repeat; width: 32px; height: 32px; background-size: contain; position: absolute; left: 0; transition: background-image 100ms linear; top: -10px; } .contact_div .site_icon:hover { background: url("../images/icons/site_.svg") no-repeat; width: 32px; height: 32px; background-size: contain; } .contact_div .facebook_icon { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjEwMCUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik00NDkuNDQ2LDBjMzQuNTI1LDAgNjIuNTU0LDI4LjAzIDYyLjU1NCw2Mi41NTRsMCwzODYuODkyYzAsMzQuNTI0IC0yOC4wMyw2Mi41NTQgLTYyLjU1NCw2Mi41NTRsLTEwNi40NjgsMGwwLC0xOTIuOTE1bDY2LjYsMGwxMi42NzIsLTgyLjYyMWwtNzkuMjcyLDBsMCwtNTMuNjE3YzAsLTIyLjYwMyAxMS4wNzMsLTQ0LjYzNiA0Ni41OCwtNDQuNjM2bDM2LjA0MiwwbDAsLTcwLjM0YzAsMCAtMzIuNzEsLTUuNTgyIC02My45ODIsLTUuNTgyYy02NS4yODgsMCAtMTA3Ljk2LDM5LjU2OSAtMTA3Ljk2LDExMS4yMDRsMCw2Mi45NzFsLTcyLjU3MywwbDAsODIuNjIxbDcyLjU3MywwbDAsMTkyLjkxNWwtMTkxLjEwNCwwYy0zNC41MjQsMCAtNjIuNTU0LC0yOC4wMyAtNjIuNTU0LC02Mi41NTRsMCwtMzg2Ljg5MmMwLC0zNC41MjQgMjguMDI5LC02Mi41NTQgNjIuNTU0LC02Mi41NTRsMzg2Ljg5MiwwWiIvPjwvc3ZnPg==") no-repeat; width: 36px; height: 36px; background-size: contain; } .contact_div .instagram_icon { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjEwMCUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik00NDkuNDQ2LDBjMzQuNTI1LDAgNjIuNTU0LDI4LjAzIDYyLjU1NCw2Mi41NTRsMCwzODYuODkyYzAsMzQuNTI0IC0yOC4wMyw2Mi41NTQgLTYyLjU1NCw2Mi41NTRsLTM4Ni44OTIsMGMtMzQuNTI0LDAgLTYyLjU1NCwtMjguMDMgLTYyLjU1NCwtNjIuNTU0bDAsLTM4Ni44OTJjMCwtMzQuNTI0IDI4LjAyOSwtNjIuNTU0IDYyLjU1NCwtNjIuNTU0bDM4Ni44OTIsMFptLTE5My40NDYsODFjLTQ3LjUyNywwIC01My40ODcsMC4yMDEgLTcyLjE1MiwxLjA1M2MtMTguNjI3LDAuODUgLTMxLjM0OCwzLjgwOCAtNDIuNDgsOC4xMzVjLTExLjUwOCw0LjQ3MiAtMjEuMjY3LDEwLjQ1NiAtMzAuOTk2LDIwLjE4NGMtOS43MjksOS43MjkgLTE1LjcxMywxOS40ODkgLTIwLjE4NSwzMC45OTZjLTQuMzI2LDExLjEzMiAtNy4yODQsMjMuODUzIC04LjEzNSw0Mi40OGMtMC44NTEsMTguNjY1IC0xLjA1MiwyNC42MjUgLTEuMDUyLDcyLjE1MmMwLDQ3LjUyNyAwLjIwMSw1My40ODcgMS4wNTIsNzIuMTUyYzAuODUxLDE4LjYyNyAzLjgwOSwzMS4zNDggOC4xMzUsNDIuNDhjNC40NzIsMTEuNTA3IDEwLjQ1NiwyMS4yNjcgMjAuMTg1LDMwLjk5NmM5LjcyOSw5LjcyOSAxOS40ODgsMTUuNzEzIDMwLjk5NiwyMC4xODVjMTEuMTMyLDQuMzI2IDIzLjg1Myw3LjI4NCA0Mi40OCw4LjEzNGMxOC42NjUsMC44NTIgMjQuNjI1LDEuMDUzIDcyLjE1MiwxLjA1M2M0Ny41MjcsMCA1My40ODcsLTAuMjAxIDcyLjE1MiwtMS4wNTNjMTguNjI3LC0wLjg1IDMxLjM0OCwtMy44MDggNDIuNDgsLTguMTM0YzExLjUwNywtNC40NzIgMjEuMjY3LC0xMC40NTYgMzAuOTk2LC0yMC4xODVjOS43MjksLTkuNzI5IDE1LjcxMywtMTkuNDg5IDIwLjE4NSwtMzAuOTk2YzQuMzI2LC0xMS4xMzIgNy4yODQsLTIzLjg1MyA4LjEzNCwtNDIuNDhjMC44NTIsLTE4LjY2NSAxLjA1MywtMjQuNjI1IDEuMDUzLC03Mi4xNTJjMCwtNDcuNTI3IC0wLjIwMSwtNTMuNDg3IC0xLjA1MywtNzIuMTUyYy0wLjg1LC0xOC42MjcgLTMuODA4LC0zMS4zNDggLTguMTM0LC00Mi40OGMtNC40NzIsLTExLjUwNyAtMTAuNDU2LC0yMS4yNjcgLTIwLjE4NSwtMzAuOTk2Yy05LjcyOSwtOS43MjggLTE5LjQ4OSwtMTUuNzEyIC0zMC45OTYsLTIwLjE4NGMtMTEuMTMyLC00LjMyNyAtMjMuODUzLC03LjI4NSAtNDIuNDgsLTguMTM1Yy0xOC42NjUsLTAuODUyIC0yNC42MjUsLTEuMDUzIC03Mi4xNTIsLTEuMDUzWm0wLDMxLjUzMmM0Ni43MjcsMCA1Mi4yNjIsMC4xNzggNzAuNzE1LDEuMDJjMTcuMDYyLDAuNzc5IDI2LjMyOCwzLjYzIDMyLjQ5NSw2LjAyNWM4LjE2OSwzLjE3NSAxMy45OTgsNi45NjggMjAuMTIyLDEzLjA5MWM2LjEyNCw2LjEyNCA5LjkxNiwxMS45NTQgMTMuMDkxLDIwLjEyMmMyLjM5Niw2LjE2NyA1LjI0NywxNS40MzMgNi4wMjUsMzIuNDk1YzAuODQyLDE4LjQ1MyAxLjAyMSwyMy45ODggMS4wMjEsNzAuNzE1YzAsNDYuNzI3IC0wLjE3OSw1Mi4yNjIgLTEuMDIxLDcwLjcxNWMtMC43NzgsMTcuMDYyIC0zLjYyOSwyNi4zMjggLTYuMDI1LDMyLjQ5NWMtMy4xNzUsOC4xNjkgLTYuOTY3LDEzLjk5OCAtMTMuMDkxLDIwLjEyMmMtNi4xMjQsNi4xMjQgLTExLjk1Myw5LjkxNiAtMjAuMTIyLDEzLjA5MWMtNi4xNjcsMi4zOTYgLTE1LjQzMyw1LjI0NyAtMzIuNDk1LDYuMDI1Yy0xOC40NSwwLjg0MiAtMjMuOTg1LDEuMDIxIC03MC43MTUsMS4wMjFjLTQ2LjczLDAgLTUyLjI2NCwtMC4xNzkgLTcwLjcxNSwtMS4wMjFjLTE3LjA2MiwtMC43NzggLTI2LjMyOCwtMy42MjkgLTMyLjQ5NSwtNi4wMjVjLTguMTY5LC0zLjE3NSAtMTMuOTk4LC02Ljk2NyAtMjAuMTIyLC0xMy4wOTFjLTYuMTI0LC02LjEyNCAtOS45MTcsLTExLjk1MyAtMTMuMDkxLC0yMC4xMjJjLTIuMzk2LC02LjE2NyAtNS4yNDcsLTE1LjQzMyAtNi4wMjYsLTMyLjQ5NWMtMC44NDIsLTE4LjQ1MyAtMS4wMiwtMjMuOTg4IC0xLjAyLC03MC43MTVjMCwtNDYuNzI3IDAuMTc4LC01Mi4yNjIgMS4wMiwtNzAuNzE1YzAuNzc5LC0xNy4wNjIgMy42MywtMjYuMzI4IDYuMDI2LC0zMi40OTVjMy4xNzQsLTguMTY4IDYuOTY3LC0xMy45OTggMTMuMDkxLC0yMC4xMjJjNi4xMjQsLTYuMTIzIDExLjk1MywtOS45MTYgMjAuMTIyLC0xMy4wOTFjNi4xNjcsLTIuMzk1IDE1LjQzMywtNS4yNDYgMzIuNDk1LC02LjAyNWMxOC40NTMsLTAuODQyIDIzLjk4OCwtMS4wMiA3MC43MTUsLTEuMDJabTAsNTMuNjAzYy00OS42MzEsMCAtODkuODY1LDQwLjIzNCAtODkuODY1LDg5Ljg2NWMwLDQ5LjYzMSA0MC4yMzQsODkuODY1IDg5Ljg2NSw4OS44NjVjNDkuNjMxLDAgODkuODY1LC00MC4yMzQgODkuODY1LC04OS44NjVjMCwtNDkuNjMxIC00MC4yMzQsLTg5Ljg2NSAtODkuODY1LC04OS44NjVabTAsMTQ4LjE5OGMtMzIuMjE3LDAgLTU4LjMzMywtMjYuMTE2IC01OC4zMzMsLTU4LjMzM2MwLC0zMi4yMTcgMjYuMTE2LC01OC4zMzMgNTguMzMzLC01OC4zMzNjMzIuMjE3LDAgNTguMzMzLDI2LjExNiA1OC4zMzMsNTguMzMzYzAsMzIuMjE3IC0yNi4xMTYsNTguMzMzIC01OC4zMzMsNTguMzMzWm0xMTQuNDE2LC0xNTEuNzQ4YzAsMTEuNTk4IC05LjQwMywyMC45OTkgLTIxLjAwMSwyMC45OTljLTExLjU5NywwIC0yMC45OTksLTkuNDAxIC0yMC45OTksLTIwLjk5OWMwLC0xMS41OTggOS40MDIsLTIxIDIwLjk5OSwtMjFjMTEuNTk4LDAgMjEuMDAxLDkuNDAyIDIxLjAwMSwyMVoiLz48L3N2Zz4=") no-repeat; width: 36px; height: 36px; background-size: contain; } .contact_div .youtube_icon { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjEwMCUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MDEuMzAzLDEzMi43NjVjLTUuODg3LC0yMi4wMyAtMjMuMjM1LC0zOS4zNzcgLTQ1LjI2NSwtNDUuMjY1Yy0zOS45MzIsLTEwLjcgLTIwMC4wMzgsLTEwLjcgLTIwMC4wMzgsLTEwLjdjMCwwIC0xNjAuMTA3LDAgLTIwMC4wMzksMTAuN2MtMjIuMDI2LDUuODg4IC0zOS4zNzcsMjMuMjM1IC00NS4yNjQsNDUuMjY1Yy0xMC42OTcsMzkuOTI4IC0xMC42OTcsMTIzLjIzOCAtMTAuNjk3LDEyMy4yMzhjMCwwIDAsODMuMzA4IDEwLjY5NywxMjMuMjMyYzUuODg3LDIyLjAzIDIzLjIzOCwzOS4zODIgNDUuMjY0LDQ1LjI2OWMzOS45MzIsMTAuNjk2IDIwMC4wMzksMTAuNjk2IDIwMC4wMzksMTAuNjk2YzAsMCAxNjAuMTA2LDAgMjAwLjAzOCwtMTAuNjk2YzIyLjAzLC01Ljg4NyAzOS4zNzgsLTIzLjIzOSA0NS4yNjUsLTQ1LjI2OWMxMC42OTYsLTM5LjkyNCAxMC42OTYsLTEyMy4yMzIgMTAuNjk2LC0xMjMuMjMyYzAsMCAwLC04My4zMSAtMTAuNjk2LC0xMjMuMjM4Wm0tMjk2LjUwNiwyMDAuMDM5bDAsLTE1My42MDNsMTMzLjAxOSw3Ni44MDJsLTEzMy4wMTksNzYuODAxWiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvOyIvPjwvc3ZnPg==") no-repeat; width: 36px; height: 36px; background-size: contain; } .contact_div .telegram_icon { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjEwMCUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MDEuMzAzLDEzMi43NjVjLTUuODg3LC0yMi4wMyAtMjMuMjM1LC0zOS4zNzcgLTQ1LjI2NSwtNDUuMjY1Yy0zOS45MzIsLTEwLjcgLTIwMC4wMzgsLTEwLjcgLTIwMC4wMzgsLTEwLjdjMCwwIC0xNjAuMTA3LDAgLTIwMC4wMzksMTAuN2MtMjIuMDI2LDUuODg4IC0zOS4zNzcsMjMuMjM1IC00NS4yNjQsNDUuMjY1Yy0xMC42OTcsMzkuOTI4IC0xMC42OTcsMTIzLjIzOCAtMTAuNjk3LDEyMy4yMzhjMCwwIDAsODMuMzA4IDEwLjY5NywxMjMuMjMyYzUuODg3LDIyLjAzIDIzLjIzOCwzOS4zODIgNDUuMjY0LDQ1LjI2OWMzOS45MzIsMTAuNjk2IDIwMC4wMzksMTAuNjk2IDIwMC4wMzksMTAuNjk2YzAsMCAxNjAuMTA2LDAgMjAwLjAzOCwtMTAuNjk2YzIyLjAzLC01Ljg4NyAzOS4zNzgsLTIzLjIzOSA0NS4yNjUsLTQ1LjI2OWMxMC42OTYsLTM5LjkyNCAxMC42OTYsLTEyMy4yMzIgMTAuNjk2LC0xMjMuMjMyYzAsMCAwLC04My4zMSAtMTAuNjk2LC0xMjMuMjM4Wm0tMjk2LjUwNiwyMDAuMDM5bDAsLTE1My42MDNsMTMzLjAxOSw3Ni44MDJsLTEzMy4wMTksNzYuODAxWiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvOyIvPjwvc3ZnPg==") no-repeat; width: 36px; height: 36px; background-size: contain; } .contact_div .vkontakte_icon { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjEwMCUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MDEuMzAzLDEzMi43NjVjLTUuODg3LC0yMi4wMyAtMjMuMjM1LC0zOS4zNzcgLTQ1LjI2NSwtNDUuMjY1Yy0zOS45MzIsLTEwLjcgLTIwMC4wMzgsLTEwLjcgLTIwMC4wMzgsLTEwLjdjMCwwIC0xNjAuMTA3LDAgLTIwMC4wMzksMTAuN2MtMjIuMDI2LDUuODg4IC0zOS4zNzcsMjMuMjM1IC00NS4yNjQsNDUuMjY1Yy0xMC42OTcsMzkuOTI4IC0xMC42OTcsMTIzLjIzOCAtMTAuNjk3LDEyMy4yMzhjMCwwIDAsODMuMzA4IDEwLjY5NywxMjMuMjMyYzUuODg3LDIyLjAzIDIzLjIzOCwzOS4zODIgNDUuMjY0LDQ1LjI2OWMzOS45MzIsMTAuNjk2IDIwMC4wMzksMTAuNjk2IDIwMC4wMzksMTAuNjk2YzAsMCAxNjAuMTA2LDAgMjAwLjAzOCwtMTAuNjk2YzIyLjAzLC01Ljg4NyAzOS4zNzgsLTIzLjIzOSA0NS4yNjUsLTQ1LjI2OWMxMC42OTYsLTM5LjkyNCAxMC42OTYsLTEyMy4yMzIgMTAuNjk2LC0xMjMuMjMyYzAsMCAwLC04My4zMSAtMTAuNjk2LC0xMjMuMjM4Wm0tMjk2LjUwNiwyMDAuMDM5bDAsLTE1My42MDNsMTMzLjAxOSw3Ni44MDJsLTEzMy4wMTksNzYuODAxWiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvOyIvPjwvc3ZnPg==") no-repeat; width: 36px; height: 36px; background-size: contain; } .contact_div .odnoklassniki_icon { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjEwMCUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MDEuMzAzLDEzMi43NjVjLTUuODg3LC0yMi4wMyAtMjMuMjM1LC0zOS4zNzcgLTQ1LjI2NSwtNDUuMjY1Yy0zOS45MzIsLTEwLjcgLTIwMC4wMzgsLTEwLjcgLTIwMC4wMzgsLTEwLjdjMCwwIC0xNjAuMTA3LDAgLTIwMC4wMzksMTAuN2MtMjIuMDI2LDUuODg4IC0zOS4zNzcsMjMuMjM1IC00NS4yNjQsNDUuMjY1Yy0xMC42OTcsMzkuOTI4IC0xMC42OTcsMTIzLjIzOCAtMTAuNjk3LDEyMy4yMzhjMCwwIDAsODMuMzA4IDEwLjY5NywxMjMuMjMyYzUuODg3LDIyLjAzIDIzLjIzOCwzOS4zODIgNDUuMjY0LDQ1LjI2OWMzOS45MzIsMTAuNjk2IDIwMC4wMzksMTAuNjk2IDIwMC4wMzksMTAuNjk2YzAsMCAxNjAuMTA2LDAgMjAwLjAzOCwtMTAuNjk2YzIyLjAzLC01Ljg4NyAzOS4zNzgsLTIzLjIzOSA0NS4yNjUsLTQ1LjI2OWMxMC42OTYsLTM5LjkyNCAxMC42OTYsLTEyMy4yMzIgMTAuNjk2LC0xMjMuMjMyYzAsMCAwLC04My4zMSAtMTAuNjk2LC0xMjMuMjM4Wm0tMjk2LjUwNiwyMDAuMDM5bDAsLTE1My42MDNsMTMzLjAxOSw3Ni44MDJsLTEzMy4wMTksNzYuODAxWiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvOyIvPjwvc3ZnPg==") no-repeat; width: 36px; height: 36px; background-size: contain; } .contact_div .twitter_icon { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjEwMCUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MDEuMzAzLDEzMi43NjVjLTUuODg3LC0yMi4wMyAtMjMuMjM1LC0zOS4zNzcgLTQ1LjI2NSwtNDUuMjY1Yy0zOS45MzIsLTEwLjcgLTIwMC4wMzgsLTEwLjcgLTIwMC4wMzgsLTEwLjdjMCwwIC0xNjAuMTA3LDAgLTIwMC4wMzksMTAuN2MtMjIuMDI2LDUuODg4IC0zOS4zNzcsMjMuMjM1IC00NS4yNjQsNDUuMjY1Yy0xMC42OTcsMzkuOTI4IC0xMC42OTcsMTIzLjIzOCAtMTAuNjk3LDEyMy4yMzhjMCwwIDAsODMuMzA4IDEwLjY5NywxMjMuMjMyYzUuODg3LDIyLjAzIDIzLjIzOCwzOS4zODIgNDUuMjY0LDQ1LjI2OWMzOS45MzIsMTAuNjk2IDIwMC4wMzksMTAuNjk2IDIwMC4wMzksMTAuNjk2YzAsMCAxNjAuMTA2LDAgMjAwLjAzOCwtMTAuNjk2YzIyLjAzLC01Ljg4NyAzOS4zNzgsLTIzLjIzOSA0NS4yNjUsLTQ1LjI2OWMxMC42OTYsLTM5LjkyNCAxMC42OTYsLTEyMy4yMzIgMTAuNjk2LC0xMjMuMjMyYzAsMCAwLC04My4zMSAtMTAuNjk2LC0xMjMuMjM4Wm0tMjk2LjUwNiwyMDAuMDM5bDAsLTE1My42MDNsMTMzLjAxOSw3Ni44MDJsLTEzMy4wMTksNzYuODAxWiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvOyIvPjwvc3ZnPg==") no-repeat; width: 36px; height: 36px; background-size: contain; } .div-search-top{ position:absolute; top:100%; width:100%; padding-top: 25px; font-size: 120%; } .div-search-bottom { position: absolute; bottom: 100%; width: 100%; padding-bottom: 25px; font-size: 320%; font-weight: 300; } div.logo{ width: 118px; height: 70px; background: url(../images/logo2.png) no-repeat center; background-size: contain; } .userEnterForm{ display: flex; width: 100%; margin: 0; line-height: 1.1; font-size: 100%; } .userEnterForm .button { border: 1px solid; padding: 15px 10px !important; font-size: 16px !important; margin: 10px 0; background: #fea500 !IMPORTANT; border-radius: 10px; cursor: pointer; color: #ffffff; max-width: 250px; } .userEnterForm .button.active { border: 1px solid #000; box-shadow: -1px 0px 4px #00000087; color: #000; } .userEnterForm .rememberPsw{ font-size: 14px; } #tg-confirmBox{ width: 50%; min-width: 1024px; max-width: 1400px; padding: 0; min-height: 30%; max-height: 780px; z-index: 99999; overflow: hidden; margin: auto; position: absolute; top: 0; left: 0; border-radius: 10px; bottom: 0; right: 0; background: #fff; color: #080808; border: 5px solid #fea500; -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; box-shadow: 0 0 17px 2px rgb(21 21 21); } #tg-confirmButtons .button{ border: 1px solid; padding: 10px 30px; margin: 0 20px; border-radius: 10px; } #tg-confirmBox h1, #tg-confirmBox p{ line-height: 1.1; padding: 20px; margin:0; color:#000; font-size: 120%; letter-spacing:0.3px; } #tg-confirmBox h1{ letter-spacing:0.3px; color:#888; display: none; } #tg-confirmBox div{ background: none; line-height: 1.45; font-size: 110%; padding: 0; width:100%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } #tg-confirmBox div.confirmMsg{ font-size: 120%; } #tg-confirmButtons{ padding: 5px 0 5px; text-align: center; position: absolute; bottom: 20px; margin: 0 auto; width: 100%; } #tg-confirmButtons .button.active{ background-color: #fea500; color: #fff; } #tg-confirmOverlay{ width:100%; height:100%; position:fixed; top:0; left:0; background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2); z-index:99999999999; } input[type="text"], input[type="password"] { width: 150px; border: 1px solid #fea500; padding: 5px 10px; font-size: 16px; border-radius: 5px; } .trdiv { /*display:table;*/ width: 100%; display: flex; } .tdHover { /*display: table-cell; */ position: relative; flex: 0 0 auto; padding: 3px !important; } .w150{ width:150px !important; } .w200{ width:200px !important; } .w300{ width:300px !important; } .w450{ width:450px !important; } .wmax{ width:100% !important; } .theaters-list-container{ display: flex; align-items: flex-start; } .reviews_info_block{ display: flex; margin-bottom: 10px; justify-content: space-between; } #theaters-list, #events-list, #expositions-list, #theme-list, #icom-content{ flex: 1 1 100%; max-width: 1400px; margin: 0 auto; } #theaters-list-map{ display: none; } .theaters-list-container.active-map #theaters-list { flex: 1 0 50%; max-height: 700px; overflow-y: auto; overflow-x: hidden; } .page-title .event_session_date_time { position: relative; top: 0; left: 0; font-size: 15px; line-height: 1; } .page-title.eventName { margin-top: 10px; font-size: 0; line-height: 0; } .theaters-list-container.active-map #theaters-list-map{ flex: 1 1 100%; display: block; border: 1px solid #fea500; border-radius: 10px; overflow: hidden; min-height: 700px; max-height: 700px; margin:0 20px; } .theaters-list-container.active-map .middle-container-element { min-width: 320px; height: 100px; margin-bottom: 10px; padding: 10px; flex: 1 0 25%; display: flex; max-width: 450px; } .theaters-list-container.active-map .middle-container-element .theater_type{ display: none; } .theaters-list-container.active-map .middle-container-element .title-box { width: 100%; height: 100px; color: #000; background-color: #fff; border: 3px solid #fea500; border-left: none; border-radius: 0 10px 10px 0; padding: 5px; margin-top: 0; position: relative; } .theaters-list-container.active-map .middle-container-element .img { width: 150px; height: 100px; background-size: cover; overflow: hidden; border: 3px solid #fea500; border-right: none; background-repeat: no-repeat; border-radius: 10px 0 0 10px; position: relative; background-position: center; } nav{ flex: 1 1 50%; } nav .m-menu__checkbox { display: none; } nav .m-menu__header{ display: none; } nav .m-menu__toggle{ display: none; } nav #menu_4_15{ flex: 1 1 100px; text-align: right !important; padding-top: 14px; } nav #menu_4_15 a{ border: 1px solid; display: inline !important; padding: 10px 20px !important; border-radius: 7px; } nav #menu_4_17{ text-align: right !important; padding-top: 14px; } nav #menu_4_17 a{ border: 1px solid; display: inline !important; padding: 10px 20px !important; border-radius: 7px; white-space: nowrap; } nav #menu_4_34{ flex: 1 1 100px; text-align: right !important; padding-top: 14px; display: none !important; } nav #menu_4_34 a{ /*border: 1px solid;*/ display: inline !important; padding: 10px 20px !important; border-radius: 7px; white-space: nowrap; background: #fea500 !important; border: none !important; color: #fff !important; -webkit-text-fill-color: unset !important; } ul#menu-main{ color: #23383c; list-style-type: none; margin: 0; padding: 0; min-height: 50px; overflow: hidden; display: flex; justify-content: space-evenly; } ul#menu-main li { float: left; margin: 10px 30px; } ul#menu-main li a { display: block; text-transform: uppercase; color: #000; text-align: center; font-weight: 600; padding: 14px 16px; text-decoration: none; font-size: 120%; background-image: linear-gradient( to left, #fea500, #fea500 50%, #000 50% ); background-size: 200% 100%; background-position: 0; display: inline-block; padding: 5px 0; position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.2s ease-in-out; } ul#menu-main li:hover a { background-position: -100%; } ul#menu-main li:hover a:not(.active) { color: #fea500; } ul#menu-main li a.active { float: right; } .searchDivOpen{ min-height: 100px; position: absolute; text-align: left; width: 100%; background: #fff url(../images/search.png) no-repeat bottom right; background-position: 98% 90%; background-size: 45px; color: #000; z-index: 999; border-radius: 0 0 10px 10px; border: 1px solid #fea500; box-shadow: 0px 5px 11px 0px #000; border-top: none; padding-bottom: 40px; } .place-find-input .searchDivOpen{ box-sizing: content-box; left: 50%; min-height: 100px; position: absolute; text-align: left; width: 1024px; background: #fff url(../images/search.png) no-repeat bottom right; background-position: 98% 90%; background-size: 45px; color: #000; z-index: 999; border-radius: 10px; transform: translate(-50%,0%); border: 1px solid #fea500; box-shadow: 0px 5px 11px 0px #000; padding-bottom: 30px; } .search-theater-element{ min-height: 70px !important; display: flex !important; margin: 0px 0 !important; padding: 5px 10px !important; border-top: 1px solid #d9d9d9 !important; color: #fea500; } .search-theater-element .img{ min-width: 120px; margin-right: 10px; background-size: cover; border-radius: 7px; } .search-theater-element .title-box{ flex-grow: 1; } .search-theater-element .title{ height: 38px; } .search-theater-element .titleAdd{ display: flex; color: #787878; font-size: 90%; justify-content: space-between; width: 100%; -webkit-text-fill-color: #787878; font-weight: normal; text-transform: none; } .search-theater-element:hover { border-top: 1px solid #fea500 !important; color: #fea500 ; } .search-theater-element:hover .titleAdd{ -webkit-text-fill-color: #787878; color: #787878 !important; } .search-theater-element .titleAdd @keyframes animatedBackground { 0% { background-position: 0 0; } 50% { background-position: 0 -30px; } 100% { background-position: 0 0; } } .footer { height: 50px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; display: block; padding-right: 30px; text-align: right; flex: none; margin-top: 50px; } .footer a{ height: 50px; color: #818181; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; font-size: 90%; padding-right: 30px; text-align: right; flex: none; margin-top: 50px; } .content-wrapper { margin: 0 auto; flex-direction: column; height: 100%; min-width: 1024px; max-width: 1920px; padding: 0 ; } .container { flex-wrap: nowrap; flex: 1 0 auto; } .place-top-header .owl-nav{ display: block !important; justify-content: space-between; position:unset; top:0; } .owl-nav .owl-prev{ width: 200px; height: 100%; z-index: 5; position: absolute; left:0; top:0; background: linear-gradient(270deg,hsla(0,0%,100%,0) 0,#ffffff1c) !important; } .owl-nav .owl-prev:hover{ background: linear-gradient(270deg,hsla(0,0%,100%,0) 0,#fff) !important; } #theaters-list-near .owl-prev, #theaters-list-similar .owl-prev{ width: 20px; } .owl-nav .owl-prev span{ font-size: 400%; color: #fff; text-shadow: 1px 1px #00000080; } .owl-nav .owl-prev:hover span{ color: #fea50096; font-size: 400%; display: block; } .owl-nav .owl-next{ width: 200px; height: 100%; z-index: 5; top:0; position: absolute; right:0; background: linear-gradient(90deg,hsla(0,0%,100%,0) 0, #ffffff1c) !important; } .owl-nav .owl-next:hover{ background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff) !important; } #theaters-list-near .owl-next, #theaters-list-similar .owl-next{ width: 2dvh; } .owl-nav .owl-next span{ font-size: 400%; color: #fff; text-shadow: 1px 1px #00000080; } .owl-nav .owl-next:hover span{ color: #fea50096; font-size: 400%; display: block; } #city-list .owl-nav .owl-prev { width: 20px; } #city-list .owl-nav .owl-next { width: 20px; } .content { width: 100%; flex-direction: column; flex: 1 1 auto; order: 0; } .middle-container .title { font-size: 450%; font-weight: 700; text-align: center; margin-top: 20px; } .map-button { background: url(../images/map.png) no-repeat left; background-size: contain; padding-left: 30px; font-size: 120%; cursor: pointer; position: absolute; top: 85px; right: 20px; } .middle-container .read-all{ text-align: right; cursor: pointer; margin-top: 30px; } .middle-container .read-all a{ padding: 10px 20px; line-height: 1; margin: 30px; border: 1px solid; border-radius: 10px; cursor: pointer; background: #fea500; color: #fff; } .textColorLeft{ color: #000; } .textColorRight{ color: #fea500; } .nowrap{ white-space: nowrap; } .museum-info-block .textColorLeft{ font-weight: 700; } .museum-info-block .textColorRight{ font-size: 200%; } .middle-container-list{ display: flex; flex-wrap: wrap; justify-content: flex-start; } .middle-container-element { min-width: 320px; height: 280px; margin-bottom: 40px; padding: 20px; flex: 1 0 25%; z-index: 1; max-width: 450px; } .middle-container-element .img { background-image: url(https://ticket.telegreen.am/api/tickets/uploads/files/MQI/ORIGINAL_846.png); width: 100%; height: 190px; background-size: cover; overflow: hidden; background-repeat: no-repeat; border-radius: 10px; position: relative; background-position: center; } .middle-container-element .preview_text{ font-weight: 300; line-height: 1; max-height: 120px; font-size: 90%; margin-top: 5px; } .middle-container-element .title-box { width: 100%; height: 90px; color: #000; background-color: #fea500; border-radius: 0 25px 25px 25px; padding: 15px; margin-top: 15px; position: relative; } .place-info-bottom .title-box .title { font-size: 100%; } .middle-container{ position: relative; } .middle-container-element .title { font-size: 120%; margin-top: 0; } .middle-container-element .title span{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .tg-event-element{ flex: 1 0 30%; margin: 12px; color: #fff; min-width: 300px; max-width: 300px; } .tg-event-image { min-width: 90px; /* border: 1px solid #2c2c2c; */ padding: 0; margin: 10px; display: block; max-height: 120px; opacity: 0.9; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAEJElEQVR4nO3dv49MURTA8e8Ku4kIiUKCRKHRaFQqlYqCjdiQkCgp7Cr5Eyh1dHTb6VSikbAaK1HQiFixiSAhg8KuXcWbiTFz38977jtnZs43ec3uvDt35pP33sydNcDzPM/z5JoDvgAfgVnluUx8U8BnYLO7rQHnVGfk8Yl/II5ioDNkCI5iqLMMo6wDFzUnNek5isEcxWCOYjBHMZijKLUJvAb2Bn4XQvEtbiutd0NHMQbiKAZBHMUgSFF+oa9fUhBwlLolBwFHqVMrIOAoVWsNBBylSq2CgKOU1ToIOEpRKiDgKHmpgYCjhFIFAUcZTB0EHKU/EyDgKL3MgED2p0RW/8RoBlgAloAf3W0JmO/+TipTIGATZT/wkuHH3tuWu7eRyBwI2EKZoRijH0XiSDEJAnZQFijH6G1XBe7PLAjYQHlOdZBnAvdnGgT0X311qA7SEbg/8yCgi1IH5LvA/Y0ECOidvvyUVZAGyjzVQcb6oj4F7Az8vG2UGbKXtGUYy8C0wP2ZBNkC3AFeAXsCv28bZT/FKGP9xnAbsNg3vhWUabJT0jOyC30HeNr9mcSR0csUyHbgYeA+Hufc3sL7FOnMgOwCngTGXwUOF+yn/T5FOhMge4AXgbHfAgcr7D9OKOogB4A3gXFfAftqjDMuKKogh4D3gTGXgN0NxhsHFDWQIwx/CcEm8AjYETHuqKOogBwDvgXGeoDMZwqjjNI6yEngZ2Cce8DWBuPlNaoorYKcB34HxrhFtlQineT7lFngQ3dL+S1IrYFcBv4E9r9ZY4wmSRwpcwNjpDzSWgG5DmwM7LcBXKs52abFoAxipEZJCjJFdgQM7rMGXGo238Y1QcnDSImSDGQLcDdw+19kF3aN6lxT8m6beu0sCcg0/6/Y9rYOcDxuvtFVOVJCR8Y6cKHi/jGJg+St2H4FjsbPV6SiJ7UIo8r+sYmC5K3YrpAtk1gq9pSUaulfDCR2xVajsi83GDwyquwfe6SIgEit2GqUh1KGUbR/DEo0SN6K7XOardhqFPukSqJEg4RWbB+SXdxHqdhrgtQ1JRpkcFtE9kP/VIUWMi2giILcR3bFNlVzZNe3qt9i1ObpSwzkNmlWbKXrf59R56ul2kKJBtkAblScqHahU8pLbJ2+okGuVJygdrPUf4I0UKJBRqUPNHti20aZSJC6r3zaRJkYkBNkKCs0+wi2LZSJAZGojVdfDlKz1CgO0qCUKA7SsFTXFAeJKMWR4iCRpUYpzUGGS4lSmoOES4VSmoPkJ3GhdxDh1D8P8YZT/TzEC9cUJRrEt7T/qU1p2g/e6pYKpTTtB255S4FSmvaDtr5Jo3gJG9V/iDrWOYrBHMVgjmIwRzGYoxgsb5X4tOakJr0QyorqjLwhlFXd6XiQnabekR0dp5Tn4nme541RfwFbbDokN3PzagAAAABJRU5ErkJggg==) no-repeat center; background-size: contain; } .tg-event-flex { padding: 10px; color: #fff; border-radius: 10px; position: absolute; left: 0; top: 0; width: 100%; background: #ea5800; background: linear-gradient(180deg, #fea500de 15%, rgb(255 255 255 / 0%) 65%); } .tg-event-button { background: #fff; border-radius: 7px; line-height: 1.66; font-size: 16px; font-family: 'Montserrat',Arial,sans-serif; line-height: 1.55; font-weight: 600; padding: 3px 10px; text-transform: uppercase; color: #fea500; border: 2px solid #ea5800; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.4); } .tg-event-elements-desc { color: unset; font-size: 16px; font-family: 'Montserrat',Arial,sans-serif; line-height: 1.1; min-height: 105px; } .tg-event-element-name { border-radius: 10px; border: 0px solid #bad8ff8a; padding: 10px; height: 200px; position: relative; margin: 10px 0; display: flex; background-size: cover !important; -webkit-transition: all 0.3s ease-in-out; } .tg-event-element-name-tr{ margin: 0; height: 100%; background: #FFFFFF; margin: 10px; } .tg-event-element-name-tr:hover{ background: #fff; } .tg-event-element-name-tr:hover .tg-event-button{ background: #fff; color: #fea500; } .tg-event-element-name-tr:hover .tg-event-element-name{ transform: scale(1.01); } .tg-event-element-name-tr .tg-event-image{ display: none; } .tg-event-element-name-tr:hover .tg-event-element-name{ border: 0px solid #e65350; box-shadow: 0 2px 4px 2px #ebd5d5; } .tg-event-element-name-tr:hover .tg-event-image{ transform: scale(1.05); } .tg-event-name{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .tg-exposition-name{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .middle-container-element .city-name { font-size: 80%; color: #fff; font-weight: 400; text-align: right; position: absolute; right: 5px; bottom: 5px; } .middle-container-element .theater_type { background: #0000007a; border-radius: 15px 15px 15px 0; color: #fff; padding: 15px 10px 9px; bottom: 0; top: 150px; right: 0; width: 80%; position: absolute; font-weight: 700; transition: top .3s ease 0s, background-color .3s ease 0s; } .middle-container-element:hover .theater_type { top: -15px; background-color: #000000cf; } .middle-container-element .theater_type .icon{ background-repeat: no-repeat; background-size: 20px; background-position: left; padding-left: 40px; } .middle-container-element:hover .title-box { background-color: #ffa6008a;; } .middle-container-element:hover .city-name { color: #ffffff; } .filter-title { display: flex; justify-content: space-evenly; font-size: 120%; } .middle-container-city-element { width: 150px; height: 110px; margin: 30px; border: 1px solid #fea500; cursor: pointer; border-radius: 25px 25px 25px 0; overflow: hidden; position: relative; } .middle-container-city-element .img{ height: 150px; width: 100%; background: #fff no-repeat center; transition: all 0.3s; background-size: cover; border-radius: 10px 10px 0 0; } .middle-container-city-element:hover .img{ transform: scale(1.2) translateX(-10px) translateY(-10px); } .middle-container-city-element.checked { border: 3px solid #e79601; } .middle-container-city-element .title{ font-size: 110%; background: #fea500; height: 75px; margin-top: 0; transform: rotateZ(-5deg); position: absolute; bottom: -10px; width: 110%; left: -5px; } .middle-container-city-element .title div{ transform: rotateZ(5deg); padding-top: 10px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .middle-container-city-element .title .cc_title{ padding: 0; font-size: 11px; } .middle-container-theme-element{ width: 220px; height: 70px; /* margin: 30px; */ display: flex; /* border: 1px solid #fea500; */ cursor: pointer; border-radius: 10px; justify-content: space-around; align-items: center; } .middle-container-theme-element.checked { border: 3px solid #433f39; background: #fea500; color: #fff; } .middle-container-theme-element .img { height: 32px; background-size: 32px; background-repeat: no-repeat; width: 32px; } .middle-container-theme-element .title { font-size: 120%; margin: 0; transition: all 0.1s; } .middle-container-theme-element:hover .title { color: #fea500; } .middle-container-theme-element.checked:hover .title { color: #fff; } .middle-container-theme-element:hover { border: 1px solid #fea500; } .loadingBox{ background-color: #c1c1c1; position: relative; overflow: hidden; width: 100%; height: 100%; border-radius: 15px; } @keyframes loading { to { transform: translateX(100%) } } .loadingBox:after { content: " "; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-image: linear-gradient(90deg,#c1c1c1,#fff,#c1c1c1); transform: translateX(-100%); animation-name: loading; animation-direction: normal; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .owl-item{ padding: 5px 0; } .theme-name{ color: #fea500; text-transform: uppercase; font-weight: 700; font-size: 120%; } .museum-info-blocks{ display: flex; margin: 30px 0; flex-wrap: wrap; justify-content: space-around; } .museum-info-blocks .title{ max-width: 25%; font-size: 150%; } .museum-info-blocks .museum-info-block{ flex: 0 0 25%; text-align: center; } .place-find-input{ flex-grow: 1; } .divMap{ height: 100%; width: 100%; border-radius: 10px; overflow: hidden; position: relative; } .divMap::before { content: '+'; position: absolute; left: 50%; top: 50%; display: none; color: red; height: 50px; bottom: 0; left: 50%; font-size: 150%; /* transform: translate(-50%,50%); */ z-index: 999999999; } .place-find-input input{ font-size: 120%; padding: 5px 25px; width: 100%; } .block{ display: block; } /* Large desktops and laptops */ @media (max-height: 1200px) { } /* Large desktops and laptops */ @media (max-height: 900px) { } /* Large desktops and laptops */ @media (max-height: 800px) { .place-top-header { height: 530px; } .place-top-header .item { height: 510px; } } /* Large desktops and laptops */ @media (max-width: 1400px) { .museum-info-blocks .title{ max-width: 100%; font-size: 120%; } .theaters-list-container.active-map #theaters-list { flex: 1 1 490px; max-height: 700px; overflow-y: auto; overflow-x: hidden; } } /* Large desktops and laptops */ @media (min-width: 1200px) { } /* Large desktops and laptops */ @media (max-width: 1024px) { html { min-width: 480px; } html, body { font: 13px 'Montserrat', sans-serif; line-height: 1.1; } div.logo { width: 100%; } .middle-container-theme-element .title { font-size: 100% !IMPORTANT; } .contact_div .worktable_icon { top: 0px; } #city-list .owl-nav .owl-prev { display: block; } #city-list .owl-nav .owl-next { width: 30px; } #city-list .owl-nav .owl-next span{ display: block; color: #fea50096; font-size: 400%; } #city-list .owl-nav .owl-prev span{ display: block; color: #fea50096; font-size: 400%; } .tg-event-element-name-tr{ margin: 0; font-size: 100%; } .tg-event-name { font-size: 100%; } .trdiv { width: 100%; display: block; margin: 5px 0; padding: 5px 0; } .tdHover { position: relative; flex: 0 0 auto; padding: 3px; } .tdHover select{ width:100%; } .w150{ width:50% !important; } .w200{ width:100% !important; } .w300{ width:100% !important; } .w450{ width:100% !important; } .map-button { top: 15px; position: relative; right: 0; text-align-last: right; padding: 0 30px 0 0; background-position: right; } .theaters-list-container.active-map #theaters-list { flex: 1 1 490px; max-height: unset; overflow-y: unset; overflow-x: unset; } #filter-title { display: flex; font-size: 120%; margin-top: 20px; } .divMap{ height: 450px; } .theaters-list-container.active-map { display: flex; align-items: flex-start; justify-content: center; align-content: center; flex-wrap: wrap; flex-direction: column-reverse; } .theaters-list-container.active-map #theaters-list-map{ width:100%; min-height: 500px; margin:0 10px; } .userEnterForm{ display: block; } .userEnterForm .button { padding: 5px 30px !important; } #tg-confirmBox{ min-width: 95%; max-width: 100%; padding: 0; min-height: 90px; height: unset; max-height: 90%; z-index: 99999; overflow: auto; overflow-x: hidden; margin: auto; } #tg-confirmButtons { position: relative; margin: 10px auto; } .place-top-header .owl-nav { /*display: none !important;*/ } .owl-nav .owl-prev{ width: 50px; } .owl-nav .owl-next{ width: 50px; } .place-find-input .searchDivOpen { width: 87%; } .search-theater-element .title { line-height: 25px !important; font-size: 100% !important; font-weight: normal !important; display: block; color: #fea500 !important; -webkit-background-clip: unset; -webkit-text-fill-color: #fea500; } nav .m-menu__checkbox { display: block; } nav .m-menu__header{ display: block; } nav .m-menu__toggle{ display: block; } .owl-nav .owl-prev span { color: #fea50096; font-size: 400%; display: block; } .owl-nav .owl-next span { color: #fea50096; font-size: 400%; display: block; } nav { height: 100%; top: 0px; left: -40px; padding: 5px 6px; -webkit-align-items: center; align-items: center; position: fixed; z-index: 9999999; } nav .m-menu__checkbox { display: none; } nav label.m-menu__toggle { background-color: #fea500; cursor: pointer; left: 22px; border-radius: 5px; position: absolute; } nav label.menu__toggle_nav { left: 50px; } ul#menu-main{ display: block; } ul#menu-main li { float: none; } ul#menu-main li.lang_ru, ul#menu-main li.lang_en, ul#menu-main li.lang_am{ float: left; } nav #menu_4_17 { flex: 1 1 100px; text-align: right !important; padding-top: 80px; clear: both; display:block; } nav #menu_4_17:after { content: ""; display:block; clear: both; } nav #menu_4_34 { flex: 1 1 100px; text-align: right !important; padding-top: 80px; clear: both; display:block; } nav #menu_4_34:after { content: ""; display:block; clear: both; } nav .m-menu { position: absolute; top: 0; left: 0; max-width: 450px; width: calc(100vw - 30px); height: 100%; -moz-transform: translate3d(-450px, 0, 0); -o-transform: translate3d(-450px, 0, 0); -ms-transform: translate3d(-450px, 0, 0); -webkit-transform: translate3d(-450px, 0, 0); transform: translate3d(-450px, 0, 0); -moz-transition: transform 0.35s; -o-transition: transform 0.35s; -webkit-transition: transform 0.35s; transition: transform 0.35s; z-index: 1; overflow: hidden; background-color: #fff; } nav .m-menu__overlay { background-color: rgba(103, 103, 103, 0.5); position: absolute; top: 0; width: 100%; bottom: 0; z-index: 1; display: none; } nav .m-menu__header { padding: 0 16px; height: 50px; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -ms-flex-pack: space-around; -webkit-align-items: center; align-items: center; border-bottom: 1px solid #e8e8e8; color: #fea500; } nav .m-menu__header span { font-size: 1.2rem; font-weight: bold; text-align: center; width: 100%; text-transform: uppercase; } nav .m-menu .m-menu { -moz-transform: translate3d(480px, 0, 0); -o-transform: translate3d(480px, 0, 0); -ms-transform: translate3d(480px, 0, 0); -webkit-transform: translate3d(480px, 0, 0); transform: translate3d(480px, 0, 0); } nav .m-menu ul { height: 100%; overflow-y: auto; } nav .m-menu ul li a, nav .m-menu ul li label { display: block; text-align: left; width: 100%; padding: 0 15px; line-height: 47px; text-decoration: none; color: #333; cursor: pointer; font-size: 1rem; border-bottom: 1px solid #e8e8e8; position: relative; } nav .m-menu ul li label.a-label__chevron::after { content: ""; position: absolute; display: inline-block; height: 10px; width: 10px; border-color: #333; border-style: solid; border-width: 1px 1px 0 0; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; margin-top: -5px; right: 16px; } nav #menu_4_17 a { display: block !important; padding: 15px 100px !important; text-align: center !important; } nav .m-menu ul li .-invisible { border-bottom: 0; } nav .m-menu .m-menu label.m-menu__toggle { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; border-bottom: 0; padding: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } nav .m-menu__checkbox:checked ~ .m-menu__overlay { display: block; } nav .m-menu__checkbox:checked ~ .m-menu { -moz-transform: translate3d(25px, 0, 0); -o-transform: translate3d(25px, 0, 0); -ms-transform: translate3d(25px, 0, 0); -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } nav #menu_4_15 { flex: 1 1 100px; text-align: center!important; padding-top: 14px; white-space: nowrap; } .content-wrapper { margin: 0 auto; flex-direction: unset; height: 100%; min-width: 480px; max-width: 100%; padding: 0 1%; } .content-wrapper, .container, .content, .footer { display: block; } .top-header-container { height: 100%; margin: auto auto; max-width: 80%; vertical-align: middle; text-align: center; position: relative; display: flex; align-items: center; } .middle-container .title { font-size: 180%; font-weight: 700; text-align: center; margin-top: 10px; } .middle-container-city-element .title{ margin-top: 0; } .middle-container-theme-element { width: 118px; padding: 5px; height: 60px; line-height: 1; margin: 30px; border: 1px solid; cursor: pointer; } .middle-container-theme-element .img { height: 16px; background-size: 16px; background-repeat: no-repeat; width: 16px; } .middle-container-element { min-width: 150px; height: unset; margin-bottom: 30px; padding: 10px; flex: 1 0 50%; max-width: 320px; display: block; margin: 5px auto; } .middle-container-element .img { height: 130px; } .middle-container-element .title-box { margin-top: 10px; } .middle-container-city-element { width: 80px; height: 150px; margin: 5px auto; border: 1px solid; font-size: 11px; cursor: pointer; } .middle-container-city-element .img { height: 110px; } .middle-container-city-element .title { height: 60px; font-size: 100%; text-align: center; margin: 0; line-height: 15px; vertical-align: middle; } .middle-container-city-element:hover .img { transform: scale(1); } .middle-container-element .title { font-size: 120%; } .middle-container-list { display: flex; } .museum-info-blocks .title{ font-size: 150%; flex: none; width: 100%; } } /* Portrait tablets and medium desktops */ @media (min-width: 992px) and (max-width: 1199px) { } /* Portrait tablets and small desktops */ @media (min-width: 768px) and (max-width: 991px) { } /* Landscape phones and portrait tablets */ @media (max-width: 767px) { } @media (max-width: 650) { } /* Landscape phones and smaller */ @media (max-width: 480px) { html { min-width: 320px; } .header, .content-wrapper, .container, .content, .footer { display: block; } .tg-event-element { flex: 1 0 30%; margin: 0; color: #fff; min-width: 150px; max-width: 300px; font-size: 100%; } .tg-exposition-element { flex: 1 0 30%; margin: 0 auto !important; color: #fff; min-width: 150px !important; max-width: 300px; font-size: 100%; } .top-header-container { height: 100%; margin: auto auto; max-width: 95%; vertical-align: middle; text-align: center; position: relative; display: flex; align-items: center; } .content-wrapper { margin: 0 auto; flex-direction: unset; height: 100%; min-width: 320px; max-width: 100%; padding: 0 3px; } .div-search-bottom { position:relative; bottom: 100%; width: 100%; padding-bottom: 25px; font-size: 260%; font-weight: 300; } .middle-container-element .title-box { width: 100%; height: 70px; color: #000; background-color: #fea500; border-radius: 15px; padding: 5px; } .middle-container-element .title { font-size: 100%; font-weight: 500; margin-top: 0; } .middle-container-element .theater_type{ display: none; } .div-search input { font-size: 180%; padding: 10px 5px; width: 100%; } #theme-list .middle-container-theme-element { min-width: 80px; padding: 0px; height: 35px; line-height: 35px; margin: 10px 5px; border: 1px solid; cursor: pointer; } #theme-list .middle-container-theme-element.checked { border: 3px solid #e79601; } #theme-list .middle-container-theme-element .title { font-size: 100%; text-align: center; margin: 0; padding: 0; line-height: 35px; vertical-align: middle; } .divMap{ height: 300px; } } /* Works on Firefox */ * { scrollbar-width: thin; scrollbar-color: #ffffff #fea50096; } /* Works on Chrome, Edge, and Safari */ *::-webkit-scrollbar { width: 12px; } *::-webkit-scrollbar-track { background: #ffffff; } *::-webkit-scrollbar-thumb { background-color: #fea50096; border-radius: 20px; border: 3px solid #ffffff; }