@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,light,Semibold,bold,300,600,700,800');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;700;800&display=swap');

@font-face {
  font-family: 'DINAlternate-Bold';
  src: url('fonts/dinalternate/bold/DINAlternate-Bold.eot?#iefix') format('embedded-opentype'),
	  url('fonts/dinalternate/bold/DINAlternate-Bold.woff') format('woff'),
	  url('fonts/dinalternate/bold/DINAlternate-Bold.ttf')  format('truetype'),
	  url('fonts/dinalternate/bold/DINAlternate-Bold.svg#DINAlternate-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINCondensed-Bold';
  src: url('fonts/dincondensed/bold/DINCondensed-Bold.eot?#iefix') format('embedded-opentype'), 
	  url('fonts/dincondensed/bold/DINCondensed-Bold.woff') format('woff'),
	  url('fonts/dincondensed/bold/DINCondensed-Bold.ttf')  format('truetype'),
	  url('fonts/dincondensed/bold/DINCondensed-Bold.svg#DINCondensed-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{margin:0px; padding:0px; font-size:14px; color:#838383;  font-family: 'Rubik'; }

h1,h2,h3,h4,h5,h6,p,ul,li,div,ol,span,input,textarea,div,class,select,section,header,footer,img{margin:0px; padding:0px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

#container{width:100%;}

.full_width{width:100%;}

.page_width{width:80%; text-align:left;}

.left{float:left;}

.right{float:right;}

.left_side{float:left;}

.right_side{float:right;}

.col{float:left;}

.clearfix{clear:both;}

a img{border:0px;}

img{max-width:100%;}

a{ text-decoration:none;}

.hide{ display:none;}



.wd_100{ width:100%;}

.wd_95{ width:95%;}

.wd_90{ width:90%;}

.wd_85{ width:85%;}

.wd_80{ width:80%;}

.wd_75{ width:75%;}

.wd_70{ width:70%;}

.wd_65{ width:65%;}

.wd_60{ width:60%;}

.wd_55{ width:55%;}

.wd_50{ width:50%;}

.wd_45{ width:45%;}

.wd_40{ width:40%;}

.wd_35{ width:35%;}

.wd_30{ width:30%;}

.wd_25{ width:25%;}

.wd_20{ width:20%;}

.wd_15{ width:15%;}

.wd_10{ width:10%;}



.txt_align_left{ text-align:left;}

.txt_align_center{ text-align:center;}

.txt_align_right{ text-align:right;}

.position_relative{ position:relative;}

p{ font-size:15px; color:#000; text-align:left; font-weight:400; line-height:150%; margin-bottom:10px;}

h1{ font-size:28px; color:#000; text-align:left; font-weight:normal; margin-bottom:15px;}

h2{ font-size:22px; color:#000; text-align:left; font-weight:normal; margin-bottom:15px;}

h3{ font-size:20px; color:#000; text-align:left; font-weight:normal; margin-bottom:15px;}

a{ color:#B70000;}



/*GERNERIC_AREA_START*/

.slick-prev, .slick-next{ display: none !important;}

.grncbtn{font-size: 1.5vw; padding:14px 20px; border-radius: 5px; color: #fff; text-align: center; line-height: 100%; min-width:230px; font-weight: bold;display: inline-block; background-color: #D2232A; cursor: pointer; border: 0px; }

.grncbtn:hover{background-color: #B01E25}

.grncbtn.darkred{ background-color: #D2232A;}

.grncbtn.darkred:hover{background-color: #A91D24}

.overflowhidden{ overflow: hidden;}

.success_message {padding: 15px;margin-bottom: 20px; font-size: 1vw; border: 1px solid transparent;border-radius: 4px;color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6; text-align: left;}

.error_message {padding: 15px;margin-bottom: 20px; font-size: 1vw;border: 1px solid transparent;border-radius: 4px;color: #a94442;background-color: #f2dede;border-color: #ebccd1;  text-align: left;}

.error{ color: #fff !important;}



.grncform{ width: 100%;}

.grncform ul li{ list-style-type: none;margin-bottom: 15px;}

.grncform ul li .left{ width: 50%; float: left; padding-right: 10px;}

.grncform ul li .right{ width: 50%; float: right; padding-left: 10px;}

.grncform ul li:last-child{ margin-top: 40px;}

.grncinput{ width: 100%;font-size: 0.9vw; padding:0px 0px 15px 0px; letter-spacing: 0.1vw; color: #000; font-family: 'Rubik'; font-style: normal; font-weight: bold;  background-color: transparent; border: 0px;  border-bottom:1px solid #000;}

.grncinput:focus{ outline: none;}

.grncinput.grnctextarea{ height: 110px; resize: none; margin-top: 25px; background-color: #EAF6F5; font-family: 'Rubik'; font-style: normal; font-weight: bold;text-align: center;padding: 45px 15px; border: 1px solid #000; }

.grncinput.grnctextarea:focus{ outline: none;}

.grncinput::-webkit-input-placeholder {color: #000;}

.grncinput:-ms-input-placeholder { color: #000;}

.grncinput::placeholder{color: #000; }



.grnc_checkbox {position: relative; height: 20px; line-height: 100%; display: flex; align-items: center; text-align: left;padding-left: 30px;font-family: 'Rubik'; font-weight: 800; font-style: normal;cursor: pointer;font-size: 0.8vw; letter-spacing: 0.1vw; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; color: #231F20;}

.grnc_checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}

.grnc_checkbox .checkmark {position: absolute;top: 0px;left: 0;height: 20px;width: 20px;background-color: #fff; border: 1px solid #231F20;}

.grnc_checkbox input:checked ~ .checkmark {background-color: #D2232A; border: 1px solid #D2232A;}

.grnc_checkbox .checkmark:after {content: "";position: absolute;display: none;}

.grnc_checkbox input:checked ~ .checkmark:after {display: block;}

.grnc_checkbox .checkmark:after {left: 5px;top: 1px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}



.grnc_popup_Maindiv, .grnc_popup_Maindiv2{background:rgba(0,0,0,.8);cursor:pointer;display:none;height:100%; padding: 20px 0px; overflow-y: auto;  position:fixed; left: 0px; top: 0px; text-align:center; width:100%;z-index:10000;}

.grnc_popup_Maindiv > .inner_popup, .grnc_popup_Maindiv2 > .inner_popup2 {width:86%; box-shadow: 0px 0px 10px rgba(0,0,0,0.50); background-color: #fff;display: inline-block;top:0px;vertical-align: middle;position: relative; padding: 60px 0px; }

.popupCloseButton, .popupCloseButton2 {cursor: pointer; font-family: 'DINAlternate-Bold';color:#000; position: absolute; top: 20px;right: 20px;font-size: 1.3vw;}

.trigger_popup_link, .trigger_popup_link2 {cursor: pointer}



.grnc_popup_product_1,.grnc_popup_product_2,.grnc_popup_product_3,.grnc_popup_product_4,.grnc_popup_product_5,.grnc_popup_product_6,.grnc_popup_product_7,.grnc_popup_product_8,.grnc_popup_product_9,.grnc_popup_product_10

{background:rgba(0,0,0,.8);cursor:pointer;display:none;height:100%; padding: 20px 0px; overflow-y: auto;  position:fixed; left: 0px; top: 0px; text-align:center; width:100%;z-index:10000;}

.grnc_popup_product_1 > .inner_popup,

.grnc_popup_product_2 > .inner_popup,

.grnc_popup_product_3 > .inner_popup,

.grnc_popup_product_4 > .inner_popup,

.grnc_popup_product_5 > .inner_popup,

.grnc_popup_product_6 > .inner_popup,

.grnc_popup_product_7 > .inner_popup,

.grnc_popup_product_8 > .inner_popup,

.grnc_popup_product_9 > .inner_popup,

.grnc_popup_product_10 > .inner_popup

{/*width:86%;*/ width: 1150px; height: 1150px; box-shadow: 0px 0px 10px rgba(0,0,0,0.50); background-color: #fff; margin: auto; display:block !important;top:0px;vertical-align: middle;position: relative; padding: 60px 60px; }

.close_pd_1,.close_pd_2,.close_pd_3,.close_pd_4,.close_pd_5,.close_pd_6,.close_pd_7,.close_pd_8,.close_pd_9,.close_pd_10

{cursor: pointer; font-family: 'DINAlternate-Bold';color:#000; position: absolute; top: 20px;right: 20px;font-size: 1.3vw;}

.trigger_pd_1,.trigger_pd_2,.trigger_pd_3,.trigger_pd_4,.trigger_pd_5,.trigger_pd_6,.trigger_pd_7,.trigger_pd_8,.trigger_pd_9,.trigger_pd_10

{cursor: pointer}



.grnc_bd_line{ height: 2px; background: url(../images/bd_line.png) center 0px no-repeat; background-size: 100%;}

.line_bg_clr{background-color: #D5EEEB !important;}

.grnc_brand_logo{ width: 100%;  padding-bottom: 25px;}

.grnc_brand_logo .b_logo{ width: 100%; text-align: center; padding: 0px 15px;}

.grnc_brand_logo .b_logo img{ display: inline-block !important; vertical-align: middle;}

.grnc_brand_pdg{padding: 80px 0px 30px 0px;}

.grnc_brand_pdg p{ font-size: 1.1vw; letter-spacing: 0.2vw; line-height:120%; font-family: 'Rubik';font-weight: 700;font-style: italic; color: #231F20;margin-bottom: 0px; text-align: center;}

.grnc_brand_logo .slick-slide{ float: inherit; display: inline-block !important;}



.grnc_hdg{ width: 100%; margin-bottom: 30px;}

.grnc_hdg h1{font-size: 3vw; font-family: 'Rubik'; font-weight: 800; font-style: normal; text-align: center;color: #000; margin-bottom: 0px;}

.grnc_overlay{ width: 100%; position: absolute; z-index: 99;}

.grnc_div_center{ display: flex; justify-content: center; align-items: center;}



/*GERNERIC_AREA_EDN*/



/*HEADER_AREA_START*/

.menu_icon{ display: none;}

#headersection{ width: 100%; min-height: 125px; box-shadow: 0px 3px 3px rgba(0,0,0,0.10); padding: 53px 0px 53px 0px;-webkit-transition: all 0.3s;transition: all 0.3s; position: fixed; background-color: #fff; z-index: 9999;}

#headersection .page_width{ position: relative;}

#headersection.navShadow{padding: 25px 0px 25px 0px;  min-height: 66px;}

#logo{ width: 400px; cursor: pointer;position: absolute; top: -18px; left: 0px; -webkit-transition: all 0.3s;transition: all 0.3s;} 

#navigationsection{ width: 100%;}

#navigationsection ul{ text-align: right; padding-left: 363px;}

#navigationsection ul li{font-size: 0.8vw; padding: 0px 5px 0px 10px; letter-spacing: 0.2vw; color: #000; list-style-type: none; line-height: 100%;font-family: 'DINAlternate-Bold';border-left: 2px solid #010101;display:inline-flex; }

#navigationsection ul li:first-child{ border-left: 0px;}

#navigationsection ul li a{ color: #010101; -webkit-transition: all 0.3s;transition: all 0.3s;}

#navigationsection ul li a:hover{color: #D2232A;}

/*HEADER_AREA_END*/



/*BANNER_AREA_START*/

#bannersection{ width: 100%; position: relative; padding-top: 125px;}

#bannersection .slick-prev, #bannersection .slick-next{ display: none !important;}

#bannersection .slick-next{ width: 50px; height:50px; background: url(../images/banner/arrow_right.svg) center center no-repeat; background-size: 36px; background-color: rgba(0,0,0,0.80); right: 20px;}

#bannersection .slick-prev{ width: 50px; height:50px; background: url(../images/banner/arrow_left.svg) center center no-repeat; background-size: 36px;  background-color: rgba(0,0,0,0.80); left: 20px; z-index: 99;}

#bannersection .slick-next:before{ content:inherit; display: none;}

#bannersection .slick-prev:before{ content:inherit; display: none;}

#bannersection .bannerimage{ width: 100%;}

#bannersection .bannerimage img{ width: 100%; display: block;}

#bannersection .banneroverlay{ width: 50%; position: absolute; bottom:0%; top: 0%; right: 10%; margin:auto; z-index: 99; display: flex; align-items: center; justify-content: flex-end; }

#bannersection .banneroverlay h1{ font-size: 3.4vw;font-family: 'DINCondensed-Bold';text-align: left;text-shadow: 1px 1px 2px rgba(0,0,0,0.75); letter-spacing: 0.1vw; color: #000000; margin-bottom: 0px; background-color: rgba(255,255,255,0.75); padding: 15px;}

/*BANNER_AREA_END*/



/*CONTENT_AREA_START*/

#contentsection{ width: 100%;}



.ourstory_section{ width: 100%; margin-top: -3px;}

.ourstory_section .story_tp_stn{ width: 100%; background-color: #ffffff; padding: 80px 0px;}

.ourstory_section .story_tp_stn p{ font-size: 1.2vw; letter-spacing: 0.1vw;line-height:120%; font-family: 'Rubik';font-weight: 700;font-style: italic;color: #231F20; margin-bottom: 0px; text-align: center;}

.ourstory_section .story_btm_stn{ width: 100%; position: relative; padding-bottom: 50px; }

.ourstory_section .story_btm_stn .ourstory_btn{font-size: 1.5vw; padding:0px 10px; height: 50px; line-height:55px; position: absolute;top: -25px; left: 0%; right: 0%;margin: auto; border-radius: 5px; color: #fff; text-align: center; font-family: 'DINCondensed-Bold'; width:170px; font-weight: bold;display: inline-block; background-color: #000; cursor: pointer; border: 0px; }

.ourstory_section .story_btm_stn .ourstory_btn:hover{background-color: #272727}



.ourstory_popup{ width: 76%; margin: auto;  background-color: #fff; }

.ourstory_popup .ourstory_popup_detail{ width: 100%; padding-top: 30px; text-align: left;}

.ourstory_popup p{ font-size: 1.3vw; line-height: 200%; letter-spacing: 0.05vw;  color: #000;margin-bottom: 30px; text-align: left;}

.ourstory_popup h2{ font-size: 2vw; line-height:160%; letter-spacing: 0.1vw; font-family: 'Rubik';font-weight: 700;font-style: italic;color: #000; margin-bottom: 5px; text-align: center;}

.ourstory_popup h3{ font-size: 1.5vw; line-height:160%; letter-spacing: 0.1vw; font-family: 'Rubik';font-weight: 700;font-style: italic;color: #000; margin-bottom: 30px; text-align: center;}

.ourstory_popup h3 span{ font-size: 1.1vw; }

.ourstory_popup .ourstorybtn_stn{ width: 100%;}

.ourstory_popup .ourstorybtn_stn .left, .ourstory_popup .ourstorybtn_stn .right{ padding: 10px 40px; float: none; display: inline-flex;}



.pd_slider{ /*width: 76%; */ width: 100%; margin: auto;}

.pd_slider .slick-slide img{ margin: auto; max-width: 100% !important;}

.pd_slider .slick-prev, .pd_slider .slick-next{ display: block !important;}

.pd_slider .slick-next{ width: 27px; height:40px; background:url(../images/right_arrow.png) center center no-repeat; background-size: 27px; right: -30px;}

.pd_slider .slick-prev{ width: 27px; height:40px; background: url(../images/left_arrow.png) center center no-repeat; background-size: 27px; left: -30px; z-index: 99;}

.pd_slider .slick-next:before{ content:inherit; display: none;}

.pd_slider .slick-prev:before{ content:inherit; display: none;}

.pd_slider .slick-next:hover, .pd_slider .slick-next:focus{ width: 27px; height:40px; background: url(../images/right_arrow.png) center center no-repeat; background-size: 27px; right: -30px;}

.pd_slider .slick-prev:hover, .pd_slider .slick-prev:focus{  width: 27px; height:40px; background: url(../images/left_arrow.png) center center no-repeat; background-size: 27px;  left: -30px; z-index: 99;}



.product_section{width: 100%; padding: 30px 0px; position: relative;}

.product_section .pd_btm_layer{ width: 100%; height: 270px; /*background: url(../images/bd_line.png) center bottom no-repeat;background-size: contain;*/ background-color: #ffffff; position: absolute; z-index: -1; bottom: 0px; }

.product_section .pd_grnc_bd_line{width: 100%; left: 0px; position: absolute; bottom: 0px; z-index: 999;}

.product_section .pd_col{ width: 33.333%; padding: 0px 10px;  float: left;}

.product_section .pd_col .pd_item{ width: 100%;overflow: hidden;margin-bottom: 20px; position: relative;background-color: #fff;

   -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;

}

.product_section .pd_col .pd_item img{ width: 100%; display: block;border: 1px solid #231F20; overflow: hidden;}

.product_section .pd_col .pd_item .pd_overlayer{width: 100%; height: 100%;padding: 10px; text-align: center;font-family: 'DINCondensed-Bold'; color: #fff; letter-spacing: 0.1vw; font-size: 1.7vw;background-color: rgba(180,230,250,0.80); position: absolute; top:0px; left:0px; 

	-webkit-transform: scaleX(0);

    transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; display: flex; align-items: center; justify-content: center;

}

.product_section .pd_col .pd_item:hover .pd_overlayer{-webkit-transform: scaleX(1);transform: scaleX(1);}



.main_testimonial_section{width: 100%; background-color: #b4e6fa; padding: 50px 0px;}

.testimonial_section{ width: 100%;}

.testimonial_section h3{font-size: 1.3vw; line-height:120%;  letter-spacing: 0.1vw;  font-family: 'DINAlternate-Bold';color: #231F20; margin-bottom: 30px; text-align: center;}

.testimonial_section p{  font-size: 1vw; letter-spacing: 0.1vw;line-height:170%; font-family: 'Rubik';font-weight: 700;font-style: italic;color: #231F20; margin-bottom: 0px; text-align: center;}

.testimonial_section p span{font-family: 'Rubik';}



.custom_shop_section{ width: 100%;}

.custom_shop_section .custom_image{ width: 100%;}

.custom_shop_section .custom_image img{ width: 100%; display: block;}

.custom_overlay { width: 40%; position: absolute; z-index: 99; left: 10%; padding: 50px 30px; background-color: rgba(255,255,255,0.80);}

.custom_overlay p{ font-size: 0.8vw;line-height: 220%;letter-spacing: 0.05vw; text-align: center; margin-bottom: 30px;}



.custom_shop_popup{ width: 76%; margin: auto; background-color: #fff; }

.custom_shop_popup p{ font-size: 1.3vw; line-height:200%; letter-spacing: 0.05vw;  color: #000;margin-bottom: 30px; text-align: center; margin-top:20px;}

.custom_shop_popup .great_together_stn{ width: 100%;}

.custom_shop_popup .great_together_stn h2{font-size: 2.5vw; letter-spacing: 0.1vw; line-height:120%; font-family: 'Rubik';font-weight: 700;color: #231F20; margin-bottom: 40px; text-align: center;}

.custom_shop_popup .great_together_stn .col{ width: 33.333%; float: left; margin-bottom: 30px; padding-right: 30px;}

.custom_shop_popup .great_together_stn .col:nth-child(3n){ padding-right: 0px;}



.supplier_brand_section{ width: 100%;}



.contact_section{ width: 100%;background-color: #b4e6fa; display: flex; align-items: center; justify-content: center;}

.contact_section .left_side{ width: 50%; float: left; }

.contact_section .right_side{ width: 50%; float: right;}

.contact_section .contactimage{ width: 100%;}

.contact_section .contactimage img{ width: 100%; display: block;}

.contact_section .infocontent{ width: 100%; padding: 30px 15%;  }

.contact_section .infocontent .grncform{ padding-top: 40px;}

.contact_section .infocontent p{ font-size: 1vw; line-height: 210%; color: #000; margin-bottom:0px; text-align: center;}

.contact_section .infocontent p a{ color: #000;}

.contact_section .social_stn{ width: 100%; margin-top: 40px;}

.contact_section .social_stn ul { display: flex; justify-content: center; }

.contact_section .social_stn ul li{ list-style-type: none;padding: 0px 20px;}

.contact_section .social_stn ul li .iconcrl{ width: 40px; height: 40px;  -webkit-transition: all 0.3s;transition: all 0.3s; font-size: 20px; color: #fff; line-height: 36px; text-align: center;background-color:#000000;  border: 1px solid #242424; border-radius: 40px}

.contact_section .social_stn ul li .iconcrl:hover{ background-color: rgba(0,0,0,0.70);}



.lb-outerContainer{width: 1150px !important; padding: 80px; height: 1150px !important;}

.lb-image{width: auto !important; height: auto !important;}

.lightbox img{max-width: 100% !important;}

.lb-data .lb-close{position: relative; z-index: 99999999 !important; top: -1130px; right: 20px;}

.lb-data .lb-number{display: none !important;}

/*CONTENT_AREA_END*/



/*FOOTER_AREA_START*/

#footersection{ width: 100%; padding: 30px 0px; background-color: #ffffff;}

#footersection p{ font-size: 1vw; letter-spacing: 0.1vw; font-family: 'Rubik'; font-weight: 800; font-style: normal; color: #fff; margin-bottom: 15px; text-align: center;}

#footersection p:last-child{margin-bottom: 0px;}

#footersection p span{font-size: 1vw; color: #fff; padding: 0px 5px; display: inline-block; vertical-align: middle;}

#footersection p span img{ display: block;}

/*FOOTER_AREA_END*/



.error{color:#D2232A !important;}