/* ----------------------------------------------------------------
	Canvas: Furniture
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #005bbb;
	--cnvs-themecolor-rgb: 25, 53, 50;
	--cnvs-themecolor-light: #EBF1F0;

	--cnvs-body-font: 'Roboto', sans-serif;
	--cnvs-primary-font: 'Roboto', sans-serif;
}

#header {
	--cnvs-primary-menu-font:            	var(--cnvs-body-font);
	--cnvs-primary-menu-font-weight:     	500;
	--cnvs-primary-menu-font-size:       	0.8rem;
	--cnvs-primary-menu-tt:					uppercase;
	--cnvs-primary-menu-ls:					1px;
}

#footer {
    background-color:#002e5e !important;
}

body:not(.dark),
h1,
h2,
h3,
h4,
h5,
h6,
p,
.fbox-content p {
	color: var(--cnvs-themecolor);
}

/* CUSTOM CODE START */
.header-misc {
        font-size:2.8em !important;
        font-weight: 600;
        color:#00295b;
        font-weight:900 !important;
        font-family:'Zona Pro', Arial, sans-serif;
    }
    .mv1000bg {
        position: absolute;
        right:10%;
        top:8%; 
        max-width:500px;
    }
    #mvslides {
        padding-bottom:50px;
        height: 750px;
    }
    .below-slideshow {
        
    }
    #form {
        margin-top:20px;
    }
    #bottomslides {
		height:550 !important;
        display:block;
	}
    .parent {
        
    }
    .center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
	
	.btn-primary {
            width:100% !important;
        }
        .col {
            flex:none !important;
        }
        .btn {
            color:#002e5e !important;
            background-color:#FFFFFF !important;
            border: 1px solid #002e5e !important;
            padding:10px;
        }
        .btn:hover {
            background-color:#A8A8A8 !important;
        }

	
	.award {
    width: 80%;
    border: 1px solid black;
    padding: 15px;
    color: #FFFFFF;
    display: table;
    float: inherit;
    background-color:#002e5e;
    margin: 0 auto;
    margin-top:-8px;
}
.award p {
    display: table-cell;
    text-align: left;
    vertical-align: middle; 
}
	
	
		table[class=column] {
			
		}
		table[class=column] p {
			line-height:1.5;
			margin-bottom:20px;
	        font-size: 16px;
	        font-family:'Zona Pro', Arial, Helvetica, sans-serif;
	        COLOR: #555555;
		}
		table[class=columnright] {
			
		}
	
	.title {
		display:block;
		font-size:50px;
		color:#00295b;
		font-weight:900 !important;
		font-family:'Zona Pro', Arial, sans-serif;
		margin-top:-10px;
		padding-bottom:0px;
		float:right;
		width:25%;
	}
	.subtitle {
		display:block;
		position: absolute;
		top:20px;
		left:20px;
		color:#FFFFFF;
		font-size:16px;
		weight:600;
		letter-spacing:0.2em;
		font-family:'Zona Pro', Arial, sans-serif;
	}
	.moreinfo {
		font-family:'Zona Pro Black', Arial, sans-serif;
		font-size:4.3em;
		text-align:center;
		color:#d5dbdf;
		height:80px;
		display:block;
		position:relative;
		top: 500px;
		visibility:hidden;
	}
	
	.allinone_thumbnailsBanner.simple .thumbsHolderVisibleWrapper {
		background-image:url("https://www.yaskawa.com/documents/20197/8845540/bg-blue-buttons.gif");
		background-repeat: repeat-x;
		background-position:60%;
	}
		div[id=right] {
		font-size:14px;	
		}
	div[id=sponsors] {
		margin:auto;
		margin-top:10px;
		}
	.flexible ul {
		margin: 0px 5px 0px 40px !important;
	}
	.sustainable ul {
		margin: 0px 5px 0px 40px !important;
	}
	.easy ul {
		margin: 0px 5px 0px 40px !important;
	}
	.driveparent {
	    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
		padding-top:20px;
	}
	.circlegraphic:nth-child(1) {
	 -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 30%;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	}
	.circlegraphic img {
		max-width:200px;
		display:block;
	}
	
	.flexible:nth-child(2) {
		 -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 23%;
    -ms-flex: 0 1 23%;
    flex: 0 1 23%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	}
	.sustainable:nth-child(3) {
		   -webkit-order: 0;
    -ms-flex-order: 0;

    order: 0;
    -webkit-flex: 0 1 23%;
    -ms-flex: 0 1 23%;
    flex: 0 1 23%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	}
	.easy:nth-child(4) {
		-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 23%;
    -ms-flex: 0 1 23%;
    flex: 0 1 23%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	}
	.bottombuttons {
		font-family:'Zona Pro', Arial, sans-serif;
		display: -ms-flexbox;
    margin: 10px auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 100%;
	}
	.bottombuttonholder {
		display:block;
		position:relative;
        margin-top: 200px;
        outline: 1px solid purple;
	}
	.buttonbar {
margin: 10px auto;
  display: -webkit-box;   
  display: -moz-box;  
  display: -ms-flexbox; 
  display: -webkit-flex; 
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 90%;
	}
	.buttonbar a {
		 background: #0056b8;
    padding: 1em 3em 1em 3em;
    font-size: 1.1em;
    margin: .3em;
    color: white;
    text-decoration: none !important;
    flex-grow: 1;
    text-align: center;
	display:block;
	}
	.buttonbar a:hover, a:active {
				background: #002b65 !important;
			}
    #btnlink {
        width: 100%;
        height: 100%;
        display:block;
        padding-top:15px;
    }
    .buttoncontainer {
        font-family:'Zona Pro', Arial, sans-serif;
        font-size: 1.2rem;
        max-width:90%;
        margin: 0 auto;
        margin-top:50px;
			display:flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		.item {
            background: #f37021;
            text-align:center;
			width: 48%;
			height: 100px;
			margin-bottom: 2%;
		}
		
    .item a {
        color: #FFFFFF !important;
        text-decoration: none;
    }
    .item:hover {
                transition-duration: 0.4s;
				background: #002e5e !important;
			}
	.datasheetbutton {
		background-color:#0056b8;
		padding: 15px 10px;
		text-align:center;
		text-decoration: none;
    align-self: auto;
	}
	.contactbutton {
		background-color:#0056b8;
		padding: 15px 10px;
		text-align:center;
		text-decoration: none;
    align-self: auto;
	}
	
	.videobox {
		background-image:url("https://www.yaskawa.com/documents/20197/8845540/videobox-bg1.png");
		height:180px;
		padding-left:30px;
		padding-top:20px;
	}
	
	.ytvideo {
		float:left;
	}
	.ytvideotext {
		float:right;
		margin-top:45px;
		margin-right:20px;
		font-family:'Zona Pro', Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		font-size:28px;
		width:380px;
		text-align:center;
	}
		.addinfo {
			line-height:1.5;
			margin-bottom:20px;
	        font-size: 14px;
	        font-family:'Zona Pro', Arial, Helvetica, sans-serif;
	        COLOR: #555555;
			border:1px #0056b8 solid;
			padding:5px;
		}
	.addinfo p {
		font-size:13px;
	}
	.addinfo2 {
			line-height:1.5;
			margin-bottom:10px;
	        font-size: 14px;
	        font-family:'Zona Pro', Arial, Helvetica, sans-serif;
	        COLOR: #555555;
			border:1px #0056b8 solid;
			padding:5px 5px 20px 5px;
		display:block; 
		height:190px;
		padding:10px; 
		background-color:#2359a9;
		}
	.addinfo2 p {
		font-size:13px;
	}
	.addinfo2 a {
		color:#FFFFFF !important;
	}
	.addinfo2 a:visited {
		color:#D7D7D7 !important;
	}
		table[class=columnright] p {
			line-height:1.25;
			margin-bottom:20px;
	        font-size: 16px;
	        font-family:'Zona Pro', Arial, Helvetica, sans-serif;
	        COLOR: #555555;
		}
		
		.jotform-form {
			padding: 0px, 0px, 0px, 0px !important;
		}

		.footeradd {
		width: 40%;
		display:block;
		float:left;
		text-align:left;
		font-family:'Zona Pro', Arial, Helvetica, sans-serif;
		font-size:12px;	
		}
		div[id=social] {
			width:30%
			display:block;
			float:right;
		}
    
    @media only screen and (max-width:980px) {
        .parent {
        margin-top:50px;
    }
        #mvslides {
            height: 610px !important;
            margin-bottom:10px !important;
        }
    }
	@media only screen and (max-width:740px) {
		
	.circlegraphic img {
		max-width:150px;
		display:block;
	}
        #btnlink {
        padding-top:5px !important;
    }
        .item {
            height:70px !important;
        }
	
	.flexible:nth-child(2) {
		 -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 27% !important;
    -ms-flex: 0 1 27% !important;
	flex: 0 0 27% !important; /* don't grow, don't shrink, fixed width at 20% */
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	}
	.sustainable:nth-child(3) {
		   -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 20% !important;
    -ms-flex: 0 1 20% !important;
    flex: 0 0 20% !important; /* don't grow, don't shrink, fixed width at 20% */
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	}
	.easy:nth-child(4) {
		-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 27% !important;
    -ms-flex: 0 1 27% !important;
    flex: 0 0 27% !important; /* don't grow, don't shrink, fixed width at 20% */
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	}	
		
		
	}
	
		@media only screen and (max-width: 480px) { 

			table[id=emailbody] { 
				width: 100% !important;
			}
            .display-5 {
                padding-top:10px;
                font-size:1.2em !important;
            }
            .header-misc {
        font-size:2em !important;
    }
            #mvslides {
                padding-bottom:0px !important;
                height: 300px !important;
            }
            .item {
                width:100% !important;
            }
            .buttoncontainer {
                margin-top:10px !important;
            }
			.driveparent {
				text-align:center;
			}
			.driveparent li {
				text-align:left !important;
			}
			.circlegraphic {
				position:relative;
  				left:24%;
			}
			.videobox {
				padding-left:10px;
				height:370px;
				background-image:none !important;
				background-repeat: repeat-x;
				background-color:#00427c;
			}
			.subtitle {
				margin-top:-10px;
			}
			
			.ytvideo {
		float:none;
				width: 95%;
				text-align:center;
	}
			
			.ytvideotext {
				width:90%;
				display:block;
				position:relative;
				top:10px;
				margin-left:0px;
				padding-left:0px;
				float:none;
			}
			
			.moreinfo {
				font-size:2em;
				display:block;
				margin-bottom: 30px;
			}
			
			.allinone_thumbnailsBanner.simple .thumbsHolderVisibleWrapper {
		background-image:url("https://www.yaskawa.com/documents/20197/8845540/bluebar-bg-mobile.gif");
		background-repeat: repeat-x;
		background-position:60%;
	}
	
			.addinfo {
			font-size:13px;	
			}
			.addinfo2 {
				margin-bottom:20px !important;
				height: 210px !important;
			}
	
			
			.mycanvas {
				margin-top:-170px !important;
			}
			

			table[class=column] {
				width: 100% !important}
