/*
Theme Name: Erizo
Author: Erizo.pl
*/

span.title-line { display:block; position: relative; padding-bottom: 30px; margin-bottom: 30px; line-height: 1; font-size: var(--font-size-2); font-weight: 400; letter-spacing: 2px; } 
span.title-line::after { position: absolute; content: ""; width: 220px; max-width: 100%; height: 2px; left: 0; bottom: 0; background-color: var(--font-color); } 
header { position: relative !important; }

:root{
    --primary-color:#1e90ff;
    --primary-bg-color:#fdfdfd;
    --primary-bg-color-opacity:#fcfcfcd9;
    --secondary-bg-color: #f4f4f4;
    --font-color: #333;
    --small-padding: 75px;
    --big-padding: 150px;
    --font-size-1: 60px;
    --font-size-2: 46px;
    --font-size-3: 36px;
    --font-size-4: 26px;
    --font-size-5: 20px;
    --font-size-6: 18px;
    --font-size-7: 16px;
    --font-size-8: 14px;
}
*:focus{outline: none;}
html{overflow-x: hidden;}
body{
    margin: 0;
    padding: 0;
    background-color: #fff;
    position: relative;
    overflow-x: hidden;
    color: #333;
    font-size: var(--font-size-7);
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
}
.line-1,
.line-2,
.line-3{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #ededed;
    z-index: -1;
}
.line-1{
    left: 25%;
}
.line-2{
    left: 50%;
}
.line-3{
    left: 75%;
}
.second-bg{
    background-color: var(--secondary-bg-color);
}
form *{
    font-family: 'Montserrat', sans-serif!important;
}
.desc ul {
	list-style: none;
	padding: 0;
}
.desc ul li {
    display: flex;
    position: relative;
    padding-bottom: 10px;
    margin-top: 0;
}
.desc ul li:last-child{
	padding-bottom: 0;
}
.desc ul li::before{
	content:"";
    position: relative;
    left: 0;
    top: 3px;
    margin-right: 10px;
    min-width: 10px;
    width: 10px;
	height: 10px;
    border-radius: 50%;
	background-color: var(--font-color);
}
.desc ul li[style="text-align: center;"]{
    justify-content: center;
}
img{
    max-width: 100%;
    display: block;
    height: auto;
    -webkit-user-drag: none;
    user-select: none;
}
a{
    text-decoration: none;
    color: var(--font-color);
    transition: .3s;
}
a:hover{
    color: #989898;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
    line-height: 1.2;
    color: var(--font-color);
}

