@charset "utf-8";

/* grid */
*[class*="row-table"].vertical-top > [class*='col'] {vertical-align:top !important}
*[class*="row-table"].vertical-bottom > [class*='col'] {vertical-align:bottom !important}
.row.row-inline {font-size:0}
.row.row-inline > [class*='col'] {float:none; display:inline-block; vertical-align:top}
.row.gutter-no {margin-left:0; margin-right:0}
.row.gutter-no > [class*='col'] {padding-left:0; padding-right:0}
.row.gutter-xs {margin-left:-5px; margin-right:-5px}
.row.gutter-xs > [class*='col'] {padding-left:5px; padding-right:5px}
.row.gutter-sm {margin-left:-10px; margin-right:-10px}
.row.gutter-sm > [class*='col'] {padding-left:10px; padding-right:10px}
.row.gutter-lg {margin-left:-20px; margin-right:-20px}
.row.gutter-lg > [class*='col'] {padding-left:20px; padding-right:20px}
.row.gutter-xl {margin-left:-30px; margin-right:-30px}
.row.gutter-xl > [class*='col'] {padding-left:30px; padding-right:30px}
.row.row-table-xs {display:table; min-width:100%; width:calc(100% + 30px); table-layout:fixed}
.row.row-table-xs.gutter-no {width:100%}
.row.row-table-xs.gutter-xs {width:calc(100% + 10px)}
.row.row-table-xs.gutter-lg {width:calc(100% + 40px)}
.row.row-table-xs.gutter-xl {width:calc(100% + 50px)}
.row.row-table-xs:before, .row.row-table-xs:after {display:none}
.row.row-table-xs > [class*='col'] {float:none; display:table-cell; vertical-align:middle}
.match-height-xs {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap:wrap}
.match-height-xs > [class*='col'] {display:flex; flex-direction:column}
.match-height-xs:before, .match-height-xs:after {width:100%}

/* img */
.img-block {display:block; width:100%}

/* buttons */
.btn {padding:8px 14px; font-size:14px; border-radius:3px; outline:0 !important; box-shadow:none !important; transition:all 0.3s}

