.site_branding{ max-width: 84.5em}
.main_content{ width:76%; float:right; padding-left:3em}
.main_content h2{ font-size:1.5em; line-height:1.3; padding:0.25em 0; margin-bottom:16px}
.main_content h2 span{ color:#999}
.m_logo.only_tablet{ width:72px; height:72px; float:left; padding:8px; background-color:#fff; margin:0 16px 12px 0; border: 1px solid rgba(0,0,0,0.1); display:none}
.filter_box li{ list-style-type:none; float:left; line-height:40px; font-size:15px; padding:0 32px; display:inline-block; border-radius:3px; border:1px solid #ff9100; margin-right:16px; opacity:0.8; margin-bottom:20px}
.filter_box li:hover, .filter_box li.selected{ background-color:#ff9100; color:#fff}
.filter_box .voucher_option{ border:1px solid #ff364e}
.filter_box .voucher_option:hover, .filter_box .voucher_option.selected{ background-color:#ff364e}
.filter_box .deal_option{ border:1px solid #20a5fb}
.filter_box .deal_option:hover, .filter_box .deal_option.selected{ background-color:#20a5fb}
.offer_wrapper{background-color:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:2px; margin-bottom:16px; position:relative; min-height:10.75em}
.offer_wrapper .code_wrapper, .offer_wrapper .deal_wrapper{ padding:1.5em 15em 1em 9em; position:relative}
.offer_meta{ position:absolute; top:2em; width:5em; border-radius:2px; left:2em; opacity:0.8}
.code_wrapper .offer_meta{ border:1px solid #ff364e}
.deal_wrapper .offer_meta{ border:1px solid #20a5fb}
.offer_attribute{ height:2em; font-size:0.875em; text-align:center; line-height:2em; color:#fff; text-transform:uppercase; font-weight:500}
.attribute_ru{ font-size:0.675em; z-index: 10}
.code_wrapper .offer_attribute{ background-color: #ff364e}
.deal_wrapper .offer_attribute{  background-color: #20a5fb}
.offer_info{ font-size:1.5em; line-height:1.1; text-align:center; text-transform:uppercase; padding:8px 0.1em; font-weight:500}
.offer_info_ru{ font-size:1.5em;}
.code_wrapper .offer_info{ color: #ff364e}
.deal_wrapper .offer_info{ color: #20a5fb}
.offer_info i{ font-size:1.55em; margin:6px 0; display:block}
.offer_info_ru i{ font-size:1.55em;}
.offer_wrapper h3{ font-size:1.5em; line-height:1.25; min-height:2.375em; margin-bottom:0.35em; font-weight:500 }
.short_title{ color:#666; line-height:1.5; margin-bottom:8px; font-size:16px}
.additional_infor li{ list-style:none; display:inline-block; margin-right:8px; font-size:0.75em; color:#999}
.additional_infor li i{ font-size:1.25em; margin-right:4px }
.additional_infor li span{ display:none}
.offer_btn{ width:11em; height:3em; position:absolute; top:50%; right:2em; margin-top:-1.625em; cursor:pointer}
.get_code{ position:absolute; top:0; left:0; height:100%; width:78%; background-color:#ff364e; border-radius:3px 0 0 3px; color:#fff; font-size:1em; text-align:center; text-transform:uppercase; font-weight:500; line-height:2.667em; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-webkit- transition:all 0.3s ease-in; transition:all 0.3s ease-in}
.get_code:after{ content:""; width:0; height:0; display:block; border:1.333em solid transparent; border-bottom: 3em solid #ff364e; position:absolute; top:-1.333em; right:-1.333em; padding:0}
.code{ height:100%; width:100%; border:1px dashed #ff364e; font-size:1.125em; color:#ff364e; padding:0 4px; text-align:right; line-height:2.555; background-color:#ffe6eb; border-radius:3px}
.offer_btn:hover .get_code{ -moz-transform:translate(-16px, 0); -ms-transform:translate(-16px, 0); -o-transform:translate(-16px, 0); -webkit-transform:translate(-16px, 0); transform:translate(-16px, 0)}
.get_deal{ height:100%; width:100%; background-color:#20a5fb; border-radius:3px; color:#fff; font-size:1em; text-align:center; text-transform:uppercase; font-weight:500; line-height:2.667em}
.details_btn{ font-size:0.875em; color:#999; cursor:pointer; position:absolute; bottom:16px; right:32px; width:12em; text-align:center}
.terms{ font-size:0.875em;  padding:0 32px; border-top:1px solid rgba(0,0,0,0); max-height:0; overflow:hidden; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-webkit- transition:all 0.3s ease-in; transition:all 0.3s ease-in}
.terms.show{ padding:16px 32px; max-height:1000px; border-top:1px solid rgba(0,0,0,0.06)}
.terms span{ font-weight:500}
.article_content, .google_ads{ background-color:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:2px; margin-bottom:32px}
.article_content{ padding:16px 32px}
.article_content2 h4{ font-size:1.125em; margin-bottom:8px}
.article_content2 p{ color:#666; font-size:0.875em}
.article_content2 p img, .article_content2 p iframe {max-width:90%; margin:0 auto 32px auto; display:block}

merchant_side{ width:24%; float:left}
.aside_wrap{ margin-bottom:16px; background-color:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:2px; padding:0 1.5em 1em 1.5em}
.merchant_wrap .m_logo{ height:10em; margin:1em 0}
.merchant_wrap .button{ width:100%; background-color:#20a5fb; color:#fff; margin-bottom:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.merchant_description{ font-size:0.875em; color:#666; position:relative; cursor:pointer; margin-bottom:0.5em}
.merchant_description:after{ content:"Less"; color:#20a5fb}
.merchant_description.less{ max-height:10.5em; position:relative; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis}
.merchant_description.less:after{ content:"More"; position:absolute; right:0; bottom:0; background-color:#fff; padding-left:16px}
.aside_wrap h2{ font-size:1.125em; line-height:1.5; padding:0.875em 0 0.5em 0}
.aside_wrap .promo_wrapper{ min-height:5em; padding:0.75em 0; list-style-type:none}
.aside_wrap .promo_wrapper .m_logo{ width:3.5em; height:3.5em; position:inherit; top:inherit; float:left; margin-right:1em}
.aside_wrap .promo_wrapper:after{ display:none}
.aside_wrap .coupontitle{ max-height:4.5em; font-size:0.875em }
.text_links a{ font-size:13px; line-height:2; display: inline-block; padding: 0 8px; margin:0 6px 8px 0; background-color:rgba(0,0,0,0.04); border-radius:2px}
@media (max-width:1200px){
.main_content{ padding-left:2em; width:72%}
merchant_side{ width:28%}
}
@media (max-width:1024px){
.main_content { font-size:0.875em}
}
@media (max-width:1023px){
.main_content, merchant_side{ width:100%; padding:0}
.m_logo.only_tablet{ display:block}
}
@media (max-width:640px){
.details_btn, .terms{ display:none}
.offer_wrapper .code_wrapper, .offer_wrapper .deal_wrapper{ padding-bottom:1.25em; padding-right:1.25em}
.offer_wrapper h3{ min-height:inherit}
.offer_btn{ position:inherit; right:inherit; margin-top:1em; top:inherit}
.filter_box li{ line-height:36px; padding:0 1em }
}
@media (max-width:480px){
.main_content h2{ font-size:1.375em}
.filter_box li{ font-size:13px; line-height:32px; padding:0 8px; margin-right:10px}
.filter_box li:last-child{ margin-right:0}
.offer_wrapper{ font-size:0.85em}
.offer_wrapper .code_wrapper, .offer_wrapper .deal_wrapper{ padding-left:7em; padding-top:1.25em}
.offer_meta{ left:1.375em; font-size:0.9em; top:1.5em}
.offer_btn{ display:none}
.short_title{ font-size:15px}
.offer_wrapper h3{ margin-bottom:0.5em}
.offer_wrapper{ min-height:9.5em}
.offer_wrapper:after{ position:absolute; font-family: 'Linearicons-Free' !important; content:"\e876"; top:45%; right:8px; font-weight:bold}
.offer_wrapper .code_wrapper, .offer_wrapper .deal_wrapper{ padding-right:2.5em}
.article_content,.aside_wrap{ padding-left:16px; padding-right:16px}
}
@charset "UTF-8";
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, fieldset, form, label, input, button, select, textarea, img, table, th, td, article, merchant_side, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ padding:0; margin:0; border: 0 none; font-weight:400}
article, merchant_side, footer, header, menu, nav, section { display: block}
html{ font-size:100%}
body { font-size:1em; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;  line-height:1.5; background-color:#f2f2f2; width:100%; height:100%; position:relative; color:#444; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
.body_ru{font-size:1em; font-family: Montserrat,'Futura PT',Raleway,Nunito,Ubuntu,Roboto,'Open Sans',sans-serif;  line-height:1.5; }
*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
@-webkit-viewport{ width:device-width }
@-moz-viewport{ width:device-width }
@-ms-viewport{ width:device-width }
@-o-viewport{ width:device-width }
@viewport { width: device-width }
.clear:after,.clear:before{ content:" "; clear:both; display:block; height:0}
.hidden{ display:none!important}
.t_center{ text-align:center}
.t_right{ text-align:right}
.fright{float:right}
.fleft{float:left}
p, dl, ol{ margin:0 0 16px 0}
a{ text-decoration:none; color:#444}
.gray{ color:#999}
button::-moz-focus-inner{ border:0; padding:0; margin:0}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset; border-bottom:1px solid rgba(0,0,0,0.54)}
button, input, select, textarea, img, .button{ font-size:1em; vertical-align:middle; outline:none}
input, textarea, select{ border:none; background-color:transparent; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-appearance:none; font-size:1em}
button, .button, .color_button{ text-align:center; border-radius:2px; cursor:pointer;  padding:0 1em; -webkit-appearance:none; height:2.25em; display:inline-block; line-height:2.25em; background-color:transparent}
.package{ width:95%; max-width:84.5em; margin:0 auto; margin-bottom:1.25em}
.site_logo, .site_search button:before{ background:url(../image/logo.png) 0 0 no-repeat; background-size:300px}

header{background-color:#FFF; box-shadow:0 2px 5px rgba(0,0,0,0.26)}
.header_top{ height:2em; background:rgb(254 80 7);}
.header_top h1{ font-size:0.75em; color:#fff; margin:0 auto; line-height:32px; font-weight:400; text-align:center; max-width:90%}
.site_branding{ height:5em; position:relative; margin-bottom:0 }
.site_logo{ width:300px; height:52px;  float:left;  margin-top:12px}
.site_logo a{ height:100%; width:100%; display:block}
.site_nav ul{ float:right; list-style:none}
.site_nav ul li{ height:5em; display:inline-block}
.site_nav ul li a{ padding:0 1em; display:block; height:5em; line-height:5em}
.site_nav ul li a i{ font-size:0.75em}
.site_nav ul li a:hover{ background-color:rgba(0,0,0,0.04)}
header .categories{position: absolute; width:100%; left:0; top:7em; padding:0 32px; background-color: #fff; z-index:105; border-top:0px solid rgba(0,0,0,0.06); box-shadow:0 3px 3px rgba(0,0,0,0.26); max-height: 0; overflow:hidden; opacity: 0; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;- webkit- transition:all 0.3s ease-in; 	transition: all 0.3s ease-in}
header .categories.show{ padding:16px 0 0; max-height:1000px; opacity:1; border-top:1px solid rgba(0,0,0,0.06);}
header .categories li{ list-style:none; width:20%; float:left; font-size:14px; line-height:36px}
header .categories li a{ width:100%; height:100%; display:block; padding:0 16px}
header .categories li a:hover{ background-color:rgba(0,0,0,0.04)}
.categories li i{ display:inline-block; margin-right:14px; vertical-align:middle; font-size:0.75em;-webkit-text-size-adjust:none}
.ca_1, .ca_8, .ca_20, .ca_32, .ca_41, .ca_52, .ca_63, .ca_73, .ca_78, .ca_93, .ca_101, .ca_113, .ca_121, .ca_128, .ca_132, .ca_139, .ca_146, .ca_158, .ca_165, .ca_175, .ca_184, .ca_193, .ca_198, .ca_202, .ca_213{ width:2em; height:2em; background: url(../image/category.png) 0 0 no-repeat; background-size:8em 14em}
.ca_1{ background-position: 0 0}
.ca_8{ background-position: -2em 0}
.ca_20{ background-position: -4em 0}
.ca_32{ background-position: -6em 0}
.ca_41{ background-position: 0 -2em}
.ca_52{ background-position: -2em -2em}
.ca_63{ background-position: -4em -2em}
.ca_73{ background-position: -6em -2em}
.ca_78{ background-position: 0 -4em}
.ca_93{ background-position: -2em -4em}
.ca_101{ background-position: -4em -4em}
.ca_113{ background-position: -6em -4em}
.ca_121{ background-position: 0 -6em}
.ca_128{ background-position: -2em -6em}
.ca_132{ background-position: -4em -6em}
.ca_139{ background-position: -6em -6em}
.ca_146{ background-position: 0 -8em}
.ca_158{ background-position: -2em -8em}
.ca_165{ background-position: -4em -8em}
.ca_175{ background-position: -6em -8em}
.ca_184{ background-position: 0 -10em}
.ca_193{ background-position: -2em -10em}
.ca_198{ background-position: -4em -10em}
.ca_202{ background-position: -6em -10em}
.ca_213{ background-position: 0 -12em}
.site_search{ width:48%; border-radius:2px; margin-top:1em; position:absolute; left:25%}
.site_search form{ height:3em; width:100%; border:1px solid rgba(0,0,0,0.1); position:relative}
.site_search form input[type="text"]{ height:100%; width:100%; line-height:3em; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; padding:0 4.75em 0 0.75em; border:2px}
.site_search button{ width:4.25em; height:3em; border-radius:0 2px 2px 0; position:absolute; top:-1px; right:-1px}
.site_search button:before{ content:"\e86f"; display:block; width:1.625em; height:1.625em; background-position:0 -4em; position:absolute; top:50%; left:50%; font-size:x-large; font-weight: bold; margin-top:-0.4525em; margin-left:-0.8125em}
.icon-menu-circle, .icon-magnifier{ display:none}

ui-helper-hidden { display:none }
.ui-helper-hidden-accessible { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px}
.ui-widget-content{ background-color:#fff; list-style-type:none;  padding:0; max-width:100%; position:relative; z-index:103; position:absolute; box-shadow:0px 7px 21px rgba(0,0,0,0.42)}
.ui-widget-content li{ height:4.5em}
.ui-widget-content li a{ font-size:1em; font-weight:500; padding: 0 1em 0 5.5em; position: relative; display:block; width:100%; line-height:4.5em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis}
.ui-widget-content li a:hover, .ui-widget-content a.ui-state-active, .ui-widget-content a.ui-state-hover, .ui-widget-content a.ui-state-focus{ background-color:rgba(0,0,0,0.04); color:#666}
.ui-widget-content li a .gray{ font-size:0.875em; margin-left:0.3em; font-weight:400}
.ui-widget-content li .m_logo{ width:3.5em; height:3.5em; line-height:2.75em; position:absolute; top:0.5em; left:1em; padding:0.375em}
@media (max-width:1300px){
	.site_search{ width:40%; position:relative; float:right; left:inherit}
	.site_nav ul{ float:left; margin-left:1.25em}
	header .categories li{ width:25%}
}
@media (max-width: 1023px){
	.site_branding.package{ width:100%; max-width:none; height:4em; margin:0; padding:0}
	.site_logo{ position:absolute; top:0; left:45%; margin-left:-6.8125em; margin-top:0.4em; font-size:0.9em}
	.icon-menu-circle, .icon-magnifier{ width:2.133em; height:2.133em; font-size:1.875em; text-align:center; line-height:2.133em!important; display:block; cursor:pointer; position:absolute; top:0; left:0}  
	.icon-magnifier{ left:inherit; right:0}
	.site_nav, .site_search{ position:absolute; z-index:102; top:4em; left:0; width:100%; background-color:#fff;border-top:0px solid rgba(0,0,0,0.1);box-shadow: 0 3px 3px rgba(0,0,0,0.26); max-height:0; overflow:hidden; opacity:0; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease}  
	.site_nav.show, .site_search.show{ max-height:9999px; opacity:1;border-top:1px solid rgba(0,0,0,0.1)}
	.site_nav{ height:3em}
	.site_nav ul{ width:100%; margin:0}
	.site_nav ul li{ width:50%; height:3em; float:left}
	.site_nav ul li:first-child{border-right:1px solid rgba(0,0,0,0.1)}
	.site_nav ul li a{ padding:0; margin:0; line-height:3em; line-height:3em; height:3em; display:block; text-align:center}
	header .categories{ top:9em}
	.categories .package{ max-width: none; width:100%; margin:0 0 16px 0}
	header .categories li{ width:33.333%}
	.site_search{ left:inherit; right:0;margin:0}
	.site_search form{ margin:12px; width:auto}
	.ui-widget-content{ position:relative; box-shadow:none; top:0!important}
}
@media (max-width: 767px){
	.site_logo{left:43%;}
	header .categories li{ width:50%}
	.site_branding.package{ padding-top:4em; height:auto}
	.site_nav, .site_search,header .categories{ position:relative; top:inherit; box-shadow:none}
}
@media (max-width: 460px){
	.site_logo{ background-size:250px;width: 250px;}
	header .categories li{ width:100%}
}
@media (max-width: 415px){
	.site_logo{left:40%;}
	.site_branding.package{ font-size:0.875em}
}
.site_main{ padding-top:1.5em}
.grid_stores, .columns{margin-right:-1.25em; margin-bottom:1.25em}
.grid_stores li{list-style:none;width:12.5%;padding-right:1.25em;float:left;margin-bottom:1.25em}
@media (max-width:1300px){
  .grid_stores li{ width:12.5%}	
}
@media (max-width:1200px){
  .grid_stores li{ width:16.6%}
}
.store_wrap{width:auto;height:132px;border:1px solid rgba(0,0,0,0.1);border-radius:2px;position:relative; background-color:#fff}
.m_logo{height:100%;width:100%;text-align:center;vertical-align:middle;padding:16px}
.m_logo img{max-width:100%;max-height:100%}
.m_logo:after{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}

.column{ width:33.333%; display:inline-block; padding-right:1.25em; float:left; margin-bottom:1.25em}
.column:last-child{ float:right}
.column article{ background-color:#fff; border:1px solid rgba(0,0,0,0.1) }
.column h2{ width:100%; height:3.75em; position: relative; line-height:3.75em; font-size:1.5em; color:#fff; text-align:center; z-index:3}
.column h2:before{ content:""; width:100%; height:100%; background-size:100% 100%;display:block; position: absolute; top:0; left:0; z-index:-1; border-radius:2px 2px 0 0}
.column h2:after{ content:""; background-color:rgb(254 80 7); width:100%; height:100%; display:block; position: absolute; top:0; left:0; z-index:-1}
.column main{ padding:0 1.25em}
.promo_wrapper{  width:100%; position:relative; border-bottom:1px solid rgba(0,0,0,0.06); min-height:7em}
.promo_wrapper:after{ content:""; position:absolute; top:50%; margin-top:-7px; right:2px; width:9px; height:9px;border-top: 2px solid #666;border-right:2px solid #666;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.promo_wrapper:last-child{ border-bottom:none}
.promo_wrapper .m_logo{ width:5em; height:5em; position:absolute; top:1em; left:0; border:1px solid rgba(0,0,0,0.1); border-radius:2px; padding:8px}
.promo_content{ padding:1.25em 2em 1em 6em; box-sizing:border-box;cursor:pointer}
.promo_wrapper h3{  color:#333; font-size:1em; line-height:1.25; font-weight:500; max-height:3.75em; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 3; margin-bottom:8px}
.coupontitle{ font-size:0.875em; line-height:1.5; max-height:2.625em; overflow:hidden }
.expires{ line-height:1em; height:1em; overflow:hidden; font-size:12px; letter-spacing:0.25px; color:#999}
.view_more{  padding:0 3em; border:1px solid rgba(0,0,0,0.1); margin:2em 0; color:#666}
@media (max-width:1024px){
  .column h2{ font-size:1.875em}
  .column article{ font-size:0.875em}
  .coupontitle{ font-size:1em}
  .promo_wrapper h3{ font-size:1.25em}
}

.h2{ font-size:2em; text-align:center; line-height:1.2; margin-bottom:20px}
.h2 i{ display:inline-block; font-size:0.5em; margin-right:6px}
.link_group{ background-color:#fff; padding-top:1.25em}
.link_group:nth-of-type(even){ background-color:transparent}
.link_group ul{ list-style:none; padding-bottom:1.25em}
.link_group ul li{ width:20%; float:left}
.link_group ul li a{ color:#666; font-size:0.875em; line-height:2.28; display:block; padding:0 1em; overflow:hidden; text-overflow: ellipsis; white-space:nowrap}
.sub_categories{ list-style:none; margin-bottom:20px}
.sub_categories li{ line-height:36px;  float:left; margin-bottom:1.25em; margin-right:1.25em}
.sub_categories li:first-child{ font-weight:500}
.sub_categories li a{ display:block; padding:0 20px;background-color:rgba(0,0,0,0.02); border:1px solid rgba(0,0,0,0.1); border-radius:3px}
.sub_categories li a:hover, .sub_categories li a.active{ background-color:#fc2f29; color:#fff}
.loading{ width:80px; height: 40px; margin: 32px auto; margin-top:16px }
.loading span{ display: inline-block; width:8px; height: 100%; border-radius: 4px; background-color: rgba(32,165,251,0.3); -webkit-animation: load 1s ease infinite; -moz-animation: load 1s ease infinite; -ms-animation: load 1s ease infinite; -o-animation: load 1s ease infinite; animation: load 1s ease infinite}
 @-webkit-keyframes load{
0%,100%{ height: 30px; background-color: rgba(32,165,251,0.3); }
50%{ height: 60px; margin: -15px 0; background-color: rgba(32,165,251,0.1) }
}
@-moz-keyframes load{
0%,100%{ height: 30px; background-color: rgba(32,165,251,0.3); }
50%{ height: 60px; margin: -15px 0; background-color: rgba(32,165,251,0.1) }
}
@-ms-keyframes load{
0%,100%{ height: 30px; background-color: rgba(32,165,251,0.3); }
50%{ height: 60px; margin: -15px 0; background-color: rgba(32,165,251,0.1) }
}
@-o-keyframes load{
0%,100%{ height: 30px; background-color: rgba(32,165,251,0.3); }
50%{ height: 60px; margin: -15px 0; background-color: rgba(32,165,251,0.1) }
}
@keyframes load{
0%,100%{ height: 30px; background-color: rgba(32,165,251,0.3); }
50%{ height: 60px; margin: -15px 0; background-color: rgba(32,165,251,0.1) }
}
.loading span:nth-child(2){ -webkit-animation-delay:0.2s; -moz-animation-delay:0.2s; -ms-animation-delay:0.2s; -o-animation-delay:0.2s; animation-delay:0.2s }
.loading span:nth-child(3){ -webkit-animation-delay:0.4s; -moz-animation-delay:0.4s; -ms-animation-delay:0.4s; -o-animation-delay:0.4s; animation-delay:0.4s }
.loading span:nth-child(4){ -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; -ms-animation-delay:0.6s; -o-animation-delay:0.6s; animation-delay:0.6s }
.loading span:nth-child(5){ -webkit-animation-delay:0.8s; -moz-animation-delay:0.8s; -ms-animation-delay:0.8s; -o-animation-delay:0.8s; animation-delay:0.8s }
.breadcrumbs{ font-size:0.875em; margin:20px 0 32px 0}
.breadcrumbs div{ display:inline-block}
.breadcrumbs div a{ color:#20a5fb}
footer{ background-color:#fff}
.foot_menu{ text-align:center; padding:1em 1.25em}
.foot_menu a{ font-size:0.875em}
.foot_menu a:after{ content:"|"; margin:0 20px}
.site_info{ padding:1em; font-size:0.875em;  color:#fff; background-color:rgb(254 80 7); text-align:center; line-height:1.5em}
.site_info .country_flag{float: right;position: relative;}

.mask {background-color:rgba(0,0,0,0.67);position:fixed;top:0; left:0;height:100%;width:100%;z-index: 999}
.pop_wrapper{ position:fixed; width:100%; height:100%;  z-index:1000; overflow-y:auto; top:0; left:0}
.coupon_detail_pop{ padding:16px 32px; margin:0 auto; max-width:640px; width:80%; background-color:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:3px; position:relative; top:20%; text-align:center}
.voucher_title{ font-size:1.25em; margin:32px 0 36px 0; line-height:1.3}
.code_box p{ color:#999; font-size:0.9375em}
.code_box .copy_code{ padding:28px 92px 28px 16px; border:1px dashed #ff364e; background-color:#fcf2f8; text-align:center; position:relative ; font-size:2em; word-wrap:break-word; display: inline-block; max-width:100%; line-height:1; margin:0 auto 32px auto}
.code_box .copy_code button{ height:64px; width:64px; border-radius:50%; background-color:#ff364e; color:#fff; text-align:center; margin:0 0 0 16px; padding:0; font-size:0.55em; position:absolute; top:50%; margin-top:-32px; right:12px}
 .go_btn{ height: 2.7em; line-height:2.7em; display:inline-block; max-width:100%; text-align:center; padding:0 1.6em; font-size:1.25em; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; border-radius:3px; margin-bottom:32px }
.code_box .go_btn{ background-color:#ff364e}
.deal_box p{ color:#3dc8d1; font-size:2em}
.deal_box .go_btn{ background-color:#20a5fb}
.details{ background-color:rgba(0,0,0,0.06); margin:0 -32px -16px -32px; padding: 16px 32px; font-size:0.875em; color:#666}
.details span{ font-weight:500; color:#444} 
.closed{ position:absolute; top:0; right:0; width:40px; height:40px; padding:0; font-size:1.25em; line-height:1.5; color:#666}

@media (max-width:1023px){
.grid_stores li{ width:25%}
.package{ max-width:36.75em; width:90%}
.column{ width:100%}
.link_group ul li{ width:33.333%}
}
@media (max-width:767px){
.package{ max-width:none; width:auto; margin-left:1.25em; margin-right:1.25em}
.h2{ font-size:1.5em}
}
@media (max-width:568px){
.grid_stores, .columns{ margin-right:-1em}
.grid_stores li, .column{ padding-right:1em; margin-bottom:1em}
.store_wrap{ height:100px}
.foot_menu a:after{ margin:0 8px}
}
@media (max-width:479px){
.package{ margin-left:1em; margin-right:1em}
.grid_stores li{ width:33.333%}
.link_group ul li{ width:50%}
.foot_menu a, .site_info{ font-size:0.75em}
}
.banner_wrapper{ width:95%; max-width:84.5em; overflow:hidden; position:relative; margin:0px auto 5em; clear: both}
@media (max-width:1023px){ .banner_wrapper{ max-width:36.75em; width:90%}}
@media (max-width:767px){ .banner_wrapper{ max-width:none; width:auto; margin-left:1.25em; margin-right:1.25em}}
@media (max-width:479px){ .banner_wrapper{ margin-left:1em; margin-right:1em}}
.glide{position:relative;height:290px; width:100%;  margin:0 auto}
.glide:after,.glide:before{content:""; width:100%; height:100%; position:absolute; top:0; left:-100%; display:block; background-color:rgba(255,255,255,0.54); z-index:1}
.glide:after{ left:100%}
@media (max-width:1024px){.glide{ width:auto; height:200px}}
@media (max-width:768px){.glide{ height:150px;}  }
@media (max-width:480px){.glide{ height:7.5em}}
.glide__wrapper {width:100%;height:100%;list-style:none;-webkit-perspective:1000;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;top:0;left:0}
.glide__wrapper.dragging {cursor:-webkit-grabbing;cursor:grabbing;}
.glide__slide {	-webkit-perspective:1000;perspective:1000;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:auto 100%}
.box {width:100%;height:100%; display:block}
.glide__arrows {position:absolute;top:50%;width:100%;}
.glide__arrow { position:absolute;z-index:2;display:block;top:-45px;width:36px;height:90px; background-color:rgba(0,0,0,0.26);border-radius:2px; cursor:pointer}
.glide__arrow:hover{ background-color:rgba(0,0,0,0.54)}
.glide__arrow:before, .glide__arrow:after{ content:""; display:block; position:absolute; width:20px; height:1px; background-color:#fff; -webkit-transform:rotate(45deg); transform:rotate(45deg); left:9px; top:50%; margin-top:-7px}
.glide__arrow:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:7px}
.glide__arrow.prev {left:1.25em; -webkit-transform:rotate(180deg); transform:rotate(180deg)}
.glide__arrow.next {right:1.25em}
@media (max-width:1024px){ .glide__arrow.prev {left:8px} .glide__arrow.next {right:8px}}
@media (max-width:767px){ .glide__arrows{ display:none} }
.glide__bullets {position:absolute;bottom:4px;width:100%;text-align:center;list-style:none;}
.glide__bullets li {display:inline-block;background-color: transparent;width:16px;height:16px;margin:0 5px;cursor: pointer; border-radius:50%; border:1px solid rgba(0,0,0,0.54)}
.glide__bullets li:hover{ background-color:rgba(0,0,0,0.54); border:none}
.glide__bullets li.active {background-color:rgba(252,47,41,0.67); border:1px solid rgba(252,47,41,0.67)}
.glide--carousel .glide__slide {float:left;clear:none; border-radius:2px}
@font-face {
  font-family: 'Linearicons-Free';
  src:  url('../font/Linearicons-Free.eot?7rldqd');
  src:  url('../font/Linearicons-Free.eot?7rldqd#iefix') format('embedded-opentype'),
url('../font/Linearicons-Free.ttf?7rldqd') format('truetype'),
url('../font/Linearicons-Free.woff?7rldqd') format('woff'),
url('../font/Linearicons-Free.svg?7rldqd#Linearicons-Free') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Linearicons-Free' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align:middle;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-truck:before {
  content: "\e901";
}
.icon-clock:before {
  content: "\e900";
}
.icon-home:before {
  content: "\e800";
}
.icon-heart:before {
  content: "\e813";
}
.icon-star:before {
  content: "\e814";
}
.icon-envelope:before {
  content: "\e818";
}
.icon-bookmark:before {
  content: "\e829";
}
.icon-user:before {
  content: "\e82a";
}
.icon-cart:before {
  content: "\e82e";
}
.icon-tag:before {
  content: "\e82f";
}
.icon-map-marker:before {
  content: "\e833";
}
.icon-screen:before {
  content: "\e839";
}
.icon-smartphone:before {
  content: "\e83a";
}
.icon-tablet:before {
  content: "\e83b";
}
.icon-laptop:before {
  content: "\e83c";
}
.icon-bubble:before {
  content: "\e83f";
}
.icon-gift:before {
  content: "\e844";
}
.icon-smile:before {
  content: "\e854";
}
.icon-sad:before {
  content: "\e855";
}
.icon-neutral:before {
  content: "\e856";
}
.icon-hourglass:before {
  content: "\e85f";
}
.icon-sync:before {
  content: "\e862";
}
.icon-thumbs-up:before {
  content: "\e86d";
}
.icon-thumbs-down:before {
  content: "\e86e";
}
.icon-magnifier:before {
  content: "\e86f";
}
.icon-cross:before {
  content: "\e870";
}
.icon-chevron-up:before {
  content: "\e873";
}
.icon-chevron-down:before {
  content: "\e874";
}
.icon-chevron-left:before {
  content: "\e875";
}
.icon-chevron-right:before {
  content: "\e876";
}
.icon-arrow-left:before {
  content: "\e879";
}
.icon-arrow-right:before {
  content: "\e87a";
}
.icon-menu-circle:before {
  content: "\e87e";
}
.icon-arrow-left-circle:before {
  content: "\e885";
}
.icon-arrow-right-circle:before {
  content: "\e886";
}
.icon-chevron-left-circle:before {
  content: "\e889";
}
.icon-chevron-right-circle:before {
  content: "\e88a";
}
.icon-funnel:before {
  content: "\e88f";
}