/*
Theme Name: Biblia Audio
Theme URI: https://bibliaaudio.pl
Author: Yzoja
Author URI: https://pudlo.be
Version: 1.2
Version-old: 0.1.2018
*/

/* @import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i&subset=latin-ext&display=swap'); */
@import url('https://fonts.googleapis.com/css?family=Lato:ital,wght@0,300;0,400;0,700;1,400;1,700&display=swap');


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

body {
	font-weight: 400;
	font-size: 16px;
	font-family: 'Lato';
	color: #181818;
	background: #fff;
	line-height: 1.63;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 1.3;
}

h4, .flex-gallery strong {
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-size: 0.9em;
	opacity: 0.8;
}

.dark h4 {
	font-weight: 300;	
}

a {
	color: #DABC66;
}

.row {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}

img {
	max-width: 100%;
	height: auto;
}

.button {
	background: #DABC66;
	padding: 8px 30px;
	border-radius: 40px;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	transition: all 0.4s;
}

.button:hover {
	background: #eace81;
}

.button:first-letter {
	text-transform: uppercase;
}

.button i.fa {
	margin-right: 1em;
}

section.dark {
	background: #181818;
	color: #fff;
}

#page .dark, #page .white {
	padding: 5rem 0;
}

#page section h2 {
	margin-bottom: 2rem;
	font-size: 2em;
}

#page h3 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
}

#page iframe[src*="soundcloud"] {
	max-width: 800px;
	width: 100%;
	margin-top: 1rem;
	margin-bottom: 2rem;
}

.wp-video-shortcode, .wp-video {
	max-width: 100%;
}

.wp-video {
	position: relative;
}

.wp-video:before {
	padding-top: 55%;
	display: none;
	content: "";
}

.wp-video-shortcode {
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#page h3 strong {
	text-align: left;
	flex-grow: 2;
}

#page h3 strong + a {
	background: #DABC66;
	padding: 8px 30px;
	font-size: 14px;
	border-radius: 40px;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	margin-left: 2rem;	
}

/**/

header {
	background: #181818;
	color: #fff;
	position: relative;
	z-index: 5;
}

header a {
	color: inherit;
	text-decoration: none;
	text-transform: uppercase;
}

header .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#menu-button {
	display: none;
}

#logo {
	display: flex;
	height: 60px;
	justify-content: flex-start;
	align-items: center;
}

#logo img {
	padding: 0 10px;
}

nav li {
	font-size: 13px;
	list-style-type: none;
	display: inline-block;
	margin-left: 2em;
	position: relative;
}

nav li a {
	display: block;
}

nav li:hover .sub-menu {
	display: block;
}

nav li .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: -10px;
	padding: 10px;
	background: #181818;
}

nav li .sub-menu li {
	display: block;
	margin-left: 0;
	white-space: nowrap;
}

.current-menu-item a {
	font-weight: bold;
	color: #DABC66;
}

/* hero */

#hero {
	position: relative;
	overflow: hidden;
	background: #000;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

#hero:before {
	padding-top: 40%;
	content: "";
	display: block;
}

#hero-overlay {
	z-index: 4;
	text-align: center;
	width: 100%;
	color: #DECC97;
	font-weight: bold;
	font-size: 1.3em;
}

#hero-overlay img {
	display: block;
	margin: 0 auto 2em;
	width: 150px;
	max-width: 80%;
}

#hero-overlay h2 {
	margin-bottom: 2em;
	margin-top: 1em;
	font-size: 1.2em;
	color: #DECC97;
	text-transform: uppercase;
}

#hero video {
	position: absolute;
	top: -20%;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 1;
	opacity: 0.5;
}

#hero-content {
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
	width: 90%;
	padding: 5em 0;
}

#hero-content h2 {
	font-size: 2.2em;
	font-weight: 400;
	letter-spacing: 0.05em;
}

#hero-content p {
	padding: 2em 0;
}

#numbers {
	border: 1px solid #666;
	display: flex;
}

#numbers strong {
	color: #DABC66;
	font-weight: 700;
	font-size: 3em;
	line-height: 1.1;
}

#numbers .cell {
	flex: 1 1 30%;
	padding: 2em 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#numbers .cell ~ .cell {
	border-left: 1px solid #666;
}

#numbers .cell span {
	font-size: 14px;
	color: #989898;
}

/* contents */

#page {
	padding: 5rem 0;
	text-align: center;
}

#page p {
	opacity: 0.9;
}

#page h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1em;
}

#page .bg {
	position: relative;
}

#page .bg .wp-post-image {
	width: 100%;
	display: block;
	height: auto;
}

#page .bg .content {
	position: absolute;
	bottom: 10%;
	background: #181818;
	color: #fff;
	width: 40%;
	min-width: 300px;
	padding: 2rem;
	text-align: left;
}

#entry.row {
	max-width: 1000px;
}

#entry p {
	margin-bottom: 2rem;
}

#entry.faq h2 ~ h2 {
	margin: 0;
}

#entry.faq h2 a {
	display: block;
	text-align: left;
	color: inherit;
	font-size: 1.5rem;
	display: flex;
	align-items: center;
	border-top: 1px solid #ddd;
	letter-spacing: 1px;
	padding: 1em 0;
	cursor: pointer;
}

#entry.faq h2 a:before {
	content: "+";
	color: #dabc66;
	margin: 0 15px;
	flex: 0 0 30px;
	text-align: center;
	width: 30px;
	font-size: 1.5em;
	transition: all 0.4s;
	transform-origin: center center;
}

#entry.faq h2 a.opened:before {
	content: "-";
	transform: rotate(180deg);
}

