.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1120px;
}
body {font-family: 'Montserrat';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 75px;
padding-right: 20px;
padding-bottom: 75px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.winery-heading-four {
 font-family:'Montserrat';
 color:#75455d;
 font-size:24px;
 font-weight:900;
 line-height:1.1;
}
.winery-logo:hover{
 opacity:1;
}
.winery-logo {
 padding-top:12px;
 padding-left:12px;
 padding-right:12px;
 padding-bottom:12px;
 transition-duration:0.2s;
 transition-timing-function:ease;
 transition-property:all;
 opacity:0.5;
}
.winery-footer-2-link:hover{
 color:#ffffff;
}
.winery-footer-2-link {
 font-family:'Montserrat';
 font-size:14px;
 color:rgba(255,255,255,0.5);
 font-weight:400;
 margin-bottom:6px;
}
.winery-header-link:hover{
 color:#ffffff;
 text-decoration:none;
}
.winery-header-link {
 font-family:'Montserrat';
 color:rgba(255,255,255,0.5);
 text-decoration:none;
 font-size:14px;
 font-weight:400;
 padding-left:18px;
 padding-right:18px;
 padding-top:9px;
 padding-bottom:9px;
 line-height:1.1;
 letter-spacing:1px;
}
.banner3dfront {
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
 padding-left:0px;
 width:100%;
 position:relative;
}
.banner3dfront:not(.ct-section):not(.oxy-easy-posts),
.banner3dfront.oxy-easy-posts .oxy-posts,
.banner3dfront.ct-section .ct-section-inner-wrap{
flex-direction:column;
align-items:center;
justify-content:center;
}
.banner3d {
 width:100%;
}
.banner3d:not(.ct-section):not(.oxy-easy-posts),
.banner3d.oxy-easy-posts .oxy-posts,
.banner3d.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.aos-reveal-ltr {
}
.aos-reveal-ttb {
}
.top-nav-links {
 margin-right:15px;
 margin-left:15px;
}
@media (max-width: 991px) {
.top-nav-links {
 margin-left:10px;
 margin-right:10px;
}
}

@media (max-width: 767px) {
.top-nav-links {
 margin-left:10px;
 margin-right:10px;
}
}

@media (max-width: 479px) {
.top-nav-links {
 margin-left:8px;
 margin-right:8px;
}
}

.top-nav-image:hover{
transform:scale3d(1.2,1.2,5); transition-duration:0.5s;
 transition-timing-function:ease;
 filter:grayscale(0%);
}
.top-nav-image {
 width:40px;
 transition-duration:0.5s;
 transition-timing-function:ease;
 filter:grayscale(100%);
 margin-bottom:5px;
}
@media (max-width: 1120px) {
.top-nav-image {
 width:40px;
}
}

@media (max-width: 991px) {
.top-nav-image {
 width:40px;
}
}

@media (max-width: 767px) {
.top-nav-image {
 width:35px;
}
}

@media (max-width: 479px) {
.top-nav-image {
 width:30px;
}
}

.pbar-home {
 progress_bar_right_text_typography_font-family:Montserrat;
 margin-top:25px;
 progress_bar_right_text_typography_font-size:22px;
 progress_bar_right_text_typography_font-weight:700;
 margin-bottom:25px;
 progress_bar_left_text_typography_color:#282a36;
 progress_bar_left_text_typography_font-weight:700;
 progress_bar_right_text_typography_color:#282a36;
}

        
        
        
                        .pbar-home .oxy-progress-bar-overlay-text {
            color: #282a36;
font-weight: 700;
        }
        
                        .pbar-home .oxy-progress-bar-overlay-percent {
            font-family: 'Montserrat';
font-size: 22px;
font-weight: 700;
color: #282a36;
        }
        
        @media (max-width: 767px) {
.pbar-home {
 progress_bar_left_text_typography_font-size:16px;
 progress_bar_right_text_typography_font-size:16px;
}

        
        
        
                        .pbar-home .oxy-progress-bar-overlay-text {
            font-size: 16px;
        }
        
                        .pbar-home .oxy-progress-bar-overlay-percent {
            font-size: 16px;
        }
        
        }

.aos-reveal-rtl {
}
.work-image:hover{
transform:scale(1.2,1.2); transition-duration:0.5s;
 filter:grayscale(0%);
 z-index:999;
}
.work-image {
 border-radius:10px;
 filter:grayscale(100%);
 transition-duration:0.5s;
 z-index:99;
box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}
.home-sublines {
 font-family:'Montserrat';
 font-size:32px;
 font-weight:600;
 margin-top:15px;
 margin-bottom:15px;
}
.aos-reveal-ttb-first {
}
.aos-reveal-btt {
}
.stylish-image {
}
.portfolio-section {
 background-color:#f5f5f5;
}
.portfolio-section .ct-section-inner-wrap {
padding-top: 300px;
padding-bottom: 300px;
}
.portfolio-section:not(.ct-section):not(.oxy-easy-posts),
.portfolio-section.oxy-easy-posts .oxy-posts,
.portfolio-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.portfolio-section {
}
.portfolio-section .ct-section-inner-wrap {
padding-top: 200px;
padding-bottom: 200px;
}
}

