@charset "utf-8";


.tabs label.active a,.tabs label.active a:visited,.tabs label.active a:active{
    color: white;
}
/* reset */
.tabs *{
    font-family: "HyundaiSans", "Hevetica", Arial, sans-serif!important;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    font-family: Arial,sans-serif;
    font-size: 100%;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {max-height: 100%; max-width: 100%;}

.gm-style img {max-height: none; max-width: none;}
a {color: #1d88cd;text-decoration: none;}
.hide-this {display: block!important; position: absolute; height: 0; overflow: hidden;}

input, textarea, keygen, select, button {font-size: inherit;}

em, i {font-style: italic;}
strong, b {font-weight: bold;}
/* font */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 19, 2016 */

@font-face {
    font-family: 'rus_modern_h_bold';
    src: url('../font/rus-modernh-bold.eot');
    src: url('../font/rus-modernh-bold.eot?#iefix') format('embedded-opentype'),
    url('../font/rus-modernh-bold.woff2') format('woff2'),
    url('../font/rus-modernh-bold.woff') format('woff'),
    url('../font/rus-modernh-bold.ttf') format('truetype'),
    url('../font/rus-modernh-bold.svg#rus_modern_h_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rus_modern_h_light';
    src: url('../font/rus-modernh-light.eot');
    src: url('../font/rus-modernh-light.eot?#iefix') format('embedded-opentype'),
    url('../font/rus-modernh-light.woff2') format('woff2'),
    url('../font/rus-modernh-light.woff') format('woff'),
    url('../font/rus-modernh-light.ttf') format('truetype'),
    url('../font/rus-modernh-light.svg#rus_modern_h_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rus_modern_h_medium';
    src: url('../font/rus-modernh-medium.eot');
    src: url('../font/rus-modernh-medium.eot?#iefix') format('embedded-opentype'),
    url('../font/rus-modernh-medium.woff2') format('woff2'),
    url('../font/rus-modernh-medium.woff') format('woff'),
    url('../font/rus-modernh-medium.ttf') format('truetype'),
    url('../font/rus-modernh-medium.svg#rus_modern_h_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'modern_h_bold';
    src: url('../font/modern-h-bold-webfont.eot');
    src: url('../font/modern-h-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/modern-h-bold-webfont.woff2') format('woff2'),
    url('../font/modern-h-bold-webfont.woff') format('woff'),
    url('../font/modern-h-bold-webfont.ttf') format('truetype'),
    url('../font/modern-h-bold-webfont.svg#modern_h_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'modern_h_medium';
    src: url('../font/modern-h-medium-webfont.eot');
    src: url('../font/modern-h-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/modern-h-medium-webfont.woff2') format('woff2'),
    url('../font/modern-h-medium-webfont.woff') format('woff'),
    url('../font/modern-h-medium-webfont.ttf') format('truetype'),
    url('../font/modern-h-medium-webfont.svg#modern_h_medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'modern_h_ecolight';
    src: url('../font/modern-h-ecolight-webfont.eot');
    src: url('../font/modern-h-ecolight-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/modern-h-ecolight-webfont.woff2') format('woff2'),
    url('../font/modern-h-ecolight-webfont.woff') format('woff'),
    url('../font/modern-h-ecolight-webfont.ttf') format('truetype'),
    url('../font/modern-h-ecolight-webfont.svg#modern_h_ecolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'modern_h_light';
    src: url('../font/modern-h-light-webfont.eot');
    src: url('../font/modern-h-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/modern-h-light-webfont.woff2') format('woff2'),
    url('../font/modern-h-light-webfont.woff') format('woff'),
    url('../font/modern-h-light-webfont.ttf') format('truetype'),
    url('../font/modern-h-light-webfont.svg#modern_h_light') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* icons	*/
.icon { position: relative; display: inline-block; width: 25px; height: 25px; overflow: hidden; fill: currentColor;}
.icon__cnt { width: 100%; height: 100%; background: inherit; fill: inherit; pointer-events: none;}


.icon-t2{display: inline-block; background: url(../i/icon-sprite-2.png) 0 0 no-repeat; vertical-align: middle;}
.icon-t2--plus {width: 16px; height: 16px; background-position: 0 0;}
.icon-t2--print {width: 16px; height: 16px; background-position: -19px 0;}
.icon-t2--star {width: 16px; height: 16px; background-position: -38px 0;}

.icon-t3 {display: inline-block; background: url(../i/icon-sprite-3.png) 0 0 no-repeat; vertical-align: middle;}
.icon-t3--web {width: 16px; height: 16px; background-position: 0 0;}
.icon-t3--phone {width: 10px; height: 17px; background-position: -18px 0;}
.icon-t3--arr {width: 15px; height: 19px; background-position: -30px 0;}
.icon-t3--plus {width: 16px; height: 16px; background-position: -46px 0;}


/* buttons */
.button-1 {display: inline-block; line-height: 3.75em; padding: 0 1em; color: #1a85ca; border: 2px solid #1a85ca; cursor: pointer;white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
.button-1:hover {color: #fff; background:#1a85ca; }
.button-1__icon {display: inline-block; vertical-align: middle;}
.button-1__title {display: inline-block; font-weight: bold; font-size: 0.875em; line-height: 1; margin-left: 1em; vertical-align: middle; text-transform: uppercase;}

.button-2 {display: inline-block; line-height: 3.125em; padding: 0 1em; color: #fff; background: #27a8e2; cursor: pointer; white-space: nowrap; border: none; font-weight: bold; text-transform: uppercase; text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
.button-2:hover {color: #fff; background:#1a85ca; }
.button-2__title {font-size: 0.75em;}

.button-estimate {}
.button-estimate__icon {width: 36px; height: 31px; background: url(../i/icon-sprite-1.png) 0 0 no-repeat;}
.button-estimate:hover .button-estimate__icon {background-position: -37px 0px;}

.button-calc {}
.button-calc__icon {width: 30px; height: 36px; background: url(../i/icon-sprite-1.png) 0 -32px no-repeat;}
.button-calc:hover .button-calc__icon {background-position: -37px -32px;}

.button-promise {}
.button-promise__icon{width: 204px; height: 32px;  background: url(../i/h-promise-button.png) 0 0 no-repeat;}

.button-order {display: inline-block; line-height: 3em; text-align: center; background: #268dcf; cursor: pointer; color: #fff; padding: 0 2.3em; border: none; outline: none;font-size: 1.1em; margin-right: 5px;}
/*.button-order:after {content: '>'; font-family: 'modern_h_medium';}*/
.button-order:hover {background: #1a85ca;}
.button-order-title {font-size: 0.875em; font-weight: bold; }

/* tables */

table.style1 {margin-top:1em;}
table.style1 tr{}
table.style1 th,
table.style1 td {padding: 0.6em; text-align: center;}

table.style1 th { background: #0066a9; color: #fff; font-weight: bold;}
table.style1 td {border: 1px solid #d6d6d6}
table.style1 td:first-child {font-weight: bold; color: #1b83c6;}
table.style1 tbody tr:first-child td {border-top:none;}

/* cols */
.row-layout {}
.row-layout:after {content: ' '; height: 0; width: 100%; display: block; clear: both;}
.row-layout__col {float: left;}
.row-layout__col--50 {width: 50%;}
/* form */
.form {}
.form .form-row {margin-top: 19px; position: relative;}

textarea {width: 100%; padding: 0.65em 0.9em; border: 1px solid #cfcfcf; font-family: 'modern_h_medium'; font-size: 0.9375em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.drop-it-down {padding: 0.7em; line-height: 1; border: 1px solid #cfcfcf; font-family: 'modern_h_medium'; font-size: 0.9375em; background: #fff;}
.drop-it-down:focus {outline: none;}
.drop-it-down option {}

.drop-it-down-custom {position: relative; cursor: default; display: inline-block; text-align: left;  font-family: 'modern_h_medium'; font-size: 0.9em; line-height: 2.78em; height: 2.78em; background: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.drop-it-down-custom__title {display: block; padding: 0 0.9em; border: 1px solid #cfcfcf; position: relative; z-index: 100; height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.drop-it-down-custom__placeholder {display: inline-block; padding-right: 20px; white-space: nowrap;}
.drop-it-down-custom__placeholder.default {color: #ababab;}
.drop-it-down-custom__placeholder:hover {color: #868686;}
.drop-it-down-custom__list-wrap {height: 0; position:relative; z-index: 150;}
.drop-it-down-custom__list { top:0; left: 0; width: 100%; margin: 0!important; padding: 0!important; border: 1px solid #cfcfcf; display: block;   max-height:0; overflow: auto; z-index: 1; opacity: 0; background: #fff;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-transition-property: opacity, max-height;
    transition-property: opacity, max-height;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.drop-it-down-custom--open {z-index: 10000}
.drop-it-down-custom--open .drop-it-down-custom__list {display: block; max-height:20em; position: absolute; z-index: 100; opacity: 1;  }
.drop-it-down-custom .drop-it-down-custom__option {margin: 0; padding: 0 0.9em;white-space: nowrap; position: relative; background: #fff; line-height: 2.3; }
.drop-it-down-custom__list__title {display: inline-block; padding-right: 20px;}
.drop-it-down-custom__option:before {content: ''; display: none!important; }
.drop-it-down-custom__option.disabled {color: #ebebeb!important;}
.drop-it-down-custom__option:hover,
.drop-it-down-custom__option.selected{color: #1a85ca;}
.drop-it-down-custom__option:first-child {line-height: inherit;}


.drop-it-down-custom .option--not-select-title {color:#ababab!important;}
.drop-it-down-custom .option--not-select-title:after {content: ' '; display: block; height: 1px; background: #ebebeb; }

.drop-it-down-custom__icon {position: absolute; top:50%; right: 1.25em; width: 9px; height: 8px; margin-top: -4px; margin-right: 0; background: url(../i/dropdown-icons.png) 0 -8px no-repeat;}
.drop-it-down-custom--open .drop-it-down-custom__icon {background-position: 0 0;}

.custom-multiple {}
.custom-multiple--checked {}
.custom-multiple--checked .drop-it-down-custom__placeholder-text:after {content: ':'}
.custom-multiple .drop-it-down-custom__title { padding: 0; }
.custom-multiple .drop-it-down-custom__icon	{right: 0.8em;}
.custom-multiple .drop-it-down-custom__placeholder {padding: 0 1em; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-family: sans-serif;}
.custom-multiple .drop-it-down-custom__placeholder-text { font-family: 'modern_h_medium';}
.custom-multiple .custom-multiple__title-vals {font-family: 'modern_h_medium';}
.custom-multiple .drop-it-down-custom__option {padding-left: 0; padding-right: 0;}
.custom-multiple__option-label { padding: 0 1em; display: block; height: 100%;
}


.custom-text-input {display: inline-block; background: #fff; font-family: 'modern_h_medium'; font-size: 0.9em; height: 2.78em; line-height: 2.78em;  }
.custom-text-input input { display: block; height: 100%; width: 100%; padding: 0 0.9em;  margin: 0; border: none; text-align: inherit; background: transparent; color: inherit;border: 1px solid #cfcfcf; color: #000;  font-family: inherit; font-size: inherit;
    /* remove border-radius on IOS  */
    -webkit-appearance: none;
    -webkit-border-radius:0;
    border-radius:0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;}

.custom-textarea {border: 1px solid #cfcfcf; font-family: 'modern_h_medium';     font-size: 0.9375em;}

.custom-text-input input::-webkit-input-placeholder {color:#ababab;}
.custom-text-input input::-moz-placeholder          {color:#ababab;}/* Firefox 19+ */
.custom-text-input input:-moz-placeholder           {color:#ababab;}/* Firefox 18- */
.custom-text-input input:-ms-input-placeholder      {color:#ababab;}

.custom-checkbox {display: inline-block; background-color: #fff; vertical-align: middle; height: 1.75em; width: 1.75em; border: 1px solid #cfcfcf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;}
.custom-checkbox.custom-checkbox--checked {background-image: url(../i/checked.png); background-repeat: no-repeat; background-position: center center;}

.custom-checkbox_circle {display: inline-block; background-color: #bcbec0; vertical-align: middle; height: 2em; width: 2em; border-radius: 100px; margin-right: 8px;}
.custom-checkbox_circle.custom-checkbox--checked {background-color: #268dcf;}

.custom-checkbox_big {display: inline-block; background-color: #fff; float: left; margin-right: 14px; height: 2.5em; width: 2.5em; border: 1px solid #cfcfcf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;}
.custom-checkbox_big.custom-checkbox--checked {background-image: url(../i/checked.png); background-repeat: no-repeat; background-position: center center;}

.default-checkbox {display: none;}



.custom-file-input {display: inline-block; position: relative; overflow: hidden;}
.custom-file-input__mark {display: inline-block; vertical-align: top; white-space: nowrap; width: 15em; padding:0 0.5em; text-align: left; background: #f7f7f7;	}
.custom-file-input__button {display: inline-block; vertical-align: top; background: #1D88CD; color: #fff; font-weight: bold; padding: 0 .5em; }
.custom-file-input__input {position: absolute; top:0; left: 0; opacity: 0; font-size: 50px;}


[class*="button-st"] {display: inline-block; font-size: 1.2em; color: #fff!important; padding: 5px 8px;  background: #041eff; outline: none; cursor: pointer;}
[class*="button-st"]:hover {background: #5364ff; text-decoration: none; }

.button-st1 {}


/* popup */
.popup {position: absolute; top: 10%; left:50%; min-height: 100px; min-width: 100px; background: #fff; z-index: 10001; }

.popup-overlay {position: fixed; top:0; left: 0; height: 100%; width: 100%;background: #000; opacity: 0.48; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)"; z-index: 10000;}

.popup-close {display: block; float: right; width: 18px; height: 18px; cursor: pointer; background: url(/media/img/h-promise/close_popup.svg) 0 0 no-repeat;}
.popup-handle {background: #f2f2f2; padding:1.3125em 1.5em 1em 1.625em;	}
.popup-title:before { content: ' '; display: block; clear: both; width: 100%; height: 0;}
.popup-title { padding-top: 1em; clear: both; color: #303030; cursor: default; font-size: 1.25em;  min-height: 1.25em;  font-family: 'rus_modern_h_medium';
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;}

.popup-load {position: absolute; z-index: 20000; height: 50px; width: 50px; background: #fff url(../i/loading.gif) no-repeat center; border-radius: 3px; border: 1px solid #000; box-shadow:1px 1px 9px rgba(0,0,0,0.3);}

.popup {line-height: 1.2;}
.popup .form {padding: 0.5em 1.625em 1em 1.625em; width: 380px; max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
.popup .form .form-row {margin-top: 10px; font-size: 0.9375em;}
.popup .form .form-row2 {margin: 20px 0; font-size: 0.9375em;}
.popup .form .form-row2 label {margin-right: 20px;}
.popup .form .form-input {display: inline-block; width: 100%; font-family: 'modern_h_medium';}

.popup .form .form-input input {line-height: 3em; height: 3em; padding: 0 1em;}
.popup .form .form-textarea textarea {padding: 1em; width: 300px; height: 120px; font-family: 'Arial'; border: 1px solid #cfcfcf; }
::-webkit-input-placeholder {color:#bfbfbf;}
::-moz-placeholder          {color:#bfbfbf;}/* Firefox 19+ */
:-moz-placeholder           {color:#bfbfbf;}/* Firefox 18- */
:-ms-input-placeholder      {color:#bfbfbf;}
.popup .form .drop-it-down-custom {width: 100%;}
.popup .form .drop-it-down-custom .drop-it-down-custom__option,
.popup .form .drop-it-down-custom .drop-it-down-custom__title {padding: 0 1em;}
.popup .form .errors {color: #f00;}
.popup .form .button-order {padding: 0 2em; margin: auto; display: block; width: 100%;}

.hidden-form {}
.hidden-counters {}



/* Ion.RangeSlider */


.irs {
    height: 35px;
}
.irs-with-grid {
    height: 60px;
}

.range-slider__holder .irs {
    margin-bottom: -18px;
}
@-moz-document url-prefix()
{
    .range-slider__holder .irs {
        margin-bottom: 0px;
    }
}
.irs-line {
    height: 2px; top: 12px; background: #e2e2e2;;
}
.irs-line-left {
    height: 6px;
    background-position: 0 -30px;
}
.irs-line-mid {
    height: 6px;
    background-position: 0 0;
}
.irs-line-right {
    height: 6px;
    background-position: 100% -30px;
}

.irs-bar {
    height: 2px; top: 12px; background: #71b3dd;
}
.irs-bar-edge {
    top: 12px;
    height: 6px; width: 7px;
    background-position: 0 -90px;
}

.irs-shadow {
    height: 1px; top: 34px;
    background: #000;
    opacity: 0.75;
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=75);
}

.irs-slider {
    width: 29px; height: 29px; top: -1px;/* background: url(../i/slider-handle.png) 0 0 no-repeat;*/ border-radius: 100px; background-color: #1e92dc; box-shadow: 0px 8px 10px #ccdce7;
}
.irs-slider.state_hover, .irs-slider:hover {

}

.irs-min, .irs-max {
    color: #c0c0c0;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    top: 0; padding: 1px 3px;
    background: rgba(0,0,0,0.1);
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
    background: #3654b0;
}

.irs-from, .irs-to, .irs-single {
    color: #000;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: rgba(255,255,255,0.8);
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
    background: #d8dff3;
}

.irs-grid-pol {
    background: #777;
}
.irs-grid-text {
    color: #e0e0e0;
}

.irs-disabled {
}