.cta-exit {
    background:var(--lblue2);
    padding:10px 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.cta-exit h3,
.cta-exit p{
    color:var(--white);
    line-height: 1.1;
    margin: 0px;
    padding: 0px;
}
.cta-exit-content p{
    font-weight:bold;
}



.cta-modal-whatsapp {
    background:var(--Whats1);
    padding:25px 25px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    display:flex;
    align-items:center;
}

.cta-modal-lblue {
	background:var(--lblue2);
}


.cta-modal-whatsapp h3{
    color:var(--white);
    line-height: 1.1;
    margin: 0px;
    padding: 0px;
}
.cta-modal-whatsapp svg{
    position: relative;
    top: 0px;
    width:36px;
    height:36px;
    vertical-align: text-top;
    stroke-width: 0;
    fill: var(--white);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}



.blur {

    -webkit-backdrop-filter: saturate(150%) blur(5x);
    backdrop-filter: saturate(150%) blur(5px);
    background-color: var(--whitergba6) !important
}

.radius7 {
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border-radius: 7px !important;
}
.shadow-two {
    -webkit-box-shadow: 0px 15px 35px 0px var(--blackrgba2);
    -moz-box-shadow: 0px 15px 35px 0px var(--blackrgba2);
    box-shadow: 0px 15px 35px 0px var(--blackrgba2);
}




.overflow{
    overflow: hidden !important;
}


.social-icons li a {
    background: var(--lblue2);
    color: var(--white);
}

.color-white {
    color: var(--white) !important
}

.color-dblue {
    color: var(--dblue2) !important;
}

.color-lblue {
    color: var(--lblue2) !important;
}

.color-orange {
    color: var(--orange2) !important;
}

.bg-white {
    background: var(--white);
}

.bg-dblue {
    background: var(--dblue2);
}

.bg-lblue {
    background: var(--lblue2);
}

.bg-gray3 {
    background: var(--gray3);
}

.bg-orange {
    background: var(--orange2);
}

.bg-blackrgba1 {
    background: var(--blackrgba1);
}

.bg-black {
    background: var(--black);
}

.radius50 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.btn {
    font-family: var(--theme-font);
    font-size: 16px;
    line-height: 1.1;
    font-weight: 500;
    padding: 12px 40px;
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
    border: 2px solid var(--orange2);
    background-color: var(--orange2);
    box-sizing: border-box;
    transition: all 0.4s;
}

.btn:hover,
.btn:focus {
    background-color: var(--gray5);
    border-color: var(--gray5);
    color: var(--white);
}


.btn.btn-center {
    margin: 0 auto;
    width: auto;
    min-width: 160px
}

.btn.btn-lg {
    padding: 16px 40px;
    font-size: 18px;
}

.btn.btn-md {
    padding: 8px 20px
}

.btn.btn-sm {
    padding: 5px 25px;
}

.btn.round {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.btn.btn-mw {
    min-width: 190px
}

.btn-arrow {
    position: relative;
}

.btn-arrow span {
    display: inline-block;
    position: relative;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    will-change: transform;
}

.btn-arrow:hover span,
.btn-arrow:focus span {
    -webkit-transform: translate3d(-1rem, 0, 0);
    transform: translate3d(-1rem, 0, 0);
}

.btn-arrow svg {
    position: absolute;
    width: 1.1em;
    right: 0px;
    right: 0rem;
    opacity: 0;
    top: 49%;
    font-size: 24px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    will-change: right, opacity;
}

.btn-arrow:hover svg,
.btn-arrow:focus svg {
    opacity: 1;
    right: -2rem;
}


.btn-orange {
    color: var(--white);
    border: 2px solid var(--orange2);
    background-color: var(--orange2);

}

.btn-orange:hover,
.btn-orange:focus {
    background-color: var(--orange3);
    border-color: var(--orange3);
    color: var(--white)
}

.btn-lblue {
    color: var(--white);
    border: 2px solid var(--lblue2);
    background-color: var(--lblue2);

}

.btn-lblue:hover,
.btn-lblue:focus {
    background-color: var(--lblue3);
    border-color: var(--lblue3);
    color: var(--white)
}

.btn-dblue {
    color: var(--white);
    border: 2px solid var(--dblue2);
    background-color: var(--dblue2);

}

.btn-dblue:hover,
.btn-dblue:focus {
    background-color: var(--dblue3);
    border-color: var(--dblue3);
    color: var(--white)
}

.btn-whatsapp {
    color: var(--white);
    border: 2px solid var(--Whats1);
    background-color: var(--Whats1);

}

.btn-whatsapp:hover,
.btn-whatsapp:focus {
    background-color: var(--Whats2);
    border-color: var(--Whats2);
    color: var(--white)
}


.link-btn {
    display: inline-block;
    font-size: 1.2rem;
    line-height: normal;
    padding: 11px 32px 11px 31px;
    background: transparent;
    border: 1px solid transparent;
    position: relative;
    font-weight: 600;
    overflow: hidden;
    z-index: 9;
    vertical-align: middle;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: var(--gray5);
}

.link-btn.btn-inline {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 0;
    border: 1px solid transparent;
    background-color: transparent;
    overflow: visible;
    color: var(--gray5);
}

.link-btn.btn-inline:before,
.link-btn.btn-inline:after {
    position: absolute;
    content: "";
    bottom: -8px;
    left: auto;
    right: 0;
    width: 0;
    height: 3px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    background: var(--gray5);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.link-btn.btn-inline:before {
    width: 100%;
}

.link-btn.btn-inline:hover:after {
    width: 100%;
    right: auto;
    left: 0;
    background: var(--dblue2);
}

.link-btn.btn-inline:hover {
    color: var(--dblue2);
}



.section-title {
    font-size: 2rem;
    margin-bottom: 1.125rem;
    padding-bottom: 1.25rem;
    font-weight: 600;
    color: var(--dblue2);
}

.section-title:before {
    bottom: 0;
    height: 6px;
    width: 50px;
    content: "";
    left: 0;
    position: absolute;
    background-color: var(--lblue2);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    z-index: 1
}

.section-title:after {
    bottom: 2px;
    height: 3px;
    width: 150px;
    content: "";
    left: 0;
    position: absolute;
    background-color: var(--dblue2);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}


.site-heading h1,
.site-heading h2,
.site-heading h3 {
    color: var(--lblue2);
    display: inline-block;
    font-weight: bold;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.site-heading h1::after,
.site-heading h2::after,
.site-heading h3::after {
    background: var(--lblue2) none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    width: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.site-heading h1::before,
.site-heading h2::before,
.site-heading h3::before {
    background: var(--lblue2) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 5px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    width: 25px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}


.site-heading h1::after,
.site-heading h2::after,
.site-heading h3::after {
    background: var(--dblue2) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 5px;
    left: 50%;
    margin-left: 20px;
    position: absolute;
    width: 60px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}


.site-heading.text-left h1::before,
.site-heading.text-left h2::before,
.site-heading.text-left h3::before {
    left: 0;
    margin-left: 0;
}

.site-heading.text-left h1::after,
.site-heading.text-left h2::after,
.site-heading.text-left h3::after {
    left: 30px;
    margin-left: 0;
}





.h500 {
    height: 500px;
}


.bg-cover-overlay,
.bg-cover {
    position: relative;
    z-index: 1;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg-cover:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: var(--lbluergba6);

}


.bg-image-site {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.btn-theme {
    background: #333;
    padding: 15px 25px;
    line-height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
    color: #fff
}

.btn-theme:focus,
.btn-theme:hover {
    background: #606060;
    color: #fff
}



.border-bottom1 {
    border-bottom: 3px solid var(--blackrgba1);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}



.box-img-hover {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 3px 15px 0px var(--blackrgba1);
    -moz-box-shadow: 0px 3px 15px 0px var(--blackrgba1);
    box-shadow: 0px 3px 15px 0px var(--blackrgba1);
    overflow: hidden;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.box-img-hover:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0px 15px 35px 0px var(--blackrgba2);
    -moz-box-shadow: 0px 15px 35px 0px var(--blackrgba2);
    box-shadow: 0px 15px 35px 0px var(--blackrgba2);
}


.img-hover img {
    border: 0px solid var(--lblue2) !important;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    filter: grayscale(20%);
    -webkit-filter: grayscale(20%);
    cursor: pointer;
}

.img-hover img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white) !important;
    opacity: 0;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.img-hover:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.5) rotate(0deg);
    -moz-transform: scale(1.5) rotate(0deg);
    -o-transform: scale(1.5) rotate(0deg);
    -ms-transform: scale(1.5) rotate(0deg);
    transform: scale(1.5) rotate(0deg);
}

.img-hover span {
    display: block;
    overflow: hidden;
    position: relative;
}

.img-hover span:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    border: 0px solid transparent;
    background: var(--lbluergba5);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.img-hover span i {
    left: calc(50% - 28px);
    top: calc(80% - 29px);
    font-size: 56px;
    position: absolute;
    z-index: 2 !important;
    color: var(--white);
    opacity: 0;
    height: 58px;
    width: 56px;
    line-height: 56px;
    padding: 0px;
    margin: 0px;
    -webkit-transition: all 1.0s ease 0.3s;
    -moz-transition: all 1.0s ease 0.3s;
    -o-transition: all 1.0s ease 0.3s;
    -ms-transition: all 1.0s ease 0.3s;
    transition: all 1.0s ease 0.3s;
}

.img-hover:hover span i {
    top: calc(50% - 29px);
    opacity: 1;
}

.img-hover:hover span:after {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.img-hover img,
.img-hover img,
.img-hover span:after {
    transition: all 1.0s ease-in-out;
}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0px;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 0px 20px;
    margin: 1px;
    line-height: 50px;
    color: var(--white);
    height: 50px;
    text-decoration: none;
    background-color: var(--dblue2);
    border: 0px solid var(--white);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none !important;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pagination > li > span {
    font-size: 24px !important;
    padding-top: 12px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: var(--white);
    background-color: var(--lblue2);
    border-color: var(--white);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: var(--white);
    cursor: default;
    background-color: var(--lblue1);
    border-color: var(--white);
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: var(--white);
    cursor: not-allowed;
    background-color: var(--gray3);
    border-color: var(--white);
}

.pager li > a,
.pager li > span {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}

.pager li > a,
.pager li > span {
    color: var(--white);
    border-color: transparent !important;
    background: var(--gray3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pager li > a:hover,
.pager li > span:hover {
    color: var(--white);
    background: var(--lblue2);
    border-color: transparent !important;
}


.content_post ul {
    display: inline-block;
    width: auto;
    padding: 10px;
}

.content_post ul > li {
    margin: 0px 5px;
    padding: 3px;
    font-weight: 600;
    cursor: pointer;
    font-size: 1rem;
    opacity: 1.0;
    transition: opacity .2s ease-in-out;
    list-style-type: disc;
}

.content_post ul > li:hover {
    opacity: 1.0;
}

.content_post ul:hover > li:not(:hover) {
    opacity: 0.8;
}



.label--checkbox {
    position: relative;
    margin: 0;
    cursor: pointer;
    background: var(--white);
    font-weight: bold;
    display: block;
}

.label--checkbox strong {
    padding-left: 5px;
    font-size: 1rem;
    font-weight: normal;
}

.checkbox {
    position: relative;
    top: -0.375rem;
    margin: 0 1rem 0 0;
    cursor: pointer;
}

.checkbox:before {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    width: 28px;
    height: 28px;
    border: 4px solid var(--gray3);
}

.checkbox:checked:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: 1rem;
    border-color: var(--lblue2);
    border-top-style: none;
    border-right-style: none;
}

.checkbox:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    background: var(--white);
    cursor: pointer;
}


.info-error {
    padding: 30px 0px;
}

.error-page .error-page-title {
    color: var(--lblue2);
    font-size: 50px;
    padding: 0px;
    line-height: 1.1;
    padding-bottom: 0px;
    font-family: var(--special-font);
    font-weight: bold;
}


.error-page .error-page-subtitle {
    color: var(--gray3);
    display: block;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 25px;
}

.error-page p {
    color: var(--gray3);
    font-size: 16px;
}


.image-bl,
.image-bl img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.overlay-link {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}




.overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}



.custom-btn {
    display: inline-block;
    z-index: 1;
    height: 50px;
    font-size: 1rem;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    font-weight: bold;
    overflow: hidden;
    padding: 12px 30px;
    text-align: center;
    color: var(--white);
    position: relative;
    background-color: var(--lblue2);
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*border:2px solid var(--white) !important;*/
    -webkit-box-shadow: 0px 10px 25px 0px var(--blackrgba3);
    -moz-box-shadow: 0px 10px 25px 0px var(--blackrgba3);
    box-shadow: 0px 10px 25px 0px var(--blackrgba3);
}

.custom-btn:after,
.custom-btn:before {
    top: 0px;
    width: 0px;
    left: 100%;
    content: '';
    z-index: -1;
    height: 100%;
    position: absolute;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    -webkit-transition-timing-function: inherit;
    -o-transition-timing-function: inherit;
    transition-timing-function: inherit;
    background-color: var(--blackrgba3);
}

.custom-btn:before {
    z-index: -1;
    background-color: var(--gray5);;
}

.custom-btn:after {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.custom-btn:hover {
    color: var(--white);
    -webkit-box-shadow: 0px 10px 25px 0px var(--blackrgba3);
    -moz-box-shadow: 0px 10px 25px 0px var(--blackrgba3);
    box-shadow: 0px 10px 25px 0px var(--blackrgba3);
}

.custom-btn:hover:after,
.custom-btn:hover:before {
    left: 0;
    width: 100%;
    -webkit-transition-property: width;
    -o-transition-property: width;
    transition-property: width;
}

.custom-btn:hover:before {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.custom-btn:hover:after {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-property: width;
    -o-transition-property: width;
    transition-property: width;
}


.budget svg {
    width: 32px;
    height: 32px;
    vertical-align: text-top;
    color:var(--white);
    stroke-width: 1.5;
}




.request-form{
    position: relative;
    -webkit-box-shadow: 0px 0px 35px 0px var(--blackrgba1);
    -moz-box-shadow: 0px 0px 35px 0px var(--blackrgba1);
    box-shadow: 0px 0px 35px 0px var(--blackrgba1);
    padding: 40px 40px 20px;
    border-radius: 10px;
}


.shadow-one{
    -webkit-box-shadow: 0px 0px 35px 0px var(--blackrgba1);
    -moz-box-shadow: 0px 0px 35px 0px var(--blackrgba1);
    box-shadow: 0px 0px 35px 0px var(--blackrgba1);
}



.accordion-box{
    position:relative;
    margin-bottom:0px;
    /*background:#c00*/
}





.accordion-box .block{
    position: relative;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    margin-bottom:15px;
    border-top: 0px solid #DBDBDB;
}

.accordion-box .block .acc-btn{
    position: relative;
    font-size:22px;
    font-weight: 600;
    line-height: 25px;
    color:var(--lblue2);
    cursor: pointer;
    padding: 20px 55px;
    padding-right: 15px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: var(--special-font) !important;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:var(--dblue1);
    z-index:5

}

.accordion-box .block .acc-btn.active{
    color:var(--dblue2);
    background:var(--lblue2);
}

.accordion-box .block .acc-btn .icon{
    position: absolute;
    left: 25px;
    top: 20px;
    line-height: 25px;
    font-size: 14px;
    color:var(--lblue2);
}

.accordion-box .block .acc-btn.active .icon{
    /*transform:scaleY(-1);*/
    color:var(--dblue2);
    top: 16px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);


}

.accordion-box .block .acc-content{
    position:relative;
    display:none;
    top:-10px;
    padding:25px 25px 20px 25px;
    background:var(--f4f4f4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.accordion-box .block .acc-content.current{
    display:block;
}

.accordion-box .block .content .text{
    position:relative;
    font-size: 15px;
    line-height: 23px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}



.cta-item {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius:7px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    overflow:hidden;
    position:relative;
    background:var(--white);
}


.bg-cover-radius {
    position: relative;
    z-index: 1;
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 7px !important;
    -moz-border-radius:7px !important;
    border-radius:7px !important;
    overflow:hidden;
}

.bg-cover-radius:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: var(--lblue2);
    -webkit-border-radius: 7px !important;
    -moz-border-radius:7px !important;
    border-radius:7px !important;
    overflow:hidden;
}


.cta-item .ot-heading {
    margin-bottom: 0;
    padding-left:25px;
    padding-right:25px;
}
.cta-item .ot-heading span {
    display:block;
    color: var(--white);
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height:1.2
}
.cta-item h3{
    color: var(--white);
    font-size: 36px;
    line-height:1.1;
    /*letter-spacing:-1px;*/
    margin-bottom: 30px;
}




.work-item{
    text-align: center;
    position: relative;
    padding: 30px;
    -webkit-border-radius: 7px;
    -moz-border-radius:7px;
    border-radius:7px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0px 10px 60px 0px var(--blackrgba1);
    -moz-box-shadow: 0px 10px 60px 0px var(--blackrgba1);
    box-shadow: 0px 10px 60px 0px var(--blackrgba1);
}
.work-item:hover{
    /*-webkit-box-shadow: 0px 0px 15px 0px var(--blackrgba2);
    -moz-box-shadow: 0px 0px 15px 0px var(--blackrgba2);
    box-shadow: 0px 0px 15px 0px var(--blackrgba2);*/

    -webkit-box-shadow: 0px 10px 40px 0px var(--blackrgba2);
    -moz-box-shadow: 0px 10px 40px 0px var(--blackrgba2);
    box-shadow: 0px 10px 40px 0px var(--blackrgba2);
}
.work-item:after{
    content: '';
    background-color:var(--f4f4f4);
    height: 3px;
    width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: calc( 141px + 30px );
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.work-item:hover:after{
    background-color:var(--dblue2);
}
.work-item:before{
    content: '';
    background-color:var(--f4f4f4);
    height: 3px;
    width: 1000px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: calc( 141px + 30px );
    z-index: 0;
}
.work-item .icon{
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 35px;
    display: inline-block;
    border:5px solid var(--f4f4f4);
    border-radius: 50%;
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.work-item .icon svg {
    position: relative;
    top:-12px;
    width:60px;
    height: 60px;
    vertical-align: text-top;
    stroke-width: 1.5;
    fill: var(--white) !important;
    color: var(--dblue2);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;

}

.work-item:hover .icon svg{
    will-change: transform;
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}


.work-item:hover .icon{
    border-color: var(--white);
    color:var(--lblue2);
}
.work-item:hover .icon:before{
    -webkit-animation: icon-scale 2.5s infinite ;
    animation: icon-scale 2.5s infinite ;
    display: inline-block;
    position: relative;
    z-index: 3;
}
.work-item span{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: var(--f4f4f4);
    display: block;
    margin: 0 auto 30px auto;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.work-item:hover span{
    background-color: var(--dblue2);
}
.work-item span:after{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color:var(--white);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 4;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.work-item:hover span:after{
    opacity: 1
}
.work-item h4{
    font-size: 22px;
    line-height: 1.3;
    font-weight: 600;
    color:var(--orange2);
    margin-bottom: 20px;
}
.work-item p{
    margin-bottom: 0;
}



.timelineContent{
    padding:60px 30px;
}





#timeline .swiperone-button-next,
#timeline .swiperone-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}


#timeline .swiperone-button-next,
#timeline .swiperone-button-prev {
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: none;
    background-color: var(--lblue2);
    width: 50px;
    height: 50px;
    border: none;
    z-index: 10;
    cursor: pointer;
    background-image: none;
    margin-top: -25px;
    /*right: 30px;*/
    left: auto;
    opacity: 0.8;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

#timeline .swiperone-button-next{
    right:10px;
}
#timeline .swiperone-button-prev{
    left: 10px;
}


@media only screen and (max-width: 1023px) {

    #timeline .swiperone-button-next{
        right:20px;
    }
    #timeline .swiperone-button-prev{
        left: 20px;
    }

}


#timeline .swiperone-button-next img,
#timeline .swiperone-button-prev img {
    height: 15px;
    width: auto;
    display: block;
}

#timeline .swiperone-button-next:hover,
#timeline .swiperone-button-prev:hover {
    box-shadow: none;
    opacity: 1;
    background-color: var(--dblue3);
}


#timeline .swiperone-button-next:hover,
#timeline .swiperone-button-prev:hover {
    border: none;
    background-color: var(--orange2);
}

#timeline .swiperone-button-next:active,
#timeline .swiperone-button-prev:active,
#timeline .swiperone-button-next:focus,
#timeline .swiperone-button-prev:focus {
    border: none;
}

#timeline .swiperone-button-next:active:hover,
#timeline .swiperone-button-prev:active:hover,
#timeline .swiperone-button-next:focus:hover,
#timeline .swiperone-button-prev:focus:hover {
    border: none;
}