.portfolio-heading {
 color:#282a36;
 font-size:32px;
}
@media (max-width: 767px) {
.portfolio-heading {
 font-size:24px;
}
}

.portfolio-text {
 color:#282a36;
 font-weight:500;
 font-size:18px;
}
@media (max-width: 767px) {
.portfolio-text {
 font-size:16px;
}
}

.hi-icon-effect-6 {
}
.hi-icon {
}
.hi-icon-wrap {
}
.img-box-shadow {
}
.code-block-121 {
}
.mask {
}
.mobile-home-section {
}
.desktop-home-section {
}
.mobile-menu-text {
}
@media (max-width: 991px) {
.mobile-menu-text {
 font-size:9px;
 color:#ffffff;
}
}

.desktop-menu-text {
 font-size:10px;
 color:#ffffff;
}
.s1-icon {
 width:50px;
 margin-right:10px;
}
.s1-bp-div {
 margin-bottom:15px;
}
.s1-bp-div:not(.ct-section):not(.oxy-easy-posts),
.s1-bp-div.oxy-easy-posts .oxy-posts,
.s1-bp-div.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
/* 

CSS Reveal Animations with AOS
by Michael Thomas aka SUPAMIKE

*/
.aos-reveal-ltr,
.aos-reveal-rtl,
.aos-reveal-ttb,
.aos-reveal-btt {
  
  	/* default settings */
    --aos-reveal-speed: .8s;
    --aos-reveal-colorstart: #28C39B;
    --aos-reveal-colorend: #a186cc;
    --aos-reveal-delay: .5s;
    --aos-reveal-entrance: aos-reveal-none;
  	/* end of default settings */

    position: relative;
    overflow: hidden;
}

.aos-reveal-ttb-first {
	--aos-reveal-delay: 3s;
}

.aos-reveal-ltr[data-aos=fade].aos-animate>*,
.aos-reveal-rtl[data-aos=fade].aos-animate>*,
.aos-reveal-ttb[data-aos=fade].aos-animate>*,
.aos-reveal-btt[data-aos=fade].aos-animate>* {
    animation: var(--aos-reveal-entrance) calc(var(--aos-reveal-speed) * 1) calc(var(--aos-reveal-speed) + var(--aos-reveal-delay));
    animation-fill-mode: forwards;
    opacity: 0;
}

.aos-reveal-ltr[data-aos=fade].aos-animate::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-101%);
    animation: aos-revealin-ltr var(--aos-reveal-speed) var(--aos-reveal-delay), aos-revealout-ltr var(--aos-reveal-speed) calc(var(--aos-reveal-speed) + var(--aos-reveal-delay));
    animation-fill-mode: forwards;
}

.aos-reveal-rtl[data-aos=fade].aos-animate::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-101%);
    animation: aos-revealin-rtl var(--aos-reveal-speed) var(--aos-reveal-delay), aos-revealout-rtl var(--aos-reveal-speed) calc(var(--aos-reveal-speed) + var(--aos-reveal-delay));
    animation-fill-mode: forwards;
}

.aos-reveal-ttb[data-aos=fade].aos-animate::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateY(-101%);
    animation: aos-revealin-ttb var(--aos-reveal-speed) var(--aos-reveal-delay), aos-revealout-ttb var(--aos-reveal-speed) calc(var(--aos-reveal-speed) + var(--aos-reveal-delay));
    animation-fill-mode: forwards;
}

.aos-reveal-btt[data-aos=fade].aos-animate::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateY(101%);
    animation: aos-revealin-btt var(--aos-reveal-speed) var(--aos-reveal-delay), aos-revealout-btt var(--aos-reveal-speed) calc(var(--aos-reveal-speed) + var(--aos-reveal-delay));
    animation-fill-mode: forwards;
}

