/* roboto-500 - latin_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto/roboto-v20-latin_cyrillic-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/roboto/roboto-v20-latin_cyrillic-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto/roboto-v20-latin_cyrillic-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto/roboto-v20-latin_cyrillic-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto/roboto-v20-latin_cyrillic-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto/roboto-v20-latin_cyrillic-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto/roboto-v20-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/roboto/roboto-v20-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto/roboto-v20-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto/roboto-v20-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto/roboto-v20-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto/roboto-v20-latin_cyrillic-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto/roboto-v20-latin_cyrillic-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/roboto/roboto-v20-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto/roboto-v20-latin_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto/roboto-v20-latin_cyrillic-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto/roboto-v20-latin_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto/roboto-v20-latin_cyrillic-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

html,body{
    font-family: 'Roboto';
    font-style: normal;
    background-color: #f7f8f8;
    font-size: 16px;
    color:#000000;
}


.form-outline .form-control:focus~.form-notch .form-notch-leading {
    border-top: .175rem solid #3b18bb;
    border-bottom: .175rem solid #3b18bb;
    border-left: .175rem solid #3b18bb
}
.form-outline .form-control:focus~.form-notch .form-notch-trailing {
    border-color: currentcolor currentcolor currentcolor #3b18bb;
    border-bottom: .175rem solid #3b18bb;
    border-right: .175rem solid #3b18bb;
    border-top: .175rem solid #3b18bb
}

.form-outline .form-control:focus~.form-notch .form-notch-middle {
    border-bottom: .175rem solid;
    border-color: #3b18bb
}
.transparent{
    color: transparent;
}
.table-border-sm.table td, .table-border-sm.table th {
    padding: .25rem!important;
}
.table-border-sm.table label{
    font-size:12px
}
.uppercase{
    text-transform: uppercase;
}

[v-cloak] {
    display: none;
}
.shoping-cart__counter{
    position:relative;
    width: 30px;
    display: inline-block;
}
.shoping-cart__counter span{
    position:absolute;
    top: -7px;
    right: 3px;
}
.get-order-pdf{
    padding: .15rem .3rem!important;
}
.get-order-pdf:hover i{
    color:red;
}
.get-order-pdf.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .1rem red;
    color:red
}
.navbar-light .navbar-brand{
    color: white
}
.navbar-light .navbar-brand:hover{
    color: #F5BE41;
}
a,
.link {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 0.15s ease;

    color: inherit;

    line-height: 1;
    text-decoration: none;
}
a:hover,
.link:hover {
    color: inherit;
}
/*font sizes*/
.f-10{
    font-size: 10px;
}
.f-11{
    font-size: 11px;
}
.f-12{
    font-size: 12px;
}
.f-13{
    font-size: 13px;
}
.f-14{
    font-size: 14px;
}
.f-15{
    font-size: 15px;
}
.f-16{
    font-size: 16px;
}
.f-17{
    font-size: 17px;
}
.f-18{
    font-size: 18px;
}
.f-19{
    font-size: 19px;
}
.f-20{
    font-size: 20px;
}
.f-22{
    font-size: 22px;
}
.f-24{
    font-size: 24px;
}
.f-26{
    font-size: 26px;
}

.f-28{
    font-size: 28px;
}
.f-35{
    font-size: 35px;
}
/** home */
.ratio_16-9{
    height: 0;
    padding-bottom: 56.0085837%;
    position: relative;
    overflow: hidden;
}
.image-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.card-full{
    height: 100%;
}
.grayscale {
    filter: grayscale(100%);
    transition: 1s;
}
.grayscale:hover {
    filter: grayscale(0%);transform: scale(1.2);
}
.block-title-12 {
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.block-title-12  h4{
    float: left;
    margin-right: 1rem;font-size: 1.4rem
}
.title-box-stripe {
    margin-top: -0.4rem;
}
.stripe-line {
    background: url(/img/stripe.png);
    height: 12px;
    overflow: hidden;
    margin-top: 0;
}
.advantages_image{
    padding-left: 15%;
    padding-right: 15%;
}
/** header **/
#banners {
    background: center center no-repeat;
    background-size: cover;
    position: relative;
}
.filter{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: #1e5254d6;
    display: none;
}
.btn-success{

}
.btn-success:hover{

}
.btn-more {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
}

