/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

@media (max-width: 767px){
	.w-itext-part{
display:none	}
}	

.l-subheader.at_middle, .l-subheader.at_middle .w-dropdown-list, .l-subheader.at_middle .type_mobile .w-nav-list.level_1 {
    background: #5b96bc !important;
}
.ush_menu_1.type_mobile .w-nav-anchor.level_1, .ush_menu_1.type_mobile .w-nav-anchor.level_1 + .w-nav-arrow {
    font-size: 12px !important;
}
h5.w-iconbox-title {
    font-size: 16px !important;
    line-height: 26px;
}
/************ Header ******************/
.l-subheader.at_middle{
	position:relative;
}
.l-subheader.at_middle::after{
	content:"";
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:15px;
	 background-image: url("https://stg.tocaany.com/marinapluskw/wp-content/uploads/2024/04/topwavess.png");
    background-repeat: repeat-x;
    z-index: 1;
    background-size: 44px;
}
.l-header.shadow_thin .l-subheader.at_middle, .l-header.shadow_thin .l-subheader.at_bottom {
    box-shadow: 0 1px 0 rgb(0 0 0 / 0%) !important;
}

/* Footer menu  */

.nav-social{
	display:flex!important;
	flex-direction:nowrap!important;
	align-content:space-evenly!important;
	box-shadow: 0px -3px 5px rgb(0 0 0 / 10%);
	position:fixed!important;
	bottom:0!important;
	left:0!important;
	width:100%!important;
	background-color:#fff;
	z-index:99;
}
.nav-social .w-iconbox{
	width:25%!important;
}

del{
	color:#f00;
}
.shape {
    -webkit-animation:spin 100s linear infinite;
    -moz-animation:spin 100s linear infinite;
    animation:spin 100s linear infinite;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

.ani-img{
	animation: upNdown12 1.7s infinite linear;
}

@keyframes upNdown12 {
    50% {
        transform: translateY(30px)
    }
}
@media(max-width:768px){

}

/************ Header ******************/
/*
.l-subheader.at_middle{
	position:relative;
}
.l-subheader.at_middle::after{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:10px;
	background:yellow;
	z-index:999;
}


.l-subheader.at_middle{
	/*border-radius: 0px 0px 100px 100px;*/
    /*box-shadow: -1px 4px 0px rgb(103 102 102 / 12%)!important;*/
	position:relative;
}
/*
.l-subheader::after{
    width: 100%;
    float: left;
    height: 15px;
    background-image: url("https://stg.tocaany.com/marinapluskw/wp-content/uploads/2024/01/topwaves.png");
    background-repeat: repeat-x;
    position: absolute;
    margin-top: 0px;
    z-index: 25;
    background-size: 44px;
}*/
/*
@media(max-width:768px){
	.l-subheader.at_middle{
		border-radius: 0px 0px 50px 50px;
		padding-left:10px;
		padding-right:10px; 
	}
}
.l-subheader.at_middle .logo{
	position:relative;
	padding:15px;
	}*/
/*
@media (min-width: 1381px){
	.l-header.bg_transparent:not(.sticky) .l-subheader {
		/*box-shadow: -1px 4px 0px rgb(103 102 102 / 12%)!important;*/
	}
}*/
/*
.l-subheader.at_middle .logo:before{
	content:"";
	position:absolute;
	top:0;
	left:-9px;
	width:100%;
	height:100%;
	background-color:#f5f5f2;
	padding:10px 10px 20px 10px;
	border-radius: 0 0 50% 50%; 
	 box-shadow: 0px 4px 0px rgb(103 102 102 / 12%);
	z-index:0;
}*/
/*
@media (max-width:768px){
	.l-subheader.at_middle .logo:before{
		padding:10px 10px 8px 10px;
	}
}*/


/**** Svg *****/

	#curveUp{
		display:block;
		margin-top: -100px;
		z-index: 99;
		position: absolute;
	}

	#curveUp path {
		fill: #Fff;
		stroke: #Fff;
	}
	#curveUp-mob{
		display:none;
	}