@keyframes aos-reveal-none {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes aos-reveal-fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes aos-reveal-slideleft {
    0% {
        opacity: 1;
        transform: translatex(100px);
    }

    100% {
        opacity: 1;
        transform: translatex(0px);
    }
}

@keyframes aos-reveal-slideright {
    0% {
        opacity: 1;
        transform: translatex(-100px);
    }

    100% {
        opacity: 1;
        transform: translatex(0px);
    }
}

@keyframes aos-reveal-slideup {
    0% {
        opacity: 1;
        transform: translatey(100px);
    }

    100% {
        opacity: 1;
        transform: translatey(0px);
    }
}

@keyframes aos-reveal-slidedown {
    0% {
        opacity: 1;
        transform: translatey(-100px);
    }

    100% {
        opacity: 1;
        transform: translatey(0px);
    }
}

@keyframes aos-reveal-zoomin {
    0% {
        opacity: 1;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes aos-reveal-zoomout {
    0% {
        opacity: 1;
        transform: scale(2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes aos-revealin-ltr {
    0% {
        transform: translateX(-101%);
        background-color: var(--aos-reveal-colorstart);
    }

    100% {
        transform: translateX(0);
        background-color: var(--aos-reveal-colorend);
    }
}

@keyframes aos-revealout-ltr {
    0% {
        transform: translateX(0);
        background-color: var(--aos-reveal-colorend);
    }

    100% {
        transform: translateX(101%);
        background-color: var(--aos-reveal-colorstart);
    }
}

@keyframes aos-revealin-rtl {
    0% {
        transform: translateX(101%);
        background-color: var(--aos-reveal-colorstart);
    }

    100% {
        transform: translateX(0);
        background-color: var(--aos-reveal-colorend);
    }
}

@keyframes aos-revealout-rtl {
    0% {
        transform: translateX(0);
        background-color: var(--aos-reveal-colorend);
    }

    100% {
        transform: translateX(-101%);
        background-color: var(--aos-reveal-colorstart);
    }
}

@keyframes aos-revealin-ttb {
    0% {
        transform: translateY(-101%);
        background-color: var(--aos-reveal-colorstart);
    }

    100% {
        transform: translateY(0);
        background-color: var(--aos-reveal-colorend);
    }
}

@keyframes aos-revealout-ttb {
    0% {
        transform: translateY(0);
        background-color: var(--aos-reveal-colorend);
    }

    100% {
        transform: translateY(101%);
        background-color: var(--aos-reveal-colorstart);
    }
}

@keyframes aos-revealin-btt {
    0% {
        transform: translateY(101%);
        background-color: var(--aos-reveal-colorstart);
    }

    100% {
        transform: translateY(0);
        background-color: var(--aos-reveal-colorend);
    }
}

@keyframes aos-revealout-btt {
    0% {
        transform: translateY(0);
        background-color: var(--aos-reveal-colorend);
    }

    100% {
        transform: translateY(-101%);
        background-color: var(--aos-reveal-colorstart);
    }
}

.revealLTR,
.revealRTL,
.revealTTB,
.revealBTT {
	position: relative;
	overflow: hidden;
}
.revealLTR[data-aos=fade].aos-animate > *,
.revealRTL[data-aos=fade].aos-animate > *,
.revealTTB[data-aos=fade].aos-animate > *,
.revealBTT[data-aos=fade].aos-animate > * {
	animation: fadeIn 0s 0.6s;
	animation-fill-mode: backwards;
}
.revealLTR[data-aos=fade]:not[.aos-animate],
.revealRTL[data-aos=fade]:not[.aos-animate],
.revealTTB[data-aos=fade]:not[.aos-animate],
.revealBTT[data-aos=fade]:not[.aos-animate] {
	opacity: 0;
}
.revealLTR[data-aos=fade].aos-animate::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: white;
	transform: translateX(-100%);
	animation: revealInLTR 0.6s 0s, revealOutLTR 0.6s 0.6s;
	animation-fill-mode: forwards;
}
.revealRTL[data-aos=fade].aos-animate::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: white;
	transform: translateX(100%);
	animation: revealInRTL 0.6s 0s, revealOutRTL 0.6s 0.6s;
	animation-fill-mode: forwards;
}
.revealTTB[data-aos=fade].aos-animate::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: white;
	transform: translateY(-100%);
	animation: revealInTTB 0.6s 0s, revealOutTTB 0.6s 0.6s;
	animation-fill-mode: forwards;
}
.revealBTT[data-aos=fade].aos-animate::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: white;
	transform: translateY(100%);
	animation: revealInBTT 0.6s 0s, revealOutBTT 0.6s 0.6s;
	animation-fill-mode: forwards;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes revealInLTR {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes revealOutLTR {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(101%);
	}
}
@keyframes revealInRTL {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes revealOutRTL {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-101%);
	}
}
@keyframes revealInTTB {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes revealOutTTB {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(101%);
	}
}
@keyframes revealInBTT {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes revealOutBTT {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-101%);
	}
}.stylish-image {
	filter: grayscale(1);
	transition-duration: .5s;
}

.stylish-image:hover {
	filter: grayscale(0);
	transform: scale(1.3);
}@media screen and (max-width: 1366px) {
	
	#banner3d {
    -webkit-mask-size: 70%;
    mask-size: 70%;
	}
	
}

@media screen and (max-width: 788px) {
	
	#banner3d {
    -webkit-mask-size: 95%;
    mask-size: 95%;
	}
	
}.img-box-shadow {
	box-shadow: rgb(0 0 0 / 20%) 0px 12px 28px 0px, rgb(0 0 0 / 10%) 0px 2px 4px 0px, rgb(255 255 255 / 5%) 0px 0px 0px 1px inset;
}