/*row and col customize
gutter and padding
*/

.row-0 {
    margin-left: 0;
    margin-right: 0
}

.row-2 {
    margin-left: -2px;
    margin-right: -2px
}

.row-3 {
    margin-left: -3px;
    margin-right: -3px
}

.row-5 {
    margin-left: -5px;
    margin-right: -5px
}

.row-10 {
    margin-left: -10px;
    margin-right: -10px
}

.row-15 {
    margin-left: -15px;
    margin-right: -15px;
}

.col-pd-0 {
    padding-left: 0;
    padding-right: 0;
}

.col-pd-2 {
    padding-left: 2px;
    padding-right: 2px;
}

.col-pd-3 {
    padding-left: 3px;
    padding-right: 3px;
}

.col-pd-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.col-pd-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.col-pd-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.col-pd-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.col-pd-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.col-pd-30 {
    padding-left: 30px;
    padding-right: 30px;
}
/* end row and col customize */

/*vertical align*/
.v-align-t {
    vertical-align: top;
}

.v-align-bt {
    vertical-align: bottom;
}

.v-align-m {
    vertical-align: middle;
}
/*end vertical align*/

/*
text size
*/
.text-14 {
    font-size: 14px!important;
}
.text-16 {
    font-size: 16px!important;
}
.text-17 {
    font-size: 17px!important;
}
.text-18 {
    font-size: 18px!important;
}
.text-20 {
    font-size: 20px!important;
}
.text-22 {
    font-size: 22px!important;
}
.text-24 {
    font-size: 24px!important;
}
.text-30 {
    font-size: 30px;
}
.text-34 {
    font-size: 34px!important;
}
.text-32 {
    font-size: 32px!important;
}
.text-36 {
    font-size: 36px!important;
}
.text-40 {
    font-size: 40px!important;
}
.text-46 {
    font-size: 46px!important;
}
.text-50 {
    font-size: 50px!important;
}
.text-65 {
    font-size: 65px!important;
}
.text-98 {
    font-size: 98px!important;
}
/*
end text size
*/

/* 
text color
*/
.txt-primary{
    color: var(--primary-color);
}
.txt-black{
    color: #000;
}
/* 
end text color
*/

/* 
line height
*/
.line-height-1{
    line-height: 1;
}
.line-height-1-3{
    line-height: 1.3;
}
.line-height-1-5{
    line-height: 1.5;
}
/* 
end line height
*/

/* 
font-weight
*/
.font-weight-normal{
    font-weight: 400;
}
.font-weight-medium{
    font-weight: 500;
}
.font-weight-simibold{
    font-weight: 600;
}
.font-weight-bold{
    font-weight: 700;
}
.font-weight-bolder{
    font-weight: 900;
}
/* 
end font-weight
*/

/*
bg color
*/
.bg-primary {
    background-color: var(--primary-color);
}
.bg-white {
    background-color: #fff;
}
.bg-light-blue {
    background-color: var(--light-blue-color);
}
.bg-blue {
    background-color: var(--blue-color);
}
.bg-dark-blue {
    background-color: var(--dark-blue-color);
}
.bg-black {
    background-color: var(--black-color);
}
.bg-light-gray {
    background: #fafafa;
}
/*
end bg color
*/


