/*
Theme Name: Cannyon
Theme URI: http://mythem.es/item/cannyon-free-wordpress-theme/
Description: Cannyon is an white, clean, elegant, modern, beautiful and creative freemium WordPress theme built with HTML5 and CSS3. The clean, modern design can be used for any type of website: business, corporate, portfolio, products, creative, arts, design, construction, transport, manufacturing, ecology, cosmetics, beauty, hygiene, sports, culture, presentations, food business, restaurants, drink, bar, pub, club, radio, tv, television, music, movies, live style, garden, cuisine, chemical, pharmaceutical, medicine, travel, sample blog, agriculture, science, politics and more others. Theme comes with nice flat design concept and responsive layout. This theme is suitable for all type of devices: desktop, notebook, iPhone, tablete and others. Responsive design and grid system is based on twitter bootstrap framework. Theme is developed by myThem.es and it comes with nice header parallax effect. We carefully handcrafted this theme with a strong focus on typography, usability and overall user-experience. This beautiful and easy to customize WordPress theme come with live preview changes integrated with wp customize. It’s very quick to setup and easy to customize and it comes with free support. Theme features: custom header, parallax header, header buttons, custom logo, custom favicon, header custom colors, custom background color, custom background image, custom footer, custom copyright, custom social links, custom css, custom layout, left sidebar, right sidebar, full width layout, additional sidebars, custom widgets, support for jetpack plugin, styled contact form 7 plugin. Please read the FAQ: Admin Dashboard > Appearances > Cannyon FAQ. See our demo: https://goo.gl/cxMNsQ
Version: 0.0.19
Tags: blog, news, featured-images, one-column, two-columns, right-sidebar, left-sidebar, theme-options, translation-ready, custom-colors, custom-menu, threaded-comments, custom-background, custom-header
Text Domain: cannyon
Domain Path: /languages
Author: myThem.es
Author URI: http://mythem.es/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Cannyon, Copyright 2015 myThem.es ( email: cannyon at mythem.es )
Cannyon is distributed under the terms of the GNU GPL
________________
|_____    _______|
___ ___ ___   __ __  |  |  __       ____   ___ ___ ___       ____   ____
|   |   |   | |_ |  | |  | |  |___  |  __| |   |   |   |     |  __| |  __|
|   |   |   |  | |  | |  | |  __  | |  __| |   |   |   |  _  |  __| |__  |
|___|___|___|   |  |  |__| |_ ||_ | |____| |___|___|___| |_| |____| |____|
|_|
myThem.es Marketplace provides WordPress themes with
the best quality and the smallest prices.
*/
@font-face{font-family:glyphicons halflings;font-display:swap;src:url(media/fonts/glyphicons-halflings-regular.eot);src:url(media/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(media/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(media/fonts/glyphicons-halflings-regular.woff) format('woff'),url(media/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(media/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}
/* ALIGN TEXT */
.align-none{
text-align: none;
}
.align-left{
text-align: left;
}
.align-center{
text-align: center;
}
.align-justify{
text-align: justify;
}
.align-right{
text-align: right;
}
/* WORDPRESS */
.alignleft,
.alignright{
margin-top: 10px;
margin-bottom: 10px;
}
.alignnone,
.aligncenter{
margin-top: 25px;
margin-bottom: 25px;
}
.alignleft{
float:left;
margin-right: 15px;
}
.alignright{
float:right;
margin-left: 15px;
}
.aligncenter{
clear:both;
display: block;
margin-left:auto;
margin-right:auto;
text-align: center;
}
img:not(.parallax-image).aligncenter{
margin-left: auto;
margin-right: auto;
}
.sticky,
.gallery-caption,
.screen-reader-text,
.bypostauthor{}
.wp-caption{
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.wp-caption,
.wp-caption p,
.wp-caption a{
font-style: italic;
}
.wp-caption,
.wp-caption p{
color: #454545;
}
section .wp-caption p,
section .wp-caption p.wp-caption-text{
background: rgba( 100, 100, 100, 0.01 );
color: #454545;
padding: 10px;
margin: 0px;
}
section .post-thumbnail .valign-bottom-cell-wrapper{
height: auto;
}
.single-portfolio .thumbnail-content footer,
section .post-thumbnail footer{
background: rgba( 0,0,0, 0.4 );
color: #ffffff;
font-style: italic;
padding: 10px;
}
.wp-caption img{
display: block;
margin: 0px auto;
}
.mythemes-round-corners{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
code {
background: #e9e9e9;
font-size: 12px;
padding: 2px 8px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
code {
font-family: Consolas,"Liberation Mono",Courier,monospace;
font-weight: 400;
color: #333;
}
.nav-new {
display:flex;
justify-content: space-between;
padding:30px 0;
}
.nav-new div {
width:40%;
}
.nav-new div:last-child {
text-align:right;
}
.related-new {
display:flex;
flex-wrap:wrap;
margin:20px 0 0 0;
}
.related-new .it {
width:29.333%;
margin:0 6% 0 0;
}
.related-new .it:last-child {
margin:0px;
}
.related-new .it .images {
text-decoration:none;
display:block;
height:120px;
overflow:hidden;
}
.related-new .it .name {
text-decoration:none;
display:block;
margin:5px 0 0 0;
}
.related-new .it .images img {
height:100%;
max-width:none;
}
div.widget ul li {
border-top: 0px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}
@media screen and (max-width:1000px) {
.table-hidden {
width:100%;
max-width:100%;
overflow-x:scroll;
}
.related-new .it {
width:100%;
margin:0 0% 20px 0;
}
.related-new .it .images {
height:auto;
}
.related-new .it .images img {
height:auto;
max-width:100%;
}
.rpwwt-widget ul li img {
float:none !important;
display:table !important;
}
.nav-new {
display:block;
}
.nav-new div {
width:100%;
margin:10px 0;
text-align:center;
}
.nav-new div:last-child {
text-align:center;
}
.sidebar-to-right {
/*display:none;*/
}
}
aside.mythemes-sidebar div.widget {
padding: 0px 0px;
min-width: 322px; width: auto}
.backcoupon{width: auto;
min-width: 322px;
height: 120px;
border: 2px #EBEBEB solid;
}
.backcoupon .skidon{
background: url(media/_frontend/img/coup2.png) no-repeat;
background-position-x: 86px;
background-position-y: 16px;
width: 99px;
height: 99px;
padding-left: 0px;
padding-top: 0px;
float: left;
cursor: pointer;
text-align: left;
line-height: 99px;
font-size: 28px;
color: forestgreen;
}
.backcoupon .name{
font-size: 13px; width:calc(100% - 158px);
position: relative;
z-index: 2;
height: 73px;
padding-left: 0px;
padding-top: 11px;
float: left;
font-weight: bold;
cursor: pointer;
margin-left: -9px}
.backcoupon .link{
width:90px;
height: 117px;
float: right;
font-weight: bold;
position: absolute;left: calc(100% - 40px);
background: url(media/_frontend/img/coupon2.png);
background-position-x: 7px;
background-position-y: -1px;
border-right: 2px #EBEBEB solid;
}
@media (max-width: 768px)
{
.backcoupon .name{padding-left: 5px}
.backcoupon .link{
left: calc(100% - 91px);border-right: none;   }
#admitad-4 .backcoupon .name{    width: calc(100% - 166px);
}
#admitad-4 .backcoupon .link{
left: calc(100% - 107px);border-right: none;   }
}.backcoupon .link a .glyphicon-chevron-right{
color: #26ad60;
font-size: 32px;
/* display: none; */
text-align: center;
margin-top: 19px;
margin-left: 8px;}
.backcoupon .link a{
width:100%;
height: 100%;
float: left;
font-weight: bold;
}
.backcoupon .dopfield{
font-size: 11px;
width: 231px;
margin-left: 9px;
height: 24px;
color: #bbb;
clear: both;
margin-top: 94px;position: absolute}
.presentbox{
width: 41px;
height: 47px;
margin: 14px;
background: url(media/_frontend/img/box.png);
}
.ln-letters .ln-selected, .ln-letters a:hover {
background-color: #eee;
color: #0a6ebd;
}
.ln-letters a {
position: relative;
font-weight: 500;
font-size: 1.2em;
float: left;
padding: 10px 14px;
border-right: none;
text-decoration: none;
}
.letterCountShow, .ln-letters a {
display: block;
}
.ln-letters a label {
transition: all .2s;
position: absolute;
display: none;
top: 2px;
right: 2px;
font-size: 10px;
font-weight: 500;
color: #bbb;
line-height: 1em;
}
.listNav, .ln-letters {
overflow: hidden;
margin-bottom: 15px;
margin-top: 20px;}
.list-group {
margin-bottom: 20px;
padding-left: 0;
list-style: none;
}
.template-center-grid-default #template_content_container {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 0;
padding-right: 0;
}
.list-group .list-group-item-separator {
width: 100%;
font-size: 32px;
font-weight: 500;
line-height: 0em;
margin-top: 9px;
margin-bottom: 0px;
padding-bottom: 2px;
color: #0a6ebd;
border-bottom: 1px solid #eee;
clear: both;
height: 21px;
}
.list-group .list-group-item {
background: 0 0;
border: none;
display: inline-block;
vertical-align: top;
width: 100%;
padding: 0px 0px 00px 0;
margin: 0;
float: none;
}
.new-seo-block {
margin: 0px 0px;
}
.new-seo-block .width {
max-width: 1400px;
width: 100%;
margin: 0 auto;
border: 1px #ededed solid;
border-radius: 5px;
padding: 1px 0 30px 30px;
background-color: #fff;
}
.new-seo-block {
text-align: center;
padding-top: 5px!important;
}
.new-seo-block * {
box-sizing: border-box;
}.new-seo-block .text-s {
overflow-y: hidden;
text-align: left;
height: auto;
padding: 0 30px 0 0;
}.new-seo-block ::-webkit-scrollbar {
width: 10px;
background-color: #f9f9fd;
}
.new-seo-block ::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #41ca56;
}
.new-seo-block ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
border-radius: 10px;
background-color: #303030;
}
.col-lg-12 #searchbox select
{
margin-left: 8px;
-moz-appearance: none;
-webkit-appearance: none;
background: #f3f3f3 url("../cannyon/media/_frontend/img/sel.png") no-repeat center right;
background-position: 103% -8px;}
.col-lg-12 #searchbox select, .col-lg-12 #searchbox input{
//    float: left;
width: 390px;/*calc(100% - 303px);*/
color:black;/*
padding-right: 30px
}
.col-lg-12 #searchbox select{*/
width:100%;
border-radius: 7px;
height: 45px;
border-top: none;
border-bottom: none;
border-right: none;
font-size: .8888em;
font-weight: 400;
padding: 10px 20px;
color: #666;    margin: 0px 0; }
.col-lg-12 #searchbox input{margin-left: 0px;
}
.col-lg-12 #searchbox {
padding: 0;
display: flex;
flex: 1;
flex-wrap: wrap;
border-radius: 5px;
overflow: hidden;/*width: 50%;margin:0 auto*/
max-width: 770px;
margin: 0 auto;}
.col-lg-12 #searchbox input[type=text]:focus{
background-color: #f3f3f3;
border: none;
font-family: Helvetica,Arial,sans-serif,serif;
font-size: 14px;
font-weight: 400;
font-variant: normal;
font-style: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear;
transition: all .3s linear;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
-ms-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
-o-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
}
.col-lg-12 #searchbox button{
margin: 0px 0px 0px 5px;
background-color: #26ad60;      border-left: 1px solid rgba(0,0,0,.1);
padding: 0;
font-size: 25px;
width: 60px;
border-radius: 0px;
text-indent: 0px;
overflow: hidden;border-radius: 7px;}
.searchpoint .rr{
float:left;
width: calc(100% - 200px);
overflow: hidden;
overflow-y: hidden
}
.searchpoint div:first-child::-webkit-scrollbar { width: 0; }
.searchpoint .sr #result{padding-left: 10px;}
.searchpoint .sr{
overflow-y: scroll;
height: 416px;
display: list-item;
width: 200px;
float: left}
@media (max-width: 1024px)
{
.searchpoint .rr,.searchpoint .sr{
float:none;
width: 100%;
height: auto;    }
.col-lg-12 #searchbox select, .col-lg-12 #searchbox input{
float: none;
width: 100%;
padding-right: 0px;
border-radius: 7px;
}
.citydiv {padding-left: 0px!important;}
.col-lg-12 #searchbox select{
width:100%
}
.col-lg-12 #searchbox {flex-direction: column;}
.col-lg-12 #searchbox button{
background-image: none;
width: 100%;
text-indent: 0;
margin-top: 1px;
border-left: none;      border-left: 1px solid rgba(0,0,0,.1);
height: 45px;
margin-left: 0px;
margin-left: 0px;
}
.col-lg-12 #searchbox select
{
background-position: 100% -8px
}
}
.citydiv{
float: none;
width: auto;
padding-right: 0;
display: flex;
flex: 1;
padding-left: 5px;     padding-top: 5px;
}
#searchform{padding-top: 25px}
h4.list-group-item-heading{font-size: 18px;margin-top: 32px;}
.shopcont #id1 h4{font-size: 18px;margin-top: 3px}
.shopcont{float:left;width:50%;padding-bottom: 50px}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal {
display: none;
position: fixed;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal, .modal-backdrop {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.modal, .modal-open {
overflow: hidden;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
}
@media (min-width: 768px)
{.modal-template-open-offer .modal-dialog {
position: absolute;
top: 50%;
left: 50%;
margin: -180px auto auto -300px;
width: 600px;
}}
@media (min-width: 992px)
{.modal-lg {
width: 600px;
}
}
@media (min-width: 768px)
{.modal-dialog {
width: 600px;
margin: 30px auto;
}}
.modal-dialog {
top: 50%;
position: relative;
width: auto;
margin: 10px;
margin-top: -82px;}
.modal-content {
border-radius: 0;
}
@media (min-width: 768px)
{.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid transparent;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
background-clip: padding-box;
outline: 0;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid transparent;
}
.modal-header .close {
margin-top: -2px;
}
button.close {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
}
.close {
font-size: 34px;
font-weight: 300;
line-height: 24px;
opacity: .6;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.close {
float: right;
color: #000;
filter: alpha(opacity=20);
}
.close, .tooltip {
text-shadow: none;
}
.modal-template-open-offer .modal-header .modal-title {
text-align: center;
font-size: 1.5em;
font-weight: 400;
}
@media (min-width: 768px)
{.modal-template-open-offer .modal-header .modal-title {
padding-left: 45px;
padding-right: 45px;
}}
.modal-title {
margin: 0;
line-height: 1.3em;
}
@media (min-width: 768px)
{.modal-template-open-offer .modal-body {
padding-left: 60px;
padding-right: 60px;
padding-bottom: 20px;
}
}
.modal-template-open-offer .modal-body {
padding: 15px 15px 5px;
background: #f2f2f2;
}
.modal-body {
position: relative;
padding: 15px;
}
#modalback,#modalback2{top: 0;left: 0;position: absolute;width: 100%;height: 100%;    z-index: 1040;
display: none;}
.modal-template-open-offer .modal-footer {
text-align: center;
background: #444;
padding: 15px 0 0;
margin: 0 0 -1px -1px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid transparent;
}
.modal-backdrop.in {
opacity: .5;
filter: alpha(opacity=50);
}
.modal-backdrop {
position: fixed;
z-index: 1039;
background-color: #000;
}
.cashback-store-offers-list-item-rightcol-inner{padding-top: 16px;}
.modal-template-open-offer .template-open-offer-link-container {
margin-top: 30px;
text-align: center;
margin-bottom: 20px;
}
.modal-template-open-offer .template-open-offer-link-container a {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
-ms-user-select: none;
user-select: none;
-webkit-transition: all .4s;
-o-transition: all .4s;
font-size: 14px;
font-weight: 500;
padding: 12px 14px;
text-transform: uppercase;
box-shadow: 0 1px 1px rgba(0,0,0,.1), 0 2px 1px rgba(0,0,0,.1);
transition: all .3s cubic-bezier(.25,.8,.25,1);
width: 100%;
height: 45px;
color: #6bc64e;
border: 2px solid #6bc64e;
border-radius: 5px;
background: #fff;
line-height: 1.5em;
}/*
.couptooltip {
position: absolute;
width: 100%;
padding: 10px;
z-index: 999;
background: #fff;
border: 1px #000 solid;
color: #30333A;
top: 0;
left: -275px;
font-weight: 700;
font-size: 10px;
border-radius: 10px;
transition: all 0.5s ease;
display: none
}*/
.skidon img{width: 85px!important;padding-left: 5px}
.skidon .terms{line-height: 0;font-size: 10px;padding-left: 9px;
margin-top:-11px;
display: block;
color: #989898;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;}
.widget_related{width: 322px;}
.widget_related .related-new {padding: 10px;font-size: 12px;margin:0}
.widget_related .related-new .it{width: 100%}
.nav-new a,#comments .related-new a,.widget_related .related-new a{font-size: 13px;color: #504367!important;
font-weight: bold;
margin-bottom: 10px;
padding-top: 0px;
line-height: 135%!important;}
#comments .related-new a{margin-bottom: 0px;}
p.comment-reply-title{padding: 10px;
color: #505050!important;
font-weight: 700;    font-size: 18px!important;}
#comments p.comment-reply-title{padding: 0px;padding-top: 10px;padding-bottom: 10px;font-size: 25px}
.couptooltip:before {
content: '';
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
bottom: -14px;
border: 7px solid transparent;
border-top: 7px solid #212121;
}
.couptooltip span:before {
font:normal normal normal 13px/1 FontAwesome;    content: "\f057";
display: block;
position: absolute;
left: 101%;
bottom: 191px;
font-size: 16px;
z-index: 999;
cursor: pointer;color: black}
.couptooltip {
position: absolute;
left: -79px;
right: 76px;
bottom: 0;
background: #212121;
color: #dcdbdb;
font-size: 13px;
text-align: center;
margin-bottom: 7px;
opacity: 1;
transition: opacity .25s ease;
-webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;
z-index: 999;
height: 195px;
width: 250px;display: none;
}.couptooltip span {    overflow: auto;height: 195px;display: block;width: 250px;padding: 2px
}
@media (max-width: 1024px)
{.couptooltip{left:17px;right: 0px}
.couptooltip .top{top:100px}
.couptooltip:before {
left:19%}
}
.entry-date{
padding-right: 0px;
margin-right: 1px;
display: inline-block;
height: 14px;
margin-top: -1px;}
#comments .entry-date{border-right: none}
.entry-date:after{content: ''; display: block;width: 1px;height: 10px;float: right;    border-right: 1px #a199b0 solid;margin-top: 7px;padding-left: 7px}
#comments .entry-date:after{display: none}
.linkspost__all {
margin: 40px 0 0;
text-decoration: underline;
padding: 13px 30px 14px;
border-radius: 23px;
background: #26ad60;
box-shadow: 0px 8px 21px 0px rgb(48 154 244/47%);
color: #fff;
font-weight: 300;
}
.linkspost__all:hover, .linkspost__all:focus {
color: #fff;
text-decoration: none;
background: #26ad60;
box-shadow: 0px 3px 15px 0px rgba(48,154,244,.47);
}
#ez-toc-container {
background: none;
border: 0;
font-size: 16px;
line-height: 20px;
width: auto;
display: block;
font-size: 16px;
line-height: 20px;
padding: 10px;
margin-bottom: 1em;}
#ez-toc-container p.ez-toc-title {
text-align: center;
font-weight: 700;
margin: 0;
padding: 0;
}
.ez-toc-title {
color: #333;
}
.ez-toc-title {
background: #f8f8f8;
padding: 12px 15px !important;
font-size: 20px;
line-height: 25px;
color: #6969b3;
color: #21468a;
border-left: 4px solid #26ad60;
text-align: left !important;
font-weight: 600;
}
.ez-toc-icon-toggle:before{content: '[Свернуть]'}
#ez-toc-container p.ez-toc-title+ul.ez_toc_list {
margin-top: 1em;
}
#ez-toc-container.ez-toc-v2_0_11 li, #ez-toc-container.ez-toc-v2_0_11 ul, #ez-toc-container.ez-toc-v2_0_11 ul li, .toc_widget_list.ez-toc-v2_0_11, .toc_widget_list.ez-toc-v2_0_11 li {
background: 0 0;
list-style-type: none;
list-style: none;
}
#ez-toc-container li, #ez-toc-container ul {
margin: 0;
padding: 0;
}
#ez-toc-container.ez-toc-v2_0_11 li, #ez-toc-container.ez-toc-v2_0_11 ul, #ez-toc-container.ez-toc-v2_0_11 ul li, .toc_widget_list.ez-toc-v2_0_11, .toc_widget_list.ez-toc-v2_0_11 li {
background: 0 0;
/*   list-style-type: decimal;
list-style: decimal;
*/}
#ez-toc-container.ez-toc-v2_0_11 ul
{
/* убираем стандартную нумерацию */
list-style: none;
/* Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0 */
counter-reset: li;
}
#ez-toc-container.ez-toc-v2_0_11 li.ez-toc-heading-level-2:before,#ez-toc-container.ez-toc-v2_0_11 li.ez-toc-heading-level-4 a:before ,#ez-toc-container.ez-toc-v2_0_11 li.ez-toc-heading-level-3 a:before {/* Определяем элемент, который будет нумероваться — li. Псевдоэлемент before указывает, что содержимое, вставляемое при помощи свойства content, будет располагаться перед пунктами списка. Здесь же устанавливается значение приращения счетчика (по умолчанию равно 1). */
counter-increment: li;
/* С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем. Точка в кавычках добавляет разделяющую точку между цифрами, а точка с пробелом добавляется перед содержимым каждого пункта списка */
content: counters(li,".") ". ";
}
.ez-toc-title-toggle{display: inline;padding-left: 10px;
}
ul.ez-toc-list-level-4{padding: 0px!important}
#ez-toc-container ul,#ez-toc-container li {
padding: 8px 1px 2px 11px;
background: none !important;
position: relative;
}
#ez-toc-container ul a {
color: #666;
border-bottom: 1px dashed rgba(102,102,102,.5);
}
#ez-toc-container a {
text-decoration: none;
text-shadow: none;
}
#ez-toc-container .toc_number {
font-size: 16px;
line-height: 16px;
color: #666;
font-weight: bold;
margin-right: 3px;
}
@media (max-width: 768px)
{#admitad-3 {display:none
}
.mythemes-header .row{padding-top: 40px;}
}
#bar{
position:absolute;
left: 0;
bottom: -2px;
background-color:#26ad60 ;
width: 0px;
height: 3px;
}
#navscr {z-index: 999999;top: 0px;
display: block;
width: 100%;
position: relative;
position: fixed;
}
.dashicons-visibility {
width: 17px;
height: 17px;
background:  url(media/_frontend/img/5826252-48.png) no-repeat;
background-size: 17px 17px;background-position: 0px 3px;
margin-left: 2px;}
.dashicons-visibility:before {
content: ""!important;display: none
}
.sletterpost{clear: both;
color: #000;
font-size: 29.8px;
font-weight: 500;
line-height: 24px;
text-transform: uppercase;
margin-bottom: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
white-space: nowrap;}
.sletterpost:after {
content: '';
width: calc(100% - 70px);
height: 1px;
background-color: #ededed;
}
.streets ul{
padding: 0;
/*    -webkit-column-count: 4;
column-count: 4;*/
display: flex;
flex-wrap: wrap;
max-width: 100%;
margin: 0 0 64px;}
.streets ul li+li {
margin-top: 0px;
}
.streets ul li {
display:block;
width:25%;
padding-right: 20px;
padding-bottom: 20px;
list-style-type: none;
}
.streets ul a {
color: #60a9cc;
font-size: 13px;
font-weight: 400;
border-bottom: 1px solid #60a9cc;
-webkit-transition: border-color .3s;
-o-transition: border-color .3s;
transition: border-color .3s;
}
@media (max-width: 768px)
{
.streets ul li{
width: 100% }
#navscr{height: 3px}
}
footer .widget_text{
position: relative;
z-index: 999;
top: -43px;}
footer aside{padding:0!important}
.subscribe {
width: 1244px;
height: 211px;
background: transparent url("media/_frontend/img/subscribe.png") center center no-repeat;
z-index: 10;
}
.subscribe__desc {
color: #fff;
transform: translate3d(70px, 60px, 0);
margin-right: 40px;
}
.subscribe__title {
font-weight: 600;
font-size: 21px;
text-transform: uppercase;
margin-bottom: 10px;
}
.subscribe__text {
width: 340px;
}
.subscribe__name {
width: 240px;
height: 50px;
background: #fff;
border-radius: 5px;
text-align: center;
border: none;
margin-left: 30px;
transform: translateY(70px);
font-family: 'Avenir Next Cyr';
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #737373;
}
.subscribe__name::placeholder,
.subscribe__email::placeholder {
color: #828282;
font-weight: bold;
}
.subscribe__email {
width: 240px;
height: 50px;
background: #fff;
border-radius: 5px;
text-align: center;
border: none;
margin-left: 30px;
transform: translateY(70px);
font-family: 'Avenir Next Cyr';
color: #737373;
font-weight: bold;
}
.subscribe__button {
background: url("media/_frontend/img/rectangle_button.png") center center no-repeat;
background-size: contain;
width: 235px;
height: 110px;
border: none;
font-family: 'Avenir Next Cyr';
font-weight: 600;
font-size: 14px;
color: #fff;
text-transform: uppercase;
transform: translateY(47px);
padding-bottom: 14px;
}
.subscribe__button:hover {background-color: transparent}
.main-page__subscribe {
margin:0 auto
}
@media only screen and (max-width: 760px) {
.main-page__subscribe {
display: none;
}
}
.subscribe__form {
display: flex;
height: 110px;
}
.subscribe__agreement {
margin-top: 33px;
color: #fff;
text-align: left;
font-size: 12px;
opacity: 0.5;
padding-left: 70px;
}
.subscribe__success {
color: #fff;
font-size: 18px;
text-align: center;
display: none;
}
.subscribe__success span{padding-top: 84px;display: inline-block}
.subscribe__form input{margin-top: 1px!important}
.subscribe__form input::-webkit-input-placeholder {
color: #737373;
}
.subscribe__form input:focus::-webkit-input-placeholder {
color: transparent;
}
/* Firefox < 19 */
.subscribe__form input:-moz-placeholder {
color: #737373;
}
.subscribe__form input:focus:-moz-placeholder {
color: transparent;
}
/* Firefox > 19 */
.subscribe__form input::-moz-placeholder {
color: #737373;
}
.subscribe__form input:focus::-moz-placeholder {
color: transparent;
}
/* Internet Explorer 10 */
.subscribe__form input:-ms-input-placeholder {
color: #737373;
}
.subscribe__form input:focus:-ms-input-placeholder {
color: transparent;
}
.subscribe__button-text
{
margin-left: -6px;
margin-top: -2px;
display: block;}
.citysmain li{line-height: 11px;padding-top: 10px!important;padding-bottom: 10px!important;}
.modalcall-open{
overflow:hidden
}
.modalcall-open .modalcall2{
overflow-x:hidden;
overflow-y:auto
}
.modalcall2{
position:fixed;
top:0;
z-index:1050;
display:none;
width:100%;
height:100%;
overflow:hidden;
outline:0
}
.modalcall:not(.modalcall-change_city){
left:0;
}
.modalcall-dialog{
position:relative;
width:auto;
margin:.5rem;
pointer-events:none
}
.modalcall-phone_callback .modalcall-dialog.modalcall-dialog-centered{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
height: 100%;
}
.modalcall2.fade .modalcall-dialog{
transition:-webkit-transform .3s ease-out;
transition:transform .3s ease-out;
transition:transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform:translate(0,-50px);
transform:translate(0,-50px)
}
@media all and (prefers-reduced-motion:reduce){
.modalcall2.fade .modalcall-dialog{
transition:none
}
}
.modalcall2.show .modalcall-dialog{
-webkit-transform:none;
transform:none
}
.modalcall2.modalcall-static .modalcall-dialog{
-webkit-transform:scale(1.02);
transform:scale(1.02)
}
.modalcall-dialog-scrollable{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
max-height:calc(100% - 1rem)
}
.modalcall-dialog-scrollable .modalcall-content{
max-height:calc(100vh - 1rem);
overflow:hidden
}
.modalcall-dialog-scrollable .modalcall-footer,.modalcall-dialog-scrollable .modalcall-header{
flex-shrink: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
}
.modalcall-dialog-scrollable .modalcall-body{
overflow-y:auto
}
.modalcall-dialog-centered{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
min-height:calc(100% - 1rem)
}
.modalcall-dialog-centered::before{
display:block;
height:calc(100vh - 1rem);
content:""
}
.modalcall-dialog-centered.modalcall-dialog-scrollable{
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
justify-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
height:100%
}
.modalcall-dialog-centered.modalcall-dialog-scrollable .modalcall-content{
max-height:none
}
.modalcall-dialog-centered.modalcall-dialog-scrollable::before{
content:none
}
.modalcall-content{
position:relative;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
width: auto;
pointer-events:auto;
background-color:#fff;
background-clip:padding-box;
border:1px solid rgba(0,0,0,.2);
outline:0
}
.modalcall-change_city .modalcall-content{
width: 100%;
}
.modalcall-backdrop{
position:fixed;
top:0;
left:0;
z-index:1040;
width:100vw;
height:100vh;
background-color:#000
}
.modalcall-backdrop.fade{
opacity:0
}
.modalcall-backdrop.show{
opacity:.8
}
.modalcall-header{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
align-items: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
justify-content: space-between;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
padding:1rem 1rem;
border-bottom:1px solid #DFE0E8;
border-top-left-radius:calc(.3rem - 1px);
border-top-right-radius:calc(.3rem - 1px)
}
.modalcall-header .close{
padding:1rem 1rem;
margin:-1rem -1rem -1rem auto
}
.modalcall-title{
margin-bottom:0;
line-height:1.5
}
.modalcall-body{
position:relative;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding:1rem
}
.modalcall-footer{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
align-items: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
justify-content: flex-end;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
padding:.75rem;
border-top:1px solid #DFE0E8;
border-bottom-right-radius:calc(.3rem - 1px);
border-bottom-left-radius:calc(.3rem - 1px)
}
.modalcall-footer>*{
margin:.25rem
}
.modalcall-scrollbar-measure{
position:absolute;
top:-9999px;
width:50px;
height:50px;
overflow:scroll
}
@media all and (min-width:576px){
.modalcall-dialog{
margin: auto;
}
.modalcall-dialog-scrollable{
max-height:calc(100% - 3.5rem)
}
.modalcall-dialog-scrollable .modalcall-content{
max-height:calc(100vh - 3.5rem)
}
.modalcall-dialog-centered{
min-height:calc(100% - 3.5rem)
}
.modalcall-dialog-centered::before{
height:calc(100vh - 3.5rem)
}
.modalcall-sm{
max-width:300px
}
}
@media all and (min-width:992px){
.modalcall-lg,.modalcall-xl{
max-width:800px
}
}
@media all and (min-width:1200px){
.modalcall-xl{
max-width:1140px
}
}
.modalcall-open .main-header-mob{
box-shadow:none
}
.modalcall2 .modalcall-content{
border:none;
padding: 0;
}
.modalcall2 .icon-close{
top:15px;
right:15px;
z-index: 1;
}
.confirmed-modalcall{
margin-top:56px;
margin-bottom:52px
}
.confirmed-modalcall .h4{
margin:24px 0 12px
}
.confirmed-modalcall p{
font-size:16px;
line-height:19px;
margin:0
}
.confirmed-modalcall .btn{
margin-top:30px;
max-width:265px;
width:100%
}
.confirmed-modalcall .confirmed-password-text{
max-width:400px;
margin-left:auto;
margin-right:auto
}
.modalcall2.modalcall-change_city{
width: 320px !important;
right: 0 !important;
left: unset !important;
padding-right: 0 !important;
overflow-y: hidden;
}
.modalcall2.modalcall-change_city .modalcall-dialog-centered{
align-items: flex-end !important;
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
}
.modalcall2.modalcall-change_city .modalcall-dialog{
margin: 0;
height: 100%;
}
.modalcall2.modalcall-change_city  .modalcall-content{
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
height: 100%;
max-height: 100vh;
padding: 15px;
}
.modalcall2.modalcall-change_city  .modalcall-content .form-search-city{
overflow-y: auto;
max-height: -webkit-calc(100vh - 240px);
max-height: -moz-calc(100vh - 240px);
max-height: -ms-calc(100vh - 240px);
max-height: -o-calc(100vh - 240px);
max-height: calc(100vh - 240px);
}
.modalcall2.modalcall-change_city .title-header .h4{
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 25px;
color:#000;
margin:0 0 15px;
padding: 0;
}
.modalcall2.modalcall-change_city .title-header{
position: relative;
padding: 0px 50px 15px 0px !important;
}
.modalcall-change_city .title-header:after{
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 1px;
background-color: #111111;
}
.modalcall-change_city .title-header p{
color:#848484;
font-size:14px;
line-height:17px;
margin:0
}
.modalcall-change_city .cities-list{
margin-top:5px;
margin-bottom:0px;
columns:1
}
.modalcall-change_city .cities-list a{
cursor: pointer;
float: left;
display: inline-block;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 19px;
text-align: center;
text-decoration: none;
color: rgba(17,17,17,0.5);
background: #F8F9FF;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
margin-right: 15px;
margin-bottom: 15px;
padding: 8px 8px;
}
.modalcall-change_city .cities-list a:hover{
background-color: #EBEDF8;
}
.modalcall-change_city .cities-list a.active,
.modalcall-change_city .cities-list a:active{
background-color: #11CEAC;
color: #fff;
}
.modalcall-change_city .cities-list a:nth-child(2n){
margin-right: 0;
}
.modalcall2.modalcall-change_city  .icon-close{
z-index: 1111;
}
ul.search_city{
padding-top: 10px;
padding-left: 0.5rem;
}
#filter_city{
padding: .375rem .5rem;
}
#filter_city:focus{
border-color: #11CEAC;
}
.search_city li{
/* display:none; */
list-style: none;
}
.search_city li a{
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 210%;
color: #111111;
opacity: 0.7;
text-decoration: none;
}
.search_city li a:hover{
opacity: 1;
}
.search_city li a.active,
.search_city li a:active{
color: #11CEAC;
opacity: 1;
}
.change_city_items{
list-style: none;
float: left;
width: 100%;
padding: 0;
margin-bottom: 0;
}
.modalcall-change_city .info-text{
color:#848484;
font-size:14px;
line-height:17px;
margin-top:27px
}
.modalcall2.modalcall-phone-mob .modalcall-dialog{
margin:50px 0 0;
border-top:1px solid #eeecea;
max-width:100%;
height:auto
}
.modalcall2.modalcall-phone-mob .modalcall-dialog .modalcall-content{
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
padding:0;
}
.modalcall2.modalcall-phone-mob .icon-close{
top:12px;
right:12px
}
.modalcall2.modalcall-phone-mob .phone-select ul{
padding:0 0 13px
}
.modalcall2.modalcall-phone-mob .phone-select ul li{
padding:17px 0 7px 8px
}
.modalcall2.modalcall-phone-mob .phone-select ul li .schedule{
margin-left:36px;
margin-top:13px
}
.modalcall2.modalcall-search-mob .modalcall-dialog{
margin:0;
max-width:none
}
.modalcall2.modalcall-search-mob .modalcall-dialog .modalcall-content{
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
padding:57px 9px 20px
}
.modalcall2.modalcall-search-mob .input-group-search .icon-search{
display:none
}
.modalcall2.modalcall-search-mob .input-group-search .form-control{
padding:12px 12px 11px
}
.modalcall2.modalcall-search-mob .input-group-search .btn{
padding:8px 15px
}
.modalcall-phone_callback .form-modalcall-phone_callback0,.modalcall-phone_callback .form-modalcall-preorder,.modalcall-preorder .form-modalcall-phone_callback0,.modalcall-preorder .form-modalcall-preorder{
padding-bottom:30px
}
.modalcall-phone_callback .form-modalcall-phone_callback0 .title-header,.modalcall-phone_callback .form-modalcall-preorder .title-header,.modalcall-preorder .form-modalcall-phone_callback0 .title-header,.modalcall-preorder .form-modalcall-preorder .title-header{
color:#000;
text-align:center;
padding-top:20px
}
.modalcall-phone_callback .form-modalcall-phone_callback0 .title-header .h4,.modalcall-phone_callback .form-modalcall-preorder .title-header .h4,.modalcall-preorder .form-modalcall-phone_callback0 .title-header .h4,.modalcall-preorder .form-modalcall-preorder .title-header .h4{
margin:0 0 20px
}
.modalcall-phone_callback .form-modalcall-phone_callback0 .title-header p,.modalcall-phone_callback .form-modalcall-preorder .title-header p,.modalcall-preorder .form-modalcall-phone_callback0 .title-header p,.modalcall-preorder .form-modalcall-preorder .title-header p{
font-size:14px;
line-height:17px;
margin:0
}
.modalcall-phone_callback .form-modalcall-phone_callback0 .btn,.modalcall-phone_callback .form-modalcall-phone_callback0 .form-group,.modalcall-phone_callback .form-modalcall-preorder .btn,.modalcall-phone_callback .form-modalcall-preorder .form-group,.modalcall-preorder .form-modalcall-phone_callback0 .btn,.modalcall-preorder .form-modalcall-phone_callback0 .form-group,.modalcall-preorder .form-modalcall-preorder .btn,.modalcall-preorder .form-modalcall-preorder .form-group{
display:block;
margin:30px auto 0;
/* max-width:265px; */
width:100%
}
.modalcall-phone_callback .confirmed-modalcall-phone_callback,.modalcall-phone_callback .confirmed-modalcall-preorder,.modalcall-preorder .confirmed-modalcall-phone_callback,.modalcall-preorder .confirmed-modalcall-preorder{
padding:33px 0 40px
}
.modalcall-phone_callback .confirmed-modalcall-phone_callback .text,.modalcall-phone_callback .confirmed-modalcall-preorder .text,.modalcall-preorder .confirmed-modalcall-phone_callback .text,.modalcall-preorder .confirmed-modalcall-preorder .text{
color:#000;
margin:25px auto 0;
max-width:280px
}
.modalcall-phone_callback .confirmed-modalcall-phone_callback .text .h4,.modalcall-phone_callback .confirmed-modalcall-preorder .text .h4,.modalcall-preorder .confirmed-modalcall-phone_callback .text .h4,.modalcall-preorder .confirmed-modalcall-preorder .text .h4{
margin-bottom:12px
}
.modalcall-phone_callback .confirmed-modalcall-phone_callback .text p,.modalcall-phone_callback .confirmed-modalcall-preorder .text p,.modalcall-preorder .confirmed-modalcall-phone_callback .text p,.modalcall-preorder .confirmed-modalcall-preorder .text p{
font-size:16px;
line-height:19px;
margin:0
}
.modalcall-preorder .form-modalcall-preorder .title-header .h4{
margin:0 0 16px
}
.modalcall-preorder .form-modalcall-preorder .form-group{
margin-top:24px
}
.modalcall-preorder .modalcall-link-footer{
font-size:16px;
letter-spacing:.02em;
color:#998352;
margin:33px auto -18px;
display:table
}
.modalcall-preorder .confirmed-modalcall-preorder{
padding:53px 0 50px
}
.modalcall-preorder .confirmed-modalcall-preorder .text{
max-width:285px
}
/* modalcall-phone_callback */
.modalcall2.modalcall-phone_callback .modalcall-dialog .modalcall-content{
max-width: 400px;
margin: auto;
}
.modalcall-phone_callback .form-modalcall-phone_callback0{
padding: 20px 60px 10px;
}
.modalcall-phone_callback .confirmed-modalcall-phone_callback{
padding: 0;
}
.modalcall-phone_callback .confirmed-modalcall-phone_callback .modalcall-success{
padding: 0 15px 15px;
}
.modalcall2 .title-header,
.modalcall2.modalcall-phone_callback .title-header{
position: relative;
padding: 15px 50px 15px 15px !important;
}
.modalcall2 .title-header:after,
.modalcall2.modalcall-phone_callback .title-header:after{
content: '';
position: absolute;
bottom: 15px;
left: -15px;
width: -webkit-calc(100% + 30px);
width: -moz-calc(100% + 30px);
width: -ms-calc(100% + 30px);
width: -o-calc(100% + 30px);
width: calc(100% + 30px);
height: 0px;
border-bottom: 1px solid #e8e8e8;
}
.modalcall2 .title-header:after{
width: 100%;
left: 0;
}
.modalcall2 .title-header .h4,
.modalcall2.modalcall-phone_callback .title-header .h4{
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 25px;
color: #000000;
margin: 0 0 15px !important;
text-align: left;
}
.modalcall2 .title-header .h4{
padding: 0 15px;
}
.modalcall2.modalcall-phone_callback .title-header .h4{
padding: 0;
}
.modalcall-phone_callback .form-modalcall-phone_callback0 p,
.modalcall-phone_callback .confirmed-modalcall-phone_callback p{
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 22px;
color: #111111;
}
.modalcall-phone_callback .form-modalcall-phone_callback0 .form-group{
float:left;
margin: 10px auto 0;
}
.modalcall-phone_callback .form-modalcall-phone_callback0 .btn{
float: left;
background: #FF794F;
border: none;
color: #fff;
letter-spacing: .02em;
font-weight: 700;
font-size: 16px;
line-height: 1;
padding: 12px 22px;    width: 260px;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 19px;
text-align: center;
color: #FFFFFF;
margin: 20px auto 0;
}
.modalcall-phone_callback .form-modalcall-phone_callback0 .custom-checkbox{
margin-bottom: 15px;
padding-left: 0;
}
.modalcall-phone_callback .form-modalcall-phone_callback0 .custom-checkbox label{
width: 100%;
position: relative;
margin-bottom: 0;
vertical-align: middle;
}
.modalcall-phone_callback .form-modalcall-phone_callback0 .custom-checkbox .check{
width: 29px;
height: 29px;
}
.modalcall-phone_callback .confirmed-modalcall-phone_callback .success-icon svg{
margin-left: -15px;
}
.modalcall-phone_callback .confirmed-modalcall-phone_callback p{
margin-bottom: 0;
}
@media all and (max-width: 576px){
.modalcall-phone_callback .form-modalcall-phone_callback0{
padding: 20px 15px 10px;
}
.modalcall-phone_callback .confirmed-modalcall-phone_callback{
padding: 0 !important;
}
.modalcall-change_city .cities-list a:hover,
.modalcall-change_city .cities-list a.active:hover{
background-color: #11CEAC;
color: #fff;
}
}
/* Popup для средних размеров */
.modalcall2.middle-size .icon-close{
top: 15px;
right: 15px;
}
.modalcall2.middle-size .modalcall-dialog.modalcall-dialog-centered{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
height: auto;
min-height: 100%;
}
.modalcall2.middle-size .modalcall-dialog .modalcall-content {
min-width: 474px;
max-width: 474px;
max-height: 100%;
margin: auto;
padding: 0px;
}
.modalcall-preorder .title-header{
position: relative;
text-align:left;
padding: 15px 0px 15px 0px !important;
}
.modalcall2.middle-size .title-header:after,
.modalcall2.middle-size .container-progress .test-progress:after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0px;
opacity: 0.6;
border-bottom: 1px solid #fff;
}
.modalcall2.middle-size .title-header .h4{
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 25px;
text-align: left;
margin-bottom: 0 !important;
padding: 0;
}
.modalcall2.middle-size .title-header .h4 img{
width: 34px;
height: 26px;
transform: scale(-1, 1);
margin-right: 10px;
}
.modalcall2.middle-size .title-header:after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0px;
opacity: 0.1;
border-bottom: 1px solid;
border-color: initial;
}
.modalcall2.middle-size form{
padding: 20px 60px 15px;
}
.modalcall2.middle-size form .btn,
.modalcall2.middle-size form .form-group{
display: block;
margin: 30px auto 0;
/* max-width: 265px; */
width: 100%;
}
.modalcall2.middle-size form .form-group{
margin: 10px auto 0;
}
.modalcall2.middle-size form .btn {
display: inline-block;
width: 100%;
max-width: 100%;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 19px;
text-align: center;
color: #FFFFFF;
margin: 20px auto 15px;
}
.modalcall-success{
padding: 15px 60px;
}
@media all and (max-width: 576px){
.modalcall2.middle-size form{
padding: 20px 15px 15px;
}
.modalcall2.modalcall-get-test .modalcall-content,
.modalcall2.modalcall-phone_callback .modalcall-content,
.modalcall2.middle-size .modalcall-content{
height: auto;
}
.modalcall2.middle-size {
padding-right: 0 !important;
}
.modalcall2.middle-size  .modalcall-dialog .modalcall-content {
min-width: 290px;
}
.modalcall2.middle-size .title-header,
.modalcall2.middle-size .title-header,
.modalcall-preorder .title-header,
.modalcall-preorder .title-header{
padding: 15px 45px 15px 15px !important;
}
.modalcall-success{
padding: 15px 15px;
}
}
/* Popup для маленьких размеров */
.modalcall2.small-size form{
padding: 0px 15px 20px !important;
}
.modalcall2.small-size .title-header:after{
width: 100% !important;
left: 0 !important;
}
/* Popup для больших размеров */
.modalcall2.large-size .icon-close{
top: 15px;
right: 15px;
}
.modalcall2.large-size .modalcall-dialog.modalcall-dialog-centered{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
height: auto;
}
.modalcall2.large-size .modalcall-dialog .modalcall-content {
min-width: 738px;
max-width: 738px;
max-height: 100%;
margin: auto;
padding: 0px !important;
}
@media all and (max-width:576px){
.modalcall2.large-size .modalcall-dialog .modalcall-content {
min-width: 290px;
max-height:
}
}
/* .modalcall2.large-size .title-header:after,
.modalcall2.large-size .container-progress .test-progress:after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0px;
opacity: 0.6;
border-bottom: 1px solid #fff;
}
.modalcall2.large-size .title-header .h4{
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 25px;
text-align: left;
margin-bottom: 0 !important;
padding: 0;
}
.modalcall2.large-size .title-header .h4 img{
width: 34px;
height: 26px;
transform: scale(-1, 1);
margin-right: 10px;
}
.modalcall2.large-size .title-header:after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0px;
opacity: 0.1;
border-bottom: 1px solid;
border-color: initial;
}
.modalcall2.large-size form{
padding: 20px 60px 15px;
}
.modalcall2.large-size form .btn,
.modalcall2.large-size form .form-group{
display: block;
margin: 30px auto 0;
width: 100%;
}
.modalcall2.large-size form .form-group{
margin: 10px auto 0;
}
.modalcall2.large-size form .btn {
display: inline-block;
width: 100%;
max-width: 100%;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 19px;
text-align: center;
color: #FFFFFF;
margin: 20px auto 15px;
}
.modalcall2.large-size .modalcall-success{
padding: 15px 60px;
}
@media all and (max-width: 576px){
.modalcall2.large-size form{
padding: 20px 15px 15px;
}
.modalcall2.large-size .modalcall-content{
height: auto;
}
.modalcall2.large-size {
padding-right: 0 !important;
}
.modalcall2.large-size  .modalcall-dialog .modalcall-content {
min-width: 290px;
}
.modalcall2.large-size .title-header{
padding: 15px 45px 15px 15px !important;
}
.modalcall2.large-size .modalcall-success{
padding: 15px 15px;
}
} */
/* Popup со скроллом внутри и фиксированным хедером */
.modalcall2.modalcall-with-scroll{
overflow: hidden !important;
padding-right: 0 !important;
}
.modalcall2.modalcall-with-scroll .modalcall-dialog .modalcall-content{
padding: 0px 5px;
}
.modalcall2.modalcall-with-scroll .title-header ~ form {
overflow: auto !important;
overflow-x: hidden !important;
}
.modalcall2.modalcall-with-scroll .title-header:after{
left: -5px;
width: -webkit-calc(100% - 10px);
width: -moz-calc(100% + 10px);
width: -ms-calc(100% + 10px);
width: -o-calc(100% + 10px);
width: calc(100% + 10px);
}
.modalcall2.modalcall-with-scroll .modalcall-dialog.modalcall-dialog-centered{
margin: 15px auto;
height: -webkit-calc(100% - 30px) !important;
height: -moz-calc(100% - 30px) !important;
height: -ms-calc(100% - 30px) !important;
height: -o-calc(100% - 30px) !important;
height: calc(100% - 30px) !important;
}
/* <!-- Попап Пройти тест --> modalcall-get-test */
.modalcall-get-test .modalcall-dialog.modalcall-dialog-centered{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
height: 100%;
}
.modalcall2.modalcall-get-test .modalcall-dialog .modalcall-content {
min-width: 474px;
max-width: 474px;
/* max-height: 100%; */
height: auto;
margin: auto;
padding: 0;
}
.modalcall2.modalcall-get-test .icon-close svg{
max-width: 20px;
height: auto;
opacity: 1;
transition: all .2s ease .1s;
}
.modalcall2.modalcall-get-test .icon-close:hover{
opacity: 0.75;
}
.modalcall2.modalcall-get-test .icon-close svg path{
stroke: #fff;
}
.modalcall-get-test .form-modalcall-get-test,
.modalcall-get-test .form-modalcall-preorder,
.modalcall-preorder .form-modalcall-get-test,
.modalcall-preorder .form-modalcall-preorder{
padding-bottom:30px
}
.modalcall-get-test .title-header,
.modalcall-get-test .title-header,
.modalcall-preorder .title-header,
.modalcall-preorder .title-header{
position: relative;
background: #11CEAC;
text-align:left;
padding: 15px 60px 15px 60px !important;
}
.modalcall-get-test .top-part-body,
.modalcall-preorder .top-part-body{
background: #11CEAC;
padding: 30px 60px;
}
.modalcall-get-test .bottom-part-body,
.modalcall-preorder .bottom-part-body{
background: #fff;
padding: 20px 60px 25px;
}
.modalcall-get-test .form-modalcall-get-test .btn,
.modalcall-get-test .form-modalcall-get-test .form-group,
.modalcall-get-test .form-modalcall-preorder .btn,
.modalcall-get-test .form-modalcall-preorder .form-group,
.modalcall-preorder .form-modalcall-get-test .btn,
.modalcall-preorder .form-modalcall-get-test .form-group,
.modalcall-preorder .form-modalcall-preorder .btn,
.modalcall-preorder .form-modalcall-preorder .form-group{
display:block;
margin:30px auto 0;
/* max-width:265px; */
width:100%
}
.modalcall-get-test .confirmed-modalcall-get-test,
.modalcall-get-test .confirmed-modalcall-preorder,
.modalcall-preorder .confirmed-modalcall-get-test,
.modalcall-preorder .confirmed-modalcall-preorder{
padding: 0;
}
.modalcall-get-test .confirmed-modalcall-get-test .text,
.modalcall-get-test .confirmed-modalcall-preorder .text,
.modalcall-preorder .confirmed-modalcall-get-test .text,
.modalcall-preorder .confirmed-modalcall-preorder .text{
color:#fff;
margin:25px auto 0;
max-width:280px
}
.modalcall-get-test .confirmed-modalcall-get-test .text .h4,
.modalcall-get-test .confirmed-modalcall-preorder .text .h4,
.modalcall-preorder .confirmed-modalcall-get-test .text .h4,
.modalcall-preorder .confirmed-modalcall-preorder .text .h4{
margin-bottom:12px
}
.modalcall-get-test .confirmed-modalcall-get-test .text p,
.modalcall-get-test .confirmed-modalcall-preorder .text p,
.modalcall-preorder .confirmed-modalcall-get-test .text p,
.modalcall-preorder .confirmed-modalcall-preorder .text p{
font-size:16px;
line-height:19px;
font-style: normal;
font-weight: normal;
line-height: 137%;
color: #FFFFFF;
margin:0
}
.modalcall-get-test .form-modalcall-get-test{
padding: 0 60px 15px;
}
.modalcall-get-test .confirmed-modalcall-get-test{
padding: 0 60px 10px;
}
.modalcall-get-test .title-header:after,
.modalcall-get-test .container-progress .test-progress:after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0px;
opacity: 0.6;
border-bottom: 1px solid #fff;
}
.modalcall-get-test .container-progress .test-progress:after{
bottom: 5px;
}
.modalcall-get-test .title-header .h4{
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 25px;
color: #fff;
text-align: left;
margin-bottom: 0 !important;
padding: 0;
}
.modalcall-get-test .title-header .h4 img{
width: 34px;
height: 26px;
transform: scale(-1, 1);
margin-right: 10px;
}
.modalcall-get-test .form-test-start-body p,
.modalcall-get-test .confirmed-modalcall-get-test .test-start-body p{
font-style: normal;
font-weight: normal;
line-height: 137%;
color: #FFFFFF;
}
.modalcall-get-test .form-modalcall-get-test .form-group{
margin: 10px auto 0;
}
.modalcall-get-test .form-modalcall-get-test .btn{
display: inline-block;
width: 100%;
max-width: 100%;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 19px;
text-align: center;
color: #FFFFFF;
margin: 20px auto 15px;
}
.modalcall-get-test .form-modalcall-get-test .btn:focus{
background: #FF794F;
}
.modalcall-get-test .form-modalcall-get-test .btn:active{
background: #11CEAC;
}
.modalcall-get-test .form-modalcall-get-test .custom-checkbox{
margin-bottom: 15px;
padding-left: 0;
}
.modalcall-get-test .form-modalcall-get-test .custom-checkbox label{
position: relative;
margin-bottom: 0;
vertical-align: middle;
}
.modalcall-get-test .form-modalcall-get-test .custom-checkbox .check{
width: 29px;
height: 29px;
}
.modalcall-get-test .confirmed-modalcall-get-test .success-icon svg{
margin-left: -15px;
}
.modalcall-get-test .confirmed-modalcall-get-test p{
margin-bottom: 0;
}
/* <!-- Попап Пройти тест start --> */
.modalcall-get-test .test-start-body{
width: 100%;
}
.modalcall-get-test .test-start-body .top-part-body{
position: relative;
}
.modalcall-get-test .test-start-body .top-part-body p{
max-width: 58%;
font-size:16px;
line-height:19px;
font-style: normal;
font-weight: 300;
line-height: 137%;
color: #FFFFFF;
margin:0
}
.modalcall-get-test .test-start-body .top-part-body .icon-test-start{
position: absolute;
bottom: 0;
right: 60px;
}
.modalcall-get-test .bottom-part-body .btn-get-test-start{
width: 100%;
padding: 13px;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 19px;
text-align: center;
color: #FFFFFF;
}
/* <!-- Попап Пройти тест --> */
.modalcall-get-test .container-progress{
background: #11CEAC;
width: 100%;
padding: 9px 60px;
height: 32px;
}
.modalcall-get-test .container-progress .test-progress{
position: relative;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
justify-content: space-between;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
}
.modalcall-get-test .step{
position: relative;
height: 6px;
width: 6px;
background-color: #fff;
border: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
z-index: 1;
}
.modalcall-get-test .step.active{
width: 12px;
height: 12px;
}
.modalcall-get-test .step.finish{
width: 12px;
height: 12px;
}
.modalcall-get-test .step.active:after,
.modalcall-get-test .step.finish:after{
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 6px;
height: 6px;
background: #11CEAC;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.modalcall-get-test .step.active:after{
background: #FF794F;
}
.modalcall-get-test .title-step{
color: #000;
padding: 20px 0px 15px;
}
.modalcall-get-test .custom-radio label{
margin-bottom: 0;
}
.modalcall-get-test .prev-test-step{
border: 0;
background: transparent;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 137%;
letter-spacing: 0.02em;
color: #FF794F;
margin: 15px 0 0 0;
padding: 0 60px;
text-align: left;
}
.modalcall-get-test .prev-test-step svg{
margin-left: 5px;
}
.modalcall-get-test .prev-test-step:hover svg path{
stroke: #CF4D24;
}
.modalcall-get-test .prev-test-step:hover{
color: #CF4D24;
}
.modalcall-get-test .prev-test-step:active svg path{
stroke: #11CEAC;
}
.modalcall-get-test .prev-test-step:active{
color: #11CEAC;
}
.modalcall-get-test .prev-test-step:focus svg path{
stroke: #11CEAC;
}
.d-none {
display: none!important;
}
.form-group{
position:relative;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
}
.form-group .placeholder{
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.02em;
color: transparent;
opacity: 0.8;
position:absolute;
bottom:0;
height:40px;
line-height:40px;
left:0;
padding:0 .75rem;
width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
pointer-events:none;
}
.form-group .placeholder.placeholder-required:after{
content:' *';
color:#FF794F;
position: relative;
right: -5px;
top: -3px;
}
.form-group textarea~.placeholder{
bottom:auto;
top:3px;
}
.form-group .soa-property-container{
position: relative;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
}
.form-text{
font-size:12px;
line-height:14px;
margin-top:3px
}
.form-control{
background:#fff;
border:1px solid #e8e8e8;
box-shadow:none;
font-size:14px;
color:#000;
height:45px
}
.form-control:not(:placeholder-shown)+.placeholder{
display:none
}
.form-control:not(:placeholder-shown)~.label-hide{
visibility:visible;
opacity:1;
display:block
}
.form-control:focus{
border-color:#FF794F;
box-shadow:none;
color:#414141;
}
.form-control.is-invalid{
background:#FFFFFF;
border-color:#FF0B0B
}
.form-control.is-invalid:focus{
box-shadow:none
}
.form-control.is-invalid+.form-text{
color:#FF0B0B
}
.custom-checkbox,
.custom-radio{
display:table;
margin-bottom: 15px;
position:relative;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 137%;
letter-spacing: 0.02em;
color: #111111;
align-items: end;
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
}
.custom-checkbox .label_in,
.custom-radio .label_in{
display: inline-block;
width: -webkit-calc(100% - 25px);
width: -moz-calc(100% - 25px);
width: -ms-calc(100% - 25px);
width: -o-calc(100% - 25px);
width: calc(100% - 25px);
height: 100%;
padding-left: 10px;
vertical-align: middle;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 137%;
letter-spacing: 0.02em;
color: #111111;
margin-top: 3px;
}
.custom-checkbox .label_in{
width: -webkit-calc(100% - 29px);
width: -moz-calc(100% - 29px);
width: -ms-calc(100% - 29px);
width: -o-calc(100% - 29px);
width: calc(100% - 29px);
margin-top: 5px;
}
.custom-checkbox.disable{
pointer-events:none
}
.custom-checkbox.disable .check{
width: 29px;
height: 29px;
margin-right: 10px;
background:#ededed;
border-color:#d6d3d3
}
.custom-checkbox label{
width: 100%;
position: relative;
margin-bottom: 0;
vertical-align: middle;
cursor:pointer
}
.custom-checkbox input{
display:none
}
.custom-checkbox input:checked+.check{
background:#FF794F;
border-color:#FF794F;
}
.custom-checkbox input:checked+.check:after{
content:"";
background-image:url(../images/check_checkbox.svg);
background-position:center;
background-repeat:no-repeat;
position:absolute;
left: 8px;
top: 10px;
height:8px;
width:13px
}
.custom-checkbox .check{
float: left;
border: 1px solid rgba(255, 121, 79, 0.5);
box-sizing: border-box;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
display:inline-block;
height:20px;
width:20px
}
.custom-radio{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}
.custom-radio label{
position:relative;
cursor:pointer;
}
.custom-radio input{
display:none
}
.custom-radio .check{
float: left;
border:1px solid #ffbca7;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
display:inline-block;
height:25px;
width:25px;
}
.custom-radio input:checked+.check{
opacity: 1;
border:1px solid #FF794F;
}
.custom-radio input:checked+.check:after{
content:"";
background:#FF794F;
position:absolute;
border:1px solid #FF794F;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
left:6px;
top:6px;
height:13px;
width:13px;
opacity: 1;
}
select.custom-select{
position:absolute;
left:0;
top:0;
visibility:hidden
}
.select-styled,select.custom-select{
font-size:14px;
background:#fff;
border:1px solid #ebe6dc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
cursor:pointer;
line-height:17px;
padding:11px 30px 10px 12px;
width:100%;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.select-styled::-ms-expand,select.custom-select::-ms-expand{
display:none
}
.select-styled+.select-search,select.custom-select+.select-search{
display:none
}
.custom-select-wrap{
position:relative
}
.custom-select-wrap.active .select-dropdown{
display:block
}
.custom-select-wrap.custom-select-wrap-search .select-dropdown{
min-height:200px;
padding-bottom:5px
}
.custom-select-wrap .select-styled.placeholder{
color:#848484
}
.custom-select-wrap .icon-arrow-chevron{
color:#838383;
font-size:7px;
position:absolute;
right:15px;
top:16px;
z-index:1;
pointer-events:none
}
.custom-select-wrap .select-dropdown{
background:#fff;
box-shadow:0 3px 16px rgba(0,0,0,.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
display:none;
position:absolute;
left:0;
right:0;
top:100%;
z-index:100
}
.custom-select-wrap .select-search-wrap{
margin:8px 8px 7px
}
.custom-select-wrap .select-search-wrap .icon-close{
right:10px;
top:16px;
font-size:22px
}
.custom-select-wrap .select-search-wrap .select-search{
padding-right:30px
}
.custom-select-wrap .search-empty{
display:none;
font-size:14px;
line-height:17px;
color:#848484;
text-align:center;
margin-top:50px
}
.custom-select-wrap .select-options{
font-size:14px;
line-height:17px;
padding:3px 0;
margin:0;
max-height:146px;
overflow-x:hidden;
overflow-y:auto
}
.custom-select-wrap .select-options li{
padding:9px 12px;
cursor:pointer;
list-style:none
}
.custom-select-wrap .select-options li.selected,.custom-select-wrap .select-options li:hover{
background:#f5f1e7
}
.custom-select-wrap .select-options li[rel=hide]{
display:none
}
.invalid-feedback0,.invalid-feedback{
font-size:12px;
line-height:14px;
color:#FF0B0B;
display:none;}
.input-group-search{
position:relative;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
background-color: #fff;
}
.input-group-search .input-group-addon-icon{
position:absolute;
left:11px;
top:11px;
opacity:.3
}
.input-group-search .form-control{
padding-left:40px;
padding-right: 60px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-ms-border-radius: 4px 0 0 4px;
-o-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
border-right:none;
-webkit-flex:1;
-ms-flex:1;
flex:1
}
.input-group-search .btn{
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-ms-border-radius: 0 4px 4px 0;
-o-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
padding:8px 25px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.form-inline .form-group{
margin-right:10px;
display:block
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: .8!important;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
}
.icon-close img {
max-width: 19px;
height: auto;
opacity: 0.5;
transition: all .2s ease .1s;
vertical-align: top;}
.form-group .placeholder {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.02em;
color: transparent;
opacity: 0.8;
position: absolute;
bottom: 0;
height: 40px;
line-height: 40px;
left: 0;
padding: 0 .75rem;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
pointer-events: none;
}.form-group .placeholder.placeholder-required:after {
content: ' *';
color: #FF794F;
position: relative;
right: 3px;
top: -14px;
}
.form-range-control, .form-control {
display: block;
width: 100%;
max-width: 370px;
height: 45px;
padding: 13px 15px;
font-size: 14px;
font-weight: 500;
line-height: 19px;
letter-spacing: 0.02em;
color: #414141;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #e8e8e8;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
transition: all .15s ease-in-out;
}
.form-control {
background: #fff;
border: 1px solid #e8e8e8;
box-shadow: none;
font-size: 14px;
color: #000;
height: 45px;
}
.custom-checkbox input:checked+.check:after {
content: "";
background-image: url(../images/check_checkbox.svg);
background-position: center;
background-repeat: no-repeat;
position: absolute;
left: 8px;
top: 10px;
height: 8px;
width: 13px;
}
.d-none{display:none}
.exitblock {
display:none;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:100000;
}
.exitblock .fon {
background: #F6FCFF;
opacity:.8;
position:fixed;
width:100%;
height:100%;
}
.exitblock .h2{font-size: 30px;font-weight: 700;display: inline-block;clear: both}
@media screen and (max-width:1270px) {
.exitblock .h2{font-size: 24px;font-weight: 700;display: inline-block;clear: both}
.exitblock .h3{font-size: 18px;}
}
@media screen and (max-width:1040px) {
.exitblock .h2{font-size: 18px;font-weight: 700;display: inline-block;clear: both}
.exitblock .h3{font-size: 14px;}
}
.exitblock .modalinner{padding: 20px 40px}
.exitblock .modaltext {
box-sizing: border-box;
padding:0px 0px;
border: 2px solid #AEAEAE;
background: #F6FCFF;
position:fixed;
top:80px;
left:67%;
margin-left:-33%;
width:30%;
box-shadow: 0 4px 10px 2px rgba(0,0,0,0.5);
}
.exitblock input[type="text"]{background: #fff;width: 100%;max-width: 100%}
.exitblock .form-group{margin-bottom: 0px}
.closeblock {
cursor:pointer;
position: absolute;
line-height:60px;
font-size:82px;
transform: rotate(45deg);
text-align:center;
top:-9px;
right:-5px;
color: #337AB7;
}
.closeblock:hover {
color: #000;
}
.exitblock .btn{
width: 100%;
color: #fff;
background: #000;}