@media(max-width:900px){
	#curveUp{
		display:none;
	}
	
	#curveUp-mob{
		display:block;
			margin-top: -70px;
		z-index: 99;
		position: absolute;
	}
	#curveUp-mob path {
		fill: #Fff;
		stroke: #Fff;
	}
}


/********  Categories style *****/

/* transform: rotate(-13deg)  */

.categories .w-grid-list .w-grid-item:nth-of-type(odd) .w-grid-item-h{
	transform: rotate(-13deg);
}
.categories .w-grid-list .w-grid-item:nth-of-type(even) .w-grid-item-h{
	transform: rotate(13deg);
}

/**** invoice ****/
.wfte_product_table_head_product.wfte_product_table_head_bg.wfte_table_head_color {
  text-indent: -9999px;
  line-height: 0; /* Collapse the original line */
}
.wfte_product_table_head_product.wfte_product_table_head_bg.wfte_table_head_color ::after {
  content: "New text";
  text-indent: 0;
  display: block;
  line-height: initial; /* New content takes up original line height */
}

.translate-middle {
    -webkit-transform: translate(50%, -50%) !important;
    transform: translate(50%, -50%) !important;
}
.start-50 {
    left: auto !important;
}
.mt-n1 {
    margin-top: -0.25rem !important;
}
.w-100 {
    width: 100% !important;
}
.start-50 {
    right: 50% !important;
}
.top-0 {
    top: 0 !important;
}
.top-100 {
    top: 100% !important;
}
.position-absolute {
    position: absolute !important;
}
.p-sm-5 {
    padding: 3rem !important;
}
.rounded-3 {
    border-radius: 0.5rem !important;
}
.bg-white {
    background-color: rgb(205 239 250 / 53%)  !important;
}
.position-relative {
    position: relative !important;
}
.shadow {
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15) !important;
    box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15) !important;
}
.fill-white {
    fill: #e5f7fc !important;
}



.tilter {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    color: #fff;
    flex: none;
    -webkit-perspective: 1000px;
    perspective: 1000px;
	    z-index: 99 !important;
	border-radius: 10px
}
.tilter:hover {
    color: #fff;
    outline: none;
}
.tilter .tilter__deco--lines {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    border: 1px solid rgba(255,255,255,.7);
	    z-index: 2;
}
.w-grid[class*="cols_"] .w-grid-list {
    display: flex;
    flex-wrap: wrap;
    margin: calc(var(--gap, 0px)* -1);
    justify-content: center;
}
.tilter__deco--lines {
    border: 0 solid rgba(255,255,255,.6);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    top: 4%;
    left: 4%;
    width: 91%;
    height: 92%;
    z-index: 1;
    transition: border 0.3s,opacity 0.3s;
}


.tilter__deco {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
	    background-image: linear-gradient(3deg, rgb(0 0 0 / 56%) 5%, rgba(0, 0, 0, .1) 50%, transparent 100%);
}
.tilter__deco .tilter__deco-shadow{
    position: absolute !important;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    background-image: linear-gradient(45deg,rgba(0,0,0,.7) 0%,rgba(255,255,255,0) 50%,transparent 100%);
}

.tilter__caption {
    position: absolute !important;
    bottom: 0;
    width: 100%;
    padding: 2.2em;
    text-align: right;
	background-image: linear-gradient(0deg, rgb(120 171 225) 0%, rgb(118 175 231) 65%, transparent 100%);
}



 a:hover {
    color: #ccc8c8 !important;
}

.tilter__title {
	color: #fff !important;
    margin: 0 !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2) !important;
}
.tilter__title:hover{
	color: #ccc !important;
}
.tilter:hover .tilter__deco .tilter__deco-shadow{
    position: absolute !important;
    bottom: -50%;
    right: -50%;
	top: 0;
	left: 0;
    background-image: linear-gradient(45deg,rgba(0,0,0,.7) 0%,rgba(255,255,255,0) 50%,transparent 100%);
}

@media (max-width: 768px) {
    .tilter__caption {
    position: absolute !important;
    bottom: 0;
    width: 100%;
    padding: 1.2em;
}
	.tilter__title {
	color: #fff !important;
    margin: 0 !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2) !important;
}
}

@media (max-width: 767px) {
    .p-sm-5 {
   	 padding: 1.5rem !important;
	}
}