/*<style>*/





/*#region    ===== RESETS ============================== */

	
	html,body{
		width:100%;
		height:100%;
		padding:0;
		margin:0;
		/*overflow-x: hidden;*/
	}



	html *, body *{box-sizing: border-box; margin:0; padding:0;}

	body{
		font-family:'ProximaNova', 'Segoe Ui', sans-serif;
		font-size:100%;
		color:#646464;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-smooth: always;
		font-weight:300;

	}

	a{text-decoration: none; color:inherit;}



	h1,h2,h3,h4,h5,h6,p{padding:0; margin:0;}

	ul{list-style:none; padding:initial; margin:initial; }

	::-webkit-scrollbar       { width:6px; background:white; }
	::-webkit-scrollbar-thumb {background: #c74e50;border-radius: 6px;}
	

/*#endregion =========================================== */



/*#region    ===== LAYOUTS ============================= */

	#main-body{
	    height: 100%;
	    display: table;
	    width: 100%;

	}

	#main-contents{
	    height: 100%;
	    width: 100%;
	    display:table-row
	}

/*#endregion =========================================== */



/*#region    ===== ESSENTIALS ========================== */

	/*#region  --- Forms & Inputs ---------------------- */
	
	input,textarea,select{
		background: rgba(255,255,255,.3);
		outline: none;
		border:2px solid rgba(0,0,0,.1);
		color: #545454;
	}

	.input-err{
		border:2px dashed #E15454;
	}

	form input,form select{
		width:100%;
		display: inline-block;
		padding:10px 16px;
		margin:5px 0;
	}

	form textarea{
		width:100%;
		display: inline-block;
		padding:10px 16px;
		margin:5px 0;
		min-height:200px;
	}

	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */

	  color: #ADADAD;
	}

	input::-webkit-input-placeholder,
	textarea::-moz-placeholder { /* Firefox 19+ */

	  color: #ADADAD;
	}

	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder { /* IE 10+ */

	  color: #ADADAD;
	}

	input:-moz-placeholder,
	textarea:-moz-placeholder { /* Firefox 18- */

	  color: #ADADAD;
	}

	form .form-msg{
		position: absolute; left:0; top:0;
		width:100%; height:100%;
		background:rgba(255,255,255,.5);
		border-radius: 4px;
	}

	form .form-msg .txt{
		position: absolute;
		left:50%; top:50%;
		transform: translateX(-50%) translateY( 50%);
		text-align: center;
		opacity: 0;
	}

	form .form-msg .txt.show{
		opacity: 1;
		transform: translateX(-50%) translateY( -50%);
	}
	
    /*#endregion --------------------------------------- */

/*#endregion =========================================== */



.whatsapp-cont{
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:5;
}

.whatsapp-cont img{
    width: 10vw;
    max-width: 60px;
    min-width: 30px;
    opacity:.5;
}

.whatsapp-cont:hover img{

    opacity:1;
}


/*#region    ===== MAIN HEADER ========================= */

    #main-header{z-index: 99;}

	/*#region  --- Main Heading ------------------------ */
	
	#main-heading{
		background-color: #ed1c24;
		color:white;
		display:table;
		width:100%;
		position: relative;
		z-index: 99;
		padding-top:3.6em;
	}

	#main-heading > .block-row{
	    padding-left: 4vw;
        padding-right: 4vw;
	}


	#main-heading > .block-row > .part-left{
		display: table-cell; vertical-align: middle;
		width:50%;
		position: relative;
	}



	#main-heading > .block-row > .part-mid{
		display: table-cell; vertical-align: middle;
		width:1px; position: relative; z-index:2;
	}

	#main-heading > .block-row > .part-right{
		display: table-cell; vertical-align: bottom;
		width:50%; text-align: right;
		position: relative;	

	}
	
    /*#endregion --------------------------------------- */
    

    
	/*#region  --- Shop ---------------------- */
	
	#main-heading .goto-shop{
		display: inline-block;
		margin-right:20px;
		
	}

	#main-heading .goto-shop > .col-icon{
		font-size:3em;
		vertical-align: top;
		position: absolute;
	}
	
	#main-heading .goto-shop > .col-txt{
		margin-left:3em;
		vertical-align: top;
		margin-top:.42em;
	}

	#main-heading .goto-shop > .col-txt > .header{
		margin:0;
	}

	#main-heading .goto-shop > .col-txt > .button{
		margin-top:10px;
	}

	#main-heading .main-top-min{
		display:none;
		position: absolute;
		z-index:2;
	}
	
    /*#endregion --------------------------------------- */
    
	/*#region  --- Nearest Seller ---------------------- */
	
	#main-heading .nearest-seller{
		display: inline-block;
	}

	#main-heading .nearest-seller > .col-icon{
		font-size:3em;
		vertical-align: top;
		position: absolute;
	}
	
	#main-heading .nearest-seller > .col-txt{
		margin-left:3em;
		vertical-align: top;
		margin-top:.42em;
	}

	#main-heading .nearest-seller > .col-txt > .header{
		margin:0;
	}



	#main-heading .nearest-seller > .col-txt > .button{
		margin-top:10px;
	}

	#main-heading .main-top-min{
		display:none;
		position: absolute;
		z-index:2;
	}
	
    /*#endregion --------------------------------------- */
    
	/*#region  --- Right ------------------------------- */
	
	.langs{}
	.tel-big{font-size:2.4em; font-weight:700;}
	
    /*#endregion --------------------------------------- */