#entry.faq h2 ~ h2 ~ p {
	text-align: left;
	display: none;
	margin-bottom: 0;
	padding-bottom: 1em;
	margin-left: 60px;
}

article h2 {
	margin: 2em 0 1rem;
}

section h4 + h2 {
	margin: 1rem 0 2rem;
	font-weight: normal;
	font-size: 2em;
}

#entry h4 + h2 {
	margin: 1rem 0 2rem;
	font-size: 2.5em;
	font-weight: normal;
}

#entry h2 {
	font-size: 2.5em;
	letter-spacing: 0.05em;
	font-weight: normal;
}

.list {
	padding-bottom: 3rem;
}


.gallery {
	display: flex;
	flex-wrap: wrap;
}

.gallery a, .gallery img {
	display: block;
	border-radius: 10px;
	overflow: hidden;
}

.gallery a {
	padding: 10px;
}

hr {
	border: 0;
	border-bottom: 1px solid #ddd;
	margin: 2rem 0;
	clear: both;
}

.page-id-370 #entry {
	max-width: 900px;
	text-align: left;
}

.page-id-385 #entry {
	max-width: 700px;
	text-align: left;
}

.page-id-385 #entry h4 {
	margin: 2rem 0;
	text-align: center !important;
}

.page-id-385 #entry li {
	margin-top: 1em;
}

.alignright {
	float: right;
	margin-left: 2rem;
	margin-bottom: 2rem;
	max-width: calc(33% - 2rem);
	height: auto;
}

.aligncenter {
	clear: both;
	margin: 1em auto;
	display: block;
}

.alignleft {
	float: left;
	margin-right: 2rem;
	margin-bottom: 2rem;
	max-width: calc(33% - 2rem);
	height: auto;
}

.wp-caption {
	clear: both;
	float: none;
	display: block;
	margin: 2rem auto !important;
	max-width: 100% !important;
}

.wp-caption-text {
	font-size: 12px;
	margin-left: 1em;
	border-left: 1px solid #ddd;
	padding: 10px 0 0 10px;
	color: #555;
	line-height: 18px;
}

.wp-caption img {
	display: block;
}

.video-grid ~ .list p {
	text-align: right;
}

.list p {
	display: flex;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 10px;
}

.list p strong {
	flex: 0 0 calc(50% - 0.5rem);
	text-align: right;
	margin-right: 1em;
}

.list p a {
	flex: 0 0 calc(50% - 0.5rem);
	text-align: left;
	margin-left: 1em;	
}

.row.flex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}

.x-block-grid {
	list-style-type: none;
}

.x-block-grid.three-up > * {
	padding: 10px;
	transition: all 0.3s;
	font-size: 0.8em;
	border-bottom: 1px solid #ddd;
}

#entry .x-block-grid-item p {
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.x-block-grid-item br {
	display: none;
}

.x-block-grid.three-up > *:hover {
	background: #f4f4f4;
}

.x-block-grid.three-up img {
	display: block;
	height: 60px;
	width: 60px;
	margin: 0 1rem;
	border: 2px solid #fff;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
}

.x-block-grid.three-up li strong {
	display: block;
	order: -1;
	flex: 0 0 200px;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
}

.x-block-grid.three-up li strong ~ a, .x-block-grid.three-up audio {
	display: block;
	font-size: 1.1em;
	transition: all 0.4s;
	margin-left: auto;
}

.row.flex > p {
	display: none;
}

.half a[href="#"] {
	position: relative;
	max-width: 400px;
	display: block;
	margin: 0 auto;
}

.half a[href="#"] img {
	display: block;
	border: 15px solid #fff;
}

.half a[href="#"]:before {
	width: 116%;
	height: 116%;
	top: -8%;
	background: #eee;
	border-radius: 300px;
	content: "";
	position: absolute;
	z-index: -1;
	left: -8%;
}

.modal > div:not(.bacground-wood):first-of-type:before {
	width: 100%;
	content: "";
	padding-top: 100%;
	background: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 1;
	border-radius: 300px;
	box-shadow: 0 20px 100px 0px rgba(0,0,0,0.1);
}

.half {
	flex: 0 1 40%;
	text-align: left;
}

.quater {
	flex: 0 1 20%;
	display: flex;
	flex-direction: column;
	text-align: center;
}

.quater a.button {
	flex-grow: 0;
}

.quater a[href*="sklep.osorno"]:not(.button) {
	flex-grow: 0;
	position: relative;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 250px;
	padding: 2em;
	box-shadow: 0 20px 20px -5px rgba(0,0,0,0.1);
	margin-bottom: 2rem;
	transition: all 0.3s;
}

.quater a[href*="sklep.osorno"]:not(.button):hover {
	box-shadow: 0 0px 20px -5px rgba(0,0,0,0);
}

.quater h3 {
	flex-grow: 2;
	margin-bottom: 2rem;
	font-size: 1.2em;
	font-weight: normal;
}

.quater a img {

}


#entry .half h2 {
	letter-spacing: 0.05em;
	font-size: 2em;
}


#entry li {
	margin-left: 1.2em;
}

.row.flex > div ~ div {
	margin-left: 2rem;
}

#sklep {
	text-align: center;
	padding: 5rem 0 10rem;
}

#page #entry p.youtube {
	margin-left: 0;
	width: 100%;
}

article > p.youtube, .home article > .video-grid {
	margin-top: 5rem;
	margin-left: -100px;
	width: 800px;
	position: relative;
}

.home article > .video-grid {
	width: 1200px;
	margin-left: -300px;
}

#page .vid {
	margin-top: 2rem;
}

.video-grid {
	display: flex;
	flex-wrap: wrap;
}

p.youtube {
	position: relative;
	padding: 0 !important;
	box-shadow: 0 10px 30px -20px #000;
}

