blockquote::before, blockquote::after, q::before, q::after { content: none; } :focus { outline: 0px none; } a { font-family: Comic Sans MS; cursor: pointer; } * { max-height: 999999px; } h1{ font-size:24px} h2{ font-size:18px} h2{ font-size:16px} h1, h2, h3{ text-align:center; margin:10px 0px; font-weight:900} body { font-family: Comic Sans MS; float: left; width: 100%; cursor: default; } .fs{ font-size:16px; color: rgb(232, 19, 49);} .p100 { float: left; width: 100%; background:#CCCCCC } .px700 { margin: 0px auto; width: 700px; } .px800 { margin: 0px auto; width: 800px; } .px940 { margin: 0px auto; width: 940px; } .px960 { margin: 0px auto; width: 960px; } .logo{ float:left}@font-face { font-family: "agatha-modsfdsfern"; src: url("/fonts/10362.ttf");} p{ margin:5px 0px;} p:first-letter{ margin-left:10px} h1{ font-size:24px} h2{ font-size:18px;} h3{ font-size:16px} ul li{ margin-left:35px} .logo a img{ margin-top:0px !important} .bg_main_b { position: fixed; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16), 0px 3px 6px rgba(0, 0, 0, 0.23); z-index: 9; } .main { height: 60px; } .menubtn { float: left; height: 100%; width: 46px; line-height: 80px; font-size: 16px; padding-left: 24px; background-repeat: no-repeat; background-position: left center; } .main_logocontent { float: left; margin:15px 20px; text-align: center; left:25%; position: relative } .main_logo_c { margin: 0px auto; height: 100%; display: inline-block; margin-top:0px; font-size:20px } .main_logo_c a{ color:#0099FF; font-weight:900; font-size:22px} .main_logo_c a:hover{ color:#0033FF} .mail_logo_name { float: left; font-size: 20px; line-height: 50px; margin: 0px 20px; } .phones { float: right; margin:15px 0px; font-weight: 700; font-size: 28px;} .main_phone { float: left; text-align: right; height: 30px; width: auto; background-repeat: no-repeat; background-position: left center; font-size:28px; line-height:25px; } .form-tel{ left:50%; position: relative; margin-left: -130px;} .form-tel-vtor{ margin-top:10px; margin-bottom:10px} .main_grafic { float: left; text-align: right; height: 20px; width: 100%; font-size: 16px; } .glavn_bg, .glavn_bg-vtor { background-position: center center; background-repeat: no-repeat; background-size: cover;} .glavn_bg-vtor{height:300px;} .glavn_bg_zat { float: left; width: 100%; height: 100%; } .glavn_zag { width: 100%; font-size: 40px; text-align: center; margin-top: 100px; } .glavn_zag-vtor{ margin-top:40px} .glavn_poloska, .glavn_poloska-vtor { float: left; width: 400px; height: 2px; margin: 20px 270px; } .glavn_poloska-vtor{margin-top:0px; margin-bottom:0px} .glavn_podzag { width: 100%; font-size: 22px; text-align: center; } .glavn_form { float: left; width: 820px; padding: 0px 60px; margin-top: 40px; border-radius: 5px; } .glavn_form_conf { font-size: 14px; float: left; width: 100%; margin-bottom: 10px; text-align: center; } .form_close { position: absolute; right: 2px; top: 0px; width: 14px; height: 14px; background-position: center center; background-repeat: no-repeat; } .inp_glavn_form { width: 181px; margin-right: 10px; } .btn_glavn_form { height: 39px; border-width: medium medium 2px; border-style: none none solid; border-color: -moz-use-text-color; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 3px; font-size: 14px; cursor: pointer; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24); transition: background-color 300ms linear 0ms; } .glavn_form_zag { float: left; width: 100%; margin-top: 20px; font-size: 22px; text-align: center; margin-bottom:20px} .glavn_form_podzag { float: left; width: 100%; margin-top: 15px; margin-bottom: 15px; font-size: 14px; text-align: center; } .zag { float: left; width: 100%; font-size: 30px; height: 100px; line-height: 100px; text-align: center; } .usl_btn { height: 45px; width: 100%; border-width: medium medium 2px; border-style: none none solid; border-color: -moz-use-text-color; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 3px; font-size: 16px; cursor: pointer; margin-top: 8px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24); transition: background-color 300ms linear 0ms; } .gal_bloc { float: left; width: 32%; background-position: center top; background-size: cover; border-width: 1px; border-style: solid; margin: 0px 5px 35px; } .gal_hover { float: left; cursor: pointer; width: 100%; height: 100%; opacity: 0; transition: opacity 300ms linear 0ms; } .gal_hover:hover { opacity: 1; } .gal_zag { float: left; width: 268px; text-align: center; font-size: 20px; padding: 0px 15px; margin-top: 35px; } .gal_podzag { float: left; width: 268px; font-size: 16px; line-height: 20px; height: 60px; padding: 0px 15px; margin: 15px 0px; } .gal_btn { float: left; width: 40px; height: 40px; background: transparent url('/img/zoom.png') no-repeat scroll center center; border: medium none; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24); margin: 0px 129px; border-radius: 20px; transition: background-color 300ms linear 0ms; } .about_bloc { font-size: 16px; line-height: 20px; padding-bottom: 35px; text-align: justify; } .about_img { float: left; width: 378px; margin: 0px 15px 15px 0px; border-style: solid; border-width: 1px; } .poradok_bg { background-position: center center; background-repeat: no-repeat; background-size: cover; } .poradok_bloc { float: left; margin: 0px 10px 35px; width: 330px; height: 80px; } .poradok_circle { float: left; width: 70px; height: 70px; border-radius: 40px; border: 5px solid rgb(255, 0, 4); font-size: 32px; text-align: center; line-height: 70px; background-clip: padding-box; } .poradok_strel { float: left; width: 30px; height: 30px; background: rgb(255, 255, 255) none no-repeat scroll center center; border-radius: 15px; margin: 25px 15px 25px -15px; text-align: center; font-size: 24px; } .poradok_text { float: left; font-size: 16px; width: 220px; position: relative; top: 50%; transform: translateY(-50%); } .otz_bnt { float: left; width: 200px; margin: 0px 380px 35px; } .news_bloc { float: left; margin: 0px 10px 35px; width: 460px; } .inp { border-style: solid; border-width: 1px; height: 38px; font-size: 20px; line-height: 38px; padding: 0px 10px; font-family: Comic Sans MS; border-radius: 3px;width: 55%; } .textarea { height: 120px; line-height: normal; padding-top: 10px; padding-bottom: 10px; resize: none; } .p50 { float: left; width: 50%; height: 40px; text-align: left; font-size: 16px; line-height: 40px; } .left_main { width: 300px; height: 100%; background-color: rgb(255, 255, 255); z-index: 999; position: fixed; margin-left: -320px; box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.19), 6px 0px 6px rgba(0, 0, 0, 0.23); transition: margin 150ms linear 0ms; } .left_main_close { float: left; margin-left: 40px; height: 80px; width: 236px; line-height: 80px; font-size: 16px; padding-left: 24px; background-repeat: no-repeat; background-position: left center; } .left_main_poloas { float: left; width: 100%; border-bottom: 2px solid; margin-bottom: 20px; } .left_main_punct { float: left; width: 260px; height:30px; font-size: 16px; line-height:20px; padding-left: 30px; } .bg { background-color: rgb(0, 0, 0); position: fixed; margin-left: -100%; cursor: default; width: 100%; height: 100%; z-index: 99; opacity: 0; transition: opacity 150ms linear 0ms; } .obrzv_forma { width: 640px; height: 160px; position: fixed; z-index: 999; left: 50%; top: 50%; margin-left: -390px; visibility: hidden; margin-top: -150px; border-radius: 5px; padding: 70px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.19), 0px 6px 6px rgba(0, 0, 0, 0.23); } .form_zag { float: left; width: 100%; font-size: 22px; margin-bottom: 40px; } .form_inp { width: 250px; height: 44px; } .form_btn { width: 200px; margin: 0px 15px; } .gal_forma { visibility: hidden; position: fixed; width: 470px; height: 470px; left: 50%; margin-left: -235px; top: 50%; margin-top: -235px; border-radius: 5px; padding: 15px; z-index: 999; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.19), 0px 6px 6px rgba(0, 0, 0, 0.23); } .gal_form_cont { float: left; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .jkor { float: left; width: 100%; margin-top: -80px; } .bold { font-family: Comic Sans MS; } .w_polosa { float: left; width: 260px; height: 0px; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px 350px; } .w_kvadrat { float: left; width: 26px; height: 26px; margin: -14px 367px 0px; transform: rotate(45deg); } .w_zag_usl { float: left; width: 100%; font-size: 26px; margin-top: 40px; } .w_poradok { font-size: 18px; line-height: 30px; } .w_podzag_usl { float: left; width: 100%; font-size: 16px; line-height: 30px; height: 30px; margin: 3px 0px 5px; } .w_punct { float: left; width: 365px; padding-left: 15px; background: transparent url('/img/circlre_red.png') no-repeat scroll left center; font-size: 16px; height: 20px; line-height: 20px; } .w_punct_blue { float: left; width: 365px; padding-left: 15px; background: transparent url('/img/circlre_blue.png') no-repeat scroll left center; font-size: 16px; height: 20px; line-height: 20px; } .w_cena { float: left; width: 100%; margin: 10px 0px; font-size: 40px; } .w_bnt { float: left; width: 200px; } .w_por { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; } .bg_light { background-color: rgb(255, 255, 255); } .bg_dark { background-color: rgb(244, 245, 245); } .bg_main { background-color: rgb(39, 40, 44); } .c_main { color: rgb(255, 255, 255); } .bg_color { background-color: rgb(2, 185, 191); } .border_light { border-color: rgb(226, 227, 228); } .border_poradok { border-color: rgba(2, 185, 191, 0.7); } .c_color, .t-500 { color: rgb(2, 185, 191); } .c_pr_light { color: rgb(255, 255, 255); } .c_fo_light { color: rgb(190, 190, 200); } .c_pr_dark, a { color: rgb(5, 31, 52); } .c_fo_dark { color: rgb(80, 80, 80); font-size:20px} .hover_bg { background-color: rgb(2, 185, 191); } .hover_bg:hover { background-color: rgb(17, 224, 232); } .hover_border { border-color: rgb(1, 149, 154); ; line-height: 40px; text-align: center;} .hover_border:hover { border-color: rgb(14, 179, 186); } .bg_light2 { background-color: rgb(255, 255, 255); } .bg_dark2 { background-color: rgb(242, 244, 246); } .bg_main2 { background-color: rgb(255, 255, 255); } .bg_main2 a img{ float:left; margin-top:15px} .c_main2 { color: rgb(38, 45, 55); } .bg_alpha2 { background-color: rgba(63, 56, 63, 0.6);} .border_light2 { border-color: rgb(226, 227, 228); margin-right:15px } .c_color2, .t-5002 { color: rgb(232, 19, 49); } .c_color2{ font-size:30px} .c_pr_light2 { color: rgb(255, 255, 255); font-weight: 900;} .c_pr_dark2, a { color: rgb(38, 45, 55); } .c_fo_dark2 { color: rgb(80, 80, 80); } .c_hover2:hover { color: rgb(232, 19, 49); } .hover_bg2 { background-color: rgb(11, 128, 224);} .hover_bg2:hover { background-color: rgb(255, 73, 97); } .hover_border2 { border-color: rgb(11, 68, 114);line-height: 40px;text-align: center;} .hover_border2:hover { border-color: rgb(204, 58, 78); } #leadia_science_widget .widget_style3d_gradient { background: transparent linear-gradient(237deg, rgb(229, 40, 73), rgb(64, 167, 223)) repeat scroll 0% 0% ! important; } #leadia_science_widget * { text-shadow: none; text-align: left; font-family: Helvetica,Arial ! important; font-size: 13px; padding: 0px; margin: 0px; color: rgb(0, 0, 0); line-height: 1.2; text-transform: none; letter-spacing: normal; font-weight: normal; box-sizing: border-box; transition: none 0s ease 0s ; transform-origin: center center 0px; white-space: normal; word-spacing: 0px ! important; } #leadia_science_widget :not(br) { display: block; } #leadia_science_widget style { display: none; } #leadia_science_widget *::after, #leadia_science_widget *::before { background-image: none; } #leadia_science_widget input, #leadia_science_widget textarea, #leadia_science_widget select { padding: 0px; display: inline-block; width: auto; height: auto; line-height: 1; float: none ! important; font-size: 14px ! important; color: rgb(0, 0, 0) ! important; border: 0px none ! important; background: white none repeat scroll 0% 0% ! important; opacity: 1 ! important; box-shadow: none ! important; text-transform: none ! important; letter-spacing: normal ! important; font-weight: normal ! important; max-width: 100% ! important; } #leadia_science_widget input, #leadia_science_widget select { padding: 0px ! important; display: inline-block ! important; width: auto ! important; height: auto ! important; line-height: 1 ! important; } #leadia_science_widget input:focus, #leadia_science_widget textarea:focus, #leadia_science_widget select:focus { outline: medium none ! important; box-shadow: none ! important; border-collapse: separate ! important; } #leadia_science_widget input::after, #leadia_science_widget input::before, #leadia_science_widget textarea::after, #leadia_science_widget textarea::before, #leadia_science_widget select::after, #leadia_science_widget select::before { display: none; } #leadia_science_widget input[type="text"] { -moz-appearance: textfield ! important; } #leadia_science_widget input::-moz-placeholder { font-size: 13px ! important; color: rgb(153, 158, 162) ! important; text-transform: initial ! important; } #leadia_science_widget .leadia_widget_textarea::-moz-placeholder { font-size: 13px ! important; color: rgb(153, 158, 162) ! important; text-transform: initial ! important; } #leadia_science_widget .leadia_widget { position: fixed; background-color: rgb(115, 131, 181); font-family: Helvetica,Arial; font-size: 14px; transition: top 0.2s ease 0s, margin 0.2s ease 0s; width: 344px; bottom: 0px; padding: 10px 4px 0px; box-sizing: border-box; border-radius: 3px 3px 0px 0px; z-index: 1000001; } #leadia_science_widget .leadia_widget_text { margin: 0px; font-size: 12px; font-weight: normal; color: white; line-height: 1; font-family: Helvetica,Arial ! important; } #leadia_science_widget .leadia_widget_header { position: relative; min-height: 50px; padding-left: 70px; color: rgb(151, 167, 189); margin-bottom: 8px; cursor: pointer; -moz-user-select: none; text-shadow: 0px 1px 1px rgb(97, 114, 164); } #leadia_science_widget .leadia_widget_photo { position: absolute; left: 10px; top: 0px; height: 48px; width: 48px; border-radius: 50%; border: medium none; box-shadow: none; margin: 0px ! important; opacity: 1; transform: none ! important; transition: none 0s ease 0s ! important; } #leadia_science_widget .leadia-widget-worker-name { color: rgb(255, 255, 255); font-style: normal; font-size: 15px; font-family: Helvetica,Arial ! important; line-height: 1.2; } #leadia_science_widget .leadia_content_custom_scroll { height: 275px; overflow-x: hidden; padding: 6px 0px; position: relative; } #leadia_science_widget .leadia_widget_body { background-color: rgb(255, 255, 255); position: relative; height: 327px; overflow: hidden; } #leadia_science_widget .leadia_widget_list { min-height: 55px; margin: 0px; list-style: outside none none; padding: 6px 16px; font-weight: 400; transition: opacity 0.5s ease 0s; } #leadia_science_widget .leadia_widget_msg { min-height: 32px; margin-bottom: 10px; line-height: 20px; color: rgb(255, 255, 255); } #leadia_science_widget .msg_wrap { max-width: 90%; position: relative; z-index: 0; display: inline-block; padding: 12px 15px; font-size: 13px; line-height: 16px; border: 1px solid rgb(221, 220, 215); color: rgb(0, 0, 0); background-color: rgb(250, 250, 250); border-radius: 13px; word-wrap: break-word; } #leadia_science_widget .msg_wrap::after { content: ""; position: absolute; width: 15px; height: 12px; background-color: rgb(250, 250, 250); border-top-right-radius: 50%; left: 0px; bottom: 2px; z-index: 1; } #leadia_science_widget .leadia_user_msg .msg_wrap::after { left: auto; right: 0px; background-color: rgb(255, 255, 255); } #leadia_science_widget .msg_wrap_corner { position: absolute; left: -21px; bottom: 7px; width: 1px; height: 1px; } #leadia_science_widget .leadia_user_msg .msg_wrap_corner::before { border-right-color: white; } #leadia_science_widget .msg_wrap_corner::before { content: ""; position: absolute; z-index: -1; bottom: -10px; left: 0px; height: 10px; border-right: 30px solid rgb(250, 250, 250); box-shadow: 0px 0px 0px 1px rgb(221, 220, 215); border-bottom-right-radius: 80px 50px; transform: translate(0px, -2px); } #leadia_science_widget .msg_wrap_corner::after { content: ""; position: absolute; z-index: -1; bottom: -11px; left: 0px; width: 30px; height: 13px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-bottom-right-radius: 40px 50px; transform: translate(-10px, -2px); box-shadow: 1px 0px 0px 0px rgb(221, 220, 215); } #leadia_science_widget .msg_wrap_corner_right { position: absolute; right: -8px; bottom: 40px; width: 1px; height: 1px; } #leadia_science_widget .msg_wrap_corner_right::after { content: ""; top: 1px; right: -29px; position: absolute; border: 0px solid; display: block; width: 40px; height: 40px; background-color: transparent; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; box-shadow: -16px -3px 0px -5px white, -16px -3px 0px -4px rgb(221, 220, 215), 4px 0px 0px -3px rgb(221, 220, 215) inset; transform: rotate(-25deg); transition: all 0.3s ease 0s; } #leadia_science_widget .leadia-widget-message-text { font-size: 13px; } #leadia_science_widget .leadia_widget_shaker { position: relative; } #leadia_science_widget .leadia_widget_shaker::before { content: ""; bottom: 3px; right: 1px; position: absolute; width: 19px; height: 28px; background-color: white; z-index: 1; border-radius: 0px 10px 8px 0px; } #leadia_science_widget .leadia_msg_time { display: block; font-size: 10px; color: rgb(185, 188, 192); } #leadia_science_widget .leadia_msg_typemessage { text-align: center; font-size: 12px; color: rgb(127, 127, 127); } #leadia_science_widget .leadia_widget_textarea_wrap { position: absolute; left: 0px; bottom: 0px; z-index: 1; width: 100%; padding: 0px 15px 15px; background: transparent linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(243, 243, 243) 100%) repeat scroll 0% 0%; } #leadia_science_widget .leadia_widget_textarea { width: 100%; height: 37px ! important; min-height: inherit; padding: 8px 35px 8px 15px ! important; vertical-align: bottom; border: 1px solid rgb(221, 220, 215) ! important; font: 13px/1.5 Helvetica,Arial; color: rgb(0, 0, 0) ! important; border-radius: 16px ! important; overflow: hidden ! important; min-width: initial ! important; resize: none; transition: height 0.2s ease 0s, box-shadow 0.2s ease 0s, border-color 0.2s ease 0s; box-sizing: border-box; margin: 0px; background: white none repeat scroll 0% 0%; } #leadia_science_widget .leadia_widget_textarea:focus { height: 80px; outline: 0px none; box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.1); border-color: rgb(155, 186, 233) ! important; } #leadia_science_widget .leadia_widget_textarea:focus ~ .msg_wrap_corner_right::after { box-shadow: -16px -3px 0px -5px white, -16px -3px 0px -4px rgb(155, 186, 233), 4px 0px 0px -3px rgb(155, 186, 233) inset; } #leadia_science_widget .leadia_develop_container * { font-size: 10px; } #leadia_science_widget .leadia_develop_container { vertical-align: middle; cursor: pointer; text-align: center; padding: 3px 0px 6px; opacity: 1; line-height: 1; font-size: 12px; } #leadia_science_widget .leadia_develop_container_inset { display: inline-block; } #leadia_science_widget .leadia_develop_text { vertical-align: baseline; display: inline-block; margin-right: 0px; color: rgb(255, 255, 255); } #leadia_science_widget .leadia_develop_container:hover { opacity: 0.8; } #leadia_science_widget .leadia_widget_title { padding: 4px 0px; } .leadia_widget_minimize { position: absolute ! important; right: 15px; top: 13px; width: 15px; border-bottom: 2px solid white; } #leadia_science_widget .leadia_widget_button_in_chat::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; width: 100%; height: 100%; transition: all 0.2s ease 0s; border-radius: 18px; background: transparent linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(254, 250, 208) 100%) repeat scroll 0% 0%; } #leadia_science_widget .leadia_widget_button_in_chat:hover::before { top: 0px; } #leadia_science_widget .leadia_widget_button_in_chat:active::before { box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset; } #leadia_science_widget .leadia_element_center { text-align: center; } #leadia_science_widget .leadia_widget_loading_item:nth-child(n) { left: 0px; animation-delay: 0s; } #leadia_science_widget .leadia_widget_loading_item:nth-child(2n) { left: 20px; animation-delay: 0.2s; } #leadia_science_widget .leadia_widget_loading_item:nth-child(3n) { left: 40px; animation-delay: 0.4s; } #leadia_science_widget .leadia_widget_hover { margin-bottom: -3px; } #leadia_science_widget .leadia_widget_hover::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 68px; background-color: rgb(255, 255, 255); opacity: 0; z-index: -1; transition: all 0.2s ease 0s; } #leadia_science_widget .leadia_widget_hover:hover { margin-bottom: 0px; } #leadia_science_widget .leadia_widget_hover:hover::before { opacity: 0.1; } #leadia_science_widget .success_send { background: transparent url('/img/thx.png') no-repeat scroll 0% 0% / 100% 100%; margin: 8px auto; height: 72px; width: 59px; } #leadia_science_widget .leadia_widget_send { position: absolute; right: 10px; top: 50%; width: 21px; height: 21px; line-height: 19px; margin-top: -11px; border-radius: 50%; background-color: rgb(115, 131, 181); z-index: 1; text-align: center; cursor: pointer; transition: all 0.2s ease 0s; } #leadia_science_widget .leadia_widget_send_arrow { position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0px 0px -6px; border-right: 2px solid white; border-top: 2px solid white; transform: rotate(45deg); transition: opacity 0.2s ease 0s; } #leadia_science_widget .leadia_widget_notify { position: absolute; bottom: 100%; left: 0px; width: 90%; border: 1px solid rgb(218, 215, 178); border-radius: 13px; padding: 9px 15px; font-size: 13px; line-height: 1.4; color: rgb(78, 75, 65); margin-bottom: 20px; text-shadow: 0px 1px 0px rgb(255, 255, 255); box-shadow: 0px 1px 0px white inset; background-color: rgb(254, 250, 208); } #leadia_science_widget .leadia_widget_notify::before { content: ""; position: absolute; bottom: -11px; left: 27px; border-left: 10px solid transparent; border-top: 10px solid rgb(218, 215, 178); border-right: 10px solid transparent; } #leadia_science_widget .leadia_widget_notify::after { content: ""; position: absolute; bottom: -10px; left: 27px; border-left: 10px solid transparent; border-top: 10px solid rgb(254, 250, 208); border-right: 10px solid transparent; } #leadia_science_widget .ball-pulse-sync { text-align: center; padding: 15px 0px 10px; } #leadia_science_widget .ball-pulse-sync > div { display: inline-block; background-color: rgb(221, 220, 215); width: 12px; height: 12px; border-radius: 100%; margin: 0px 2px; } #leadia_science_widget .ball-pulse-sync > div:nth-child(0) { animation: 0.8s ease-in-out 0s normal none infinite running ball-pulse-sync; } #leadia_science_widget .ball-pulse-sync > div:nth-child(1) { animation: 0.8s ease-in-out 0.07s normal none infinite running ball-pulse-sync; } #leadia_science_widget .ball-pulse-sync > div:nth-child(2) { animation: 0.8s ease-in-out 0.14s normal none infinite running ball-pulse-sync; } #leadia_science_widget .ball-pulse-sync > div:nth-child(3) { animation: 0.8s ease-in-out 0.21s normal none infinite running ball-pulse-sync; } #leadia_science_widget .ball-pulse-sync > div { animation-fill-mode: both; } #leadia_science_widget .leadia_widget_photo { } #leadia_science_widget .leadia_widget_photo_flipper { transition: all 0.6s ease 0s; transform-style: preserve-3d; width: 100%; height: 100%; position: relative; } #leadia_science_widget .leadia_widget_photo_front, #leadia_science_widget .leadia_widget_photo_back { backface-visibility: hidden; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; border-radius: 50%; overflow: hidden; } #leadia_science_widget .leadia_widget_photo_front { z-index: 2; transform: perspective(200px) rotateY(0deg); transition: transform 1s ease 0s; } #leadia_science_widget .leadia_widget_photo_back { transform: perspective(200px) rotateY(180deg); transition: transform 1s ease 0s; } #leadia_science_widget .leadia_widget_photo_front img, #leadia_science_widget .leadia_widget_photo_back img { max-width: 100%; border: medium none ! important; } #leadia_science_widget .leadia_widget_photo_flipped .leadia_widget_photo_front { transform: perspective(200px) rotateY(-180deg); } #leadia_science_widget .leadia_widget_photo_flipped .leadia_widget_photo_back { transform: perspective(200px) rotateY(0deg); } #leadia_science_widget .leadia_widget_order_title { padding: 20px 0px; color: rgb(82, 81, 81); font-size: 12px; text-align: center; } #leadia_science_widget .leadia_widget_order_rel { position: relative; } #leadia_science_widget .leadia_widget_order_control { width: 100% ! important; height: 35px ! important; border: 1px solid rgb(188, 195, 201) ! important; border-radius: 4px ! important; margin-bottom: 20px ! important; padding-left: 37px ! important; font-size: 12px ! important; transition: all 0.2s ease 0s ! important; } #leadia_science_widget .leadia_widget_order_control:focus { outline: medium none ! important; border-color: rgb(145, 190, 227) ! important; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15) ! important; } #leadia_science_widget select.leadia_widget_order_control { padding-left: 33px ! important; color: rgb(136, 136, 136) ! important; -moz-appearance: none ! important; } #leadia_science_widget .leadia_widget_order_control_row { } #leadia_science_widget .leadia_widget_order_control_cell_1, #leadia_science_widget .leadia_widget_order_control_cell_2 { position: relative; font-size: 14px; color: rgb(147, 154, 161); display: inline-block; vertical-align: middle; } #leadia_science_widget .leadia_widget_order_control_cell_2 .leadia_widget_order_control { padding: 0px 0px 0px 5px ! important; } #leadia_science_widget .leadia_widget_order_control_cell_1 { width: 55%; padding-right: 20px; margin-right: -4px; } #leadia_science_widget .leadia_widget_order_control_cell_1 .leadia_widget_arrow_down { right: 26px; } #leadia_science_widget .leadia_widget_order_control_cell_2 { width: 45%; } #leadia_science_widget .leadia_widget_order_btn { position: relative; width: 100%; height: 41px; line-height: 41px; margin-bottom: 15px; border: 1px solid rgb(177, 174, 145); border-radius: 4px; text-transform: uppercase; color: rgb(0, 0, 0); font-size: 12px; text-align: center; cursor: pointer; text-shadow: 0px 1px rgba(255, 255, 255, 0.5); background: transparent linear-gradient(to bottom, rgb(253, 207, 49) 0%, rgb(251, 182, 45) 100%) repeat scroll 0% 0%; } #leadia_science_widget .leadia_widget_order_btn:hover { background: transparent linear-gradient(to bottom, rgb(251, 182, 45) 0%, rgb(253, 207, 49) 100%) repeat scroll 0% 0%; } #leadia_science_widget .leadia_widget_order_btn:active { box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset; } #leadia_science_widget .leadia_widget_order_back { position: relative; display: inline-block; cursor: pointer; color: rgb(154, 161, 167); font-size: 12px; text-decoration: underline; } #leadia_science_widget .leadia_widget_order_back:hover { color: black; } #leadia_science_widget .leadia_widget_order_back:hover .leadia_widget_chat_icon { opacity: 1; } #leadia_science_widget [class*="leadia_widget_icon"] { position: absolute; left: 8px; top: 9px; z-index: 1; width: 17px; height: 17px; background: transparent url('/img/leadia_widget_sprite_upd.png') no-repeat scroll 0px 0px; } #leadia_science_widget [class*="leadia_widget_icon"]::after { content: ""; height: 20px; border-left: 1px solid rgb(188, 195, 201); float: right; margin-right: -6px; } #leadia_science_widget .leadia_widget_icon_user { background-position: 0px -18px; } #leadia_science_widget .leadia_widget_icon_date { background-position: 0px -37px; } #leadia_science_widget .leadia_widget_order_control:focus ~ .leadia_widget_icon_handset { background-position: -18px 0px; } #leadia_science_widget .leadia_widget_order_control:focus ~ .leadia_widget_icon_user { background-position: -15px -18px; } #leadia_science_widget .leadia_widget_order_control:focus ~ .leadia_widget_icon_date { background-position: -17px -37px; } #leadia_science_widget .leadia_widget_order_control:focus ~ [class*="leadia_widget_icon"]::after { border-color: rgb(145, 190, 227); } #leadia_science_widget .leadia_widget_arrow_down { position: absolute; right: 6px; left: auto; top: 14px; width: 10px; height: 6px; background: transparent url('/img/leadia_widget_sprite_upd.png') no-repeat scroll 0px -76px; z-index: -1; } #leadia_science_widget .leadia_widget_chat_icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; opacity: 0.4; margin-right: 5px; margin-left: -21px; background: transparent url('/img/leadia_widget_sprite_upd.png') no-repeat scroll -10px -55px; } #leadia_science_widget .leadia_widget_call_style { margin-bottom: 0px; margin-top: -12px; } #leadia_science_widget .leadia_widget_call_style select { background-color: transparent ! important; } #leadia_science_widget .leadia_widget_call_style .msg_wrap { width: 100%; max-width: inherit; border: 0px none; background: transparent none repeat scroll 0px center; padding: 0px 10%; } #leadia_science_widget .leadia_widget_call_style .leadia_msg_time, #leadia_science_widget .leadia_widget_call_style .msg_wrap_corner, #leadia_science_widget .leadia_widget_call_style .msg_wrap::after { display: none; } #leadia_science_widget #leadia_widget_callform_step2 .success_send { margin: 30px auto; } #leadia_science_widget #leadia_widget_callform_step2 .widget_thankyoupage_text { text-align: center; } #leadia_science_widget .leadia_widget_bell { position: absolute; top: 50%; right: 20px; width: 29px; height: 29px; line-height: 34px; margin: -15px 0px 0px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.3); text-align: center; transition: transform 0.2s ease 0s; transform: scale(0); } #leadia_science_widget .leadia_widget_bell_icon { width: 13px; height: 14px; background: transparent url('/img/leadia_widget_sprite_upd.png') no-repeat scroll -12px -71px; transform-origin: 50% 1% 0px; position: absolute; left: 50%; top: 50%; margin: -7px 0px 0px -7px; } #leadia_science_widget .leadia_widget_bell_notif { position: absolute; top: -4px; right: -4px; width: 13px; height: 13px; line-height: 13px; border-radius: 50%; border: 1px solid white; background: transparent url('/img/leadia_widget_sprite_upd.png') no-repeat scroll -1px -97px; transition: transform 0.2s ease 0.2s, -webkit-transform 0.2s ease 0.2s, -moz-transform 0.2s ease 0.2s, -o-transform 0.2s ease 0.2s; transform: scale(0); } .ps-container { overflow: hidden ! important; } @media not all, not all { .ps-container { overflow: auto ! important; } } .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; background-color: transparent; } .ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; border-radius: 4px; opacity: 0; transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s; bottom: 3px; height: 8px; } .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; background-color: rgb(170, 170, 170); border-radius: 4px; transition: background-color 0.2s linear 0s; bottom: 0px; height: 8px; } .ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; border-radius: 4px; opacity: 0; transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s; right: 3px; width: 8px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; background-color: rgb(170, 170, 170); border-radius: 4px; transition: background-color 0.2s linear 0s; right: 0px; width: 8px; } .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; } .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: rgb(238, 238, 238); opacity: 0.9; } .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: rgb(153, 153, 153); } .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: rgb(238, 238, 238); opacity: 0.9; } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: rgb(153, 153, 153); } #leadia_science_widget .leadia_widget_photo_front::before { content: ""; display: block; position: absolute; width: 140%; height: 100%; top: 120%; left: -20%; opacity: 0.6; background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0), rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0)) repeat scroll 0% 0%; transform: rotate(20deg); animation: 10s cubic-bezier(0, 0.3, 1, 0.7) 0s normal none infinite running ava-blick; } #leadia_science_widget .leadia_widget_minimize { opacity: 1; filter: none; } #leadia_science_widget .leadia_widget_hover .leadia_widget_minimize { opacity: 0; } #leadia_science_widget .leadia_widget .leadia_widget_body { transition: height 0.2s ease 0s; } #leadia_science_widget .leadia_widget.lw_minimized .leadia_widget_body { height: 0px; } #leadia_science_widget .leadia_widget.lw_minimized .leadia_develope_by { display: none; } #leadia_science_widget .leadia_widget { padding-top: 4px; } #leadia_science_widget .leadia_widget_header { min-height: 60px; margin-bottom: 4px; padding-top: 6px; } #leadia_science_widget .leadia_widget_header::before, #leadia_science_widget .leadia_widget_hover_module_item::before { content: ""; position: absolute; left: 0px; top: 0px; width: 0px; height: 100%; border-radius: 2px; transition: background 0.2s ease 0s, width 0.3s ease 0s ! important; } #leadia_science_widget .leadia_widget_hover_module_active .leadia_widget_header:hover::before, #leadia_science_widget .leadia_widget_hover_module_item:hover::before { width: 100%; background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0%; } #leadia_science_widget .leadia_widget_photo { top: 5px; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s, -moz-transform 0.3s ease 0s, -o-transform 0.3s ease 0s ! important; } #leadia_science_widget .leadia_widget_photo img, #leadia_science_widget .leadia_widget_hover_module_photo img { max-width: 100%; } #leadia_science_widget .leadia_widget_hover_module { max-height: 0px; overflow: hidden; transition: max-height 0.2s ease-in-out 0s; } #leadia_science_widget .leadia_widget_hover_module_item { min-height: 60px; padding-top: 6px; position: relative; padding-left: 70px; color: rgb(151, 167, 189); cursor: pointer; -moz-user-select: none; } #leadia_science_widget .leadia_widget_hover_module .leadia_widget_hover_module_item { opacity: 0; transform: translateY(50px) ! important; transition: transform 0.4s ease 0s, opacity 0.5s ease 0s, -webkit-transform 0.4s ease 0s, -moz-transform 0.4s ease 0s, -o-transform 0.4s ease 0s ! important; } #leadia_science_widget .leadia_widget_hover_module_item:hover .leadia_widget_hover_module_photo { transform: scale(1) ! important; } #leadia_science_widget .leadia_widget_hover_module:hover ~ .leadia_widget_header .leadia_widget_photo { transform: scale(0.65) ! important; } #leadia_science_widget .leadia_widget_hover_module_photo { overflow: hidden; position: absolute; left: 10px; top: 5px; height: 48px; width: 48px; border-radius: 50%; transform: scale(0.65) ! important; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s, -moz-transform 0.3s ease 0s, -o-transform 0.3s ease 0s ! important; } #leadia_science_widget .leadia_widget_hover_module_active .leadia_widget_hover_module_item:nth-last-of-type(2) { transition-delay: 0.3s ! important; } #leadia_science_widget .leadia_widget_hover::before { display: none; } #leadia_science_widget.leadia_widget, #leadia_science_widget .leadia_widget_hover { margin-bottom: 0px ! important; } #leadia_science_widget .leadia_widget_hover_module_title { padding: 7px 0px 5px; color: white; font-style: normal; font-size: 15px; font-family: Helvetica,Arial ! important; line-height: 1; } #leadia_science_widget .leadia_widget_hover_module_text { font-size: 12px; font-weight: normal; color: white; line-height: 1; font-family: Helvetica,Arial ! important; } #leadia_science_widget .leadia_widget_minimize { top: 20px; } #leadia_science_widget .leadia_widget_title, #leadia_science_widget .leadia_widget_text, #leadia_science_widget .leadia_widget_hover_module_title, #leadia_science_widget .leadia_widget_hover_module_text { position: relative; z-index: 1; } #leadia_science_widget .leadia_widget_hover_module_photo::before { content: ""; display: block; position: absolute; width: 140%; height: 100%; top: 120%; left: -20%; opacity: 0.6; background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0), rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0)) repeat scroll 0% 0%; transform: rotate(20deg); animation: 10s cubic-bezier(0, 0.3, 1, 0.7) 0s normal none infinite running ava-blick; } #leadia_science_widget .lwp-modal_wrap { background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; display: none; z-index: 1000001; } #leadia_science_widget .lwp-modal_wrap * { box-sizing: border-box; } #leadia_science_widget .lwp-modal_wrap .lwp-modal_window { background-color: rgb(255, 255, 255); width: 430px; height: auto; padding: 30px; font-family: "Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif; font-size: 15px; line-height: 1.3; color: rgb(0, 0, 0); position: absolute; top: 100px; left: 0px; border-radius: 5px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); } #leadia_science_widget .lwp-modal_wrap .lwp-modal_window .lwp-modal_image { width: 116px; height: 116px; border-radius: 100%; display: block; margin: 0px auto 30px; } #leadia_science_widget .lwp-modal_wrap .lwp-modal_window .lwp-modal_title { font-size: 18px; text-align: center; margin-bottom: 10px; font-weight: bold; word-wrap: break-word; word-break: break-all; -moz-hyphens: auto; } #leadia_science_widget .lwp-modal_wrap .lwp-modal_window .lwp-modal_subtitle { font-size: 17px; text-align: center; margin-bottom: 30px; word-wrap: break-word; word-break: break-all; -moz-hyphens: auto; } #leadia_science_widget .lwp-modal_wrap .lwp-modal_window .lwp-buttons_block { text-align: center; } #leadia_science_widget .lwp-modal_wrap .lwp-modal_window .lwp-buttons_block .lwp-btn { padding: 15px; margin: 0px 20px; font-size: 17px; font-weight: normal; border-radius: 200px; background-color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; border: 2px solid rgb(226, 232, 239); cursor: pointer; width: 130px; white-space: nowrap; display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; } #leadia_science_widget .lwp-modal_wrap .lwp-modal_window .lwp-buttons_block #btnYes.lwp-btn { background-color: rgb(29, 74, 240); border-color: rgb(29, 74, 240); color: rgb(255, 255, 255); } #leadia_science_widget .lwp-modal_wrap .lwp-modal_window .lwp-buttons_block #btnYes.lwp-btn:hover { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4) inset; } #leadia_science_widget .lwp-modal_wrap .lwp-modal_window .lwp-buttons_block .lwp-btn:hover { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1) inset; } .sect_serv h2.home_header_section, .sect_serv p.home_header_section { color: #FFF; } h2.home_header_section, p.home_header_section { text-align: center; padding-top: 2%; text-transform: uppercase; font-size: 31px; font-family: Comic Sans MS; letter-spacing: 1px; } p.sect_serv_item_text { font-size: 18px; color: #FFF; padding-top: 3%; font-weight: 500; font-family: Comic Sans MS; letter-spacing: 2px; } .sect_serv_item { text-align: center; margin: 15px auto; } .col-sm-3 { width: 25%; float: left; } section.sect_serv { background-image: url("/img/bg_sect_serv.jpg") !important; background-repeat: no-repeat; background-size: cover; padding-bottom: 25px; background-attachment: fixed; } .container { margin:0px auto } .clear{ clear:both} .left{ float:left} .right{ float:right} .row { margin-right: -15px; margin-left: -15px; } .cont-right{ float:right; width:600px} .cont-right img{ max-width:600px; width:auto; margin:5px} .cont-left{ float:left; width:340px;} .prodv-1{ background-color: rgba(63, 56, 63, 0.6);height:690px; text-align:center; vertical-align:middle; background:url('/img/prodv-1.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover;} .prodv-1-txt{ color:#FFFFFF; text-transform:uppercase; font-size:36px; line-height:70px; font-weight:900; padding-top:250px} .table-cell { display: table-cell; vertical-align: middle;} .prodv-1-form{ width:58%; float:left} .uppercase{ text-transform:uppercase} .prodv-1-form{ font-size:24px; padding:20px 0px} .prodv-1-form h2{ font-size:36px; font-weight:900;} .prodv-1-form-btn{ float: right; background-color: #0066CC; margin-top:40px; padding: 12px 20px;} .prodv-1-form-btn:hover{background-color: #313842;} .prodv-1-form-btn a{color: #FFF; } .prodv-2{ width:30%; float:left; padding:15px} .prodv-2 h2{ font-size:30px; margin-bottom: 35px; line-height: 52px; color:#FFFFFF} .ct-ribbon {position: relative;color: #FFF; margin-left: 0px; margin-right: 20px; padding-left: 15px; padding-right: 25px; display: inline-block;} .ct-ribbon::before { background: #2B8BE9 none repeat scroll 0% 0%;} .ct-ribbon::before { content: ""; left: 0px; top: 0px; position: absolute; width: 100%; height: 52px; z-index: 0;} .ct-ribbon .ct-triangle-right { border-color: transparent transparent transparent #2B8BE9;} .ct-ribbon .ct-triangle-right { position: absolute; top: 0px; right: -25.5px; width: 0px; height: 0px; border-style: solid; border-width: 26px 0px 26px 26px;} .prodv-2-txt{z-index:10; color:#FFFFFF; position:relative; font-weight:900} .prodv-2 p{ margin-bottom: 22px; line-height: 24px; font-size:20px} .prodv-3{ width:30%; margin:0px 1.5% 25px; float:left; text-align:center} .prodv3 h2, .prodv4 h2{ text-align:center; font-size:36px; font-weight:900} .prodv-3 img{ margin-bottom:20px} .prodv-3 b, .prodv-4 b{ font-weight:900; font-size:24px; margin-bottom:15px} .prodv4{background: #dce6e2; padding-top:20px; padding-bottom:20px} .prodv4 h2{margin-bottom:20px; } .prodv-4{ width:46%; float:left; padding:1%} .prodv-4-img{ float:left; width:10%} .prodv-4-img img{ width:100%} .prodv-4-txt{ float:right; width:85%} section.work {position: relative; overflow: hidden; background:#FFFFFF} section.work .big-title { text-align: center; margin-top: 70px; font-size: 60px; line-height: 60px; text-transform: uppercase; color: rgb(243, 32, 68); font-weight: 100; } section.work .blocks { padding-top: 20px; text-align: center; margin-bottom:90px} section.work .blocks .block, section.clients .blocks .block { margin-top: 40px; width: 32%; text-align: center; color: rgb(255, 255, 255); display: inline-block; vertical-align: top; position: relative; } section.work .blocks .block .title { text-align: center; font-size: 26px; margin-top: 15px; font-weight: 300; color: rgb(0, 0, 0); } section.work .blocks .block .desc { text-align: center; font-size: 14px; margin-top: 15px; font-weight: 300; color: rgb(0, 0, 0); } section.work .blocks .block .block-box, section.clients .blocks .block .block-box { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transition: all 0.5s ease 0s; } section.work .blocks .block:hover .block-box, section.clients .blocks .block:hover .block-box { transform: rotateY(180deg); } section.work .blocks .block .face, section.clients .blocks .block .face { padding: 40px 20px; position: relative; top: 0px; left: 0px; width: 100%; height: 100%; color: rgb(255, 255, 255); text-align: center; backface-visibility: hidden; } section.work .blocks .block .front, section.clients .blocks .block .front { z-index: 10; text-align: center; } section.work .blocks .block .back, section.clients .blocks .block .back { position: absolute; height: 100%; background: rgb(255, 255, 255) url('/img/back.jpg') no-repeat scroll 0% 0%; color: rgb(0, 0, 0); z-index: 11; transform: rotateY(180deg); } section.work .blocks .block .front img { margin-top: 50px; } section.work .blocks .block .back { border: 2px solid rgb(243, 32, 68); } .razrab0 { float:left; width: 220px; height: 364px; background:url("/img/c9_center.png"); position:relative; margin-left:-20px; z-index:1} .razrab1 { float:left; width: 142px; height: 200px; background:url("/img/c9_left.png"); margin-top:100px; } .razrab2 { float: left; width: 142px; height: 200px; background:url("/img/c9_right.png"); margin-top:100px; margin-left:-20px; } .razrab-1{ width:55%} .razrab-2{ width:45%} .razrab-2 h2{ font-weight:900; font-size:24px; margin-bottom:15px} .razrab{ margin:20px auto} .razrab-btn{width: 188px; height: 39px; font-size: 18px; line-height: 38px; margin: 30px 0px 0px 30px; text-align: center; position: relative; cursor: pointer; border: 1px solid #FFEE31; border-radius: 8px; font-family: "sans_regular"; font-size: 16px; color: #000; line-height: 30px; text-shadow: 0px 1px 0px #FFDF31; background: transparent linear-gradient(to bottom, #FFCC03 0%, #FFA500 100%) repeat scroll 0% 0%;} .razrab-btn:hover{background: transparent linear-gradient(to bottom, #FFA500 0%, #FFCC03 100%) repeat scroll 0% 0%;} .kont, .kont-1, .kont-2{ background:#0b80e0; padding:20px 0px; color:#FFFFFF; font-size:18px; text-align:center;} .kont p{ margin-bottom:15px} .kont h2, .kont-1 h2, .kont-2 h2, .kont-3 h2, .kont-4 h2{ font-size:30px; font-weight:900; margin-bottom:20px; text-transform:uppercase; text-align:center } .kont-bl1{ width:25%; float:left; text-align:center; } .kont-1{ background:#FFFFFF; color:#0b80e0;} .kont-2{background: #ff5852; color:#000000; padding:10px} .kont-2-bl1{ width:33%; float:left; text-align:center; } .kont-3{padding-top:15px; margin-bottom:30px} .kont-3-bl{display: inline-block; float: left; width: 30%; margin:10px 1.5%; vertical-align: bottom; background:#FFFFFF; border-radius: 10px; } .kont-3-bl-sr{ margin-left:2%; margin-right:2%} .kont-3-bl h4{font-family: "blogger_sansmedium"; font-size: 21px; margin: 20px 0px 0px; padding: 10px 0px 10px 70px; text-transform: uppercase;} .kont-3-bl ul{margin: 0px; padding: 0px; list-style: outside none none; border-top: 2px solid #D3D3D3;} .kont-3-bl-p{padding: 10px 20px 30px;} .kont-3-bl img{ width:50px; float:left; margin-top:15px} .info__appointment{font-size: 14px; margin-top: 20px; text-transform: uppercase; color: #D3D3D3;} .info__list{font-size: 16px; line-height: 20px;} .info__list::before{content: "- ";} .info__advantages{font-size: 19px; font-weight: bold; margin-top:15px} .info__more{font-size: 18px; margin: 20px 0px; cursor: pointer; text-decoration: underline;text-transform: capitalize;color: #0B80E0; } .info__more a{color: #0B80E0} .info__time { font-size: 18px; font-weight: bold; margin-top: 10px;} .widget__price { font-family: Comic Sans MS; font-weight:900; font-size: 64px; position: relative; margin: 15px 0px; text-align: center; color: #0B80E0;} .widget__price span{ font-size:30px; font-weight:500} .widget__button { line-height: 38px; width: 220px; margin: auto; cursor: pointer; text-align: center; text-transform: uppercase; color: #FFF; border-radius: 7px; background: #FF5852 none repeat scroll 0% 0%; transition: all 0.35s ease 0s;} .kont-4{ background:#ff5852; padding:15px 0px} .kont-4 p{ color:#FFFFFF; width:85%; float:right} .kont-4 img{ float:left; margin:10px; position:relative; margin-top:-10px;} .kont-4-bl-1, .kont-4-bl-2{ width:50%; float:left; margin-bottom:15px; font-size:20px} .kont-4-bl-f{ text-align:center} .forma-1{width: 607px; margin-left: 107px; margin-right: 107px; margin-top: 10px;margin-bottom:20px;} .koffe{ float:right; margin-top:-150px; margin-right:-50px} .koffe img{ height:200px} .botform{ padding-bottom:40px} .en-ver, .ru-ver{ float:left; margin-left:15px} .otstup2{ margin-top:100px} .en-ru{ line-height:inherit; margin-top:-50px; margin-right:105px} .menu-title-txt{ font-size:24px; margin:15px 0 0 0; font-weight:900} .menu-spisok li{list-style:none; font-size:18px; margin:3px 0px 3px 10px} .menu-spisok li:hover{ text-decoration:underline} strong{ font-weight:900} .bl-menu{ background: #F9F9F9 none repeat scroll 0% 0%; border: 1px solid #AAA; padding: 10px; margin-bottom: 1em; width: auto; display: table; font-size: 95%;} .bl-menu-title{text-align: center; font-weight: 700; margin: 0px; padding: 0px;} .bl-menu-ul li{ list-style:none} @media screen and (max-width: 480px) { .px700, .px940 { width: auto} .main_logocontent{ width:100%} .logo { float: right;} .glavn_zag { font-size:26px} .glavn_poloska-vtor{margin-top:60px;} .glavn_poloska { width:auto; float:none; margin:5px 0px} .forma-1{width: auto; margin:0px} .glavn_form { padding:5px; border-radius: 0px; margin-top:20px;} .border_light2 { margin:0px; margin-bottom:10px} .phones { position: relative; float: none; margin-top:0px} .clear-mob{ clear:both} .c_color2 { font-size: 20px;} .main_phone, .phones { width:auto;} .main_phone{ padding-left:25px;font-size:20px;} .koffe { display:none} .otstup1 { padding:5px} .en-ru { margin-top:0px; display: none;} .glavn_zag-vtor{ margin-top:60px} .glavn_bg-vtor { height: 370px;} } @media screen and (min-width: 481px) and (max-width: 768px) { .px700, .px940 { width: auto;} .main_logocontent{ width:100%; margin:0px} .glavn_zag { font-size:26px} .glavn_poloska { width:auto; float:none; margin:5px 0px} .forma-1{width: auto; margin:0px} .nenado{display:none;} .button7{display:none;} .glavn_form { padding:5px; border-radius: 0px; margin-top:20px; width:98%; margin-left:1%; margin-right:1%} .border_light2 { margin:0px; margin-bottom:10px} .glavn_bg {height: auto;} .koffe { display:none} .otstup1 { padding:5px} .c_color2 { font-size: 25px; margin-right: 10px;} .main_phone { background-image:none} .en-ru { margin-top:-10px; display: none;} .glavn_zag-vtor{ margin-top:70px} .glavn_bg-vtor { height: 300px;} } @media screen and (min-width: 769px) and (max-width: 1024px) { .px700, .px940 { width: auto;} .main_logocontent, .p100{ width:100%; margin:0px} .forma-1 { left:50%; margin:0px; margin-left:-303.5px; position:relative; margin-top:15px} .glavn_form { padding:0px} .glavn_poloska {width:auto; float:none; margin:5px 0px} .plansh{ display:none} .koffe {margin-right: -10px;} .otstup1 { padding:5px} .c_color2 { margin-right: 10px;} .plansh700{ width:500px} .glavn_zag-vtor{ margin-top:70px} }.button7 { font-weight: 700;color: white;text-decoration: none;padding: .8em 1em calc(.8em + 3px);border-radius: 3px;background: rgb(64,199,129);box-shadow: 0 -3px rgb(53,167,110) inset;transition: 0.2s;width: 227px; clear: both; margin-left: 41%;} .whatis { padding: 65px 0; font-size: 0; } .whatis h2 { font-weight: bold; color: #051f34; text-align: center; font-size: 36px; margin-bottom: 40px; } .container { max-width: 1120px; margin: 0 auto; } .fadeInDown { animation-name: fadeInDown; } .animated { animation-duration: 1s; animation-fill-mode: both; } .what { display: inline-block; vertical-align: top; width: 25%; text-align: center; font-size: 16px; color: #000000; margin-right: 4%;margin-left: 4%; margin-bottom: 20px; } .what img { display: block; margin: 0 auto 20px; } .what strong { display: block; } @media (max-width: 551px ) { .what { display: inline-block; vertical-align: top; width: 40%; text-align: center; font-size: 16px; color: #000000; margin-right: 4%;margin-left: 4%; margin-bottom: 20px;} .button7{display:none;} } @media (max-width: 470px ) { .what { display: inline-block; vertical-align: top; width: 80%; text-align: center; font-size: 16px; color: #000000; margin-right: 4%;margin-left: 4%; margin-bottom: 20px; } .main_phone{display:none;} .kont-4{display:none;} } .verh-sh{margin-top: 80px;} @media (max-width: 470px ) { .verh-sh{margin-top: 60px;} .glavn_form { padding: 2px; border-radius: 0px; margin-top: 5px; } .kont-4-bl-1{width:95%;} .kont-4-bl-1 img{display:none;} .kont-4-bl-2{width:95%;} .kont-4-bl-2 img{display:none;} } @media (max-width: 470px ) { .glavn_zag { font-size: 20px; } .verh-sh { margin-top: 30px; } .glavn_podzag { width: 100%; font-size: 18px; text-align: center; } .glavn_form_zag { float: left; width: 100%; margin-top: 10px; font-size: 22px; text-align: center; margin-bottom: 10px; } .glavn_bg, .glavn_bg-vtor { height: auto; } #LHome{display:none;} .glavn_form { background: #FEC887; } .inp { font-size: 17px; } } .main_phone2 { display:none; padding-left: 25px; font-size: 20px; float: right; margin-top:5%; margin-right:4%; } @media (max-width: 470px ) { .glavn_zag { font-size: 20px; } .main_phone2 { display:block; } .logo{display:none;} ul#countdown li { display: inline-block; background-image: none; background-color:white; margin-bottom: 1em; text-align: center; margin-left: 5px; width:50px; } ul#countdown li span { font-size: 1.5em; font-weight: bold; color: #1f2225; height: 54px; position: relative; } } @media (max-width: 308px ) { .glavn_bg, .glavn_bg-vtor { height: 370px; } } @media (max-width: 768px) { .prodv-3 { width: 95%; margin:0 auto; margin: 0px 1.5% 25px; text-align: center; } .prodv3 h2, .prodv4 h2 { text-align: center; font-size: 30px; font-weight: 900; } .prodv-4 { width: 95%; margin:0 auto; text-align: center; padding: 1%; } .nenado{display:none;} } .ourteam { padding: 65px 0px; background:rgb(0, 152, 167); background: transparent -moz-linear-gradient(left center , rgb(0, 152, 167) 0%, rgb(0, 191, 165) 100%) repeat scroll 0% 0%; font-size: 0px; } .ourteam h2 { font-weight: bold; color: rgb(255, 255, 255); text-align: center; font-size: 36px; max-width: 880px; margin: 0px auto 50px; line-height: 39px; } .team { color: rgb(255, 255, 255); display: inline-block; width: 12.5%; vertical-align: top; font-size: 16px; font-weight: 300; text-align: center; } .team img { display: block; margin: 0px auto 20px; } .result:nth-child(4) { margin-right: 0px; } .tem { height: 85px; } .ask { font-size: 24px; display: block; color: rgb(0, 151, 167); background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin: 45px auto 0px; padding: 10px 0px; text-align: center; text-decoration: none; width: 310px; border-radius: 40px; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.32); } .ask:hover { background: rgb(238, 238, 238) none repeat scroll 0% 0%; } @media screen and (max-width: 480px) { body { overflow-x: hidden; } .what:nth-child(4) { margin-right: auto; } .ourteam h2 { font-size: 26px; } .team { display: block; width: 100%; margin: 0px auto 20px; } .container { max-width: 98%; } h2 { max-width: 98% ! important; } .ask { font-size: 20px; width: 260px; } } @media screen and (min-width: 481px) and (max-width: 870px) { body { overflow-x: hidden; } .what:nth-child(4) { margin-right: auto; } .ourteam h2 { font-size: 26px; } .team { display: inline-block; width: 49%; margin: 0px auto 20px; } .container { max-width: 98%; } h2 { max-width: 98% ! important; } .ask { font-size: 20px; width: 260px; } } @media screen and (min-width: 871px) and (max-width: 1110px) { .ourteam h2 { font-size: 30px; } .container { max-width: 98%; } } .animated { animation-duration: 1s; animation-fill-mode: both; } .fadeInDown { animation-name: fadeInDown; } .slick-track::before, .slick-track::after { display: table; content: ""; } .slick-track::after { clear: both; } .slick-dots li button:hover::before, .slick-dots li button:focus::before { opacity: 1; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-figure::after { top: 0px; bottom: 0px; } } @media all and (max-width: 800px) { } .portfolio-inner .portfolio__container { min-height: initial; width: 95%; margin: 0 auto;} .portfolio__container { flex-wrap: wrap; align-content: flex-start; min-height: 400px; } .portfolio__item { -moz-box-flex: 1; flex: 1 1 30%; overflow: hidden; position: relative; height: 300px; width:33%;float:left; } .portfolio__item:last-child { display: flex; -moz-box-pack: center; justify-content: center; -moz-box-align: center; align-items: center; } .portfolio__item .overlay { display: block; width: 100%; height: 100%; opacity: 0; background: transparent none repeat scroll 0% 0%; transform: rotateY(90deg) rotateX(180deg); transition: all 0.8s ease 0s; } .portfolio__item .button { -moz-box-flex: 0; flex: 0 1 360px; padding: 0px 15px; } .portfolio__item .overlay a { display: block; width: 100%; height: 100%; padding-top: 20%; color: white; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); text-align: center; font-size: 20px; } .portfolio__item .overlay a .title { font-size: 27px; max-width: 80%; margin: 0px auto 15px; opacity: 1; display: block; } .portfolio__item .overlay a p { max-width: 80%; margin: 0px auto; opacity: 1; } .portfolio__item:hover .overlay { transform: rotateY(0deg) rotateX(0deg); background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%; transition: all 0.8s ease 0s; opacity: 1; } .main-about .content p::after { position: absolute; content: ""; width: 68px; height: 4px; background: rgb(0, 166, 237) none repeat scroll 0% 0%; bottom: 0px; left: 0px; } .why__title::before, .base-func__title::before { content: ""; position: absolute; width: 4px; left: 15px; top: 0px; height: 100%; background: rgb(0, 166, 237) none repeat scroll 0% 0%; } .main-news__item:hover .image a::after { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 166, 237, 0.4) none repeat scroll 0% 0%; transition: all 0.3s ease 0s; border-radius: 5px 5px 0px 0px; } .main-news__item .image a::after { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background: transparent none repeat scroll 0% 0%; transition: all 0.3s ease 0s; } .main-form__title::after { content: ""; bottom: -15px; left: 15px; width: 68px; height: 4px; position: absolute; background: rgb(0, 166, 237) none repeat scroll 0% 0%; } .call-form .title::after { content: url('group18.png'); position: absolute; top: 20px; left: 0px; right: 0px; bottom: 0px; } .bitrix-main__title::after, .top-main-team__title::after, .top-main-land__title::after, .top-main-serv__title::after { position: absolute; content: ""; left: 0px; top: 0px; width: 263px; height: 1px; background: rgb(253, 180, 17) none repeat scroll 0% 0%; } .bitrix-main__title::before, .top-main-team__title::before, .top-main-land__title::before, .top-main-serv__title::before { position: absolute; content: ""; left: 0px; bottom: 0px; width: 68px; height: 1px; background: rgb(253, 180, 17) none repeat scroll 0% 0%; } .bitrix-calc__topline-container p::before { content: ""; font-size: 20px; font-family: "FontAwesome"; position: absolute; color: rgb(253, 180, 17); top: -30px; left: 130px; } .bitrix-calc__topline-container p::after { content: ""; font-size: 20px; font-family: "FontAwesome"; position: absolute; color: rgb(253, 180, 17); bottom: -20px; left: 135px; } .bitrix-calc__topline::before { position: absolute; content: ""; left: 0px; top: calc(50% - 1px); width: 60%; height: 1px; background: rgb(253, 180, 17) none repeat scroll 0% 0%; } .bitrix-calc__item .title::after { content: ""; position: absolute; right: 0px; top: 50%; height: 1px; width: 100%; background: rgb(253, 180, 17) none repeat scroll 0% 0%; z-index: -1; } .bitrix-calc__item .title p::after { position: absolute; content: ""; top: 0px; right: -31px; width: 30px; height: 100%; background: white none repeat scroll 0% 0%; } .bitrix-company__item:nth-of-type(2n-1) .bitrix-company__item-cont, .service__item:nth-of-type(2n-1) .bitrix-company__item-cont { -moz-box-pack: end; justify-content: flex-end; } .bitrix-company__item:nth-of-type(2n-1)::after, .service__item:nth-of-type(2n-1)::after { right: initial; left: 0px; width: 40%; } .bitrix-company__item:nth-of-type(2n-1) .content, .service__item:nth-of-type(2n-1) .content { max-width: 580px; } .bitrix-company__item::after, .service__item::after { position: absolute; right: 0px; top: 50%; content: ""; width: 40%; height: 1px; background: rgb(253, 180, 17) none repeat scroll 0% 0%; z-index: -1; } .service__item:nth-of-type(2n-1) .service__item-cont { -moz-box-pack: end; justify-content: flex-end; } .service__item:nth-of-type(2n-1)::after { right: initial; left: 0px; width: 40%; } .service__item:nth-of-type(2n-1) .content { max-width: 580px; } .checkbox:not(checked) { position: absolute; opacity: 0; } .checkbox:not(checked) + label { position: relative; padding: 0px 0px 0px 40px; } .checkbox:not(checked) + label::before { content: ""; position: absolute; left: 0px; top: calc(50% - 10px); width: 20px; height: 20px; border-radius: 3px; border: 1px solid rgb(204, 204, 204); } .checkbox:checked + label::after { content: url('ch.png'); position: absolute; left: 5px; top: calc(50% - 7px); } @media screen and (max-width: 1024px) { .why__title::before, .base-func__title::before { display: none; } .main-form__title::after { display: none; } } @media screen and (max-width: 768px) { .portfolio__item { -moz-box-flex: 1; flex: 1 1 50%; } .bitrix-calc__item .title p::after { display: none; } .menu .header__right .tels:nth-of-type(2) { display: none; } .menu__content .right-title::before { display: none; } .menu__container::after { display: none; } } @media screen and (max-width: 680px) { .bitrix-calc__item .title::after { display: none; } .bitrix-calc__serv p:nth-of-type(2) { -moz-box-flex: 0; flex: 0 0 120px; text-align: center; } .bitrix-company__item::after, .service__item::after { display: none; } } @media all and (max-width: 800px) { .portfolio__item { width:45%; } } @media all and (max-width: 522px) { .portfolio__item { width:95%; } } .buttonal { border-top: 1px solid #96d1f8; background: #0078a5; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #00adee, #0078a5); background: -ms-linear-gradient(top, #00adee, #0078a5); background: -o-linear-gradient(top, #00adee, #0078a5); padding: 9.5px 19px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #d9eef7; font-size: 21px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; vertical-align: middle; } .button:hover { color: #dbdbdb; background: #00678e; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top, #0095cc, #00678e); background: -ms-linear-gradient(top, #0095cc, #00678e); background: -o-linear-gradient(top, #0095cc, #00678e); } .button:active { border-top-color: #00adee; background: #00adee; } .owl-carousel .owl-wrapper::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; } html { font-family: sans-serif; } body { margin: 0px; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio:not([controls]) { display: none; height: 0px; } a { background-color: transparent; } a:active, a:hover { outline-width: 0px; } img { border-style: none; } svg:not(:root) { overflow: hidden; } [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0px; } @font-face { font-family: "FranklinGothicMediumCondRegular"; src: local("☺︎"), url('/image/franklingothicmediumcondregular.eot') format("embedded-opentype"), url('/image/franklingothicmediumcondregular.woff2') format("woff2"), url('/image/franklingothicmediumcondregular.woff') format("woff"), url('/image/franklingothicmediumcondregular.ttf') format("truetype"), url('/image/franklingothicmediumcondregular.svg') format("svg"); } @font-face { font-family: "ALS Rubl"; font-style: normal; font-weight: normal; src: local("ALS Rubl"), url('/image/rouble.woff') format("woff"); } .wrapper { min-height: 100vh; display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -moz-box-pack: start; justify-content: flex-start; position: relative; z-index: 7; transform: translateX(0px); transition: all 0.3s ease-in 0s; } .wrapper > * { flex: 0 0 auto; -moz-box-flex: 0; } .owl-news--item-counter::before { content: ""; display: inline-block; width: 30px; height: 20px; background: transparent url('/image/shape.svg') no-repeat scroll 50% 100%; vertical-align: baseline; } .ways { padding: 0px 0px 50px; background: rgb(235, 235, 235) none repeat scroll 0% 0%; } .ways .ways-list--item-text-title:hover ~ .ways-list--item-text-icons > .ways-list--item-text-icons-go { transform: translate3d(53px, 0px, 0px); transition: all 0.2s ease-out 0s; opacity: 0.3; } .ways .ways-list--item-img:hover ~ .ways-list--item-text .ways-list--item-text-icons-go { transform: translate3d(53px, 0px, 0px); transition: all 0.2s ease-out 0s; opacity: 0.3; } .ways-list { list-style: outside none none; padding: 40px 0px 0px; margin: 0px; display: flex; -moz-box-pack: justify; justify-content: space-between; flex-wrap: wrap; } .ways-list--item { overflow: hidden; width: 48.6%; margin: 0px 0px 40px; flex: 0 0 auto; -moz-box-flex: 0; display: flex; background: rgb(165, 180, 204) none repeat scroll 0% 0%; } .ways-list--item-img { display: block; width: auto; height: auto; flex: 0 1 50%; -moz-box-flex: 0; transition: all 0.2s ease-in 0s; overflow: hidden; position: relative; opacity: 1; will-change: opacity; cursor: pointer; } .ways-list--item-img img { display: block; width: 307px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .ways-list--item-img:hover { transition: all 0.2s ease-out 0s; opacity: 0.4; } .ways-list--item-img:hover ~ .ways-list--item-text .ways-list--item-text-title > a { transition: all 0.2s ease-out 0s; color: rgb(165, 180, 204); } .ways-list--item-text { width: 330px; min-height: 250px; flex: 1 0 auto; -moz-box-flex: 1; padding: 20px 17px 15px 20px; display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -moz-box-pack: justify; justify-content: space-between; background: rgb(255, 255, 255) none repeat scroll 0% 0%; } .ways-list--item-text-title { display: inline-block; margin: 0px 0px 1em; font-size: 25px; font-weight: 700; text-transform: uppercase; cursor: pointer; color: rgb(60, 95, 133); } .ways-list--item-text-title a { color: inherit; text-decoration: none; transition: all 0.2s ease-in 0s; } .ways-list--item-text-title:hover a { color: rgb(165, 180, 204); transition: all 0.2s ease-out 0s; } .ways-list--item-text-description { display: block; padding: 0px; margin: 0px 0px auto; } .ways-list--item-text-icons { display: flex; -moz-box-pack: justify; justify-content: space-between; -moz-box-align: center; align-items: center; margin: 24px 0px 0px; } .ways-list--item-text-icons-g { display: flex; -moz-box-pack: start; justify-content: flex-start; -moz-box-align: center; align-items: center; background: rgb(255, 255, 255) none repeat scroll 0% 0%; } .ways-list--item-text-icons-g-img { display: block; width: 50px; height: 50px; margin: 0px 3px; } .ways-list--item-text-icons-go { display: block; width: 40px; height: 30px; transition: all 0.2s ease-in 0s; opacity: 1; transform: translate3d(0px, 0px, 0px); } .ways-list--item-text-icons-go > img { display: block; width: 100%; height: auto; } .ourPartners-list--item:not(:first-child) { margin: 0px 0px 0px 1.22%; } input::-moz-placeholder { opacity: 1; transition: opacity 0.3s ease 0s; } input:focus::-moz-placeholder { opacity: 0; transition: opacity 0.3s ease 0s; } input::-moz-placeholder { text-overflow: ellipsis; } input::-moz-placeholder { color: rgb(153, 158, 162); } .callback-form--input input::-moz-placeholder { color: rgb(153, 158, 162); } .fa-angle-up::before { content: ""; display: block; width: 35px; height: 35px; background: transparent url('/image/arrow_up-01.svg') no-repeat scroll 50% center / contain ; } .blog-contentList--item-body--date::before { content: ""; display: inline-block; width: 22px; height: 22px; margin: 0px 5px 0px 0px; background: transparent url('/image/calendar-01.svg') no-repeat scroll 0% 0%; vertical-align: sub; } .blog-contentList--item-footer--el-author::before { content: ""; display: inline-block; width: 25px; height: 25px; margin: 0px 5px 0px 0px; background: transparent url('/image/writer-01.svg') no-repeat scroll 0% 0%; vertical-align: top; } .blog-contentList--item-footer--el-view::before { content: "views"; display: inline-block; text-indent: -9999px; margin: 0px 0.5em 0px 0px; width: 25px; height: 25px; background: transparent url('/image/eye-01.svg') no-repeat scroll 50% center / cover ; } .blog-contentList--item-footer--el-comment::before { content: "comments"; display: inline-block; text-indent: -9999px; margin: 0px 0.5em 0px 0px; width: 25px; height: 25px; background: transparent url('/image/comment-01.svg') no-repeat scroll 50% center / cover ; } .blog-contentList--item-footer--el-like::before { content: "likes"; display: inline-block; text-indent: -9999px; margin: 0px 0.5em 0px 0px; width: 25px; height: 25px; background: transparent url('/image/like-01.svg') no-repeat scroll 0% 0%; } .blog-aside--footer-listSoc--item:not(:last-child) { margin-right: 6.3%; margin-bottom: 1em; } .breadcrumbs a:visited:not([class]) { color: inherit; } .breadcrumbs a:not([class]):not(:visited) { color: inherit; } .breadcrumbs a:hover:not([class]) { color: rgb(60, 95, 133); text-decoration: none; } :first-child > .follow-listSoc-link { margin: 10px 0px; } .loginINOUT input::-moz-placeholder { color: rgb(153, 158, 162); } .loginINOUT-box:not(:last-child) { margin-right: 1.5%; } .account input::-moz-placeholder { color: rgb(153, 158, 162); } .account-ticket-list--item:not(:first-child) { margin: 0px 0px 0px 3px; } .block-card--ava::after { content: ""; display: block; width: 30%; height: 2px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; } .block-card--ava-file-wrapper::before { content: "Загрузить фото"; display: block; width: 100%; height: 23px; position: absolute; top: 0px; right: 25px; bottom: 0px; margin: auto; text-align: right; vertical-align: top; color: rgb(255, 255, 255); font-size: 16px; transition: all 0.3s ease-out 0s; } .block-card--ava-file-wrapper::after { content: ""; display: block; width: 25px; height: 25px; position: absolute; top: 0px; left: 12px; bottom: 0px; margin: auto; background: transparent url('/image/pointer-01_up.svg') no-repeat scroll 50% center / contain ; transform: rotateZ(-90deg); transition: all 0.3s ease-out 0s; } .course1 .no-name .no-name--50p > label:not(:first-of-type) { margin: 0px 0px 0px 3px; } .course1 .no-name .no-name--50p > label:last-of-type:not(:first-of-type) { margin: 0px 10% 0px 3px; } .course1-promo--top-description--counter::before { background: transparent url('/image/shape_white.svg') no-repeat scroll 50% 100%; } .course1-promo--bottom--num:not(:last-child) { margin: 0px 10% 0px 0px; } .course1-ticket1--box .promoform input::-moz-placeholder, .course1-ticket1--box .testform input::-moz-placeholder { color: rgb(153, 158, 162); } .course1-ticket1--box-oldPrice::before { content: ""; display: inline-block; height: 1px; width: 100%; position: absolute; background: rgb(240, 52, 53) none repeat scroll 0% 0%; transform: rotateZ(-10deg) translateY(15px) scale(1.3); } .course1-ticket1--box-oldPrice::after { content: "a"; display: inline-block; margin: 0px 0px 0px 0.5em; font-family: "ALS Rubl"; font-size: 0.7em; font-weight: 400; } .course1-ticket1--box-newPrice::after { content: "a"; display: inline-block; margin: 0px 0px 0px 0.5em; font-family: "ALS Rubl"; font-size: 0.7em; font-weight: 400; } .course1-ticket1--box-answer::before { content: ""; display: inline-block; width: 26px; height: 26px; position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto; background: transparent url('/image/shape_1.svg') no-repeat scroll 50% center; } .course1-ticket1--box-answer_date::before { content: ""; display: inline-block; width: 26px; height: 26px; position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto; background: transparent url('/image/calendar-01_1.svg') no-repeat scroll 0% 0%; } .course1-ticket1--box-answer_numb::after { content: ""; display: inline-block; margin: 0px 0px 0px 0.5em; font-size: 0.8em; } .course1-ticket1--box-answer_people::after { content: "чел."; display: inline-block; margin: 0px 0px 0px 0.5em; font-size: 0.8em; } .course1-programm--list-item::after { content: counter(progCount, decimal); display: flex; width: 78px; height: 78px; padding: 0px 0px 0px 11px; margin: 0px; position: absolute; left: 0px; top: 0px; font-size: 32px; font-weight: 700; color: rgb(60, 95, 133); border: 4px solid rgb(38, 68, 100); } .course1-programm--list-item::before { content: "Урок"; display: block; position: absolute; top: 0px; left: 0px; margin: 40px 0px 0px 15px; font-size: 20px; font-weight: 700; color: rgb(60, 95, 133); } .course1-programm--list-item--list-item::before { content: "-"; display: inline-block; padding: 0px 0.5em 0px 0px; } .course1-teacher-list--item::after { content: ""; display: table; clear: both; } .course1-process-sertiferti::after { content: ""; display: table; clear: both; } .find-list--item:not(:first-child) { margin: 0px; padding: 25px 0px; border-top: 1px solid rgb(180, 180, 180); } .courses-list--item:nth-child(2n+1) { margin: 0px 1.2vw 1.5vw 0px; } .courses-list--item-body--price .newPrice::after { content: "a"; font-family: "ALS Rubl"; font-size: 18px; font-weight: 400; } .courses-list--item-body--price .oldPrice::before { content: ""; display: inline-block; height: 1px; width: 150%; position: absolute; background: rgb(240, 52, 53) none repeat scroll 0% 0%; transform: rotateZ(-10deg) translateY(5px) translateX(-10px); } .courses-list--item-body--price .oldPrice::after { content: "a"; font-family: "ALS Rubl"; font-size: 14px; font-weight: 400; position: absolute; } .courses-aside--checkbox + label::before { content: ""; display: block; margin: auto; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 22px; height: 22px; background-color: rgb(210, 210, 211); } .courses-aside--checkbox:checked + label::before { background: rgb(63, 93, 130) url('/image/check-01.svg') no-repeat scroll 50% center / 80% auto; } .history-ajax--list-item .order-price::after { content: "a"; font-family: "ALS Rubl"; font-size: 0.8em; font-weight: 400; } .free1 .download-links a::before { content: ""; display: block; width: 36px; height: 36px; background: transparent url('/image/save-01.svg') no-repeat scroll 50% center / contain ; position: absolute; left: 0px; top: 0px; } .free1 .article-block::after { content: ""; display: table; clear: both; } .payform input[type="checkbox"] + label::before { content: ""; display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; width: 16px; height: 16px; position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto; border: 1px solid rgb(207, 215, 226); background: transparent none repeat scroll 0% 0%; color: rgb(255, 255, 255); } .payform input[type="checkbox"]:checked + label::before { content: "✓"; font-size: 12px; font-weight: 700; background: rgb(60, 95, 133) none repeat scroll 0% 0%; } .payform--info-el--data_mod .paystyle::before { content: ""; display: block; width: 16px; height: 16px; position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto; border: 2px solid rgb(125, 125, 125); border-radius: 50%; } .payform--info-el--data_mod .paystyle::after { content: ""; display: none; width: 6px; height: 6px; position: absolute; left: 5px; top: 0px; bottom: 0px; margin: auto; background: rgb(125, 125, 125) none repeat scroll 0% 0%; border-radius: 50%; } .payform--info-el--data_mod input:checked + .paystyle::after { display: block; } .payform--itogo-item::after { content: "a"; display: inline-block; margin: 0px 0px 0px 0.5em; font-family: "ALS Rubl"; font-size: 18px; text-transform: none; } .basket-page .newPrice::after { content: "a"; display: inline-block; font-family: "ALS Rubl"; font-size: inherit; font-weight: 400; color: inherit; margin: 0px 0px 0px 0.5em; } .basket-page .oldPrice::before { content: ""; display: inline-block; height: 1px; width: 120%; position: absolute; background: rgb(240, 52, 53) none repeat scroll 0% 0%; transform: rotateZ(-10deg) translateY(10px) translateX(-10px); } .basket-page .oldPrice::after { content: "a"; display: inline-block; font-family: "ALS Rubl"; font-size: inherit; font-weight: 400; color: inherit; margin: 0px 0px 0px 0.5em; } .contacts-block--form input::-moz-placeholder { color: rgb(153, 158, 162); } @media all and (max-width: 1366px) { .container { padding-left: 2.1962vw; padding-right: 2.1962vw; } .ways-list--item-text { padding: 16px 8px 16px 2vw; } .course1-about::after { content: ""; display: table; clear: both; } } @media all and (max-width: 1200px) { } @media all and (max-width: 1024px) { .follow-listSoc--item:nth-child(4) .follow-listSoc-link { margin: 10px 0px; } .course1-writer-list--item::after { content: ""; display: table; clear: both; } } @media all and (max-width: 960px) { .ways-list--item { width: calc(560px + 8vw); margin: 0px auto 4.2vw; } .find-list--item404::before { content: ""; position: absolute; top: 0px; z-index: 1; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.74) none repeat scroll 0% 0%; } } @media all and (max-width: 900px) { .p404::before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.65) none repeat scroll 0% 0%; } } @media all and (max-width: 860px) { .ways-list--item-text { padding: 16px 8px 16px 5vw; } .loginINOUT-box:not(:last-child) { margin-right: calc(1.5% - 4px); } .block-card--ava-file-wrapper::before { right: 5px; width: 80%; height: 40%; text-align: center; font-size: 15px; } .block-card--ava-file-wrapper::after { left: 5px; } .history .block-card::after { content: ""; display: block; width: 30px; height: 100%; position: absolute; right: 0px; top: 0px; background: transparent linear-gradient(to left, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0%; } } @media all and (max-width: 768px) { .ourPartners-list--item:not(:first-child) { margin: 0px auto 5vw; } } @media all and (max-width: 680px) { .loginINOUT-box:not(:last-child) { margin-right: auto; } .courses-list--item:nth-child(2n+1) { margin: inherit; } } @media all and (max-width: 640px) { .ways-list--item { width: 94vw; margin: 0px auto 4.2vw; } .ways-list--item-text-title { font-size: 22px; } .ways-list { padding: 9vw 0px 0px; } .blog-contentList--item-body--date::before, .blog-contentList--item-footer--el-author::before, .blog-contentList--item-footer--el-view::before, .blog-contentList--item-footer--el-comment::before, .blog-contentList--item-footer--el-like::before { width: 33px; height: 33px; margin: 0px 1vw 0px 0px; } } @media all and (max-width: 480px) { .blog-contentList--item-body--date::before, .blog-contentList--item-footer--el-author::before, .blog-contentList--item-footer--el-view::before, .blog-contentList--item-footer--el-comment::before, .blog-contentList--item-footer--el-like::before { width: 27px; height: 27px; margin: 0px 1vw 0px 0px; } } .base-styles h2::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 130px; height: 0px; border-bottom: 1px solid; } .base-styles ul li::before { content: "-"; display: inline-block; position: absolute; top: 0px; left: 0.2em; } .base-styles table tr:not(:last-child) { border-bottom: 1px solid; } .base-styles table th:not(:last-child) { border-right: 1px solid; } .base-styles table td:not(:last-child) { border-right: 1px solid; } @media all and (max-width: 1366px) { } @media all and (max-width: 860px) { .base-styles table tr:nth-child(2n+1) { background: rgba(231, 238, 250, 0.56) none repeat scroll 0% 0%; } .base-styles table tr:not(:last-child) { border: medium none; } .base-styles table td:not(:last-child) { border: medium none; margin: 0px 0px 0.5em; } .base-styles table td::before { content: attr(data-head); display: block; margin: 0px 0px 0.5em; font-size: 1.2em; font-weight: 700; } } .question-quiz-form__label--radio::before { content: ""; display: inline-block; width: 1em; height: 1em; border-radius: 50%; border: 1px solid rgb(60, 95, 133); position: relative; top: 2px; margin-right: 0.3em; } .question-quiz-form__label--checkbox::before { content: ""; display: inline-block; width: 1em; height: 1em; border-radius: 0px; border: 1px solid rgb(60, 95, 133); position: relative; top: 2px; margin-right: 0.3em; } .question-quiz-form__input:checked + .question-quiz-form__label--radio::before { content: ""; background: transparent radial-gradient(5px, rgb(229, 136, 53), rgb(229, 136, 53) 4px, white) repeat scroll 0% 0%; } .question-quiz-form__input:checked + .question-quiz-form__label--checkbox::before { content: ""; background: transparent url('/image/quiz-checkbox.svg') no-repeat scroll center center / 0.8em auto; } .quiz-progress-bar__progress-line:not([value]) { -moz-appearance: none; border: medium none; min-height: 2em; display: block; margin-bottom: 1em; background-color: rgb(238, 238, 238); border-radius: 2px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25) inset; width: 100%; } .quiz-progress-bar__progress-line[value]::-moz-progress-bar { background-color: rgb(111, 181, 73); border-radius: 2px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25) inset; } .answer-desc-toggle::after { content: "?"; display: inline-block; width: 25px; height: 25px; background-color: rgb(60, 95, 133); color: white; text-align: center; line-height: 20px; padding: 0.25em; border-radius: 50%; } .answer-desc-toggle:hover::after { background-color: rgb(85, 133, 185); } .group-info-block__section:not(:last-child) { border-bottom: 1px solid rgb(232, 232, 232); } .blog-contentList--item-body--date__lesson-mod::before { content: ""; display: inline-block; width: 14px; height: 14px; margin: 0px 5px 0px 0px; background: transparent url('/image/calendar-white.svg') no-repeat scroll 0% 0% / contain ; vertical-align: sub; } .blog-contentList--item-footer--el-author__lesson-mod::before { content: ""; display: inline-block; width: 14px; height: 14px; margin: 0px 5px 0px 0px; background: transparent url('/image/writer-white.svg') no-repeat scroll 0% 0% / contain ; vertical-align: top; } .blog-contentList--item-footer--el-view__lesson-mod::before { content: "views"; display: inline-block; text-indent: -9999px; margin: 0px 0.5em 0px 0px; width: 14px; height: 14px; background: transparent url('/image/eye-01.svg') no-repeat scroll 50% center / cover ; } .blog-contentList--item-footer--el-comment__lesson-mod::before { content: "comments"; display: inline-block; text-indent: -9999px; margin: 0px 0.5em 0px 0px; width: 14px; height: 14px; background: transparent url('/image/comment-01.svg') no-repeat scroll 50% center / cover ; } .reply::before { content: ""; position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; background: transparent url('/image/comment.svg') no-repeat scroll 0% 0% / contain ; vertical-align: middle; margin-right: 0.2em; } .edit::before { content: ""; position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; background: transparent url('/image/edit.svg') no-repeat scroll 0% 0% / contain ; vertical-align: middle; margin-right: 0.2em; } /* ::::: https://ntschool.ru/assets/components/ajaxform/css/default.css ::::: */ /* ::::: https://ntschool.ru/assets/components/ajaxform/css/lib/jquery.jgrowl.min.css ::::: */ @media screen and (min-width: 320px) { } @media screen and (max-width: 320px) { } /* ::::: https://ntschool.ru/assets/components/tickets/js/web/lib/prettify/prettify.css ::::: */ @media screen { } .menu_main { margin: 0px auto; height: 65px; left: 25px; top: 170px; } .menu_main ul { list-style: outside none none; white-space: nowrap; padding-left: 8px; padding-right: 8px; } .menu_main li { float: left; padding-top: 10px; width: 20%; text-align: center; } .menu_main li a { display: block; padding: 10px 16px; text-transform: uppercase; font-size: 19px; border-left: 1px solid #D8D8D8; color: #3D3D40; text-decoration: none; } @media screen and (max-width: 425px) { .menu_main{display:none;} } @media screen and (max-width: 470px) { .menu_main{display:none;} } .center-block { display: block; margin-right: auto; margin-left: auto; } .w70 { width: 100%; } .col-xs-3 { width: 20%; } .col-xs-3 { float: left; } .text-center { text-align: center; } .pkla{font-family:Arial;} .pkla h1{margin-top:30px;font-size:30px;} .pkla h2{margin-top:25px;font-size:25px;} .pkla h3{margin-top:20px;font-size:20px;text-align:left;} #clockdiv{ font-family: sans-serif; color: #fff; font-weight: 100; text-align: center; font-size: 30px; margin:0 auto; } #clockdiv > div{ border-radius: 3px; background: #0B80E0; display: inline-block; } #clockdiv div > span{ padding: 10px; font-size: 26px; border-radius: 2px; background: #008000; display: inline-block; font-weight: bold; color: #f9f1f3; } .t-col { display: inline; float: left; margin-left: 20px; margin-right: 1%; width: 21%; } .t-align_left { text-align: left; } .t-name { font-family: 'Roboto', sans-serif; font-weight: 600; color: #000000; } .t-name_md { font-size: 20px; line-height: 1.35; } .t-container{width:80%;margin:0 auto;} .vizhright{margin:10px;float:right;} .vizhleft{margin:10px;float:left;} .smalltext{font-size: 14px;} .kall{ text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#E5FFFF; background-color:#3BA4C7; background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; display:none; } .kall2{ text-decoration:none; text-align:center; padding: 5px 12px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#E5FFFF; background-color:#3BA4C7; background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; display:none; } @media (max-width: 573px ) { .kall{display:inline;} .logo{display:none;} } @media (max-width: 470px ) { .kall2{display:inline;} .poaaa{font-size:18px;} .glavn_zag { font-size: 18px; } } @media (max-width: 369px ) { .kall2{display:inline;} .kall2 { text-decoration: none; text-align: center; padding: 5px 5px; border: solid 1px #004F72; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font: 16px Arial, Helvetica, sans-serif; font-weight: bold; color: #E5FFFF; background-color: #3BA4C7; background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); -webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; } .von{font-size:16px;} .c_color2{font-size:16px;} } .per-block { width:80%; margin: 0px auto; } .per-block-left { width: 48%; float: left; padding: 0%; box-shadow: 0 0 5px 1px #c0bbbb; } .per-block-right { width: 48%; float: right; padding: 0%; box-shadow: 0 0 5px 1px #c0bbbb; } @media (max-width: 549px ) { .per-block-right { width: 98%; float: left; padding: 2%; box-shadow: 0 0 5px 1px #c0bbbb; } .per-block-left { width: 98%; float: left; padding: 2%; box-shadow: 0 0 5px 1px #c0bbbb; } } .glaaa{background:url('/e0d5d19a27ddd923a54350db3d930045.jpg'); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .verh222{text-align:center; padding-top:60px; } .verh223{text-align:center; padding-top:35px; } .spanseo{font-size:32px;} .spanseo2{font-size:60px;} .imstr{width: 55%; margin: 0 auto; margin-top: 35px; } .knopik { font-family: Arial; font-weight: 700; font-style: normal; font-size: 30px; color: #030303; padding: 35px 55px; padding: 35px 55px; background: #FFDD2D; border: 3px solid #FFDD2D; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-transform: uppercase; text-decoration: none; } @media (max-width: 588px ) { .verh222 {padding-top:30px;} .verh223 {padding-top:30px;} .imstr{width: 55%; margin: 0 auto; margin-top: 30px; } .spanseo2 { font-size: 40px; } .knopik { font-family: Arial; font-weight: 700; font-style: normal; font-size: 30px; color: #030303; padding: 35px 55px; padding: 15px 25px; background: #FFDD2D; border: 3px solid #FFDD2D; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-transform: uppercase; text-decoration: none; } .spanseo { font-size: 24px; } } @media (max-width: 488px ) { .knopik { font-family: Arial; font-weight: 700; font-style: normal; font-size: 18px; color: #030303; padding: 35px 55px; padding: 10px 15px; background: #FFDD2D; border: 3px solid #FFDD2D; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-transform: uppercase; text-decoration: none; } } @media (max-width: 398px ) { .spanseo2 { font-size: 30px; } } .polll{display:none; width:100%; } .polll0{float:left;width:40%;padding:10px;font-weight: bold;} .polll1{float:left;width:48%;color:black;} .pooo{display:none;} @media (max-width: 400px ) { .polll{display:block; width:100%; } .polll { position: fixed; top: 0; left: 0; right: 0; background: linear-gradient(181deg, white 0%, #e3e3e3 100%); z-index: 9; } .polll33{height:35px;} .pooo{display:block;} .kons-btn{margin-top:5px;} } .center { text-align: center; } .callback-1 { margin-top:20px; background: #FFDD2D; padding: 50px 0px; } .zakaz-tel { font-size: 24px; width: 200px; } .kons-btn { font-size: 24px; min-width: 204px; color: white; background: #595656; border: 2px solid #595656; transition: all 1s ease; margin-left: 20px; cursor:pointer; } .polll{display:none; width:100%; } .polll0{float:left;width:40%;padding:10px;font-weight: bold;} .polll1{float:left;width:48%;color:black;} .pooo{display:none;} @media (max-width: 400px ) { .polll{display:block; width:100%; } .polll { position: fixed; top: 0; left: 0; right: 0; background: linear-gradient(181deg, white 0%, #e3e3e3 100%); z-index: 9; } .polll33{height:35px;} .pooo{display:block;} .kons-btn{margin-top:5px;} } @media (max-width: 655px ) { .kons-btn{margin-left:0px; margin-top:18px; } } .polll1:hover{background:yellow;} .col-sm-4 { width: 33.33333333%; } .col-sm-4 { float: left; } .col-sm-4 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .whier1 { padding: 0 20px 30px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); background-color: transparent; transition: 0.4s; margin-bottom: 30px; text-align: center; } .whier1 .imager { padding: 30px 90px 20px; } .whier1 .imager .fill { fill: #525754; transition: 0.4s; } .whier1 .texter1 { font-size: 20px; margin-bottom: 15px; color: #525754; font-weight: bold; transition: 0.4s; } .whier1 .texter2 { font-size: 16px; line-height: 24px; color: #3e3e3e; transition: 0.4s; } @media (max-width: 586px ) { .whier1 .imager { padding: 10px 10px 10px; } .col-sm-4 { width: 100%; margin: 0 auto; } } .countdown{padding-left:0px;} .fastcall { display: none; width: 80px; z-index: 10000; height: 80px; position: fixed; bottom: 10px; left: 20px; } .fastcall2 { display: none; width: 80px; z-index: 10000; height: 80px; position: fixed; bottom: 10px; left: 40%; } .fastcall3 { display: none; width: 80px; z-index: 10000; height: 80px; position: fixed; bottom: 10px; right: 20px; } @media screen and (max-width: 400px) { .fastcall, .fastcall2, .fastcall3 { display: block; } .form-text, .color { font-size: 10px; } }