.tratament {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
    /*background:var(--lblue2);*/
    background-color: #9c27b0;
}

.tratament::before {
    top:-50px;
    left: 0px;
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% + 100px);
    background:var(--lblue2);
    -moz-transform: skew(0deg, -3deg);
    -webkit-transform: skew(0deg, -3deg);
    -o-transform: skew(0deg, -3deg);
    -ms-transform: skew(0deg, -3deg);
    transform: skew(0deg, -3deg);
}

/*
.tratament-bottom {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0px;
    bottom: -50px;
    z-index:-1;
    transform: rotate(180deg);
}

.tratament-bottom img {
    width: 100%;

}*/


/*
.tratament::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 110px;
    left: 0px;
    top: -90px;
    right: 0px;
    background-position: top center;
    background-repeat: no-repeat !important;
    background: url(../images/1red.svg);
    background-size: 100%;
    z-index: 1;
}
.tratament::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 110px;
    left: 0px;
    bottom: -90px;
    right: 0px;
    background-position: top center;
    background-repeat: no-repeat !important;
    background: url(../images/1red.svg);
    background-size: 100%;
    z-index: 1;
    transform: rotate(180deg);
}



@media only screen and (max-width: 767px) {
    .tratament::after {
        height: 90px;
        bottom: -60px;
    }
    .tratament::before {
        height: 90px;
        bottom: -60px;
    }

}
*/