p.vid {
	flex: 1 1 40%;
	margin-bottom: 4rem;
	position: relative;
	background: #000;
	padding: 0 !important;
	border-radius: 3px;
}

p.vid:nth-child(2n) {
	margin-left: 4rem;
}

p.youtube:before {
	padding-top: 55%;
	display: block;
	content: "";
}

p.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 15px solid #fff;
	border-radius: 3px;
}

p.youtube.vid iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 3px;
}

h4.headline {
	padding-top: 5rem;
	text-align: center;
}

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

.flex-gallery a {
	padding: 2em;
	text-decoration: none;
}

.flex-gallery img {
	max-height: 100px;
	height: auto;
	max-width: 200px;
	width: auto;
	display: block;
	margin: 0 auto;
}

.flex-gallery.col-1 img {
	max-height: 150px;
	max-width: 300px;
}

.flex-gallery strong {
	display: block;
	text-align: center;
	color: #181818;
	margin-bottom: 2rem;
}

#partners {
	padding: 5rem 0;
}

#app {
	background: #f7f7f7;
	position: relative;
}

#app .row {
	align-items: center;
	display: flex;
}

#app article {
	padding: 150px 100px 150px 0;
	margin-right: 8rem;
}

#app article p {
	opacity: 0.8;
	font-size: 0.9em;
	margin-bottom: 2rem;
}

#app article h2 {
	margin: 1rem 0 2rem;
}

#app article img {
	height: 50px;
	width: auto;
	margin-right: 1rem;
}

#app:before, #app:after {
	content: "";
	height: 100px;
	background: #fff;
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}

#app:after {
	top: unset;
	bottom: 0;
}

#mobile-cover {
	width: 400px;
	flex-shrink: 0;
	position: relative;
	z-index: 3;
}

#mobile-cover img {
	width: 100%;
	filter: drop-shadow(0 0 20px rgba(0,0,0,0.1));
	height: auto;
}

#mobile-cover:before {
	width: 460px;
	height: 460px;
	top: 50%;
	margin-top: -230px;
	background: #fff;
	border-radius: 300px;
	content: "";
	position: absolute;
	z-index: -1;
	left: -30px;
}

footer {
	background: #181818;
	color: #eee;
	padding: 3rem 0;
}

#newsletter-text {
	transform: translateY(30%);
	position: relative;
	z-index: -1;
	opacity: 0.1;
}

#newsletter {
	margin: 0 auto;
	text-align: center;
	font-size: 1.2em;
	max-width: 750px;
}

#newsletter p {
	margin: 1em 0;
	letter-spacing: 0.05em;
}

#newsletter input:not(.check) {
	-webkit-appearance: meter;
	appearance: meter;
	border: 0;
	border-radius: 0;
	box-shadow: 0;
	height: 50px;
	font-family: 'Lato';
	font-weight: bold;
	font-size: 16px;
}
.vid iframe {
	width: 100%;
}
#newsletter input:focus {
	outline: none;
}

#newsletter form {
	margin: 0 auto;
	max-width: 500px;
    text-align: left;
    width:100%;
}

#input-white {
    border-radius: 40px;
	background: #fff;
    display: flex;
	overflow: hidden;
}

#input-white input[type="email"] {
    padding-left: 30px;
}

#newsletter form .checkbox {
    display: block;
    font-size: 10px;
    line-height: 1.4;
    margin: 10px 0;
    position:relative;
    padding-left: 20px;
}

#newsletter form .checkbox .check {
    left: 0;
    position: absolute;
}

#newsletter #freshmail_email {
	background: #fff;
	color: #666;
	flex-grow: 2;
	font-weight: bold;
}

/*
#newsletter form:before {
	content: "\f003";
	font-family: 'FontAwesome';
	padding-right: 1rem;
	background: #fff;
	color: #aaa;
	font-size: 1.4em;
    position: absolute;
    left:0;
	padding-left: 1em;
	align-self: center;
}
*/

#newsletter .button {
	border-radius: 0 30px 30px 0;
	border: 0;
}

footer .row.flex {
	margin-top: 5rem;
	flex-wrap: nowrap;
	align-items: center;
	padding: 2rem;
	border-top: 1px solid #444;
}

footer .flex img {
	height: 30px;
	width: all;
}

footer .widget {
	flex: 0 1 200px;
}

footer .widget:nthild(2) {
	flex: 1 0 40%;
	text-align: center;
	font-size: 12px;
	margin-right: 15px;
}

footer .widget:nth-child(3) {
	text-align: right;
	font-size: 20px;
}

footer .widget li {
	display: inline-block;
	margin-left: 15px;
	list-style-type: none;
}

footer .widget li a {
	color: #aaa;
	text-transform: uppercase;
	text-decoration: none;
}

#overlay, #overlay_2 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,0.7);
	z-index: 95867;
}

#overlay .modal, #overlay_2 .modal {
	padding: 5rem;
	background: #fff;
	max-width: 900px;
	display: flex;
	align-items: center;
	width: 90%;
	border-radius: 4px;
	position: relative;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

#overlay_2 .modal {
	padding: 0;
	max-width: 600px;
}

#overlay .modal h2 {
	letter-spacing: 0.05em;
	font-weight: normal;
	font-size: 1.8em;
}

#overlay .modal img {
	display: block;
	position: relative;
	border: 10px solid #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	z-index: 3;
}

#overlay .modal .button {
	margin-bottom: 2rem;
}

#overlay .modal div:first-of-type {
	margin-right: 2rem;
	flex-basis: 250px;
	flex-shrink: 0;
	padding: 1rem;
	position: relative;
}