/*
button style
*/
/* .custom-btn.btn-outline-success {
    color: #239c83;
    border-color: #239c83;
}
.custom-btn.btn-success {
    border-color: rgba(35,156,131,0.7);
    background-color: rgba(35,156,131,0.7);
}
.custom-btn.btn-outline-success:hover,
.custom-btn.btn-outline-success:active,
.custom-btn.btn-outline-success.active{
    color: #fff;
    background-color: #239c83!important;
    border-color: #239c83!important;
}
.custom-btn.btn-success:hover,
.custom-btn.btn-success:active{
    background-color: #239c83!important;
}

.custom-btn.btn-bg-white {
    background: rgba(255,255,255,.7);
} */
.custom-btn.btn-flat {
    border-radius: 0!important;
}
.custom-btn.btn-arrow {
    height: 70px;
    padding: 18px 70px;
    position: relative;
}
.custom-btn.custom-btn-long {
    min-width: 400px;
}
.custom-btn.btn-arrow.custom-btn-sm {
    padding: 7px 70px 7px 18px;
    height: 40px;
}
.custom-btn.btn-arrow.custom-btn-65 {
    height: 65px;
}
.custom-btn.btn-arrow.custom-btn-md {
    height: 55px;
    font-size: 16px;
    padding:14px 70px;
    font-size: 16px;
}
.custom-btn.btn-arrow .arrow-sign {
    position: absolute;
    right: 20px;
    display: block;
    height: 6px;
    width: 30px;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all .3s ease;
}
.custom-btn.btn-arrow:hover .arrow-sign {
    right: 10px;
}
.custom-btn.btn-arrow .arrow-sign svg{
    height: 6px;
    fill: #fff;
    display: block;
}
.custom-btn.btn-arrow.btn-outline-light .arrow-sign svg{
    fill: #fff;
}
.custom-btn.btn-arrow.btn-outline-light:hover .arrow-sign svg{
    fill: #000;
}
.custom-btn.btn-arrow.btn-outline-primary .arrow-sign svg,
.custom-btn.btn-arrow.btn-warning .arrow-sign svg{
    fill: #000;
}
.custom-btn.btn-arrow.btn-outline-primary:hover .arrow-sign svg{
    fill: #fff;
}


.btn-dark{
    background-color: #000;
    border-color: #000;
}
.btn-warning{
    background-color: #fbb03b;
    border-color: #fbb03b;
}
.btn-primary{
    background-color: #0086d3;
    border-color: #0086d3;
}
.btn-outline-primary{
    color:#000;
    border-color:#e95817;
}
.btn-outline-primary:hover,
.btn-outline-primary:active{
    color:#fff;
    border-color:#e95817;
    background-color:#e95817;
}

/*
end button style
*/

/*
.div-space
*/
.space-90 {
    height: 90px;
}
.space-85 {
    height: 85px;
}
.space-80 {
    height: 80px;
}
.space-75 {
    height: 75px;
}
.space-70 {
    height: 70px;
}
.space-65 {
    height: 65px;
}
.space-60 {
    height: 60px;
}
.space-55 {
    height: 55px;
}
.space-50 {
    height: 50px;
}
.space-45 {
    height: 45px;
}
.space-40 {
    height: 40px;
}
.space-35 {
    height: 35px;
}
.space-30 {
    height: 30px;
}
.space-22 {
    height: 22px;
}
.space-25 {
    height: 25px;
}
.space-20 {
    height: 20px;
}
.space-15 {
    height: 15px;
}
.space-10 {
    height: 10px;
}
/*
end div space
*/

/*
customize container
*/
.container-1000 {
    max-width: 1030px!important;
}
.container-1100 {
    max-width: 1100px!important;
}
.container-1200 {
    max-width: 1200px!important;
}
.container-1280 {
    max-width: 1280px!important;
}
.container-1300 {
    max-width: 1300px!important;
}
.container-1360 {
    max-width: 1360px!important;
}
/*
end customize container
*/

/*
customize table
*/
.table-pd-0.table td, .table-pd-0.table th {
    padding: 0;
}
/*
end customize table
*/

/*
form
*/
.form-control-flat {
    border-radius: 0!important;
}
.form-control.no-bd {
    border-width: 0!important;
}
/*
end form
*/

