/*!
Theme Name: Elapare
Theme URI: https://elapare.gr
Author: Mike Orfanidis - mikeorfanidis@gmail.com
Author URI: https://elapare.gr
Description: Super Awesome Pages for Product Offers!
Version: 1.0.0
Text Domain: elapare
Tags: Product Offers Landing Page
*/


html {width:100%; height:100%; overflow-x:hidden; }
body {width:100%; height:100%; margin:0; padding:0; background:#ffffff;}

/*  Reset Box Model */
html,body {box-sizing: border-box;}
*, *:before, *:after { box-sizing: inherit; }



th, tr, td {height:100%; vertical-align:middle;}
*:focus {outline:none !important;}


/* Resets */
header,main,article,section,footer {width: auto; height: auto; position: relative; margin:0 auto; padding:0; display:block;}
h1, h2, h3, h4, h5, h6 {font-weight:400; font-size:18px; margin:0 auto;}


/*  Clear Everything */
header:before, header:after,
main:before, main:after,
article:before, article:after,
section:before, section:after,
footer:before, footer:after,
div:before, div:after,
img:before, img:after,
p:before, p:after,
ul:before, ul:after,
ul li:before, ul li:after {
content:"\0020"; display:block; width:0; height:0; clear:both; margin:0; padding:0; overflow:hidden; 
}



/*  Responsive images */
img{border:0; max-width:100%; width:auto; height:auto;}
@media screen\0 { img {width:auto;} }
@media screen\9 { img {width:auto;} }
@media screen\8 { img {width:auto;} }

/*  Basic font size */
* {
font-family:"Ubuntu", "Segoe UI", sans-serif; font-size:15px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word;
-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; text-size-adjust:100%; -webkit-font-smoothing:subpixel-antialiased;
}
p {margin:0 auto 8px; line-height:1.4;}
@media screen and (min-width:768px) { p, li {font-size:17px; text-align:justify; } }
* strong {font-weight:500;}
a {text-decoration:none;}

/*  Main Containers */
div {width:auto; height:auto; position: relative; margin:0 auto; padding:0; display:block;}
.wrapper {width:100%;}
.container {width:100%; margin:0 auto; padding:0;}

@media screen and (min-width:1570px) {
.container {max-width:1300px;}
}


/*  Helpers */
.absolute {width:100%; height:100%; position:absolute; left:0; top:0;}
.text-ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.clear {width:100%; height:1px;}

.body-overflow-y-hidden {overflow-y:hidden;}

.hidden {display:none;}
.revealed {display:block !important;}

.cover {-webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; -ms-background-size:cover !important; background-size:cover !important;}
.contain {-webkit-background-size:contain !important; -moz-background-size:contain !important; -o-background-size:contain !important; -ms-background-size:contain !important; background-size:contain !important;}


/***************************************************/

.desktops-only {display:none;}
@media screen and (min-width:1250px) {
.desktops-only { display:block;}
}

/***************************************************/

.fade-in-body {
-webkit-animation-delay: 0.25s;		-webkit-animation: animationFrames ease 1s;		-webkit-animation-iteration-count: 1;		-webkit-transform-origin: 50% 50%;		-webkit-animation-fill-mode:forwards;
-moz-animation-delay: 0.25s;		-moz-animation: animationFrames ease 1s;		-moz-animation-iteration-count: 1;			-moz-transform-origin: 50% 50%;			-moz-animation-fill-mode:forwards;
-o-animation-delay: 0.25s;			-o-animation: animationFrames ease 1s;			-o-animation-iteration-count: 1;			-o-transform-origin: 50% 50%;			-o-animation-fill-mode:forwards;
-ms-animation-delay: 0.25s;			-ms-animation: animationFrames ease 1s;			-ms-animation-iteration-count: 1;			-ms-transform-origin: 50% 50%;			-ms-animation-fill-mode:forwards;
animation-delay: 0.25s;				animation: animationFrames ease 1s;				animation-iteration-count: 1;				transform-origin: 50% 50%;				animation-fill-mode:forwards;
}

@-webkit-keyframes animationFrames{	0% {opacity:0;}	100% {opacity:1;} }
@-moz-keyframes animationFrames{	0% {opacity:0;}	100% {opacity:1;} }
@-o-keyframes animationFrames{	0% {opacity:0;}	100% {opacity:1;} }
@-ms-keyframes animationFrames{	0% {opacity:0;}	100% {opacity:1;} }
@keyframes animationFrames{	0% {opacity:0;}	100% {opacity:1;} }




/*	██████████████████████████████			MAIN CONTAINERS			██████████████████████████████	*/
/*	██████████████████████████████		 	 BASIC LAYOUT			██████████████████████████████	*/

#wrap_all {width:100%;}
#header-wrapper {width:100%;}
#main-wrapper {width:100%; margin-top:68px; padding:30px 0; background:#ededed;}
#main-container {width:90%;}

@media screen and (min-width:768px) {
#wrap_all {}
#header-wrapper {}
#main-wrapper {margin-top:82px;}
}

@media screen and (min-width:1250px) {
#wrap_all {}
#header-wrapper {}
#main-wrapper {margin-top:92px;}
}

@media screen and (min-width:1570px) {
#wrap_all {}
#header-wrapper {}
#main-wrapper {}
}












/* ██████████████████████████████			YOUTUBE VIDEO			██████████████████████████████ */
/* ██████████████████████████████			  LIGHTBOX				██████████████████████████████ */

#video-youtube-wrapper {width:100%; display:block; position:relative; margin:0 auto; padding:0;}
#video-youtube-wrapper:before {content:""; display:block; padding-top:56.5%; /* aspect ratio 16:9 */ }
#video-youtube-container {position:absolute; top:0; left:0; bottom:0; right:0;}
#video-youtube-container iframe {width:100%; height:100%;}
#video-youtube-container a {width:100%; height:100%; position:absolute; left:0; top:0; background:url(/assets/blank.png) center center no-repeat;}




/*	██████████████████████████████			SWIPEBOX MODS			██████████████████████████████	*/
/*	██████████████████████████████									██████████████████████████████	*/

#swipebox-overlay {background: rgba(0, 0, 0, 0.75) !important; }
#swipebox-bottom-bar {bottom:50% !important; background:transparent !important;}
.visible-bars{-webkit-transform:translate3d(0,0,0) !important; transform:translate3d(0,0,0) !important;}
#swipebox-slider .slide { vertical-align:middle !important;}

@media screen and (min-width:1200px) {
#swipebox-arrows {width:94% !important; max-width:none !important;}
}

#swipebox-prev {background-position:0 !important; background-image:url(https://goo.gl/U3HzSy) !important; width:48px !important; height:48px !important; }
#swipebox-next {background-position:0 !important; background-image:url(https://goo.gl/jMrvsI) !important; width:48px !important; height:48px !important; }
#swipebox-close {background-position:0 !important; background-image:url(https://goo.gl/qHHHgy) !important; width:48px !important; height: 48px !important; right:20px !important;}
#swipebox-slider .slide-loading {background: url(https://goo.gl/m1iDmS) center center no-repeat !important;}





/*	██████████████████████████████			ARROWS POINTING TO THE NEXT DIV				██████████████████████████████	*/
/*	██████████████████████████████			http://www.cssarrowplease.com				██████████████████████████████	*/

.arrow-down:after {
top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:transparent; border-top-color:#ededed; border-width:24px; margin-left: -24px;
}

.arrow-down-beige:after {
top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:transparent; border-top-color:#f1ebdf; border-width:24px; margin-left: -24px;
}




/*	██████████████████████████████			SLANTED SECTIONS			██████████████████████████████	*/
/*	██████████████████████████████										██████████████████████████████	*/

.slanted {width:100%; min-height:230px; height:auto; background:url(https://goo.gl/vlF27v) center center no-repeat;}
.slanted-120px {width:100%; min-height:120px; height:auto; background:url(https://goo.gl/lFyxFh) center center no-repeat;}




/*	██████████████████████████████		MISC		██████████████████████████████	*/
/*	██████████████████████████████					██████████████████████████████	*/

.shadow {-moz-box-shadow: 1px 1px 1px 1px #666666; -webkit-box-shadow: 1px 1px 1px 1px #666666; box-shadow: 1px 1px 1px 1px #666666; }
.one-edge-shadow {-webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; }
.one-edge-shadow-large {-webkit-box-shadow: 0 12px 10px -10px black; -moz-box-shadow: 0 12px 10px -10px black; box-shadow: 0 12px 10px -10px black;}
.one-edge-shadow-extra-large {-webkit-box-shadow: 0 24px 20px -20px black; -moz-box-shadow: 0 24px 20px -20px black; box-shadow: 0 24px 20px -20px black;}
.one-edge-shadow-soft {-webkit-box-shadow: 0 4px 3px -3px #333333; -moz-box-shadow: 0 4px 3px -3px #333333; box-shadow: 0 4px 3px -3px #333333; }

.input-field-shadow {-webkit-box-shadow: 0px 0px 8px 0px #dadada; -moz-box-shadow: 0px 0px 8px 0px #dadada; box-shadow: 0px 0px 8px 0px #dadada;}

.round-corners { -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.round-corners-small { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.round-corners-2px { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.round-corners-large { -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; }


.lightgreygradient {
background:#ededed; background-color:#ededed;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ededed));
background-image: -webkit-linear-gradient(top, #ffffff, #ededed);
background-image: -moz-linear-gradient(top, #ffffff, #ededed);
background-image: -ms-linear-gradient(top, #ffffff, #ededed);
background-image: -o-linear-gradient(top, #ffffff, #ededed);
}


.reversedlightgreygradient {
background:#fff; background-color:#fff;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#ffffff));
background-image: -webkit-linear-gradient(top, #ededed, #ffffff);
background-image: -moz-linear-gradient(top, #ededed, #ffffff);
background-image: -ms-linear-gradient(top, #ededed, #ffffff);
background-image: -o-linear-gradient(top, #ededed, #ffffff);
}