/*#endregion =========================================== */



/*#region    ===== MAIN LOGO =========================== */

	#main-logo{
		width:540px;
		display: block;
	}
	
	#main-logo > img{width:100%; height:auto;}

/*#endregion =========================================== */



/*#region    ===== MAIN NAV ============================ */

	#main-nav{
		position: fixed;
		left:0;
		top:0px;
		right:0;
		background-color:white;
		z-index: 999;
		text-transform: uppercase
	}

	#main-nav-list-mini	{display:none;}

	#main-nav-list{white-space: nowrap;}

	#main-nav-list > ul{
		font-weight:600;
		text-align:center
	}

	#main-nav-list  ul  li{
		position: relative;
		display: inline-block
	}

	#main-nav-list  ul li a{
		display: inline-block;
		padding:20px 12px;
		position: relative;
		cursor:pointer
	}

	#main-nav-list > ul > li:after{
		content:" "; display: block;
		position: absolute;  bottom:0; left:50%;
		width:0%; height:4px;
		background-color: #c62123;
		-webkit-transition:all 200ms ease-out;
		-moz-transition:all 200ms ease-out;
		-ms-transition:all 200ms ease-out;
		transition:all 200ms ease-out
	}

	#main-nav-list > ul > li:active:after,

	#main-nav-list > ul > li:hover:after{width:50%; left:25%;}

	#main-nav-list > ul > li > ul{
		background-color: #c62123; position: absolute; left:50%; top:100%;
		-webkit-transition:all 200ms ease-out;
		-moz-transition:all 200ms ease-out;
		-ms-transition:all 200ms ease-out;
		transition:all 200ms ease-out;
		display: block;

		-webkit-transform: translate( -50%, 30px);
		-moz-transform: translate( -50%, 30px);
		-ms-transform: translate( -50%, 30px);
		transform: translate( -50%, 30px);
		opacity:0;
		visibility: hidden
	}

	#main-nav-list > ul > li > ul li{
		display: block
	}

	#main-nav-list > ul > li:active > ul,

	#main-nav-list > ul > li:hover  > ul{
		-webkit-transform: translate( -50%, 0px);
		-moz-transform: translate( -50%, 0px);
		-ms-transform: translate( -50%, 0px);
		transform: translate( -50%, 0px);
		opacity:1;
		visibility: visible
	}

	#main-nav-list > ul > li > ul li > a{
		display: block; padding:20px;
		
		color:white;
		border-bottom:1px dashed rgba(255,255,255,.3)
	}

	#main-nav-list > ul > li > ul li:last-child a{
		border-bottom:none
	}

	#main-nav-list > ul > li > ul li ul{
		display:none
	}

/*#endregion =========================================== */



/*#region    ===== MOB NAV ============================== */

	#mob-nav-list{
		position:fixed; right:0; top:0; bottom:0;
		width:100%; max-width:500px; background: #c62123;
		color:white;
		box-shadow:-2px 0px 1px 0px rgba(0,0,0,.3); 
	}

	#mob-nav-list.hide{right:-100%;}



	#mob-nav-list > ul{
		position: absolute;
		top:50px; bottom:10px; right:0; left:0;
		overflow-y: auto;
		overflow-x: hidden;

	}

	#mob-nav-list .txt{
		padding: .5em .5em .5em 1em; font-size:1.6em;
		border-bottom:1px dashed rgba(255,255,255,.3);	
	}

	#mob-nav-list > ul > li > ul .txt{padding-left:3em;	font-size:1em;}
	#mob-nav-list > ul > li > ul  ul {display:none;	}