.btn-more:hover{
    color: white!important;
    text-decoration: none!important;
}
.btn-more-top{
    padding: 2px 3px 1px;
    background-color: #b10304;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 600;
    font-size: 13px;
    color: white!important;
}
.btn-more-full{
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important;
}
.btn-more-bottom{
    padding: 1px 3px 2px;
    background-color: #780001;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 13px;
    color: white!important;
}
.table thead th{
    vertical-align: middle;
}
.gray-form{
    background-color: #deddda;
    position: relative;

}

/* COLORS*/
.yellow{
    color:#f5be41;
}
.white{
    color:#ffffff;
}
.green{
    color:#3a773c;
}
section.search-form{
    margin-top: -70px;
}
.blue{
    color:blue;
}
.gray{
    color:gray;
}
.bg-grey{
    background-color: #f9f9f9;
}
.bg-pink{
    background-color: #f8f4f4;
}
.table-hover > tbody > tr:hover td  {
    background-color: #eeeeee;
}
/*
.irs--big .irs-handle {
    top: 25px;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0,0,0,0.3);
    background-color: #cbcfd5;
    background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2), inset 0 0 3px 1px white;
    border-radius: 30px;
}*/
/** range slider */
.irs-from, .irs-to, .irs-single, .irs--big .irs-single {
    color: #fff;
    background: #dc3545;

}
.irs--big .irs-bar {
    border: 1px solid #dc3545;
    border-top: 1px solid #dc3545;
    border-bottom: 1px solid #dc3545;
    background: #dc3545;
    background: linear-gradient(to top, rgba(220, 53, 69, 1) 0%,rgba(179, 57, 57, 1) 100%);
}
.bg-light {
    background-color: #3a773c!important;
    height: 55px;
}

.btn-warning {
    background-color: #F5BE41;
    border-color: #F5BE41;
    color: #ffffff;
}

.btn-warning.focus,.btn-warning:focus,.btn-warning:hover {
    background-color: #317442;
    border-color:  #317442;
    color: #ffffff;
}

.btn-warning.focus,.btn-warning:focus {
    box-shadow: inherit;
}

.btn-warning.disabled,.btn-warning:disabled {
    background-color: #317442;
    border-color:  #317442;
    color: #ffffff;
}

.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
    background-color: #317442;
    border-color:  #317442;
    color: #ffffff;
}