.textcontent {
			    max-width:100%
				margin-left:0px;
				padding-left:0px;	
			}
				table[class=columnright] {
				width: 100% !important}
.textcontent {
			    max-width:100%
				margin-left:0px;
				padding-left:0px;	
			}
				table[class=columnright] a {
			font-size:14px !important;
			text-align:left;
		}


				div[id=social] {
			width:100% !important;
			display:block;
			float:none !important;
		}
			.driveparent {
				display:table; /*fallback*/
				display: block;
	}
	.circlegraphic:nth-child(1) {
width:100% !important;
		display:block;
		flex:none;
		padding-bottom:30px;
	}
	.circlegraphic img {
		width:50% !important;
	}
	
	.flexible:nth-child(2) {
		 width:100% !important;
		display:block;
		flex:none;
	}
	.sustainable:nth-child(3) {
		  width:100% !important;
		display:block;
		flex:none;
	}
	.easy:nth-child(4) {
		width:100% !important;
		display:block;
		flex:none;
	}


			}



	
	
.acrosstop {
width: 95%;
margin: auto;
padding: 10px;
}

.toptitle {	
font-size:20px;
padding: 5px;
margin: auto;
text-align:left;
}
#btn {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #005698;
  padding: 6px 10px 10px 6px;
  text-decoration: none;
}


