/* fonts */

/* poppins */
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/poppins_regular.woff") format("woff");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/poppins_medium.woff") format("woff");
}

/* rufina */
@font-face {
    font-family: "Rufina";
    font-style: normal;
    font-weight: 400;
    src: local("Rufina"), local("Rufina-Regular"), url("../fonts/rufina_regular.woff") format("woff");
}
@font-face {
    font-family: "Rufina";
    font-style: normal;
    font-weight: 700;
    src: local("Rufina Bold"), local("Rufina-Bold"), url("../fonts/rufina_bold.woff") format("woff");
}

/* open sans */
@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 600;
    src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), url("../fonts/opensans_semibold_italic.woff") format("woff");
}





/* common */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

html, body { width: 100%; height: 100%; }

body,
input,
select,
textarea,
button { font: 14px/1.4 "Poppins", sans-serif; color: #161616; }
body { background-color: #fff; }
input, select, textarea, button { outline: none; color: #161616; }
input::-webkit-contacts-auto-fill-button { position: absolute; right: 0; display: none !important; visibility: hidden; pointer-events: none; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
input::-ms-clear { display: none; }
select:-moz-focusring { text-shadow: 0 0 0 #000; color: transparent; }
textarea { overflow: auto; resize: none; }
button::-moz-focus-inner { border: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

a { text-decoration: underline; color: #161616; }
a, a:active { outline: none; }
a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { line-height: 1.5; font-family: "Rufina", sans-serif; font-weight: normal; color: #161616; }
h1 { margin-bottom: 25px; font-size: 38px; }
h2 { margin-bottom: 20px; font-size: 34px; }
h3 { margin-bottom: 15px; font-size: 30px; }
h4 { margin-bottom: 15px; font-size: 28px; }
h5 { margin-bottom: 15px; font-size: 26px; }
h6 { margin-bottom: 15px; font-size: 24px; }

p { margin-bottom: 25px; }

ul, ol, dl { list-style-type: none; }
ol { margin: 0 0 20px 25px; list-style-type: decimal; list-style-position: outside; }

img { border: none; vertical-align: top; }

table { border-collapse: collapse; }
/*th, td { padding: 10px 20px; border: 1px solid #c9c9c9; }*/

hr { height: 0; border-bottom: 1px solid #ddd; }

.clearfix:after,
.jfilestyle:after { content: ""; display: table; clear: both; }

.container { width: 100%; max-width: 1150px; padding: 0 15px; margin: 0 auto; }

.flex { display: flex; }
.flex-align-center { align-items: center; }
.flex-justify-center { justify-content: center; }

.section { margin-bottom: 20px; }

.ta-center { text-align: center; }

.hidden { display: none; }



/* form */
.form__container { width: 78%; margin: 0 auto; }
.form__block { position: relative; padding: 55px 15px 20px; margin-bottom: 55px; border-radius: 7px; box-shadow: 0 12px 21px 0 rgba(0, 0, 0, 0.06); background-color: #fff; }
.form__block--small-mb { margin-bottom: 30px; }
.form__block-title { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); display: inline-block; vertical-align: top; min-width: 240px; height: 52px; margin: 0; line-height: 52px; border-radius: 26px; background-color: #13449a; text-align: center; font-family: "Rufina", sans-serif; font-size: 23px; color: #fff; }
.form__section { padding-bottom: 20px; margin-top: 30px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; }
.form__section:last-child,
.form__section--no-border-bottom { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.form__section-title { position: relative; text-align: center; font-size: 18px; }
.form__section-title:before { position: absolute; left: 0; top: 50%; overflow: hidden; display: block; width: 100%; height: 1px; background-color: #e0e0e0; content: ""; }
.form__section-title-inner { position: relative; display: inline-block; padding: 0 5px; background-color: #fff; }

.form__row,
.form__note { margin-bottom: 15px; }
.form__row--icon { position: relative; }
.form__row--icon .input__icon { position: absolute; right: -30px; top: 23px; }
.form__row--icon .input__icon--from-top { top: 0; }
.form__label { display: block; margin-bottom: 1px; }
.form__label-require,
.form__section-title-require { color: #e80e0e; }
.form__note { font-size: 12px; }
.form__note p { margin-bottom: 10px; }
.form__note p:last-child { margin-bottom: 0; }


/* input */
.input,
.select,
.jcf-select .jcf-select-text,
.btn,
.jcf-list .jcf-option,
.input__icon,
div.jfilestyle input,
div.jfilestyle label,
.jfilestyle-clear-btn { height: 40px; line-height: 38px; }

.form__radiobutton,
.form__checkbox { min-height: 40px; }

.input,
.select,
.jcf-select .jcf-select-text,
.jcf-list .jcf-option,
div.jfilestyle input,
div.jfilestyle label,
.jfilestyle-clear-btn { padding: 0 10px; }
.input,
.select,
.jcf-select,
div.jfilestyle input,
div.jfilestyle label,
.jfilestyle-clear-btn { border: 2px solid #c5c5c5; }
.jcf-focus { border: 2px solid #c5c5c5 !important; }
.input,
.select,
.jcf-select,
.jcf-select .jcf-select-text,
.jcf-list,
.jcf-select .jcf-scrollbar-vertical,
.jcf-textarea .jcf-scrollbar-vertical,
div.jfilestyle input,
div.jfilestyle label,
.jfilestyle-clear-btn { /*border: none;*/ background-color: #fff; }
.input::-webkit-input-placeholder { color: #959595; }
.input::-moz-placeholder { opacity: 1; color: #959595; }
.input:-ms-input-placeholder { color: #959595; }
.input:-moz-placeholder { color: #959595; }
.input--wide,
.select--wide,
.jcf-select-select--wide,
.jcf-textarea-input--wide { width: 100%; }
/*.input--icon,
.select--icon,
.jcf-select-select--icon,
.jcf-textarea-input--icon { width: 100%; }*/
.input--tarea { height: 80px; padding-top: 10px; padding-bottom: 10px; line-height: 1.2; }

/* scrollable */
.jcf-scrollable-wrapper { box-sizing: border-box; }

/* selects */
.select { padding-left: 8px; padding-right: 8px; }

/* jcf select */
.jcf-select { display: block; height: auto; margin: 0; }
/*.jcf-select,
.jcf-select.jcf-focus { border: none; }*/
.jcf-select .jcf-select-text { margin: 0 40px 0 15px; padding: 0; }
.jcf-select .jcf-select-opener { display: block; width: 40px; background: none; }
.jcf-select .jcf-select-opener:before { position: absolute; left: 50%; top: 50%; margin: -3px 0 0 -6px; display: block; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #646464 transparent transparent transparent; content: ""; }
.jcf-select .jcf-select-drop { left: -2px; right: -1px; margin-top: 1px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.50); }
.jcf-select-drop .jcf-select-drop-content,
.jcf-focus .jcf-select-drop .jcf-select-drop-content { border: none; /*border-left: none; border-right: none; border-color: #4949d5 !important;*/ }
.jcf-list { display: block; font-size: inherit; line-height: inherit; }
.jcf-list .jcf-option { overflow: visible; height: auto; min-height: 38px; }
.jcf-select-drop .jcf-hover { background-color: #e6e6e6; }
.jcf-select-drop .jcf-selected { background-color: #c9c9c9; }

/* jcf scrollbar */
.jcf-scrollbar-vertical { width: 20px; }
.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc { display: none; width: 0; height: 0; }
.jcf-scrollbar-vertical .jcf-scrollbar-handle { width: 8px; margin-left: 6px; border-radius: 4px; background-color: #9c9c9c; }

/* jcf textarea */
/*.jcf-resize { width: 0; height: 0; display: none; }*/
.jcf-textarea,
.jcf-textarea.jcf-focus { border: none; }
.jcf-textarea { box-sizing: border-box; }
.jcf-textarea textarea { vertical-align: top; }


/* elements focus */
.input:focus,
.select:focus,
.btn:focus,
.form__checkbox-input:focus + .form__checkbox-label:before,
.form__radiobutton-input:focus + .form__radiobutton-label:before,
.jfilestyle-clear-btn:focus,
div.jfilestyle input:focus,
.jcf-select.jcf-focus,
.jcf-textarea.jcf-focus,
.input__icon:focus { box-shadow: 0 0 3px 0px rgb(0, 68, 226, 0.9); }
/*.js-jcf-textarea:focus { box-shadow: none; }*/

/* input icon */
.input__icon { width: 30px; border: none; background: url("../images/info.svg") no-repeat center center; cursor: pointer; }

/* input error */
.form__input-error { display: none; margin-top: 3px; line-height: 1.3; font-size: 12px; }
.form__input-error--visible { display: block; }


/* form radiobuttons */
.form__radiobutton,
.form__checkbox { position: relative; padding-top: 11px; }
.form__radiobutton-input,
.form__checkbox-input { position: absolute; left: 0; top: 0; /*display: none;*/ width: 0; height: 0; opacity: 0; }
.form__radiobutton-label,
.form__checkbox-label { position: relative; display: inline-block; vertical-align: top; padding-left: 30px; line-height: 1.3; }

.form__radiobutton-label:before,
.form__radiobutton-label:after,
.form__checkbox-label:before,
.form__checkbox-label:after { position: absolute; display: block; border-radius: 50%; content: ""; }
.form__checkbox-label:before,
.form__checkbox-label:after { border-radius: 0; }
.form__radiobutton-label:before,
.form__checkbox-label:before { left: 0; top: -2px; width: 21px; height: 21px; border: 2px solid #c5c5c5; }
.form__radiobutton-label:after,
.form__checkbox-label:after { left: 4px; top: 2px; display: none; width: 13px; height: 13px; background-color: #13449a; }
.form__radiobutton-input:checked + .form__radiobutton-label:after,
.form__checkbox-input:checked + .form__checkbox-label:after { display: block; }


/* datepicker */
.datepicker-container { width: 280px; padding: 10px; line-height: 35px; font-size: 14px; }
.datepicker-panel > ul > li { width: 40px; height: 35px; }
.datepicker-panel>ul>li[data-view="month current"],
.datepicker-panel>ul>li[data-view="year current"],
.datepicker-panel>ul>li[data-view="years current"] { width: 200px; }
.datepicker-top-left,
.datepicker-top-right { border-top-color: #ccc; }
.datepicker-top-left:before,
.datepicker-top-right:before { border-bottom-color: #ccc; }


/* file input */
.jfilestyle { float: left; display: block; width: 80%; margin: 0; }
div.jfilestyle input { float: left; margin: 0; color: #161616; }
.focus-jfilestyle { float: left; display: block; width: 25%; }
/*div.jfilestyle label { float: left; display: block; width: 100%; }*/
div.jfilestyle label,
.jfilestyle-clear-btn { display: block; width: 100%; padding-left: 0; padding-right: 0; border-left: none; cursor: pointer; color: #161616; }
div.jfilestyle label:hover,
.jfilestyle-clear-btn:hover { background-color: #eee; transition: background-color 0.3s ease 0s; }
div.jfilestyle.jfilestyle-corner input:last-child,
div.jfilestyle.jfilestyle-corner label:last-child { margin-left: 0; }
.jfilestyle-clear-btn { float: left; width: 20%; }


/* buttons */
.btn { height: 60px; padding: 0 15px; border: none; border-radius: 5px; background-color: #161616; transition: background-color 0.3s ease 0s; cursor: pointer; text-align: center; text-decoration: none; font-size: 18px; font-weight: 500; color: #fff; }
.btn:hover { background-color: #13449a; }
.btn--wide { width: 100%; }

.btn--loading { overflow: hidden; cursor: default; }
.btn--loading:hover,
.btn--disabled:hover { background-color: #161616; }
.btn--loading.btn--icon:before { display: none; }
.btn--loading .btn__text,
.btn--loading .btn__text:before,
.btn--loading .btn__text:after { display: block; width: 20px; height: 20px; border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: btn_loading 1.8s infinite ease-in-out; animation: btn_loading 1.8s infinite ease-in-out; }
.btn--loading .btn__text { position: relative; margin: 0 auto; font-size: 0; color: #fff; transform: translateY(-20px); transform: translateZ(0), translateY(-20px); animation-delay: -0.10s; }
.btn--loading .btn__text:before,
.btn--loading .btn__text:after { content: ''; position: absolute; top: 0; }
.btn--loading .btn__text:before { left: -30px; animation-delay: -0.20s; }
.btn--loading .btn__text:after { left: 30px; }
@keyframes btn_loading {
    0%,
    80%,
    100% {
        box-shadow: 0 20px 0 -10px;
    }
    40% {
        box-shadow: 0 20px 0 0;
    }
}

/* elements disabled */
.input--disabled,
.select--disabled,
.btn--disabled { opacity: 0.5; cursor: default; }

/* elements errored */
.form__element--error .input,
.form__element--error .select,
.form__element--error .form__radiobutton-label:before,
.form__element--error .form__checkbox-label:before,
.form__element--error div.jfilestyle input,
.form__element--error div.jfilestyle label,
.form__element--error .jfilestyle-clear-btn,
.form__element--error .jcf-select { border-color: #ff9b9b; }
.form__element--error .form__label,
.form__element--error .form__input-error,
.form__element--error .form__radiobutton-label,
.form__element--error .form__checkbox-label { color: #ff3737; }





/* header */
.header--fixed { padding-top: 55px; }

/* header logo box */
.header-top { position: relative; width: 100%; border-bottom: 1px solid #0f367b; background-color: #fff; }
.header-top__logo-box { position: relative; height: 65px; display: flex; justify-content: space-between; align-items: center; }
.header-top__logo-box:after { position: absolute; left: -15px; right: -15px; bottom: 0; overflow: hidden; display: block; height: 1px; background-color: #e0e0e0; content: ""; }
.header-top__logo { width: 139px; height: 21px; }
.header-top__tagline { display: block; margin-left: 5px; text-align: right; font-size: 12px; font-weight: 500; color: #646464; }
.header-top__pic-box { height: 100%; align-items: center; }
.header-top__pic { width: 76px; height: 23px; margin: -5px 0 0 14px; }


/* header nav */
.header-top__nav { display: flex; justify-content: center; align-items: center; height: 55px; font-size: 14px; font-weight: 500; }
.header--fixed .header-top__nav { position: fixed; left: 0; top: 0; z-index: 450; width: 100%; border-bottom: 1px solid #0f367b; background-color: #fff; }
.header-top__nav-item,
.header-top__nav-link { display: inline-block; vertical-align: middle; }
.header-top__nav-item { margin: 0 5px; }
.header-top__nav-link { padding: 7px 10px; border-radius: 4px; text-decoration: none; transition: background-color 0.3s ease 0s; }
.header-top__nav-link:hover { background-color: #eee; }
.header-top__nav-link--inquiry { background-color: #13449a; color: #fff; }
.header-top__nav-link--inquiry:hover { background-color: #08337f; }


/* header bottom */
.header-bottom { position: relative; z-index: 130; height: 330px; background: url("../images/header_bg.jpg") no-repeat center bottom; background-size: cover; text-align: center; }
.header-bottom,
.header-bottom__title { color: #fff; }
.header-bottom__container { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 80%; height: 100%; padding-bottom: 10px; }
.header-bottom__title { margin-bottom: 35px; font-size: 34px; }
.header-bottom__text { position: relative; display: block; height: 65px; margin: 0 0 30px; font-family: "Open Sans", sans-serif; font-weight: 600; font-style: italic; font-size: 22px; }
.header-bottom__text:before,
.header-bottom__text:after { position: absolute; display: block; width: 55px; height: 45px; background-repeat: no-repeat; background-position: center center; background-size: contain; content: ""; }
.header-bottom__text:before { left: -12px; top: -17px; background-image: url("../images/quote_left.svg"); }
.header-bottom__text:after { right: -10px; bottom: -21px; background-image: url("../images/quote_right.svg"); }
.header-bottom__name { margin: 0 0 30px; font-size: 18px; }
.header-bottom__btn { display: inline-block; vertical-align: top; padding: 0 65px; border-radius: 5px; background-color: #161616; transition: background-color 0.3s ease 0s; line-height: 60px; text-decoration: none; font-size: 18px; font-weight: 500; color: #fff; }
.header-bottom__btn:hover { background-color: #0b1b50; }


/* rounded angle */
.rounded-angle { position: absolute; left: 0; bottom: 0; overflow: hidden; width: 100%; height: 30px; }
.rounded-angle--top { bottom: auto; top: 0; }
.rounded-angle:before,
.rounded-angle:after { position: absolute; top: 0; width: 100%; height: 40px; background-color: #fff; content: ""; }
.rounded-angle:before { left: 50%; border-radius: 40px 0 0 0; margin-left: -3px; }
.rounded-angle:after { right: 50%; border-radius: 0 40px 0 0; margin-left: 3px; }





/* main */
.main { position: relative; z-index: 100; line-height: 1.8; }


/* process */
.process__text { width: 96%; margin: 0 auto; text-align: center; font-size: 16px; }
.process__card { position: relative; padding: 40px 30px 35px; border-radius: 10px; background-color: #eaf2ff; }
.process__text,
.process__card { margin-bottom: 45px; }
.process__card-number { position: absolute; left: 30px; top: -26px; width: 52px; height: 52px; border-radius: 50%; background-color: #13449a; line-height: 52px; text-align: center; font-size: 24px; font-weight: 500; color: #fff; }
.process__card-title { font-size: 18px; font-weight: bold; }
.process__card-text { margin-bottom: 0; font-size: 15px; }


/* information */
.information,
.inquiry { position: relative; padding: 50px 0 60px; }
.information,
.information .rounded-angle:before,
.information .rounded-angle:after { background-color: #13449a; }
.information .rounded-angle { background-color: #fff; }
.information__title { color: #fff; }
.information__card { position: relative; margin-bottom: 50px; border-radius: 10px; box-shadow: 0 2px 35px 0 rgba(2, 15, 38, 0.56); }
.information__card:last-child { margin-bottom: 0; }
.information__card-pic { width: 100%; height: 0; padding-bottom: 40%; border-radius: 10px 10px 0 0; background-repeat: no-repeat; background-position: top center; background-size: cover; }
.information__card-pic--consultation { background-image: url("../images/information/consultation.jpg"); }
.information__card-pic--process { background-image: url("../images/information/process.jpg"); }
.information__card-pic--composite { background-image: url("../images/information/composite.jpg"); }
.information__card-pic--lawyer { background-image: url("../images/information/lawyer.jpg"); }
.information__card-pic--news { background-image: url("../images/information/news.jpg"); }
.information__card-info { padding: 20px 15px; border-radius: 0 0 10px 10px; background-color: #eaf2ff; }
.information__card-title { margin-bottom: 10px; font-size: 28px; }
.information__card-text { margin-bottom: 20px; font-size: 15px; }
.information__card-text:last-child { margin-bottom: 0; }


/* inquiry */
.inquiry,
.inquiry .rounded-angle:before,
.inquiry .rounded-angle:after { background-color: #ebebeb; }
.inquiry .rounded-angle { background-color: #13449a; }
.inquiry__title { margin-bottom: 50px; }


/* message */
.message { margin: 25px 0; text-align: center; font-size: 15px; }
.message--success { color: #4e9035; }
.message--success:before { display: inline-block; vertical-align: middle; width: 22px; height: 22px; margin: -3px 5px 0 0; background: url("../images/check_circle.svg") no-repeat center center; content: ""; }
.message--hidden { display: none; }


/* footer */
.footer { height: 195px; background-color: #13449a; font-size: 16px; }
.footer__container { position: relative; padding-top: 160px; }
.footer__go-to-top-link { position: absolute; left: 50%; top: 60px; display: block; transform: translateX(-50%); padding-top: 25px; background: url("../images/arrow_up.png") no-repeat center top; }
.footer__links { text-align: center; }
.footer,
.footer__go-to-top-link,
.footer__links-link { color: #fff; }
.footer__go-to-top-link,
.footer__links-link { text-decoration: none; }
.footer__go-to-top-link:hover,
.footer__links-link:hover { text-decoration: underline; }
.footer__links-link { margin: 0 20px; }


/* tooltips */
.tooltipster-sidetip .tooltipster-box { max-width: 300px; border: none; border-radius: 0; background-color: #fff; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30); }
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box { box-shadow: 0 -3px 8px 0 rgba(0, 0, 0, 0.20); }
.tooltipster-sidetip.tooltipster-left .tooltipster-box { box-shadow: 3px 0 8px 0 rgba(0, 0, 0, 0.20); }
.tooltipster-sidetip.tooltipster-right .tooltipster-box { box-shadow: -3px 0 8px 0 rgba(0, 0, 0, 0.20); }
.tooltipster-sidetip .tooltipster-content { padding: 8px 10px; font-size: 11px; color: #222; }
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #fff; }
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #fff; }
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: #fff; }
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #fff; }
.tooltipster-sidetip .tooltipster-arrow-background { display: none; }





/* media queries */


/* 768 - ... */
@media (min-width: 768px) {

    /* common */
    .section { margin-bottom: 60px; }


    /* forms */
    .form__block { padding: 65px 45px 30px; }




    /* main */

    /* process */
    .process__card { clear: both; width: 53%; margin-bottom: 80px; }
    .process__card:last-child { margin-bottom: 0; }
    .process__card--right { float: right; }
    .process__card-line { box-sizing: content-box; position: absolute; left: 100%; top: 50%; display: block; width: 40%; height: 50%; padding-bottom: 80px; }
    .process__card-line-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-top: 2px dashed #97aed7; border-right: 2px dashed #97aed7; border-radius: 0 20px 0 0; }
    .process__card-line:before,
    .process__card-line:after { position: absolute; z-index: 200; display: block; width: 14px; height: 14px; border-radius: 50%; background-color: #97aed7; content: ""; }
    .process__card-line:before { left: -7px; top: -6px; }
    .process__card-line:after { right: -6px; bottom: -7px; }
    .process__card--right .process__card-line { left: auto; right: 100%; }
    .process__card--right .process__card-line-inner { border-right: none; border-left: 2px dashed #97aed7; border-radius: 20px 0 0 0; }
    .process__card--right .process__card-line:before { left: auto; right: -7px; }
    .process__card--right .process__card-line:after { right: auto; left: -7px; }

} /* 768 - ... */




/* 960 - ... */
@media (min-width: 960px) {

    /* common */
    .form__container { width: 66%; }

    /* header */
    .header { padding-top: 70px; }

    /* header top */
    .header-top { position: fixed; left: 0; top: 0; z-index: 450; }
    .header-top__container { display: flex; justify-content: space-between; height: 70px; }

    /* header logo box */
    .header-top__logo-box:after { display: none; }
    .header-top__logo-box { height: auto; }
    .header-top__tagline { padding-left: 21px; margin-left: 20px; border-left: 1px solid #979797; font-size: 14px; }
    .header-top__pic { margin-top: -5px; }

    /* header nav */
    .header-top__nav { height: auto; }


    /* header bottom */
    .header-bottom__container { width: 60%; }


    /* information */
    .information__card { min-height: 380px; border-radius: 0; box-shadow: none; }
    .information__card-pic,
    .information__card-info { border-radius: 10px; }
    .information__card-pic { position: absolute; left: 0; top: 0; width: 53%; /*padding-bottom: 41%;*/ padding-bottom: 380px; }
    .information__card-info { position: relative; float: right; width: 66%; padding: 30px; margin-top: 40px; box-shadow: 0 2px 35px 0 rgba(2, 15, 38, 0.56); }
    .information__card--left .information__card-pic { left: auto; right: 0; }
    .information__card--left .information__card-info { float: left; }


} /* 960 - ... */





/* 1024 - ... */
@media (min-width: 1024px) {

    /* header bottom */
    .header-bottom__container { width: 66%; max-width: 740px; }

} /* 1024 - ... */





/* 1200 - ... */
@media (min-width: 1200px) {

    /* common */
    h1 { font-size: 72px; }
    h2 { font-size: 64px; }
    h3 { font-size: 58px; }
    h4 { font-size: 52px; }
    h5 { font-size: 46px; }
    h6 { font-size: 38px; }

    .section { margin-bottom: 80px; }

    /* forms */
    .form__block { padding: 75px 95px 50px; margin-bottom: 70px; }
    .form__block--small-mb { margin-bottom: 55px; }





    /* header logo box */
    .header-top__logo { width: 184px; height: 23px; }
    .header-top__pic { width: 95px; height: 29px; }

    /* header nav */
    .header-top__nav-link { padding-left: 15px; padding-right: 15px; }


    /* header bottom */
    .header-bottom { height: 500px; }
    .header-bottom__container { width: 74%; max-width: 890px; padding-bottom: 20px; }
    .header-bottom__title { margin-bottom: 55px; font-size: 64px; }
    .header-bottom__text { height: 105px; margin-bottom: 35px; font-size: 36px; }
    .header-bottom__text:before,
    .header-bottom__text:after { width: 87px; height: 71px; }
    .header-bottom__text:before { left: -55px; top: -35px; }
    .header-bottom__text:after { right: -54px; bottom: -2px; }
    .header-bottom__name { margin-bottom: 50px; font-size: 22px; }


    /* rounded angle */
    .rounded-angle { height: 50px; }
    .rounded-angle:before,
    .rounded-angle:after { height: 60px; }
    .rounded-angle:before { border-radius: 60px 0 0 0; margin-left: -2px; }
    .rounded-angle:after { border-radius: 0 60px 0 0; margin-left: 2px; }




    /* main */
    .main { line-height: 1.7; }


    /* process */
    .process__text { margin-bottom: 100px; font-size: 18px; }
    .process__card-title { font-size: 22px; }


    /* information */
    .information { padding: 100px 0; }
    .information__card { min-height: 460px; margin-bottom: 60px; }
    .information__card-pic { height: 460px; }
    .information__card-info { margin-top: 65px; }


    /* inquiry */
    .inquiry__title { margin-top: 50px; }

} /* 1200 - ... */





/* 1440 - ... */
@media (min-width: 1440px) {

} /* 1440 - ... */





/* ... - 767 */
@media (max-width: 767px) {

    /* forms */
    .form__container { width: 100%; }
    .form__row--icon { padding-right: 30px; }
    .form__row--icon .input__icon { right: 0; }

    /* file input */
    div.jfilestyle input { width: 58% !important; }
    .focus-jfilestyle { width: 42%; }



    /* header */
    .header { padding-top: 0; }
    .header--fixed { padding-top: 55px; }

    /* header top */
    .header-top__logo-box:after { position: absolute; left: -15px; right: -15px; bottom: 0; overflow: hidden; display: block; height: 1px; background-color: #e0e0e0; content: ""; }

    /* header bottom */
    .header-bottom__container { width: 100%; }
    .header-bottom__text { height: 63px; font-size: 20px; }


    /* information */
    .information__card-pic { padding-bottom: 53%; }


    /* footer */
    .footer__links-link { margin: 0 15px; }


} /* ... - 767 */