@charset "utf-8";
/*
 * Name     : bootstrap.custom.css
 * Version  : 1.2.2
 * Author   : onepixel studio
 * Date     : 2020-05-10
 ---------------------------------------------------
 Table of contents
 ---------------------------------------------------
    01. grid
    02. container
    03. elements
    04. media queries
---------------------------------------------------
*/

/* ------------------------------
 * 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%}

/* ------------------------------
 * container
------------------------------ */
.container-wide {padding-left:15px; padding-right:15px}
.container-wide:before, .container-wide:after {content: ''; display: table}
.container-wide:after {clear: both}
.container-lg {margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px}
.container-lg:before, .container-lg:after {content: ''; display: table}
.container-lg:after {clear: both}

/* ------------------------------
 * elements
------------------------------ */
/* 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 {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 {border-color:#788592; background-color:#788592}

.btn-solid {color: #5c7cfa; border-color: #fff; background-color: #fff}
.btn-solid:hover, .btn-solid:focus {color: #fff; border-color: #333; background-color: #333}
.btn-solid-outline {color: #fff; border-color: rgba(255,255,255,.8); background-color: transparent}
.btn-solid-outline:hover, .btn-solid-outline:focus {color: #fff; border-color: #333; background-color: #333}

.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:0; left:-120%; bottom:0; 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:0}
.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; border-color:#d9d9d9}
.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:16px 26px; min-width:170px}
.btn-round {border-radius: 30px}
.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}

/* ------------------------------
 * media queries
------------------------------ */
@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%}

    .container-lg {width: 750px}

	.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%}
    
    .container-wide {padding-left:80px; padding-right:80px}
    .container-lg {width: 970px}
}

@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%}    

    .container-lg {width: 1170px}
}

@media (min-width: 1360px) {
    .container-lg {width: 1330px}
}