/**

Theme Name: Aghadi Theme

Author: Agahdi Infotech

Author URI: https://aghadiinfotech.com

Description: Created by Aghadi Infotech

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: aghadi-theme

Template: astra

*/

@font-face {
    font-family:'Century Gothic';
    src: url('./fonts/Century Gothic.eot');
    src: url('./fonts/Century Gothic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Century Gothic.woff2') format('woff2'),
        url('./fonts/Century Gothic.woff') format('woff'),
        url('./fonts/Century Gothic.ttf') format('truetype'),
        url('./fonts/Century Gothic.otf') format('opentype'),
        url('./fonts/Century Gothic.svg#Century Gothic') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-F003;
}

@font-face {
    font-family:'Century Gothic';
    src: url('./fonts/Century Gothic Bold Italic.eot');
    src: url('./fonts/Century Gothic Bold Italic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Century Gothic Bold Italic.woff2') format('woff2'),
        url('./fonts/Century Gothic Bold Italic.woff') format('woff'),
        url('./fonts/Century Gothic Bold Italic.ttf') format('truetype'),
        url('./fonts/Century Gothic Bold Italic.otf') format('opentype'),
        url('./fonts/Century Gothic Bold Italic.svg#Century Gothic Bold Italic') format('svg');
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-F003;
}

@font-face {
    font-family:'Century Gothic';
    src: url('./fonts/Century Gothic Italic.eot');
    src: url('./fonts/Century Gothic Italic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Century Gothic Italic.woff2') format('woff2'),
        url('./fonts/Century Gothic Italic.woff') format('woff'),
        url('./fonts/Century Gothic Italic.ttf') format('truetype'),
        url('./fonts/Century Gothic Italic.otf') format('opentype'),
        url('./fonts/Century Gothic Italic.svg#Century Gothic Italic') format('svg');
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-F003;
}
@font-face {
    font-family:'Baskerville';
    src: url('./fonts/Baskerville.eot');
	src: url('./fonts/vBaskerville.eot?#iefix') format('embedded-opentype'),
		url('./fonts/Baskerville.woff2') format('woff2'),
		url('./fonts/Baskerville.woff') format('woff'),
		url('./fonts/Baskerville.ttf') format('truetype'),
		url('./fonts/Baskerville.otf') format('opentype'),
		url('./fonts/Baskerville.svg#Baskerville') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-02DC;
}

