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


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