#overlay .modal p {
	margin: 1em 0;
	font-size: 14px;
	opacity: 0.9;
}

#overlay #close-modal {
	color: #000;
	position: absolute;
	top: 2rem;
	right: 2rem;
	font-size: 1.5em;
	cursor: pointer;
}

@media screen and (max-width: 1200px) {

	.x-block-grid.three-up > *, .quater {
		flex: 1 1 33%;
		max-width: 33%;
	}

	.quater {
		margin-bottom: 2rem;
		font-size: 1em;
	}

	body {
		font-size: 16px;
	}

	#sklep .row.flex {
		justify-content: center;
	}

	#app article {
		margin-right: 0;
	}

	#sklep .quater {
		max-width: 40%;
		margin-left: 2rem;
		margin-right: 2rem;
	}

	.home article > .video-grid {
		max-width: 800px;
		margin-left: -100px;
	}
}

@media screen and (min-width: 801px) {
	#top-menu {
		display: block !important;
	}
}

@media screen and (max-width: 800px) {

	.home article > .video-grid {
		max-width: 100%;
		margin-left: 0;
	}

	#overlay .modal {
		padding: 3rem;
	}

	#overlay .modal div:first-of-type {
		flex-basis: 200px;
	}

	.x-block-grid.three-up > *, .quater {
		flex-basis: 1 1 50%;
		max-width: 50%;
	}

	.row {
		width: 100%;
		padding: 0 2rem;
	}

	#page .bg .content {
		position: relative;
		margin: 0 -2rem;
		bottom: unset;
		width: calc(100% + 4rem);
		max-width: calc(100% + 4rem);
		left: unset;
	}

	.half, .quater {
		flex: 1 1 100%;
	}

	.half, .row.flex > div ~ div {
		margin: 0 -2rem;
	}

	article > p.youtube, article > .video-grid {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	#mobile-cover {
		width: 40%;
		margin: 0 auto;
	}

	.video-grid {
		display: block;
	}

	p.vid:nth-child(2n) {
		margin-left: 0;
	}

	#app article {
		margin-right: 0;
	}

	#app:before, #app:after {
		height: 50px;
	}

	#newsletter {
		font-size: 14px;
	}

	#newsletter form, #newsletter input {
		font-size: 12px;
	}

	#numbers {
		font-size: 0.6em;
	}

	.x-block-grid.three-up li strong ~ a {
		opacity: 1;
	}

	header .row {
		flex-wrap: wrap;
	}

	#top-menu {
		display: none;
		width: 100%;
		background: #181818;
	}

	header .row {
		padding: 0 20px 0 10px;
	}

	.admin-bar #top-menu {
		top: 106px;
	}

	#top-menu li {
		display: block;
		line-height: 2em;
		padding: 10px 13px;
		margin-left: 0;
	}

	#top-menu li ~ li {
		border-top: 1px solid #444;
	}

	#nav li .sub-menu {
		display: block;
		position: static;
		padding: 0;
	}

	#nav li .sub-menu li {
		padding-bottom: 0;
	}

	#menu-button {
		cursor: pointer;
		display: block;
		flex-grow: 2;
		text-align: right;
	}

	#menu-button i {
		border: 1px solid #DABC66;
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 38px;
		font-size: 14px;
	}

	#app {
		overflow: hidden;
	}

}

@media screen and (max-width: 550px) {

	#app .row,.flex-gallery a, .flex-gallery {
		display: block;
	}

	#mobile-cover {
		width: 100%;
	}

	.x-block-grid.three-up > *, .quater {
		flex-basis: 1 1 100%;
		max-width: unset;
	}

	.x-block-grid.three-up li {
		font-size: 1.4em;
	}

	#numbers {
		flex-direction: column;
		width: 250px;
		margin: 0 auto;
		font-size: 1.3em;
	}

	#numbers .cell ~ .cell {
		border-left: 0;
		border-top: 1px solid #666;
	}

	#hero-content p {
		font-size: 1.2em;
	}

	body {
		font-size: 13px;
	}

	#newsletter form {
		margin: 0 0rem;
	}

	#newsletter form, #newsletter input, #newsletter .button {
		border-radius: 0;
	}

	#newsletter form {
		margin-bottom: 2rem;
	}

	#sklep .quater {
		max-width: unset;
		margin: 0;
		margin-bottom: 2rem;
	}

	#entry.faq h2 ~ h2 {
		margin: 0 -2rem;
	}

	#entry.faq h2 ~ h2 ~ p {
		margin: 0 -2rem;
		padding: 0 2rem 2rem;
	}

	#app article {
		padding-right: 0;
	}

	footer .row.flex {
		display: block;
		text-align: center;
	}

	footer .row.flex .widget {
		text-align: center;
	}

	footer .row.flex .widget ~ .widget {
		margin: 0;
		margin-top: 2rem;
	}

	footer .row.flex .widget ul {
		column-count: 2;
	}

	footer .row.flex .widget li {
		display: block;
		text-align: left;
	}

	footer #menu-social {
		column-count: 4;
	}

	#overlay .modal {
		display: block;
		max-height: 80vh;
		overflow: auto;
	}

	#overlay .modal div:first-of-type {
		margin-right: 0;
		margin-bottom: 2rem;
	}

}

/*ba popup*/

#newsletter_modal, #thankyou-modal {
    display: none;
    position: fixed;
    z-index: 100;
    padding-top: 2%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4)
}