/*
visibility animation for element
*/
.visible-animate {
    position: relative;
}
.visible-animate_box {
    top: 0;
}
.visible-animate::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-delay: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.visible-animate-self{
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-delay: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.visible-animate.bg-blue_::after {
    background: var(--blue-color);
}
.visible-animate.bg-black_::after {
    background: var(--black-color);
}

.loading-visible-delay2s {
    opacity: 0;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-delay: 2s;
    animation-name: fadeIn;
}

.loading-visible-delay2s.is-inview {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.animate_custom_delay12s,
.animate_custom_delay12s::after {
    animation-delay: 12s;
    -webkit-animation-delay: 12s;
}

.animate_custom_delay10s,
.animate_custom_delay10s::after {
    animation-delay: 10s;
    -webkit-animation-delay: 10s;
}

.animate_custom_delay8s,
.animate_custom_delay8s::after {
    animation-delay: 8s;
    -webkit-animation-delay: 8s;
}

.animate_custom_delay6s,
.animate_custom_delay6s::after {
    animation-delay: 6s;
    -webkit-animation-delay: 6s;
}

.animate_custom_delay5s,
.animate_custom_delay5s::after {
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
}

.animate_custom_delay4s,
.animate_custom_delay4s::after {
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
}
.animate_custom_delay3s,
.animate_custom_delay3s::after {
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
}
.animate_custom_delay2s,
.animate_custom_delay2s::after {
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}

.slide-center.is-inview::after {
    animation-name: slide-center;
}

.slide-right.is-inview::after {
    animation-name: slide-right;
}

.slide-self-center.is-inview {
    animation-name: slide-self-center;
}

.slide-self-right.is-inview {
    animation-name: slide-self-right;
}

@keyframes slide-center {
    0% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);

    }

    100% {
        -webkit-clip-path: inset(0 50% 0 50%);
        clip-path: inset(0 50% 0 50%);
    }
}

@keyframes slide-self-center {
    0% {
        -webkit-clip-path: inset(0 50% 0 50%);
        clip-path: inset(0 50% 0 50%);
    }

    100% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }
}


@keyframes slide-right {
    0% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }

    100% {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%);
    }
}

@keyframes slide-self-right {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
    }

    100% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }
}

/*
end visibility animation for element
*/

/*
contact form 7
*/
.wpcf7-not-valid-tip {
    color: #ff3e3e!important;
}
.wpcf7 form .wpcf7-response-output {
    color: #ff4747!important;
}
/*
end contact form 7
*/


/*start media screen*/
@media (max-width: 1200px) {

}

@media (max-width: 1130px) {

}

@media (min-width: 768px) and (max-width: 992px) {

}

@media (max-width: 992px) {
    .custom-btn.btn-arrow {
        padding: 15px 68px;
        font-size: 16px!important;
        height: 60px;
    }
    .custom-btn.btn-arrow .arrow-sign,
    .custom-btn.btn-arrow.custom-btn-sm .arrow-sign{
        width: 40px!important;
    }
    .text-36 {
        font-size: 25px!important;
    }
}

@media (max-width: 768px) {
    .text-24 {
        font-size: 20px!important;
    }
    .custom-btn.btn-arrow.custom-btn-sm .arrow-sign {
        width: 30px!important;
    }
    /*.btn-product-cat {
        text-align: left!important;
    }*/

    .text-14 {
        font-size: 12px!important;
    }
    .text-16 {
        font-size: 14px!important;
    }
    .text-17 {
        font-size: 15px!important;
    }
    .text-18 {
        font-size: 16px!important;
    }
    .text-20 {
        font-size: 18px!important;
    }
    .text-22 {
        font-size: 19px!important;
    }
    .text-24 {
        font-size: 20px!important;
    }
    .text-30 {
        font-size: 5vw!important;
    }
    .text-34 {
        font-size: 6vw!important;
    }
    .text-32 {
        font-size: 6vw!important;
    }
    .text-36 {
        font-size: 6vw!important;
    }
    .text-40 {
        font-size: 30px!important;
    }

    .space-75{
        height: 45px;
    }
    .space-90{
        height: 60px;
    }

    .text-98{
        font-size: 49px!important;
    }


    .space-sm-15 {
        height: 15px!important;
    }

}

@media (max-width: 576px) {
    .not-sp {
        display: none;
    }
	img {
		max-width: 100%;
		height: auto;
	}
    .text-20 {
        font-size: 12px!important;
    }
    .text-22 {
        font-size: 14px!important;
    }
    .text-40 {
        font-size: 21px!important;
    }
    .space-80 {
        height: 60px;
    }
    .space-90 {
        height: 40px;
    }
    .wrapImg-w65 img {
        width: 65%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .wrapImg-w80 img {
        width: 80%;
    }

}

/*end media screen*/