/*#endregion =========================================== */



/*#region    ===== MAIN BREADCRUMB ====================== */

	.breadcrumbs{
		font-size:.8em
	}

	.breadcrumbs a{
		padding:10px;
		vertical-align: middle
	}

	.breadcrumb-separator{
		vertical-align: middle;
		font-weight:bold; font-size:.9em
	}

	.parent-pages.breadcrumbs > a:first-of-type{
		display:none
	}

	.parent-pages.breadcrumbs > span:first-of-type{
		display:none
	}


	.parent-pages.breadcrumbs > .breadcrumb-current{
		font-size:1.2em;
		font-weight:bold;
		padding:10px
	}

	.other-pages.breadcrumbs{
		float:right
	}

	.other-pages.breadcrumbs a{
		border-right:1px solid #eaeaea
	}

	.other-pages.breadcrumbs a:last-of-type{
		border-right:none
	}

/*#endregion =========================================== */



/*#region    ===== MAIN SLIDES (DEP?) =================== */

	#main-slides-block{
		position: relative
	}

	#main-slides-block > .slide-next-btn,

	#main-slides-block > .slide-prev-btn{
		position: absolute;
		top:calc(50% - 20px);
		transform:rotate(-45deg);
		z-index:2;
		border-top:4px solid white;
		border-left:4px solid white;
		width:40px; height:40px;
		cursor:pointer;
		opacity:.6;

		-webkit-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;
		transition: all 200ms ease-out;

		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center
	}

	#main-slides-block > .slide-prev-btn{
		left:30px;
		-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg)
	}

	#main-slides-block > .slide-prev-btn:hover{
		opacity: 1;
		-webkit-transform: translateX(-10px) rotate(-45deg);
		-ms-transform: translateX(-10px) rotate(-45deg);
		transform: translateX(-10px) rotate(-45deg)
	}

	#main-slides-block > .slide-next-btn{
		right:30px;
		-webkit-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		transform:rotate(135deg)
	}

	#main-slides-block > .slide-next-btn:hover{
		opacity: 1;
		-webkit-transform: translateX(10px) rotate(135deg);
		-ms-transform: translateX(10px) rotate(135deg);
		transform: translateX(10px) rotate(135deg)
	}

	#main-slides {
		width:100%;
		background-color: #E1E1E1;
		overflow:hidden;
		height:600px
	}

	#main-slides .slide{
		overflow:hidden;
		height:100%;
		width:100%;
		position: relative
	}

/*#endregion =========================================== */



/*#region    ===== NEW SELLERS BOX ====================== */

	#new-sellers-box .bottom-row{
		position: absolute;
		left:0; right:0; bottom:0;

	}

	#new-sellers{
		height:30vh;
		margin-bottom:60px;
		overflow-x:hidden;
		overflow-y: auto
	}

	#new-sellers li{
 		padding:10px 0;
 		width:100%
	}

	#new-sellers li .tb{width:100%;}
	#new-sellers li .tbr{width:100%;}
	#new-sellers li .label{
		text-align: right; font-weight:600;
		width:50%; 

		padding:5px;
		color:#f1ae11
	}

	#new-sellers li .mdi{
		color:#e86262
	}

	#new-sellers .value{
		padding:5px;
		width:50%;
		font-size:.9em;
		text-align: left
	}

	#new-sellers::-webkit-scrollbar-track{background:none;}
	#new-sellers::-webkit-scrollbar       { width:4px; background:none; }
	#new-sellers::-webkit-scrollbar-thumb {background: #4c4848;border-radius: 6px;}

/*#endregion =========================================== */



