@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic&subset=latin,latin-ext);
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* INITIAL STYLES =========================================================== */

*, *:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a, embed, object , input, textarea, button { outline: none !important; }
.clear { display:block; clear: both; width: 100%; overflow: hidden; height: 0px; background: transparent;}
.centered { float: none; margin: 0 auto; }

body
{
	font-family: "Roboto","Helvetica Neue",sans-serif;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 300;
	color: #1d1d1b;

}

.container {
	max-width: 1170px;
	padding: 0 15px;
	margin: 0 auto;
}

.container.bit-wider {
	max-width: 1200px;
}

@media (min-width: 992px) {
	.mobile-only {
		display:none !important;
	}
}

@media (max-width: 991px) {
	.desktop-only {
		display:none !important;
	}
	.container {
		width: auto;
		max-width: 100%;
		padding: 0px 15px;
	}
}

/* HEADER =================================================================== */

header {
	background: #1d1d1b;
	padding: 15px 0 10px 0;
}

header .container {
	position: relative;
}

.logo {
	display: block;
	max-width: 55%;
	float: left;
	line-height: 1;
	white-space: nowrap;
}

.logo img:first-child {
	max-width: 56%;
}

.logo img:last-child {
	max-width: 43%;
}

@media (max-width: 991px) {
	.logo { white-space: normal; max-width: 85%; }
	.logo img:first-child { max-width: 100%; }
	.logo img:last-child { max-width: 100%; margin-top: -15px; }
}

nav {
	float: right;
	max-width: 50%;
	padding-top: 45px;
}

nav a {
	display: inline-block;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	padding: 8px 15px;
	border: 1px solid #1d1d1b;
	margin-left: 20px;
	transition: border-color 0.3s ease;
}

nav a.active,
nav a:hover {
	border: 1px solid #fff;
}
@media (max-width: 1120px) {
	nav.desktop-only a { margin-left: 5px; padding: 8px 10px; }
}

.hamburger {
	display: block;
	position: absolute;
	right: 20px;
	top: 0px;
	width: 16px;
	height: 100%;
	float: right;
	background: url('img/hamburger.png') no-repeat center center;
}

.hamburger.opened {
	background: url('img/hamburger-close.png') no-repeat center center;
}

nav.mobile-only {
	width: 150px;
	display: none;
	float: none;
	margin: 0 auto;
	padding-top: 20px;
}