@media only screen and (max-width: 479px) {
	#aside {
	width:100%;
	/* (200/960) = .2083 x 100 = 20.83% */
	float:left;
	/*padding:20px;*/
	padding:2%;
}
    
    #content {
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }
    
    .parent {
        margin-top:30px !important;
    }
   #bottomslides {
		height: 310px !important;
	}
.acrosstop {
width: 100%;
margin: auto;
padding: 10px;
margin-top:-20px;
margin-bottom: -20px;
}
	.title {
		font-size:30px;
		width:30%;
		margin-top:0px;
		margin-bottom:-3px;
	}
	
	.moreinfo {
		top:370px;
	}	
	.bottombuttonholder {
		top:320px;
	}

#contentright {
width: 100% !important;
max-width: 100% !important;
margin-bottom:-20px;
}

#contentright img {
	width:100% !important;
	max-width:100% !important;
}
div[id="social"] {
	
}

.twitterfeed {
width: 100%;	
}
.twitter-grid {
	width: 100%;
}

#one {
	display:table-footer-group;
}
#two {
	display:table-header-group;
}
	div[id=footer] {
		top:100px;
	}

			.textcontent {
			    max-width:100%;
				margin-left:0px;
				padding-left:0px;	
			}
	
		div[id=social] {
			width:30%
			display:block;
			float:none;
		}
	.driveparent {
	}
	.circlegraphic:nth-child(1) {
	 -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	}
	.circlegraphic img {
		max-width:100%;
		display:block;
	}
	
	.flexible:nth-child(2) {
		 -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	}
	.sustainable:nth-child(3) {
		   -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	}
	.easy:nth-child(4) {
		-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	}

}

