/* -------------------------------------------

	Name: 		Theme Performance
	Date:		2018/02/26
	Author:		http://psdhtml.me
		   		   
---------------------------------------------  */
* { margin: 0; padding: 0; }
*, :before, :after { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; }
body { min-height: 100%; background: #fff; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 14px; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; }
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 24px; }

article, aside, details, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }


/*! Layout --------- */		
		#notify { overflow: hidden; position: fixed; left: 0; right: 0; top: -60px; z-index: 99997; height: 60px; margin: 0; padding: 18.5px 70px; background: #27AE60; color: #fff; font-size: 14px; font-weight: 600; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
			#root #notify:before { z-index: -1; background: #27AE60; }
			#notify a.close { display: block; position: absolute; right: 0; top: 0; bottom: 0; z-index: 4; width: 60px; color: #fff; font-weight: 400; font-size: 13px; text-decoration: none; opacity: 1; }
				#notify a.close:before { content: "\e901"; }
		#notify.error { background: #fff; color: #EB5757; }
			.notify-active #notify.error, .notify-active #notify.failure { box-shadow: 0 4px 4px rgba(0,0,0,.08); }
			#root #notify.error:before { background: #fff; }
			#notify.error a.close { color: #EB5757; }
		#notify.failure { background: #eb5757; color: #fff; }
			#root #notify.failure:before { background: #eb5757; }
			#notify.failure a.close { color: #fff; }
		#back { position: absolute; left: 0; top: -3000em; width: 53px; height: 40px; margin: 0; color: #007aff; font-size: 21px; font-weight: 400; text-align: left; text-indent: -3000em; text-decoration: none; }
			#back:before { content: "\e92c"; }
	#cookie { position: fixed; left: 50%; bottom: 0; z-index: 9999; width: 1380px; min-height: 113px; margin: 0 0 0 -690px; padding: 32px 260px 12px 0; color: #000; line-height: 2; }
		#cookie:before { background: #fafafa; }
		#cookie.toggle { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
		#cookie h1, #cookie h2, #cookie h3, #cookie h4, #cookie h5, #cookie h6 { margin: 0 0 7px; font-size: 18px; font-family: Muli, Arial, Helvetica, sans-serif; }
		#cookie p { margin: 0 0 7px; font-size: 13px; }
		#cookie .link-btn { position: absolute; right: 0; bottom: 34px; margin: 0; padding: 0 0 0 96px; }
			#cookie .link-btn a { z-index: 2; min-width: 176px; padding: 14px 28px; }
	#compare { position: fixed; left: 0; right: 0; bottom: -90px; z-index: 9998; background: #fff; color: #000; }
	.compare-initialize #compare { bottom: 0; }
	#compare { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
		#compare section { overflow-x: hidden; overflow-y: auto; width: 1368px; margin: 0 auto; max-height: calc(100vh - 75px); padding: 31px 0 13px; }
			#compare section > p { margin-bottom: 17px; }
			#compare section p.desktop-hide { float: left; line-height: 45px; }
			#compare section p.desktop-hide + .desktop-hide { float: right; }
		#compare header { position: absolute; left: 50%; bottom: 100%; z-index: 1; margin: 0 0 0 -690px; }
			#compare header h1, #compare header h2, #compare header h3, #compare header h4, #compare header h5, #compare header h6 { position: relative; z-index: 2; margin: 0; font-size: 22px; font-weight: 700; font-family: Montserrat, Muli, Arial, Helvetica, sans-serif; line-height: 75px; }
			#compare header h1 span, #compare header h2 span, #compare header h3 span, #compare header h4 span, #compare header h5 span, #compare header h6 span { position: relative; top: -2px; margin: 0 0 0 30px; font-size: .63636363636em; font-weight: 400; font-family: Muli, Arial, Helvetica, sans-serif; }
			#compare header:before { box-shadow: 0 -4px 4px rgba(0,0,0,.06); border: 0 solid #f0f0f0; background: #fafafa }
		#compare footer { position: absolute; right: 50%; bottom: 100%; z-index: 2; height: 75px; margin: 0 -690px 0 0; padding: 15px 0 0; line-height: 45px; }
			#compare footer p { float: left; margin: 0; padding: 0 0 0 40px; }
			#compare footer p a:before { content: "\e926"; display: inline-block; position: relative; top: -1px; margin: 0 4px 0 0; font-size: 7px; font-family: i; font-weight: 400; text-align: center; }
				.compare-active #compare footer p a:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
			#compare footer p a.remove { display: block; position: relative; padding: 0 60px 0 0; color: #000; text-decoration: none; }
				#compare footer p a.remove:before { content: "\e901"; display: block; position: absolute; right: 0; top: 50%; width: 26px; height: 26px; margin: -13px 0 0; border-radius: 26px; border: 1px solid #e0e0e0; color: #828282; font-size: 8px; line-height: 24px; text-indent: 0; text-align: center; }
			#compare .link-btn a { min-width: 212px; height: 45px; padding-top: 0; padding-bottom: 0; line-height: 43px; }
		#compare > a.hide { display: block; overflow: hidden; position: absolute; right: 0; top: -3000em; z-index: 9; width: 75px; height: 75px; text-align: left; text-indent: -3000em; }			