nav.mobile-only a {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

/* COMMON STYLES ============================================================ */

img {
	max-width: 100%;
}

img.block {
	display: block;
}

a, a:hover {
	text-decoration: none;
}

strong {
	font-weight: 500;
}

.thin {
	font-weight: 300;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

ul {
	padding: 0 0 0 22px;
	text-align: left;
}

li {
	list-style-type: square;
}

.spacer10 {	height: 10px; }
.spacer20 { height: 20px; }
.spacer30 { height: 30px; }
.spacer40 { height: 40px; }
.spacer60 { height: 60px; }
.spacer80 { height: 80px; }
.spacer100 { height: 100px; }

section {
	width: 100%;
	padding: 60px 0px 59px 0px;
	text-align: justify;
}

h1,h2,h3 {
	text-align: left;
}

h1 {
	font-size: 40px;
	line-height: 31px;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 60px 0;
	padding: 0;
}

h1::after {
	content: ' ';
	display: inline-block;
	width: 90px;
	height: 5px;
	background: #000;
	margin-left: 15px;
}

h2 {
	/*font-size: 48px;*/
	font-size:30px;
	line-height: 30px;
	font-weight: 500;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 60px 0;
	padding: 0;
}

h3 {
	font-size: 30px;
	line-height: 25px;
	font-weight: 500;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 24px 0;
	padding: 0;
}

.half {
	width: 50%;
}

.half.left {
	float: left;
	padding-right: 20px;
}

.half.right {
	float: right;
	padding-left: 20px;
}

.half.image {
	text-align: center;
	padding: 0px 20px;
}

.mobile-right-image {
	float: right;
	width: 130px;
}

@media (max-width: 580px) {
	.mobile-right-image { display: none; }
}

@media (max-width: 991px) {
	.half, .half.left, .half.right { width: 100% !important; float:none !important; padding: 0 !important; }
}

.order-btn {
	display: block;

	width: 371px;
	margin:0 auto;

	height: 80px;
	background:#ff0 url('img/order-now-btn.png') no-repeat;
	background-size: contain;
	text-decoration: none;
}
.order-btn.black{background: transparent url('img/order-now-btn-black.png') no-repeat;}

.order-btn span {
	display: block;
	position: absolute;
	right: 0px;
	top: 20px;
	padding: 0;
	font-size: 26px;
	font-weight: 500;
	width: 292px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
.order-btn.black span {color:#000;}
.parallax .order-btn {
	position: absolute;
	left: 50%;
	top: 50%;

}




div.ordernow{ margin:3em 0 0 0; text-align: center;}
div.ordernow a.ordernowbtn{
	display:block;
	margin:0 auto;
	width:375px;
	height:80px;
	border: 2px solid #fff;
	text-align:left;
}
div.ordernow a.ordernowbtn span.tb{
	display:block;
	margin:0 auto;
	height:76px;
	width:75px;
	font-size:12pt;
	text-align:center;
	background:transparent url(img/order-tb-white.png) center top no-repeat;
	border-right:2px solid #fff;
	float:left;
}


div.ordernow a.ordernowbtn span.tb.dark{background:transparent url(img/order-tb-black.png) center top no-repeat;}
div.ordernow a.ordernowbtn span.txt{
	display:inline-block;
	font-size:18pt;
	font-weight:700;
	line-height:80px;
	width:285px;
	text-align:center;
	float:left;
	color:#fff;
}
@media (max-width: 991px){
	div.ordernow{ margin:1.2em 0 0 0; }
	div.ordernow a.ordernowbtn {width:250px; }
	div.ordernow a.ordernowbtn span.txt{width:170px; font-size:14pt;}
}

/*hv*/
div.ordernow a.ordernowbtn:hover {background:#1d1d1b;}

div.ordernow a.ordernowbtn.light:hover {border-color:#000; background:#fff;}
div.ordernow a.ordernowbtn.light:hover span.tb{border-color:#000;background:#fff url(img/order-tb-black.png) center top no-repeat;}
div.ordernow a.ordernowbtn.light:hover span.txt{color:#000 !important;}

div.ordernow a.ordernowbtn.dark:hover {border-color:#fff; background:#1d1d1b;}
div.ordernow a.ordernowbtn.dark:hover span.tb{border-color:#fff !important;background:#1d1d1b url(img/order-tb-white.png) center top no-repeat;}
div.ordernow a.ordernowbtn.dark:hover span.txt{color:#fff !important;}

/* FOOTER =================================================================== */

footer {
	background: #575756;
}

.footer-segment {
	text-align: center;
	padding: 20px;
	color: #afafaf;
}

.footer-segment.social {
	padding: 17px;
	border-bottom: 1px solid #afafaf;
}

.footer-segment.social a {
	display: inline-block;
	color: #afafaf;
	text-decoration: none;
	padding: 0px 10px;
	width: 50px;
	text-align: center;
	transition: all 0.2s ease;
}

.footer-segment.social a:hover { background: #fff; }
.footer-segment.social .fb:hover { color: #3B5998; }
.footer-segment.social .tw:hover { color: #00ACED; }
.footer-segment.social .yt:hover { color: #E62117; }
.footer-segment.social .gp:hover { color: #DB4437; }

.footer-segment.menu a {
	color: #afafaf;
	font-size:18px;
	white-space: nowrap;
}

.footer-segment.menu a:hover {
	color: #fff;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------- START PAGE */
.mobile-header {
	display: block;
	max-width: 100%;
	height: auto;
}

.black-icons-mobile {
	width: 100%;
	background: #1d1d1b;
	color: #fff;
}

.black-icons-mobile-container {
	padding: 50px 30px;
}

.black-icons-mobile .icon-container-cell {
	font-size: 16px;
}

.black-icons-mobile .icon-container-cell img {
	min-width: 40px !important;
}

.black-icons-mobile .icon-container-row.last-one .icon-container-cell {
	padding-top: 20px;
}

.black-icons-mobile .image-on-top {
	display: none;
}

section.intro {
	background-color: #fff;
	background-image: url('img/top-background.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	/*background-size: contain;*/
}

section.intro.main {
	background-color: #fff;
	background-image: url('img/main-top-background.jpg');
	background-repeat: no-repeat;
	background-position: bottom center;
	/*background-size: contain;*/
}

section.intro .half.left {
	width: 56%;
}
section.orderdown{
	padding:20px 0 0 0;
}
section.orderdown h3{text-transform:none;text-align:center;margin:30px 0 0 0;}
.textcenter{text-align:center;}
.parallax h3.white{text-align:center;color:#fff;text-transform:none;margin:30px 0 0 0;}
.black-bg{
	padding:0;
	margin:0;
	background: #1d1d1b;
	width:100%;
}
.black-icons {
	/*position: relative;
	margin-top: -93px;
	margin-bottom: -93px;*/
	z-index: 500;
}


.black-icon-container {
	background: #1d1d1b;
	padding: 50px 40px;
	color: #fff;
}

.icon-container {
	display: table;
	width: 100%;
}

.icon-container-row {
	display: table-row;
}

.icon-container-cell {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	font-size: 19px;
	line-height: 1.2;
	text-align: left;
}

.icon-container-cell:nth-child(even) {
	padding: 0px 20px 0px 20px;
}

.icon-container-cell img {
	display: block;
	min-width: 85px !important;
}

section.effects {
	background-color: #e5e5e5;
	background-image: url('img/nanolash-texture-full-width.png');
	background-repeat: no-repeat;
	background-position: 0px 180px;
	background-size: contain;
}

.effects-spacer {
	height: 50px;
	border-top: 1px solid #000;
}

.parallax{
	position: relative;
	width: 100%;
    height: 300px;
	overflow: hidden;
	background-color: #000;
	background-position: 50% 0px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image: url('img/paralax.jpg');
}

@media screen and (max-width:991px){
	.parallax{
		background-size:auto 600px !important;
		background-position: 80% 30% !important;
	}
}

@media screen and (max-width:991px) and (orientation:portrait){
	.parallax{background-size:auto 100% !important;}
}

.no-parallax{background-image:none;background:#fff;}


section.how-it-works {
	background-color: #fff;
	background-image: url('img/nanolash-texture-full-width.png');
	background-repeat: no-repeat;
	background-position: 0px 180px;
	background-size: contain;
}

.horizontal-rule {
	width: 100%;
	height: 1px;
	background: transparent url('img/hr.png') no-repeat center center;
}


.container-bottle {
	padding: 0px 20px;
	z-index:9999999999999;
}

.img-bottle {
	position:relative;
	margin-top: -60px;
	z-index:9999999999999;
}

.bottle .order-btn {
	margin: 0 auto;
}

.slider-container {
	max-width: 1102px;
	margin: 0 auto;
}

.slide {
	padding: 0 81px;
	text-align: justify;
	font-family: 'Playfair Display';
	font-style: italic;
}

.slide .text-right {
	padding-top: 10px;
	font-style: normal;
}

.slick-dots {
	display: block;
	width: 100%;
	background: transparent url('img/testimonials-rail.png') no-repeat bottom center;
	text-align: center;
	padding: 0;
	margin: 30px 0 0 0;
}

.slick-dots li {
	display: inline;
	padding: 0;
	margin: 0;
}

.slick-dots li button {
	display: inline-block;
	border: none;
	width: 14px;
	height: 60px;
	background: transparent url('img/slick-rectangle.png') no-repeat bottom center;
	padding: 0;
	margin: 0 40px 10px 40px;
	cursor: pointer;
	vertical-align: top;
}

.slick-dots li.slick-active button {
	background: transparent url('img/slick-rectangle-active.png') no-repeat bottom center;
}

section.natural {
	background-color: #1d1d1b;
	background-image: url('img/nanolash-texture-full-width.png');
	background-repeat: no-repeat;
	background-position: 0px 80px;
	background-size: contain;
	color: #fff;
}

section.natural h2 {
	color: #fff;
}

section.natural .half.left {
	width: 65%;
}

section.natural .half.right {
	width: 35%;
}

section.how-it-works {
	background-color: #fff;
	background-image: url('img/nanolash-texture-full-width.png');
	background-repeat: no-repeat;
	background-position: 0px 50px;
	background-size: contain;
}

section.faq {
	background-color: #1d1d1b;
	background-image: url('img/bottom-background.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: contain;
	color: #fff;
}

section.faq .half.left {
	width: 80%;
}

section.faq h1, section.faq h2 {
	color: #fff;
}

section.faq h1::after {
	background: #fff;
}

.faq-item {
	margin-bottom: 20px;
	font-size: 16px;
}

.faq-item a {
	display: table;
	color: #fff;
	font-weight: 500;
	clear: both;
	text-align: left;
}

.faq-item a .faq-item-container {
	display: table-row;
}

.faq-item a .faq-item-button, .faq-item a .faq-item-text {
	display: table-cell;
	vertical-align: middle;
}

.faq-item a i {
	display: inline-block;
	padding: 15px;
	width: 56px;
	text-align: center;
	border: 2px solid #fff;
	margin-right: 45px;
	background-color: transparent;
	transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.faq-item a:hover i {
	background-color: #444;
}

.faq-item a.active i {
	background-color: #fff !important;
	color: #1d1d1b;
	transform: rotateX(180deg);
}

.faq-item > div {
	display: none;
	padding-left: 101px;
}

/* MOBILE DIFFERENCES ======================================================= */

@media (max-width: 991px) {
	section.intro, section.effects, section.how-it-works, section.natural, section.faq { background-image: none; }
	.parallax { height: 140px; }
	.slide { padding: 0 20px; }
	.slick-dots li button { margin: 0 10px 10px 10px; }
	.bottle { padding: 30px 0 50px 0; }
	.img-bottle { margin-top: -20px; }
}

@media (max-width: 650px) {
	.black-icons-mobile-container {	padding: 30px 10px; }
	.black-icons-mobile .image-on-left { display: none; }
	.black-icons-mobile .image-on-top { display: block; margin: 0px auto 10px auto; }
	.black-icons-mobile .icon-container-cell { vertical-align: top; text-align: center; font-size: 14px; }
	.black-icons-mobile  .icon-container-cell:nth-child(even) { padding: 0px 10px 0px 10px;	}
}

/* ADDED --------------------------------------------------------------------- */
/* FLAGS --------------------------------------------------------------------- */

ul#nav_menu { display: block; width: 100%; margin:0; padding:0; }
ul#nav_menu li { list-style-type: none;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	margin:0; padding:0;
}
#content1{
	width: 100%;
	height: auto;
	background: rgba(29,29,27,0.9);
	display: none;
	/*position: absolute;*/
	left:0;
	z-index:999999;
}
/*
#content1:hover {
	display: block !important;
	width: 100%;
    height: auto !important;
	position: absolute;
	left:0;
}
*/
#content1 span.separator{display:block;width:100%;height:2em;}
#content1 a{margin:5px;display:inline-block}

.flag {
	width: 32px;
	height: 32px;
	background:url(img/flags.png) no-repeat;
}
a.flag.flag-current{margin:0.5em 0 0 1em;outline:none;border:0;}
.flag.flag-ad {background-position: -32px 0}
.flag.flag-ae {background-position: -64px 0}
.flag.flag-af {background-position: -96px 0}
.flag.flag-ag {background-position: -128px 0}
.flag.flag-ai {background-position: -160px 0}
.flag.flag-al {background-position: -192px 0}
.flag.flag-am {background-position: -224px 0}
.flag.flag-an {background-position: -256px 0}
.flag.flag-ao {background-position: -288px 0}
.flag.flag-ar {background-position: -320px 0}
.flag.flag-as {background-position: -352px 0}
.flag.flag-at {background-position: -384px 0}
.flag.flag-au {background-position: -416px 0}
.flag.flag-aw {background-position: -448px 0}
.flag.flag-az {background-position: 0 -32px}
.flag.flag-ba {background-position: -32px -32px}
.flag.flag-bb {background-position: -64px -32px}
.flag.flag-bd {background-position: -96px -32px}
.flag.flag-be {background-position: -128px -32px}
.flag.flag-bf {background-position: -160px -32px}
.flag.flag-bg {background-position: -192px -32px}
.flag.flag-bh {background-position: -224px -32px}
.flag.flag-bi {background-position: -256px -32px}
.flag.flag-bj {background-position: -288px -32px}
.flag.flag-bm {background-position: -320px -32px}
.flag.flag-bn {background-position: -352px -32px}
.flag.flag-bo {background-position: -384px -32px}
.flag.flag-br {background-position: -416px -32px}
.flag.flag-bs {background-position: -448px -32px}
.flag.flag-bt {background-position: 0 -64px}
.flag.flag-bw {background-position: -32px -64px}
.flag.flag-by {background-position: -64px -64px}
.flag.flag-bz {background-position: -96px -64px}
.flag.flag-ca {background-position: -128px -64px}
.flag.flag-cd {background-position: -160px -64px}
.flag.flag-cf {background-position: -192px -64px}
.flag.flag-cg {background-position: -224px -64px}
.flag.flag-ch {background-position: -256px -64px}
.flag.flag-ci {background-position: -288px -64px}
.flag.flag-ck {background-position: -320px -64px}
.flag.flag-cl {background-position: -352px -64px}
.flag.flag-cm {background-position: -384px -64px}
.flag.flag-cn {background-position: -416px -64px}
.flag.flag-co {background-position: -448px -64px}
.flag.flag-cr {background-position: 0 -96px}
.flag.flag-cu {background-position: -32px -96px}
.flag.flag-cv {background-position: -64px -96px}
.flag.flag-cy {background-position: -96px -96px}
.flag.flag-cz {background-position: -128px -96px}
.flag.flag-de {background-position: -160px -96px}
.flag.flag-dj {background-position: -192px -96px}
.flag.flag-dk {background-position: -224px -96px}
.flag.flag-dm {background-position: -256px -96px}
.flag.flag-do {background-position: -288px -96px}
.flag.flag-dz {background-position: -320px -96px}
.flag.flag-ec {background-position: -352px -96px}
.flag.flag-ee {background-position: -384px -96px}
.flag.flag-eg {background-position: -416px -96px}
.flag.flag-eh {background-position: -448px -96px}
.flag.flag-er {background-position: 0 -128px}
.flag.flag-es {background-position: -32px -128px}
.flag.flag-et {background-position: -64px -128px}
.flag.flag-fi {background-position: -96px -128px}
.flag.flag-fj {background-position: -128px -128px}
.flag.flag-fm {background-position: -160px -128px}
.flag.flag-fo {background-position: -192px -128px}
.flag.flag-fr {background-position: -224px -128px}
.flag.flag-ga {background-position: -256px -128px}
.flag.flag-gb {background-position: -288px -128px}
.flag.flag-gd {background-position: -320px -128px}
.flag.flag-ge {background-position: -352px -128px}
.flag.flag-gg {background-position: -384px -128px}
.flag.flag-gh {background-position: -416px -128px}
.flag.flag-gi {background-position: -448px -128px}
.flag.flag-gl {background-position: 0 -160px}
.flag.flag-gm {background-position: -32px -160px}
.flag.flag-gn {background-position: -64px -160px}
.flag.flag-gp {background-position: -96px -160px}
.flag.flag-gq {background-position: -128px -160px}
.flag.flag-gr {background-position: -160px -160px}
.flag.flag-gt {background-position: -192px -160px}
.flag.flag-gu {background-position: -224px -160px}
.flag.flag-gw {background-position: -256px -160px}
.flag.flag-gy {background-position: -288px -160px}
.flag.flag-hk {background-position: -320px -160px}
.flag.flag-hn {background-position: -352px -160px}
.flag.flag-hr {background-position: -384px -160px}
.flag.flag-ht {background-position: -416px -160px}
.flag.flag-hu {background-position: -448px -160px}
.flag.flag-id {background-position: 0 -192px}
.flag.flag-ie {background-position: -32px -192px}
.flag.flag-il {background-position: -64px -192px}
.flag.flag-im {background-position: -96px -192px}
.flag.flag-in {background-position: -128px -192px}
.flag.flag-iq {background-position: -160px -192px}
.flag.flag-ir {background-position: -192px -192px}
.flag.flag-is {background-position: -224px -192px}
.flag.flag-it {background-position: -256px -192px}
.flag.flag-je {background-position: -288px -192px}
.flag.flag-jm {background-position: -320px -192px}
.flag.flag-jo {background-position: -352px -192px}
.flag.flag-jp {background-position: -384px -192px}
.flag.flag-ke {background-position: -416px -192px}
.flag.flag-kg {background-position: -448px -192px}
.flag.flag-kh {background-position: 0 -224px}
.flag.flag-ki {background-position: -32px -224px}
.flag.flag-km {background-position: -64px -224px}
.flag.flag-kn {background-position: -96px -224px}
.flag.flag-kp {background-position: -128px -224px}
.flag.flag-kr {background-position: -160px -224px}
.flag.flag-kw {background-position: -192px -224px}
.flag.flag-ky {background-position: -224px -224px}
.flag.flag-kz {background-position: -256px -224px}
.flag.flag-la {background-position: -288px -224px}
.flag.flag-lb {background-position: -320px -224px}
.flag.flag-lc {background-position: -352px -224px}
.flag.flag-li {background-position: -384px -224px}
.flag.flag-lk {background-position: -416px -224px}
.flag.flag-lr {background-position: -448px -224px}
.flag.flag-ls {background-position: 0 -256px}
.flag.flag-lt {background-position: -32px -256px}
.flag.flag-lu {background-position: -64px -256px}
.flag.flag-lv {background-position: -96px -256px}
.flag.flag-ly {background-position: -128px -256px}
.flag.flag-ma {background-position: -160px -256px}
.flag.flag-mc {background-position: -192px -256px}
.flag.flag-md {background-position: -224px -256px}
.flag.flag-me {background-position: -256px -256px}
.flag.flag-mg {background-position: -288px -256px}
.flag.flag-mh {background-position: -320px -256px}
.flag.flag-mk {background-position: -352px -256px}
.flag.flag-ml {background-position: -384px -256px}
.flag.flag-mm {background-position: -416px -256px}
.flag.flag-mn {background-position: -448px -256px}
.flag.flag-mo {background-position: 0 -288px}
.flag.flag-mq {background-position: -32px -288px}
.flag.flag-mr {background-position: -64px -288px}
.flag.flag-ms {background-position: -96px -288px}
.flag.flag-mt {background-position: -128px -288px}
.flag.flag-mu {background-position: -160px -288px}
.flag.flag-mv {background-position: -192px -288px}
.flag.flag-mw {background-position: -224px -288px}
.flag.flag-mx {background-position: -256px -288px}
.flag.flag-my {background-position: -288px -288px}
.flag.flag-mz {background-position: -320px -288px}
.flag.flag-na {background-position: -352px -288px}
.flag.flag-nc {background-position: -384px -288px}
.flag.flag-ne {background-position: -416px -288px}
.flag.flag-ng {background-position: -448px -288px}
.flag.flag-ni {background-position: 0 -320px}
.flag.flag-nl {background-position: -32px -320px}
.flag.flag-no {background-position: -64px -320px}
.flag.flag-np {background-position: -96px -320px}
.flag.flag-nr {background-position: -128px -320px}
.flag.flag-nz {background-position: -160px -320px}
.flag.flag-om {background-position: -192px -320px}
.flag.flag-pa {background-position: -224px -320px}
.flag.flag-pe {background-position: -256px -320px}
.flag.flag-pf {background-position: -288px -320px}
.flag.flag-pg {background-position: -320px -320px}
.flag.flag-ph {background-position: -352px -320px}
.flag.flag-pk {background-position: -384px -320px}
.flag.flag-pl {background-position: -416px -320px}
.flag.flag-pr {background-position: -448px -320px}
.flag.flag-ps {background-position: 0 -352px}
.flag.flag-pt {background-position: -32px -352px}
.flag.flag-pw {background-position: -64px -352px}
.flag.flag-py {background-position: -96px -352px}
.flag.flag-qa {background-position: -128px -352px}
.flag.flag-re {background-position: -160px -352px}
.flag.flag-ro {background-position: -192px -352px}
.flag.flag-rs {background-position: -224px -352px}
.flag.flag-ru {background-position: -256px -352px}
.flag.flag-rw {background-position: -288px -352px}
.flag.flag-sa {background-position: -320px -352px}
.flag.flag-sb {background-position: -352px -352px}
.flag.flag-sc {background-position: -384px -352px}
.flag.flag-sd {background-position: -416px -352px}
.flag.flag-se {background-position: -448px -352px}
.flag.flag-sg {background-position: 0 -384px}
.flag.flag-si {background-position: -32px -384px}
.flag.flag-sk {background-position: -64px -384px}
.flag.flag-sl {background-position: -96px -384px}
.flag.flag-sm {background-position: -128px -384px}
.flag.flag-sn {background-position: -160px -384px}
.flag.flag-so {background-position: -192px -384px}
.flag.flag-sr {background-position: -224px -384px}
.flag.flag-st {background-position: -256px -384px}
.flag.flag-sv {background-position: -288px -384px}
.flag.flag-sy {background-position: -320px -384px}
.flag.flag-sz {background-position: -352px -384px}
.flag.flag-tc {background-position: -384px -384px}
.flag.flag-td {background-position: -416px -384px}
.flag.flag-tg {background-position: -448px -384px}
.flag.flag-th {background-position: 0 -416px}
.flag.flag-tj {background-position: -32px -416px}
.flag.flag-tl {background-position: -64px -416px}
.flag.flag-tm {background-position: -96px -416px}
.flag.flag-tn {background-position: -128px -416px}
.flag.flag-to {background-position: -160px -416px}
.flag.flag-tr {background-position: -192px -416px}
.flag.flag-tt {background-position: -224px -416px}
.flag.flag-tv {background-position: -256px -416px}
.flag.flag-tw {background-position: -288px -416px}
.flag.flag-tz {background-position: -320px -416px}
.flag.flag-ua {background-position: -352px -416px}
.flag.flag-ug {background-position: -384px -416px}
.flag.flag-us {background-position: -416px -416px}
.flag.flag-uy {background-position: -448px -416px}
.flag.flag-uz {background-position: 0 -448px}
.flag.flag-va {background-position: -32px -448px}
.flag.flag-vc {background-position: -64px -448px}
.flag.flag-ve {background-position: -96px -448px}
.flag.flag-vg {background-position: -128px -448px}
.flag.flag-vi {background-position: -160px -448px}
.flag.flag-vn {background-position: -192px -448px}
.flag.flag-vu {background-position: -224px -448px}
.flag.flag-ws {background-position: -256px -448px}
.flag.flag-ye {background-position: -288px -448px}
.flag.flag-za {background-position: -320px -448px}
.flag.flag-zm {background-position: -352px -448px}
.flag.flag-zw {background-position: -384px -448px}

/* --------------------------------------------------------------------------------------------------------------------------------------------- ORDER PAGE */

/* ORDER --------------------------------------------------------------------- */
section.order{    padding:0 0 40px 0;margin:0;}
section.order .title{
    background:#1d1d1b;
    padding:2em 0;
}
section.order .title h3{color:#fff;margin:0;font-size:36px;line-height:30px;padding:5px 0 0 0;}
section.order .title h3 .thin{font-weight:100;}
section.order .title h3 .number{display:inline-block;color:#fff;border:1px solid #fff;font-size:24px;line-height:50px;width:50px;text-align:center;margin:0 20px 5px 0;}
@media screen and (max-width:991px){
	section.order .title h3{font-size:22px;line-height:30px;padding:5px 0 0 0;}
	section.order .title .container{width:90%;}
	section.order .title h3 .number{margin-left:0; font-size:18px;line-height:30px;width:30px;height:30px;}
}
@media screen and (max-width: 600px){ section.order .title h3{ text-align:center;} section.order .title h3  span.number { display:block;clear:both;float:none;margin:auto; margin-bottom:10px;}}

/* PRODUKTY --------------------------------------------------------------------- */

section.order ul{	margin:0;padding:0;list-style-type:none;}
section.order ul.options li {display:block;float:left;width:29%;margin:0 2%;padding:0;}
@media screen and (max-width:991px){section.order, section.order div.ins-set{width:100%; margin:0;padding:0;} section.order ul.options li{width:100%;margin:0 0;}}

section.produkty{background:#fff url(img/nanolash-texture-full-width.png) center 200px no-repeat;background-size:100%;}
@media screen and (max-width:991px){section.produkty {background-image:none;}}

h3.p-header{font:300 italic 30pt/150% pt serif, times, serif;color:#000;text-align:center;text-transform:none;}
h3.p-header:after{content: "";display:block;width:30px;height:6px;background:#000;text-align:center;clear:both;margin:10px auto;}

h2.p-title{font:700 18pt/100% roboto, arial, sans-serif;color:#000;text-align:center;text-transform:none;margin:0 0 1em 0;}
img.full{width:100%;}

div.p-block{border:2px solid #000;}

div.p-price{text-align:center;}
div.p-price span{font:400 38pt/150% pt serif, times, serif;color:#000;text-align:center;text-transform:none;}
div.p-price span:before, div.p-price span:after {content: "";display:inline-block;width:20%;height:2px;background:#000;text-align:center;clear:both;margin:12px 4%;}
div.p-block h4{padding:0 5%;font:600 12pt/150% roboto, arial, sans-serif;margin:0 0 10px 0;}
div.p-block p{padding:0 5%;font:300 13pt/140% roboto, arial, sans-serif;}
div.p-block{min-height:320px;}

ul.options li button {text-align:center;font:600 14pt/150% roboto, arial, sans-serif;padding-left:76px;}
ul.options li button{width:100%;border:2px solid #1d1d1b;background:#fff url(img/button-check.png) no-repeat; height:76px;cursor:pointer;margin:15px 0 0 0;color:000;}
ul.options li button:hover{width:100%;border:2px solid #1d1d1b;background:#f9f9f9 url(img/button-check.png) 0 -76px no-repeat; height:76px;cursor:pointer;margin:15px 0 0 0;color:000;}
ul.options li.selected button{width:100%;border:2px solid #fff;background:#EE7330 url(img/button-check.png) bottom left no-repeat;color:#fff;}

section.order ul.options li.more-products {display:none;height:0px;list-style-type:none;margin:0;padding:0;}
section.order ul.options li.more-products.selected{width:60%;float:none;clear:both;margin:0 auto;height:auto;}
@media screen and (max-width:650px){section.order ul.options li.more-products.selected{width:100%;}}

section.order ul.options li.more-products div.p-block{display:none;}
section.order ul.options li.more-products.selected div.p-block{display:block;}

section.order ul.options li.more-products.selected div.p-block{height:auto;padding:20px;text-align:center;}
div.more-container{text-align:center;padding:30px 0 0px 0;}
span.more, a.more-button{font-size:18pt;font-weight:300;line-height:100%;}
a.more-button span{font-size:12pt;font-weight:300;color:#ee7330;}

div.fourth{width:25%;float:left;}
div.clr{width:100%;height:0;clear:both;}

.quantityblock{
	float:right;
	text-align: right;
	padding-top:1em;
}

.quantity {
	float:right; display: block;	width:30%;height: 69px; line-height:69px;font-weight:600;text-align:center;
	border-radius:0px;	padding:5px;	font-size:20px;	margin:0;	border: 1px solid #1d1d1b;
}
.quantity-minus, .quantity-plus  {
	float:right;display: block; background:#1d1d1b; font-size: 22px; height: 69px; line-height:69px;
	text-decoration:none;	margin:0; 	width: 69px; 	padding-top: 3px; 	text-align: center;  color:#fff;
}
table.mass td input.quantity.mass{
	display:inline-block !important; width:50% !important;
	margin:0; padding:0; top:-20px;
}

div.qmass input.mass{
	margin:0 !important; border:1px solid #000 !important;
}

table.prices{	width:100%;}
table.prices td{text-align:center; border-right:1px solid #ddd;}
table.prices td:last-child{border:0;}

@media screen and (max-width:650px){.quantity-minus, .quantity-plus, .quantity{width:40px; height:40px; line-height:40px;}}
div.m-price {font:400 38pt/150% pt serif, times, serif;color:#000;text-align:center;text-transform:none;}

/* -------------------- MOBILE ORDER */
.mob-w-20{width:20%;float:right;}
.mob-w-80{width:80%;float:left;}
div.mob-block{width:100%; padding: 10px 5% 10px 5%; clear:both; margin:10px 0;}
div.mob-block h3{ font:300 italic 24px/100% pt serif, times, serif;color:#000;text-transform:none;margin:0;}
div.mob-block h3  span{ font:300 italic 24px/150% pt serif, times, serif;color:#ee7330;text-transform:none;margin-bottom:10px;}
div.mob-block h4{padding:0;font:400 18px/150% roboto, arial, sans-serif;}
div.mob-block p{margin-top:15px;font:400 13px/120% roboto, arial, sans-serif;}

ul.options li div.mob-block button {text-align:center;font:400 12pt/150% roboto, arial, sans-serif;padding-left:42px;}
ul.options li div.mob-block button{width:70%;border:2px solid #1d1d1b;background:#fff url(img/button-check-mob.png) no-repeat; height:42px;cursor:pointer;margin:15px 0 0 0;color:000;}
ul.options li div.mob-block button:hover{border:2px solid #1d1d1b;background:#f9f9f9 url(img/button-check-mob.png) 0 -42px no-repeat; cursor:pointer;margin:15px 0 0 0;color:000;}
ul.options li.selected div.mob-block button{border:2px solid #fff;background:#EE7330 url(img/button-check-mob.png) bottom left no-repeat;color:#fff;}

@media screen and (max-width:991px){section.order ul.options li.verblack{background:#1d1d1b;}
	 li.verblack h3, li.verblack h4, li.verblack p {color:#fff;}
}



/* ADRES --------------------------------------------------------------------- */
div.form{margin-top:30px;}
div.form div.formfield{height:60px; margin:2px 0;}
@media screen and (max-width:991px) {div.form div.blank{display:none; }}

div.form input.formfield{ color:#888; font:400 oblique 13pt/100% roboto, arial, sans-serif;padding:0 0 10px 0;}
div.form input {border:0 !important; border-bottom:1px solid #1d1d1b !important; -webkit-border-radius: 0 !important; border-radius: 0 !important;margin:30px 0 0 0 !important;padding: auto 10px !important;}
div.form input{width:90% !important;}
div.form input.third{width:42.5% !important; display:block !important; margin-right: 5%  !important;float:left;}
div.form select{border:0 !important; border-bottom:1px solid #1d1d1b !important; -webkit-border-radius: 0 !important; border-radius: 0 !important;margin:30px 0 0 0 !important;padding: auto 10px !important;width:90% !important;font:400 italic 13pt/150% roboto, arial, sans-serif;}

label.selectParent{    width:100%; overflow:hidden; display:block; clear:both; float:none; padding:0 !important; }
.selectParent select{
    width:90%;
    -webkit-appearance: none;
    -moz-appearance: none;
        appearance:none !important;
    padding: 2px 0px 2px 2px;
    border: none;
    background: transparent url("img/down.png") no-repeat right center;
}
/* PLATNOSCI --------------------------------------------------------------------- */

ul.options li button.orange {text-align:center;font:600 14pt/150% roboto, arial, sans-serif;padding-left:76px;}
ul.options li button.orange {width:100%;border:2px solid #1d1d1b;background:#fff url(img/button-check-orange.png) no-repeat; height:76px;cursor:pointer;margin:15px 0 0 0;color:000;}
ul.options li button.orange:hover {width:100%;border:2px solid #1d1d1b;background:#f9f9f9 url(img/button-check-orange.png) 0 -76px no-repeat; height:76px;cursor:pointer;margin:15px 0 0 0;color:000;}
ul.options li.selected button.orange {width:100%;border:2px solid #1d1d1b;background:#1d1d1b url(img/button-check-orange.png) bottom left no-repeat;color:#fff;}

div.p-block.pay {padding:20px;}
div.p-block.pay h3{padding:0 5%;font:600 13pt/140% roboto, arial, sans-serif; text-align:left;}
div.p-block.pay h3 em{display:block; clear:both;font:400 26pt/100% pt serif, times, serif;color:#EE7330;text-transform:none;text-align:left;}

/* FINISH --------------------------------------------------------------------- */
dl.finish{width:90%;margin:0 5%;}
dl.finish dt{display:block; width:40%; float:left;margin:20px 0;border-bottom:1px solid #1d1d1b;text-transform:uppercase; }
dl.finish dd{display:block; width:60%; float:left;margin:20px 0;border-bottom:1px solid #1d1d1b;}
dl.finish dd > span{display:block; width:50%; float:left;text-transform:uppercase; }
dl.finish dd > em{display:block; width:50%; float:left;text-align:right;}

@media screen and (max-width:650px){dl.finish dt, dl.finish dd{width:100%;}}

dl.finish{font:600 13pt/50px roboto, arial, sans-serif; color:#929292}
button.zamawiam, button.submit, input.submit{
	display:block;
	float:right;
	border:2px solid #1d1d1b;
	background:#fff;
	height:76px;
	cursor:pointer;
	color:000;
	text-align:center;
	font:600 14pt/150% roboto, arial, sans-serif;
	text-transform:uppercase;
	padding:0 40px !important;
}
button.submit{float:none; margin:10px auto;}

.formleft input.submitme{
	width:auto;
	display:block;
	float:right;
	border:2px solid #1d1d1b !important;
	background:#fff;
	height:76px;
	cursor:pointer;
	color:000;
	text-align:center;
	font:600 14pt/150% roboto, arial, sans-serif;
	text-transform:uppercase;
	padding:0 40px !important;
	float:none; margin:10px auto;
}
.formleft label.left{ text-align:left;}
.formleft label.left span{ text-align:left;}
.formleft input.numberme{width:20%;}

textarea.txa{width:90%; min-height:200px;}
form.contactform label{color:#888; text-align:left;}
/* MOBILE ORDER --------------------------------------------------------------------- */
.o-black1{background:#1D1D1B; padding:0 25px;}
.hr-white1{text-align:center;color:#fff;height:1px;margin:0 auto;width:100%;padding:0;}

select.sites{width:100%; height:38px; line-height:38px; margin:0 auto;}
/* -------------------- MOBILE PAYMENT */
@media screen and (max-width:991px){
	div.payment ul.options li button.orange {text-align:center;font:400 12pt/150% roboto, arial, sans-serif;padding-left:42px;}
	div.payment ul.options li button.orange {width:195px;border:2px solid #1d1d1b;background:#fff url(img/button-check-orange-mob.png) no-repeat; height:42px;cursor:pointer;margin:15px 0 0 18px;color:000;}
	div.payment ul.options li button.orange:hover {border:2px solid #1d1d1b;background:#f9f9f9 url(img/button-check-orange-mob.png) 0 -42px no-repeat; height:42px;cursor:pointer;color:000;}
	div.payment ul.options li.selected button.orange {border:2px solid #fff;background:#1d1d1b url(img/button-check-orange-mob.png) bottom left no-repeat;color:#fff;}

	div.payment div.p-block.pay {padding:0px 0;margin:0; height:auto;min-height:auto;}
	div.payment div.p-block.pay h3{padding:0 5%;font:400 24px/100% roboto, arial, sans-serif; text-align:left;margin:0 0 17px 0;}
	div.payment div.p-block.pay h3 em{display:block; clear:both;font:400 30px/100% pt serif, times, serif;color:#EE7330;text-transform:none;font-style:italic;text-align:left;}
	.o-black{background:#fff; padding:20px 25px;}
	.hr-black{text-align:center;color:#c9c9c9;height:1px;margin:0 auto;width:100%;}
	div.p-block{border:0px none;padding:0; margin:0;min-height:50px;}
	div.p-block p, span.igree{margin-top:0px; font:400 13px/120% roboto, arial, sans-serif;}
	button.zamawiam, button.submit{margin:10px auto; float:none;}
}

div.instagram{width:100%; background: #1D1D1B;}
@media screen and (min-width:992px){div.img{width:10%; height:auto;margin:0;padding:0;float:left;}}
@media screen and (max-width:991px){div.img{width:20%; height:auto;margin:0;padding:0;float:left;}}

div.instagram div.img{ height: 160px; overflow: hidden; float: left; transition: opacity 0.4s;}
div.instagram div.img img{ width: 120%; transition: all 0.6s; margin: -10px 0px 0px -10px; opacity: 0.8; transform: scale(1.2); cursor:pointer;}
div.instagram div.img img:hover{ transform: rotate(2deg) scale(1.2); opacity: 1; }
@media screen and (max-width:1600px) {div.instagram div.img{ height: 130px;} div.instagram div.img img {margin:0;}}
@media screen and (max-width:1220px) {div.instagram div.img{ height: 120px;} div.instagram div.img img {margin:5px 0 0 0;} div.instagram div.img img:hover{ transform: rotate(2deg) scale(1.3); opacity: 1; }}
@media screen and (max-width:990px) {div.instagram div.img{ height: 90px;} div.instagram div.img img {margin:0;}}

/**************** Dodane 25-09-2017r. ****************/
@media (min-width: 992px) {
	.faq-item {
		font-size: 20px;
	}

}
@media (max-width: 991px) {
	.how-it-works .video {
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 20px;
	}
	section.intro.main {
		background-color: #fff;
		background-image: none;
	}
	.faq-item > div {
		padding-left: 0;
		padding-top: 10px;
	}
}

/**************** Dodane 21-11-2017 ****************/

@media (min-width: 992px) {
 .container.payment > ul > li > div {
     min-height: 370px !important;
 }
}
@media (max-width: 991px) {
 .container.payment > ul > li > div {
     min-height: unset !important;
 }
}
/* nav.desktop-only a, nav.desktop-only a.active, nav.desktop-only a:hover {
	border: none !important;
}
nav.desktop-only a span {
	cursor: pointer;
}
.flag {
	display: block;
}
#content1 {
    width: 1170px;
    margin: 0 auto;
    clear: both;
}
#content1>div {
    padding: 0;
    overflow: hidden;
} */