#newsletter_modal div, #newsletter_modal span, #newsletter_modal applet, #newsletter_modal object, #newsletter_modal iframe, #newsletter_modal h1, #newsletter_modal h2, #newsletter_modal h3, #newsletter_modal h4, #newsletter_modal h5, #newsletter_modal h6, #newsletter_modal p, #newsletter_modal blockquote, #newsletter_modal pre, #newsletter_modal a, #newsletter_modal abbr, #newsletter_modal acronym, #newsletter_modal address, #newsletter_modal big, #newsletter_modal cite, #newsletter_modal code, #newsletter_modal del, #newsletter_modal dfn, #newsletter_modal em, #newsletter_modal img, #newsletter_modal ins, #newsletter_modal kbd, #newsletter_modal q, #newsletter_modal s, #newsletter_modal samp, #newsletter_modal small, #newsletter_modal strike, #newsletter_modal strong, #newsletter_modal sub, #newsletter_modal sup, #newsletter_modal tt, #newsletter_modal var, #newsletter_modal b, #newsletter_modal u, #newsletter_modal i, #newsletter_modal center, #newsletter_modal dl, #newsletter_modal dt, #newsletter_modal dd, #newsletter_modal ol, #newsletter_modal ul, #newsletter_modal li, #newsletter_modal fieldset, #newsletter_modal form, #newsletter_modal label, #newsletter_modal legend, #newsletter_modal table, #newsletter_modal caption, #newsletter_modal tbody, #newsletter_modal tfoot, #newsletter_modal thead, #newsletter_modal tr, #newsletter_modal th, #newsletter_modal td, #newsletter_modal article, #newsletter_modal aside, #newsletter_modal canvas, #newsletter_modal details, #newsletter_modal embed, #newsletter_modal figure, #newsletter_modal figcaption, #newsletter_modal footer, #newsletter_modal header, #newsletter_modal hgroup, #newsletter_modal menu, #newsletter_modal nav, #newsletter_modal output, #newsletter_modal ruby, #newsletter_modal section, #newsletter_modal summary, #newsletter_modal time, #newsletter_modal mark, #newsletter_modal audio, #newsletter_modal video, #thankyou-modal div, #thankyou-modal span, #thankyou-modal applet, #thankyou-modal object, #thankyou-modal iframe, #thankyou-modal h1, #thankyou-modal h2, #thankyou-modal h3, #thankyou-modal h4, #thankyou-modal h5, #thankyou-modal h6, #thankyou-modal p, #thankyou-modal blockquote, #thankyou-modal pre, #thankyou-modal a, #thankyou-modal abbr, #thankyou-modal acronym, #thankyou-modal address, #thankyou-modal big, #thankyou-modal cite, #thankyou-modal code, #thankyou-modal del, #thankyou-modal dfn, #thankyou-modal em, #thankyou-modal img, #thankyou-modal ins, #thankyou-modal kbd, #thankyou-modal q, #thankyou-modal s, #thankyou-modal samp, #thankyou-modal small, #thankyou-modal strike, #thankyou-modal strong, #thankyou-modal sub, #thankyou-modal sup, #thankyou-modal tt, #thankyou-modal var, #thankyou-modal b, #thankyou-modal u, #thankyou-modal i, #thankyou-modal center, #thankyou-modal dl, #thankyou-modal dt, #thankyou-modal dd, #thankyou-modal ol, #thankyou-modal ul, #thankyou-modal li, #thankyou-modal fieldset, #thankyou-modal form, #thankyou-modal label, #thankyou-modal legend, #thankyou-modal table, #thankyou-modal caption, #thankyou-modal tbody, #thankyou-modal tfoot, #thankyou-modal thead, #thankyou-modal tr, #thankyou-modal th, #thankyou-modal td, #thankyou-modal article, #thankyou-modal aside, #thankyou-modal canvas, #thankyou-modal details, #thankyou-modal embed, #thankyou-modal figure, #thankyou-modal figcaption, #thankyou-modal footer, #thankyou-modal header, #thankyou-modal hgroup, #thankyou-modal menu, #thankyou-modal nav, #thankyou-modal output, #thankyou-modal ruby, #thankyou-modal section, #thankyou-modal summary, #thankyou-modal time, #thankyou-modal mark, #thankyou-modal audio, #thankyou-modal video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    color: black
}

#newsletter_modal *, #thankyou-modal * {
    color: inherit;
    font-size: inherit;
    width: auto;
    height: auto;
    text-align: inherit;
    padding: 0;
    margin: 0
}

#newsletter_modal .modal-content, #thankyou-modal .modal-content {
    background-color: #fefefe;
    margin: auto;
    width: 80%;
    max-width: 900px;
    position: relative
}

@media screen and (max-width: 992px) {
    #newsletter_modal .modal-content.ba_popup, #thankyou-modal .modal-content.ba_popup {
        width: auto;
        margin: 2% 2em
    }
}

@media (max-width: 600px) {
    #newsletter_modal .modal-content.ba_popup, #thankyou-modal .modal-content.ba_popup {
        width: auto;
        margin: 2% .5em
    }
}

#newsletter_modal .modal-content .ba-modal-content, #thankyou-modal .modal-content .ba-modal-content {
    font-family: "proxima-nova", sans-serif;
    max-width: 900px;
    font-size: 0;
    display: -ms-flexbox;
    display: flex
}

#newsletter_modal .modal-content .ba-modal-content .img-column, #thankyou-modal .modal-content .ba-modal-content .img-column {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    background-image: url("https://cdn.shoplo.com/2739/s/11/assets/photo.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#newsletter_modal .modal-content .ba-modal-content .img-column img, #thankyou-modal .modal-content .ba-modal-content .img-column img {
    width: 100%;
    display: block;
    height: 100%
}

#newsletter_modal .modal-content .ba-modal-content .text-column, #thankyou-modal .modal-content .ba-modal-content .text-column {
    width: 70%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 16px
}