.btn-primary {border-color:#3e78ff; background-color:#3e78ff}
.btn-primary:hover, .btn-primary:focus {border-color:#588aff; background-color:#588aff}
.btn-primary:active, .btn-primary:active:focus, .btn-primary.active {border-color:#1f4fbd; background-color:#1f4fbd}

.btn-secondary {color:#fff !important; border-color:#adb5bd; background-color:#adb5bd}
.btn-secondary:hover, .btn-secondary:focus {border-color:#c3cbd3; background-color:#c3cbd3}
.btn-secondary:active, .btn-secondary:active:focus, .btn-secondary.active {border-color:#788592; background-color:#788592}

.btn-warning {border-color:#fab005; background-color:#fab005}
.btn-warning:hover, .btn-warning:focus {border-color:#fcc419; background-color:#fcc419}
.btn-warning:active, .btn-warning:active:focus, .btn-warning.active {border-color:#f59f00; background-color:#f59f00}

.btn-arrow, .btn-arrow-black {position:relative; font-size:15px; text-align:left; padding:12px 28px 12px 18px; min-width:150px; border:1px solid #d9d9d9; border-radius:0; z-index:5; overflow:hidden; transition:all 0.3s cubic-bezier(.57,.21,.69,1.25)}
.btn-arrow:before, .btn-arrow-black:before {content:''; position:absolute; display:block; top:-1px; left:-120%; bottom:-1px; width:120%; background-color:#2b2b2b; transform-origin:0% -50%; transform:skewX(-20deg); transition:left 0.3s cubic-bezier(.57,.21,.69,1.25); z-index:-1}
.btn-arrow:after, .btn-arrow-black:after {content:'\e90b'; position:absolute; right:18px; font-family:'xeicon'; color:#999; transition:color 0.3s cubic-bezier(.57,.21,.69,1.25); z-index:1}
.btn-arrow:hover {color:#fff; border-color:#2b2b2b}
.btn-arrow:hover:before, .btn-arrow-black:hover:before {left:-5%}
.btn-arrow:hover:after {color:#fff}
.btn-arrow-black {color:#fff; border-color:#2b2b2b; background-color:#2b2b2b}
.btn-arrow-black:before {background-color:#fff}
.btn-arrow-black:after {color:#fff}
.btn-arrow-black:hover {color:#2b2b2b}
.btn-arrow-black:hover:after {color:#999}

.btn-underline {padding:0; color:#7a7a7a; letter-spacing:-0.01rem; text-decoration:underline !important}
.btn-underline:hover, .btn-underline:focus {text-decoration:underline !important}

.btn-group-lg>.btn, .btn-lg {font-size:16px; padding:14px 24px; border-radius:4px}
.btn-group-xl>.btn, .btn-xl {font-size:17px; padding:16px 30px; border-radius:4px}
.btn-oversize {font-size:16px; padding:14px 26px; min-width:160px}
.icon-left > i, .icon-left > ion-icon {margin-right:4px; vertical-align:-1px}
.icon-right > i, .icon-right > ion-icon {margin-left:4px; vertical-align:-1px}

/* forms */
.form-xs {max-width:360px; margin:auto}
.form-sm {max-width:440px; margin:auto}
.form-md {max-width:580px; margin:auto}
.form-lg {max-width:740px; margin:auto}
.form-control {color:#777; height:54px; padding:12px 16px !important; border:none; border-radius:4px; background-color:#f8f9fa; box-shadow:none !important; transition:all 0.25s}
.form-control:focus {color:#333; background-color:#f1f3f5}
select.form-control {background-image:url(../images/select_arrow_down.png); background-size:12px 7px; background-position:right 16px center; background-repeat:no-repeat; -webkit-appearance:none}
select.form-control::-ms-expand {display:none}
.check-style input {display:none}
.check-style input + label {position:relative; font-size:14px; font-weight:normal; color:#555; cursor:pointer}
.check-style input + label:before {content:''; display:inline-block; width:20px; height:20px; margin-right:10px; border:1px solid #3e78ff; border-radius:3px; vertical-align:middle}
.check-style input + label:hover:before {background-color:#edf2ff}
.check-style input:checked + label {color:#3e78ff}
.check-style input:checked + label:after {content:'\e929'; position:absolute; top:0; left:2px; font-family:'xeicon'; font-size:18px; color:#3e78ff}

@media (min-width:768px) {
	.row.row-table-sm {display:table; min-width:100%; width:calc(100% + 30px); table-layout:fixed}
	.row.row-table-sm.gutter-no {width:100%}
	.row.row-table-sm.gutter-xs {width:calc(100% + 10px)}
	.row.row-table-sm.gutter-lg {width:calc(100% + 40px)}
	.row.row-table-sm.gutter-xl {width:calc(100% + 50px)}
	.row.row-table-sm:before, .row.row-table-sm:after {display:none}
    .row.row-table-sm > [class*='col'] {float:none; display:table-cell; vertical-align:middle}
    .match-height-sm {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap:wrap}
    .match-height-sm > [class*='col'] {display:flex; flex-direction:column}
	.match-height-sm:before, .match-height-sm:after {width:100%}
	
	.btn-arrow, .btn-arrow-black {min-width:200px}
}

@media (min-width:992px) {
	.row.row-table-md {display:table; min-width:100%; width:calc(100% + 30px); table-layout:fixed}
	.row.row-table-md.gutter-no {width:100%}
	.row.row-table-md.gutter-xs {width:calc(100% + 10px)}
	.row.row-table-md.gutter-lg {width:calc(100% + 40px)}
	.row.row-table-md.gutter-xl {width:calc(100% + 50px)}
	.row.row-table-md:before, .row.row-table-md:after {display:none}
    .row.row-table-md > [class*='col'] {float:none; display:table-cell; vertical-align:middle}
    .match-height-md {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap:wrap}
    .match-height-md > [class*='col'] {display:flex; flex-direction:column}
	.match-height-md:before, .match-height-md:after {width:100%}    
}

@media (min-width:1200px) {
	.row.row-table-lg {display:table; min-width:100%; width:calc(100% + 30px); table-layout:fixed}
	.row.row-table-lg.gutter-no {width:100%}
	.row.row-table-lg.gutter-xs {width:calc(100% + 10px)}
	.row.row-table-lg.gutter-lg {width:calc(100% + 40px)}
	.row.row-table-lg.gutter-xl {width:calc(100% + 50px)}
	.row.row-table-lg:before, .row.row-table-lg:after {display:none}
    .row.row-table-lg > [class*='col'] {float:none; display:table-cell; vertical-align:middle}
    .match-height-lg {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap:wrap}
    .match-height-lg > [class*='col'] {display:flex; flex-direction:column}
    .match-height-lg:before, .match-height-lg:after {width:100%}    
}