@media only screen and (max-width: 640px) {
	#content {
width: 100% !important;
max-width: 100% !important;
margin-bottom:-20px;
}
    
    .parent {
        margin-top:500px;
    }
    .buttoncontainer {
        font-size: 1rem;
    }
.acrosstop {
width: 100%;
margin: auto;
padding: 10px;
margin-top:-20px;
margin-bottom: -20px;
}
	
		#aside {
	width:100%;
	/* (200/960) = .2083 x 100 = 20.83% */
	float:left;
	/*padding:20px;*/
	padding:2%;
}
.twitterfeed {
width: 100%;	
}
.twitter-grid {
	width: 100%;
}
.addinfo {
			font-size:15px;	
			}
}

/* CUSTOM CODE END */



.is-expanded-menu .full-header #logo {
  padding-right: 30px;
  border-right: 0px;
}

.slider-caption h2 {
    font-size:4.2rem !important;
}

.slider-caption p {
    font-size: 1.2rem !important;
}

.bg-color-light,
.bg-color-light .svg-underline::after {
	background-color: var(--cnvs-themecolor-light) !important;
}

/* Top Search Icon Switch */
.top-search-open #top-search a i:nth-child(1),
body:not(.top-search-open) #top-search a i:nth-child(2) {
	opacity: 0;
}
.top-search-open .top-search-parent .header-misc > #top-cart {
	opacity: 1;
}

.primary-menu-open #primary-menu-trigger svg:nth-child(1),
body:not(.primary-menu-open) #primary-menu-trigger svg:nth-child(2) { display: none; }

/* Top Cart Number Sizes */
.top-cart-number {
	width: .925rem;
	height: .925rem;
	line-height: 1rem;
}

/* Hero Image Background */
.slider-element:not(.bg-color) {
background: url('../images/mv1000/banner-bk2c.jpg') center center no-repeat;
    background-size:cover;
}


/* Hero Image position */
.hero-image {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 92%;
	height: auto;
}

/* Hero Image Devices */
.device-lg .hero-image,
.device-md .hero-image {
 	width: 80%;
}

	/* ---- Primary Menu ---- */
	.is-expanded-menu .primary-menu:not(.on-click) .menu-item:not(.mega-menu) .sub-menu-container,
	.is-expanded-menu .primary-menu:not(.on-click) .mega-menu-content {
		margin-top: -10px;
		border-top-width: 1px !important;
	}

	.is-expanded-menu .primary-menu:not(.on-click) .menu-item:hover > .sub-menu-container,
	.is-expanded-menu .primary-menu:not(.on-click) .menu-item:hover > .mega-menu-content {
		margin-top: 0px;
	}

	.is-expanded-menu .sub-menu-container .menu-item > .menu-link {
		padding-left: 18px;
		padding-right: 18px;
		letter-spacing: 0px;
		font-size: 0.875rem;
		text-transform: none;
	}

	.is-expanded-menu .sub-menu-container.mega-menu-column:not(:first-child) {
		border-left: 0;
	}

	.is-expanded-menu .sub-menu-container:not(.mega-menu-column) .menu-item > .menu-link {
		text-transform: none;
		letter-spacing: 0;
		font-weight: 400 !important;
		font-size: 0.875rem;
	}

	.is-expanded-menu .sub-menu-container .menu-item > .menu-link div {
		position: relative;
		display: flex;
		align-items: center;
	}

	.is-expanded-menu .sub-menu-container .menu-link div > .sub-menu-indicator, .is-expanded-menu.side-header .primary-menu:not(.on-click) .menu-link .sub-menu-indicator {
		position: relative;
		top: auto;
		right: auto;
		transform: none;
	}

	.is-expanded-menu .mega-menu-content .sub-menu-container.mega-menu-dropdown {
		top: 100% !important;
		left: 0;
		padding: 0;
	}

	.is-expanded-menu .sub-menu-container .menu-link div > i.icon-caret-down {
		position: relative;
		display: inline-block;
		margin-left: 1px;
		margin-top: -1px;
		transform: rotate(0deg);
	}

	.is-expanded-menu .primary-menu > .menu-container > .menu-item > .menu-link {
		position: relative;
	}