.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: inherit
}
/* menu */
.topmenu_addresses{

}
.addresses_icon_cont{
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 34px;
    height: 64px;
    line-height: 64px;
    width: 64px;
    text-align: center;
}
.addresses_icon_cont i{
    color: #317442;
}
.address_title{
    font-weight: bold;
    color: #317442;
    font-size: 16px;
}
.top-menu{
    height: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.nav-link {
    padding: 1.0rem 1rem;
}
/*
.navbar-light .navbar-nav .nav-link {
    color: white;
    text-transform: uppercase;
    font-size: 13px;
}*/
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active{
    color: #F5BE41;
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {  }

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {  }

/*  Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .fixed-top-mobile {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    .navbar-collapse {
        position: fixed;
        top: 55px;
        /* left: 0;*/
        right:0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        /* width: 75%;*/
        width:290px;
        height: 100%;
    }
    .navbar-collapse.collapsing {
        right: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        right: 0;
        transition: right 300ms ease-in-out;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: right 500ms ease-in-out;
    }
    .navbar-collapse{
        background-color: #171717!important;

    }
    .navbar-collapse .navbar-nav .nav-link {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    body.show-menu .site::after {
        background: #000 none repeat scroll 0 0;
        bottom: 0;
        content: '';
        left: 0;
        opacity: .3;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity .2s ease 0s;
        z-index: 3;
    }
    .site {
        /*padding-top: 55px;*/
    }
}

/*  Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {  }

@media (min-width: 992px) {
    /*
    .fixed-top {
        top:100px;
    }*/
    .fixed-top-lg {
        position: fixed;
        top:0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
}
.site {
    position:relative;
    /*padding-top: 55px;*/
}

/*footer */
footer .icomoon-globe {
    font-size: 1.313em;
}
footer .icomoon-logo{
    font-size: 5.4em
}
#footer-red{
    background: linear-gradient(to bottom, #da0204 0%, #e40205 100%);
    color: #fff;
}
#footer-green{
    background: linear-gradient(to bottom, #258539 0%, #217132 100%);
    color: #fff;
}
.social-nets a {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 1.444em;
    opacity: 0.8;
    width: 1.444em;
    display: inline-block;
}
.social-nets a:hover{
    opacity: 1;
}
.social-nets .in {
    background-image: url(/img/in_footer.png);
}
.social-nets .tw {
    background-image: url(/img/tw_footer.png);
}
.social-nets .fb {
    background-image: url(/img/fb_footer.png);
}
.social-nets .yt {
    background-image: url(/img/yt_footer.png);
}


/* lot show*/
.dark-gray-bg{
    background-color: #d0cecf;
}
.logo-round{
    border-radius: 50%;
    border:1px solid #adb5bd;
}

/**equipment-table*/

.equipment-table tr{
    opacity: 0.6;
}
.equipment-table tr.active{
    opacity: 1;
}
.red{
    color: #e40205;
}

/* products */
.productimage_wrapper{
    width: 100%;
    height: 0;
    padding: 0 0 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 10px;
    cursor:pointer
}
.productimage_wrapper::before {
    transition: .3s opacity;
}
.productimage_wrapper::before {
    background-color: rgba(230, 230, 230, 0.7);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.productimage_wrapper:hover::before, .productimage_wrapper:hover .add-to-cart-wrapper {
    opacity: 1;
}
.add-to-cart-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 50%;
    max-width: 80%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}

.add-to-cart-wrapper{
    transition: .3s opacity;
}
.download a {
    background-color: #49821d;
    border-radius: 4px;
    color: #fff;
    display: block;
    padding: 8px 10px 8px 47px;
    position: relative;
}
.download i {
    font-size: 16px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 34px;
}
.download i::after {
    background-color: #e1e2e2;
    bottom: 1px;
    content: '';
    opacity: .45;
    position: absolute;
    right: 0;
    top: 1px;
    width: 1px;
}
.download i::before {
    position: absolute;
    left: 7px;
    top: 6px;
}

/* footer */
.site-footer .widget-title{
    color: #ffffff;
}
 .widget-title {
   /* color: #fff;*/
    font-size: 18px;
    margin: 0 0 24px;
    padding-bottom: 16px;
    position: relative;
}
.widget-title:after, .divider-modern:not(.heading-content) span:after {
    background-color: #ffffff;
}
 .widget-title::after {
    height: 2px;
    width: 43px;
}

.widget-title::after {
    background-color: #fab702;
    bottom: -1px;
    content: '';
    left: 0;
    position: absolute;
}
 .widget ul {
    padding-bottom: 11px !important;
}

footer ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
.contact-info {
    line-height: 1.4286em;
    list-style: none;
    padding: 0;
}
.site-footer-modern .contact-info li {
    border-bottom: 1px solid;
    padding-bottom: 10px;
    padding-top: 10px;
    border-color: transparent;
}

.contact-info li {
    border-radius: 4px;
    padding: 7px 12px 7px 44px;
    position: relative;

}
.contact-info i {
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 31px;
}
/* userpanel*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link:hover {
    color: #fff;
    background-color: #f5be41;
}

table.table-wp-calculations > thead th {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    padding: 10px;
}
table.table-wp-calculations  td svg:hover {
    fill: red;
    cursor:pointer;
    transition: .5s all ease;
}
svg.download-pdf{
    height:33px;
    width:33px;
}
.table td, .table th {
    vertical-align: middle;
}
.gvs-form .form-group label{
    margin-bottom: 5px;
    font-weight: 500;
    color: #898989;
    font-size: 13px;
}
.gvs-form .form-group .form-control{

}

/* custom checkbox */
/* для элемента input c type="checkbox" */
.custom-checkbox>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox>span {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox>span::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox>input:not(:disabled):not(:checked)+span:hover::before {
    border-color: #b3d7ff;
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox>input:not(:disabled):active+span::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox>input:focus+span::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox>input:focus:not(:checked)+span::before {
    border-color: #80bdff;
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox>input:checked+span::before {
    border-color: #0b76ef;
    background-color: #0b76ef;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox>input:disabled+span::before {
    background-color: #e9ecef;
}

/** cart check */
.cart-checkbox{
    margin-bottom: 0!important;
}
/* для элемента input c type="checkbox" */
.cart-checkbox>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.cart-checkbox>span {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

/* создание в label псевдоэлемента before со следующими стилями */
.cart-checkbox>span::before {
    /*content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;*/
    content: '\e829';
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;

    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #3a773c;
    opacity: 0.6;
}




/* стили при наведении курсора на checkbox */
.cart-checkbox>input:not(:disabled):not(:checked)+span:hover::before {
    /*border-color: #b3d7ff;*/
    opacity: 1;
}

/* стили для активного чекбокса (при нажатии на него) */
.cart-checkbox>input:not(:disabled):active+span::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

/* стили для чекбокса, находящегося в фокусе */
.cart-checkbox>input:focus+span::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.cart-checkbox>input:focus:not(:checked)+span::before {
    border-color: #80bdff;
}

/* стили для чекбокса, находящегося в состоянии checked */
.cart-checkbox>input:checked+span::before, .cart-checkbox>span.active::before {
    color:red;
    opacity: 1;
    /*border-color: #0b76ef;
    background-color: #0b76ef;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");*/
}

/* стили для чекбокса, находящегося в состоянии disabled */
.cart-checkbox>input:disabled+span::before {
    background-color: #e9ecef;
}
.required-field{
    color:red;
}
.tr-dark-gray-bg{
    background-color: #ddd;
}
.table .thead-dark th {
    color: #fff;
    background-color: #3a773c;
    border-color: #1c381c;
}
/** product counter */
.counter {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.counter input {
    width: 50px;
    border: 0;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    background: #0052cc;
    color: #fff;
    appearance: none;
    outline: 0;
}
.counter span {
    display: block;
    font-size: 25px;
    padding: 0 10px;
    cursor: pointer;
    color: #0052cc;
    user-select: none;
}

/*svg */
svg .st0 {
    fill: none;
    stroke: #CFD7DC;
    stroke-width: 0.3949;
    stroke-miterlimit: 10;
    stroke-dasharray: 1;
}

svg .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #EFF4F7;
}

svg .st2 {
    fill: #6B9AA0;
}

svg .st3 {
    fill: #dfedd6;
    stroke: #9e9e9e;
    stroke-width: 0.3949;
    stroke-miterlimit: 10;
}

svg .st4 {
    fill: #CFD7DC;
}

svg .st5 {
    fill: #dfedd6;
    stroke: #9e9e9e;
    stroke-width: 0.3949;
    stroke-miterlimit: 10;
}

svg .st6 {
    fill: #1D1D1B;
}

svg .st7 {
    fill: #dfedd6b3;
    stroke: #9e9e9e;
    stroke-width: 0.5;
}


svg .solution:hover > .st7 {
    fill: rgb(183, 230, 248);;
    transition: all 0.5s ease;
}
.schema {
    background-color: white;
    border: 1px solid #ddd;
    padding-top:25px
}

.social-icon {
    border-radius: 50%;

    font-size: 18px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    float: left;
    margin: 5px 7px 5px 0;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color:white!important;
}
.social-icon.vk{
    background: #4D76A1 !important;

}
.social-icon.facebook{
    background: #45619D !important;

}
.social-icon.twitter{
    background: #359DC3 !important;

}
.social-icon.odnoklassniki{
    background: #F99400 !important;
}

.social-icon.whatsapp{
    background: #2FBF39 !important;
}
.social-icon:hover{
    -webkit-animation-name: 'play_down';
    -moz-animation-name: 'play_up';
    animation-duration: 1s;
    animation-iteration-count: infinite;
    box-shadow: 0 0 0 3px rgba(0, 0, 0,.5);
}
@keyframes  play_top {

    0%
    {
        -webkit-box-shadow: 0 0 rgba(0,163,182,.6);
        -moz-box-shadow: 0 0 rgba(0,163,182,.6);
        box-shadow: 0 0 rgba(0,163,182,.6);
    }
    to
    {
        -webkit-box-shadow: 0 0 0 20px rgba(0,163,182,0);
        -moz-box-shadow: 0 0 0 20px rgba(0,163,182,0);
        box-shadow: 0 0 0 20px rgba(0,163,182,0);
    }

}

@keyframes  play_down {

    0%
    {
        -webkit-box-shadow: 0 0 rgba(55,55,55,.6);
        -moz-box-shadow: 0 0 rgba(55,55,55,.6);
        box-shadow: 0 0 rgba(55,55,55,.6);
    }
    to
    {
        -webkit-box-shadow: 0 0 0 20px rgba(55,55,55,0);
        -moz-box-shadow: 0 0 0 20px rgba(55,55,55,0);
        box-shadow: 0 0 0 20px rgba(55,55,55,0);
    }

}
.form-control, .btn{
    /*border-radius: inherit;*/
}
.input-group.input-group_large  .form-control{
    height: calc(1.6em + .75rem + 12px)!important;
    border: 2px solid #aaa!important;
}

.btn-reset{
    color: red;
    background-color: #3490dc;
    border-color: #3490dc;
}
.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.form-row>.col, .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.invalid-feedback, .invalid-tooltip {
    font-size: .8rem!important;
}
/** mdb */
.form-outline .form-control~.form-label{
    font-size: 13px!important;
    font-weight: 400!important;
}
.form-outline {
    background-color: white;
}
.form-control {
    font-size: 16px;
}
.form-group{
    margin-bottom: 1.5rem!important;
}

.btn-outline-custom {
    color: #5f6368;
    border-color: #ccc;
}

.btn-outline-custom:hover {
    /*color: #fbfbfb;*/
    background-color: rgba(0,0,0,.1)
}

.btn-outline-custom.active,.btn-outline-custom.dropdown-toggle.show,.btn-outline-custom.focus,.btn-outline-custom:active,.btn-outline-custom:focus {
    /*color: #fbfbfb;*/
    background-color: transparent
}

.btn-outline-custom.active:focus,.btn-outline-custom.dropdown-toggle.show:focus,.btn-outline-custom:active:focus {
    box-shadow: none
}

.btn-outline-custom.disabled,.btn-outline-custom:disabled {
    color: #fbfbfb
}
.bg-primary {
    background-color: #3c9238!important;
}
.btn-round {
    color: #000;
    border-color: #fbfbfb;
    box-shadow: inherit;
}

.btn-round:focus,.btn-round:hover {
    color: #000;
    background-color: #e8e8e8;
    border-color: #fff;
    box-shadow: inherit;
}

.btn-round:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,83.5%,.5)
}

.btn-round.active,.btn-round:active,.show>.btn-round.dropdown-toggle {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.btn-round.active:focus,.btn-round:active:focus,.show>.btn-round.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,83.5%,.5)
}

.btn-round:disabled {
    color: #000;
    border-color: #fbfbfb
}
.fa-15x {
    font-size: 1.5em;
}

.table>:not(caption)>*>* {
    padding: 0.5rem 0.7rem;
}
iao-alert[fade-on-hover='true']:hover {
    opacity: 0.95!important;
}
.nav-link_green {
    background-color: #3c9238!important;
    color: white!important;
}
.nav-link_green:hover,  .nav-link_green.active{
    background-color: #f2b518!important;
    transition: all 0.5s ease;
}
.table-hover>tbody>tr.active{
    background-color: #ccc!important;
}

.home-banner{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.home-banner_block{
    padding: 40px 10px 50px;
}
.home-banner_text{
    color:white;
    font-weight: bold;
    font-size:24px;
    line-height: 1.1;
}
@media (min-width: 768px) {
    .home-banner_text {
        font-size: 30px;
    }
    .home-banner_block{
        padding: 40px 15px 50px;
    }
}
.sidenav-opened.green-menu #main-navbar{
    background-color: #fff!important;
}
.navbar{
    z-index: 1035;
}
@media (min-width: 992px) {
    .home-banner_text {
        font-size: 34px;
    }
    .home-banner_block{
        padding: 50px 20px 60px;
    }
}

@media (min-width: 1200px) {
    #main-navbar .fas, #main-navbar .fab {
        font-size: 26px !important;
    }
    .home-banner_block{
        padding: 60px 20px 70px;
    }
}
#banners {
    height: 400px;
}
@media (min-width: 1400px) {
    .home-banner_block{
        padding: 70px 20px 80px;
    }
    .last__calculate{
        margin-right: 11.5rem;
    }
}