#newsletter_modal .modal-content .ba-modal-content .text-column .main-logo, #thankyou-modal .modal-content .ba-modal-content .text-column .main-logo {
    margin: 10px auto;
    min-height: 50px
}

#newsletter_modal .modal-content .ba-modal-content .text-column .main-h3, #thankyou-modal .modal-content .ba-modal-content .text-column .main-h3 {
    font-size: 18px;
    color: #ae995a;
    text-transform: uppercase;
    font-weight: 800;
    padding: 0 20px
}

@media (max-width: 600px) {
    #newsletter_modal .modal-content .ba-modal-content .text-column .main-h3, #thankyou-modal .modal-content .ba-modal-content .text-column .main-h3 {
        font-size: 14px
    }
}

#newsletter_modal .modal-content .ba-modal-content .text-column .bacground-grey, #thankyou-modal .modal-content .ba-modal-content .text-column .bacground-grey {
    background-color: #f0f0f0;
    padding: 20px
}

#newsletter_modal .modal-content .ba-modal-content .text-column .bacground-wood, #thankyou-modal .modal-content .ba-modal-content .text-column .bacground-wood, .bacground-wood {
    background-image: url("https://cdn.shoplo.com/2739/s/11/assets/background.png");
    background-repeat: repeat;
    background-position: center center;
    width: 100%;
    padding: 20px 0;
    position: relative
}

#overlay_2 .modal .bacground-wood {
	/*padding: 3rem; Black Friday*/
	padding: 0;
	width: 100%;
	flex: 0 0 100% !important;
	background-color: #000;
	background-image: url("assets/OLIERJ0.jpg");
	background-size: cover;
}

#overlay_2 .modal .bacground-wood h1 {
	font-size: 2.5em;
	text-transform: uppercase;
	width: 12em;
	margin: 0 auto 3rem;
	line-height: 1;
}

#overlay_2 .modal .bacground-wood h4 {
	text-transform: none;
	text-align: center;
	font-size: 1.5em;
	line-height: 1.3em;
	color: #fff;
	letter-spacing: 0;
	margin: 0 auto 3rem;
	opacity: 1;
}

.modal .bacground-wood div:first-of-type {
	margin-right: 0;
	padding: 20px;
}

.modal .bacground-wood h1 strong {
	color: #DAAA5E;
	float: left;
	margin-right: 20px;
	font-size: 3.3em;
}

.modal .bacground-wood div {
	color: #fff;
}

#freshmail_email_exit {
	background: #fff;
	padding: 20px;
	font-size: 18px;
	color: #888;
	line-height: 40px;
	border: 0;
	font-family: inherit;
	display: block;
	width: 100%;
}

#exit-modal #close-modal {
	color: #666;
	z-index: 6;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

#exit-modal #close-modal:hover {
	color: #fff;
}

#exit-modal input[type="submit"] {
	width: 160px;
	padding: 20px 0;
	text-align: center;
	font-family: inherit;
	font-weight: bold;
	background: #ecb775;
	background: -moz-linear-gradient(-45deg, #ecb775 0%, #a1793e 100%);
	background: -webkit-linear-gradient(-45deg, #ecb775 0%,#a1793e 100%);
	background: linear-gradient(135deg, #ecb775 0%,#a1793e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecb775', endColorstr='#a1793e',GradientType=1 );
	box-shadow: none;
	border: 0;
	border-radius: 0;
	display: block;
	font-size: 20px;
	margin: 3rem auto 0;
}

.legal .checkbox.short {
	height: 30px;
	position: relative;
}

.legal .checkbox.short span {
	display: block;
	height: 2.7em;
	overflow: hidden;
}

.legal .checkbox.short:after {
	content: "Zobacz więcej";
	color: #ecb775;
	font-weight: bold;
	position: absolute;
	bottom: -30px;
	left: 35px;
}

#exit-modal .legal {
	display: flex;
	margin-right: 0;
	margin-top: 1rem;
	justify-content: space-between;
}

#exit-modal .legal label {
	flex: 1 1 50%;
	font-size: 11px;
	line-height: 1.4em;
	padding-left: 35px;
}

#exit-modal .legal label input {
	width: 30px;
	height: 30px;
	margin-left: -35px;
	margin-right: 5px;
	float: left;
}

#exit-modal .legal label + label {
	margin-left: 1rem;
}

#newsletter_modal .modal-content .ba-modal-content .text-column .email-input-box, #thankyou-modal .modal-content .ba-modal-content .text-column .email-input-box {
    width: 100%
}

#newsletter_modal .modal-content .ba-modal-content .text-column .email-input-box .email_input_popup, #thankyou-modal .modal-content .ba-modal-content .text-column .email-input-box .email_input_popup {
    border: 1px solid #ae995a;
    padding: 10px;
    width: 55%;
    min-width: 150px;
    margin-bottom: 10px;
    margin-right: 4%;
    display: inline-block
}

#newsletter_modal .modal-content .ba-modal-content .text-column .email-input-box .email_input_popup:-ms-input-placeholder, #thankyou-modal .modal-content .ba-modal-content .text-column .email-input-box .email_input_popup:-ms-input-placeholder {
    color: #b5b5b5;
    font-size: 14px
}

#newsletter_modal .modal-content .ba-modal-content .text-column .email-input-box .email_input_popup::placeholder, #thankyou-modal .modal-content .ba-modal-content .text-column .email-input-box .email_input_popup::placeholder {
    color: #b5b5b5;
    font-size: 14px
}

@media (max-width: 600px) {
    #newsletter_modal .modal-content .ba-modal-content .text-column .email-input-box .email_input_popup, #thankyou-modal .modal-content .ba-modal-content .text-column .email-input-box .email_input_popup {
        margin-right: 2%;
        min-width: 80px
    }
}