/*#region    ===== PRODUCTS ============================= */

	/*#region  --- Products Page : Main ----------------- */
	
	#products-header{
		z-index: 98
	}

	.product-group.group-tp1 .product{
		overflow:hidden;
		height:60vh;
		min-height:360px;
		max-height:460px;
		width:33.333%;
		float:left
	}

	.product-group.group-tp1 .product .content{
		top:20%; bottom:20%; left:0; right:20%; position: absolute;
		background:rgba(238,238,238,.0);
		transform-origin: left center;
		max-width:500px
	}

	.product-group.group-tp1 .product .content .act-hide{
		opacity: 0;
		transform:translateY(-100%)
	}

	.product-group.group-tp1 .product .content .hdr{
		background:rgba(255,255,255,.8);
		margin-top:10px;
		padding: 14px 14px 8px 14px;
		text-transform: uppercase
	}

	.product-group.group-tp1 .product .wrapper{
		min-height:100%
	}

	/* Expand */

	.product-group.group-tp1 .product.expand .content{
		background:rgba(238,238,238,.8)
	}
	
	.product-group.group-tp1 .product.expand .content .act-hide{
		opacity: 1;
		transform:translateY(0)
	}

	.product-group.group-tp1 .product.expand .content .hdr{
		background:rgba(255,255,255,.0);
		padding: 14px 14px 8px 14px;
		margin:-14px -14px -8px -14px
	}

	.product-group.group-tp1 .product .content .label-container{
		padding:5% 5% 5% 20%; 

		position: absolute; left:0; bottom:0; top:0; right:0
	}

	.product-group.group-tp1 .product .bg:hover + .content{
		background:rgba(238,238,238,.0)
	}

	.product-group.group-tp1 .product .bg:hover + .content .act-hide{
		opacity: 0;
		transform:translateY(-100%)
	}

	.product-group.group-tp1 .product .bg:hover + .content .hdr{
		background:rgba(255,255,255,.8);
		margin-top:10px
	}
	
    /*#endregion ---------------------------------------- */
    
	/*#region  --- Products Page : Menu ----------------- */
	
	#products-nav{
		
	}

	.nav-cat{
		margin:1em;
		text-transform: uppercase
	}

	.nav-cat > .img-cont{
		overflow:hidden;
		width:4.6em; height:4.6em;
		border-radius: 50%;
		margin-bottom:10px;
		position: relative;
		background:black
	}

	.nav-cat > .img-cont > .img{
		position: absolute;
		width:100%; height:100%; left:0; top:0;
		-webkit-filter: grayscale(90%);
	    filter: grayscale(90%);
	    border-radius: 50%;
	    opacity: .8
	}

	.nav-cat:hover {
		color:white!important
	}

	.nav-cat:hover > .img-cont > .img{
		-webkit-filter: none;
	    filter: none;
	    opacity: 1
	}

	#products-nav-fixed{
		position: fixed;
		z-index:97;
		top:3.67em; left:0; right:0;
		text-align: center;
		padding:10px 0
	}

	#products-nav-fixed > .nav-cat{
		margin-left:1em; margin-right:1em;
		text-transform: uppercase;
		position: relative
	}

	#products-nav-fixed > .nav-cat.current:after{
		content:" "; display: block; height:1px;
		position: absolute;  bottom:-3px; left:0; right:0;
		border-bottom:2px dashed white
	}

	#products-nav-fixed > .nav-cat > .img-cont{
		display: none
	}
	
    /*#endregion ---------------------------------------- */

/*#endregion =========================================== */



/*#region    ===== RESELLERS ============================ */

	#map-location-selectors > select{
		margin:1vw; padding:.5vw;  width:14vw;
	}

	#map-location-input-cont > input{
		width:63vw;
		margin-left:-.5vw;
		padding-right:60px;
	}

	#map-location-input-cont > .button{
        margin-left: -50px;
        margin-top: -2px;
        padding-top: 10px;
	}

    .marker-label{
        background: #c62123;
        color:white;
        padding: 5px 0px;
        text-align: center;
        width: 110px;
        font-size: 14px;
        border-radius: 4px;
        overflow:initial!important;
    }

    .marker-label:before{
    	content:" ";
		width: 0; 
	 	height: 0; 
	 	position: absolute;
	 	top:-10px;
	 	left:calc( 50% - 10px);
	  	border-left: 10px solid transparent;
	  	border-right: 10px solid transparent;
	  	border-bottom: 10px solid #c62123;
    }

    .marker-label .city-label{
		font-weight:bold;
    }


	/* --- Reseller Details --- */

	#reseller-details{
		position: absolute; z-index:10;
		left:0; right:0; top:0;
		background-color: white;
		outline:none;
		text-transform: uppercase;
	}

	#reseller-details.hdn{
		transform: scaleY(0)

	}

	#close-reseller-details{
		border-radius:100px;
		border:2px dashed grey;
		padding:5px 23px 5px 20px;
		opacity:.4;
	}

	#close-reseller-details > span{
		margin-top:2px;
	}

	#close-reseller-details:hover{
		opacity:1;
	}

	#close-reseller-details:hover > .mdi{
		color:#c62123;
		-webkit-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		transform:rotate(90deg);
	}

/*#endregion =========================================== */



/*#region    ===== FOOTER =============================== */

    #footer-shortmenu li:nth-child(2n+1)

/*#endregion =========================================== */