@media (max-width: 320px){
    .logo__img img{
        max-width: 145px;
        object-fit: contain;
    }
    .navbar-brand.logo__img{
        margin-right: 0;
    }
}

iao-alert-box{
    top: 85px;
}

.calcs__selector a{
    font-size: 1rem;
    font-weight: 500;
}
.allowtochangeg1-block{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.g1-input{
    width: auto;
    max-height:36px;
}


@media (max-width: 991px){
 /*   .g1-input{
        width: 163px;
    }*/
}
@media (max-width: 767px){
  /*  .g1-input{
        width: 132px;
    }*/
}

.overlay-theme-colored-7{
    margin-top: -3rem;
}

#statusModal h4{
    padding: 1rem 2rem;
}

/* loader */
.lds-roller {
    display: block;
    position: absolute;
    transform: scale(.4);
    margin-top: -16px;
}
.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}
.lds-roller div:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #b3b3b3;
    margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}
.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}
.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}
.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}
.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}
.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}
.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}
.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}
@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

body{
    caret-color: transparent;
}
input{
    caret-color: #000;
}

:root {
    --white: #e8e9ed;
    --gray: #434257;
    --blue: #18172c;
    --green: #00d084;
    --pink: #ff4b77;
}
.checkup-form .form-outline .form-control ~ .form-notch div{
    border: 0!important;
}
.checkup-form .form-outline {
    border-radius: 12px;
    border: 1px solid #ebebeb;
}
.checkup-form .select-arrow {
    color: #c1c1c1;
}

