*, *:before, *:after {box-sizing: border-box; color:inherit;}
body, html {height:100%; font-family: "Open Sans", sans-serif; background:#fff; padding:0; margin:0; color:#333;}
body {line-height:25px;; font-weight:normal; overflow-x:hidden; width:100% }
p, div {margin:0; line-height:25px;}
p {margin:15px 0;}
a {text-decoration:none; color:inherit;}

 /* ALL CSS */
h1, h2, h3, h4, h5 {margin:0; padding:0;line-height:25px;}
.fira {font-family: "Fira Sans", sans-serif;}

h2 {text-align:center;}
#top-lines {padding-top:2px;}
.logo {background:url(./img/logo.png) center center no-repeat; background-size:contain}
.lang.el {background:url(./img/flag_el.png) center center no-repeat}
.lang.de {background:url(./img/flag_de.png) center center no-repeat}
.phone a {display:inline-block; background:#959595; color:#fff;}

.coops h2 {color:#4b1e26}
.contact {background:#000}
.contact h2 {color:#fff}
.links h2 {color:#fff}
.links {background:#b04324; padding-bottom: 40px;}
.links ul li {color:#fff; list-style:disc; line-height:30px;}
.brown-separator {height:4px; background:#4b1e26; overflow:hidden;}
.atab ul li {padding-left:20px; position:relative; line-height:1.4}
.atab ul li:before {content:"\2666"; position:absolute; left:0}

.contact-form {}
.contact-form label {display:block; width:100%; margin-top:20px; font-weight: bold;}
.contact-form input {display:block; width:100%; margin-top:10px; border:1px solid #000; padding:10px; font-size:20px; outline:none}
.contact-form textarea {display:block; width:100%; margin-top:10px; border:1px solid #000; padding:10px; font-size:20px; outline:none; height:220px}
a.button {background:#303030; color:#fff; border-bottom:7px solid #959595; padding:16px 30px 8px 30px; display:inline-block; font-size:24px;}

#the-footer {background:#fff; padding-top: 30px;}
.lang-button {display:inline-block; padding:5px 20px; color:#4b1e26; font-size:18px; font-weight: bold;}

.owl-carousel {}
#home-carousel {height:100%}
#home-carousel .item {position:relative; background-size:cover!important; height:100%; display:block;}
#home-carousel .item .logia {position:absolute; bottom:55%; width:100%; text-align:center; color:#fff; font-weight:bold; text-shadow:2px 2px 8px #000;}
#home-carousel .item img {opacity:0; min-height:300px}
#above-the-fold-remaining {overflow:hidden;}

#home-carousel .item img{
    display: block;
    width: 100%;
}
#theselector-dropdown select {width:100%; margin:0 auto 10px auto; font-size:20px; padding:4px 10px;}
a.fbicon {display: inline-block; width: 44px; height: 44px; overflow: hidden; background-image: url(../img/fb.png); background-position: left bottom; background-repeat: no-repeat; transition: .4s;}
a.fbicon:hover {background-position: left top;}
.error {color:red; font-size: 14px; font-style:italic; float: right;}

.loui_new_banner { margin:auto; } /* BANNER ADDITION CSS */
.blogbutton { display: inline-block; border: 4px solid #af4323; height: 44px; width: 120px; text-align: center; vertical-align: top; line-height: 32px; font-weight: bold; font-size: 120%;} /* BLOG BUTTON */
.phoneicon { display: inline-block; width: 44px; height: 44px; overflow: hidden; background-image: url(../img/phoneicon.png);}/* PHONE BUTTON */

@media only screen and (max-width:420px) { /* ONLY mobile */
	.links ul {padding:0 20px;}
	h1 {font-size:72px}
	h2 {font-size:24px}
	h3 {font-size:22px}
	.asub h3 {line-height:30px;}
	h4 {font-size:30px; padding:4px 0;}
	h5 {font-size:24px; padding:4px 0;}
	body {font-size:16px}
	.phone a {font-size:12px; padding:0px 10px; height:25px; line-height:25px;}
	.lang {width:25px; height:25px; display:inline-block; background-size:contain!important}
	h2 {text-align:center; padding:20px 0}
	#top-menu {margin-top:0px; background:none; padding:0}
	.inner-menu a, #top-menu a {display:block; padding:14px 0; color:#fff; text-align:center; font-size:16px;}
    #inner-menu-0, #top-menu-0 {background:#000}
	#inner-menu-1, #top-menu-1 {background:#8b8b8b}
	#inner-menu-2, #top-menu-2 {background:#2f2f2f}
	#inner-menu-3, #top-menu-3 {background:#af4323}
	#inner-menu-4, #top-menu-4 {background:#4a1e26}
	#actual-map {width:100%; height:80vh}
	.offgrid-big img {max-width:100%; max-height:90vh}
	#home-carousel .item .logia {font-size:20px;}
	.loui_new_banner img { width:320px; }
	.smcenter { text-align:center; }
	.loui_new_banner p { font-size:70% !important; }
}

@media only screen and (min-width:421px) and (max-width:1024px) { /* ONLY tablets */
	.links ul {padding:0 40px;}
	h1 {font-size:72px}
	h2 {font-size:42px}
	h3 {font-size:24px}
	.asub h3 {line-height:32px;}
	h4 {font-size:30px}
	h5 {font-size:24px}
	body {font-size:20px}
	.phone a {font-size:16px; padding:4px 12px 6px 12px; height:25px; line-height:16px;}
	.lang {width:25px; height:25px; display:inline-block; background-size:contain!important}
	h2 {text-align:center; padding:20px 0}
	#top-menu {margin-top:24px; background:none; padding:0}
	.inner-menu a, #top-menu a {display:block; padding:14px 0; color:#fff; text-align:center; font-size:16px;}
    #inner-menu-0, #top-menu-0 {background:#6d6969}
	#inner-menu-1, #top-menu-1 {background:#8b8b8b}
	#inner-menu-2, #top-menu-2 {background:#2f2f2f}
	#inner-menu-3, #top-menu-3 {background:#af4323}
	#inner-menu-4, #top-menu-4 {background:#4a1e26}
	#actual-map {width:100%; height:100%; max-height:60vh; min-height:300px}
	.offgrid-big img {max-width:100%; max-height:90vh}
	#home-carousel .item .logia {font-size:30px;}
}

@media only screen and (min-width:1025px) { /* ONLY desktops */
	.links ul {padding:0 80px;}
	h1 {font-size:72px}
	h2 {font-size:42px}
	h3 {font-size:30px}
	.asub h3 {line-height:32px;}
	h4 {font-size:30px}
	h5 {font-size:22px}
	body {font-size:20px}
	#top-menu {margin-top:5px; background:#af4323; padding:0;}
	.phone a {font-size:24px; padding:20px}
	.lang {width:50px; height:50px; display:inline-block;}
	#top-menu a {display:block; padding:8px 0; border-bottom:6px solid #af4323; color:#fff; text-align:center;}
	#top-menu a.selected {border-bottom:6px solid #fff;}
	#actual-map {width:50vw}

	h2 {text-align:center; padding:40px 0}
	.inner-menu {background:#4b1e26; margin-bottom:65px;}
	#forwarder {border-left:6px solid #b04324;padding-left: 35px;}
	.inner-menu a {display:block; padding:15px 0 11px 0; border-bottom:6px solid #4b1e26; background:#4b1e26; transition:.3s; font-size:25px; font-weight: bold; color:#fff;}
	.inner-menu a.selected {border-bottom:6px solid #fff; background:#b04324; transition:.3s;}
	.map-data {width:50vw; position:absolute; top:0; left:0; height:100%}
	.inner-menu {margin-top:35px;}
	.atab .header {font-size:30px; line-height:1.3; font-weight: bold;}
	.submenu-container {border-bottom:1px solid #999; padding-bottom:0; margin-bottom:20px; }
	.submenu {display:inline-block; padding:2px 3px 2px 3px; margin:10px 4px 0 0; background:#aaa; color:#fff; border:1px solid #999; border-radius:3px 3px 0 0; position:relative; top:1px;}
	.submenu.selected {background: #fff; color: #aaa; border-bottom: 1px solid #fff;}
	#home-carousel .item .logia {font-size:40px; line-height: 50px;}
	.offgrid-big img {max-width:50vw; max-height:90vh}
}

@media only screen and (max-width:1024px) { /* mobile + tablets */
}

@media only screen and (max-width:1024px) { /* tablets + desktops */
}