Current Path : /var/www/u0635749/data/www.layout.tequiladance.ru/css/ |
Current File : /var/www/u0635749/data/www.layout.tequiladance.ru/css/style.css |
@font-face { font-family: 'MuseoSansCyrl-300'; src: url('../fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.otf') format('opentype'), url('../fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.woff') format('woff'), url('../fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.ttf') format('truetype'), url('../fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.svg#MuseoSansCyrl-300') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MuseoSansCyrl-500'; src: url('../fonts/MuseoSansCyrl-500/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl-500/MuseoSansCyrl-500.otf') format('opentype'), url('../fonts/MuseoSansCyrl-500/MuseoSansCyrl-500.woff') format('woff'), url('../fonts/MuseoSansCyrl-500/MuseoSansCyrl-500.ttf') format('truetype'), url('../fonts/MuseoSansCyrl-500/MuseoSansCyrl-500.svg#MuseoSansCyrl-500') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MuseoSansCyrl-700'; src: url('../fonts/MuseoSansCyrl-700/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl-700/MuseoSansCyrl-700.otf') format('opentype'), url('../fonts/MuseoSansCyrl-700/MuseoSansCyrl-700.woff') format('woff'), url('../fonts/MuseoSansCyrl-700/MuseoSansCyrl-700.ttf') format('truetype'), url('../fonts/MuseoSansCyrl-700/MuseoSansCyrl-700.svg#MuseoSansCyrl-700') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MuseoSansCyrl-900'; src: url('../fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.otf') format('opentype'), url('../fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.woff') format('woff'), url('../fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.ttf') format('truetype'), url('../fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.svg#MuseoSansCyrl-900') format('svg'); font-weight: normal; font-style: normal; } @charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, em center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, select, input { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; font-weight: normal; } a { text-decoration: none; color: inherit; outline: none; } input:focus, a:focus { outline: none !important; } select:focus { outline: none; } textarea { border: 0px; padding: 0px; } textarea:focus { outline: none; } header, section, footer { width: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .res_line { text-align: justify; } .line_block { display: inline-block; float: none; } .after { display: inline-block; width: 0px; height: 0px; margin-left: 100%; } /*******************Стили страницы*************************************************************************************/ .sandwich { width: 45px; height: 55px; float: left; position: absolute; outline: none !important; display: block; margin-left: 15px; } @media (max-width: 1600px) { .sandwich { display: block; } } .sandwich span { left: 0; } .sandwich:hover span { background: #fc7f1a; } .sandwich span { display: block; width: 100%; height: 2px; background: #000011; position: absolute; transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; } .sandwich span:nth-last-child(1) { -webkit-transform: scale(1) rotate(-45deg) skewY(0deg) skewX(0deg); transform: scale(1) rotate(-45deg) skewY(0deg) skewX(0deg); top: 27px; } .sandwich span:nth-child(2) { -moz-opacity: 0; opacity: 0; -khtml-opacity: 0; top: 50%; margin-top: -1px; } .sandwich span:nth-child(1) { -webkit-transform: scale(1) rotate(45deg) skewY(0deg) skewX(0deg); transform: scale(1) rotate(45deg) skewY(0deg) skewX(0deg); top: 27px; } .collapsed span { transform: none !important; opacity: 1 !important; } .collapsed span:nth-child(1) { top: 12.5px !important; } .collapsed span:nth-child(2) { top: 27px !important; } .collapsed span:nth-last-child(1) { top: 39.5px !important; } .content { width: 100%; max-width: 1540px; margin: 0 auto; padding: 0px 15px; box-sizing: border-box; } @media (min-width: 576px) { .content { max-width: 540px; } } @media (min-width: 768px) { .content { max-width: 720px; } } @media (min-width: 992px) { .content { max-width: 960px; } } @media (min-width: 1200px) { .content { max-width: 1140px; } } @media (min-width: 1600px) { .content { max-width: 1566px; } } .wraper { overflow: hidden; width: 100%; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 90% { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 90% { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } .header { position: absolute; left: 0px; top: 0px; width: 100%; min-height: 80px; z-index: 50; } .header .logo_line { float: left; margin-top: 20px; text-align: center; } .header .logo_line a { display: inline-block; max-width: 100%; } .header .logo_line a img { max-width: 100%; } .header .sity_line { float: left; margin-left: 5.56%; margin-top: 15px; } @media (max-width: 992px) { .header .sity_line { margin-left: 0px; float: right; } } .header .sity_line a { display: inline-block; font: 24px/40px 'MuseoSansCyrl-300'; color: white; } .header .sity_line a b { display: inline-block; border-bottom: 1px solid #ffffff; height: 34px; } .header .sity_line a span { display: inline-block; margin-left: 12px; height: 7.41px; margin-top: 19.29px; } .header .sity_line a span img { transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .header_right { float: right; width: 39.19%; display: flex; justify-content: space-between; } @media (max-width: 1600px) { .header_right { width: 49.19%; } } @media (max-width: 1200px) { .header_right { width: 59.19%; } } @media (max-width: 992px) { .header_right { width: 100%; margin-bottom: 15px; } } .header_right .sendvico_block { display: block; position: relative; } .header_right .sendvico_block .pod_menu { width: 300px; position: absolute; right: 0px; top: 100%; padding: 20px 0px; border: 1px solid #F9C801; box-sizing: border-box; border-radius: 5px; padding-left: 70px; background: rgba(0, 0, 0, 0.9); display: none; } .header_right .sendvico_block .pod_menu ul { width: 100%; } .header_right .sendvico_block .pod_menu ul li { width: 100%; font: 24px/50px 'MuseoSansCyrl-300'; color: #FFFDFD; } .header_right .sendvico_block .pod_menu ul li:hover { color: #F9C801; } .header_right .sendvico { display: block; width: 29px; margin-top: 31px; position: relative; } .header_right .sendvico span { display: block; width: 100%; height: 3px; background: #ffffff; margin-bottom: 5px; } .header_right .sendvico span:nth-last-child(1) { margin-bottom: 0px; } .header_right .tel { display: block; font: 24px/41px 'MuseoSansCyrl-500'; color: #ffffff; margin-top: 17px; position: relative; padding-left: 56px; } @media (max-width: 552px) { .header_right .tel { display: none; } } .header_right .tel span { display: block; position: absolute; left: 0px; top: 0px; } .header_right .button { display: block; width: 210px; height: 40px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; font: 18px/40px 'MuseoSansCyrl-300'; color: white; border: 1px solid #F9C801; margin-top: 18px; text-align: center; } .black { background: #000000; } .section { float: left; width: 100%; margin-top: 80px; } .section_top { float: left; width: 100%; min-height: 950px; background: url("../img/top_fon.png") top center no-repeat; background-size: cover; position: relative; } @media (max-width: 458px) { .section_top { min-height: 0px; padding-bottom: 70px; } } .section_top .down_line { position: absolute; left: 0px; bottom: 33px; width: 100%; text-align: center; } @media (max-width: 458px) { .section_top .down_line { bottom: 0px; } } .section_top .down_line a { display: inline-block; position: relative; padding-bottom: 34px; font: 30px/36px 'MuseoSansCyrl-300'; color: #ffffff; font-weight: 100; } .section_top .down_line a span { position: absolute; left: 50%; bottom: 0px; margin-left: -10.75px; -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; height: 20px; } .section_top h2 { width: 100%; margin-top: 475px; font: 64px/77px 'MuseoSansCyrl-900'; color: #ffffff; text-align: center; margin-bottom: 85px; } @media (max-width: 992px) { .section_top h2 { margin-top: 142px; } } @media (max-width: 768px) { .section_top h2 { font-size: 54px; line-height: 67px; } } @media (max-width: 458px) { .section_top h2 { font-size: 20px; line-height: 30px; margin-bottom: 20px; } } .section_top h2 span { display: block; width: 100%; } @media (max-width: 768px) { .section_top h2 span { display: inline; } } .section_top .form_line { width: 100%; text-align: center; } .section_top .form_line form { display: inline-flex; width: 100%; max-width: 1384px; justify-content: space-between; } @media (max-width: 992px) { .section_top .form_line form { display: block; } } .section_top .form_line form .select_block { display: block; font: 24px/29px 'MuseoSansCyrl-300'; width: 27.74%; position: relative; } @media (max-width: 992px) { .section_top .form_line form .select_block { text-align: right; } .section_top .form_line form .select_block:nth-child(odd) { text-align: left; } } .section_top .form_line form .select_block .select { position: relative; width: 100%; display: inline-block; max-width: 384px; } @media (max-width: 992px) { .section_top .form_line form .select_block .select { max-width: 300px; } } @media (max-width: 992px) { .section_top .form_line form .select_block { width: 50% !important; float: left; margin-bottom: 20px; } } @media (max-width: 768px) { .section_top .form_line form .select_block { width: 100% !important; text-align: center !important; } } .section_top .form_line form .select_block:nth-child(1) { width: 18.06%; } @media (max-width: 992px) { .section_top .form_line form .select_block:nth-child(1) { text-align: left; } } .section_top .form_line form .select_block:nth-child(1) .select { max-width: 250px; } @media (max-width: 992px) { .section_top .form_line form .select_block:nth-child(1) .select { max-width: 300px; } } .section_top .form_line form .select_block:nth-child(1) .option { padding-left: 0px; text-align: center; padding-top: 21px; padding-bottom: 20px; } .section_top .form_line form .select_block:nth-child(1) .option .scroll { height: 610px; } .section_top .form_line form .select_block:nth-child(1) .option .scroll li { line-height: 30px; } .section_top .form_line form .select_block input { width: 100%; box-sizing: border-box; padding-left: 41px; border: 1px solid #ffffff; background: rgba(255, 249, 249, 0.7); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 60px; } @media (max-width: 458px) { .section_top .form_line form .select_block input { height: 40px; } } .section_top .form_line form .select_block .option { position: absolute; left: 0px; top: 60px; padding: 40px 0px; padding-left: 39px; box-sizing: border-box; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); border-radius: 0px 0px 5px 5px; background: #F1F1F1; border: 1px solid #9A9999; text-align: left; width: 100%; opacity: 0; z-index: -1; } .section_top .form_line form .select_block .option .scroll { width: 100%; height: 480px; overflow: hidden; } .section_top .form_line form .select_block .option .scroll .mCSB_scrollTools { width: 10px; right: 17px; } .section_top .form_line form .select_block .option .scroll .mCSB_scrollTools:after { content: ''; position: absolute; top: 0px; height: 100%; width: 4px; background: #DFDFDF; border-radius: 3px; left: 50%; margin-left: -1px; } .section_top .form_line form .select_block .option .scroll .mCSB_dragger_bar { width: 10px !important; height: 25px !important; background: #C4C4C4 !important; border-radius: 3px !important; } .section_top .form_line form .select_block .option .scroll ul { width: 100%; } .section_top .form_line form .select_block .option .scroll ul li { font: 22px/40px 'MuseoSansCyrl-300'; width: 100%; } .section_top .form_line form .select_block .option .scroll ul li h3 { color: #14C947; text-align: left; width: 100%; line-height: 29px; } .section_top .form_line form .select_block .option .scroll ul li h3 span { display: block; width: 100%; color: inherit; } .section_top .form_line form .select_block .option .scroll ul li a span { display: inline-block; height: 32px; } .section_top .form_line form .select_block .option .scroll ul .cheng { color: #9A9999; } .section_top .form_line form .select_block .option .scroll ul .cheng span { border-bottom: 1px solid #9A9999; } .section_top .form_line form .submit_block { width: 18.06%; } @media (max-width: 992px) { .section_top .form_line form .submit_block { width: 50%; float: left; text-align: right; } } @media (max-width: 768px) { .section_top .form_line form .submit_block { width: 100%; text-align: center; } } .section_top .form_line form input[type='submit'] { width: 100%; max-width: 250px; height: 60px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: 29px/35px 'MuseoSansCyrl-500'; text-align: center; background: #F9C801; box-shadow: 0px 0px 15px #F9C801; cursor: pointer; } @media (max-width: 992px) { .section_top .form_line form input[type='submit'] { max-width: 300px; } } @media (max-width: 458px) { .section_top .form_line form input[type='submit'] { height: 40px; } } .section_top .form_line form input[type='submit']:hover { box-shadow: none; } .section_about { float: left; width: 100%; min-height: 1045px; position: relative; } .section_about .img_wrap { position: absolute; width: 42.2%; right: -17.39%; top: 22px; } @media (max-width: 1200px) { .section_about .img_wrap { position: relative; width: 100%; max-width: 803px; margin: 0 auto; text-align: center; right: 0px; margin-bottom: 40px; float: left; } } .section_about .circle { display: inline-block; position: relative; width: 100%; max-width: 803px; padding-top: 49.99%; padding-bottom: 49.99%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: linear-gradient(143.08deg, #C4C4C4 13.69%, rgba(196, 196, 196, 0) 92.59%); margin-top: 22px; } .section_about .circle .man { position: absolute; top: 4.1%; left: -15.94%; width: 69.36%; } @media (max-width: 1200px) { .section_about .circle .man { left: 0px; } } .section_about .circle .man img { max-width: 100%; } .section_about .zag_block { width: 100%; display: flex; min-height: 183px; align-items: center; background: url("../img/zag1.png") 585px center no-repeat; box-sizing: border-box; padding-left: 21.11%; } @media (max-width: 1600px) { .section_about .zag_block { background-position: center; padding-left: 0px; } } @media (max-width: 768px) { .section_about .zag_block { background-size: contain; } } .section_about .zag_block h3 { float: left; font: 48px/58px 'MuseoSansCyrl-700'; } @media (max-width: 1600px) { .section_about .zag_block h3 { width: 100%; text-align: center; } } .section_about .icon_line { float: left; width: 44.2%; margin-top: 64px; } @media (max-width: 1600px) { .section_about .icon_line { margin-top: 30px; width: 60%; } } @media (max-width: 1200px) { .section_about .icon_line { width: 100%; } } .section_about .icon_line .block_wrap { float: left; text-align: center; margin-bottom: 134px; } @media (max-width: 1600px) { .section_about .icon_line .block_wrap { margin-bottom: 40px; } } @media (max-width: 768px) { .section_about .icon_line .block_wrap { width: 100%; } } .section_about .icon_line .block_wrap:nth-child(even) { float: right; } .section_about .icon_line .block_wrap:nth-last-child(1) { margin-top: 35px; } .section_about .icon_line .block { padding-left: 125px; text-align: left; position: relative; display: inline-block; } @media (max-width: 768px) { .section_about .icon_line .block { width: 100%; max-width: 250px; } } @media (max-width: 366px) { .section_about .icon_line .block { padding-left: 105px; } } .section_about .icon_line .block_text { float: left; } .section_about .icon_line .block_text p { float: left; width: 100%; font: 29px/35px 'MuseoSansCyrl-300'; } @media (max-width: 366px) { .section_about .icon_line .block_text p { font-size: 25px; } } .section_about .icon_line .block_text p span { display: block; } .section_about .icon_line .block_img { position: absolute; left: 0px; top: 0px; display: flex; align-items: center; height: 100%; } .section_about .icon_line .block_img span { display: block; } .section_about .text_line { float: left; width: 36.62%; padding-left: 90.92px; box-sizing: border-box; } @media (max-width: 1854px) { .section_about .text_line { padding-left: 40px; width: 33.62%; } } @media (max-width: 1600px) { .section_about .text_line { width: 60%; padding-left: 0px; } } @media (max-width: 1200px) { .section_about .text_line { width: 100%; } } .section_about .text_line p { width: 100%; font: 24px/40px 'MuseoSansCyrl-300'; margin-top: 130px; letter-spacing: -0.2px; } @media (max-width: 1600px) { .section_about .text_line p { margin-top: 30px; } } .section_about .sequence_wrap { float: left; width: 100%; text-align: center; margin-top: 24px; } .section_about .sequence_wrap .sequence_block { display: inline-block; width: 100%; max-width: 1280px; min-height: 290px; background: #FFFDFD; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.25); border-radius: 5px; box-sizing: border-box; padding-left: 45px; padding-right: 41px; } @media (max-width: 768px) { .section_about .sequence_wrap .sequence_block { padding: 0px; } } .section_about .sequence_wrap .sequence_block .zag { width: 100%; font: 29px/35px 'MuseoSansCyrl-500'; color: #14C947; margin-top: 30px; text-align: center; } .section_about .sequence_wrap .sequence_block .sequence_line { width: 100%; display: flex; justify-content: space-between; margin-top: 75px; } @media (max-width: 1200px) { .section_about .sequence_wrap .sequence_block .sequence_line { display: block; } } .section_about .sequence_wrap .sequence_block .sequence_line .block_wrap { width: 237.5px; position: relative; } @media (max-width: 1200px) { .section_about .sequence_wrap .sequence_block .sequence_line .block_wrap { width: 50%; margin-bottom: 30px; text-align: center; float: left; } } @media (max-width: 768px) { .section_about .sequence_wrap .sequence_block .sequence_line .block_wrap { width: 100%; } } .section_about .sequence_wrap .sequence_block .sequence_line .block_wrap:nth-child(2):after { margin-left: 10px; } .section_about .sequence_wrap .sequence_block .sequence_line .block_wrap:nth-last-child(1):after { display: none; } .section_about .sequence_wrap .sequence_block .sequence_line .block_wrap:after { content: ''; width: 60px; height: 1px; position: absolute; left: 100%; top: 50%; border-top: 1px dashed #14C947; margin-top: -0.5px; } @media (max-width: 1600px) { .section_about .sequence_wrap .sequence_block .sequence_line .block_wrap:after { display: none; } } .section_about .sequence_wrap .sequence_block .sequence_line .block { width: 100%; max-width: 237.5px; display: inline-flex; align-items: center; min-height: 120px; text-align: left; } .section_about .sequence_wrap .sequence_block .sequence_line .block .namber { float: left; width: 90px; height: 90px; background: rgba(249, 200, 1, 0.3); box-sizing: border-box; padding: 5px; position: relative; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .section_about .sequence_wrap .sequence_block .sequence_line .block .namber span { position: absolute; left: 5px; top: 5px; width: 80px; height: 80px; background: #F9C801; text-align: center; font: 48px/80px 'MuseoSansCyrl-700'; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .section_about .sequence_wrap .sequence_block .sequence_line .block .text { float: left; width: 152px; font: 24px/40px 'MuseoSansCyrl-300'; text-align: center; } .section_discount { float: left; width: 100%; } .section_discount .zag_block { width: 100%; padding-left: 26.71%; background: url("../img/zag2.png") 505.25px center no-repeat; min-height: 199px; margin-top: 33px; display: flex; align-items: center; } @media (max-width: 1600px) { .section_discount .zag_block { padding-left: 0px; background-position: center; } } @media (max-width: 1600px) { .section_discount .zag_block { min-height: 99px; margin-bottom: 15px; } } @media (max-width: 768px) { .section_discount .zag_block { background-size: contain; } } .section_discount .zag_block h3 { float: left; font: 48px/58px 'MuseoSansCyrl-700'; } @media (max-width: 1600px) { .section_discount .zag_block h3 { width: 100%; text-align: center; } } .section_discount .about_slider_line { width: 100%; box-sizing: border-box; padding-bottom: 61px; overflow: hidden; position: relative; } .section_discount .about_slider_line .arrow { display: block; position: absolute; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; top: 50%; margin-top: -80px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); background-color: #FFFDFD; background-position: center; background-repeat: no-repeat; z-index: 9; } .section_discount .about_slider_line .arrow:hover { box-shadow: none; } @media (max-width: 584px) { .section_discount .about_slider_line .arrow { width: 50px; height: 50px; margin-top: -56px; } } .section_discount .about_slider_line .prev { margin-left: -99px; background-image: url("../img/prev.png"); } @media (max-width: 1746px) { .section_discount .about_slider_line .prev { margin-left: 0px; } } .section_discount .about_slider_line .next { margin-left: -15px; background-image: url("../img/next.png"); } @media (max-width: 1746px) { .section_discount .about_slider_line .next { margin-left: -114px; } } @media (max-width: 584px) { .section_discount .about_slider_line .next { margin-left: -65px; } } .section_discount .about_slider_line .slick-dots { position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: center; } .section_discount .about_slider_line .slick-dots li { display: inline-block; width: 15px; height: 15px; margin-right: 15px; box-sizing: border-box; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #DFDFDF; } .section_discount .about_slider_line .slick-dots li button { display: none; } .section_discount .about_slider_line .slick-dots li:nth-last-child(1) { margin: 0px; } .section_discount .about_slider_line .slick-dots .slick-active { background: #DFDFDF; } .section_discount .about_slider_line .about_slider { width: 100%; box-sizing: border-box; overflow: hidden; } @media (max-width: 1600px) { .section_discount .about_slider_line .about_slider { margin-left: 0px !important; } } @media (max-width: 768px) { .section_discount .about_slider_line .about_slider { min-width: 500px; } } .section_discount .about_slider_line .about_slider .slide { float: left; width: 20%; box-sizing: border-box; padding: 0px 28.5px; text-align: center; } .section_discount .about_slider_line .about_slider .slide_block { display: inline-block; width: 100%; max-width: 310px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #FFFDFD; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); position: relative; overflow: hidden; } .section_discount .about_slider_line .about_slider .slide_block .logo { position: absolute; top: 0px; right: 0px; } .section_discount .about_slider_line .about_slider .slide_block img { max-width: 100%; } .section_discount .about_slider_line .about_slider .slide_block .text_block { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 232px; background: linear-gradient(360deg, rgba(245, 198, 78, 0.87) 57.81%, rgba(224, 189, 98, 0.04) 100%); } .section_discount .about_slider_line .about_slider .slide_block .text_block .sale { width: 100%; margin-top: 79px; text-align: center; font: 24px/40px 'MuseoSansCyrl-500'; color: #ffffff; } @media (max-width: 528px) { .section_discount .about_slider_line .about_slider .slide_block .text_block .sale { font-size: 17px; } } .section_discount .about_slider_line .about_slider .slide_block .text_block .sale b { display: inline-block; margin-right: 11px; } .section_discount .about_slider_line .about_slider .slide_block .text_block .sale span { display: inline-block; width: 110px; text-align: center; background: #F9014B; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } .section_discount .about_slider_line .about_slider .slide_block .text_block p { width: 100%; font: 24px/40px 'MuseoSansCyrl-500'; text-align: center; margin-top: 17px; } @media (max-width: 528px) { .section_discount .about_slider_line .about_slider .slide_block .text_block p { font-size: 17px; line-height: 30px; } } .section_discount .button_line { float: left; width: 100%; text-align: center; margin-top: 39px; } @media (max-width: 768px) { .section_discount .button_line { margin-top: 19px; } } .section_discount .button_line a { display: inline-block; width: 240px; height: 40px; border: 1px solid #9A9999; box-sizing: border-box; border-radius: 5px; font: 18px/40px 'MuseoSansCyrl-300'; text-align: center; color: #9A9999; } .section_timetable { float: left; width: 100%; } .section_timetable .zag_block { width: 100%; box-sizing: border-box; padding-left: 8.33%; background: url("../img/zag3.png") 773px center no-repeat; min-height: 171px; display: flex; align-items: center; } @media (max-width: 1600px) { .section_timetable .zag_block { padding-left: 0px; background-position: center; } } @media (max-width: 768px) { .section_timetable .zag_block { background-size: contain; } } .section_timetable .zag_block h3 { float: left; font: 48px/58px 'MuseoSansCyrl-700'; } @media (max-width: 1600px) { .section_timetable .zag_block h3 { width: 100%; text-align: center; } } .section_timetable .block_line { float: left; width: 100%; position: relative; overflow: hidden; } .section_timetable .block_line .arrow { display: block; position: absolute; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; top: 50%; margin-top: -50px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); background-color: #FFFDFD; background-position: center; background-repeat: no-repeat; z-index: 9; } .section_timetable .block_line .arrow:hover { box-shadow: none; } @media (max-width: 584px) { .section_timetable .block_line .arrow { width: 50px; height: 50px; margin-top: -25px; } } .section_timetable .block_line .prev { margin-left: -99px; background-image: url("../img/prev.png"); } @media (max-width: 1746px) { .section_timetable .block_line .prev { margin-left: 0px; } } .section_timetable .block_line .next { margin-left: -15px; background-image: url("../img/next.png"); } @media (max-width: 1746px) { .section_timetable .block_line .next { margin-left: -114px; } } @media (max-width: 584px) { .section_timetable .block_line .next { margin-left: -65px; } } .section_timetable .block_line .block_wrap { float: left; width: 33.333%; text-align: center; } .section_timetable .block_line .block { display: inline-block; width: 100%; max-width: 640px; position: relative; } .section_timetable .block_line .block img { max-width: 100%; } .section_timetable .block_line .block .text_block { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.3); } .section_timetable .block_line .block .text_block p { position: absolute; width: 100%; left: 0px; bottom: 21px; text-align: center; color: #ffffff; font: 36px/43px 'MuseoSansCyrl-500'; box-sizing: border-box; padding: 0px 49px; } @media (max-width: 390px) { .section_timetable .block_line .block .text_block p { padding: 0px; font-size: 26px; line-height: 33px; } } .section_teachers { float: left; width: 100%; } .section_teachers .block_zag { width: 100%; min-height: 186px; display: flex; align-items: center; box-sizing: border-box; padding-left: 16.27%; background: url("../img/zag4.png") 668px center no-repeat; } @media (max-width: 1600px) { .section_teachers .block_zag { background-position: center; padding-left: 0px; } } @media (max-width: 768px) { .section_teachers .block_zag { background-size: contain; } } .section_teachers .block_zag h3 { float: left; font: 48px/58px 'MuseoSansCyrl-700'; } @media (max-width: 1600px) { .section_teachers .block_zag h3 { width: 100%; text-align: center; } } @media (max-width: 390px) { .section_teachers .block_zag h3 { font-size: 38px; line-height: 48px; } } .section_teachers .teachers_slider_line { float: left; overflow: hidden; position: relative; width: 100%; } .section_teachers .teachers_slider_line .arrow { display: block; position: absolute; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; top: 50%; margin-top: -50px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); background-color: #FFFDFD; background-position: center; background-repeat: no-repeat; z-index: 9; } .section_teachers .teachers_slider_line .arrow:hover { box-shadow: none; } @media (max-width: 584px) { .section_teachers .teachers_slider_line .arrow { width: 50px; height: 50px; margin-top: -25px; } } .section_teachers .teachers_slider_line .prev { margin-left: -99px; background-image: url("../img/prev.png"); } @media (max-width: 1542px) { .section_teachers .teachers_slider_line .prev { margin-left: 0px; left: 10px !important; } } .section_teachers .teachers_slider_line .next { margin-left: -15px; background-image: url("../img/next.png"); } @media (max-width: 1746px) { .section_teachers .teachers_slider_line .next { margin-left: -114px; } } @media (max-width: 1542px) { .section_teachers .teachers_slider_line .next { margin-left: 0px; right: 10px; left: auto !important; } } .section_teachers .teachers_slider_line .teatchers_slider { width: 2080px; overflow: hidden; padding: 20px 0px; } @media (max-width: 1600px) { .section_teachers .teachers_slider_line .teatchers_slider { width: 100%; margin-left: 0px !important; } } .section_teachers .teachers_slider_line .teatchers_slider .slide { float: left; width: 25%; box-sizing: border-box; padding: 0px 9.5px; text-align: center; } .section_teachers .teachers_slider_line .teatchers_slider .slide_block { width: 100%; max-width: 500px; min-height: 308px; display: inline-flex; justify-content: space-between; background: #FFFDFD; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); border-radius: 5px; box-sizing: border-box; padding-left: 28px; padding-right: 33px; } @media (max-width: 463px) { .section_teachers .teachers_slider_line .teatchers_slider .slide_block { min-height: 0px; padding-left: 18px; padding-right: 18px; } } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .img_block { float: left; width: 34.25%; } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .img_block .img { width: 100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; margin-top: 16px; display: block; } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .img_block .img img { width: 100%; } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .img_block .star_line { width: 100%; text-align: center; margin-top: 13.18px; } @media (max-width: 410px) { .section_teachers .teachers_slider_line .teatchers_slider .slide_block .img_block .star_line { display: flex; justify-content: space-between; } } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .img_block .star_line a { display: inline-block; margin-right: 5.86px; } @media (max-width: 410px) { .section_teachers .teachers_slider_line .teatchers_slider .slide_block .img_block .star_line a { margin-right: 0px; } } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .img_block .star_line a:nth-last-child(1) { margin-right: 0px; } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .img_block p { width: 100%; text-align: center; font: 14px/17px 'MuseoSansCyrl-300'; color: #9A9999; } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .img_block p span { display: block; width: 100%; } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text { float: right; width: 57.9%; } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .name { width: 100%; margin-top: 31px; margin-bottom: 19px; font: 24px/40px 'MuseoSansCyrl-300'; text-align: center; } @media (max-width: 1200px) { .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .name { font-size: 20px; line-height: 30px; } } @media (max-width: 463px) { .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .name { font-size: 13px !important; line-height: 18px !important; } } @media (max-width: 402px) { .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .name { font-size: 18px; line-height: 25px; } } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .standing_line { width: 100%; text-align: center; margin-bottom: 23px; } @media (max-width: 463px) { .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .standing_line { margin-bottom: 13px; } } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .standing_line .standing { display: inline-block; width: 100%; max-width: 200px; font: 18px/39px 'MuseoSansCyrl-300'; background: #F1F1F1; border-radius: 19.5px; } @media (max-width: 463px) { .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .standing_line .standing { font-size: 15px; line-height: 20px; border-radius: 10px; } } @media (max-width: 463px) { .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .standing_line .standing { font-size: 13px; line-height: 20px; border-radius: 10px; } } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text hr { width: 100%; border-top: 1px dashed #9A9999; margin: 0px; color: transparent; margin-bottom: 10px; } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .theme { width: 100%; font: 14px/23px 'MuseoSansCyrl-300'; } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .theme p { width: 100%; text-align: center; } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .theme .linck_line { width: 100%; text-align: center; margin-top: 3px; color: #14C947; margin-bottom: 31px; } @media (max-width: 463px) { .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .theme .linck_line { margin-bottom: 13px; } } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .theme .linck_line a { display: inline-block; } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .theme .linck_line a span { display: inline-block; height: 18px; border-bottom: 1px solid #14C947; } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .theme .linck_line b { display: inline-block; } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .button_line { width: 100%; text-align: center; margin-bottom: 38px; } @media (max-width: 463px) { .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .button_line { margin-bottom: 13px; } } .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .button_line a { display: inline-block; width: 100%; max-width: 250px; height: 45px; font: 18px/45px 'MuseoSansCyrl-500'; text-align: center; border-radius: 22.5px; -moz-border-radius: 22.5px; -webkit-border-radius: 22.5px; box-shadow: 0px 0px 15px #F9C801; background: #F9C801; } @media (max-width: 463px) { .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .button_line a { font-size: 16px; line-height: 35px; height: 35px; border-radius: 17.5px; -moz-border-radius: 17.5px; -webkit-border-radius: 17.5px; } } @media (max-width: 402px) { .section_teachers .teachers_slider_line .teatchers_slider .slide_block .block_text .button_line a { font-size: 13px; line-height: 25px; height: 25px; border-radius: 12.5px; -moz-border-radius: 12.5px; -webkit-border-radius: 12.5px; } } .section_teachers .button_block { width: 100%; text-align: center; margin-top: 36px; margin-bottom: 55px; float: left; } @media (max-width: 768px) { .section_teachers .button_block { margin-top: 0px; } } .section_teachers .button_block a { display: inline-block; width: 100%; max-width: 240px; height: 40px; font: 18px/40px 'MuseoSansCyrl-300'; color: #9A9999; text-align: center; border: 1px solid #9A9999; box-sizing: border-box; border-radius: 5px; } .section_record { float: left; width: 100%; min-height: 602px; background: url("../img/record.jpg") center top no-repeat; background-size: cover; overflow: hidden; position: relative; } .section_record .img_block { width: 53.12%; float: left; box-sizing: border-box; position: relative; min-height: 602px; } @media (max-width: 1600px) { .section_record .img_block { position: absolute; top: 0px; left: 0px; } } @media (max-width: 1200px) { .section_record .img_block { position: static; width: 100%; min-height: 0px; } } .section_record .img_block .img { position: absolute; left: 0px; top: 21px; max-width: 100%; display: block; } @media (max-width: 1200px) { .section_record .img_block .img { display: inline-block; position: relative; } } .section_record .img_block .img img { max-width: 100%; } .section_record .text_block { float: right; width: 44.76%; } @media (max-width: 1600px) { .section_record .text_block { position: absolute; top: 0px; right: 0px; } } @media (max-width: 1200px) { .section_record .text_block { position: static; width: 100%; margin-bottom: 30px; text-align: center; } } .section_record .text_block h3 { width: 100%; font: 48px/58px 'MuseoSansCyrl-700'; color: #ffffff; margin-top: 178px; margin-bottom: 30px; } @media (max-width: 1200px) { .section_record .text_block h3 { margin-top: 40px; } } .section_record .text_block p { width: 100%; font: 36px/43px 'MuseoSansCyrl-700'; color: #ffffff; } .section_record .text_block .button_line { width: 100%; margin-top: 59px; } .section_record .text_block .button_line a { display: inline-block; width: 100%; max-width: 386px; font: 29px/60px 'MuseoSansCyrl-500'; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; box-shadow: 0px 0px 15px #F9C801; background: #F9C801; text-align: center; } .section_record .text_block .button_line a:hover { box-shadow: none; } .section_spec { float: left; width: 100%; display: flex; justify-content: center; } @media (max-width: 768px) { .section_spec { display: block; padding: 0px 15px; box-sizing: border-box; } } .section_spec .block_wrap { float: left; width: 33.333%; text-align: center; } @media (max-width: 768px) { .section_spec .block_wrap { width: 100%; } } .section_spec .block { position: relative; width: 100%; max-width: 640px; display: inline-block; height: 100%; } .section_spec .block img { max-width: 100%; max-height: 100%; } .section_spec .block .text { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 42.45%); } .section_spec .block .text p { position: absolute; left: 0px; bottom: 22px; width: 100%; text-align: center; font: 29px/35px 'MuseoSansCyrl-300'; color: white; } .section_spec .prezent { background: linear-gradient(0deg, rgba(222, 222, 222, 0.4) 0%, rgba(221, 125, 111, 0.388) 42.45%); } .section_spec .prezent img { width: 52.25%; } .section_spec .prezent .size { width: 100%; } .section_spec .prezent b { display: block; position: absolute; top: 0px; right: 0px; z-index: 3; width: 40.27%; } .section_spec .prezent b img { max-width: 100%; width: 100%; } .section_spec .prezent span { display: block; position: absolute; top: 0px; left: 0px; width: 100%; text-align: center; max-height: 100%; max-width: 100%; } .section_style { float: left; width: 100%; min-height: 650px; background: #F1F1F1; } .section_style .zag_block { width: 100%; min-height: 156px; box-sizing: border-box; padding-left: 12.46%; background: url("../img/zag5.png") 449.5px center no-repeat; display: flex; align-items: center; margin-top: 27px; } @media (max-width: 1600px) { .section_style .zag_block { padding-left: 0px; background-position: center; } } @media (max-width: 992px) { .section_style .zag_block { background-size: contain; } } .section_style .zag_block h3 { float: left; font: 48px/58px 'MuseoSansCyrl-700'; } @media (max-width: 1600px) { .section_style .zag_block h3 { width: 100%; text-align: center; } } .section_style .ul_line { width: 100%; display: flex; justify-content: space-between; font: 24px/40px 'MuseoSansCyrl-300'; } @media (max-width: 1600px) { .section_style .ul_line { display: block; } } .section_style .ul_line .ul_block { display: block; text-align: center; min-height: 329px; } @media (max-width: 1600px) { .section_style .ul_line .ul_block { width: 33.33% !important; margin-bottom: 20px; float: left; } } @media (max-width: 768px) { .section_style .ul_line .ul_block { width: 100% !important; min-height: 0px; } } .section_style .ul_line ul { display: inline-block; text-align: left; width: 100%; } @media (max-width: 768px) { .section_style .ul_line ul { max-width: 268px !important; } } .section_style .ul_line ul li:nth-child(1) { padding-left: 0px; } .section_style .ul_line h3 { width: 100%; min-height: 76px; } .section_style .ul_line h3 span { display: block; background: #FFFDFD; border-radius: 10px; width: 100%; box-sizing: border-box; margin-bottom: 9px; } @media (max-width: 768px) { .section_style .ul_line h3 span { font-weight: bold; } } .section_style .ul_line .style1 { color: #003F82; width: 268px; } .section_style .ul_line .style1 ul { max-width: 268px; } .section_style .ul_line .style1 h3 span { padding-left: 15px; padding-right: 18px; } .section_style .ul_line .style1 li { padding-left: 15px; } .section_style .ul_line .style2 { color: #F9014B; width: 211px; } .section_style .ul_line .style2 ul { max-width: 211px; } .section_style .ul_line .style2 h3 span { padding-left: 20px; padding-right: 17px; } .section_style .ul_line .style2 li { padding-left: 20px; } .section_style .ul_line .style3 { color: #14C947; width: 257px; } .section_style .ul_line .style3 ul { max-width: 257px; } .section_style .ul_line .style3 h3 span { padding-left: 19px; padding-right: 15px; } .section_style .ul_line .style3 li { padding-left: 19px; } .section_style .ul_line .style4 { color: #B99503; width: 204px; } .section_style .ul_line .style4 ul { max-width: 204px; } .section_style .ul_line .style4 span { padding-left: 19px; padding-right: 19px; } .section_style .ul_line .style4 li { padding-left: 19px; } .section_style .ul_line .style5 { color: #14A8C9; width: 281px; } @media (max-width: 1600px) { .section_style .ul_line .style5 { float: right; } } .section_style .ul_line .style5 ul { max-width: 281px; } .section_style .ul_line .style5 span { padding-left: 19px; padding-right: 20px; } .section_style .ul_line .style5 li { padding-left: 19px; } .section_namber { float: left; width: 100%; min-height: 473px; } .section_namber .zag { float: left; font: 48px/58px 'MuseoSansCyrl-700'; width: 100%; text-align: center; margin-top: 44px; margin-bottom: 77px; } .section_namber .namber_line { width: 100%; display: flex; justify-content: space-between; } @media (max-width: 1600px) { .section_namber .namber_line { display: block; } } .section_namber .namber_line .block_wrap { float: left; text-align: center; } @media (max-width: 1600px) { .section_namber .namber_line .block_wrap { width: 33.333%; } .section_namber .namber_line .block_wrap:nth-last-child(1) { width: 100%; margin-bottom: 30px; } } @media (max-width: 992px) { .section_namber .namber_line .block_wrap { width: 50%; } .section_namber .namber_line .block_wrap:nth-last-child(1) { width: 50%; margin-bottom: 30px; } } @media (max-width: 768px) { .section_namber .namber_line .block_wrap { width: 100%; margin-bottom: 30px; } .section_namber .namber_line .block_wrap:nth-last-child(1) { width: 100%; margin-bottom: 30px; } } .section_namber .namber_line .block_wrap .block { display: inline-block; } .section_namber .namber_line .block_wrap .block h3 { font: 64px/77px 'MuseoSansCyrl-900'; background: -webkit-linear-gradient(#14C947, rgba(20, 201, 71, 0.16)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .section_namber .namber_line .block_wrap .block p { width: 100%; font: 24px/40px 'MuseoSansCyrl-500'; } .section_namber .namber_line .block_wrap .block p span { display: block; width: 100%; } .footer { float: left; width: 100%; min-height: 351px; background: #9A9999; } .footer .logo_block { float: left; margin-top: 36px; } @media (max-width: 1200px) { .footer .logo_block { width: 100%; text-align: center; } } .footer .logo_block .block { display: inline-block; } .footer .logo_block .block a { display: inline-block; } .footer .logo_block .block a img { max-width: 100%; } .footer .logo_block .block p { width: 100%; font: 14px/50px 'MuseoSansCyrl-500'; color: #ffffff; } .footer .nav_bkock { float: left; width: 41.82%; margin-left: 9.83%; text-align: center; margin-top: 41px; } @media (max-width: 1200px) { .footer .nav_bkock { margin-left: 0px; width: 58.82%; } } @media (max-width: 992px) { .footer .nav_bkock { width: 100%; } } .footer .nav_bkock .nav { display: inline-flex; justify-content: space-between; width: 100%; max-width: 642.5px; text-align: left; } @media (max-width: 422px) { .footer .nav_bkock .nav { display: inline-block; } } .footer .nav_bkock .nav ul { font: 18px/22px 'MuseoSansCyrl-300'; } @media (max-width: 422px) { .footer .nav_bkock .nav ul { width: 50%; float: left; } .footer .nav_bkock .nav ul:nth-last-child(1) { text-align: right; } } @media (max-width: 372px) { .footer .nav_bkock .nav ul { font-size: 16px; line-height: 20px; } } .footer .nav_bkock .nav ul li { margin-bottom: 14px; } .footer .nav_bkock .nav ul li a { color: #ffffff; } .footer .nav_bkock .nav ul li a:hover { color: #F9C801; } .footer .nav_bkock .nav ul li a span { display: block; color: inherit; } .footer .contact_block { float: right; margin-top: 51.28px; text-align: center; } @media (max-width: 992px) { .footer .contact_block { width: 100%; margin-bottom: 30px; text-align: center; } } .footer .contact_block .block { display: inline-block; } @media (max-width: 992px) { .footer .contact_block .block { width: 100%; display: inline-block; } } .footer .contact_block .block .tel { padding-left: 49px; font: 24px/40px 'MuseoSansCyrl-300'; color: #ffffff; background: url("../img/tel_f.png") left center no-repeat; display: block; } @media (max-width: 992px) { .footer .contact_block .block .tel { display: inline-block; } } .footer .contact_block .block .button_line { width: 100%; text-align: right; margin-top: 17px; } .footer .contact_block .block .button_line a { display: inline-block; max-width: 210px; width: 100%; font: 18px/40px 'MuseoSansCyrl-300'; color: #ffffff; border: 1px solid #ffffff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; text-align: center; } @media (max-width: 992px) { .footer .contact_block .block .button_line { text-align: center; } } .footer .soc_line { width: 100%; text-align: right; margin-top: 26px; } @media (max-width: 992px) { .footer .soc_line { text-align: center; } } .footer .soc_line .block { display: inline-flex; justify-content: space-between; align-items: center; width: 100%; max-width: 210px; } .footer .soc_line .block a { display: inline-block; } .level_block { position: relative; } .level_block .help { position: absolute; background: #FFFDFD; border-radius: 5px; padding: 4px 11px; width: 150px; padding-right: 7px; left: 50%; margin-left: -75px; top: -64px; box-sizing: border-box; display: none; text-align: left; } .level_block .help p { width: 100%; font: 12px/14px 'MuseoSansCyrl-300' !important; } .level_block .help p img { display: inline-block; margin-right: 6.14px; } .level_block .help:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 14px 4px 0 4px; border-color: #fffdfd transparent transparent transparent; position: absolute; left: 50%; margin-left: -4px; bottom: -14px; } .burden { position: relative; } .burden .help { position: absolute; background: #FFFDFD; border-radius: 5px; padding: 4px 11px; width: 150px; left: 50%; margin-left: -75px; top: -50px; box-sizing: border-box; display: none; } @media (max-width: 482px) { .burden .help { left: auto; right: -5px; margin-left: 0px; } } .burden .help p { width: 100%; font: 12px/14px 'MuseoSansCyrl-300' !important; text-align: center; } .burden .help:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 14px 4px 0 4px; border-color: #fffdfd transparent transparent transparent; position: absolute; left: 50%; margin-left: -4px; bottom: -14px; } @media (max-width: 482px) { .burden .help:after { left: auto; right: 10px; margin-left: 0px; } } /******************************************************************************************************/ .popap_select { position: absolute; left: 0px; top: 0px; width: 100%; max-width: 1020px; min-height: 800px; box-sizing: border-box; background: #FFFDFD; border-radius: 10px; padding-left: 56px; padding-right: 74px; padding-top: 29px; padding-bottom: 34px; z-index: 1000; display: none; } @media (max-width: 502px) { .popap_select { padding: 15px; } } .popap_select .close { position: absolute; display: block; width: 14px; height: 14px; right: 21px; top: 21px; background: url("../img/close.png") center no-repeat; opacity: 0.54; } .popap_select .close:hover { opacity: 1; } .popap_select .select_form { width: 100%; } .popap_select .select_form .select_line { width: 100%; } .popap_select .select_form .select_line .age { float: right; width: 43.14%; text-align: center; } @media (max-width: 980px) { .popap_select .select_form .select_line .age { width: 100%; } } .popap_select .select_form .select_line .age input { display: inline-block; width: 100%; max-width: 384px; height: 40px; box-sizing: border-box; border: 1px solid #9A9999; box-sizing: border-box; border-radius: 5px; text-align: center; font: 18px/22px 'Museo Sans Cyrl 300'; } .popap_select .select_form .select_line label { float: left; width: 100%; margin-bottom: 14px; } .popap_select .select_form .select_line label p { float: left; font: 18px/40px 'Museo Sans Cyrl 300'; } @media (max-width: 980px) { .popap_select .select_form .select_line label p { width: 100%; text-align: center; } } .popap_select .select_form .select_line label p span { font-size: 15px; } .popap_select .select_form .select_line .select_block { float: right; width: 43.14%; } @media (max-width: 980px) { .popap_select .select_form .select_line .select_block { width: 100%; text-align: center; } } .popap_select .select_form .select_line .select { position: relative; display: inline-block; max-width: 384px; width: 100%; height: 40px; background: #F1F1F1; border: 1px solid #9A9999; box-sizing: border-box; border-radius: 5px; } .popap_select .select_form .select_line .select .option { position: absolute; left: 0px; top: 39px; padding: 40px 0px; padding-top: 40px; padding-bottom: 40px; padding-left: 0px; padding-left: 39px; box-sizing: border-box; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); border-radius: 0px 0px 5px 5px; background: #F1F1F1; border: 1px solid #9A9999; text-align: left; width: 100%; opacity: 0; z-index: -1; } .popap_select .select_form .select_line .select .option .scroll { width: 100%; max-height: 480px; overflow: hidden; } .popap_select .select_form .select_line .select .option .scroll .mCSB_scrollTools { width: 10px; right: 17px; } .popap_select .select_form .select_line .select .option .scroll .mCSB_scrollTools:after { content: ''; position: absolute; top: 0px; height: 100%; width: 4px; background: #DFDFDF; border-radius: 3px; left: 50%; margin-left: -1px; } .popap_select .select_form .select_line .select .option .scroll .mCSB_dragger_bar { width: 10px !important; height: 25px !important; background: #C4C4C4 !important; border-radius: 3px !important; } .popap_select .select_form .select_line .select .option .scroll ul { width: 100%; } .popap_select .select_form .select_line .select .option .scroll ul li { font: 18px/40px 'MuseoSansCyrl-300'; width: 100%; } @media (max-width: 502px) { .popap_select .select_form .select_line .select .option .scroll ul li { font-size: 13px; line-height: 20px; } } .popap_select .select_form .select_line .select .option .scroll ul li h3 { color: #14C947; text-align: left; width: 100%; line-height: 29px; } .popap_select .select_form .select_line .select .option .scroll ul li h3 span { display: block; width: 100%; color: inherit; } .popap_select .select_form .select_line .select .option .scroll ul li a span { display: inline-block; height: 32px; } .popap_select .select_form .select_line .select .option .scroll ul .cheng { color: #9A9999; } .popap_select .select_form .select_line .select .option .scroll ul .cheng span { border-bottom: 1px solid #9A9999; } .popap_select .select_form .select_line .select:after { content: ''; width: 12px; height: 7.41px; background: url("../img/arrow_select.png") center; position: absolute; right: 22px; top: 17.3px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .popap_select .select_form .select_line .select input { width: 100%; box-sizing: border-box; padding-left: 30px; font: 18px/22px 'MuseoSansCyrl-300'; height: 40px; background: none; } @media (max-width: 502px) { .popap_select .select_form .select_line .select input { font-size: 13px; } } .popap_select .select_form .rezult_block { float: left; width: 100%; padding: 27px 0px; margin-top: 13px; border-top: 1px dashed #000000; border-bottom: 1px dashed #000000; } .popap_select .select_form .rezult_block .rezult_info { float: left; width: 100%; } .popap_select .select_form .rezult_block .rezult_info h3 { float: left; font: 18px/22px 'MuseoSansCyrl-500'; margin-right: 13px; } .popap_select .select_form .rezult_block .rezult_info p { float: left; font: 18px/22px 'Museo Sans Cyrl 300'; } .popap_select .select_form .rezult_block .rezult_info p i { display: inline-block; } .popap_select .select_form .rezult_block .rezult_box { float: left; width: 100%; display: flex; align-items: center; margin-top: 27px; } .popap_select .select_form .rezult_block .rezult_box .block_wrap { display: block; text-align: center; } .popap_select .select_form .rezult_block .rezult_box .block_wrap:nth-child(2) { margin-left: 5.28%; } .popap_select .select_form .rezult_block .rezult_box .block_wrap:nth-child(2) .block { padding-left: 16px; padding-right: 16px; } .popap_select .select_form .rezult_block .rezult_box .block_wrap .block { display: inline-block; padding: 0px 12px; padding-top: 13px; padding-bottom: 12px; background: #F1F1F1; border-radius: 10px; } .popap_select .select_form .rezult_block .rezult_box .block_wrap .block p { display: block; width: 100%; font: 18px/22px 'MuseoSansCyrl-500'; text-align: center; margin-bottom: 11px; } @media (max-width: 436px) { .popap_select .select_form .rezult_block .rezult_box .block_wrap .block p { font-size: 14px; } } .popap_select .select_form .rezult_block .rezult_box .block_wrap .block p:nth-last-child(1) { margin-bottom: 0px; } .popap_select .select_form .rezult_block .rezult_box .block_wrap .block p span { color: #F9014B; } .popap_select .select_form .rezult_block .rezult_box .block_wrap .block p .old { display: inline-block; color: #000000; position: relative; } .popap_select .select_form .rezult_block .rezult_box .block_wrap .block p .old:after { content: ''; width: 100%; height: 1px; position: absolute; left: 0px; top: 50%; margin-top: -1px; background: #000000; -moz-transform: rotate(25.77deg); -webkit-transform: rotate(25.77deg); -o-transform: rotate(25.77deg); -ms-transform: rotate(25.77deg); transform: rotate(25.77deg); } .popap_select .select_form .rezult_block .rezult_box .icon { display: block; margin-left: 5.28%; } .popap_select .select_form .submit_line { float: left; width: 100%; text-align: center; margin-top: 27.11px; } .popap_select .select_form .submit_line input { display: inline-block; width: 100%; max-width: 386px; font: 29px/35px 'MuseoSansCyrl-500'; text-align: center; box-shadow: 0px 0px 15px #F9C801; background: #F9C801; border-radius: 30px; cursor: pointer; height: 60px; } .popap_select .name_form_line { float: left; width: 100%; text-align: center; margin-top: 42px; } .popap_select .name_form_line form { display: inline-block; width: 100%; max-width: 500px; } .popap_select .name_form_line form label { float: left; margin-bottom: 12px; width: 100%; } .popap_select .name_form_line form label p { float: left; font: 18px/40px 'MuseoSansCyrl-300'; } @media (max-width: 398px) { .popap_select .name_form_line form label p { width: 100%; text-align: center; } } .popap_select .name_form_line form label .input_block { float: right; width: 76.8%; } @media (max-width: 398px) { .popap_select .name_form_line form label .input_block { width: 100%; text-align: center; } } .popap_select .name_form_line form label .input_block input { display: inline-block; width: 100%; max-width: 384px; font: 18px/40px 'MuseoSansCyrl-300'; border: 1px solid #9A9999; box-sizing: border-box; border-radius: 5px; padding-left: 15px; text-align: left; } .popap_select .name_form_line form .submit_line { float: left; width: 100%; text-align: center; margin-top: 30px; } .popap_select .name_form_line form .submit_line input { display: inline-block; width: 100%; max-width: 386px; font: 29px/35px 'MuseoSansCyrl-500'; text-align: center; box-shadow: 0px 0px 15px #F9C801; background: #F9C801; border-radius: 30px; cursor: pointer; height: 60px; } .fon { position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: -1; opacity: 0; max-height: 100vh; overflow-y: auto; } .popap_graph { position: absolute; left: 0px; top: 0px; width: 100%; max-width: 1200px; box-sizing: border-box; background: #FFFDFD; border-radius: 10px; z-index: 10; opacity: 0; z-index: -1; } .popap_graph .close { position: absolute; display: block; width: 14px; height: 14px; right: 21px; top: 21px; background: url("../img/close.png") center no-repeat; opacity: 0.54; } .popap_graph .close:hover { opacity: 1; } .popap_graph_header { width: 100%; min-height: 124px; } .popap_graph_header .avatar { float: left; width: 7.31%; margin-left: 9%; margin-top: 12px; } @media (max-width: 1200px) { .popap_graph_header .avatar { float: none; margin: 0 auto; margin-top: 12px; width: 100%; text-align: center; } } .popap_graph_header .avatar span { display: block; width: 100%; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } @media (max-width: 1200px) { .popap_graph_header .avatar span { width: auto; display: inline-block; } } .popap_graph_header .avatar span img { width: 100%; } .popap_graph_header .star_line { width: 100%; text-align: center; margin-top: 8.8px; } .popap_graph_header .star_line a { display: inline-block; width: 6.86px; margin-right: 3.43px; } .popap_graph_header .star_line a:nth-last-child(1) { margin-right: 0px; } .popap_graph_header .star_line a img { max-width: 100%; } .popap_graph_header .select_line { width: 70.25%; display: flex; margin-top: 47px; margin-left: 4.6%; float: left; justify-content: space-between; } @media (max-width: 1200px) { .popap_graph_header .select_line { margin-left: 0px; width: 100%; } } @media (max-width: 768px) { .popap_graph_header .select_line { display: block; } } .popap_graph_header .select_line .select_block { float: left; width: 45.55%; text-align: center; } @media (max-width: 768px) { .popap_graph_header .select_line .select_block { width: 100%; margin-bottom: 15px; } } .popap_graph_header .select_line .select { position: relative; display: inline-block; max-width: 384px; width: 100%; height: 40px; background: #F1F1F1; border: 1px solid #9A9999; box-sizing: border-box; border-radius: 5px; } .popap_graph_header .select_line .select .option { position: absolute; left: 0px; top: 39px; padding: 40px 0px; padding-top: 40px; padding-bottom: 40px; padding-left: 0px; padding-left: 39px; box-sizing: border-box; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); border-radius: 0px 0px 5px 5px; background: #F1F1F1; border: 1px solid #9A9999; text-align: left; width: 100%; opacity: 0; z-index: -1; } .popap_graph_header .select_line .select .option .scroll { width: 100%; height: 480px; overflow: hidden; } .popap_graph_header .select_line .select .option .scroll .mCSB_scrollTools { width: 10px; right: 17px; } .popap_graph_header .select_line .select .option .scroll .mCSB_scrollTools:after { content: ''; position: absolute; top: 0px; height: 100%; width: 4px; background: #DFDFDF; border-radius: 3px; left: 50%; margin-left: -1px; } .popap_graph_header .select_line .select .option .scroll .mCSB_dragger_bar { width: 10px !important; height: 25px !important; background: #C4C4C4 !important; border-radius: 3px !important; } .popap_graph_header .select_line .select .option .scroll ul { width: 100%; } .popap_graph_header .select_line .select .option .scroll ul li { font: 18px/40px 'MuseoSansCyrl-300'; width: 100%; } .popap_graph_header .select_line .select .option .scroll ul li h3 { color: #14C947; text-align: left; width: 100%; line-height: 29px; } .popap_graph_header .select_line .select .option .scroll ul li h3 span { display: block; width: 100%; color: inherit; } .popap_graph_header .select_line .select .option .scroll ul li a span { display: inline-block; height: 32px; } .popap_graph_header .select_line .select .option .scroll ul .cheng { color: #9A9999; } .popap_graph_header .select_line .select .option .scroll ul .cheng span { border-bottom: 1px solid #9A9999; } .popap_graph_header .select_line .select:after { content: ''; width: 12px; height: 7.41px; background: url("../img/arrow_select.png") center; position: absolute; right: 22px; top: 17.3px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .popap_graph_header .select_line .select input { width: 100%; box-sizing: border-box; padding-left: 30px; font: 18px/22px 'MuseoSansCyrl-300'; height: 40px; background: none; } .popap_graph_header .select_line .open:after { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .popap_graph .table_scroll2 { float: left; width: 100%; overflow-y: auto; margin-bottom: 15px; } .popap_graph .table_line { float: left; width: 100%; box-sizing: border-box; padding-left: 29px; padding-right: 33px; min-width: 768px; } @media (max-width: 1200px) { .popap_graph .table_line { padding: 0px; } } .popap_graph .table_line:nth-last-child(1) .rezut_block { border: 0px; padding-bottom: 29px; } .popap_graph .table_line .rezut_block { width: 100%; max-width: 1329px; margin: 0 auto; } .popap_graph .table_line .rezut_block .zag_block { width: 100%; margin-top: 13px; } .popap_graph .table_line .rezut_block .zag_block h3 { display: inline-block; font: 18px/22px 'MuseoSansCyrl-300'; color: #0D66B8; } .popap_graph .table_line .rezut_block .dop_margin { margin-bottom: 13px; } .popap_graph .table_line .rezut_block table { width: 100%; vertical-align: middle; text-align: center; } .popap_graph .table_line .rezut_block table tr { height: 60px; } .popap_graph .table_line .rezut_block table tr:nth-child(1) { height: auto !important; } .popap_graph .table_line .rezut_block table tr:nth-child(even) { background: #F1F1F1; } .popap_graph .table_line .rezut_block table th { padding: 0px 3.5px; padding-bottom: 14px; } @media (max-width: 992px) { .popap_graph .table_line .rezut_block table th { padding: 0px 0.5px; padding-bottom: 5px; } } .popap_graph .table_line .rezut_block table th:nth-child(1) { padding-left: 0px; } .popap_graph .table_line .rezut_block table th:nth-last-child(1) { padding-right: 0px; } .popap_graph .table_line .rezut_block table th h3 { display: inline-flex; justify-content: center; align-items: center; width: 100%; background: #9A9999; border-radius: 5px; min-height: 40px; font: 14px/17px 'MuseoSansCyrl-500'; } @media (max-width: 992px) { .popap_graph .table_line .rezut_block table th h3 { font-size: 11px; line-height: 14px; } } .popap_graph .table_line .rezut_block table th h3 span { display: inline-block; text-align: center; } .popap_graph .table_line .rezut_block table th h3 a { display: inline-block; margin-left: 10px; } .popap_graph .table_line .rezut_block table .hiden { opacity: 0; height: 0px !important; overflow: hidden; } .popap_graph .table_line .rezut_block table .hiden h3 { min-height: 0px; height: 0px; } .popap_graph .table_line .rezut_block table .hiden th { padding: 0px !important; } .popap_graph .table_line .rezut_block table td { vertical-align: middle; } .popap_graph .table_line .rezut_block table td .burden { display: inline-block; } .popap_graph .table_line .rezut_block table td .burden img { max-width: 100%; } .popap_graph .table_line .rezut_block table td p { font: 14px/17px 'MuseoSansCyrl-500'; } @media (max-width: 992px) { .popap_graph .table_line .rezut_block table td p { font-size: 10px; line-height: 13px; margin: 3px 0px; } } .popap_graph .table_line .rezut_block table td .info { font: 11px/13px 'MuseoSansCyrl-300'; } @media (max-width: 468px) { .popap_graph .table_line .rezut_block table td .info { font-size: 8px; line-height: 10px; } } .popap_graph .table_line .rezut_block table td .info span { display: block; width: 100%; } .popap_graph .table_line .rezut_block table td .level { display: inline-flex; align-items: baseline; } .popap_graph .table_line .rezut_block table td .level span { display: inline-block; width: 3px; background: #9A9999; border-radius: 3px; margin-right: 3px; height: 12px; } .popap_graph .table_line .rezut_block table td .level span:nth-child(2) { height: 16px; } .popap_graph .table_line .rezut_block table td .level span:nth-last-child(1) { margin-right: 0px; height: 21px; } .popap_graph .table_line .rezut_block table td .level .action { background: #14C947; } .popap_graph .table_line .rezut_block table td .price p { display: block; width: 100%; text-align: center; } .popap_graph .table_line .rezut_block table td .price p span { color: #F9014B; } .popap_graph .table_line .rezut_block table td .price p .old { display: inline-block; color: #000000; position: relative; } .popap_graph .table_line .rezut_block table td .price p .old:after { content: ''; width: 100%; height: 1px; position: absolute; left: 0px; top: 50%; margin-top: -1px; background: #000000; -moz-transform: rotate(25.77deg); -webkit-transform: rotate(25.77deg); -o-transform: rotate(25.77deg); -ms-transform: rotate(25.77deg); transform: rotate(25.77deg); } .popap_graph .table_line .rezut_block table td .button { display: inline-block; width: 100%; max-width: 160px; height: 40px; font: 18px/40px 'MuseoSansCyrl-300'; text-align: center; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background: #F9C801; } @media (max-width: 992px) { .popap_graph .table_line .rezut_block table td .button { font-size: 11px; line-height: 30px; height: 30px; } } .popap_graph .table_line .rezut_block table td .icon { display: inline-block; } .popap_graph .table_line .rezut_block table .size1 { width: 163px; } .popap_graph .table_line .rezut_block table .size2 { width: 122px; } .popap_graph .table_line .rezut_block table .size3 { width: 200px; } @media (max-width: 992px) { .popap_graph .table_line .rezut_block table .size3 img { width: 13px; } } .popap_graph .table_line .rezut_block table .size4 { width: 150px; } .popap_graph_form { position: absolute; left: 0px; top: 0px; width: 100%; max-width: 1020px; min-height: 800px; } .popap_ring { position: absolute; left: 0px; top: 0px; width: 100%; max-width: 950px; height: 560px; background: #ffffff; z-index: 10; max-height: 100vh; overflow-y: auto; opacity: 0; z-index: -1; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .popap_ring .close { position: absolute; display: block; width: 14px; height: 14px; right: 21px; top: 21px; background: url("../img/close.png") center no-repeat; opacity: 0.54; } .popap_ring .close:hover { opacity: 1; } .popap_ring .popap_img { float: left; width: 42.1%; min-height: 560px; background: url("../img/popap_img.jpg") top center no-repeat; background-size: cover; } @media (max-width: 786px) { .popap_ring .popap_img { width: 100%; min-height: 300px; } } .popap_ring .poopap_text { float: right; width: 57.9%; padding-top: 108px; } @media (max-width: 786px) { .popap_ring .poopap_text { width: 100%; padding: 30px 0px; } } .popap_ring .poopap_text h3 { width: 100%; text-align: center; font: 24px/40px 'MuseoSansCyrl-300'; margin-bottom: 40px; } .popap_ring .poopap_text h3 span { color: #14C947; } .popap_ring .poopap_text .form_line { width: 100%; margin-top: 20px; text-align: center; } .popap_ring .poopap_text .form_line form { display: inline-block; } .popap_ring .poopap_text .form_line form .input_block { display: inline-block; width: 270px; margin-right: 33px; margin-top: 13px; position: relative; font: 29px/35px 'MuseoSansCyrl-300'; } @media (max-width: 380px) { .popap_ring .poopap_text .form_line form .input_block { width: 100%; margin-right: 0px; box-sizing: border-box; padding: 0px 10px; margin-bottom: 10px; } } .popap_ring .poopap_text .form_line form .input_block:after { content: '+7'; position: absolute; left: 16px; top: 13px; } .popap_ring .poopap_text .form_line form .input_block input { width: 100%; height: 60px; border: 1px solid #DFDFDF; box-sizing: border-box; border-radius: 10px; padding-left: 49px; } .popap_ring .poopap_text .form_line form input[type='submit'] { display: inline-block; width: 74px; height: 74px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 6px solid #fdf0b9; background: url("../img/submit.png") center no-repeat, #f9c801; cursor: pointer; } .popap_ring .poopap_text .form_line form input[type='submit']:hover { border-color: #f9c801; } .popap_ring .poopap_text p { width: 100%; text-align: center; font: 14px/17px 'MuseoSansCyrl-300'; margin-top: 40px; } .popap_ring .poopap_text p span { display: block; width: 100%; } .popap_sale { position: absolute; left: 0px; top: 0px; width: 100%; max-width: 650px; height: 400px; max-height: 100vh; overflow-y: auto; background: #ffffff; border-radius: 10px; z-index: 10; box-sizing: border-box; padding: 0px 15px; display: none; } .popap_sale .close { position: absolute; display: block; width: 14px; height: 14px; right: 21px; top: 21px; background: url("../img/close.png") center no-repeat; opacity: 0.54; } .popap_sale .close:hover { opacity: 1; } .popap_sale h3 { width: 100%; font: 36px/43px 'MuseoSansCyrl-700'; text-align: center; margin-top: 63px; } .popap_sale .sale_line { width: 100%; text-align: center; } .popap_sale .sale_line h4 { display: inline-block; text-align: left; padding-left: 95px; background: url("../img/sale.png") left center no-repeat; font: 29px/35px 'MuseoSansCyrl-500'; color: #14C947; margin-top: 35px; min-height: 69px; display: inline-flex; align-items: center; } .popap_sale p { width: 100%; font: 24px/40px 'MuseoSansCyrl-300'; text-align: center; margin-top: 25px; margin-bottom: 25px; } .popap_sale p span { display: block; width: 100%; } .popap_record { position: absolute; width: 100%; max-width: 650px; max-height: 100vh; overflow-y: auto; background: #FFFDFD; border-radius: 10px; position: absolute; left: 0px; top: 0px; opacity: 0; z-index: -1; } .popap_record .close { position: absolute; display: block; width: 14px; height: 14px; right: 21px; top: 21px; background: url("../img/close.png") center no-repeat; opacity: 0.54; } .popap_record .close:hover { opacity: 1; } .popap_record .zag { width: 100%; text-align: center; font: 29px/35px 'MuseoSansCyrl-300'; margin-top: 11px; margin-bottom: 10px; } .popap_record .teacher_line { width: 100%; min-height: 100px; background: #F1F1F1; float: left; } .popap_record .teacher_line .icon_block { float: left; height: 69px; border-right: 1px solid #9A9999; margin-top: 16px; margin-bottom: 15px; display: flex; align-items: center; } @media (max-width: 632px) { .popap_record .teacher_line .icon_block { width: 90%; margin-left: 5%; border-right: 0px; padding-bottom: 15px; border-bottom: 1px solid #9A9999; justify-content: center; } } .popap_record .teacher_line .icon_block span { display: block; } .popap_record .teacher_line .icon_block span svg { width: 64px; height: 64px; margin-left: 60px; margin-right: 44px; } .popap_record .teacher_line .icon_block .gray svg path { fill: #9a9999; } .popap_record .teacher_line .teacher_block { float: left; width: 73.3%; min-height: 100px; display: flex; align-items: center; } @media (max-width: 632px) { .popap_record .teacher_line .teacher_block { width: 100%; justify-content: center; padding-bottom: 15px; } } .popap_record .teacher_line .teacher_block .foto_block { width: 15.24%; margin-left: 10.42%; } @media (max-width: 632px) { .popap_record .teacher_line .teacher_block .foto_block { margin-left: 0px; } } @media (max-width: 330px) { .popap_record .teacher_line .teacher_block .foto_block { width: 17%; } } .popap_record .teacher_line .teacher_block .foto_block span { display: block; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .popap_record .teacher_line .teacher_block .foto_block span img { max-width: 100%; } .popap_record .teacher_line .teacher_block .foto_block .star_line { width: 100%; text-align: center; margin-top: 6.99px; height: 5.2px; } .popap_record .teacher_line .teacher_block .foto_block .star_line a { display: inline-block; width: 5.48px; height: 5.2px; margin-right: 2.74px; } .popap_record .teacher_line .teacher_block .foto_block .star_line a:nth-last-child(1) { margin: 0px; } .popap_record .teacher_line .teacher_block .foto_block .star_line a img { max-width: 100%; } .popap_record .teacher_line .teacher_block h3 { font: 24px/40px 'MuseoSansCyrl-500'; margin-left: 8.84%; } @media (max-width: 330px) { .popap_record .teacher_line .teacher_block h3 { font-size: 20px; } } .popap_record form { float: left; width: 100%; } .popap_record .input_wrap { width: 100%; box-sizing: border-box; float: left; padding-right: 9.69%; padding-top: 15px; } @media (max-width: 632px) { .popap_record .input_wrap { padding: 0px 15px; padding-top: 15px; } } .popap_record .input_wrap .input_line { width: 100%; float: left; margin-bottom: 6px; } @media (max-width: 632px) { .popap_record .input_wrap .input_line { text-align: center; } } .popap_record .input_wrap .input_line .input_box { position: relative; float: right; width: 47.69%; } @media (max-width: 632px) { .popap_record .input_wrap .input_line .input_box { width: 100%; } } .popap_record .input_wrap .input_line .input_box .error_masege { position: absolute; left: 0px; top: -35px; width: 100%; max-width: 215px; background: #9A9999; font: 12px/25px; border-radius: 5px; color: #ffffff; text-align: center; font: 12px/25px 'MuseoSansCyrl-300'; display: none; } .popap_record .input_wrap .input_line .input_box .error_masege:after { content: ''; position: absolute; display: block; left: 5px; bottom: -9px; width: 0; height: 0; border-style: solid; border-width: 9px 4px 0 4px; border-color: #9a9999 transparent transparent transparent; } .popap_record .input_wrap .input_line input { display: inline-block; width: 100%; max-width: 310px; height: 40px; box-sizing: border-box; padding-left: 26px; background: #DFDFDF; border: 1px solid #9A9999; box-sizing: border-box; border-radius: 5px; font: 18px/22px 'MuseoSansCyrl-300'; } .popap_record .input_wrap .input_line .time { background-position: 97% 10px; background-repeat: no-repeat; background-image: url("../img/time.png"); } .popap_record .input_wrap .input_line p { float: left; text-align: right; width: 52.31%; padding-right: 15px; box-sizing: border-box; font: 18px/40px 'MuseoSansCyrl-300'; } @media (max-width: 632px) { .popap_record .input_wrap .input_line p { width: 100%; text-align: center !important; } } .popap_record .input_wrap .input_line p span { display: block; } .popap_record .input_wrap .error input { border-color: #F9014B; } .popap_record .input_wrap .tel_line p { line-height: 20px; text-align: right; } .popap_record .input_wrap .info_line { float: left; width: 100%; margin-bottom: 7px; } .popap_record .input_wrap .info_line p { float: right; font: 10px/13px 'MuseoSansCyrl-300'; width: 47.69%; color: #9A9999; } @media (max-width: 632px) { .popap_record .input_wrap .info_line p { width: 100%; } } .popap_record .action_line { width: 100%; min-height: 70px; border-top: 1px dashed #9A9999; border-bottom: 1px dashed #9A9999; float: left; } .popap_record .action_line .img_block { float: left; margin-top: -3px; margin-left: -3px; } .popap_record .action_line .img_block img { max-width: 100%; } .popap_record .action_line .left_block { float: left; } @media (max-width: 581px) { .popap_record .action_line .left_block { width: 100%; text-align: center; } } .popap_record .action_line .left_block .help_block { font: 14px/16px 'MuseoSansCyrl-300'; margin-top: 12px; position: relative; margin-bottom: 16px; } @media (max-width: 581px) { .popap_record .action_line .left_block .help_block { display: inline-block; } } .popap_record .action_line .left_block .help_block span { display: block; float: left; margin-right: 14px; } .popap_record .action_line .left_block .check_block { display: block; font: 14px/16px 'MuseoSansCyrl-300'; } @media (max-width: 581px) { .popap_record .action_line .left_block .check_block { display: block; max-width: 223px; margin: 0 auto; text-align: left; } } .popap_record .action_line .left_block .check_block a { display: block; float: left; margin-right: 14px; box-sizing: border-box; border-radius: 50%; width: 16px; height: 16px; position: relative; border: 1px solid #c4c4c4; position: relative; } .popap_record .action_line .left_block .check { color: #F9014B; } .popap_record .action_line .left_block .check a { background: #c4c4c4; } .popap_record .action_line .left_block .check a:after { content: ''; display: block; position: absolute; left: 3px; top: 0px; width: 15.39px; height: 11.73px; background: url("../img/check.png") center no-repeat; } .popap_record .action_line .right_block { float: left; margin-left: 9.23%; margin-top: 9px; } @media (max-width: 581px) { .popap_record .action_line .right_block { width: 100%; text-align: center; margin-left: 0px; } } .popap_record .action_line .right_block p { display: block; font: 14px/22px 'MuseoSansCyrl-300'; margin-bottom: 8px; } .popap_record .action_line .right_block p span { display: inline-block; font: 18px/22px 'MuseoSansCyrl-500'; color: #F9014B; margin-left: 19px; } .popap_record .action_line .right_block p .old { display: inline-block; position: relative; color: #000000; margin-left: 5px; } .popap_record .action_line .right_block p .old:after { content: ''; display: block; width: 100%; height: 1px; background: #000000; position: absolute; left: 0%; top: 50%; margin-top: -0.5px; -moz-transform: rotate(33deg); -webkit-transform: rotate(33deg); -o-transform: rotate(33deg); -ms-transform: rotate(33deg); transform: rotate(33deg); } .popap_record .submit_line { float: left; width: 100%; text-align: center; margin-top: 12px; margin-bottom: 9px; } .popap_record .submit_line input { display: inline-block; width: 160px; height: 40px; border-radius: 20px; font: 18px/22px 'MuseoSansCyrl-500'; background: #F9C801; cursor: pointer; } .popap_record .info_line { float: left; width: 100%; text-align: center; margin-bottom: 21px; } .popap_record .info_line p { display: inline-block; width: 100%; font: 11px/13px 'MuseoSansCyrl-300'; text-align: left; max-width: 408px; } .popap_record .info_line p a { color: #14C99D; } .time_popap { position: absolute; left: 0px; top: 0px; width: 100%; max-width: 650px; min-height: 800px; background: #ffffff; border-radius: 10px; opacity: 0; z-index: -1; } .time_popap .close2 { position: absolute; display: block; width: 14px; height: 14px; right: 21px; top: 21px; background: url("../img/close.png") center no-repeat; opacity: 0.54; } .time_popap .close2:hover { opacity: 1; } .time_popap .zag { width: 100%; font: 29px/35px 'MuseoSansCyrl-500'; margin: 18px 0px; text-align: center; } .time_popap .prepod { width: 100%; min-height: 219px; background: #F1F1F1; overflow: hidden; } .time_popap .prepod .foto_block { float: left; width: 45.53%; text-align: center; } @media (max-width: 466px) { .time_popap .prepod .foto_block { box-sizing: border-box; padding: 0px 15px; width: 100%; } } .time_popap .prepod .foto_block .avatar { display: inline-block; width: 100%; max-width: 150px; margin-top: 21px; } .time_popap .prepod .foto_block .avatar span { width: 100%; display: block; overflow: hidden; border-radius: 50%; } .time_popap .prepod .foto_block .avatar span img { max-width: 100%; } .time_popap .prepod .foto_block .star_line { width: 100%; margin-top: 13.48px; text-align: center; } .time_popap .prepod .foto_block .star_line a { display: inline-block; width: 11.72px; margin-right: 5.86px; } .time_popap .prepod .foto_block .star_line a:nth-last-child(1) { margin-right: 0px; } .time_popap .prepod .foto_block .star_line a img { max-width: 100%; } .time_popap .prepod .text_block { float: left; width: 54.47%; } @media (max-width: 466px) { .time_popap .prepod .text_block { box-sizing: border-box; padding: 0px 15px; width: 100%; text-align: center; } } .time_popap .prepod .text_block h3 { width: 100%; font: 24px/23px 'MuseoSansCyrl-500'; margin-top: 35px; margin-bottom: 27px; } .time_popap .prepod .text_block p { width: 100%; font: 18px/22px 'MuseoSansCyrl-300'; color: #9A9999; margin-bottom: 16px; } .time_popap .data_line { width: 100%; min-height: 68px; position: relative; box-sizing: border-box; padding: 0px 46px; border-bottom: 1px solid #9A9999; } .time_popap .data_line .arrow { position: absolute; display: block; width: 11.67px; height: 19.8px; opacity: 0.7; top: 50%; margin-top: -9.9px; } .time_popap .data_line .arrow:hover { opacity: 1; } .time_popap .data_line .prev_time { left: 32.17px; background: url("../img/prev_day.png"); } .time_popap .data_line .next_time { right: 32.17px; background: url("../img/next_day.png"); } .time_popap .data_line .data_slider { width: 100%; overflow: hidden; } .time_popap .data_line .data_slider .slide { float: left; width: 25%; box-sizing: border-box; padding: 0px 20px; } @media (max-width: 330px) { .time_popap .data_line .data_slider .slide { padding: 0px 10px; } } .time_popap .data_line .data_slider .slide p { width: 100%; text-align: center; font: 18px/30px 'MuseoSansCyrl-300'; color: #9A9999; margin-top: 18px; margin-bottom: 20px; } @media (max-width: 331px) { .time_popap .data_line .data_slider .slide p { font-size: 16px; } } .time_popap .scroll { width: 100%; height: 400px; overflow: hidden; margin-top: 16px; margin-bottom: 29px; } .time_popap .scroll .mCSB_scrollTools { width: 10px; right: 17px; } .time_popap .scroll .mCSB_scrollTools:after { content: ''; position: absolute; top: 0px; height: 100%; width: 4px; background: #DFDFDF; border-radius: 3px; left: 50%; margin-left: -1px; } .time_popap .scroll .mCSB_dragger_bar { width: 10px !important; height: 25px !important; background: #C4C4C4 !important; border-radius: 3px !important; } .time_popap .scroll .time_line { width: 100%; padding: 0px 46px; box-sizing: border-box; padding-right: 16px; } .time_popap .scroll .time_line .slider_time { width: 100%; overflow: hidden; } .time_popap .scroll .time_line .slider_time .slide { float: left; width: 25%; box-sizing: border-box; padding: 0px 20px; text-align: center; } @media (max-width: 330px) { .time_popap .scroll .time_line .slider_time .slide { padding: 0px 10px; } } .time_popap .scroll .time_line .slider_time .slide_block { display: inline-block; width: 100%; max-width: 100px; border-radius: 3px; font: 12px/35px 'MuseoSansCyrl-500'; background: #C4C4C4; margin-bottom: 10px; text-align: center; } .thanks_popap { position: absolute; left: 0px; top: 0px; width: 100%; max-width: 650px; max-height: 100vh; background: #ffffff; border-radius: 10px; z-index: -1; opacity: 0; overflow-y: auto; } .thanks_popap .close { position: absolute; display: block; width: 14px; height: 14px; right: 21px; top: 21px; background: url("../img/close.png") center no-repeat; opacity: 0.54; } .thanks_popap .close:hover { opacity: 1; } .thanks_popap .zag { width: 100%; text-align: center; font: 36px/43px 'MuseoSansCyrl-700'; margin-top: 32px; margin-bottom: 24px; } .thanks_popap .pod_zag { width: 100%; text-align: center; font: 22px/23px 'MuseoSansCyrl-300'; margin-bottom: 19px; } .thanks_popap .prepod { width: 100%; min-height: 175px; background: #F1F1F1; float: left; } .thanks_popap .prepod .foto_block { float: left; width: 36.3%; } @media (max-width: 415px) { .thanks_popap .prepod .foto_block { width: 100%; text-align: center; } } .thanks_popap .prepod .foto_block .foto { width: 100%; display: inline-block; max-width: 118px; margin-top: 16.27px; float: right; } @media (max-width: 415px) { .thanks_popap .prepod .foto_block .foto { float: none; } } .thanks_popap .prepod .foto_block .foto span { display: block; width: 100%; border-radius: 50%; overflow: hidden; } .thanks_popap .prepod .foto_block .foto span img { max-width: 100%; } .thanks_popap .prepod .foto_block .foto .star_line { width: 100%; margin-top: 11.75px; text-align: center; } .thanks_popap .prepod .foto_block .foto .star_line a { display: inline-block; width: 9.22px; margin-right: 4.61px; } .thanks_popap .prepod .foto_block .foto .star_line a:nth-last-child(1) { margin-right: 0px; } .thanks_popap .prepod .foto_block .foto .star_line a img { max-width: 100%; } .thanks_popap .prepod .text_block { float: right; width: 56.61%; } @media (max-width: 415px) { .thanks_popap .prepod .text_block { width: 100%; text-align: center; } } .thanks_popap .prepod .text_block .name { width: 100%; font: 22px/23px 'MuseoSansCyrl-300'; margin-top: 20px; margin-bottom: 10px; } .thanks_popap .prepod .text_block p { width: 100%; font: 14px/17px 'MuseoSansCyrl-300'; margin-bottom: 9px; color: #9A9999; } .thanks_popap .prepod .text_block .data_line { width: 100%; font: 18px/22px 'MuseoSansCyrl-300'; } .thanks_popap .prepod .text_block .data_line .data_block { display: inline-block; text-align: left; width: 100%; max-width: 244px; } .thanks_popap .prepod .text_block .data_line h4 { float: left; font: 18px/22px 'MuseoSansCyrl-300'; } .thanks_popap .prepod .text_block .data_line p { float: right; width: auto; color: #000000; font: 18px/22px 'MuseoSansCyrl-300'; } .thanks_popap .prepod .text_block .data_line p span { display: block; } .thanks_popap .popap_footer { width: 100%; } .thanks_popap .popap_footer h3 { width: 100%; text-align: center; font: 24px/40px 'MuseoSansCyrl-300'; margin: 39.5px 0px; float: left; } .thanks_popap .popap_footer h3 span { display: block; width: 100%; } .crumps { float: left; width: 100%; font: 18px/22px 'MuseoSansCyrl-300'; margin-top: 30px; margin-bottom: 45px; } .crumps ul { width: 100%; } .crumps li { float: left; color: #9A9999; } .crumps li a { display: inline-block; } .no_margin { margin-top: 0px !important; } /**********************************************action_detail***********************************/ .action_detail { width: 100%; } .action_detail .section_discount { min-height: 610px; background: #F1F1F1; padding-bottom: 49px; min-height: 0px; } .action_detail .section_discount .zag { float: left; font: 29px/35px 'MuseoSansCyrl-500'; width: 100%; text-align: center; margin-top: 41px; margin-bottom: 31px; } /**********************************************************************************************/ /*********************************************lessons******************************************/ .lessons { width: 100%; } .lessons_map { float: left; width: 100%; position: relative; } @media (max-width: 768px) { .lessons_map { display: none; } } .lessons_map .map_wrap { float: left; width: 100%; background: #F1F1F1; position: relative; margin-bottom: 144px; } .lessons_map .map_wrap .schedule_button_line { width: 100%; position: absolute; left: 0px; bottom: -77px; text-align: center; float: left; box-sizing: border-box; padding: 0px 30px; } .lessons_map .map_wrap .schedule_button_line a { display: inline-block; width: 100%; max-width: 341px; font: 18px/40px 'MuseoSansCyrl-500'; background: rgba(20, 201, 71, 0.45); border-radius: 5px; } .lessons_map .map_wrap .map_block { width: 100%; position: relative; overflow: hidden; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .lessons_map .map_wrap .map_block iframe { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } @media (max-width: 670px) { .lessons_map .map_wrap .map_block iframe { min-height: 300px; position: static; } } .lessons_map .map_wrap .map_block img { width: 100%; } @media (max-width: 670px) { .lessons_map .map_wrap .map_block img { display: none; } } .lessons_map .map_wrap .button_line { width: 100%; text-align: center; margin-top: 30px; margin-bottom: 41px; } .lessons_map .map_wrap .button_line a { display: inline-block; width: 100%; max-width: 200px; font: 18px/40px 'MuseoSansCyrl-300'; background: #DFDFDF; border: 1px solid #DFDFDF; box-sizing: border-box; border-radius: 5px; } .lessons_map .map_wrap .open_map { display: none; position: absolute; left: 0px; bottom: 0px; margin: 0px; } .lessons_map .map_wrap .open_map a { background: #F1F1F1; border: 1px solid #DFDFDF; } .lessons_map .zag_block { width: 100%; float: left; margin-top: 28px; margin-bottom: 32px; text-align: center; } .lessons_map .zag_block h3 { display: inline-block; font: 29px/32px 'MuseoSansCyrl-500'; } .lessons_map .zag_block h3 span { display: inline-block; margin-left: 8.75px; } .lessons .small_map { width: 100%; } .lessons .small_map .map_block { height: 129px; } .lessons .small_map .map_wrap { min-height: 0px; padding-bottom: 147px; position: relative; margin-bottom: 0px !important; } .lessons .small_map .map_wrap .close_map { display: none; } .lessons .small_map .map_wrap .open_map { position: absolute; left: 0px; bottom: 147px; width: 100%; display: block; } .lessons .small_map .map_wrap .schedule_button_line { width: 100%; position: absolute; left: 0px; bottom: 65px; text-align: center; float: left; box-sizing: border-box; padding: 0px 30px; } .lessons .small_map .map_wrap .schedule_button_line a { display: inline-block; width: 100%; max-width: 341px; font: 18px/40px 'MuseoSansCyrl-500'; background: rgba(20, 201, 71, 0.45); border-radius: 5px; } .lessons .menu_line { float: left; width: 348px; max-width: 100%; position: absolute; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; z-index: 9; } @media (max-width: 1600px) { .lessons .menu_line { width: 100%; position: static; display: flex; justify-content: space-between; } } .lessons .menu_line .nav { width: 100%; box-sizing: border-box; padding-left: 13.57px; padding-right: 22px; padding-top: 17px; padding-bottom: 12px; background: #F1F1F1; border-radius: 5px; float: left; } @media (max-width: 1600px) { .lessons .menu_line .nav { margin-bottom: 15px; display: flex; justify-content: space-between; } } @media (max-width: 1200px) { .lessons .menu_line .nav { display: block; } } .lessons .menu_line .nav .parent { cursor: pointer; position: relative; } @media (max-width: 1200px) { .lessons .menu_line .nav .parent { width: 50%; text-align: center; } .lessons .menu_line .nav .parent:nth-last-child(1) { width: 100%; } .lessons .menu_line .nav .parent:nth-last-child(1) .pod_menu { max-width: 280px; left: 50%; margin-left: -140px; } } @media (max-width: 768px) { .lessons .menu_line .nav .parent { width: 100%; } .lessons .menu_line .nav .parent h3 { font-size: 16px; } } .lessons .menu_line .nav li { width: 100%; padding-left: 36px; background-position: left 16px; background-repeat: no-repeat; padding-top: 16px; padding-bottom: 19px; border-bottom: 1px dashed #9A9999; float: left; box-sizing: border-box; } @media (max-width: 1600px) { .lessons .menu_line .nav li { float: left; width: auto; border: none; padding: 0px; background: none !important; } } .lessons .menu_line .nav li:nth-last-child(1) { border: none; } .lessons .menu_line .nav li .pod_menu { width: 100%; box-sizing: border-box; float: left; padding: 10px 0px; padding-left: 20px; display: none; text-align: left; } @media (max-width: 1600px) { .lessons .menu_line .nav li .pod_menu { position: absolute; left: 0px; top: 100%; background: #F1F1F1; z-index: 10; min-width: 228px; padding-left: 10px; } } @media (max-width: 1200px) { .lessons .menu_line .nav li .pod_menu { max-width: 280px; left: 50%; margin-left: -140px; text-align: center; } } @media (max-width: 768px) { .lessons .menu_line .nav li .pod_menu { width: 100% !important; max-width: 100% !important; margin: 0px !important; left: 0px; position: static; } } .lessons .menu_line .nav li .pod_menu li { padding: 0px; border: 0px; width: 100%; } .lessons .menu_line .nav li .pod_menu a { font: 18px/30px 'MuseoSansCyrl-300'; } .lessons .menu_line .nav li svg { float: left; margin-left: 9px; margin-top: 8.3px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } @media (max-width: 1200px) { .lessons .menu_line .nav li svg { float: none; display: inline-block; } } .lessons .menu_line .nav li h3 { float: left; font: 18px/22px 'MuseoSansCyrl-300'; } @media (max-width: 1200px) { .lessons .menu_line .nav li h3 { display: inline-block; float: none; } } .lessons .menu_line .nav .open svg { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .lessons .menu_line .nav .style1 { background-image: url("../img/nav_icon1.png"); color: #003F82; } .lessons .menu_line .nav .style1 svg path { fill: #003F82; } .lessons .menu_line .nav .style2 { background-image: url("../img/nav_icon2.png"); color: #F9014B; } .lessons .menu_line .nav .style2 svg path { fill: #F9014B; } .lessons .menu_line .nav .style3 { background-image: url("../img/nav_icon3.png"); color: #14C947; } .lessons .menu_line .nav .style3 svg path { fill: #14C947; } .lessons .menu_line .nav .style4 { background-image: url("../img/nav_icon4.png"); color: #B99503; } .lessons .menu_line .nav .style4 svg path { fill: #B99503; } .lessons .menu_line .nav .style5 { background-image: url("../img/nav_icon5.png"); color: #14A8C9; } .lessons .menu_line .nav .style5 svg path { fill: #14A8C9; } /***********************************************************************************************/ /*********************************************timetable******************************************/ .timetable { width: 100%; } .timetable .rezult_wrapper { float: left; width: 100%; padding-top: 2px; } .timetable .rezult_wrapper .table_scroll { float: left; width: 100%; padding-bottom: 20px; overflow-y: auto; } .timetable .rezult_wrapper .table_line { float: left; width: 100%; } .timetable .rezult_wrapper .table_line:nth-last-child(1) .rezut_block { border: 0px; padding-bottom: 41px; } .timetable .rezult_wrapper .table_line .rezut_block { width: 100%; max-width: 1329px; margin: 0 auto; padding-bottom: 15px; border-bottom: 1px dashed #9A9999; float: left; } .timetable .rezult_wrapper .table_line .rezut_block .zag_block { width: 100%; margin-top: 42px; margin-bottom: 19px; } .timetable .rezult_wrapper .table_line .rezut_block .zag_block h3 { display: inline-block; font: 29px/35px 'MuseoSansCyrl-300'; color: #0D66B8; margin-right: 2.63%; } .timetable .rezult_wrapper .table_line .rezut_block .zag_block .icon_block { display: inline-flex; width: 35.57%; justify-content: space-between; align-items: center; height: 35px; } @media (max-width: 768px) { .timetable .rezult_wrapper .table_line .rezut_block .zag_block .icon_block { width: 100%; } } .timetable .rezult_wrapper .table_line .rezut_block .zag_block .icon_block span { display: inline-block; } .timetable .rezult_wrapper .table_line .rezut_block .zag_block .icon_block span img { max-width: 100%; } @media (max-width: 500px) { .timetable .rezult_wrapper .table_line .rezut_block .zag_block .icon_block span { width: 20px; } } .timetable .rezult_wrapper .table_line .rezut_block .way { width: 100%; margin-bottom: 23px; } .timetable .rezult_wrapper .table_line .rezut_block .way h3 { display: inline-block; padding: 0px 9px; background: #F1F1F1; border-radius: 5px; font: 14px/28px 'MuseoSansCyrl-300'; } .timetable .rezult_wrapper .table_line .rezut_block .way p { display: inline-block; font: 14px/28px 'MuseoSansCyrl-300'; } .timetable .rezult_wrapper .table_line .rezut_block .way p b { display: inline-block; height: 23px; border-bottom: 1px solid #000000; } .timetable .rezult_wrapper .table_line .rezut_block .way .area { padding-right: 12px; border-right: 1px solid #000000; display: inline-block; } @media (max-width: 768px) { .timetable .rezult_wrapper .table_line .rezut_block .way .area { border-right: 0px; } } .timetable .rezult_wrapper .table_line .rezut_block .way .metro { display: inline-block; padding-left: 13px; } @media (max-width: 768px) { .timetable .rezult_wrapper .table_line .rezut_block .way .metro { width: 100%; padding-left: 0px; margin-top: 10px; } } .timetable .rezult_wrapper .table_line .rezut_block .way .metro p { padding-left: 20px; position: relative; } @media (max-width: 475px) { .timetable .rezult_wrapper .table_line .rezut_block .way .metro p { width: 100%; display: block; } } .timetable .rezult_wrapper .table_line .rezut_block .way .metro p:after { content: ''; width: 6px; height: 6px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 7px; top: 11px; } .timetable .rezult_wrapper .table_line .rezut_block .way .metro p span { display: inline-block; padding-left: 20.58px; color: #9A9999; background: url("../img/line.png") left center no-repeat; margin-left: 8.58px; } .timetable .rezult_wrapper .table_line .rezut_block .way .metro p i { display: inline-block; margin-left: 8px; margin-right: 7px; color: #9A9999; } @media (max-width: 768px) { .timetable .rezult_wrapper .table_line .rezut_block .way .metro p i { display: none; } } .timetable .rezult_wrapper .table_line .rezut_block .way .metro .color1:after { background: #F9014B; } .timetable .rezult_wrapper .table_line .rezut_block .way .metro .color2:after { background: #0D66B8; } .timetable .rezult_wrapper .table_line .rezut_block table { width: 100%; vertical-align: middle; text-align: center; min-width: 690px; } .timetable .rezult_wrapper .table_line .rezut_block table tr { height: 80px; } .timetable .rezult_wrapper .table_line .rezut_block table tr:nth-child(1) { height: auto !important; } .timetable .rezult_wrapper .table_line .rezut_block table tr:nth-child(even) { background: #F1F1F1; } .timetable .rezult_wrapper .table_line .rezut_block table th { padding: 0px 3.5px; padding-bottom: 14px; } @media (max-width: 992px) { .timetable .rezult_wrapper .table_line .rezut_block table th { padding: 0px 0.5px; padding-bottom: 5px; } } .timetable .rezult_wrapper .table_line .rezut_block table th:nth-child(1) { padding-left: 0px; } .timetable .rezult_wrapper .table_line .rezut_block table th:nth-last-child(1) { padding-right: 0px; } .timetable .rezult_wrapper .table_line .rezut_block table th h3 { display: inline-flex; justify-content: center; align-items: center; width: 100%; background: #9A9999; border-radius: 5px; min-height: 40px; font: 14px/17px 'MuseoSansCyrl-500'; } @media (max-width: 992px) { .timetable .rezult_wrapper .table_line .rezut_block table th h3 { font-size: 11px; line-height: 14px; } } .timetable .rezult_wrapper .table_line .rezut_block table th h3 span { display: inline-block; text-align: center; } .timetable .rezult_wrapper .table_line .rezut_block table th h3 a { display: inline-block; margin-left: 10px; } .timetable .rezult_wrapper .table_line .rezut_block table td { vertical-align: middle; } .timetable .rezult_wrapper .table_line .rezut_block table td .burden { display: inline-block; } @media (max-width: 768px) { .timetable .rezult_wrapper .table_line .rezut_block table td .burden { width: 20px; } } .timetable .rezult_wrapper .table_line .rezut_block table td .burden img { max-width: 100%; } .timetable .rezult_wrapper .table_line .rezut_block table td p { font: 14px/17px 'MuseoSansCyrl-500'; } @media (max-width: 992px) { .timetable .rezult_wrapper .table_line .rezut_block table td p { font-size: 10px; line-height: 13px; margin: 3px 0px; } } .timetable .rezult_wrapper .table_line .rezut_block table td .level { display: inline-flex; align-items: baseline; } .timetable .rezult_wrapper .table_line .rezut_block table td .level span { display: inline-block; width: 3px; background: #9A9999; border-radius: 3px; margin-right: 3px; height: 12px; } .timetable .rezult_wrapper .table_line .rezut_block table td .level span:nth-child(2) { height: 16px; } .timetable .rezult_wrapper .table_line .rezut_block table td .level span:nth-last-child(1) { margin-right: 0px; height: 21px; } .timetable .rezult_wrapper .table_line .rezut_block table td .level .action { background: #14C947; } .timetable .rezult_wrapper .table_line .rezut_block table td .price p { display: block; width: 100%; text-align: center; } .timetable .rezult_wrapper .table_line .rezut_block table td .price p span { color: #F9014B; } .timetable .rezult_wrapper .table_line .rezut_block table td .price p .old { display: inline-block; color: #000000; position: relative; } .timetable .rezult_wrapper .table_line .rezut_block table td .price p .old:after { content: ''; width: 100%; height: 1px; position: absolute; left: 0px; top: 50%; margin-top: -1px; background: #000000; -moz-transform: rotate(25.77deg); -webkit-transform: rotate(25.77deg); -o-transform: rotate(25.77deg); -ms-transform: rotate(25.77deg); transform: rotate(25.77deg); } .timetable .rezult_wrapper .table_line .rezut_block table td .button { display: inline-block; width: 100%; max-width: 160px; height: 40px; font: 18px/40px 'MuseoSansCyrl-300'; text-align: center; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background: #F9C801; } @media (max-width: 992px) { .timetable .rezult_wrapper .table_line .rezut_block table td .button { font-size: 11px; line-height: 30px; height: 30px; } } .timetable .rezult_wrapper .table_line .rezut_block table td .icon { display: inline-block; } .timetable .rezult_wrapper .table_line .rezut_block table .size1 { width: 163px; } .timetable .rezult_wrapper .table_line .rezut_block table .size2 { width: 122px; } .timetable .rezult_wrapper .table_line .rezut_block table .size3 { width: 200px; } @media (max-width: 992px) { .timetable .rezult_wrapper .table_line .rezut_block table .size3 img { width: 13px; } } .timetable .rezult_wrapper .table_line .rezut_block table .size4 { width: 150px; } .timetable .teachers_slider2 { width: 100%; overflow: hidden; position: relative; margin-top: 7px; float: left; padding-top: 21px; margin-bottom: 22px; } .timetable .teachers_slider2 .arrow { display: block; position: absolute; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; top: 50%; margin-top: -50px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); background-color: #FFFDFD; background-position: center; background-repeat: no-repeat; z-index: 9; } .timetable .teachers_slider2 .arrow:hover { box-shadow: none; } @media (max-width: 584px) { .timetable .teachers_slider2 .arrow { width: 50px; height: 50px; margin-top: -25px; } } .timetable .teachers_slider2 .prev { left: 10px; background-image: url("../img/prev.png"); } @media (max-width: 1542px) { .timetable .teachers_slider2 .prev { margin-left: 0px; left: 10px !important; } } .timetable .teachers_slider2 .next { right: 10px; background-image: url("../img/next.png"); } @media (max-width: 1542px) { .timetable .teachers_slider2 .next { margin-left: 0px; right: 10px; left: auto !important; } } .timetable .teachers_slider2 .slide { float: left; width: 33.33%; box-sizing: border-box; padding: 0px 9.5px; text-align: center; margin-bottom: 21px; } @media (max-width: 1600px) { .timetable .teachers_slider2 .slide { width: 50%; } } @media (max-width: 992px) { .timetable .teachers_slider2 .slide { width: 100%; } } .timetable .teachers_slider2 .slide_block { width: 100%; max-width: 500px; min-height: 308px; display: inline-flex; justify-content: space-between; background: #FFFDFD; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); border-radius: 5px; box-sizing: border-box; padding-left: 28px; padding-right: 33px; } @media (max-width: 463px) { .timetable .teachers_slider2 .slide_block { min-height: 0px; padding-left: 18px; padding-right: 18px; } } .timetable .teachers_slider2 .slide_block .img_block { float: left; width: 34.25%; } .timetable .teachers_slider2 .slide_block .img_block .img { width: 100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; margin-top: 16px; display: block; } .timetable .teachers_slider2 .slide_block .img_block .img img { width: 100%; } .timetable .teachers_slider2 .slide_block .img_block .star_line { width: 100%; text-align: center; margin-top: 13.18px; } @media (max-width: 410px) { .timetable .teachers_slider2 .slide_block .img_block .star_line { display: flex; justify-content: space-between; } } .timetable .teachers_slider2 .slide_block .img_block .star_line a { display: inline-block; margin-right: 5.86px; } @media (max-width: 410px) { .timetable .teachers_slider2 .slide_block .img_block .star_line a { margin-right: 0px; } } .timetable .teachers_slider2 .slide_block .img_block .star_line a:nth-last-child(1) { margin-right: 0px; } .timetable .teachers_slider2 .slide_block .img_block p { width: 100%; text-align: center; font: 14px/17px 'MuseoSansCyrl-300'; color: #9A9999; } .timetable .teachers_slider2 .slide_block .img_block p span { display: block; width: 100%; } .timetable .teachers_slider2 .slide_block .block_text { float: right; width: 57.9%; } .timetable .teachers_slider2 .slide_block .block_text .name { width: 100%; margin-top: 31px; margin-bottom: 19px; font: 24px/40px 'MuseoSansCyrl-300'; text-align: center; } @media (max-width: 1200px) { .timetable .teachers_slider2 .slide_block .block_text .name { font-size: 20px; line-height: 30px; } } @media (max-width: 463px) { .timetable .teachers_slider2 .slide_block .block_text .name { font-size: 13px; line-height: 18px; } } @media (max-width: 402px) { .timetable .teachers_slider2 .slide_block .block_text .name { font-size: 18px; line-height: 25px; } } .timetable .teachers_slider2 .slide_block .block_text .standing_line { width: 100%; text-align: center; margin-bottom: 23px; } @media (max-width: 463px) { .timetable .teachers_slider2 .slide_block .block_text .standing_line { margin-bottom: 13px; } } .timetable .teachers_slider2 .slide_block .block_text .standing_line .standing { display: inline-block; width: 100%; max-width: 200px; font: 18px/39px 'MuseoSansCyrl-300'; background: #F1F1F1; border-radius: 19.5px; } @media (max-width: 463px) { .timetable .teachers_slider2 .slide_block .block_text .standing_line .standing { font-size: 15px; line-height: 20px; border-radius: 10px; } } @media (max-width: 463px) { .timetable .teachers_slider2 .slide_block .block_text .standing_line .standing { font-size: 13px; line-height: 20px; border-radius: 10px; } } .timetable .teachers_slider2 .slide_block .block_text hr { width: 100%; border-top: 1px dashed #9A9999; margin: 0px; color: transparent; margin-bottom: 10px; } .timetable .teachers_slider2 .slide_block .block_text .theme { width: 100%; font: 14px/23px 'MuseoSansCyrl-300'; } .timetable .teachers_slider2 .slide_block .block_text .theme p { width: 100%; text-align: center; } .timetable .teachers_slider2 .slide_block .block_text .theme .linck_line { width: 100%; text-align: center; margin-top: 3px; color: #14C947; margin-bottom: 31px; } @media (max-width: 463px) { .timetable .teachers_slider2 .slide_block .block_text .theme .linck_line { margin-bottom: 13px; } } .timetable .teachers_slider2 .slide_block .block_text .theme .linck_line a { display: inline-block; } .timetable .teachers_slider2 .slide_block .block_text .theme .linck_line a span { display: inline-block; height: 18px; border-bottom: 1px solid #14C947; } .timetable .teachers_slider2 .slide_block .block_text .theme .linck_line b { display: inline-block; } .timetable .teachers_slider2 .slide_block .block_text .button_line { width: 100%; text-align: center; margin-bottom: 38px; } @media (max-width: 463px) { .timetable .teachers_slider2 .slide_block .block_text .button_line { margin-bottom: 13px; } } .timetable .teachers_slider2 .slide_block .block_text .button_line a { display: inline-block; width: 100%; max-width: 250px; height: 45px; font: 18px/45px 'MuseoSansCyrl-500'; text-align: center; border-radius: 22.5px; -moz-border-radius: 22.5px; -webkit-border-radius: 22.5px; box-shadow: 0px 0px 15px #F9C801; background: #F9C801; } @media (max-width: 463px) { .timetable .teachers_slider2 .slide_block .block_text .button_line a { font-size: 16px; line-height: 35px; height: 35px; border-radius: 17.5px; -moz-border-radius: 17.5px; -webkit-border-radius: 17.5px; } } @media (max-width: 402px) { .timetable .teachers_slider2 .slide_block .block_text .button_line a { font-size: 13px; line-height: 25px; height: 25px; border-radius: 12.5px; -moz-border-radius: 12.5px; -webkit-border-radius: 12.5px; } } /************************************************************************************************/ /******************************************choreography******************************************/ .choreography { width: 100%; } .choreography .map_wrap { padding-bottom: 0px !important; margin-bottom: 48px; } .choreography .map_wrap .open_map { bottom: 20px !important; margin: 20px 0px; position: static !important; } .choreography .filter_wrap { float: left; width: 100%; } .choreography .filter_wrap .zag { float: left; width: 100%; font: 36px/43px 'MuseoSansCyrl-500'; margin-top: 0px; text-align: center; margin-bottom: 35px; } .choreography .filter_wrap .zag small { display: block; width: 100%; font: 18px/22px 'MuseoSansCyrl-300'; } .choreography .filter_wrap .button_line { float: left; width: 100%; text-align: center; margin-bottom: 35px; } .choreography .filter_wrap .button_line a { display: inline-block; width: 255px; background: #9A9999; border-radius: 5px 5px 0px 0px; font: 24px/35px 'MuseoSansCyrl-300'; text-align: center; box-sizing: border-box; } @media (max-width: 539px) { .choreography .filter_wrap .button_line a { float: left; width: 50%; } } @media (max-width: 360px) { .choreography .filter_wrap .button_line a { font-size: 20px; } } .choreography .filter_wrap .button_line .action { background: #F9C801; border-bottom: 1px solid #9A9999; height: 35px; } .choreography .filter_wrap form { float: left; width: 100%; } .choreography .filter_wrap .select_line { width: 100%; display: flex; justify-content: space-between; margin: 0 auto; margin-bottom: 29px; max-width: 1412px; } @media (max-width: 1200px) { .choreography .filter_wrap .select_line { display: block; } } .choreography .filter_wrap .select_line .select_block { float: left; width: 25%; } @media (max-width: 1200px) { .choreography .filter_wrap .select_line .select_block { width: 50% !important; margin-bottom: 10px; } } @media (max-width: 768px) { .choreography .filter_wrap .select_line .select_block { width: 100% !important; text-align: center; } } .choreography .filter_wrap .select_line .select { position: relative; display: inline-block; max-width: 384px; width: 100%; height: 40px; background: #F1F1F1; border: 1px solid #9A9999; box-sizing: border-box; border-radius: 5px; } .choreography .filter_wrap .select_line .select .option { position: absolute; left: 0px; top: 39px; padding: 40px 0px; padding-top: 40px; padding-bottom: 40px; padding-left: 0px; padding-left: 39px; box-sizing: border-box; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); border-radius: 0px 0px 5px 5px; background: #F1F1F1; border: 1px solid #9A9999; text-align: left; width: 100%; opacity: 0; z-index: -1; } .choreography .filter_wrap .select_line .select .option .scroll { width: 100%; height: 480px; overflow: hidden; } .choreography .filter_wrap .select_line .select .option .scroll .mCSB_scrollTools { width: 10px; right: 17px; } .choreography .filter_wrap .select_line .select .option .scroll .mCSB_scrollTools:after { content: ''; position: absolute; top: 0px; height: 100%; width: 4px; background: #DFDFDF; border-radius: 3px; left: 50%; margin-left: -1px; } .choreography .filter_wrap .select_line .select .option .scroll .mCSB_dragger_bar { width: 10px !important; height: 25px !important; background: #C4C4C4 !important; border-radius: 3px !important; } .choreography .filter_wrap .select_line .select .option .scroll ul { width: 100%; } .choreography .filter_wrap .select_line .select .option .scroll ul li { font: 18px/40px 'MuseoSansCyrl-300'; width: 100%; } .choreography .filter_wrap .select_line .select .option .scroll ul li h3 { color: #14C947; text-align: left; width: 100%; line-height: 29px; } .choreography .filter_wrap .select_line .select .option .scroll ul li h3 span { display: block; width: 100%; color: inherit; } .choreography .filter_wrap .select_line .select .option .scroll ul li a span { display: inline-block; height: 32px; } .choreography .filter_wrap .select_line .select .option .scroll ul .cheng { color: #9A9999; } .choreography .filter_wrap .select_line .select .option .scroll ul .cheng span { border-bottom: 1px solid #9A9999; } .choreography .filter_wrap .select_line .select:after { content: ''; width: 12px; height: 7.41px; background: url("../img/arrow_select.png") center; position: absolute; right: 22px; top: 17.3px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .choreography .filter_wrap .select_line .select input { width: 100%; box-sizing: border-box; padding-left: 30px; font: 18px/22px 'MuseoSansCyrl-300'; height: 40px; background: none; } .choreography .filter_wrap .select_line .open:after { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .choreography .filter_wrap .checkbox_wrap { float: left; width: 100%; text-align: center; margin-bottom: 0px; } .choreography .filter_wrap .checkbox_wrap .checkbox_line { display: inline-flex; width: 100%; max-width: 1484px; justify-content: space-between; align-items: center; } @media (max-width: 1200px) { .choreography .filter_wrap .checkbox_wrap .checkbox_line { display: block; text-align: center; } } @media (max-width: 413px) { .choreography .filter_wrap .checkbox_wrap .checkbox_line { display: none; } } .choreography .filter_wrap .checkbox_wrap .checkbox_line .checkbox { display: inline-block; position: relative; } .choreography .filter_wrap .checkbox_wrap .checkbox_line .checkbox input { position: absolute; left: 0px; top: 0px; opacity: 0; z-index: -1; } .choreography .filter_wrap .checkbox_wrap .checkbox_line .checkbox a { display: inline-block; width: 16px; height: 16px; margin-top: 3px; margin-right: 15px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #C4C4C4; position: relative; } @media (max-width: 1200px) { .choreography .filter_wrap .checkbox_wrap .checkbox_line .checkbox a { margin-left: 20px; } } .choreography .filter_wrap .checkbox_wrap .checkbox_line .checkbox p { display: inline-block; font: 18px/22px 'MuseoSansCyrl-300'; color: #9A9999; } .choreography .filter_wrap .checkbox_wrap .checkbox_line .check a:after { content: ''; width: 6px; height: 6px; position: absolute; left: 50%; margin-left: -3px; top: 50%; margin-top: -3px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #00902D; } .choreography .filter_wrap .checkbox_wrap .checkbox_line .check p { color: #000000; } .choreography .filter_wrap .checkbox_wrap .checkbox_line .open_dop_filter { width: 21.98%; text-align: right; } @media (max-width: 1200px) { .choreography .filter_wrap .checkbox_wrap .checkbox_line .open_dop_filter { width: 100%; text-align: center; margin-top: 10px; } } .choreography .filter_wrap .checkbox_wrap .checkbox_line .open_dop_filter a { display: inline-block; width: 100%; max-width: 244px; padding-left: 14px; box-sizing: border-box; font: 18px/40px 'MuseoSansCyrl-300'; position: relative; background: #DFDFDF; border-radius: 5px; text-align: left; } .choreography .filter_wrap .checkbox_wrap .checkbox_line .open_dop_filter a::after { content: ''; width: 12px; height: 7.41px; background: url("../img/arrow_select.png") center; position: absolute; right: 16px; top: 17.3px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .choreography .filter_wrap .checkbox_wrap .checkbox_line .open_dop_filter .open:after { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .choreography .teachers_slider2 { width: 100%; overflow: hidden; position: relative; margin-top: 7px; float: left; padding-top: 21px; margin-bottom: 22px; } .choreography .teachers_slider2 .arrow { display: block; position: absolute; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; top: 50%; margin-top: -50px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); background-color: #FFFDFD; background-position: center; background-repeat: no-repeat; z-index: 9; } .choreography .teachers_slider2 .arrow:hover { box-shadow: none; } @media (max-width: 584px) { .choreography .teachers_slider2 .arrow { width: 50px; height: 50px; margin-top: -25px; } } .choreography .teachers_slider2 .prev { left: 10px; background-image: url("../img/prev.png"); } @media (max-width: 1542px) { .choreography .teachers_slider2 .prev { margin-left: 0px; left: 10px !important; } } .choreography .teachers_slider2 .next { right: 10px; background-image: url("../img/next.png"); } @media (max-width: 1542px) { .choreography .teachers_slider2 .next { margin-left: 0px; right: 10px; left: auto !important; } } .choreography .teachers_slider2 .slide { float: left; width: 33.33%; box-sizing: border-box; padding: 0px 9.5px; text-align: center; margin-bottom: 21px; } @media (max-width: 1600px) { .choreography .teachers_slider2 .slide { width: 50%; } } @media (max-width: 992px) { .choreography .teachers_slider2 .slide { width: 100%; } } .choreography .teachers_slider2 .slide_block { width: 100%; max-width: 500px; min-height: 308px; display: inline-flex; justify-content: space-between; background: #FFFDFD; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); border-radius: 5px; box-sizing: border-box; padding-left: 28px; padding-right: 33px; } @media (max-width: 463px) { .choreography .teachers_slider2 .slide_block { min-height: 0px; padding-left: 18px; padding-right: 18px; } } .choreography .teachers_slider2 .slide_block .img_block { float: left; width: 34.25%; } .choreography .teachers_slider2 .slide_block .img_block .img { width: 100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; margin-top: 16px; display: block; } .choreography .teachers_slider2 .slide_block .img_block .img img { width: 100%; } .choreography .teachers_slider2 .slide_block .img_block .star_line { width: 100%; text-align: center; margin-top: 13.18px; } @media (max-width: 410px) { .choreography .teachers_slider2 .slide_block .img_block .star_line { display: flex; justify-content: space-between; } } .choreography .teachers_slider2 .slide_block .img_block .star_line a { display: inline-block; margin-right: 5.86px; } @media (max-width: 410px) { .choreography .teachers_slider2 .slide_block .img_block .star_line a { margin-right: 0px; } } .choreography .teachers_slider2 .slide_block .img_block .star_line a:nth-last-child(1) { margin-right: 0px; } .choreography .teachers_slider2 .slide_block .img_block p { width: 100%; text-align: center; font: 14px/17px 'MuseoSansCyrl-300'; color: #9A9999; } .choreography .teachers_slider2 .slide_block .img_block p span { display: block; width: 100%; } .choreography .teachers_slider2 .slide_block .block_text { float: right; width: 57.9%; } .choreography .teachers_slider2 .slide_block .block_text .name { width: 100%; margin-top: 31px; margin-bottom: 19px; font: 24px/40px 'MuseoSansCyrl-300'; text-align: center; } @media (max-width: 1200px) { .choreography .teachers_slider2 .slide_block .block_text .name { font-size: 20px; line-height: 30px; } } @media (max-width: 463px) { .choreography .teachers_slider2 .slide_block .block_text .name { font-size: 13px; line-height: 18px; } } @media (max-width: 402px) { .choreography .teachers_slider2 .slide_block .block_text .name { font-size: 18px; line-height: 25px; } } .choreography .teachers_slider2 .slide_block .block_text .standing_line { width: 100%; text-align: center; margin-bottom: 23px; } @media (max-width: 463px) { .choreography .teachers_slider2 .slide_block .block_text .standing_line { margin-bottom: 13px; } } .choreography .teachers_slider2 .slide_block .block_text .standing_line .standing { display: inline-block; width: 100%; max-width: 200px; font: 18px/39px 'MuseoSansCyrl-300'; background: #F1F1F1; border-radius: 19.5px; } @media (max-width: 463px) { .choreography .teachers_slider2 .slide_block .block_text .standing_line .standing { font-size: 15px; line-height: 20px; border-radius: 10px; } } @media (max-width: 463px) { .choreography .teachers_slider2 .slide_block .block_text .standing_line .standing { font-size: 13px; line-height: 20px; border-radius: 10px; } } .choreography .teachers_slider2 .slide_block .block_text hr { width: 100%; border-top: 1px dashed #9A9999; margin: 0px; color: transparent; margin-bottom: 10px; } .choreography .teachers_slider2 .slide_block .block_text .theme { width: 100%; font: 14px/23px 'MuseoSansCyrl-300'; } .choreography .teachers_slider2 .slide_block .block_text .theme p { width: 100%; text-align: center; } .choreography .teachers_slider2 .slide_block .block_text .theme .linck_line { width: 100%; text-align: center; margin-top: 3px; color: #14C947; margin-bottom: 31px; } @media (max-width: 463px) { .choreography .teachers_slider2 .slide_block .block_text .theme .linck_line { margin-bottom: 13px; } } .choreography .teachers_slider2 .slide_block .block_text .theme .linck_line a { display: inline-block; } .choreography .teachers_slider2 .slide_block .block_text .theme .linck_line a span { display: inline-block; height: 18px; border-bottom: 1px solid #14C947; } .choreography .teachers_slider2 .slide_block .block_text .theme .linck_line b { display: inline-block; } .choreography .teachers_slider2 .slide_block .block_text .button_line { width: 100%; text-align: center; margin-bottom: 38px; } @media (max-width: 463px) { .choreography .teachers_slider2 .slide_block .block_text .button_line { margin-bottom: 13px; } } .choreography .teachers_slider2 .slide_block .block_text .button_line a { display: inline-block; width: 100%; max-width: 250px; height: 45px; font: 18px/45px 'MuseoSansCyrl-500'; text-align: center; border-radius: 22.5px; -moz-border-radius: 22.5px; -webkit-border-radius: 22.5px; box-shadow: 0px 0px 15px #F9C801; background: #F9C801; } @media (max-width: 463px) { .choreography .teachers_slider2 .slide_block .block_text .button_line a { font-size: 16px; line-height: 35px; height: 35px; border-radius: 17.5px; -moz-border-radius: 17.5px; -webkit-border-radius: 17.5px; } } @media (max-width: 402px) { .choreography .teachers_slider2 .slide_block .block_text .button_line a { font-size: 13px; line-height: 25px; height: 25px; border-radius: 12.5px; -moz-border-radius: 12.5px; -webkit-border-radius: 12.5px; } } .choreography .table_scroll { float: left; width: 100%; padding-bottom: 20px; overflow-y: auto; } .choreography .table_line { float: left; width: 100%; } .choreography .table_line:nth-last-child(1) .rezut_block { border: 0px; padding-bottom: 41px; } .choreography .table_line .rezut_block { width: 100%; max-width: 1329px; margin: 0 auto; padding-bottom: 15px; border-bottom: 1px dashed #9A9999; float: left; } .choreography .table_line .rezut_block .zag_block { width: 100%; margin-top: 42px; margin-bottom: 19px; } .choreography .table_line .rezut_block .zag_block h3 { display: inline-block; font: 29px/35px 'MuseoSansCyrl-300'; color: #0D66B8; margin-right: 2.63%; } .choreography .table_line .rezut_block .zag_block .icon_block { display: inline-flex; width: 35.57%; justify-content: space-between; align-items: center; height: 35px; } @media (max-width: 768px) { .choreography .table_line .rezut_block .zag_block .icon_block { width: 100%; } } .choreography .table_line .rezut_block .zag_block .icon_block span { display: inline-block; } .choreography .table_line .rezut_block .way { width: 100%; margin-bottom: 23px; } .choreography .table_line .rezut_block .way h3 { display: inline-block; padding: 0px 9px; background: #F1F1F1; border-radius: 5px; font: 14px/28px 'MuseoSansCyrl-300'; } .choreography .table_line .rezut_block .way p { display: inline-block; font: 14px/28px 'MuseoSansCyrl-300'; } .choreography .table_line .rezut_block .way p b { display: inline-block; height: 23px; border-bottom: 1px solid #000000; } .choreography .table_line .rezut_block .way .area { padding-right: 12px; border-right: 1px solid #000000; display: inline-block; } @media (max-width: 768px) { .choreography .table_line .rezut_block .way .area { border-right: 0px; } } .choreography .table_line .rezut_block .way .metro { display: inline-block; padding-left: 13px; } @media (max-width: 768px) { .choreography .table_line .rezut_block .way .metro { width: 100%; padding-left: 0px; margin-top: 10px; } } .choreography .table_line .rezut_block .way .metro p { padding-left: 20px; position: relative; } @media (max-width: 475px) { .choreography .table_line .rezut_block .way .metro p { width: 100%; display: block; } } .choreography .table_line .rezut_block .way .metro p:after { content: ''; width: 6px; height: 6px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 7px; top: 11px; } .choreography .table_line .rezut_block .way .metro p span { display: inline-block; padding-left: 20.58px; color: #9A9999; background: url("../img/line.png") left center no-repeat; margin-left: 8.58px; } .choreography .table_line .rezut_block .way .metro p i { display: inline-block; margin-left: 8px; margin-right: 7px; color: #9A9999; } @media (max-width: 768px) { .choreography .table_line .rezut_block .way .metro p i { display: none; } } .choreography .table_line .rezut_block .way .metro .color1:after { background: #F9014B; } .choreography .table_line .rezut_block .way .metro .color2:after { background: #0D66B8; } .choreography .table_line .rezut_block table { width: 100%; vertical-align: middle; text-align: center; min-width: 690px; } .choreography .table_line .rezut_block table tr { height: 80px; } .choreography .table_line .rezut_block table tr:nth-child(1) { height: auto !important; } .choreography .table_line .rezut_block table tr:nth-child(even) { background: #F1F1F1; } .choreography .table_line .rezut_block table th { padding: 0px 3.5px; padding-bottom: 14px; } @media (max-width: 992px) { .choreography .table_line .rezut_block table th { padding: 0px 0.5px; padding-bottom: 5px; } } .choreography .table_line .rezut_block table th:nth-child(1) { padding-left: 0px; } .choreography .table_line .rezut_block table th:nth-last-child(1) { padding-right: 0px; } .choreography .table_line .rezut_block table th h3 { display: inline-flex; justify-content: center; align-items: center; width: 100%; background: #9A9999; border-radius: 5px; min-height: 40px; font: 14px/17px 'MuseoSansCyrl-500'; } @media (max-width: 992px) { .choreography .table_line .rezut_block table th h3 { font-size: 11px; line-height: 14px; } } .choreography .table_line .rezut_block table th h3 span { display: inline-block; text-align: center; } .choreography .table_line .rezut_block table th h3 a { display: inline-block; margin-left: 10px; } .choreography .table_line .rezut_block table td { vertical-align: middle; } .choreography .table_line .rezut_block table td .burden { display: inline-block; } @media (max-width: 768px) { .choreography .table_line .rezut_block table td .burden { width: 20px; } } .choreography .table_line .rezut_block table td .burden img { max-width: 100%; } .choreography .table_line .rezut_block table td p { font: 14px/17px 'MuseoSansCyrl-500'; } @media (max-width: 992px) { .choreography .table_line .rezut_block table td p { font-size: 10px; line-height: 13px; margin: 3px 0px; } } .choreography .table_line .rezut_block table td .level { display: inline-flex; align-items: baseline; } .choreography .table_line .rezut_block table td .level span { display: inline-block; width: 3px; background: #9A9999; border-radius: 3px; margin-right: 3px; height: 12px; } .choreography .table_line .rezut_block table td .level span:nth-child(2) { height: 16px; } .choreography .table_line .rezut_block table td .level span:nth-last-child(1) { margin-right: 0px; height: 21px; } .choreography .table_line .rezut_block table td .level .action { background: #14C947; } .choreography .table_line .rezut_block table td .price p { display: block; width: 100%; text-align: center; } .choreography .table_line .rezut_block table td .price p span { color: #F9014B; } .choreography .table_line .rezut_block table td .price p .old { display: inline-block; color: #000000; position: relative; } .choreography .table_line .rezut_block table td .price p .old:after { content: ''; width: 100%; height: 1px; position: absolute; left: 0px; top: 50%; margin-top: -1px; background: #000000; -moz-transform: rotate(25.77deg); -webkit-transform: rotate(25.77deg); -o-transform: rotate(25.77deg); -ms-transform: rotate(25.77deg); transform: rotate(25.77deg); } .choreography .table_line .rezut_block table td .button { display: inline-block; width: 100%; max-width: 160px; height: 40px; font: 18px/40px 'MuseoSansCyrl-300'; text-align: center; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background: #F9C801; } @media (max-width: 992px) { .choreography .table_line .rezut_block table td .button { font-size: 11px; line-height: 30px; height: 30px; } } .choreography .table_line .rezut_block table td .icon { display: inline-block; } .choreography .table_line .rezut_block table .size1 { width: 163px; } .choreography .table_line .rezut_block table .size2 { width: 122px; } .choreography .table_line .rezut_block table .size3 { width: 200px; } @media (max-width: 992px) { .choreography .table_line .rezut_block table .size3 img { width: 13px; } } .choreography .table_line .rezut_block table .size4 { width: 150px; } .choreography .dop_size { max-width: 1051px !important; } .choreography .similar { float: left; width: 100%; min-height: 490px; background: #F1F1F1; } @media (max-width: 1600px) { .choreography .similar { min-height: 0px; padding-bottom: 20px; } } .choreography .similar h3 { float: left; width: 100%; font: 29px/35px 'MuseoSansCyrl-300'; text-align: center; margin-top: 36px; margin-bottom: 38px; } .choreography .similar_line { float: left; width: calc(100% + 29px); margin-left: -14.5px; } .choreography .similar_line .block_wrap { float: left; width: 25%; box-sizing: border-box; padding: 0px 14.5px; position: relative; } @media (max-width: 992px) { .choreography .similar_line .block_wrap { width: 50%; text-align: center; margin-bottom: 20px; } } .choreography .similar_line .block_wrap .block { display: inline-block; border-radius: 0px 0px 10px 10px; overflow: hidden; width: 100%; max-width: 361.89px; position: relative; } .choreography .similar_line .block_wrap .block img { max-width: 100%; } .choreography .similar_line .block_wrap .block .text { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 54%); } @media (max-width: 768px) { .choreography .similar_line .block_wrap .block .text { background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 84%); } } .choreography .similar_line .block_wrap .block .text h3 { position: absolute; left: 0px; bottom: 12px; font: 36px/43px 'MuseoSansCyrl-700'; color: #ffffff; text-align: center; margin: 0px; } @media (max-width: 440px) { .choreography .similar_line .block_wrap .block .text h3 { font-size: 26px; line-height: 33px; } } .choreography .similar_line .block_wrap .block .text h3 span { display: flex; width: 100%; justify-content: center; align-items: center; font: 24px/20px 'MuseoSansCyrl-500'; } @media (max-width: 440px) { .choreography .similar_line .block_wrap .block .text h3 span { font-size: 15px; } } .choreography .similar_line .block_wrap .block .text h3 span i { display: inline-block; margin-right: 5px; } @media (max-width: 768px) { .choreography .lessons_map { display: none; } } .choreography .choreography_line .text_block .button_line { float: left; margin-top: -10px; } .choreography .choreography_line .text_block .icon_line { float: left; } /************************************************************************************************/ /******************************************************teacher***********************************/ .teacher { width: 100%; } .teacher .crumps { margin-bottom: 21px; } .teacher_block { float: left; width: 100%; min-height: 885px; background: #F0EFEF; } .teacher_block .img_block { float: left; width: 25.13%; padding-top: 111px; } @media (max-width: 992px) { .teacher_block .img_block { width: 100%; text-align: center; } } .teacher_block .img_block a { display: inline-block; width: 100%; max-width: 386px; margin-bottom: 16px; overflow: hidden; border-radius: 10px; position: relative; } @media (max-width: 992px) { .teacher_block .img_block a { width: 45%; } .teacher_block .img_block a:nth-child(1) { margin-right: 16px; } } @media (max-width: 464px) { .teacher_block .img_block a { margin-left: 0px !important; width: 100%; } } .teacher_block .img_block a img { max-width: 100%; } .teacher_block .img_block a:hover .text .play { background: #ff4040; } .teacher_block .img_block a .text { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 40.35%); } .teacher_block .img_block a .text p { width: 100%; text-align: center; font: 18px/22px 'MuseoSansCyrl-300'; color: white; left: 0px; bottom: 20px; position: absolute; } .teacher_block .img_block a .text .play { position: absolute; display: block; left: 50%; margin-left: -40px; top: 50%; margin-top: -40px; width: 80px; height: 80px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: rgba(255, 64, 64, 0.67); box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; } .teacher_block .img_block a .text .play i { display: block; } .teacher_block .text_block { float: right; width: 72.91%; position: relative; } @media (max-width: 992px) { .teacher_block .text_block { width: 100%; } } .teacher_block .text_block .name { width: 100%; margin-top: 31px; font: 36px/43px 'MuseoSansCyrl-700'; } .teacher_block .text_block .subject { width: 100%; font: 18px/22px 'MuseoSansCyrl-500'; margin-bottom: 31px; } .teacher_block .text_block .subject a { color: #14C947; display: inline-block; } .teacher_block .text_block .subject a span { display: inline-block; border-bottom: 1px solid #14C947; } .teacher_block .text_block .subject p { display: inline-block; width: auto; margin-bottom: 0px; } .teacher_block .text_block .standing { display: inline-block; font: 18px/40px 'MuseoSansCyrl-300'; background: rgba(249, 200, 1, 0.56); border-radius: 10px; padding-left: 23px; padding-right: 21px; margin-bottom: 31px; } .teacher_block .text_block .standing p { display: inline-block; width: auto; margin-right: 11px; font: 18px/40px 'MuseoSansCyrl-300'; margin-bottom: 0px; } .teacher_block .text_block .standing span { display: inline-block; font-family: 'MuseoSansCyrl-500'; } .teacher_block .text_block p { width: 100%; max-width: 865px; font: 18px/22px 'MuseoSansCyrl-300'; margin-bottom: 22px; } .teacher_block .text_block p span { display: block; width: 100%; } .teacher_block .text_block .hidden_text { display: none; } .teacher_block .text_block .button_line { width: 100%; max-width: 865px; text-align: center; margin-top: 10px; margin-bottom: 20px; } .teacher_block .text_block .button_line a { display: inline-block; width: 100%; max-width: 240px; height: 40px; font: 18px/40px 'MuseoSansCyrl-300'; text-align: center; border: 1px solid #9A9999; box-sizing: border-box; border-radius: 5px; color: #9A9999; } .teacher_block .text_block .icon_line { width: 100%; display: flex; left: 0px; bottom: 0px; justify-content: space-between; margin-top: 181px; } @media (max-width: 768px) { .teacher_block .text_block .icon_line { display: block; margin-top: 30px; } } .teacher_block .text_block .icon_line ul { display: block; } @media (max-width: 768px) { .teacher_block .text_block .icon_line ul { width: 100%; } } .teacher_block .text_block .icon_line ul li { display: flex; align-items: center; margin-bottom: 18px; } @media (max-width: 768px) { .teacher_block .text_block .icon_line ul li { margin-bottom: 18px !important; } } .teacher_block .text_block .icon_line ul li:nth-last-child(1) { margin-bottom: 0px; } .teacher_block .text_block .icon_line ul li span { display: block; margin-right: 34px; } .teacher_block .text_block .icon_line ul li p { font: 18px/22px 'MuseoSansCyrl-300'; margin: 0px; } .teacher_block .text_block .icon_line ul li p b { font-family: 'MuseoSansCyrl-500'; display: inline-block; margin-right: 10px; } .teacher .table_wrap { float: left; width: 100%; } .teacher .table_wrap .filter { float: left; width: 100%; } .teacher .table_wrap .filter form { width: 100%; float: left; } .teacher .table_wrap .filter .zag { float: left; width: 100%; text-align: center; font: 29px/35px 'MuseoSansCyrl-500'; margin-top: 29px; margin-bottom: 26px; } .teacher .table_wrap .filter .select_line { width: 100%; display: flex; justify-content: space-between; margin: 0 auto; margin-bottom: 29px; max-width: 1412px; } @media (max-width: 1200px) { .teacher .table_wrap .filter .select_line { display: block; } } .teacher .table_wrap .filter .select_line .select_block { float: left; width: 25%; } @media (max-width: 1200px) { .teacher .table_wrap .filter .select_line .select_block { width: 50% !important; margin-bottom: 10px; } .teacher .table_wrap .filter .select_line .select_block:nth-last-child(1) { width: 100% !important; text-align: center; } } @media (max-width: 768px) { .teacher .table_wrap .filter .select_line .select_block { width: 100% !important; text-align: center; } } .teacher .table_wrap .filter .select_line .select { position: relative; display: inline-block; max-width: 384px; width: 100%; height: 40px; background: #F1F1F1; border: 1px solid #9A9999; box-sizing: border-box; border-radius: 5px; } .teacher .table_wrap .filter .select_line .select .option { position: absolute; left: 0px; top: 39px; padding: 40px 0px; padding-top: 40px; padding-bottom: 40px; padding-left: 0px; padding-left: 39px; box-sizing: border-box; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); border-radius: 0px 0px 5px 5px; background: #F1F1F1; border: 1px solid #9A9999; text-align: left; width: 100%; opacity: 0; z-index: -1; } .teacher .table_wrap .filter .select_line .select .option .scroll { width: 100%; height: 480px; overflow: hidden; } .teacher .table_wrap .filter .select_line .select .option .scroll .mCSB_scrollTools { width: 10px; right: 17px; } .teacher .table_wrap .filter .select_line .select .option .scroll .mCSB_scrollTools:after { content: ''; position: absolute; top: 0px; height: 100%; width: 4px; background: #DFDFDF; border-radius: 3px; left: 50%; margin-left: -1px; } .teacher .table_wrap .filter .select_line .select .option .scroll .mCSB_dragger_bar { width: 10px !important; height: 25px !important; background: #C4C4C4 !important; border-radius: 3px !important; } .teacher .table_wrap .filter .select_line .select .option .scroll ul { width: 100%; } .teacher .table_wrap .filter .select_line .select .option .scroll ul li { font: 18px/40px 'MuseoSansCyrl-300'; width: 100%; } .teacher .table_wrap .filter .select_line .select .option .scroll ul li h3 { color: #14C947; text-align: left; width: 100%; line-height: 29px; } .teacher .table_wrap .filter .select_line .select .option .scroll ul li h3 span { display: block; width: 100%; color: inherit; } .teacher .table_wrap .filter .select_line .select .option .scroll ul li a span { display: inline-block; height: 32px; } .teacher .table_wrap .filter .select_line .select .option .scroll ul .cheng { color: #9A9999; } .teacher .table_wrap .filter .select_line .select .option .scroll ul .cheng span { border-bottom: 1px solid #9A9999; } .teacher .table_wrap .filter .select_line .select:after { content: ''; width: 12px; height: 7.41px; background: url("../img/arrow_select.png") center; position: absolute; right: 22px; top: 17.3px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .teacher .table_wrap .filter .select_line .select input { width: 100%; box-sizing: border-box; padding-left: 30px; font: 18px/22px 'MuseoSansCyrl-300'; height: 40px; background: none; } .teacher .table_wrap .filter .select_line .open:after { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .teacher .table_wrap .table_scroll { float: left; width: 100%; padding-bottom: 20px; overflow-y: auto; } .teacher .table_wrap .table_line { float: left; width: 100%; } .teacher .table_wrap .table_line:nth-last-child(1) .rezut_block { border: 0px; padding-bottom: 41px; } .teacher .table_wrap .table_line .rezut_block { width: 100%; max-width: 1329px; margin: 0 auto; padding-bottom: 15px; border-bottom: 1px dashed #9A9999; float: left; } .teacher .table_wrap .table_line .rezut_block .zag_block { width: 100%; margin-top: 42px; margin-bottom: 19px; } .teacher .table_wrap .table_line .rezut_block .zag_block h3 { display: inline-block; font: 29px/35px 'MuseoSansCyrl-300'; color: #0D66B8; margin-right: 2.63%; } .teacher .table_wrap .table_line .rezut_block .zag_block .icon_block { display: inline-flex; width: 35.57%; justify-content: space-between; align-items: center; height: 35px; } @media (max-width: 768px) { .teacher .table_wrap .table_line .rezut_block .zag_block .icon_block { width: 100%; } } .teacher .table_wrap .table_line .rezut_block .zag_block .icon_block span { display: inline-block; } .teacher .table_wrap .table_line .rezut_block .zag_block .icon_block span img { max-width: 100%; } @media (max-width: 500px) { .teacher .table_wrap .table_line .rezut_block .zag_block .icon_block span { width: 20px; } } .teacher .table_wrap .table_line .rezut_block .way { width: 100%; margin-bottom: 23px; } .teacher .table_wrap .table_line .rezut_block .way h3 { display: inline-block; padding: 0px 9px; background: #F1F1F1; border-radius: 5px; font: 14px/28px 'MuseoSansCyrl-300'; } .teacher .table_wrap .table_line .rezut_block .way p { display: inline-block; font: 14px/28px 'MuseoSansCyrl-300'; } .teacher .table_wrap .table_line .rezut_block .way p b { display: inline-block; height: 23px; border-bottom: 1px solid #000000; } .teacher .table_wrap .table_line .rezut_block .way .area { padding-right: 12px; border-right: 1px solid #000000; display: inline-block; } @media (max-width: 768px) { .teacher .table_wrap .table_line .rezut_block .way .area { border-right: 0px; } } .teacher .table_wrap .table_line .rezut_block .way .metro { display: inline-block; padding-left: 13px; } @media (max-width: 768px) { .teacher .table_wrap .table_line .rezut_block .way .metro { width: 100%; padding-left: 0px; margin-top: 10px; } } .teacher .table_wrap .table_line .rezut_block .way .metro p { padding-left: 20px; position: relative; } @media (max-width: 475px) { .teacher .table_wrap .table_line .rezut_block .way .metro p { width: 100%; display: block; } } .teacher .table_wrap .table_line .rezut_block .way .metro p:after { content: ''; width: 6px; height: 6px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 7px; top: 11px; } .teacher .table_wrap .table_line .rezut_block .way .metro p span { display: inline-block; padding-left: 20.58px; color: #9A9999; background: url("../img/line.png") left center no-repeat; margin-left: 8.58px; } .teacher .table_wrap .table_line .rezut_block .way .metro p i { display: inline-block; margin-left: 8px; margin-right: 7px; color: #9A9999; } @media (max-width: 768px) { .teacher .table_wrap .table_line .rezut_block .way .metro p i { display: none; } } .teacher .table_wrap .table_line .rezut_block .way .metro .color1:after { background: #F9014B; } .teacher .table_wrap .table_line .rezut_block .way .metro .color2:after { background: #0D66B8; } .teacher .table_wrap .table_line .rezut_block table { width: 100%; vertical-align: middle; text-align: center; min-width: 690px; } .teacher .table_wrap .table_line .rezut_block table tr { height: 80px; } .teacher .table_wrap .table_line .rezut_block table tr:nth-child(1) { height: auto !important; } .teacher .table_wrap .table_line .rezut_block table tr:nth-child(even) { background: #F1F1F1; } .teacher .table_wrap .table_line .rezut_block table th { padding: 0px 3.5px; padding-bottom: 14px; } @media (max-width: 992px) { .teacher .table_wrap .table_line .rezut_block table th { padding: 0px 0.5px; padding-bottom: 5px; } } .teacher .table_wrap .table_line .rezut_block table th:nth-child(1) { padding-left: 0px; } .teacher .table_wrap .table_line .rezut_block table th:nth-last-child(1) { padding-right: 0px; } .teacher .table_wrap .table_line .rezut_block table th h3 { display: inline-flex; justify-content: center; align-items: center; width: 100%; background: #9A9999; border-radius: 5px; min-height: 40px; font: 14px/17px 'MuseoSansCyrl-500'; } @media (max-width: 992px) { .teacher .table_wrap .table_line .rezut_block table th h3 { font-size: 11px; line-height: 14px; } } .teacher .table_wrap .table_line .rezut_block table th h3 span { display: inline-block; text-align: center; } .teacher .table_wrap .table_line .rezut_block table th h3 a { display: inline-block; margin-left: 10px; } .teacher .table_wrap .table_line .rezut_block table td { vertical-align: middle; } .teacher .table_wrap .table_line .rezut_block table td .burden { display: inline-block; } @media (max-width: 768px) { .teacher .table_wrap .table_line .rezut_block table td .burden { width: 20px; } } .teacher .table_wrap .table_line .rezut_block table td .burden img { max-width: 100%; } .teacher .table_wrap .table_line .rezut_block table td p { font: 14px/17px 'MuseoSansCyrl-500'; } @media (max-width: 992px) { .teacher .table_wrap .table_line .rezut_block table td p { font-size: 10px; line-height: 13px; margin: 3px 0px; } } .teacher .table_wrap .table_line .rezut_block table td .level { display: inline-flex; align-items: baseline; } .teacher .table_wrap .table_line .rezut_block table td .level span { display: inline-block; width: 3px; background: #9A9999; border-radius: 3px; margin-right: 3px; height: 12px; } .teacher .table_wrap .table_line .rezut_block table td .level span:nth-child(2) { height: 16px; } .teacher .table_wrap .table_line .rezut_block table td .level span:nth-last-child(1) { margin-right: 0px; height: 21px; } .teacher .table_wrap .table_line .rezut_block table td .level .action { background: #14C947; } .teacher .table_wrap .table_line .rezut_block table td .price p { display: block; width: 100%; text-align: center; } .teacher .table_wrap .table_line .rezut_block table td .price p span { color: #F9014B; } .teacher .table_wrap .table_line .rezut_block table td .price p .old { display: inline-block; color: #000000; position: relative; } .teacher .table_wrap .table_line .rezut_block table td .price p .old:after { content: ''; width: 100%; height: 1px; position: absolute; left: 0px; top: 50%; margin-top: -1px; background: #000000; -moz-transform: rotate(25.77deg); -webkit-transform: rotate(25.77deg); -o-transform: rotate(25.77deg); -ms-transform: rotate(25.77deg); transform: rotate(25.77deg); } .teacher .table_wrap .table_line .rezut_block table td .button { display: inline-block; width: 100%; max-width: 160px; height: 40px; font: 18px/40px 'MuseoSansCyrl-300'; text-align: center; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background: #F9C801; } @media (max-width: 992px) { .teacher .table_wrap .table_line .rezut_block table td .button { font-size: 11px; line-height: 30px; height: 30px; } } .teacher .table_wrap .table_line .rezut_block table td .icon { display: inline-block; } .teacher .table_wrap .table_line .rezut_block table .size1 { width: 163px; } .teacher .table_wrap .table_line .rezut_block table .size2 { width: 122px; } .teacher .table_wrap .table_line .rezut_block table .size3 { width: 200px; } @media (max-width: 992px) { .teacher .table_wrap .table_line .rezut_block table .size3 img { width: 13px; } } .teacher .table_wrap .table_line .rezut_block table .size4 { width: 150px; } .teacher_record { float: left; width: 100%; min-height: 448px; margin-top: 30px; background: linear-gradient(0deg, #5EA652 0%, rgba(15, 156, 12, 0.19) 100%); } .teacher_record .record_line { width: 100%; text-align: center; } .teacher_record .record_line .record_block { display: inline-block; width: 100%; max-width: 1106px; text-align: left; } .teacher_record .record_line .record_block .prepod_block { float: left; width: 24.95%; margin-top: 52px; } @media (max-width: 768px) { .teacher_record .record_line .record_block .prepod_block { float: none; width: 100%; max-width: 276px; margin: 0 auto; margin-top: 20px; } } .teacher_record .record_line .record_block .prepod_block .avatar { width: 100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; } .teacher_record .record_line .record_block .prepod_block .avatar img { max-width: 100%; } .teacher_record .record_line .record_block .prepod_block .star_line { width: 100%; text-align: center; margin-top: 25.13px; } .teacher_record .record_line .record_block .prepod_block .star_line a { display: inline-block; width: 20px; margin-right: 10px; } .teacher_record .record_line .record_block .prepod_block .star_line a:nth-last-child(1) { margin-right: 0px; } .teacher_record .record_line .record_block .prepod_block p { width: 100%; margin-top: 6.9px; text-align: center; font: 24px/40px 'MuseoSansCyrl-500'; } .teacher_record .record_line .record_block .text_block { float: right; width: 64.73%; } @media (max-width: 768px) { .teacher_record .record_line .record_block .text_block { width: 100%; } } .teacher_record .record_line .record_block .text_block h3 { width: 100%; font: 48px/58px 'MuseoSansCyrl-700'; margin-top: 114px; } @media (max-width: 768px) { .teacher_record .record_line .record_block .text_block h3 { font-size: 38px; line-height: 48px; text-align: center; margin-top: 20px; } } .teacher_record .record_line .record_block .text_block h3 span { color: white; } .teacher_record .record_line .record_block .text_block .button_line { width: 100%; margin-top: 44px; margin-bottom: 30px; } @media (max-width: 768px) { .teacher_record .record_line .record_block .text_block .button_line { width: 100%; text-align: center; } } .teacher_record .record_line .record_block .text_block .button_line a { display: inline-block; width: 100%; max-width: 386px; height: 60px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; box-shadow: 0px 0px 15px #F9C801; background: #F9C801; font: 29px/60px 'MuseoSansCyrl-500'; text-align: center; } /************************************************************************************************/ /********************************************rent************************************************/ .rent { width: 100%; } .rent .map_wrap { padding-bottom: 0px !important; margin-bottom: 54px; } .rent .map_wrap .open_map { bottom: 20px !important; margin: 20px 0px; position: static !important; } .rent .adres_wrap { width: 100%; float: left; margin-bottom: 156px; } @media (max-width: 1200px) { .rent .adres_wrap { margin-bottom: 50px; } } .rent .adres_wrap .zag { font: 29px/35px 'MuseoSansCyrl-300'; width: 100%; margin-bottom: 46px; text-align: center; } .rent .adres_wrap .adres_line { width: 100%; display: flex; justify-content: space-between; } @media (max-width: 992px) { .rent .adres_wrap .adres_line { display: block; } } .rent .adres_wrap .adres_line ul { display: block; } @media (max-width: 992px) { .rent .adres_wrap .adres_line ul { float: left; width: 50%; text-align: center; } .rent .adres_wrap .adres_line ul:nth-last-child(1) { width: 100%; } } @media (max-width: 530px) { .rent .adres_wrap .adres_line ul { width: 100%; } } .rent .adres_wrap .adres_line ul a { font: 24px/40px 'MuseoSansCyrl-300'; color: #0D66B8; } @media (max-width: 1200px) { .rent .adres_wrap .adres_line ul a { font-size: 16px; line-height: 36px; } } .rent .adres_wrap .adres_line ul a span { color: #0D66B8; border-bottom: 1px solid #0D66B8; height: 35px; } .rent .record { float: left; width: 100%; min-height: 370px; background: linear-gradient(0deg, #5274A6 0%, rgba(156, 12, 124, 0.19) 100%); } .rent .record_block { width: 100%; min-height: 370px; position: relative; } .rent .record_block .img { position: absolute; left: 8.46%; bottom: 16px; width: 27.71%; } @media (max-width: 992px) { .rent .record_block .img { width: 100%; position: static; float: left; text-align: center; } } .rent .record_block .img img { max-width: 100%; } .rent .record_block .text_block { float: right; width: 58.39%; } @media (max-width: 992px) { .rent .record_block .text_block { width: 100%; text-align: center; } } .rent .record_block .text_block h3 { width: 100%; font: 48px/58px 'MuseoSansCyrl-700'; margin-top: 69px; } @media (max-width: 1600px) { .rent .record_block .text_block h3 { font-size: 38px; line-height: 48px; } } .rent .record_block .text_block h3 span { color: white; } .rent .record_block .text_block .button_line { width: 100%; margin-top: 44px; margin-bottom: 30px; } @media (max-width: 768px) { .rent .record_block .text_block .button_line { width: 100%; text-align: center; } } .rent .record_block .text_block .button_line a { display: inline-block; width: 100%; max-width: 386px; height: 60px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; box-shadow: 0px 0px 15px #F9C801; background: #F9C801; font: 29px/60px 'MuseoSansCyrl-500'; text-align: center; } /*************************************************************************************************/ /********************************************adres***********************************************/ .adres { width: 100%; } .adres_map { float: left; width: 100%; } .adres_map .map_wrap { float: left; width: 50%; margin-bottom: 51px; text-align: center; } @media (max-width: 992px) { .adres_map .map_wrap { width: 100%; margin-bottom: 0px; } } .adres_map .map_wrap .map { position: relative; width: 100%; max-width: 768px; display: inline-block; } .adres_map .map_wrap img { max-width: 100%; } .adres_map .map_wrap iframe { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .adres_map .text { float: left; width: 50%; box-sizing: border-box; padding-left: 60px; } @media (max-width: 992px) { .adres_map .text { width: 100%; padding-left: 0px; text-align: center; padding-bottom: 20px; } } .adres_map .text h3 { width: 100%; max-width: 670px; text-align: center; font: 29px/35px 'MuseoSansCyrl-500'; } @media (max-width: 992px) { .adres_map .text h3 { max-width: 100%; } } .adres_map .text p { width: 100%; max-width: 670px; font: 24px/40px 'MuseoSansCyrl-300'; margin-top: 45px; } @media (max-width: 992px) { .adres_map .text p { max-width: 100%; } } .adres_foto { float: left; width: 100%; } .adres_foto .slider_wrap { width: 100%; float: left; background: #F1F1F1; padding-bottom: 83px; } .adres_foto .slider_wrap .zag { float: left; width: 100%; font: 29px/35px 'MuseoSansCyrl-500'; text-align: center; margin-top: 48px; margin-bottom: 57px; } .adres_foto .slider_wrap .slider_line { float: left; width: 100%; position: relative; text-align: center; overflow: hidden; } .adres_foto .slider_wrap .slider_line .slider_foto { display: inline-block; width: 92.83%; overflow: hidden; } @media (max-width: 768px) { .adres_foto .slider_wrap .slider_line .slider_foto { min-width: 124%; } } .adres_foto .slider_wrap .slider_line .slider_foto .arrow { display: block; position: absolute; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; top: 50%; margin-top: -50px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); background-color: #FFFDFD; background-position: center; background-repeat: no-repeat; z-index: 9; } .adres_foto .slider_wrap .slider_line .slider_foto .arrow:hover { box-shadow: none; } @media (max-width: 768px) { .adres_foto .slider_wrap .slider_line .slider_foto .arrow { width: 50px; height: 50px; margin-top: -25px; } } .adres_foto .slider_wrap .slider_line .slider_foto .prev { margin-left: -99px; background-image: url("../img/prev.png"); } @media (max-width: 1542px) { .adres_foto .slider_wrap .slider_line .slider_foto .prev { margin-left: 0px; left: 10px !important; } } .adres_foto .slider_wrap .slider_line .slider_foto .next { margin-right: -15px; background-image: url("../img/next.png"); } @media (max-width: 1746px) { .adres_foto .slider_wrap .slider_line .slider_foto .next { margin-left: 0px; } } @media (max-width: 1542px) { .adres_foto .slider_wrap .slider_line .slider_foto .next { margin-right: 10px; right: 0px; left: auto !important; } } @media (max-width: 768px) { .adres_foto .slider_wrap .slider_line .slider_foto .next { margin-right: 0px; } } .adres_foto .slider_wrap .slider_line .slider_foto .slide { float: left; width: 33.333%; box-sizing: border-box; padding: 0px 22px; text-align: center; } @media (max-width: 768px) { .adres_foto .slider_wrap .slider_line .slider_foto .slide { padding: 0px 10px; } } .adres_foto .slider_wrap .slider_line .slider_foto .slide a { display: inline-block; width: 100%; max-width: 444px; } .adres_foto .slider_wrap .slider_line .slider_foto .slide a img { max-width: 100%; } .adres_foto .button_line { float: left; width: 100%; margin-top: 50px; text-align: center; } .adres_foto .button_line a { display: inline-block; width: 100%; max-width: 208px; text-align: center; font: 18px/40px 'MuseoSansCyrl-500'; border: 1px solid #14C947; box-sizing: border-box; border-radius: 5px; background: rgba(20, 201, 71, 0.45); } .adres .record { float: left; width: 100%; min-height: 370px; background: linear-gradient(0deg, #5274A6 0%, rgba(156, 12, 124, 0.19) 100%); margin-top: 90px; } @media (max-width: 1200px) { .adres .record { margin-top: 50px; } } .adres .record_block { width: 100%; min-height: 370px; position: relative; } .adres .record_block .img { position: absolute; left: 8.46%; bottom: 16px; width: 27.71%; } @media (max-width: 992px) { .adres .record_block .img { width: 100%; position: static; float: left; text-align: center; } } .adres .record_block .img img { max-width: 100%; } .adres .record_block .text_block { float: right; width: 58.39%; } @media (max-width: 992px) { .adres .record_block .text_block { width: 100%; text-align: center; } } .adres .record_block .text_block h3 { width: 100%; font: 48px/58px 'MuseoSansCyrl-700'; margin-top: 69px; } @media (max-width: 1600px) { .adres .record_block .text_block h3 { font-size: 38px; line-height: 48px; } } .adres .record_block .text_block h3 span { color: white; } .adres .record_block .text_block .button_line { width: 100%; margin-top: 44px; margin-bottom: 30px; } @media (max-width: 768px) { .adres .record_block .text_block .button_line { width: 100%; text-align: center; } } .adres .record_block .text_block .button_line a { display: inline-block; width: 100%; max-width: 386px; height: 60px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; box-shadow: 0px 0px 15px #F9C801; background: #F9C801; font: 29px/60px 'MuseoSansCyrl-500'; text-align: center; } .adres .table_scroll { float: left; width: 100%; padding-bottom: 20px; overflow-y: auto; } .adres .table_line { float: left; width: 100%; } .adres .table_line:nth-last-child(1) .rezut_block { border: 0px; } .adres .table_line .rezut_block { width: 100%; max-width: 1329px; margin: 0 auto; float: left; } .adres .table_line .rezut_block .zag_block { width: 100%; margin-top: 42px; margin-bottom: 19px; } .adres .table_line .rezut_block .zag_block h3 { display: inline-block; font: 29px/35px 'MuseoSansCyrl-300'; color: #0D66B8; margin-right: 2.63%; } .adres .table_line .rezut_block .zag_block .icon_block { display: inline-flex; width: 35.57%; justify-content: space-between; align-items: center; height: 35px; } @media (max-width: 768px) { .adres .table_line .rezut_block .zag_block .icon_block { width: 100%; } } .adres .table_line .rezut_block .zag_block .icon_block span { display: inline-block; } .adres .table_line .rezut_block .way { width: 100%; margin-bottom: 23px; } .adres .table_line .rezut_block .way h3 { display: inline-block; padding: 0px 9px; background: #F1F1F1; border-radius: 5px; font: 14px/28px 'MuseoSansCyrl-300'; } .adres .table_line .rezut_block .way p { display: inline-block; font: 14px/28px 'MuseoSansCyrl-300'; } .adres .table_line .rezut_block .way p b { display: inline-block; height: 23px; border-bottom: 1px solid #000000; } .adres .table_line .rezut_block .way .area { padding-right: 12px; border-right: 1px solid #000000; display: inline-block; } @media (max-width: 768px) { .adres .table_line .rezut_block .way .area { border-right: 0px; } } .adres .table_line .rezut_block .way .metro { display: inline-block; padding-left: 13px; } @media (max-width: 768px) { .adres .table_line .rezut_block .way .metro { width: 100%; padding-left: 0px; margin-top: 10px; } } .adres .table_line .rezut_block .way .metro p { padding-left: 20px; position: relative; } @media (max-width: 475px) { .adres .table_line .rezut_block .way .metro p { width: 100%; display: block; } } .adres .table_line .rezut_block .way .metro p:after { content: ''; width: 6px; height: 6px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 7px; top: 11px; } .adres .table_line .rezut_block .way .metro p span { display: inline-block; padding-left: 20.58px; color: #9A9999; background: url("../img/line.png") left center no-repeat; margin-left: 8.58px; } .adres .table_line .rezut_block .way .metro p i { display: inline-block; margin-left: 8px; margin-right: 7px; color: #9A9999; } @media (max-width: 768px) { .adres .table_line .rezut_block .way .metro p i { display: none; } } .adres .table_line .rezut_block .way .metro .color1:after { background: #F9014B; } .adres .table_line .rezut_block .way .metro .color2:after { background: #0D66B8; } .adres .table_line .rezut_block table { width: 100%; vertical-align: middle; text-align: center; min-width: 690px; } .adres .table_line .rezut_block table tr { height: 80px; } .adres .table_line .rezut_block table tr:nth-child(1) { height: auto !important; } .adres .table_line .rezut_block table tr:nth-child(even) { background: #F1F1F1; } .adres .table_line .rezut_block table th { padding: 0px 3.5px; padding-bottom: 14px; } @media (max-width: 992px) { .adres .table_line .rezut_block table th { padding: 0px 0.5px; padding-bottom: 5px; } } .adres .table_line .rezut_block table th:nth-child(1) { padding-left: 0px; } .adres .table_line .rezut_block table th:nth-last-child(1) { padding-right: 0px; } .adres .table_line .rezut_block table th h3 { display: inline-flex; justify-content: center; align-items: center; width: 100%; background: #9A9999; border-radius: 5px; min-height: 40px; font: 14px/17px 'MuseoSansCyrl-500'; } @media (max-width: 992px) { .adres .table_line .rezut_block table th h3 { font-size: 11px; line-height: 14px; } } .adres .table_line .rezut_block table th h3 span { display: inline-block; text-align: center; } .adres .table_line .rezut_block table th h3 a { display: inline-block; margin-left: 10px; } .adres .table_line .rezut_block table td { vertical-align: middle; } .adres .table_line .rezut_block table td .burden { display: inline-block; } @media (max-width: 768px) { .adres .table_line .rezut_block table td .burden { width: 20px; } } .adres .table_line .rezut_block table td .burden img { max-width: 100%; } .adres .table_line .rezut_block table td p { font: 14px/17px 'MuseoSansCyrl-500'; } @media (max-width: 992px) { .adres .table_line .rezut_block table td p { font-size: 10px; line-height: 13px; margin: 3px 0px; } } .adres .table_line .rezut_block table td .level { display: inline-flex; align-items: baseline; } .adres .table_line .rezut_block table td .level span { display: inline-block; width: 3px; background: #9A9999; border-radius: 3px; margin-right: 3px; height: 12px; } .adres .table_line .rezut_block table td .level span:nth-child(2) { height: 16px; } .adres .table_line .rezut_block table td .level span:nth-last-child(1) { margin-right: 0px; height: 21px; } .adres .table_line .rezut_block table td .level .action { background: #14C947; } .adres .table_line .rezut_block table td .price p { display: block; width: 100%; text-align: center; } .adres .table_line .rezut_block table td .price p span { color: #F9014B; } .adres .table_line .rezut_block table td .price p .old { display: inline-block; color: #000000; position: relative; } .adres .table_line .rezut_block table td .price p .old:after { content: ''; width: 100%; height: 1px; position: absolute; left: 0px; top: 50%; margin-top: -1px; background: #000000; -moz-transform: rotate(25.77deg); -webkit-transform: rotate(25.77deg); -o-transform: rotate(25.77deg); -ms-transform: rotate(25.77deg); transform: rotate(25.77deg); } .adres .table_line .rezut_block table td .button { display: inline-block; width: 100%; max-width: 160px; height: 40px; font: 18px/40px 'MuseoSansCyrl-300'; text-align: center; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background: #F9C801; } @media (max-width: 992px) { .adres .table_line .rezut_block table td .button { font-size: 11px; line-height: 30px; height: 30px; } } .adres .table_line .rezut_block table td .icon { display: inline-block; } .adres .table_line .rezut_block table .size1 { width: 163px; } .adres .table_line .rezut_block table .size2 { width: 122px; } .adres .table_line .rezut_block table .size3 { width: 200px; } @media (max-width: 992px) { .adres .table_line .rezut_block table .size3 img { width: 13px; } } .adres .table_line .rezut_block table .size4 { width: 150px; } .adres .teacher_line .zag { margin-top: 7px; margin-bottom: 14px; } .adres .teachers_slider3 { width: 100%; overflow: hidden; position: relative; margin-top: 7px; float: left; padding-top: 21px; margin-bottom: 22px; } .adres .teachers_slider3 .arrow { display: block; position: absolute; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; top: 50%; margin-top: -50px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); background-color: #FFFDFD; background-position: center; background-repeat: no-repeat; z-index: 9; } .adres .teachers_slider3 .arrow:hover { box-shadow: none; } @media (max-width: 584px) { .adres .teachers_slider3 .arrow { width: 50px; height: 50px; margin-top: -25px; } } .adres .teachers_slider3 .prev { left: 10px; background-image: url("../img/prev.png"); } @media (max-width: 1542px) { .adres .teachers_slider3 .prev { margin-left: 0px; left: 10px !important; } } .adres .teachers_slider3 .next { right: 10px; background-image: url("../img/next.png"); } @media (max-width: 1542px) { .adres .teachers_slider3 .next { margin-left: 0px; right: 10px; left: auto !important; } } .adres .teachers_slider3 .slide { float: left; width: 33.33%; box-sizing: border-box; padding: 0px 9.5px; text-align: center; margin-bottom: 21px; } @media (max-width: 1600px) { .adres .teachers_slider3 .slide { width: 50% !important; } } @media (max-width: 992px) { .adres .teachers_slider3 .slide { width: 100% !important; } } .adres .teachers_slider3 .slide_block { width: 100%; max-width: 500px; min-height: 308px; display: inline-flex; justify-content: space-between; background: #FFFDFD; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); border-radius: 5px; box-sizing: border-box; padding-left: 28px; padding-right: 33px; } @media (max-width: 463px) { .adres .teachers_slider3 .slide_block { min-height: 0px; padding-left: 18px; padding-right: 18px; } } .adres .teachers_slider3 .slide_block .img_block { float: left; width: 34.25%; } .adres .teachers_slider3 .slide_block .img_block .img { width: 100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; margin-top: 16px; display: block; } .adres .teachers_slider3 .slide_block .img_block .img img { width: 100%; } .adres .teachers_slider3 .slide_block .img_block .star_line { width: 100%; text-align: center; margin-top: 13.18px; } @media (max-width: 410px) { .adres .teachers_slider3 .slide_block .img_block .star_line { display: flex; justify-content: space-between; } } .adres .teachers_slider3 .slide_block .img_block .star_line a { display: inline-block; margin-right: 5.86px; } @media (max-width: 410px) { .adres .teachers_slider3 .slide_block .img_block .star_line a { margin-right: 0px; } } .adres .teachers_slider3 .slide_block .img_block .star_line a:nth-last-child(1) { margin-right: 0px; } .adres .teachers_slider3 .slide_block .img_block p { width: 100%; text-align: center; font: 14px/17px 'MuseoSansCyrl-300'; color: #9A9999; } .adres .teachers_slider3 .slide_block .img_block p span { display: block; width: 100%; } .adres .teachers_slider3 .slide_block .block_text { float: right; width: 57.9%; } .adres .teachers_slider3 .slide_block .block_text .name { width: 100%; margin-top: 31px; margin-bottom: 19px; font: 24px/40px 'MuseoSansCyrl-300'; text-align: center; } @media (max-width: 1200px) { .adres .teachers_slider3 .slide_block .block_text .name { font-size: 20px; line-height: 30px; } } @media (max-width: 463px) { .adres .teachers_slider3 .slide_block .block_text .name { font-size: 13px; line-height: 18px; } } @media (max-width: 402px) { .adres .teachers_slider3 .slide_block .block_text .name { font-size: 18px; line-height: 25px; } } .adres .teachers_slider3 .slide_block .block_text .standing_line { width: 100%; text-align: center; margin-bottom: 23px; } @media (max-width: 463px) { .adres .teachers_slider3 .slide_block .block_text .standing_line { margin-bottom: 13px; } } .adres .teachers_slider3 .slide_block .block_text .standing_line .standing { display: inline-block; width: 100%; max-width: 200px; font: 18px/39px 'MuseoSansCyrl-300'; background: #F1F1F1; border-radius: 19.5px; } @media (max-width: 463px) { .adres .teachers_slider3 .slide_block .block_text .standing_line .standing { font-size: 15px; line-height: 20px; border-radius: 10px; } } @media (max-width: 463px) { .adres .teachers_slider3 .slide_block .block_text .standing_line .standing { font-size: 13px; line-height: 20px; border-radius: 10px; } } .adres .teachers_slider3 .slide_block .block_text hr { width: 100%; border-top: 1px dashed #9A9999; margin: 0px; color: transparent; margin-bottom: 10px; } .adres .teachers_slider3 .slide_block .block_text .theme { width: 100%; font: 14px/23px 'MuseoSansCyrl-300'; } .adres .teachers_slider3 .slide_block .block_text .theme p { width: 100%; text-align: center; } .adres .teachers_slider3 .slide_block .block_text .theme .linck_line { width: 100%; text-align: center; margin-top: 3px; color: #14C947; margin-bottom: 31px; } @media (max-width: 463px) { .adres .teachers_slider3 .slide_block .block_text .theme .linck_line { margin-bottom: 13px; } } .adres .teachers_slider3 .slide_block .block_text .theme .linck_line a { display: inline-block; } .adres .teachers_slider3 .slide_block .block_text .theme .linck_line a span { display: inline-block; height: 18px; border-bottom: 1px solid #14C947; } .adres .teachers_slider3 .slide_block .block_text .theme .linck_line b { display: inline-block; } .adres .teachers_slider3 .slide_block .block_text .button_line { width: 100%; text-align: center; margin-bottom: 38px; } @media (max-width: 463px) { .adres .teachers_slider3 .slide_block .block_text .button_line { margin-bottom: 13px; } } .adres .teachers_slider3 .slide_block .block_text .button_line a { display: inline-block; width: 100%; max-width: 250px; height: 45px; font: 18px/45px 'MuseoSansCyrl-500'; text-align: center; border-radius: 22.5px; -moz-border-radius: 22.5px; -webkit-border-radius: 22.5px; box-shadow: 0px 0px 15px #F9C801; background: #F9C801; } @media (max-width: 463px) { .adres .teachers_slider3 .slide_block .block_text .button_line a { font-size: 16px; line-height: 35px; height: 35px; border-radius: 17.5px; -moz-border-radius: 17.5px; -webkit-border-radius: 17.5px; } } @media (max-width: 402px) { .adres .teachers_slider3 .slide_block .block_text .button_line a { font-size: 13px; line-height: 25px; height: 25px; border-radius: 12.5px; -moz-border-radius: 12.5px; -webkit-border-radius: 12.5px; } } /************************************************************************************************/ /*****************************************contacts************************************************/ .contacts { width: 100%; } .contacts .record { float: left; width: 100%; min-height: 370px; background: linear-gradient(0deg, #5EA652 0%, rgba(15, 156, 12, 0.19) 100%); margin-top: 105px; } .contacts .record_block { width: 100%; min-height: 370px; position: relative; } .contacts .record_block .img { position: absolute; left: 8.46%; bottom: 0px; width: 27%; } @media (max-width: 992px) { .contacts .record_block .img { width: 100%; position: static; float: left; text-align: center; } } .contacts .record_block .img img { max-width: 100%; } .contacts .record_block .text_block { float: right; width: 58.39%; } @media (max-width: 992px) { .contacts .record_block .text_block { width: 100%; text-align: center; } } .contacts .record_block .text_block h3 { width: 100%; font: 48px/58px 'MuseoSansCyrl-700'; margin-top: 69px; } @media (max-width: 1600px) { .contacts .record_block .text_block h3 { font-size: 38px; line-height: 48px; } } .contacts .record_block .text_block h3 span { color: white; } .contacts .record_block .text_block .button_line { width: 100%; margin-top: 44px; margin-bottom: 30px; } @media (max-width: 768px) { .contacts .record_block .text_block .button_line { width: 100%; text-align: center; } } .contacts .record_block .text_block .button_line a { display: inline-block; width: 100%; max-width: 386px; height: 60px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; box-shadow: 0px 0px 15px #F9C801; background: #F9C801; font: 29px/60px 'MuseoSansCyrl-500'; text-align: center; } /************************************************************************************************/ /************************************************************action********************************/ .action { width: 100%; } .action_zag { float: left; width: 100%; font: 36px/43px 'MuseoSansCyrl-500'; text-align: center; margin-bottom: 32px; } .action .slider_block { position: relative; width: 100%; float: left; overflow: hidden; } .action .slider_block .arrow { display: block; position: absolute; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; top: 50%; margin-top: -50px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); background-color: #FFFDFD; background-position: center; background-repeat: no-repeat; z-index: 9; } .action .slider_block .arrow:hover { box-shadow: none; } @media (max-width: 584px) { .action .slider_block .arrow { width: 50px; height: 50px; margin-top: -25px !important; } } .action .slider_block .prev_slide { margin-left: -99px; background-image: url("../img/prev.png"); left: 0px; } @media (max-width: 1300px) { .action .slider_block .prev_slide { margin-left: 0px; } } .action .slider_block .next_slide { margin-right: -99px; right: 0px; background-image: url("../img/next.png"); } @media (max-width: 1300px) { .action .slider_block .next_slide { margin-right: 0px; } } .action_slider { float: left; width: calc(100% + 16px); margin-left: -8px; overflow: hidden; padding-top: 20px; margin-bottom: 44px; } @media (max-width: 768px) { .action_slider { width: 776px; } } @media (max-width: 500px) { .action_slider { width: 530px; } } .action_slider .slide { float: left; box-sizing: border-box; padding: 0px 8px; text-align: center; margin-bottom: 30px; } .action_slider .slide_block { display: inline-block; width: 100%; max-width: 372px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #FFFDFD; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); position: relative; overflow: hidden; } .action_slider .slide_block .logo { position: absolute; top: 0px; right: 0px; } .action_slider .slide_block img { max-width: 100%; } .action_slider .slide_block .text_block { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 315px; background: linear-gradient(360deg, rgba(245, 198, 78, 0.87) 57.81%, rgba(224, 189, 98, 0.04) 100%); } .action_slider .slide_block .text_block .sale { width: 100%; margin-top: 38.2px; text-align: center; font: 24px/47.9px 'MuseoSansCyrl-500'; color: #ffffff; } @media (max-width: 584px) { .action_slider .slide_block .text_block .sale { font-size: 20px; line-height: 30px; } } .action_slider .slide_block .text_block .sale b { display: inline-block; margin-right: 23px; } @media (max-width: 584px) { .action_slider .slide_block .text_block .sale b { margin-right: 13px; } } .action_slider .slide_block .text_block .sale span { display: inline-block; width: 131px; text-align: center; background: #F9014B; border-radius: 23.95px; -moz-border-radius: 23.95px; -webkit-border-radius: 23.95px; } @media (max-width: 584px) { .action_slider .slide_block .text_block .sale span { width: 100px; } } .action_slider .slide_block .text_block h4 { width: 100%; font: 24px/40px 'MuseoSansCyrl-500'; text-align: center; margin-top: 14.71px; margin-bottom: 17px; } @media (max-width: 380px) { .action_slider .slide_block .text_block h4 { line-height: 30px; } } .action_slider .slide_block .text_block h4 span { display: block; width: 100%; } .action_slider .slide_block .text_block .dop_margin { margin-bottom: 7px; } .action_slider .slide_block .text_block p { width: 100%; font: 14px/17px 'MuseoSansCyrl-300'; margin-bottom: 17px; padding: 0px 30.79px; box-sizing: border-box; } .action_slider .slide_block .text_block p span { display: block; width: 100%; } /*************************************************************************************************/ /**********************************************mentor*********************************************/ .teachers_slider2 { width: 100%; overflow: hidden; position: relative; margin-top: 7px; float: left; padding-top: 21px; margin-bottom: 22px; } .teachers_slider2 .arrow { display: block; position: absolute; width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; top: 50%; margin-top: -50px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); background-color: #FFFDFD; background-position: center; background-repeat: no-repeat; z-index: 9; } .teachers_slider2 .arrow:hover { box-shadow: none; } @media (max-width: 584px) { .teachers_slider2 .arrow { width: 50px; height: 50px; margin-top: -25px; } } .teachers_slider2 .prev { left: 10px; background-image: url("../img/prev.png"); } @media (max-width: 1542px) { .teachers_slider2 .prev { margin-left: 0px; left: 10px !important; } } .teachers_slider2 .next { right: 10px; background-image: url("../img/next.png"); } @media (max-width: 1542px) { .teachers_slider2 .next { margin-left: 0px; right: 10px; left: auto !important; } } .teachers_slider2 .slide { float: left; width: 33.33%; box-sizing: border-box; padding: 0px 9.5px; text-align: center; margin-bottom: 21px; } @media (max-width: 1600px) { .teachers_slider2 .slide { width: 50%; } } @media (max-width: 992px) { .teachers_slider2 .slide { width: 100%; } } .teachers_slider2 .slide_block { width: 100%; max-width: 500px; min-height: 308px; display: inline-flex; justify-content: space-between; background: #FFFDFD; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); border-radius: 5px; box-sizing: border-box; padding-left: 28px; padding-right: 33px; } @media (max-width: 463px) { .teachers_slider2 .slide_block { min-height: 0px; padding-left: 18px; padding-right: 18px; } } .teachers_slider2 .slide_block .img_block { float: left; width: 34.25%; } .teachers_slider2 .slide_block .img_block .img { width: 100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; margin-top: 16px; display: block; } .teachers_slider2 .slide_block .img_block .img img { width: 100%; } .teachers_slider2 .slide_block .img_block .star_line { width: 100%; text-align: center; margin-top: 13.18px; } @media (max-width: 410px) { .teachers_slider2 .slide_block .img_block .star_line { display: flex; justify-content: space-between; } } .teachers_slider2 .slide_block .img_block .star_line a { display: inline-block; margin-right: 5.86px; } @media (max-width: 410px) { .teachers_slider2 .slide_block .img_block .star_line a { margin-right: 0px; } } .teachers_slider2 .slide_block .img_block .star_line a:nth-last-child(1) { margin-right: 0px; } .teachers_slider2 .slide_block .img_block p { width: 100%; text-align: center; font: 14px/17px 'MuseoSansCyrl-300'; color: #9A9999; } .teachers_slider2 .slide_block .img_block p span { display: block; width: 100%; } .teachers_slider2 .slide_block .block_text { float: right; width: 57.9%; } .teachers_slider2 .slide_block .block_text .name { width: 100%; margin-top: 31px; margin-bottom: 19px; font: 24px/40px 'MuseoSansCyrl-300'; text-align: center; } @media (max-width: 1200px) { .teachers_slider2 .slide_block .block_text .name { font-size: 20px; line-height: 30px; } } @media (max-width: 463px) { .teachers_slider2 .slide_block .block_text .name { font-size: 13px; line-height: 18px; } } @media (max-width: 402px) { .teachers_slider2 .slide_block .block_text .name { font-size: 18px; line-height: 25px; } } .teachers_slider2 .slide_block .block_text .standing_line { width: 100%; text-align: center; margin-bottom: 23px; } @media (max-width: 463px) { .teachers_slider2 .slide_block .block_text .standing_line { margin-bottom: 13px; } } .teachers_slider2 .slide_block .block_text .standing_line .standing { display: inline-block; width: 100%; max-width: 200px; font: 18px/39px 'MuseoSansCyrl-300'; background: #F1F1F1; border-radius: 19.5px; } @media (max-width: 463px) { .teachers_slider2 .slide_block .block_text .standing_line .standing { font-size: 15px; line-height: 20px; border-radius: 10px; } } @media (max-width: 463px) { .teachers_slider2 .slide_block .block_text .standing_line .standing { font-size: 13px; line-height: 20px; border-radius: 10px; } } .teachers_slider2 .slide_block .block_text hr { width: 100%; border-top: 1px dashed #9A9999; margin: 0px; color: transparent; margin-bottom: 10px; } .teachers_slider2 .slide_block .block_text .theme { width: 100%; font: 14px/23px 'MuseoSansCyrl-300'; } .teachers_slider2 .slide_block .block_text .theme p { width: 100%; text-align: center; } .teachers_slider2 .slide_block .block_text .theme .linck_line { width: 100%; text-align: center; margin-top: 3px; color: #14C947; margin-bottom: 31px; } @media (max-width: 463px) { .teachers_slider2 .slide_block .block_text .theme .linck_line { margin-bottom: 13px; } } .teachers_slider2 .slide_block .block_text .theme .linck_line a { display: inline-block; } .teachers_slider2 .slide_block .block_text .theme .linck_line a span { display: inline-block; height: 18px; border-bottom: 1px solid #14C947; } .teachers_slider2 .slide_block .block_text .theme .linck_line b { display: inline-block; } .teachers_slider2 .slide_block .block_text .button_line { width: 100%; text-align: center; margin-bottom: 38px; } @media (max-width: 463px) { .teachers_slider2 .slide_block .block_text .button_line { margin-bottom: 13px; } } .teachers_slider2 .slide_block .block_text .button_line a { display: inline-block; width: 100%; max-width: 250px; height: 45px; font: 18px/45px 'MuseoSansCyrl-500'; text-align: center; border-radius: 22.5px; -moz-border-radius: 22.5px; -webkit-border-radius: 22.5px; box-shadow: 0px 0px 15px #F9C801; background: #F9C801; } @media (max-width: 463px) { .teachers_slider2 .slide_block .block_text .button_line a { font-size: 16px; line-height: 35px; height: 35px; border-radius: 17.5px; -moz-border-radius: 17.5px; -webkit-border-radius: 17.5px; } } @media (max-width: 402px) { .teachers_slider2 .slide_block .block_text .button_line a { font-size: 13px; line-height: 25px; height: 25px; border-radius: 12.5px; -moz-border-radius: 12.5px; -webkit-border-radius: 12.5px; } } /***********************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, em center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, select, input { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; font-weight: normal; } a { text-decoration: none; color: inherit; outline: none; } input:focus, a:focus { outline: none !important; } select:focus { outline: none; } textarea { border: 0px; padding: 0px; } textarea:focus { outline: none; } header, section, footer { width: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .res_line { text-align: justify; } .line_block { display: inline-block; float: none; } .after { display: inline-block; width: 0px; height: 0px; margin-left: 100%; }