.checkup-form [type='checkbox'] {
    position: absolute;
    left: -9999px;
}
ol {
    list-style: none;
    padding: 0;
}

.switches li {
    position: relative;
    counter-increment: switchCounter;
}

.switches li:not(:last-child) {
    border-bottom: 1px solid var(--gray);
}

.switches label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0 0;
}

.switches span:last-child {
    position: relative;
    width: 50px;
    height: 26px;
    border-radius: 15px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
    background: #c6c6c6;
    transition: all 0.3s;
}

.switches span:last-child::before,
.switches span:last-child::after {
    content: '';
    position: absolute;
}

.switches span:last-child::before {
    left: 1px;
    top: 1px;
    width: 24px;
    height: 24px;
    background: var(--white);
    border-radius: 50%;
    z-index: 1;
    transition: transform 0.3s;
}

.switches span:last-child::after {
    top: 50%;
    right: 8px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    background: url(/img/uncheck-switcher.svg);
    background-size: 12px 12px;
}

.switches [type='checkbox']:checked + label span:last-child {
    background: var(--green);
}

.switches [type='checkbox']:checked + label span:last-child::before {
    transform: translateX(24px);
}

.switches [type='checkbox']:checked + label span:last-child::after {
    width: 14px;
    height: 14px;
    /*right: auto;*/
    left: 8px;
    background-image: url(/img/checkmark-switcher.svg);
    background-size: 14px 14px;
}
@media screen and (max-width: 991px) {
    .switches li > label > span:first-child{
        position: absolute;
        left: 60px;
        font-size: 11px;
        line-height: 14px;
    }
}
@media screen and (max-width: 600px) {
    .switches li::before {
        display: none;
    }
}

.btn-calculate {
    background-color: #e93939;
    text-transform: unset;
    color: #fff;
    box-shadow: none;
    padding: 10px 35px;
    border-radius: 6px;
}

.btn-last-calc {
    background-color: #fab702;
    text-transform: unset;
    color: #fff;
    box-shadow: none;
    padding: 10px 35px;
    border-radius: 6px;
}
.btn-calculate:hover {
    background-color: #e93939;
    color: #fff;
}
.btn-last-calc:hover {
    background-color: #fab702;
    color: #fff;
}
.temp-icon{
    display: block;
    position: relative;
    padding-left: 19px;
    padding-bottom: 4px;
}
.temp-icon:before {
    background-color: #2998fe;
    content: '';
    height: 6px;
    left: 7px;
    position: absolute;
    top: calc(50% - 6px);
    width: 6px;
    border-radius: 50%;
}
.temp-icon.hot:before {
    background-color: #fa6902;
}