#newsletter_modal .modal-content .ba-modal-content .text-column .email-input-box .submit_button_popup, #thankyou-modal .modal-content .ba-modal-content .text-column .email-input-box .submit_button_popup {
    background-color: #ae995a;
    color: #ffffff;
    border: 0;
    padding: 12px 10px;
    margin: 0 0 10px;
    font-size: 14px;
    text-align: center;
    width: 25%;
    min-width: 100px;
    cursor: pointer;
    transition: all .2s ease;
    display: inline-block;
    box-sizing: border-box;
    min-height: auto
}

#newsletter_modal .modal-content .ba-modal-content .text-column .email-input-box .submit_button_popup:hover, #thankyou-modal .modal-content .ba-modal-content .text-column .email-input-box .submit_button_popup:hover {
    background-color: #8f7d46
}

#newsletter_modal .modal-content .ba-modal-content .text-column .email-input-box .submit_button_popup:disabled, #newsletter_modal .modal-content .ba-modal-content .text-column .email-input-box .submit_button_popup[disabled], #thankyou-modal .modal-content .ba-modal-content .text-column .email-input-box .submit_button_popup:disabled, #thankyou-modal .modal-content .ba-modal-content .text-column .email-input-box .submit_button_popup[disabled] {
    background-color: #cccccc
}

#newsletter_modal .modal-content .ba-modal-content .text-column .email-input-box .submit_button_popup:disabled:hover, #newsletter_modal .modal-content .ba-modal-content .text-column .email-input-box .submit_button_popup[disabled]:hover, #thankyou-modal .modal-content .ba-modal-content .text-column .email-input-box .submit_button_popup:disabled:hover, #thankyou-modal .modal-content .ba-modal-content .text-column .email-input-box .submit_button_popup[disabled]:hover {
    background-color: #cccccc
}

@media (max-width: 600px) {
    #newsletter_modal .modal-content .ba-modal-content .text-column .email-input-box .submit_button_popup, #thankyou-modal .modal-content .ba-modal-content .text-column .email-input-box .submit_button_popup {
        min-width: 80px;
        margin: 0 0 0 0
    }
}

#newsletter_modal .modal-content .ba-modal-content .text-column .modal-text, #thankyou-modal .modal-content .ba-modal-content .text-column .modal-text {
    font-size: 14px;
    color: #404040;
    transition: all 0.2s
}

#newsletter_modal .modal-content .ba-modal-content .text-column .modal-text.error, #thankyou-modal .modal-content .ba-modal-content .text-column .modal-text.error {
    color: red;
    font-weight: bold
}

#newsletter_modal .modal-content .ba-modal-content .text-column .modal-text.small, #thankyou-modal .modal-content .ba-modal-content .text-column .modal-text.small {
    font-size: 11px
}

#newsletter_modal .modal-content .ba-modal-content .text-column .modal-text.rodo-text, #thankyou-modal .modal-content .ba-modal-content .text-column .modal-text.rodo-text {
    font-size: 13px;
    margin: 10px 0 0
}

#newsletter_modal .modal-content .ba-modal-content .text-column .modal-text.rodo-text .marzipan, #thankyou-modal .modal-content .ba-modal-content .text-column .modal-text.rodo-text .marzipan {
    color: #ae995a
}

#newsletter_modal .modal-content .ba-modal-content .text-column .modal-h2, #thankyou-modal .modal-content .ba-modal-content .text-column .modal-h2 {
    font-size: 14px;
    color: white;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 20px
}

#newsletter_modal .modal-content .ba-modal-content .text-column .modal-h4, #thankyou-modal .modal-content .ba-modal-content .text-column .modal-h4 {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 10px
}

#newsletter_modal .modal-content .ba-modal-content .text-column .confirm-form, #thankyou-modal .modal-content .ba-modal-content .text-column .confirm-form {
    margin: 10px 0 0;
    transition: all 0.2s
}

#newsletter_modal .modal-content .ba-modal-content .text-column .confirm-form.error, #thankyou-modal .modal-content .ba-modal-content .text-column .confirm-form.error {
    border: 1px red solid;
    padding: 3px
}

#newsletter_modal .modal-content .ba-modal-content .text-column .confirm-form .form-check, #thankyou-modal .modal-content .ba-modal-content .text-column .confirm-form .form-check {
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0
}

#newsletter_modal .modal-content .ba-modal-content .text-column .confirm-form .form-check input, #thankyou-modal .modal-content .ba-modal-content .text-column .confirm-form .form-check input {
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: 0;
    *overflow: hidden;
    height: auto
}

#newsletter_modal .modal-content .ba-modal-content .text-column .confirm-form .form-check label, #thankyou-modal .modal-content .ba-modal-content .text-column .confirm-form .form-check label {
    font-size: 8px;
    color: #929292;
    display: block;
    padding-left: 15px
}

#newsletter_modal .modal-content .ba-modal-content .container-row, #thankyou-modal .modal-content .ba-modal-content .container-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

#newsletter_modal .modal-content .ba-modal-content .container-row.p-20, #thankyou-modal .modal-content .ba-modal-content .container-row.p-20 {
    padding: 20px
}

#newsletter_modal .modal-content .ba-modal-content .container-column, #thankyou-modal .modal-content .ba-modal-content .container-column {
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

#newsletter_modal .modal-content .ba-modal-content .d-none, #thankyou-modal .modal-content .ba-modal-content .d-none {
    display: none
}