/* Upper 992px Devices */
@media (min-width: 992px) {

	.shop-quick-view-ajax {
	    max-width: 1320px;
	    overflow-y: scroll;
	    height: 100vh;
	}

	.content-sticky {
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 40px;
		height: 100%;
	}
}

@media (max-width: 1200px) {
    .mv1000bg {
        max-width:300px !important;
        top:35% !important;
    }
}

@media (max-width: 992px) {
    .mv1000bg {
        display: none!important;
    }
}

/* Upper 1200px Devices */
@media (min-width: 1200px) {
	.slider-element:not(.bg-color) {
	background: url('../images/mv1000/banner-bk2c.jpg') center center no-repeat;
    background-size:cover;
	}
	.hero-image {
		margin-right: 30px;
		width: 65%;
	}

	.slider-element > .container {
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
	}
}

@media (max-width: 767.98px) {
  .slider-caption h2, .slider-caption .h2 {
    font-size: 7vw !important;
  }
}

@media (max-width: 767.98px) {
    .page-menu-trigger {
        display:none !important;
        visibility: hidden !important;
  }
}

@media (max-width: 767.98px) {
  .slider-caption p {
    font-size: 4vw !important;
  }
}

.fbox-content p {
	line-height: 1.5 !important;
}


/* -------- svg-underline -------- */
.svg-underline,
.svg-underline span {
	display: inline-block;
	position: relative;
	z-index: 1;
}

.svg-underline.not-animated,
.svg-underline[data-animate]:not(.animated) {
	opacity: 1;
}

.svg-underline::before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 13px;
	background-image: url("../../demos/furniture/images/underline.svg");
	background-size: 100% 13px;
	background-position: bottom center;
	opacity: 0.7;
}

.svg-underline[data-animate]::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 13px;
	background: #FFF;
	right: 0;
	bottom: 0;
	-webkit-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.dark .svg-underline::before {
	opacity: 0.7;
	background-image: url("../../demos/furniture/images/underline_dark.svg");
}

.custom-bg,
.custom-bg .svg-underline::after {
	background-color: var(--custom-bg);
}

.svg-underline.svg-underline-animated::after {
	width: 0;
}

.item-categories h5 {
	position: absolute;
	top: auto;
	left: 10px;
	bottom: 0;
	padding: 12px 22px;
}

/* Cart */
#side-panel .side-panel-wrap {
	padding: 0 30px 0 0;
}

/* Cart overlay Background */
.body-overlay {
	background: rgba(25, 53, 50, 0.8);
}