.tratament .site-heading h1::after,
.tratament .site-heading h2::after,
.tratament .site-heading h3::after {
    background: var(--white) none repeat scroll 0 0;

}


.overlay-link{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}




.service-block{
    position: relative;
    margin-bottom: 10px;
}

.service-block .inner-box{
    position: relative;
    -webkit-border-radius: 7px;
    -moz-border-radius:7px;
    border-radius:7px;
    padding:30px;
    background-color: var(--white);
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 35px 0px var(--blackrgba1);
    -moz-box-shadow: 0px 0px 35px 0px var(--blackrgba1);
    box-shadow: 0px 0px 35px 0px var(--blackrgba1);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    height: 350px;
}

.service-block .inner-box:hover{
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
}

.service-block .inner-box .hover_layer{
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 80%;
    opacity: 0;
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.service-block .inner-box:hover .hover_layer{
    top: 0;
    opacity: 1;
    -webkit-transition: all 0.17s ease-out 0.18s;
    transition: all 0.17s ease-out 0.18s;
}

.service-block .inner-box:before{
    content: '';
    top: 100%;
    height: 0;
    right: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    background:var(--lblue3);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-block .inner-box:hover:before{
    top: 0;
    height: 100%;
}

.service-block .icon{
    position: relative;
    display: block;
    height:90px;
    width: 90px;
    -webkit-border-radius: 7px;
    -moz-border-radius:7px;
    border-radius:7px;
    margin-bottom:25px;
    background:var(--lblue2);

}


.service-block .icon img{
padding:15px
}

.service-block .icon svg {
    position: relative;
    top:2px;
    left: 8px;
    width:75px;
    height: 75px;
    vertical-align: text-top;
    stroke-width: 2.5;
    fill: var(--white) !important;
    color: var(--white) !important;
}



.service-block h3{
    position: absolute;
    bottom:120px;
    display: block;
    font-size: 20px;
    line-height: 1.1;
    color:var(--lblue2);
    font-weight: 600;
    margin-bottom:25px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.service-block .text{
    position: absolute;
    bottom: 30px;
    left:30px;
    right:20px;
    font-size: 16px;
    line-height:1.1;
    color:var(--orange2);
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-block .inner-box:hover .text,
.service-block .inner-box:hover h3{
    color: var(--white);
}

.services-section .services-area{
    position: relative;
    padding-top: 50px;
    padding-bottom: 10px;
}

.services-section .services-area .feature-block-three{
    margin-bottom: 30px;
}

.services-section.style-two .text-column .inner-column{
    padding-left: 65px;
    padding-right: 0;
}
.margin-top-50{margin-top: 50px;}


.content-blog a{
    color:var(--dblue2) !important;
    font-weight: bold !important;
}

.content-blog ol,
.content-blog ul{
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.content-blog li{
    font-size: 16px;
    list-style-position: inside;
    list-style-type: disc;

}






.aboutus-item {
    padding: 30px 40px 30px 40px;
    border-style: solid;
    border-width: 0 0 0 0;
    background-color: transparent;
    background-image: linear-gradient(110deg,var(--lblue3) 0%,var(--lblue1) 100%);
    -webkit-box-shadow: 0px 5px 25px 0px var(--blackrgba1);
    -moz-box-shadow: 0px 5px 25px 0px var(--blackrgba1);
    box-shadow: 0px 5px 25px 0px var(--blackrgba1);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;

}


.aboutus-item:active,
.aboutus-item:focus,
.aboutus-item:hover {
    -webkit-box-shadow: 0px 5px 35px 0px var(--blackrgba3);
    -moz-box-shadow: 0px 5px 35px 0px var(--blackrgba3);
    box-shadow: 0px 5px 35px 0px var(--blackrgba3);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);

}

.aboutus-item .content-box h3 {
    color:var(--white);
    margin-top:0px;
    margin-bottom: 15px;
    font-size:20px;
    font-weight: 600;
}
.aboutus-item .content-box p {
    color:var(--white);
    margin-top:0px;
    margin-bottom:0px;
    font-size:16px;
    font-weight: normal;
    line-height: 1.1;
}





.aboutus-item .icon-main {
    background:transparent;
    position:relative;
    display: block;
    margin-bottom: 20px;
}
.aboutus-item .icon-main img {
    width:90px;
}

.aboutus-item .icon-main svg {
    position: relative;
    top:2px;
    width:120px;
    height: 120px;
    vertical-align: text-top;
    stroke-width: 1.5;
    fill: var(--white) !important;

}

.aboutus-item .overlay {
    z-index: 2;
    background: transparent;
}

.overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}


.aboutus-item.bg-s1 {
    background-image: linear-gradient(110deg,var(--lblue1) 0%,var(--lblue3) 100%);
    background-size: 100% 100%;
}
.aboutus-item.bg-s2 {
    background-image: linear-gradient(110deg,var(--lblue3) 0%,var(--lblue1) 100%);
    background-size: 100% 100%;
}
.aboutus-item.bg-s3 {
    background-image: linear-gradient(110deg,var(--lblue2) 0%,var(--dblue2) 100%);
    background-size: 100% 100%;
}
.aboutus-item.bg-s4 {
    background-image: linear-gradient(110deg,var(--dblue2) 0%,var(--lblue2) 100%);
    background-size: 100% 100%;
}


.aboutus-item:active.bg-s1,
.aboutus-item:focus.bg-s1,
.aboutus-item:hover.bg-s1,
.aboutus-item:active.bg-s2,
.aboutus-item:focus.bg-s2,
.aboutus-item:hover.bg-s2,
.aboutus-item:active.bg-s3,
.aboutus-item:focus.bg-s3,
.aboutus-item:hover.bg-s3,
.aboutus-item:focus.bg-s4,
.aboutus-item:hover.bg-s4{
    background-size: 200% 200%;
    background-position: 50% 0% !important;
}




.date-section {
	background:var(--blackrgba1);
	padding:38px 0px;
}


.date-section .icon svg {
    position: relative;
    width:90px;
    height: 90px;
    vertical-align: text-top;
    stroke-width: 1.5;
    fill: var(--lblue2);
}

.place-block-one .inner-box{
    position: relative;
    display: block;
}

.place-block-one .inner-box .image-box{
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

    -webkit-box-shadow: 0px 3px 20px 0px  var(--blackrgba1);
    -moz-box-shadow: 0px 3px 20px 0px  var(--blackrgba1);
    box-shadow: 0px 3px 20px 0px  var(--blackrgba1);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.place-block-one .inner-box:focus .image-box,
.place-block-one .inner-box:hover .image-box {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);

    -webkit-box-shadow: 0px 10px 30px -5px var(--blackrgba3);
    -moz-box-shadow: 0px 10px 30px -5px var(--blackrgba3);
    box-shadow: 0px 10px 30px -5px var(--blackrgba3);
}



.place-block-one .inner-box .image-box:before{
    position: absolute;
    content: '';
    background:var(--blackrgba0);
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
}

.place-block-one .inner-box:hover .image-box:before{
    opacity: 1;
}

.place-block-one .inner-box .image-box img{
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    width: 100%;
}

.place-block-one .inner-box:hover .image-box img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.place-block-one .inner-box .lower-content{
    position: relative;
    margin: 0px 20px;
}

.place-block-one .inner-box .lower-content .inner{
    position: relative;
    background:var(--lblue2);
    padding:20px 15px 20px 15px;
    margin-top: -60px;
    z-index: 1;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    -webkit-box-shadow: 0px 5px 20px 0px  var(--blackrgba1);
    -moz-box-shadow: 0px 5px 20px 0px  var(--blackrgba1);
    box-shadow: 0px 5px 20px 0px  var(--blackrgba1);
}


.place-block-one .inner-box:hover .inner,
.place-block-one .inner-box:focus .inner{
    background:var(--lblue3);
    -webkit-box-shadow: 0px 10px 50px 0px var(--blackrgba3);
    -moz-box-shadow: 0px 10px 50px 0px var(--blackrgba3);
    box-shadow: 0px 10px 50px 0px var(--blackrgba3);
}



.place-block-one .inner-box .lower-content .inner h3{
    position: relative;
    display: block;
    font-size: 20px;
    line-height:1.1;
    font-weight: bold;
    margin-bottom: 15px;
    color:var(--white);
}

.place-block-one .inner-box .lower-content .inner h3 a{
    display: inline-block;
    color:var(--white);
}

.place-block-one .inner-box .lower-content .inner h3 a:hover{
    color:var(--white);
}

.place-block-one .inner-box .lower-content .inner p{
    position: relative;
    display:block;
    font-size: 16px;
    line-height:1.2;
    color:var(--white);
    margin: 0px;
}






.card-border {
    overflow: hidden;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 0px 25px 0px var(--blackrgba1);
    -moz-box-shadow: 0px 0px 25px 0px var(--blackrgba1);
    box-shadow: 0px 0px 25px 0px var(--blackrgba1);
    background:var(--white);
    padding:45px 20px 15px 20px;
    position:relative
}

.card-border:after {
    content: "";
    transition: .2s all ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    left: 50%;
    height: 10px;
    width: 100%;
    transform: translateX(-50%);
    background-color: var(--lblue3);
}





.card-border.card-border-top:after {
    bottom: 0;
}

.card-border.card-border-bottom:after {
    bottom: 0;
}

.card-border.card-border-hover:after {
    width: 0;
}

.card-border.card-border-hover:hover:after {
    width: 100%;
}

.card-border:focus,
.card-border:hover {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);

    -webkit-box-shadow: 0px 10px 30px -5px var(--blackrgba3);
    -moz-box-shadow: 0px 10px 30px -5px var(--blackrgba3);
    box-shadow: 0px 10px 30px -5px var(--blackrgba3);
}

.card-content{
    position:relative;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    margin-top:30px;
}

.card-border:focus .card-content,
.card-border:hover .card-content {
    margin-top:0px;
}







.card-border svg {
    position: relative;
    top: 0px;
    width:90px;
    height:90px;
    vertical-align: text-top;
    stroke-width:0;
    fill:var(--lblue2);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    margin-bottom: 30px;
}

.card-border:hover svg{
    fill:var(--lblue1);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}



.card-border img {
    margin:0px auto 15px;
    width:75px;
}

.card-border h3 {
    font-size:24px;
    line-height:1.15;
    color:var(--dblue2);
    font-weight:bold !important;
    margin-bottom:15px;
}

.card-border p {
    font-size:16px;
    line-height:1.15;
    color:var(--gray3);
    font-weight:normal;
    margin-bottom:3px;
}



.investiment-content{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.investiment-content h4{
    font-size: 18px;
    margin: 0;
    color: var(--lblue3);
}
.item-date {
    display: block;
    padding:20px 15px;
    margin-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:var(--f4f4f4);
}

.investiment-content-two{
    width: 100%;
    background: var(--sysblue);
    margin: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:30px;
    position: relative;

}
.investiment-content-two *{
    color: var(--white);
}

.investiment-content-two p{
    font-size: 24px!important;
    font-weight: bold;
}



.investiment-content-two svg {
    position: absolute;
    top: 30px;
    right: 25px;
    width:120px;
    height:120px;
    vertical-align: text-top;
    fill:var(--white);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    margin-bottom: 30px;
    opacity: 0.5;
}

.investiment-content-two:hover svg{
    fill:var(--white);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}



.video-frame > video{
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;
    bottom: 0;
    display: block;
    width: 100%;
}

iframe,
.video-frame{
    width: 100%;
    padding:0px;
    overflow: hidden;
    margin: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 3px 20px 0px  var(--blackrgba1);
    -moz-box-shadow: 0px 3px 20px 0px  var(--blackrgba1);
    box-shadow: 0px 3px 20px 0px  var(--blackrgba1);
}




/* Feature Card ---------------------------------- */
.feature-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.feature-card-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-top: -15px;
  /* Medium Large devices */
  /* Large devices */
  /* Small devices */
}

@media (max-width: 1299px) {
  .feature-card-wrap {
    gap: 24px;
  }
}

@media (max-width: 1199px) {
  .feature-card-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .feature-card-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-card .box-title {
  margin-bottom: 10px;
}

.feature-card .box-icon {
  width: 180px;
  height: 180px;
  line-height:80px;
  text-align: center;
  background-color: var(--lblue2);
  border-radius: 99px;
  margin-bottom: -90px;
  position: relative;
  z-index: 3;
  border: 15px solid var(--black);
}

.feature-card .box-content {
  background-color: var(--white-color);
  border-radius: 7px;
  padding: 120px 20px 30px 20px;
-webkit-box-shadow: 0px 5px 30px 3px var(--lbluergba5);
-moz-box-shadow: 0px 5px 30px 3px var(--lbluergba5);
box-shadow: 0px 5px 30px 3px var(--lbluergba5);
}

@media (max-width: 767px) {
  .feature-card .box-content {
    padding: 120px 30px 30px 30px;
  }
}

.feature-card .box-text {
  line-height: 26px;
}

@media (min-width: 1200px) {
  .feature-card:nth-child(even) {
    margin-top: 90px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .feature-card:nth-child(even) .box-icon {
    background-color: var(--dblue2);
    margin-bottom: 0;
    margin-top: -90px;
  }
  .feature-card:nth-child(even) .box-content {
    padding: 30px 20px 120px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .feature-card:nth-child(3), .feature-card:nth-child(4) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .feature-card:nth-child(3) .box-icon, .feature-card:nth-child(4) .box-icon {
    background-color: var(--dblue2);
    margin-bottom: 0;
    margin-top: -90px;
  }
  .feature-card:nth-child(3) .box-content, .feature-card:nth-child(4) .box-content {
    padding: 30px 20px 120px 20px;
  }
}


.feature-card .box-icon svg {
	    position: relative;
    top:2px;
    width:90px;
    height: 90px;
    vertical-align: text-top;
    stroke-width: 1.5;
    fill: var(--white) !important;
}





.sec-title {
  margin-bottom: calc(var(--section-title-space) - 10px);
  margin-top: -0.23em;
}

.sub-title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: var(--lblue2);
  margin-bottom: 28px;
  text-transform: uppercase;
  line-height: 24px;
  margin-top: -0.34em;
}

.sub-title:has(img) {
  margin-top: 0;
}

.sub-title.h4 {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  margin-top: -0.14em;
}

.sub-title img {
  margin: -4px 10px 0 0;
}




/* Campaign 1 ---------------------------------- */
.img-box2 {
  margin-left: 40px;
  /* Medium Large devices */
  /* Medium Large devices */
}

@media (max-width: 1399px) {
  .img-box2 {
    margin-left: 52px;
  }
}

@media (max-width: 1299px) {
  .img-box2 {
    margin-left: 0;
  }
}

.img-box2 .img1 img {
  border-radius: 50px;
  width: 100%;
  /* Medium devices */
}

@media (max-width: 991px) {
  .img-box2 .img1 img {
    border-radius: 30px;
  }
}

.campaign-feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  text-align: left;
  /* Small devices */
}

.campaign-feature-area {
  background-color: var(--smoke-color);
  border-radius: 30px 180px 0 30px;
  padding: 60px 40px 40px 40px;
  margin-right: -266px;
  position: relative;
  z-index: 3;
  /* Medium Large devices */
  /* Large devices */
  /* Extra small devices */
}

@media (max-width: 1299px) {
  .campaign-feature-area {
    margin-top: -21px;
  }
}

@media (max-width: 1199px) {
  .campaign-feature-area {
    background-color: transparent;
    margin: 0 0 40px 0;
    padding-top: 40px;
  }
}

@media (max-width: 575px) {
  .campaign-feature-area {
    padding: 40px 10px;
  }
}

.campaign-feature-area:before {
  content: '';
  position: absolute;
  inset: 20px 20px 0 0;
  background-color: var(--lblue2);
  border-radius: 30px 165px 0 30px;
  z-index: -1;
  /* Large devices */
  /* Extra small devices */
}

@media (max-width: 1199px) {
  .campaign-feature-area:before {
    border-radius: 120px 120px 30px 30px;
    inset: 0;
  }
}

@media (max-width: 575px) {
  .campaign-feature-area:before {
    border-radius: 30px;
  }
}

.campaign-feature-wrap {
  display: grid;
  grid-template-columns: auto auto;
  gap: 30px;
  margin-bottom: 40px;
  /* Large devices */
  /* Extra small devices */
}

@media (max-width: 1199px) {
  .campaign-feature-wrap {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 375px) {
  .campaign-feature-wrap {
    grid-template-columns: auto;
    gap: 30px;
  }
}

@media (max-width: 767px) {
  .campaign-feature {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}

.campaign-feature .box-icon {
  width: 80px;
  height: 80px;
  line-height:75px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 99px;
  position: relative;
  z-index: 2;
  color: var(--theme-color);
  font-size: 28px;
  /* Small devices */
}

.campaign-feature .box-icon svg {
	    position: relative;
    width:38px;
    height: 38px;
    vertical-align: text-top;
    stroke-width: 1.5;
    fill: var(--white) !important;
}


.campaign-feature .box-icon:before {
  content: '';
  position: absolute;
  inset: 10px;
  background-color: var(--white-color);
  border-radius: inherit;
  z-index: -1;
}

@media (max-width: 767px) {
  .campaign-feature .box-icon {
    margin-left: auto;
    margin-right: auto;
  }
}

.campaign-feature .box-title {
  font-size: 30px;
  color: var(--white-color);
  margin-bottom: 10px;
}

.campaign-feature .box-text {
  max-width: 195px;
  color: var(--white-color);
  /* Small devices */
}

@media (max-width: 767px) {
  .campaign-feature .box-text {
    max-width: 100%;
  }
}

.space, .space-top {
    padding-top: var(--section-space);
}
.space, .space-bottom {
    padding-bottom: var(--section-space);
}


.bg-cover-section {
    position: relative;
    z-index: 1;
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow:hidden;
}

.bg-cover-section:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: var(--lbluergba6);
    overflow:hidden;
}




/*------------------- 4.00. Countdown -------------------*/
/* Countdown 1 -------------------------------- */
.countdown-area {
  padding: 80px;
  background-color: var(--theme-color);
  border-radius: 50px;
  position: relative;
  z-index: 3;
  /* Medium Large devices */
  /* Small devices */
}

@media (max-width: 1299px) {
  .countdown-area {
    padding: 60px;
    border-radius: 35px;
  }
}

@media (max-width: 767px) {
  .countdown-area {
    border-radius: 15px;
    padding: 30px;
  }
}

.event-counter {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  padding: 0;
  margin: 0;
  /* Small devices */
  /* Extra small devices */
}

@media (max-width: 767px) {
  .event-counter {
    gap: 10px;
  }
}

@media (max-width: 575px) {
  .event-counter {
    grid-template-columns: repeat(2, 1fr);
  }
}

.event-counter li {
  list-style: none;
  text-align: center;
  background-image: -webkit-linear-gradient(290deg, var(--white-color), transparent);
  background-image: linear-gradient(160deg, var(--white-color), transparent);
  border-radius: 70px;
  padding: 35px 5px;
  position: relative;
  z-index: 2;
  /* Extra small devices */
}

.event-counter li:before {
  content: '';
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background-color: var(--theme-color);
  z-index: -1;
}

@media (max-width: 575px) {
  .event-counter li {
    padding: 25px 5px;
  }
}

.event-counter .count-number {
  font-family: var(--title-font);
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  color: var(--white-color);
  margin-bottom: 11px;
  /* Small devices */
}

@media (max-width: 767px) {
  .event-counter .count-number {
    font-size: 40px;
    margin-bottom: 5px;
  }
}

.event-counter .count-name {
  font-size: 18px;
  font-weight: 500;
  color: var(--white-color);
}

.animation-buttom{
    animation: pulse 1s infinite;
}



@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	transform: scale(1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
	transform: scale(1.1);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
	transform: scale(1);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	transform: scale(1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
        box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
	transform: scale(1.1);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
	transform: scale(1);
    }
}


.gradient-animation {
	position:absolute;
  width: 500px;
  height: 500px;

  background-image: linear-gradient(#00d4dc, #000000, #212121);
  animation: rotate 10s cubic-bezier(0.8, 0.2, 0.2, 0.8) alternate infinite;
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    filter: blur(75px);

}
.gradient-position-right{
		top:100px !important;
	right:0px !important;
}
.gradient-position-left{
		top:0px !important;
	left:0px !important;
}


@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.homeBanner .logo img{
    width: 300px;
    margin: auto;
}