/*! Icons --------- */
@font-face { font-family: 'i'; src: url('icomoon.eot'); src: url('icomoon.eot#iefix') format('embedded-opentype'), url('icomoon.ttf') format('truetype'), url('icomoon.woff') format('woff'), url('icomoon.svg#icomoon') format('svg'); font-weight: 400; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.icon-bag:before { content: "\e932"; }
	.icon-blog:before { content: "\e93c"; }
	.icon-calendar:before { content: "\e933"; }
	.icon-cart:before { content: "\e935"; }
	.icon-cart-plus:before { content: "\e934"; }
	.icon-chart:before { content: "\e92e"; }
	.icon-chat:before { content: "\e92f"; }
	.icon-check:before { content: "\e930"; }
	.icon-check-circle:before { content: "\e931"; }
	.icon-checklist:before { content: "\e93b"; }
	.icon-check-rounded:before { content: "\e92a"; }
	.icon-chevron-down:before { content: "\e92b"; }
	.icon-chevron-left:before { content: "\e92c"; }
	.icon-chevron-right:before { content: "\e92d"; }
	.icon-chevron-up:before { content: "\e926"; }
	.icon-circle-outline:before { content: "\e93e"; }
	.icon-credit-cards:before { content: "\e927"; }
	.icon-decrease-count:before { content: "\e928"; }
	.icon-decrease-down:before { content: "\e922"; }
	.icon-decrease-up:before { content: "\e929"; }
	.icon-document:before { content: "\e923"; }
	.icon-documents:before { content: "\e924"; }
	.icon-download:before { content: "\e953"; }
	.icon-edit:before { content: "\e925"; }
	.icon-envelope:before { content: "\e91e"; }
	.icon-euro:before { content: "\e91f"; }
	.icon-facebook:before { content: "\e920"; }
	.icon-facebook-square:before { content: "\e921"; }
	.icon-facebook-square-fill:before { content: "\e93d"; }
	.icon-google-plus:before { content: "\e952"; }
	.icon-grid:before { content: "\e948"; }
	.icon-heart:before { content: "\e91a"; }
	.icon-heart-outline:before { content: "\e91b"; }
	.icon-id:before { content: "\e91c"; }
	.icon-increase-down:before { content: "\e91d"; }
	.icon-increase-up:before { content: "\e916"; }
	.icon-info:before { content: "\e917"; }
	.icon-instagram:before { content: "\e918"; }
	.icon-linkedin:before { content: "\e951"; }
	.icon-linkedin2:before { content: "\e94d"; }
	.icon-list:before { content: "\e949"; }
	.icon-lock:before { content: "\e919"; }
	.icon-menu:before { content: "\e912"; }
	.icon-messenger:before { content: "\e913"; }
	.icon-minus:before { content: "\e914"; }
	.icon-minus-thin:before { content: "\e915"; }
	.icon-paper-plane:before { content: "\e93a"; }
	.icon-pencil:before { content: "\e90e"; }
	.icon-pencil-ruler:before { content: "\e947"; }
	.icon-phone:before { content: "\e90f"; }
	.icon-pin:before { content: "\e910"; }
	.icon-pinterest:before { content: "\e911"; }
	.icon-plus:before { content: "\e90a"; }
	.icon-plus-thin:before { content: "\e90b"; }
	.icon-pointer:before { content: "\e90c"; }
	.icon-refresh:before { content: "\e90d"; }
	.icon-rss:before { content: "\e945"; }
	.icon-service:before { content: "\e954"; }
	.icon-settings:before { content: "\e906"; }
	.icon-skype:before { content: "\e950"; }
	.icon-smile:before { content: "\e907"; }
	.icon-snapchat:before { content: "\e94f"; }
	.icon-star:before { content: "\e909"; }
	.icon-star-circle:before { content: "\e908"; }
	.icon-tools:before { content: "\e939"; }
	.icon-trash:before { content: "\e902"; }
	.icon-triangle-down:before { content: "\e943"; }
	.icon-triangle-left:before { content: "\e940"; }
	.icon-triangle-right:before { content: "\e941"; }
	.icon-triangle-up:before { content: "\e942"; }
	.icon-truck:before { content: "\e903"; }
	.icon-tumblr:before { content: "\e94b"; }
	.icon-twitter:before { content: "\e904"; }
	.icon-upload:before { content: "\e905"; }
	.icon-user:before { content: "\e938"; }
	.icon-user-outline:before { content: "\e937"; }
	.icon-vimeo:before { content: "\e94c"; }
	.icon-whatsapp:before { content: "\e94a"; }
	.icon-x:before { content: "\e93f"; }
	.icon-x-circle:before { content: "\e946"; }
	.icon-x-circle-outline:before { content: "\e900"; }
	.icon-x-small:before { content: "\e944"; }
	.icon-x-thin:before { content: "\e901"; }
	.icon-youtube:before { content: "\e94e"; }
	.icon-zoom:before { content: "\e936"; }