@font-face {
    font-family: 'WVGNOP+BaskervilleURW-RegIta';
    src: url('./fonts/WVGNOPBaskervilleURW-RegIta.eot');
    src: url('./fonts/WVGNOPBaskervilleURW-RegIta.eot?#iefix') format('embedded-opentype'),
        url('./fonts/WVGNOPBaskervilleURW-RegIta.woff2') format('woff2'),
        url('./fonts/WVGNOPBaskervilleURW-RegIta.woff') format('woff'),
        url('./fonts/WVGNOPBaskervilleURW-RegIta.ttf') format('truetype'),
        url('./fonts/WVGNOPBaskervilleURW-RegIta.svg#WVGNOP+BaskervilleURW-RegIta') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family:'SansSerifFLF';
    src: url('./fonts/SansSerifFLF-Demibold.eot');
	src: url('./fonts/SansSerifFLF-Demibold.eot?#iefix') format('embedded-opentype'),
		url('./fonts/SansSerifFLF-Demibold.woff2') format('woff2'),
		url('./fonts/SansSerifFLF-Demibold.woff') format('woff'),
		url('./fonts/SansSerifFLF-Demibold.ttf') format('truetype'),
		url('./fonts/SansSerifFLF-Demibold.otf') format('opentype'),
		url('./fonts/SansSerifFLF-Demibold.svg#SansSerifFLF-Demibold') format('svg');
    font-weight: 550;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Louize Display trial Medium';
    src: url('./fonts/Louize Display trial Medium.eot');
	src: url('./fonts/Louize Display trial Medium.eot?#iefix') format('embedded-opentype'),
		url('./fonts/Louize Display trial Medium.woff2') format('woff2'),
		url('./fonts/Louize Display trial Medium.woff') format('woff'),
		url('./fonts/Louize Display trial Medium.ttf') format('truetype'),
		url('./fonts/Louize Display trial Medium.otf') format('opentype'),
		url('./fonts/Louize Display trial Medium.svg#Louize Display trial Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FB;
}
@font-face {
    font-family:'Minion Pro';
    src: url('./fonts/MinionPro-Regular.eot');
	src: url('./fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('./fonts/MinionPro-Regular.woff2') format('woff2'),
		url('./fonts/MinionPro-Regular.woff') format('woff'),
		url('./fonts/MinionPro-Regular.ttf') format('truetype'),
		url('./fonts/MinionPro-Regular.otf') format('opentype'),
		url('./fonts/MinionPro-Regular.svg#MinionPro-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'SansSerifBldFLF';
    src: url('./fonts/SansSerifBldFLF.eot');
	src: url('./fonts/SansSerifBldFLF.eot?#iefix') format('embedded-opentype'),
		url('./fonts/SansSerifBldFLF.woff2') format('woff2'),
		url('./fonts/SansSerifBldFLF.woff') format('woff'),
		url('./fonts/SansSerifBldFLF.ttf') format('truetype'),
		url('./fonts/SansSerifBldFLF.otf') format('opentype'),
		url('./fonts/SansSerifBldFLF.svg#SansSerifBldFLF') format('svg');
    font-weight: 550;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}



h1, h2, h3, .main-nd-title .uabb-after-heading-text{font-family:'Louize Display trial Medium';}
h4{font-family:'Century Gothic'; font-weight: 600;}
.num-sec h4 .uabb-after-heading-text{display: inline;}
h1 .uabb-second-heading-text, h2 .uabb-second-heading-text, h3 .uabb-second-heading-text, h4 .uabb-second-heading-text, .dates-box .uabb-ultb3-box .uabb-ultb3-info p em{font-family: 'WVGNOP+BaskervilleURW-RegIta';}
h1 .uabb-after-heading-text{width: 100%;}
p, .uabb-button-text{font-family:'SansSerifFLF' !important;}
p em{font-family: 'WVGNOP+BaskervilleURW-RegIta';}

.ast-container{padding-left: 0; padding-right: 0;}
header .ast-container{max-width: 1240px;}
header .ast-site-identity{padding: 0 !important;}
header.ast-nav-up { top: -100px !important;}
#ast-fixed-header .main-header-bar{backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px);}

.hero-sec .hero-col{    
    height: 100vh;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-direction: column;
    -webkit-flex-direction: column;
}
body.home{background-image: url(./images/pexels-letticia-massari.jpg); background-attachment: fixed; background-size: cover; background-position: center center;}
.pos-bttn{position: absolute;}
.pos-col{position: relative;}
span.shape-and {
    font-size: 130px;
    display: inline-block;
    margin: 6px -30px 0 -15px;
    line-height: 1;
}
.dates-box .uabb-ultb3-box {transform: translate(265px,0px); transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.dates-box .uabb-ultb3-box {
    border-radius: 25px;
}
.dates-box .uabb-ultb3-box .uabb-ultb3-img {
    max-width: 550px !important;
}
.dates-box .uabb-ultb3-box .uabb-ultb3-info, .dates-box .uabb-ultb3-box .uabb-ultb3-box-overlay{opacity: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.dates-box .uabb-ultb3-box:hover .uabb-ultb3-info, .dates-box .uabb-ultb3-box:hover .uabb-ultb3-box-overlay{opacity: 1;}

.marquee-animate .fl-row-content-wrap{
background-position: 0px 0px;
animation: animatedBackground 20s linear infinite;
-ms-animation: animatedBackground 20s linear infinite;
-moz-animation: animatedBackground 20s linear infinite;
-webkit-animation: animatedBackground 20s linear infinite; background-size: 82%;}

.large-title span.uabb-after-heading-text {
    width: 100%;
}
footer {
    position: relative;
}

@keyframes animatedBackground {
    from { background-position: 0 center; }
    to { background-position: -200% center; }
}
@-webkit-keyframes animatedBackground {
    from { background-position: 0 center; }
    to { background-position: -200% center; }
}
@-ms-keyframes animatedBackground {
    from { background-position: 0 center; }
    to { background-position: -200% center; }
}
@-moz-keyframes animatedBackground {
    from { background-position: 0 center; }
    to { background-position: -200% center; }
}

.css-zt4sr6 {
    opacity: 1;
    visibility: visible;
    top: 50%;
    transition: opacity 0.25s ease 0s;
    will-change: opacity;
    position: fixed;
    z-index: 0;
    transform: translate(0, -50%);
    right: 35px;
}
.css-5h0m38 {
    display: inline-flex;
    flex-direction: column;
}
.css-1ywzktm {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
}
.css-1ywzktm {
    text-opacity: 1;
    white-space: nowrap;
    display: inline-block;
    visibility: visible;
    margin-bottom: 0.5rem;
    font-family: 'WVGNOP+BaskervilleURW-RegIta';
    font-size: 18px;
    line-height: 2;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
.css-1xap2do {
    position: relative;
    align-self: center;
    background-color: #e6e0c1;
    height: 70px;
    width: 20px;
    border-radius: 8px;
}
.css-avw84t {
    position: absolute;
    inset: 8px 6px;
    overflow: hidden;
    border-radius: 9999px;
}
.css-zt4sr6 .bg-helsinkiBlue-dark {
    opacity: 1;
    background-color:#bf8456;
}
.css-zt4sr6 .rounded-sm {
    border-radius: 0.125rem;
}

.css-zt4sr6 .bg-helsinkiBlue-dark {
    opacity: 1;
}
.css-zt4sr6 .rounded-sm {
    border-radius: 0.125rem;
}
.css-zt4sr6 .translate-y-full {
    translate-y: -100%;
}
.css-zt4sr6 .translate-x-1 {
    translate-x: -50%;
}
.css-zt4sr6 .w-1 {
    width: 7px;
}
.css-zt4sr6 .h-2 {
    height: 7px;
}
.css-zt4sr6 .left-1 {
    left: 50%;
}
.tailwind .top-0 {
    top: 0;
}
.css-zt4sr6 .absolute {
    position: absolute;
    border-radius: 50px;
}
.css-1u21xua {
    animation: 3s ease 0s infinite normal none running animation-15eq1fq;
}
@keyframes animation-15eq1fq{
	0% {
	    translate: -50% -100%;
	}

	100% {
	    translate: -50% 750%;
	}
}

.stickey-sec{position: sticky; top: 0;}

.ast-mobile-popup-drawer{
    left: 0 !important;
    right: 0 !important;
    top: -100% !important;
    height: 100%;
    transition: all 0.5s ease !important;
}
.ast-mobile-popup-drawer.active{top: 0 !important;}
.ast-mobile-popup-drawer .ast-mobile-popup-inner{
    transform: translate(0%, 0%) !important;
    position: absolute;
    max-width: 100%;
    background-color: #e0dabc;
}
.ast-mobile-popup-drawer .ast-mobile-popup-content{padding: 0 40px;}
.ast-builder-menu-mobile .main-navigation .menu-item > .menu-link{background-image: url(./images/menu-arrow.png); background-size: 20px; background-repeat: no-repeat; background-position: right center;}
.menu-toggle-close .ahfb-svg-iconset svg{width: 24px; height: 24px;}
.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding-right: 0;}
.menu-toggle-close{border: none !important; outline: none !important;}
.ast-mobile-popup-content #block-23 img{display: none;}
.ast-mobile-popup-content #block-23 .menu-footer-menu-container .menu-link {
    font-size: 16px;
    padding: 5px 0;
    display: block;
}

/*========== Paralax Slider CSS ==============*/
.paralax-thum-slider { width: 100%; /*max-width: 1240px;*/ margin: 0 auto; align-items: center;}
.paralax-thum-slider, .paralax-thum-slider .slider-thums{display: flex; -webkit-display: flex;}
.paralax-thum-slider .slider-for { width: 44%; padding: 0 10px;}
.paralax-thum-slider .slider-for .slick-arrow{position: absolute; bottom: -70px; z-index: 9; border: none !important;
    width: 40px;
    white-space: nowrap;
    text-indent: 50px;
    overflow: hidden;
    padding: 0;
    height: 40px;
    background-image: url(./images/left-arrow.svg);
    background-color: transparent !important;
    background-size: 100%;
}
.paralax-thum-slider .slider-for .slick-slide img{height: 620px;}
.paralax-thum-slider .slider-for .slick-arrow.slick-next{right: 200px; background-image: url(./images/right-arrow.svg);}
.paralax-thum-slider .slider-for .slick-arrow.slick-prev{left: 200px;}
.paralax-thum-slider .slider-for .slick-list{max-width: 448px; margin: 0 auto; border-radius: 30px;}
.paralax-thum-slider .slider-thums{width: 38%; position: relative; align-self: flex-end; -webkit-align-self: flex-end; margin-bottom: 30px;}
.paralax-thum-slider .slider-nav-con{width: 26%;}
/*.paralax-thum-slider .slider-nav-con .slick-track{
    display: flex; -webkit-display: flex;
    flex-wrap: wrap; -webkit-flex-wrap: wrap;
    align-items: center; -webkit-align-items: center;
}*/
.paralax-thum-slider .slider-nav-con .slick-slide p{font-family: 'WVGNOP+BaskervilleURW-RegIta' !important; font-size: 18px;
    line-height: 1.2; margin: 0;}
.paralax-thum-slider .slider-nav-con .slick-slide p span{font-family:'Century Gothic'; font-weight: 600; display: block; margin-top: 10px;}
.paralax-thum-slider .inner-slider-thums { width: 50%; padding-right:25px; cursor: pointer; position: initial;}
.paralax-thum-slider .inner-slider-thums .thumb-slide:last-child { margin-bottom: 0;}
.paralax-thum-slider .inner-slider-thums .thumb-slide.slick-current { border-color: #ddd;}
.paralax-thum-slider .inner-slider-thums .slick-arrow { position: absolute; top: 0; bottom: 0; width: calc(50% - 25px); left: 0; z-index: 1; border: none; background-color: transparent; font-size: 0; cursor: pointer;}
.paralax-thum-slider .inner-slider-thums .slick-arrow.slick-next { right: 0; left: inherit;}
.paralax-thum-slider .slick-slide img { width: 100%; object-fit: cover;}
.paralax-thum-slider .inner-slider-thums .thumb-slide img{height: 350px; filter: grayscale(1);}
.paralax-thum-slider .inner-slider-thums .slick-list, 
.paralax-thum-slider .inner-slider-thums .slick-list *{height: 100%;}
.paralax-thum-slider .inner-slider-thums .slick-list{border-radius: 20px;}

/*.paralax-thum-slider .image-slide .slick-slide{opacity: 1 !important;}*/

.paralax-thum-slider .image-slide .slick-slide.removingcoming_animation{
    animation: Slideshow_wipeOut__adWM5 1s;
    animation-fill-mode: forwards;
 
}
@keyframes Slideshow_wipeOut__adWM5 {
    0% {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
    }

    to {
        -webkit-clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);
        clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%)
    }
}

.paralax-thum-slider .image-slide .slick-slide.coming_animation{
    animation: Slideshow_wipeIn__acFYt 1s;
    animation-fill-mode: forwards;

}
.paralax-thum-slider .image-slide .slick-slide .slick-slide{
    -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
    clip-path: polygon(0 0,0 0,0 100%,0 100%);
}

@keyframes Slideshow_wipeIn__acFYt {
    0% {
        -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
        clip-path: polygon(0 0,0 0,0 100%,0 100%)
    }

    to {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
    }
}
/*========== Paralax Slider CSS End ==============*/


@media(max-width:1200px){
    html{overflow-x: hidden;}
    .css-zt4sr6{right: 10px;}
    header #media_image-3 img { width: 35px;}
    header #media_image-3{line-height: 1;}
    .mob-br-none br{display: none;}
    body.home{background-attachment: scroll !important; background-size: 200%; background-position: top center;}
    .dates-box .uabb-ultb3-box {transform: translate(160px,0px);}
     .marquee-animate .fl-row-content-wrap{background-size: 200%; animation-duration: 40s; -webkit-animation-duration: 40s; animation-direction: reverse !important; -webkit-animation-direction: reverse !important;}

     .paralax-thum-slider{flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: flex-start; -webkit-align-items: flex-start;}
    .paralax-thum-slider .slider-thums{width: 50%; order: 0; padding-right: 10px; align-self: flex-start; -webkit-align-self: flex-start;}
    .paralax-thum-slider .slider-for{order: 1; position: absolute; top: 465px;}
    .paralax-thum-slider .slider-for, .paralax-thum-slider .slider-thums{width: 100%; max-width: 365px;}
    .paralax-thum-slider .slider-nav-con {width: 100%; max-width: calc(100% - 365px);}
    .paralax-thum-slider .inner-slider-thums{padding: 0 10px;}
    .paralax-thum-slider .inner-slider-thums:first-child, .paralax-thum-slider .slider-for{padding-left: 0;}
    .paralax-thum-slider .inner-slider-thums:last-child{padding-right: 0;}
    .paralax-thum-slider .slider-for .slick-slide img{height: 460px;}
    .paralax-thum-slider .inner-slider-thums .thumb-slide img{height: 200px;}
    .paralax-thum-slider .inner-slider-thums .slick-arrow{padding: 0; width: calc(50% - 10px);}
/*    .paralax-thum-slider .slider-thums{margin: -110px 0 0;}*/
    .paralax-thum-slider .slider-nav-con{padding-left: 10px;}
    .paralax-thum-slider .slider-for .slick-arrow.slick-next{right: 100px;}
    .paralax-thum-slider .slider-for .slick-arrow.slick-prev{left: 100px;}
    .kind-slider > .fl-row-content-wrap{height: 100vh;}
    header.ast-nav-up { top: -90px !important;}
}

@media(min-width:1220px) and (max-width:1550px){
    .paralax-thum-slider .slider-thums{width: 35%;}
    .paralax-thum-slider .slider-nav-con{width: 33%; padding-left: 20px;}
    .paralax-thum-slider .slider-for{width: 32%;}
    .paralax-thum-slider .slider-for .slick-slide img{height: 580px;}
    .paralax-thum-slider .inner-slider-thums .thumb-slide img{height: 300px;}
    .paralax-thum-slider .slider-for .slick-arrow.slick-next{right: 140px;}
    .paralax-thum-slider .slider-for .slick-arrow.slick-prev{left: 140px;}
    .dates-box .uabb-ultb3-box{transform: translate(185px,0px);}
}

@media(max-width:991px){
    .dates-box { width: 50% !important;}
    .dates-box .uabb-ultb3-box { transform: translate(200px,0px);}

    .paralax-thum-slider .slider-for{top: 415px;}
    
}

@media(min-width:768px) and (max-width:991px){
    .dates-boxs .fl-col.fl-node-bo2u6ewvay8n .fl-col-content{flex-direction: row; -webkit-flex-direction: row;}
    header.ast-nav-up { top: -77px !important;}
}


@media(max-width:767px){
    .mob-radius .fl-row-content-wrap { border-radius: 40px 40px 0 0;}
    .mob-radius-content .fl-col-content{border-radius: 0 0 40px 40px;}
    span.shape-and{font-size: 80px;}
    .marquee-animate .fl-row-content-wrap{background-size: 350%; }
    .uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited{font-size: 14px;}
    body.home{background-size: 300%;}
    .dates-box .uabb-ultb3-box {transform: translate(160px,0px);}
    .dates-box { width: 100% !important;}

    .paralax-thum-slider .slider-nav-con{max-width: 100%;}
    .paralax-thum-slider .slider-for{position: relative; top: inherit;}
    .paralax-thum-slider .slider-for{order: 0;}
    .kind-slider > .fl-row-content-wrap{height: auto;}
    .paralax-thum-slider .slider-for, .paralax-thum-slider .slider-thums, .paralax-thum-slider .slider-for .slick-list{max-width: 100%;}
    .paralax-thum-slider .slider-nav-con .slick-track{align-items: flex-start; -webkit-align-items: flex-start;}
    .paralax-thum-slider .slider-nav-con{padding-top: 100px;}
    .paralax-thum-slider .slider-for, .paralax-thum-slider .slider-thums, .paralax-thum-slider .slider-nav-con{padding-left:10px !important; padding-right:10px !important;}
    header.ast-nav-up { top: -77px !important;}
}