h1{
    font-size: var(--font-size-2);
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 1; 
}
h2{
    line-height: 1;
    margin-bottom: 30px;
    font-size: var(--font-size-2);
    font-weight: 400;
    letter-spacing: 2px;
}
h2.title-line{
    position: relative;    
    padding-bottom: 30px;
    margin-bottom: 30px;
}
h2.title-line::after{
    position: absolute;
    content: "";
    width: 220px;
    max-width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: var(--font-color);
}
h3{
    font-size: var(--font-size-3);
    font-weight: 400;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
h1 span, h2 span, h3 span,h4 span, h5 span,h6 span{
    color: var(--primary-color);
}
h4{
    font-size: var(--font-size-4);
    font-weight: 400;
    margin-bottom: 30px;
    letter-spacing: 1px;
}
h5{
    font-size: var(--font-size-5);
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1;
    letter-spacing: 2px;
}
h6{
    font-weight: 400;
    font-size: var(--font-size-6);
    margin-bottom: 25px;
}


.font-xxl{
    font-size: var(--font-size-1);
}


.container{
    width: 100%;
}
@media screen and (min-width:1850px){
    .container{
        max-width: 1680px;
    }
}

@media screen and (max-width:1849px){
    .container{
        max-width: 1550px;
    }
}
@media screen and (max-width:1680px){
    .container{
        max-width: 1450px;
    }
}
@media screen and (max-width:1599px){
    .container{
        max-width: 1350px;
    }
}
@media screen and (max-width:1499px){
    .container{
        max-width: 1200px;
    }
}
@media screen and (max-width:1399px){
    .container{
        max-width: 1200px;
    }
}
@media screen and (max-width:1299px){
    .container{
        max-width: 1050px;
    }
}
@media screen and (max-width:1199px){
    .container{
        max-width: 950px;
    }
}
@media screen and (max-width:1099px){
    .container{
        max-width: 900px;
    }
}

@media screen and (max-width:991px){
    .container{
        padding: 0 30px;
    }
}
@media screen and (max-width:767px){
    .container{
        padding: 0 15px;
    }
}

section{
	padding:var(--small-padding) 0;
    position: relative;
}
.desc *{
    color: var(--font-color);
    letter-spacing: 1px;
    margin: 0;
    line-height: 1.4;
    letter-spacing: 1px;
    text-align: justify;
}
.desc *~*{
    margin-top: 25px;
}

.white-text,
.white-text *{
	color: #fff;
}
.white-text p{
    color: #fff;
}
.dark-color, 
.dark-color *{
    color: #333;
}

.slick-dotted.slick-slider{
    margin-bottom: 0;
}
.slick-dots li{
	width: 16px;
	height: 16px;
	margin: 0;
    margin-left: 30px;
}
.slick-dots li button{
	width: 16px;
	height: 16px;
}
.slick-dots li button:before{
    content: "";
    border: 2px solid #000;
    border-radius: 50px;
    width: 16px;
    height: 16px;
}
.slick-dots li.slick-active button:before{
    background: #000;
}
.slick-dots{
	position: relative;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    margin-top: 25px;
}
/* mg */
.m0{
    margin: 0;
}
.mt30{
	margin-top:30px;
}
.mt45{
	margin-top:45px;
}
.mt60{
	margin-top: 60px;
}
.mb10{
    margin-bottom: 10px;
}
.mb15{
    margin-bottom: 15px;
}
.mb30{
    margin-bottom: 30px;
}
.mb45{
    margin-bottom: 45px;
}
.mb60{
    margin-bottom: 60px;
}
.mb75{
    margin-bottom: 75px;
}
.mb90{
    margin-bottom: 90px;
}
.mb120{
    margin-bottom: 120px;
}
.m0{
    margin: 0;
}
/* font weight */
.fw200{
    font-weight: 200;
}
.fw300{
    font-weight: 300;
}
.fw400{
    font-weight: 400;
}
.fw500{
    font-weight: 500;
}
.fw600{
    font-weight: 600;
}
.fw700{
    font-weight: 700;
}
.fw900{
    font-weight: 900;
}
.ttu{
    text-transform: uppercase;
}
.dpt{
	padding-top: var(--big-padding);
}
.dpb{
	padding-bottom: var(--big-padding);
}
.dp{
	padding: var(--big-padding) 0;
}
.black-font,
.black-font *{
    color: #000;
}
img.icon{
    height: 80px;
    max-width: 80%;
    object-fit: contain;
    margin-bottom: 30px;
}

img.icon2{
    /*height: 80px;
    max-width: 80%;*/
    object-fit: contain;
    margin-bottom: 30px;
}
/*def*/
.slick-dotted.slick-slider{
    margin-bottom: 0;
}

.wrapper-flex{
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
}
.wrapper-flex .content{
    width: 100%;
}
.main-img{
	width: 100%;
}
.main-img img{
    width: 100%;
}
.bg{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.space-between{
    justify-content: space-between;
}
.aic{
    display: flex;
    align-items: center;
}
.text-center{
    text-align: center!important;
}
.text-right{
    text-align: right;
}
.text-justify{
	text-align: justify;
}
.rel{
    position: relative;
    z-index: 0;
}
.abs-inset0{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.z10{
    z-index: 10;
}
.page-loader-main {
    position: fixed;
    display: flex;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 100000000;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    transition: .7s;
}
.page-loader-main img {
    animation: loaderimg 0.5s infinite;
    animation-direction: alternate;
    animation-timing-function:ease-in;
    transition: opacity .2s;
}
.page-loader-main img{
    width: 450px;
    max-width: 75%;
}
.page-loader-main.loaded img{
    opacity: 0;
}
.page-loader-main.loaded{
    width:0%;
}
@keyframes loaderimg {
    from {transform: scale(1.1);}
    to {transform: scale(1.0);}
}

.def-btn a{
    display: inline-block;
    border: 2px solid #989898;
    font-size: var(--font-size-6);
    text-align: center;
    padding: 24px 100px;
    font-weight: 400;
    transition: .3s;
    position: relative;
}

.def-btn a:hover{
    background-color: #989898;
    color: #fff;
}
.small-btn a{
    padding: 25px 60px;
}
.white-bg-btn a::before{
    background-color: #fff;
    transition: .3s;
}
.white-bg-btn a:hover::before{
    opacity: 0;
}
.white-bg-btn a:hover{
    color: #fff;
}

.arrow-btn a,
.arrow-btn span{
    display: flex;
    align-items: center;
    font-weight: 300;
    margin: 30px 0 0;
}
.arrow-btn a i,
.arrow-btn span i{
    width: 45px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('/images/theme/btn-arrow.png');
    margin-left: 20px;
    transition: .3s;
}
.arrow-btn a:hover i{
    margin-left: 30px;
}

._title-icon{
    display: flex;
}
._title-icon .icon-img{
    min-width: 75px;
    width: 75px;
    height: 60px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 60px;
}
._email-icon{
    background-image: url('/images/theme/email-icon.png');
}
._phone-icon{
    background-image: url('/images/theme/phone-icon.png');
}
._address-icon{
    background-image: url('/images/theme/address-icon.png');
}
._clock-icon{
    background-image: url('/images/theme/clock-icon.png');
}
.w100{
    width: 100%;
}
.h100{
    height: 100%;
}
/* MAIN */
section.main-slider{
    padding: 0;
}
section.main-slider .slide-box .slide-img{
    padding-top: 52%;
    width: 100%;
}
section.main-slider .slick-dots{
    position: absolute;
    bottom: 60px;
    z-index: 10;
    left: 25%;
    right: 25%;
    width: 50%;
}
section.main-slider .slick-dots li button:before{
    content: "";
    border: 2px solid #fff;
    background-color: #fff;
    border-radius: 50px;
    width: 16px;
    height: 16px;
    opacity: 50%;
}
section.main-slider .slick-dots li.slick-active button:before{
    opacity: 100%;
}

section.main-slider .slider-buttons{
    position: absolute;
    display: flex;
    justify-content: space-between;
    color: #fff;
    right: 60px;
    left: 60px;
    bottom: 60px;
    z-index: 0;
    cursor: pointer;
}
section.main-slider .slider-buttons ._btn {
    display: flex;
    align-items: center;
    font-size: var(--font-size-6);
    font-weight: 600;
}
section.main-slider .slider-buttons ._btn i{
    width: 55px;
    height: 28px;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
section.main-slider .slider-buttons ._btn._prev i{
    background-image: url('/images/theme/white-prev-arrow.png');
    margin-right: 30px;
}
section.main-slider .slider-buttons ._btn._next i{
    background-image: url('/images/theme/white-next-arrow.png');
    margin-left: 30px;
}
section.why-us .why-us-box{
    padding: 30px;
    margin-top: 30px;
    transition: .3s;
}
section.why-us .why-us-box:hover{
    transform: translateY(-30px);
}
section.why-us .why-us-box:hover .arrow-btn span i{
    margin-left: 45px;
}
section.why-us .why-us-box h4{
    margin-bottom: 80px;
}
section.about-us::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom:var(--big-padding) ;
    width: 80%;
    background-image: url('/images/theme/bg-1.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
section.about-us .about-us-img{
    width: 32%;
    padding-top: 50%;
    position: absolute;
    right: 0;
    bottom: -35%;
}
section.about-us .about-us-box{
    margin-top: var(--big-padding);
    background-color: var(--primary-bg-color-opacity);
    padding: 60px;
}
._about-us-icons{
    display: flex;
    flex-wrap: wrap;
}
._about-us-icons .icon-box{
    margin-right: 45px;
    margin-bottom: 30px;
}
._about-us-icons .icon-box img{
    height: 85px;
    max-width: 75px;
    object-fit: contain;
}
section.trust .trust-img{
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    width: 55%;
}
section.home-cta-contact .cta-first .cta-box{
    margin-top: 420px;
    padding: 60px 0;
}
section.home-cta-contact .cta-first{
    position: relative;
    background-image: url('/images/theme/bg-1.jpg');
}
section.home-cta-contact .cta-first::before{
    content: "";
    position: absolute;
    background-color: var(--primary-bg-color);
    left: 0;
    top: 420px;
    bottom: 0;
    width: 55%;
}

section.home-cta-contact .cta-second{
    margin-top: 90px;
    padding-top: 330px;
    position: relative;
}
section.home-cta-contact .cta-second::before{
    position: absolute;
    background-color: var(--secondary-bg-color);
    bottom: 0;
    left: 0;
    right: 0;
    top: 270px;
    content: "";
}
section.home-cta-contact .contact-icons{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--font-size-4);
}
section.home-cta-contact  .contact-icons li + li{
    margin-top: 60px;
}
section.home-cta-contact  .contact-icons li span.icon-wrap{
    display: flex;
    align-items: center;
}
section.home-cta-contact  .contact-icons li span.icon-wrap i{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 45px;
    min-width: 45px;
    height: 45px;
    margin-right: 20px;
}
section.home-cta-contact .cta-second .cta-img{
    top: 0;
    left: 0;
    bottom: 0;
    width: 55%;
    position: absolute;
}
section.home-cta-contact .cta-second .contact-icons{
    margin-bottom: 60px;
}
section.home-cta-contact .cta-third {
    padding: 60px 0;
}
section.home-cta-contact .cta-parallax{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
section.home-cta-contact .cta-parallax .cta-parallax-img{
    width: 32%;
    padding-top: 50%;
    position: absolute;
    right: 0;
    bottom: -50%;
}
section.cta-icons.cta-contact-data .cta-icons-box ul{
	justify-content: space-between;
}
section.cta-icons.cta-contact-data .cta-icons-box ul li{
	padding: 0 15px;
}
section.portfolio .portfolio-img{
    width: 100%;
    padding-top: 60%;
}
section.portfolio .portfolio-btns{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    font-size: var(--font-size-6);
    cursor: pointer;
}
section.cta {
    background-image: url('/images/theme/bg-1.jpg');
}
section.cta h2{
    margin: 0;
}
section.home-contact .map iframe,
section.home-contact .map{
    width: 100%;
    height: 100%;
}

section.home-contact ._socials{
    margin: 60px 0;
}
._socials ul{
    display: flex;
    align-items: center;
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}
._socials li{
    padding-right: 30px;
}
._socials li a{
    color: #989898;
    transition: .3s;
    font-size: 30px;
}
._socials li a:hover{
    color: var(--font-color);
}
section.contact ._socials{
    margin-bottom: 30px;
}
section.contact .contact-img{
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    bottom: calc(var(--big-padding) * -1);
    padding-top: 90%;
}
section.contact-form .form-box{
    margin-top: 30px;
}
section.contact-form::before{
    content: "";
    position: absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('/images/theme/bg-1.jpg');
    top: -90px;
    height: 180px;
    left: 0;
    right: 0;
    z-index: -1;
}
section.contact-form .contact-form-img{
    position: absolute;
    padding-top: 100%;
    left: 15px;
    right: 15px;
    bottom: calc(var(--big-padding) * -1);
}
.__form p{
    margin: 0;
}
.__form .input-text input,
.__form .input-text textarea{
    width: 100%;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 2px solid #c0c0c0;
    padding: 24px 20px;
    font-size: var(--font-size-8);
    margin-bottom: 15px;
}
.__form .input-text{
    margin-bottom: 15px;
}
.__form .input-text textarea{
    height: 150px;
    resize: none;
}
.__form input[type="submit"]{
    background-color: var(--font-color);
    color: #fff;
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 24px 97px;
    margin-top: 15px;
    font-size: var(--font-size-6);
    border: 2px solid var(--font-color);
    transition: .3s;
}
.__form input[type="submit"]:hover{
    background-color: transparent;
    color: var(--font-color);
}
.__form .file{
    background-color: var(--font-color);
    color: #fff;
    font-size: 14px;
    font-size: var(--font-size-6);
    padding: 11px 80px;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 30px;
    cursor: pointer;
}
.__form input[type="file"]{
    display: none;
}
.__form .file-name span {
    display: inline-block;
    font-size: 12px;
    background-color: var(--secondary-bg-color);
    border-radius: 5px;
    font-weight: 700;
    padding: 10px 15px;
    margin-bottom: 15px;
    margin-right: 15px;
}
section.contact-map iframe{
    width: 100%;
    height: 650px;
}
section.about-us-main .line{
    width: 250px;
    max-width: 100%;
    height: 2px;
    margin: 45px 0;
    background-color: var(--font-color);
}
section.about-us-main .def-btn {
    margin-bottom: 90px;
}
section.about-us-main .about-img-main{
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    bottom: calc(var(--big-padding) * -1);
}

section.about-us-main .about-us-second-img{
    position: absolute;
    top: 90px   ;
    left: 15px;
    right: 15px;
    bottom: calc((var(--big-padding) + var(--small-padding)) * -1 - 90px);
}
section.cta-icons::before{
    position: absolute;
    top: calc(var(--big-padding) * -1);
    bottom: calc(var(--big-padding) * -1);
    right: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('/images/theme/bg-1.jpg');
    content: "";
    z-index: -1;
}

section.cta-icons .cta-icons-box ul{
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: var(--font-size-4);
    font-weight: 600;
}
section.cta-icons .cta-icons-box ul li{
    padding: 0 75px;
}
section.cta-icons .cta-icons-box ul li span.icon-wrap{
    display: flex;
    align-items: center;
}
section.cta-icons .cta-icons-box ul li span.icon-wrap i{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 45px;
    min-width: 45px;
    height: 45px;
    margin-right: 30px;
}
section.about-desc-1 .wrapper{
    margin: 90px 0 15px;
}
section.about-desc-1 .about-img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 55%;
}
section.about-icons .icon-box{
    margin-top: 45px;
}
section.about-desc-2 .about-img{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 55%;
}
section.about-desc-2 .wrapper{
    padding: 15px 0 var(--big-padding);
}
section.about-offer .wrapper{
    padding-top: 90px;
}
section.about-offer .about-offer-img {
    position: absolute;
    padding-top: 110%;
    left: 15px;
    right: 15px;
    bottom: calc(var(--big-padding) * -1);
}
section.about-offer::before{
    background-image: url('/images/theme/bg-1.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    width: 78%;
    height: calc(var(--big-padding) * 2);
    top: calc(var(--big-padding) * -1);
    content: '';
}
section.about-files .pdf-box{
    margin-top: 30px;
    padding: 30px;
}
section.about-files .pdf-box:hover .arrow-btn span i{
    margin-left: 45px;
}
section.client-banner .wrapper{
    margin-bottom: 30px;
}
section.client-banner .client-img{
    position: absolute;
    right: 15px;
    left: 15px;
    top: 0;
    bottom: calc(var(--big-padding) * -1);
}

section.pricing::before{
    position: absolute;
    top: -90px;
    height: 180px;
    right: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('/images/theme/bg-1.jpg');
    content: "";
    z-index: -1;
}
section.pricing .wrapper{
    margin: 30px 0;
}

section.contact ul.contact-icons,
section.client-cta ul.contact-icons{
    margin: 30px 0;
    padding: 0;
    list-style: none;
}
section.contact ul.contact-icons li + li{
    margin-top: 15px;
}
section.client-cta ul.contact-icons li + li{
    margin-top: 60px;
}
section.contact ul.contact-icons li span.icon-wrap,
section.client-cta ul.contact-icons li span.icon-wrap {
    display: flex;
    align-items: center;
}
section.contact ul.contact-icons li span.icon-wrap span{
    font-size: var(--font-size-6);
}
section.client-cta ul.contact-icons li span.icon-wrap span{
    font-size: var(--font-size-4);
    font-weight: 400;
}
section.contact .contact-icons li span.icon-wrap i,
section.client-cta .contact-icons li span.icon-wrap i {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 45px;
    min-width: 45px;
    height: 45px;
    margin-right: 20px;
}
section.client-cta ul.contact-icons{
    margin-top: 15px 0;
}
section.client-cta .client-cta-img{
    position: absolute;
    top: -90px;
    bottom: 0;
    left: 0;
    width: 55%;
}

section.client-cta::before{
    position: absolute;
    top: 75px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--secondary-bg-color);
    content: "";
    z-index: -1;
}
section.pricing .pricing-img{
    position: absolute;
    top: 30%;
    left: 15px;
    right: 15px;
    padding-top: 120%;
}
section.faq .faq-box .faq-item{
    padding-top: 20px;
}
section.faq .faq-box .faq-item .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c0c0c0;
    cursor: pointer;
}
section.faq .faq-box .faq-item .title .faq-btn{
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin-left: 30px;
    position: relative;
}
section.faq .faq-box .faq-item .title .faq-btn::after,
section.faq .faq-box .faq-item .title .faq-btn::before{
    position: absolute;
    content: "";
    background-color: var(--font-color);
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
section.faq .faq-box .faq-item .title .faq-btn::after{
    width: 2px;
    opacity: 1;
    transition: .3s;
}
section.faq .faq-box .faq-item .title .faq-btn::before{
    height: 2px;
}
section.faq .faq-box .faq-item .title.opened .faq-btn::after{
    opacity: 0;
}
section.faq .faq-box .faq-item:not(:first-child) .hidden-desc{
    display: none;
}
section.faq .faq-box .faq-item .hidden-desc .desc{
    padding: 20px;
}
section.faq .faq-box .faq-item .hidden-desc .desc *{
    font-size: var(--font-size-8);
}
section.single-offer{
    padding-bottom: 90px;
}
section.single-offer::before{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('/images/theme/bg-1.jpg');
    left: 0;
    right: 0;
    bottom: 0;
    height: 180px;
    content: "";
    z-index: -1;
    position: absolute;
}
section.single-offer .offer-img{
    min-height: 450px;
	height: 100%;
    width: 100%;
}
section.single-offer .wrapper {
    margin-bottom: 180px;
}
section.single-offer-item.offer-mb{
    margin-bottom: var(--small-padding);
}
section.single-offer-item ._rev{
    flex-direction: row-reverse;
}
section.single-offer-item .offer-img{
    width: 90%;
    height: 100%;
}
section.single-offer-item .wrapper{
    padding: 45px 0;
}
section.single-offer-item .offer-img{
    margin-left: auto;
}
section.single-offer-item ._rev .offer-img{
    margin-left: 0;
}
section.def-gallery .gallery-item{
    width: 100%;
    margin: 15px 0;
}
section.def-gallery .gallery-item .gallery-img{
    width: 100%;
    padding-top: 65%;
}
section.offer-main .offer-box .offer-img{
    padding-top: 47%;
    margin: 30px 0;
}

._project-loader{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    background-color: #f4f4f4da;
    display: none;
    
}
._project-loader .wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
._project-loader img{
    animation: loaderimg 0.5s infinite;
    animation-direction: alternate;
    animation-timing-function:ease-in;
    transition: opacity .2s;
    width: 450px;
    max-width: 75%;
}
section.projects-items .project-item,
.desktop-second-menu .project-item{
    margin: 15px 0;
}
section.projects-items .project-item .img-box,
.desktop-second-menu .project-item .img-box {
    width: 100%;
    padding-top: 65%;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    background-color: #000;
}
section.projects-items .project-item .img-box .project-img,
.desktop-second-menu .project-item .img-box .project-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s;
}
section.projects-items .project-item:hover .img-box .project-img,
.desktop-second-menu .project-item:hover .img-box .project-img{
    transform: scale(1.15);
    opacity: 30%;
}
section.projects-items .cats-menu{
    background-color: #fff;
    width: 100%;
    padding: 45px;
    box-shadow: 9px 10px 38px 0 rgb(0 0 0 / 10%);
    margin-bottom: 60px;
}
section.projects-items .cats-menu ul{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
}
section.projects-items .cats-menu ul li{
    font-size: 18px;
    margin: 0 15px;
    cursor: pointer;
    transition: .3s;
}
section.projects-items .cats-menu ul li.current{
    font-weight: 600;
}
section.projects-items .cats-menu ul li:hover{
    color: #333;
}
section.projects-items .cats-menu ul li:first-child{
    margin-left: 0;
}
section.projects-items .cats-menu ul li:last-child{
    margin-right: 0;
}
._slider-gallery .img-slide-box{
    padding-top: 55%;
    position: relative;
    cursor: pointer;
}
._slider-gallery ._sl-gallery .img-slide-box{
    margin: 0px 15px 30px;
}
._slider-gallery .img-slide-container{
    margin: 0 15px;
}
._slider-gallery ._sl-galleryy{
    margin: 0 -15px;
}
._slider-gallery .carousel-arrow-field-left, .carousel-arrow-field-right {
    width: 30px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    left: 15px;
    cursor:pointer;
	z-index: 1;
}
._slider-gallery .carousel-arrow-field-right {
    right: 15px;
    left: auto;
}

._slider-gallery .carousel-arrow-element-left, .carousel-arrow-element-right {
    border: 3px solid #ffffff80;
    transform: rotate(45deg);
    width: 30px;
    height: 30px;
    position: absolute;
    margin-left: 15px;
    transition: border 0.3s;
}
._slider-gallery .carousel-arrow-element-right {
    margin-left: -15px;
}
._slider-gallery .carousel-arrow-element-left:hover, .carousel-arrow-element-right:hover {
    border: 3px solid #fff;
}

.socials-box{
    position: fixed;
    left: 0;
    z-index: 100;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}
.socials-box ul{
    background-color: var(--secondary-bg-color);
    padding: 60px 30px;
    margin: 0;
    list-style: none;
}
.socials-box ul li + li {
    margin-top: 30px;
}
.socials-box ul li a{
    font-size: 20px;
    color: #c4c4c4;
}
.socials-box ul li a:hover{
    color: var(--font-color);
}
/* =================== */
/* =================== */
/* MAIN BLOG */
/* =================== */
/* =================== */
.main-blog{
    position: relative;
}
.main-blog h1{
    text-transform: uppercase;
    margin-bottom: 60px;
}
.main-blog .main-blog-sidebar .def-btn a{
    margin-top: 0;
    padding: 23px 95px;
}
.main-blog .main-blog-sidebar h6.sidebar-title{
    font-size: 30px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 400;
    color: #333 ;
}
.main-blog .main-blog-sidebar .sidebar-contact .color-btn a{
    padding: 25px;
    text-align: center;
    display: block;
}
.main-blog .main-blog-sidebar .sidebar-contact h6.sidebar-title{
    margin-bottom: 30px;
}
.main-blog .main-blog-sidebar .sidebar-searcher-box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.main-blog .main-blog-sidebar .sidebar-searcher input{
    font-size: 16px;
    border: 1px solid #ccc;
    padding: 27px;
    letter-spacing: 1.1px;
    width: 100%;
    height: 74px;
    background-color: transparent;
}
.main-blog .main-blog-sidebar .sidebar-searcher button.sidebar-searcher-btn{
    width: 74px;
    height: 74px;
    min-width: 74px;
    margin-left: 15px;
    cursor: pointer;
    background-color: #333;
    border: none;
    border-radius: 5px;
    position: relative;
    box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 5%);
    transition: .3s;
}
.main-blog .main-blog-sidebar .sidebar-searcher button.sidebar-searcher-btn:hover{
    box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 10%);
}
.main-blog .main-blog-sidebar .sidebar-searcher button.sidebar-searcher-btn::after{
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    top: 20px;
    content: "";
    background-image: url('/images/theme/search-icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.main-blog .main-blog-sidebar .sidebar-searcher{
    padding-bottom: 60px;
    border-bottom: 1px solid #ccc;
}
.main-blog .main-blog-sidebar .sidebar-company-info{
    padding: 60px 0;
    border-bottom: 1px solid #ccc;
}
.main-blog .main-blog-sidebar .sidebar-company-info .sidebar-logo{
    width: 150px;
    display: block;
    margin-bottom: 60px;
    max-width: 100%;
}
.main-blog .main-blog-sidebar .sidebar-company-info h6.sidebar-title{
    margin-bottom: 30px;
}
.main-blog .main-blog-sidebar .sidebar-company-info .def-color-link{
    font-weight: 600;
    font-size: 18px;
    display: block;
    margin-top: 30px;
    text-transform: uppercase;
    color: #989898;
}
.main-blog .main-blog-sidebar .sidebar-category{
    padding:60px 0;
    border-bottom: 1px solid #ccc;
}
.main-blog .main-blog-sidebar .sidebar-category ul.cats{
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.main-blog .main-blog-sidebar .sidebar-category ul.cats li{
    font-size: 16px;
    padding-bottom: 15px;
    color: #989898;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    z-index: 0;
}
.main-blog .main-blog-sidebar .sidebar-category ul.cats li a{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
}
.main-blog .main-blog-sidebar .sidebar-category ul.cats li::after{
    content: url("./img/cat-arrow.png");
    color: #989898;
    font-size: 16px;
    display: block;
    position: relative;
    margin-left: 15px;
}

.main-blog .main-blog-sidebar .sidebar-category ul.cats li:last-child{
    padding-bottom: 0;
}

.main-blog .main-blog-sidebar .sidebar-tags{
    padding: 60px 0;
    border-bottom: 1px solid #ccc;
}
.main-blog .main-blog-sidebar .sidebar-tags ul.tags{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin: 0;
    padding: 0;
    list-style: none;
    grid-gap: 20px;
}
.main-blog .main-blog-sidebar .sidebar-tags ul.tags li a{
    font-size: 12px;
    background-color: #f8f8f8;
    color: #a8a8a8;
    text-align: center;
    padding: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
}
.main-blog .main-blog-sidebar .sidebar-tags ul.tags li a:hover{
    background-color: #989898;
    color: #fff;
}
.main-blog .main-blog-sidebar .sidebar-contact{
    padding: 60px 0;
}
.main-blog .blog-post-box{
    position: relative;
}


.main-blog .blog-post-box .blog-img{
    width: 100%;
    padding-top: 60%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 45px;
}
.main-blog .blog-post-box h2.blog-title{
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
}

.main-blog .blog-post-box .desc h6{
    font-size: 26px;
    color: #989898;
    margin-bottom: 30px;
    font-weight: 400;
}
.main-blog .blog-info{
    display: flex;
    align-items: flex-end;
    margin-top: 30px;
    font-size: 16px;
    color: #333;
}
.main-blog .blog-info .date{
    margin-right: 60px;
    font-size: 16px;
    color: #989898;
    text-transform: uppercase;
}  
.main-blog .blog-bottom-info{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 30px;
}
.main-blog .blog-bottom-info .post-tags ul{
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}
.main-blog .blog-bottom-info .post-tags ul li{
    padding-right: 15px;
}
.main-blog .blog-bottom-info .post-tags ul li a{
    font-size: 16px;
    color: #989898;
}
.main-blog .blog-bottom-info .post-read-more a{
    color: #989898;
    font-weight: 600;
    font-size: 18px;
}
.main-blog .blog-post-box{
    padding: 60px 0;
    border-bottom: 1px solid #ccc;
}
.main-blog .blog-post-box:first-child{
    padding-top: 0;
}
.main-blog .get-price-box{
    background-color: #989898;
    background-position: left bottom;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 45px 0;
}
.main-blog .get-price-box .title{
    font-size: 30px;
    color: #fff;
    margin-bottom: 30px;
    line-height: 1.2;
    letter-spacing: 1.3px;
}
.main-blog .get-price{
    padding: 60px 0;
    border-bottom: 1px solid #ccc;
}
.main-blog .main-blog-line{
    width: 1px;
    height: 100%;
    background-color: #ccc;
    margin: 0 auto;
}
.main-blog h4.post-error{
    text-align: center;
} 

/* =================== */
/* =================== */
/* SINGLE BLOG */
/* =================== */
/* =================== */

section.single-blog .desc h1{
    font-size: 36px;
    margin-top: 45px;
    margin-bottom: 30px;
    position: relative;
    color: #333;
}
section.single-blog .desc h2{
    font-size: 28px;
    margin-top: 45px;
    margin-bottom: 30px;
    position: relative;
    color: #333;
}
section.single-blog .desc h3{
    font-size: 24px;
    margin-top: 45px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
    color: #333;
}
section.single-blog .desc h4{
    font-size: 22px;
    margin-top: 45px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
    color: #333;
}
section.single-blog .desc h5{
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
    color: #333;
}
section.single-blog .desc h6{
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
    color: #333;
}

.single-blog .single-post-wrapper h1{
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.single-blog img.aligncenter{
    display: block;
    margin: 30px auto;
    width: 100%;
}
.single-blog img.alignright{
  float: right;
  padding: 15px;
}
.single-blog img.alignleft{
    float: left;
    padding: 15px;
}

.single-blog .single-post-wrapper .post-main-info{
    display: flex;
    margin-bottom: 60px;
}
.single-blog .single-post-wrapper .post-main-info .date{
    font-size: 16px;
    color: #989898;
    text-transform: uppercase;
    margin-right: 45px;
}
.single-blog .single-post-wrapper .post-main-info .author{
    font-size: 16px;
    margin-right: 45px;
    color: #333;
}
.single-blog .single-post-wrapper .post-main-info .post-tags ul{
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
.single-blog .single-post-wrapper .post-main-info .post-tags ul li{
    padding-right: 5px;
}
.single-blog .single-post-wrapper .post-main-info .post-tags ul li a{
    font-size: 16px;
    color: #989898;
}
.single-blog .single-post-wrapper .short-desc h6{
    font-size: 26px;
    color: #989898;
    margin-bottom: 30px;
    font-weight: 600;
}
.single-blog .single-post-img{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 60%;
    margin: 45px 0;
}
.single-blog .desc blockquote{
    margin: 60px 0;
    position: relative;
}
.single-blog .desc blockquote::before{
    width: 60px;
    height: 60px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/images/theme/color-quote.png');
    position: relative;
    display: block;
    content: "";
    margin: 0 auto 45px;
}
.single-blog .desc blockquote p::after{
    content: "";
    position: relative;
    display: block;
    width: 60px;
    height: 1px;
    background-color: #989898;
    margin: 30px auto 0;
}
.single-blog .desc blockquote p{
    font-size: 30px;
    text-transform: uppercase;
    color: #333;
    line-height: 1.1;
    position: relative;
}
.single-blog .desc blockquote h6{
    font-size: 18px;
    color: #989898;
    font-weight: 400;
    margin-top: 30px;
    text-align: center;
}
.single-blog .single-post-wrapper p{
    text-align: justify;
}
.single-blog .single-post-wrapper .single-blog-btns{
    display: flex;
    justify-content: space-between;
    padding: 60px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 60px;
}
.single-blog .single-post-wrapper .single-blog-btns .prev a,
.single-blog .single-post-wrapper .single-blog-btns .next a{
    font-size: 16px;
    color: #989898;
    position: relative;
    display: flex;
    align-items: center;
}
.single-blog .single-post-wrapper .single-blog-btns .prev a::before{
    content: url("./img/prev-color.png");
    position: relative;
    margin-right: 15px;
}
.single-blog .single-post-wrapper .single-blog-btns .next a::after{
    content: url("./img/next-color.png");
    margin-left: 15px;
}
.single-blog .single-post-wrapper .single-new-post-box .snp-img{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 68%;
}
.single-blog .single-post-wrapper .single-new-post{
    position: relative;
    z-index: 0;
    margin-top: 30px;
}
.single-blog .single-post-wrapper .single-new-post a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.single-blog .single-post-wrapper .single-new-post h3{
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 400;
}
.single-blog .single-post-wrapper .single-new-post .single-new-post-box{
    margin-top: 30px;
}
.single-blog .single-post-wrapper .single-new-post .single-new-post-box h4{
    margin: 30px 0;
    font-weight: 400;
}
.single-blog .single-post-wrapper .single-new-post .single-new-post-box .post-bottom-info{
    display: flex;
}
.single-blog .single-post-wrapper .single-new-post .single-new-post-box .post-bottom-info .date{
    font-size: 12px;
    color: #989898;
    margin-right: 30px;
    text-transform: uppercase;
}
.single-blog .single-post-wrapper .single-new-post .single-new-post-box .post-bottom-info .author{
    font-size: 12px;
    color: #333;
}
.single-blog .main-blog-sidebar .sidebar-category{
    padding-top: 0;
}
.single-blog .main-blog-sidebar .sidebar-post-box{
    margin-bottom: 30px;
    position: relative;
    z-index: 0;
}
.single-blog .main-blog-sidebar .sidebar-post-box a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.single-blog .main-blog-sidebar .sidebar-post-box:last-child{
    margin-bottom: 0;
}
.single-blog .main-blog-sidebar .sidebar-post-box .info{
    display: flex;
    margin-bottom: 15px;
}
.single-blog .main-blog-sidebar .sidebar-post-box .info .date{
    font-size: 12px;
    color: #989898;
    margin-right: 25px;
}
.single-blog .main-blog-sidebar .sidebar-post-box .info .author{
    color: #333;
    font-size: 12px;
}
.single-blog .main-blog-sidebar .sidebar-post-box .short-desc{
    font-size: 16px;
    color: #333;
}
.single-blog .main-blog-sidebar .sidebar-new-post{
    padding: 60px 0;
    border-bottom: 1px solid #ccc;
}

section._cta-new .desc *{
	text-align:center;
}
footer{
    padding-top: var(--small-padding);
    font-size: var(--font-size-8);
    font-weight: 400;
}
footer .desc *{
    font-size: var(--font-size-8);
    font-weight: 400;
}
footer h6{
    margin-bottom: 10px;
}
footer .footer-col{
    margin-bottom: 30px;
}
footer .footer-col ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
footer .footer-col ul li + li{
    margin-top: 10px;
}
footer .footer-line{
    width: 100%;
    height: 1px;
    background-color: #cacaca;
    margin-bottom: 30px;
}
footer .footer-menu ul{
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
    list-style: none;
}
footer .footer-menu ul li + li{
    padding-left: 90px;
}

@media screen and (min-width: 2200px) {
    section.trust .trust-img,
    section.home-cta-contact .cta-second .cta-img,
    section.home-cta-contact .cta-first::before,
    section.about-desc-2 .about-img,
    section.about-desc-1 .about-img,
    section.client-cta .client-cta-img{
        width: 49%;
    }
}   

@media screen and (max-width:1849px) {
    :root{
        --font-size-1:50px;
    }
    .socials-box ul{
        padding: 60px 20px;
    }
    section.home-cta-contact .cta-first::before{
        top: 350px;
    }
    section.home-cta-contact .cta-first .cta-box{
        margin-top: 350px;
    }
    .def-btn a{
        padding: 24px 85px;
    }
}

@media screen and (max-width:1599px) {
    :root{
        --font-size-1: 46px;
        --font-size-2: 42px;
    }
    section.about-us .about-us-box{
        margin-top: 120px;
    }    
    section.about-us .about-us-img{
        bottom: -30%;
    }
    section.home-cta-contact .cta-parallax .cta-parallax-img{
        bottom: -40%;
    }
    section.home-cta-contact .cta-second{
        margin-top: 270px;
    }
    section.home-cta-contact .cta-second::before{
        top: 220px;
    }
    .def-btn a{
        padding: 24px 70px;
    }
}

@media screen and (max-width: 1499px) {
    :root{
        --font-size-1: 40px;
        --font-size-2: 38px;
        --font-size-3: 30px;
        --font-size-4: 22px;
    }
    section.about-us .about-us-box{
        margin-top: 0;
    }
    section.home-cta-contact .cta-first .cta-box{
        margin-top: 150px;
    }
    section.home-cta-contact .cta-first::before{
        top: 150px;
    }
    section.home-cta-contact .cta-second{
        margin-top: 150px;
        padding-top: 200px;
    }
    section.home-cta-contact .cta-second::before{
        top: 120px;
    }
    section.why-us .why-us-box:hover{
        transform: none;
    }
    .socials-box ul{
        padding: 60px 15px;
    }
    section.contact-map iframe{
        height: 500px;
    }
    section.about-us-main .about-us-second-img{
        display: none;
    }
    section.about-us-main .def-btn{
        margin-bottom: 0;
    }
    section.cta-icons::before{
        top: calc(var(--small-padding) * -1);
    }
    section.about-offer .about-offer-img{
        padding-top: 140%;
    }
    .single-blog .single-post-wrapper .post-main-info{
        flex-direction: column;
    }
    .single-blog .single-post-wrapper .post-main-info .date,
    .single-blog .single-post-wrapper .post-main-info .author{
        margin: 0 0 15px;
    }
    .main-blog .blog-bottom-info{
        flex-direction: column;
        align-items: start;
        justify-content: center;
    }
    .main-blog .blog-bottom-info .post-tags{
        margin-bottom: 15px
    }
    footer .footer-menu ul li + li{
        padding-left: 60px;
    }
}
@media screen and (max-width: 1299px) {
    :root{
        
        --font-size-1: 34px;
        --font-size-2: 32px;
        --font-size-3: 26px;
        --font-size-4: 20px;
        --font-size-6: 16px;
        --font-size-7: 14px;
        --small-padding: 60px;
        --big-padding: 120px;
    }
	section.cta-icons.cta-contact-data .cta-icons-box ul{
		flex-wrap: wrap;
	}
	section.cta-icons.cta-contact-data .cta-icons-box ul li {
		min-width:45%;
		width: 45%;
		margin: 15px 0;
	}
    footer .footer-menu ul li + li{
        padding-left: 30px;
    }
}
@media screen and (max-width: 1199px) {
    :root{
        --font-size-1: 30px;
        --font-size-2: 30px;
        --big-padding: 100px;
        --small-padding: 50px;
    }
    .socials-box{
        display: none;
    }
    section.trust .trust-img{
        width: 49%;
    }
    section.cta{
        text-align: center;
    }
    section.cta h2{
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    section.cta .def-btn {
        width: 100%;
        text-align: center;
    }
    section.portfolio .portfolio-btns{
        display: none;
    }
    section.about-desc-2 .about-img,
    section.about-desc-1 .about-img{
        width: 49%;
    }
    section.cta-icons .cta-icons-box ul li{
        padding: 0 30px ;
    }
    section.client-banner .client-img{
        position: relative;
        padding-top: 50%;
        margin-top: 15px;
        left: 0;
        right: 0;
    }
    section.client-cta .client-cta-img{
        top: -45px;
        width: 49%;
    }
    section.pricing::before{
        top: -100px;
    }
    section.pricing .pricing-img{
        position: relative;
        padding-top: 50%;
        left: 0;
        right: 0;
        top: 0;
        margin-top: 15px;
    }
    .single-blog .main-blog-sidebar .sidebar-category{
        padding-top: 60px;
        border-top: 1px solid #ccc;
    }
    
    .single-new-post-box{
        margin-bottom: 60px;
    }
    
    .main-blog .main-blog-sidebar .sidebar-searcher{
        padding-top: 60px;
    }
    section.projects-items .cats-menu ul li{
        padding: 15px;
        min-width: 250px;
        font-size: 18px;
        box-shadow: 9px 10px 38px 0 rgb(0 0 0 / 5%);
        margin: 15px!important;
    }
    section.projects-items .cats-menu{
        box-shadow: none;
        padding: 0;
    }
    section.projects-items .cats-menu ul{
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 991px){
    *, .desc *{
        text-align: center;
    }
    .desc ul li{
        justify-content: left;
		text-align: left;
    }
    :root{
        --font-size-1: 28px;
        --font-size-2: 28px;
        --big-padding: 90px;
        --small-padding: 45px;
    }
    section.main-slider .slider-buttons ._btn{
        display: none;
    }
    section.why-us .why-us-box img.icon{
        margin: 0 auto 30px;
    }
    section.why-us .why-us-box h4{
        margin-bottom: 45px;
    }
    section.why-us .why-us-box .arrow-btn span{
        justify-content: center;
    }
    section.about-us .about-us-img,
    section.home-cta-contact .cta-parallax .cta-parallax-img{
        display: none;
    }
    section.about-us::before{
        width: 100%;
        bottom: 0;
    }
    ._about-us-icons{
        justify-content: center;
    }
    ._about-us-icons .icon-box{
        margin: 0 15px 30px;
    }
    section.trust .trust-img {
        width: 100%;
        position: relative;
        padding-top: 50%;
        margin-top: 45px;
    }
    h2.title-line::after{
        right: 0;
        margin: auto;
    }
    section.home-cta-contact .cta-first .cta-box{
        margin-top: 0;
        padding: 0;
    }
    section.home-cta-contact{
        padding-top: 0;
    }
    section.home-cta-contact .cta-first{
        padding: var(--big-padding) 0;
    }
    section.home-cta-contact .cta-first::before{
        display: none;
    }
    section.home-cta-contact .cta-second .cta-img{
        display: none;
    }
    section.home-cta-contact .cta-second{
        margin-top: 0;
        padding: var(--big-padding) 0 0;
    }
    section.home-cta-contact .cta-second .contact-icons{
        margin-bottom: 0;
    }
    section.home-cta-contact .contact-icons li span.icon-wrap{
        justify-content: center;
    }
    section.home-cta-contact .cta-second::before{
        top: 0;
    }
    section.home-cta-contact .cta-third{
        padding: 30px 0 var(--big-padding);
    }
    section.home-cta-contact .contact-icons li + li{
        margin-top: 30px;
    }
    section.portfolio .portfolio-img{
        margin-top: var(--small-padding);
    }
    .def-btn a{
        font-size: var(--font-size-8);
        padding: 18px 60px;
    }
    .arrow-btn a, .arrow-btn span{
        justify-content: center;
    }
    ._socials ul{
        justify-content: center;
    }
    ._socials li{
        padding: 0 15px;
    }
    section.home-contact .map iframe, section.home-contact .map{
        height: 350px;
    }
    section.home-contact ._socials{
        margin: 45px 0;
    }
	
    .parallax_js{
        transform: none!important;
    }
	

    section.contact .contact-img{
        position: relative;
        padding-top: 50%;
        top: 0;
        left: 0;
        right: 0;
    }
    section.contact ul.contact-icons li span.icon-wrap{
        justify-content: center;
    }
    section.contact-form::before{
        display: none;
    }
    section.contact-form{
        padding-top: 0;
    }
    section.contact-form .form-box{
        margin-top: 0;
    }
    section.contact-form .contact-form-img{
        display: none;
    }
    .wpcf7-spinner{
        display: none;
    }
    section.contact-map iframe{
        height: 300px;
    }
    section.about-us-main .line{
        margin: 30px auto;
    }
    section.about-us-main .about-img-main,
    section.about-desc-1 .about-img,
    section.about-desc-2 .about-img{
        position: relative;
        padding-top: 50%;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 45px;
    }
    section.about-desc-2 .wrapper,
    section.about-offer .wrapper{
        padding: 0;
    }
    section.about-desc-1 .wrapper{
        margin: 0;
    }
    section.cta-icons::before{
        top: 0;
        bottom: 0;
    }
    section.about-offer .about-offer-img{
        display: none;
    }
    section.about-icons .icon-box img.icon{
        margin: 0 auto 30px;
    }
    section.about-offer::before{
        display: none;
    }
    section.about-offer{
        padding-top: var(--small-padding);
    }
    section.about-files .pdf-box img.icon{
        margin: 0 auto 30px;
    }
    section.client-cta .client-cta-img{
        display: none;
    }
    section.client-cta ul.contact-icons{
        margin: 0;
    }
    section.pricing::before{
        display: none;
    }
    section.pricing{
        padding-top: 0;
    }
    section.pricing .wrapper{
        margin-top: 0;
    }
    
    section.client-cta::before{
        top: 0;
    }
    section.client-cta{
        padding: var(--big-padding) 0;
    }
    section.client-cta ul.contact-icons li span.icon-wrap{
        justify-content: center;
    }
    section.faq .faq-box .faq-item .title span{
        text-align: left;
    }
    section.faq .faq-box .faq-item .hidden-desc .desc *{
        text-align: justify;
    }
    section.faq{
        padding-top: var(--big-padding);
    }

    section.single-offer .wrapper{
        margin-bottom: 45px;
    }
    section.single-offer .offer-img{
        padding-top: 50%;
    }
    section.single-offer-item .offer-img{
        padding-top: 65%;
        width: 100%;
    }
    section.single-offer-item .wrapper{
        padding: 0 0 45px;
    }
    section.cta-def .def-btn{
        margin-top: 45px;
    }
    ._slider-gallery{
        margin-top: 45px;
    }
    section.single-blog .desc h3::after,
    section.single-blog .desc h4::after,
    section.single-blog .desc h5::after,
    section.single-blog .desc h6::after{
        right: 0;
        margin: auto;
    }
    .main-blog .get-price-box{
        padding: 45px 30px;
        text-align: center;
    }
    .main-blog .main-blog-sidebar .sidebar-contact .color-btn a{
        display: inline-block;
        padding: 25px 100px;
    }
    .main-blog .main-blog-sidebar .sidebar-searcher{
        padding-top: 60px;
    }
    .main-blog-sidebar{
        text-align: center;
    }
    .main-blog .main-blog-sidebar .sidebar-company-info .sidebar-logo{
        margin: 0 auto 60px;
    }
    .main-blog .main-blog-sidebar .sidebar-category ul.cats li{
        justify-content: center;
    }
    .main-blog .main-blog-sidebar .sidebar-contact{
        padding-bottom: 0;
    }

    .single-blog .main-blog-sidebar .sidebar-post-box .info{
        justify-content: center;
    }
    .single-blog .single-post-wrapper .post-main-info .post-tags ul{
        justify-content: center;
    }
    
    .single-blog .single-post-wrapper .single-new-post .single-new-post-box .post-bottom-info{
        justify-content: center;
    }
    .main-blog .blog-post-box h2.blog-title::before{
        display: none;
    }
    .main-blog .blog-info{
        justify-content: center;
    }
    .main-blog .blog-bottom-info{
        align-items: center;
    }
    .main-blog .main-blog-sidebar .sidebar-company-info h6.sidebar-title,
    .single-blog .single-post-wrapper h1{
        font-size: 24px;
    }
    .main-blog .blog-post-box h2.blog-title,
    .main-blog .main-blog-sidebar h6.sidebar-title{
        font-size: 18px;
    }
    .main-blog .blog-post-box .desc h6{
        font-size: 16px;
    }
    footer .footer-menu ul{
        justify-content: center;
    }
    footer .footer-menu ul li{
        padding: 30px 15px;
    }
    footer .footer-menu ul li + li{
        padding-left: 15px;
    }
}
@media screen and (max-width:767px){
    :root{
        --font-size-1: 26px;
        --font-size-2: 26px;
        --font-size-3: 24px;
        --font-size-4: 20px;
        --font-size-5: 18px;
        --font-size-6: 16px;
        --font-size-7: 14px;
    }
    section.main-slider .slide-box .slide-img{
        padding-top: 90%;
    }
    section.about-us .about-us-box{
        padding: 60px 15px;
    }
    section.home-cta-contact .contact-icons li span.icon-wrap i{
        min-width: 35px;
        width: 35px;
        height: 35px;
        margin: 0 auto 15px;
    }
    section.home-cta-contact .contact-icons li span.icon-wrap{
        flex-direction: column;
    }
    section.contact ul.contact-icons li span.icon-wrap{
        flex-direction: column;
    }
    section.contact .contact-icons li span.icon-wrap i{
        margin: 0 auto 30px;
    }
    .__form input[type="submit"]{
        padding: 15px 60px;
    }
    
    section.cta-icons .cta-icons-box ul{
        flex-direction: column;
    }
    section.cta-icons .cta-icons-box ul li span.icon-wrap i{
        width: 30px;
        min-width: 30px;
        height: 30px;
    }
    section.cta-icons .cta-icons-box ul li{
        padding: 0;
    }
    section.cta-icons .cta-icons-box ul li + li{
        margin-top: 30px;
    }
    section.client-cta .contact-icons li span.icon-wrap i{
        min-width: 30px;
        width: 30px;
        height: 30px;
    }
    .main-blog .blog-info{
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .main-blog .blog-info .date{
        margin: 0 0 30px;
    }
    .main-blog .blog-bottom-info .post-tags ul{
        display: none;
    }
    .main-blog .blog-bottom-info{
        justify-content: center;
    }
    .main-blog .get-price-box .white-border-btn a{
        padding: 25px 60px;
    }
    .main-blog .main-blog-sidebar .sidebar-tags ul.tags{
        grid-template-columns: repeat(2,1fr);
    }
    .single-blog .single-post-wrapper .post-main-info .post-tags{
        display: none;
    }
    .single-blog .single-post-wrapper .post-main-info{
        flex-direction: column;
        text-align: center;
    }
    .single-blog .single-post-wrapper .post-main-info .date,
    .single-blog .single-post-wrapper .post-main-info .author{
        margin-right: 0;
    }
    .single-blog .single-post-wrapper .single-blog-btns{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .single-blog .single-post-wrapper .single-blog-btns .prev a{
        margin-bottom: 15px;
    }
    .single-blog .single-post-wrapper .single-new-post .single-new-post-box .post-bottom-info{
        justify-content: center;
    }
	section.cta-icons.cta-contact-data .cta-icons-box ul li{
		min-width: 100%;
    	width: 100%;
	}
	section.cta-icons.cta-contact-data .cta-icons-box ul li span.icon-wrap{
		justify-content: center;
	}
}

header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
	transition: .5s;
    background-color: #fff;
}
header nav{
    transition: .3s;
}
header.color-header{
	background-color: #faf9f8;
}
header.color-header nav .desktop-menu{
	margin-top: 0;
}


header .main-logo img{
    width: 280px;
    max-width: 100%;
}
header .header-el{
    right: 0;
    top: 0;
    bottom: 0;
    width: 0%;
    background-color: var(--secondary-bg-color);
    position: absolute;
    content: "";
}

@media screen and (min-width:1200px) {

    header .header-btn{
        text-align: right;
    }
	header nav .desktop-menu{
		padding: 45px 0;
		transition: .5s;
	}
    header nav .desktop-menu ul.sub-menu{
        position: absolute;
        display: none;
        min-width: 200px;
        top: 100%;
        height: unset;
        background-color: var(--secondary-bg-color);
    }
    header nav .desktop-menu ul.sub-menu li a{
        padding: 20px;
		color: #333;
        min-width: 250px;
    }
    header nav .desktop-menu  ul li.menu-item-has-children:hover > .sub-menu{
        display: block;
    }
    header nav .desktop-menu  ul li.menu-item-has-children > .sub-menu li.menu-item-has-children .sub-menu{
        left: 100%;
        top: 0;
    }
    header nav .desktop-menu ul{
        display: flex;
        align-items: center;
        justify-content:center;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    header nav .desktop-menu ul li {
        line-height: 1;
        height: unset!important;
        position: relative;
    }
    header nav .desktop-menu ul li a{
        padding: 15px 30px;
        display: block;
        transition: .3s;
        position: relative;
        z-index: 0;
        letter-spacing: 1px;
    } 
    header nav .desktop-menu ul li:last-child a{
        padding-right: 0;
    }
	header nav .desktop-menu ul li.current-menu-item > a{
        font-weight: 500;
    }
	
	.active-parent > a {
    font-weight: 500; /* pogrubienie tekstu linku rodzica */
}
	
	header nav .desktop-menu ul li a:hover{
		color: #989898;
	}

    header nav .desktop-menu .aic{
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    header nav .mobile-menu,
    header nav .mobile-menu-container{
        display: none;
    }
	header nav .desktop-menu .main-logo{
		display: flex;
		align-items: center;
		height: 100%;
	}
    header nav .desktop-menu .second-menu-btn{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        cursor: pointer;
    }
    header nav .desktop-menu .second-menu-btn span.s_btn{
        width: 30px;
        height: 14px;
        position: relative;
        margin-left: 15px;
        display: inline-flex;
        align-items: center;
    }
    header nav .desktop-menu .second-menu-btn span.s_btn::before,
    header nav .desktop-menu .second-menu-btn span.s_btn::after{
        height: 2px;
        transition: .3s;
        background-color: var(--font-color);
        width: 100%;
        content: "";
        position: absolute;
        left: 0;
        transition: .3s;
    }
    header nav .desktop-menu .second-menu-btn span.s_btn::before{
        top: 0;
    }
    header nav .desktop-menu .second-menu-btn span.s_btn::after{
        bottom: 0;
    }
    header nav .desktop-menu .second-menu-btn span.s_btn span{
       width: 100%;
       height: 2px;
       background-color: var(--font-color);
       display: block;
    }
    header nav .desktop-menu .second-menu-btn.opened span.s_btn span{
        opacity: 0;
    }
    header nav .desktop-menu .second-menu-btn.opened span.s_btn::before{
        transform: translateY(6px) rotate(-45deg);
    }
    header nav .desktop-menu .second-menu-btn.opened span.s_btn::after{
        transform: translateY(-6px) rotate(45deg);
    }
    header nav .desktop-second-menu{
        position: absolute;
        background-color: var(--primary-bg-color);
        padding: 90px 0;
        width: 100%;
        left: 100%;
        top: 100%;
        transition: .3s;
    }
    header nav .desktop-second-menu.opened{
        left: 0%;
    }
    header nav .desktop-second-menu ul{
        margin: 0;
        padding: 0;
        list-style: none;
    }
    header nav .desktop-second-menu ul li{
        padding: 10px;
    }
}
@media screen and (max-width:1700px) {
    header nav .desktop-menu ul li a{
        padding: 15px 25px;
    }
}
@media screen and (max-width:1499px) {
    header nav .desktop-menu ul li a{
        padding: 15px;
    }
}
@media screen and (max-width:1299px) {
    header nav .desktop-menu ul li a{
        font-size: 13px;
    }
    header nav .desktop-menu .second-menu-btn{
        font-size: 13px;
    }
    header nav .desktop-menu .second-menu-btn span.s_btn{
        width: 25px;
    }
}



@media screen and (max-width:1199px) {
    header .header-el{
        width: 50%!important;
    }
    .desktop-second-menu{
        display: none;
    }
    header .second-el{
        justify-content: flex-end;
        height: 100%;
    }
    header .header-cart a .value-box{
        width: 18px;
        height: 18px;
    }
    header .header-cart a .value-box .value{
        font-size: 10px;
    }
    header .second-el a{
        height: 18px;
    }
	header{
		padding: 15px 0;
	}
    header nav .desktop-menu{
        display: none;
    }
    header nav .mobile-menu .main-logo img{
        width: 250px;
        max-width: 100%;
    }
    header nav .mobile-menu{
        position: relative;
        z-index: 10;
    }
    header nav .mobile-menu .menu-btn{
        width: 22px;
        height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    header nav .mobile-menu .menu-btn span{
        width: 100%;
        height: 2px;
        background-color: #333;
    }
    header nav .mobile-menu .menu-btn span::before{
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        content: "";
        position: absolute;
        transition: transform .3s;
        background-color: #333;
    }
    header nav .mobile-menu .menu-btn span::after{
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        content: "";
        position: absolute;
        transition: transform .3s;
        background-color: #333;
    }
    header nav .mobile-menu .menu-btn.opened span{
        background-color: transparent;
    }
    header nav .mobile-menu .menu-btn.opened span::after{
        top: 6px;
        transform: rotateZ(45deg);
    }
    header nav .mobile-menu .menu-btn.opened span::before{
        top:  6px;
        transform: rotateZ(-45deg);
    }

    header nav .mobile-menu .menu-btn-box{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        height: 100%;
        position: relative;
        z-index: 10;
    }
    header nav .mobile-menu-container{
        position: fixed;
        top: 0;
        left: 110%;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: 1;
        background-color: #fff;
        transition: .5s;
        padding: 60px 30px 45px;
    }
    header nav .mobile-menu-container.opened{
        left: 0;
    }
    header nav .mobile-menu-container ul{
        margin: 0;
        padding: 0;
        list-style: none;
    }
    header nav .mobile-menu-container ul li a{
        font-size: 20px;
        text-transform: uppercase;
        display: block;
        padding: 10px;
        color: var(--font-color);
        text-transform: uppercase;
    }
    header nav .mobile-menu-container ul li.current_page_item a{
        color: var(--font-color);
    }
     
    header nav .mobile-menu-container ul li ul.sub-menu li a{
        font-size: 18px;
    }
    header nav .mobile-menu-container .header-right-col{
        display: block;
        text-align: center;
    }
    header nav .mobile-menu-container .wrapper{
        height: 100%;
        overflow-y: auto;
        min-width: 200px;
        display: flex;
        align-items: center;		
    }
    header nav .mobile-menu-container .wrapper .content{
        margin: auto;
        width: 100%;
    }
    header nav .mobile-menu-container .header-btn-first a{
        margin-top: 10px;
        font-size: 24px;
        display: block;
    }
    
    header nav .mobile-menu-container .socials {
        position: absolute;
        left: 15px;
        right: 15px;
        align-items: center;
        justify-content: center;
        display: flex;
        bottom: 10px;
        z-index: 1000000;
    }
    header nav .mobile-menu-container .socials ul{
        display: flex;
        align-items: center;
        justify-content: center;
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    header nav .mobile-menu-container .socials ul li{
        line-height: 1;
    }
    header nav .mobile-menu-container .socials ul li a{
        color: #333;
        font-size: 20px;
        transition: .3s;
    }
    header nav .mobile-menu-container .socials ul li a:hover{
        color: #333;
    }
    header nav .mobile-menu-container ul li ul.sub-menu{
        display: none;
        width: 100%;
    }
    header nav .mobile-menu-container .menu  li{
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    header nav .mobile-menu-container .menu  li.menu-item-has-children i{
        width: 20px;
        height: 20px;
        background-image: url('/images/theme/menu-arrow.png');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        display: flex;
        position: relative;
        margin:0 15px;
        transition: .3s;
    }
    header nav .mobile-menu-container .menu  li.menu-item-has-children i.sub-opened{
        transform: rotateX(180deg);
    }
    header nav .mobile-menu-container .menu > li > .sub-menu > li > a{
        font-size: 16px;
        padding-left: 30px;
    }
    header nav .mobile-menu-container .menu > li > .sub-menu > li > .sub-menu > li > a{
        font-size: 14px;
        padding-left: 45px;
    }
}
@media screen and (min-width:2200px) {
    header::before{
        left: 30%;
    }
}
@media screen and (min-width:1900px) {
    header nav .desktop-menu{
        padding: 60px 0;
    }
}


/* ===================== */
/* COL-XXL */
/* ===================== */
/* ===================== */
/* ===================== */

@media (min-width:1500px) {
    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xxl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xxl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xxl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xxl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xxl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xxl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xxl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xxl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xxl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xxl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xxl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xxl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
	.offset-xxl-0 {
		margin-left: 0
	}
	.offset-xxl-1 {
		margin-left: 8.33333333%
	}
	.offset-xxl-2 {
		margin-left: 16.66666667%
	}
	.offset-xxl-3 {
		margin-left: 25%
	}
	.offset-xxl-4 {
		margin-left: 33.33333333%
	}
	.offset-xxl-5 {
		margin-left: 41.66666667%
	}
	.offset-xxl-6 {
		margin-left: 50%
	}
	.offset-xxl-7 {
		margin-left: 58.33333333%
	}
	.offset-xxl-8 {
		margin-left: 66.66666667%
	}
	.offset-xxl-9 {
		margin-left: 75%
	}
	.offset-xxl-10 {
		margin-left: 83.33333333%
	}
	.offset-xxl-11 {
		margin-left: 91.66666667%
	}
   
}   
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}