/* Instagram New Color */
.si-instagram.si-colored,
.si-instagram:hover {
	background: #f09433;
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

/* 4px Gutter bewtween col*/
.gutter-4 {
	--bs-gutter-y: 4px;
	--bs-gutter-x: 4px;
}

/* Section Instagram */
.instagram-image::before {
	opacity: 0;
	content: "";
	background-color: rgba(0,0,0,0.65);
	background-image: url('images/instagram.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	color: #FFF;
	font-size: 24px;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	transition: opacity .4s ease;
}

.instagram-image:hover::before {
	opacity: 1;
}

/* Footer */
.widget_links li {
	font-size: 0.725rem;
	padding: 8px 0;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.widget.subscribe-widget input {
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #F5F5F5;
}

.widget.subscribe-widget input::-moz-placeholder {
	font-size: 13px;
	color: #AAA;
}
.widget.subscribe-widget input:-ms-input-placeholder {
	font-size: 13px;
	color: #AAA;
}
.widget.subscribe-widget input::-webkit-input-placeholder {
	font-size: 13px;
	color: #AAA;
}

/* Toggle */
.single-product .qv-toogle a {
	font-size: 1.15rem;
	transition: font-weight .2s;
}

.single-product .qv-toogle a:not(.collapsed) {
	font-weight: 500;
}

.single-product .qv-toogle p {
	font-size: 0.925rem;
}

.single-product .qv-toogle a.collapsed i:nth-child(2),
.single-product .qv-toogle a:not(.collapsed) i:nth-child(1) {
	display: none;
}

.quantity .plus,
.quantity .minus,
.quantity .qty {
	width: 46px;
	height: 46px;
	line-height: 46px;
	background-color: var(--cnvs-themecolor-light);
	color: var(--cnvs-themecolor);
	font-weight: 500;
}

.dark .quantity .plus,
.dark .quantity .minus,
.dark .quantity .qty {
	background-color: transparent !important;
	border: 1px solid #AAA;
	color: #FFF;
}

.dark .quantity .qty {
	margin: 0 -1px;
}

.quantity .qty:out-of-range {
	border-color: red !important;
	z-index: 1;
	color: red;
}

.quantity .qty + .plus ~ .stock-in,
.quantity .qty + .plus ~ .stock-out {
	display: none;
	position: absolute;
	left: 0;
	bottom: -42px;
	font-size: 0.925rem;
	opacity: .9;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-wrap: break-word;
	min-width: 500px;
}

.quantity .qty:in-range + .plus ~ .stock-in,
.quantity .qty:out-of-range + .plus ~ .stock-out {
	display: block;
}

.quantity .qty:out-of-range + .plus ~ .stock-out {
	opacity: .6;
}

@media (max-width: 767.98px) {
	.bg-overlay .bg-overlay-content,
	.bg-overlay .bg-overlay-content:not(.animated),
	.bg-overlay .bg-overlay-content.animated {
		opacity: 1 !important;
		-webkit-animation-name: fadeIn !important;
    	animation-name: fadeIn !important;
	}
}

/* Ajax Modal - Quick View */
.mfp-wrap > .mfp-close {
	display: none;
}

.single-product .mfp-close {
	background-image: url('images/cross.svg');
	background-size: 24px 24px;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.9;
}

.is-expanded-menu .mega-menu-column .sub-menu-indicator {
	display: none !important;
}

.is-expanded-menu .mega-menu:not(.mega-menu-small) .mega-menu-column {
	padding: 0;
}

/* Sort Dropdown */
.sortbuttons .button {
	min-width: 170px;
	background-color: #F5F5F5;
}

.sortbuttons > .button.show {
	background-color: var(--cnvs-themecolor);
	color:#FFF;
}

.sortbuttons .dropdown-menu {
	margin-top: -3px !important;
	width: 100%;
}

.sortbuttons .dropdown-menu .dropdown-item {
	padding: 0.5rem 1.25rem;
    border-bottom: 1px solid #EEE;
    font-size: .925rem;
}

.sortbuttons .dropdown-toggle::after {
	content: "\e7a7";
	font-family: "font-icons";
	border: 0;
	vertical-align: middle;
	margin: 0 0 0 6px;
}

/* Pagination */
.page-item.active .page-link,
.page-link:hover,
.page-link:focus {
	border-color: var(--cnvs-themecolor) !important;
}



/* HomePage 2 */

.slider-element .card {
	background-color: rgba(255, 255, 255, 0.35);
	border-color: rgba(255, 255, 255, 0.1);
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
	.slider-element .card {
		background-color: rgba(255, 255, 255, 0.15);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
}

.slider-element .card .card-body i {
	transform: translateX(-4px);
	transition: transform .3s ease;
}

.slider-element .card:hover .card-body i {
	transform: translateX(0px) scale(1.1);
}

.slider-arrow-left,
.slider-arrow-right,
.slider-arrow-left:hover,
.slider-arrow-right:hover {
	background-color: transparent !important;
	transform: translateX(0) translateY(-50%) scale(.93);
	transition: transform .3s ease;
	will-change: transform;
}

.slider-arrow-left {
	transform: translateX(6px) translateY(-50%);
}

.slider-arrow-right {
	transform: translateX(-6px) translateY(-50%);
}

.widget .iconlist i {
	display: inline-block;
}