#newsletter_modal .modal-content .ba-modal-content .grid, #thankyou-modal .modal-content .ba-modal-content .grid {
    font-size: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#newsletter_modal .modal-content .ba-modal-content .grid .cell, #thankyou-modal .modal-content .ba-modal-content .grid .cell {
    display: inline-block;
    vertical-align: center;
    box-sizing: border-box;
    width: 30%;
    background-color: white;
    text-align: center;
    font-size: 14px;
    padding: 15px;
    line-height: 1.5
}

@media (max-width: 600px) {
    #newsletter_modal .modal-content .ba-modal-content .grid .cell, #thankyou-modal .modal-content .ba-modal-content .grid .cell {
        width: 90% !important;
        margin-bottom: 20px
    }

    #newsletter_modal .modal-content .ba-modal-content .grid .cell:last-of-type, #thankyou-modal .modal-content .ba-modal-content .grid .cell:last-of-type {
        margin-bottom: 0
    }
}

#newsletter_modal .modal-content .ba-modal-content .grid .cell .flex-column, #thankyou-modal .modal-content .ba-modal-content .grid .cell .flex-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

#newsletter_modal .modal-content .ba-modal-content .grid .cell .cell-h4, #thankyou-modal .modal-content .ba-modal-content .grid .cell .cell-h4 {
    color: #ae995a;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 10px;
    letter-spacing: normal
}

#newsletter_modal .modal-content .ba-modal-content .grid .cell .cell-p, #thankyou-modal .modal-content .ba-modal-content .grid .cell .cell-p {
    color: #404040;
    font-size: 11px;
    margin: 0
}

@media screen and (max-width: 992px) {
    #newsletter_modal .modal-content .ba-modal-content .main-logo, #thankyou-modal .modal-content .ba-modal-content .main-logo {
        margin: auto
    }

    #newsletter_modal .modal-content .ba-modal-content .main-h3, #thankyou-modal .modal-content .ba-modal-content .main-h3 {
        margin: 0 0 10px
    }
}

@media screen and (max-width: 768px) {
    #newsletter_modal .modal-content .ba-modal-content .img-column, #thankyou-modal .modal-content .ba-modal-content .img-column {
        display: none
    }

    #newsletter_modal .modal-content .ba-modal-content .text-column, #thankyou-modal .modal-content .ba-modal-content .text-column {
        width: 100%
    }
}

#newsletter_modal .modal-content.ty-content, #thankyou-modal .modal-content.ty-content {
    max-width: 400px
}

@media (max-width: 500px) {
    #newsletter_modal .modal-content.ty-content, #thankyou-modal .modal-content.ty-content {
        max-width: 100%;
        width: auto;
        margin: 2% .5em
    }
}

#newsletter_modal .modal-content .thx-modal-content, #thankyou-modal .modal-content .thx-modal-content {
    font-family: "proxima-nova", sans-serif;
    height: 600px;
    background-image: url("../img/ty-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#newsletter_modal .modal-content .thx-modal-content .container-column, #thankyou-modal .modal-content .thx-modal-content .container-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 100%;
    text-align: center
}

#newsletter_modal .modal-content .thx-modal-content .container-column .text-box, #thankyou-modal .modal-content .thx-modal-content .container-column .text-box {
    margin: 20% 0 10%;
    background-color: #decb9a;
    text-align: center;
    width: 97%
}

#newsletter_modal .modal-content .thx-modal-content .container-column .text-box h2, #thankyou-modal .modal-content .thx-modal-content .container-column .text-box h2 {
    font-size: 60px;
    font-weight: 900
}

#newsletter_modal .modal-content .thx-modal-content .container-column .text-box h3, #thankyou-modal .modal-content .thx-modal-content .container-column .text-box h3 {
    font-size: 21px;
    font-weight: 900
}

#newsletter_modal .modal-content .thx-modal-content .container-column .text-2, #thankyou-modal .modal-content .thx-modal-content .container-column .text-2 {
    margin: 0 20px;
    font-size: 21px;
    color: #decb9a
}

#newsletter_modal .modal-content .thx-modal-content .container-column .text-2 span, #thankyou-modal .modal-content .thx-modal-content .container-column .text-2 span {
    font-weight: bold;
    color: #decb9a
}

@media (max-width: 500px) {
    #newsletter_modal .modal-content .thx-modal-content, #thankyou-modal .modal-content .thx-modal-content {
        max-width: auto;
        width: 100%
    }

    #newsletter_modal .modal-content .thx-modal-content .container-column .text-box h2, #thankyou-modal .modal-content .thx-modal-content .container-column .text-box h2 {
        font-size: 35px
    }

    #newsletter_modal .modal-content .thx-modal-content .container-column .text-box h3, #thankyou-modal .modal-content .thx-modal-content .container-column .text-box h3 {
        font-size: 16px
    }

    #newsletter_modal .modal-content .thx-modal-content .container-column .text-2, #thankyou-modal .modal-content .thx-modal-content .container-column .text-2 {
        font-size: 18px
    }
}

#newsletter_modal .close, #thankyou-modal .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    line-height: 20px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 1;
    transition: all .2s ease
}

#newsletter_modal .close:hover, #newsletter_modal .close:focus, #thankyou-modal .close:hover, #thankyou-modal .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

#newsletter_modal .loader, #thankyou-modal .loader {
    display: none;
    position: absolute;
    top: 15%;
    left: 50%;
    margin-left: -76px;
    border: 16px solid #f3f3f3;
    border-top: 16px solid #ae995a;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite
}

#newsletter_modal .loading:before, #thankyou-modal .loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
    background: -webkit-radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8))
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}


body {
    overflow-x: hidden;
}

h1.main-h1 {
	font-family: 'Lato';
	color: #181818;
	text-align: center;
	box-sizing: border-box;
	line-height: 1.3;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-size: 0.9em;
	opacity: 0.8;
}