/*
Theme Name: Kalium - Child Theme
Theme URI: https://laborator.co/themes/kalium/
Author: Laborator
Author URI: https://laborator.co/
Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator:  <a href="https://themeforest.net/user/laborator">Envato</a>, <a href="https://twitter.com/thelaborator">Twitter</a> or <a href="https://www.facebook.com/laboratorcreative">Facebook</a>.
Version: 2.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/
html {
    font-size: 62.5%;
    line-height: 1.5;
    font-family: 'Source Sans Pro', sans-serif!important;
}
body{
	font-family: 'Source Sans Pro', sans-serif!important;
}
p {
    color: #37323E;
}
hr {
    border-color: #eed891;
}
.site-footer a:after, .wrapper a:after {
    display: none;
}
.title-center {
    text-align: center; 
}
.style-title:before {
    content: '';
    width: 50px;
    height: 1px;
    display: inline-block;
    background: #EDD892;
    margin-right: 7px;
    display: none;
}
.images-art {
    position: relative;
    display: inline-block;
    width: 100%;
}
.images-art img {
    display: inline-block;
    float: left;
    width: 50%;
}
.images-art img:last-child {
    margin-left: -30px;
    margin-top: 100px;
}
.theros-slogan {
    max-width: 650px;
    padding-left: 100px;
    position: relative;
}
.theros-slogan:after {
    content: '';
    width: 200px;
    height: 1px;
    position: absolute;
    top: 50%;
    right: -70px;
    display: block;
    background: #EDD892;
    margin-top: -1px;
}
.theros-slogan h2 {
    font-size: 4.2rem;
    margin-bottom: 65px;
}
.theros-slogan p {
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: 1px;
}

.homepage-homes-section {
    margin-top: 100px;
}
.homepage-homes-section h3 {
    text-align: center;
    font-size: 4.2rem;
    font-weight: 300;
    margin-bottom: 15px!important;
    display: block;
}
.homepage-homes-section h3:before {
    content: '';
    width: 50px;
    display: inline-block;
    background: #eed891;
    height: 1px;
    display: none;
}
p.home-box-title {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 10px;
    color: #fff;
    font-size: 2rem;
    z-index: 91;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
a.home-box-link:after {
    content: ''!important;
    width: 80%;
    height: 25%;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block!important;
    background: rgba(187, 187, 187, 0.6);
    z-index: 9;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.home-box-explore {
    display: block;
    font-size: 1.6rem;
    font-weight: 200;
    position: relative;
    top: -15px;
    opacity: 0;
    transition: 0.4s ease;
}
a.home-box-link:hover .home-box-explore {
	opacity: 1;
	top: 0;
	-webkit-transition: 0.4s ease;
	-moz-transition: 0.4s ease;
	-o-transition: 0.4s ease;
	transition: 0.4s ease;
}
.home-box-title-text {
    position: relative;
    top: 15px;
}
a.home-box-link:hover .home-box-title-text {
	top: 0;
	-webkit-transition: 0.4s ease;
	-moz-transition: 0.4s ease;
	-o-transition: 0.4s ease;
	transition: 0.4s ease;
}

.home-box-explore:before {
    content: '';
    width: 30px;
    height: 1px;
    display: block;
    background: #eed890;
    margin: 7px auto 5px auto;
    opacity: 0;
}
a.home-box-link:hover .home-box-explore:before {
	opacity: 1;
	-webkit-transition: 0.3s ease 0.3s;
	-moz-transition: 0.3s ease 0.3s;
	-o-transition: 0.3s ease 0.3s;
	transition: 0.3s ease 0.3s;
}
a.home-box-link:hover:after {
    width: 100%!important;
    height: 100%;
    background: rgba(74, 122, 160, 0.8);
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}

.homepage-about-naxos {
    padding: 200px 0;
    background-position: center;
    background: #F7FFF7;
}

.homepage-homes-section .wind-icon, .homepage-homes-section .wind-icon svg {
    width: 650px;
}

.homepage-homes-section .wind-icon {
    position: absolute;
    top: -50px;
    left: -50px;
    z-index: 9;
}

.theros_slogan p {
    text-align: center;
    font-size: 4rem;
    letter-spacing: 5px;
}

header.site-header.main-header.is-sticky.sticky-absolute.sticky-initialized.sticky-fixed.sticky-above {
    background: rgba(255, 255, 255, 0.95);
}
header.site-header .menu {
    position: relative;
    top: -20px;
}
.slider-slogan {
    color: #fff!important;
    line-height: 2!important;
    text-align: center!important;
    letter-spacing: 4px!important;
    color: #4a7aa0!important;
    text-shadow: 0.4px 0.4px 0px #fff;
}
.house-gallery-wrapper-outer .custom-bg-image-house {
    min-height: 290px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.house-gallery-wrapper-outer .custom-bg-image-house img {
    opacity: 0;
}
/*==============
house template
==============*/
/*.flex-wrapper {
    display: flex;
}
.flex-column {
    flex-basis: 50%;
}
*/
.house-main-content-col .main-title {
    margin: 70px 0 50px 0;
}

.house-page-template {
    position: relative;
}
.wind-icon, .wind-icon svg {
    width: 600px;
}
.wind-icon svg path {
    fill: #eed891;
    opacity: 0;
}
.wind-icon {
    position: absolute;
    top: 100px;
    left: -50px;
}

.main-title.custom-font {
    font-size: 4.9rem;
}

div#map {
    height: 400px;
}
.top-page-image {
    height: 500px;
    top: 0;
    position: relative;
    margin: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.house-template-info-holder ul {
    display: inline-block;
    width: 100%;
    padding-left: 0;
}
.house-template-info-holder ul li {
    display: inline-block;
    float: left;
    position: relative;
    width: 25%;
}
.house-template-info-holder ul li + li:before {
    content: '';
}



ul.facilities-list li {
    display: inline-block;
    width: 20%;
    float: left;
    text-align: center;
    min-height: 190px;
    padding: 0 10px;
}

ul.facilities-list li img {
    max-width: 50px;
    display: block;
    margin: 0 auto;
}
ul.facilities-list {
    display: inline-block;
    width: 100%;
    padding-left: 0;
}
.facility-item {
    background: #fff;
    padding: 30px 5px;
    border-radius: 2px;
    min-height: 170px;
}
.facilities-list .icon {
    display: block;
    min-height: 70px;
}
.facilities-list .text {
    text-align: center;
    display: block;
    color: #37323E;
}
.facilities-list .icon i:before {
    font-size: 5rem;
    margin: 0;
}
.iron-icon, .iron-icon svg {
    max-width: 60px;
    display: block;
    margin: 0 auto;
}
.washing-machine, .washing-machine svg {
    width: 50px;
}

.iron-icon svg path, .washing-machine svg path {
    fill: #4c7ba1;
}

.house-content {
    max-width: 650px;
}
.house-content p {
    font-size: 1.6rem;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 1.6;
}

.house-sidebar {
    border: 1px solid #d1d1d1;
    padding: 30px;
    margin-top: 70px;
}
.house-sidebar-info ul {
    padding-left: 0;
}
.house-sidebar-info ul li {
    list-style: none;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(238, 216, 145, 0.3);
    padding-bottom: 10px;
}
.house-sidebar-info .title {
    font-size: 2rem;
    color: #37323e;
    font-weight: 500;
    width: 50%;
    display: inline-block;
    float: left;
    text-align: left;
}
.house-sidebar-info .info {
    font-size: 1.8rem;
    color: #37323e;
    width: 50%;
    display: inline-block;
    float: left;
    text-align: right;
}
.house-sidebar-title h4 {
    font-size: 2rem;
    margin-bottom: 35px;
    text-align: center;
}



.house-sidebar-booking {
    margin-top: 50px;
}
.book-button, .wrapper-of-book-button a {
    display: block!important;
    position: relative;
    width: 100%;
    padding: 15px 10px;
    text-align: center;
    border: 2px solid #4a7aa0;
    font-size: 1.8rem;
    overflow: hidden;
}
.book-button:after, .wrapper-of-book-button a:after {
    content: ''!important;
    width: 100%!important;
    display: block!important;
    height: 100%!important;
    background: #eed891!important;
    position: absolute;
    top: 95%!important;
    left: 0!important;
    z-index: -1;
}
.book-button:hover, .wrapper-of-book-button a:hover {
    color: #fff!important;
    transition: 0.4s ease!important;
}
.book-button:hover:after, .wrapper-of-book-button a:hover:after {
    background: #4a7aa0!important;
    top: 0!important;
    color: #fff!important;
    transition: 0.4s ease!important;
}
.wrapper-of-book-button.menu-item {
    top: 22px;
}
.wrapper-of-book-button.menu-item a {
    padding: 15px 40px;
}
.menu li a:hover {
    text-decoration: underline!important;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.facilities-container {
    background: #F6F4EF;
    margin: 100px 0 30px 0;
    padding-bottom: 50px;
}
.facilities-title h3:before {
    content: '';
    width: 50px;
    height: 1px;
    display: inline-block;
    background: #EDD892;
    display: none;
}
.facilities-title h3 {
    font-size: 3.4rem;
}
.facilities-title {
    padding: 0 10px;
    margin: 70px 0 35px 0;
}
.house-template-gallery .facilities-title h3 {
    text-align: center;
}



.house-gallery-wrapper {
    max-height: 500px;
    overflow: hidden;
    position: relative;
    -webkit-transition: max-height 0.6s ease;
    -moz-transition: max-height 0.6s ease;
    -o-transition: max-height 0.6s ease;
    transition: max-height 0.6s ease;
}
.show-all-items .house-gallery-wrapper {
    max-height: 3550px;
    -webkit-transition: max-height 0.6s ease;
    -moz-transition: max-height 0.6s ease;
    -o-transition: max-height 0.6s ease;
    transition: max-height 0.6s ease;
}
.house-gallery-wrapper:after {
    content: '';
    width: 100%;
    height: 200px;
    display: block;
    background: linear-gradient(transparent, #fff);
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.show-all-items .house-gallery-wrapper:after {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.toggle-gallery {
    display: block!important;
    text-align: center;
    font-size: 2rem;
    font-weight: 300;
    padding: 25px 0;
}
.house-template-gallery {
    margin: 0 0 70px 0;
}



.insta-title a {
    display: block;
    text-align: center;
    font-size: 2.4rem;
    margin: 70px 0 30px 0;
}
.site-footer .footer-bottom-content .copyrights p {
    margin-bottom: 0;
    color: #fff;
    font-weight: 300;
}
.site-footer .footer-bottom a {
    color: #fff;
    font-weight: 300;
}
.site-footer.footer-bottom-vertical .footer-bottom .footer-bottom-content {
    padding-top: 30px;
    padding-bottom: 30px;
}
.site-footer.footer-bottom-vertical .footer-bottom .footer-bottom-content .footer-content-right {
    margin-bottom: 20px;
}

.widget_nav_menu>.menu-main_menu-container {
    display: none;
}
.widget_nav_menu .menu li {
    display: inline-block;
    float: left;
}
.widget_nav_menu .menu li + li {
    margin-left: 10px;
}
.widget_nav_menu .menu li a {
    color: #fff;
}
.widget.widget_polylang {
    margin: 0;
}
.widget-area .widget.widget_polylang a {
    color: #fff;
}


.widget.widget_polylang select {
    color: #4979a0;
}
.site-footer .footer-widgets {
    margin-top: 30px;
    margin-bottom: 10px;
}


/*===============================
book form
===============================*/
.check-villa span {
    width: 100%;
    display: block;
    margin: 0;
}
.check-villa .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item {
    min-height: 50px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    border: 1px solid #9e8171;
    position: relative;
}
.check-villa .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}
.check-villa .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:hover {
    cursor: pointer;
}
.check-villa .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] + .wpcf7-list-item-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 100%;
    z-index: 0;
    padding-top: 15px;
}
.check-villa .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label {
    background: #9e8171;
    color: #fff;
}

.form-element-wrapper input, .form-element-wrapper textarea, .form-element-wrapper select {
    border: 1px solid #b5b5b5;
    width: 100%;
    display: block;
    min-height: 40px;
    color: #37323E;
    max-height: 80px;
    padding-left: 10px;
}
.form-element-wrapper {
    margin-top: 20px;
}

.book-form h3.custom-font.style-title.title-center {
    font-size: 4rem;
    margin-bottom: 30px;
}

.book-form-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(255,255,255,0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.book-form-popup.active-book {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.book-form-popup-wrapper {
    max-width: 800px;
    background: #fff;
    padding: 50px 100px;
    height: 90vh;
    overflow-y: scroll;
    position: absolute;
    top: 5vh;
    left: 50%;
    margin-left: -400px;
    box-shadow: 0px 0px 16px #f1f1f1;
}
.check-villas-title h4 {
    font-size: 1.4rem;
    padding-left: 15px;
    margin-bottom: 20px;
}
.check-villas-title span {
    font-size: 1.1rem;
}

.close-book-form {
    position: absolute;
    top: 20px;
    right: 50px;
}
.icon-close, .icon-close svg {
    width: 20px;
    display: block;
}
.icon-close svg path {
    fill: #4a7aa0;
}



.book-form-button input {
    width: 100%;
    background: none;
    border: 2px solid #4a7aa0;
    padding: 15px;
    background: #4a7aa0;
    color: #fff;
}
.book-form-button input:hover {
    background: #fff;
    color: #4a7aa0;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.message-placebo p {
    color: #808080;
    font-style: italic;
    padding-top: 15px;
}

.book-form-button, .message-placebo {
    margin-top: 30px;
}
.about-theros-col {
    padding: 70px 30px;
}
.about-theros-section {
    background: #F6F4EF;
    padding: 100px 0;
    margin: 70px 0 35px 0;
}
.about-theros-full-title h3.custom-font.style-title {
    font-size: 4rem;
}
.about-theros-col p {
    font-size: 1.6rem;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 1.6;
}
.style-bg-image>.vc_column-inner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.custom-font.style-title.title-center {
    margin: 50px 0;
}
.contact-page-informations ul {
	padding: 0;
}
.contact-page-informations ul li {
    list-style: none;
    font-size: 1.8rem;
    font-weight: 300;
    margin-bottom: 20px;
    text-align: center;
}
.contact-page-informations ul li a br {
    display: none;
}
.contact-page-message {
    margin: 15px auto 70px auto;
    display: block;
    max-width: 400px;
}
.contact-page-message p {
    font-size: 2rem;
    font-weight: 300;
    text-align: center;
}
.contact-page-form {
    margin-top: 15px;
}
.contact-page-form form.wpcf7-form label, .contact-page-form form.wpcf7-form input, .contact-page-form form.wpcf7-form textarea, .contact-page-form .wpcf7-form-control-wrap {
    display: inline-block;
    width: 100%;
}
.contact-page-form form.wpcf7-form input, .contact-page-form form.wpcf7-form textarea {
	border: 1px solid #b5b5b5;
    width: 100%;
    display: block;
    min-height: 40px;
    color: #37323E;
    max-height: 80px;
    padding-left: 10px;
    margin-top: 7px;
}
.contact-page-form input.wpcf7-form-control.wpcf7-submit {
    border: 2px solid #4a7aa0;
    background-color: #4a7aa0;
    padding: 5px 15px;
    color: #fff;
    font-size: 1.6rem;
    max-width: 50%;
    float: right;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.contact-page-form input.wpcf7-form-control.wpcf7-submit:hover {
    background: #fff;
    color: #4a7aa0;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
header.site-header {
    background: linear-gradient(#fff,transparent);
}
.psgal a {
    max-height: 190px;
    overflow: hidden;
}
.psgal a:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(145, 111, 93, 0.5);
    opacity: 0;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.psgal a:hover:after {
    opacity: 1;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.facilities-message {
    padding: 0 15px;
}
.header-top-bar {
    display: inline-block;
    width: 100%;
}
.sticky-fixed.sticky-above .header-top-bar {
	display: none;
}
.header-top-bar ul {
	float: right;
	margin: 0; 
}
.header-top-bar ul li {
    float: left;
    display: inline-block;
    margin-right: 20px;
}
.header-top-bar ul li.current-lang a {
	color: #c9c8c8;
}
.naxos-page-title h3.custom-font.style-title.title-center {
    font-size: 3.4rem;
}
.naxos-town-text-1 h4 {
    font-weight: 200;
    font-size: 2.4rem;
}
.to_do_list h4 {
    font-size: 3rem;
    font-weight: 300;
    text-align: center;
    color: #4a7aa0;
    padding: 70px 0 30px 0;
}
.todo-list {
	padding-left: 0;
}
.todo-list li {
    list-style: none;
    margin-bottom: 15px;
}
.todo-list .title {
    font-size: 1.6rem;
    color: #4979a0;
    margin-bottom: 0;
}
.todo-list li p:not(.title) {
    padding: 3px 0 0 10px;
}
.gallery-page-custom .psgal a {
	max-height: 400px;
}
.gallery-page-custom .psgal figure {
	width: 400px;
}

.footer-contact-us ul li, .footer-contact-us ul li a {
    color: #fff!important;
    font-weight: 200!important;
}
.widget-area.widgets--columned-layout>.widget {
    margin-bottom: 15px;
}
.postid-247 .top-page-image, .postid-220 .top-page-image {
    background-position: bottom;
}
.style-bg-image>.vc_column-inner {
    background-position: bottom!important;
}
.mobile-menu-wrapper.mobile-menu-fullscreen+.mobile-menu-overlay {
    background-color: rgba(74, 122, 160, 0.8);
}
.mobile-menu-container>.menu {
    padding-top: 100px;
}
.wrapper-of-book-button.menu-item {
    display: none!important;
}
.kazantzakis-words {
    position: relative;
    padding: 50px 0;
}
.kazantzakis-words:after {
    content: ''!important;
    display: block!important;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.75);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.kazantzakis-words-wrapper {
    max-width: 760px;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 9;
}
.the-words {
    text-align: center;
    font-size: 2rem;
    font-family: 'Georgia', sans-serif;
}
.the-words-name {
    text-align: right;
    margin-top: 25px;
    font-family: 'Georgia', sans-serif;
}
.italic-letters {
    font-style: italic;
}
.about-theros-col-min-height {
    min-height: 315px;
}
/*======= responsive ==========*/
.mobile-book-button { 
    display: none;
}
.footer-content-right .social-networks li a:hover {
    color: #fff;
    opacity: 0.7;
} 
a.go-to-top.position-bottom-right i {
    position: relative;
    right: 10px;
}
.custom .tp-bullet {
    background: rgba(73, 121, 160, 0.8);
}
.custom .tp-bullet.selected, .custom .tp-bullet:hover {
	background: rgba(73, 121, 160, 1);	
}
.follow-us-title {
    color: #fff;
    margin-bottom: 10px;
    display: block;
    font-weight: 200;
}
.social-networks.rounded li a i {
    color: #4979a0;
}
@media (max-width: 991px) {
    .mobile-book-button {
        position: fixed;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        z-index: 999;
        background: #fff;
    }
    .book-form-popup-wrapper {
        max-width: 100%;
        width: 100%;
        padding: 10px 30px;
        height: 100%;
        overflow-y: scroll;
        top: 0;
        left: 0;
        margin-left: 0;
        box-shadow: 0px 0px 16px #f1f1f1;
    }
    footer.site-footer {
        padding-bottom: 50px;
    }
    .about-theros-section {
        padding: 100px 0 0 0;
    }
    .theros-slogan {
        padding: 0 15px;
    }
    .facilities-list .text {
        min-height: 35px;
    }
    ul.facilities-list li {
        min-height: 210px;
    }
    .facility-item {
        min-height: 190px;
    }
}
@media (max-width: 767px) {
    .about-theros-section {
        padding: 50px 0 50px 0;
    }
    .style-bg-image .vc_column-inner {
        min-height: 250px;
    }
    .style-bg-image.second-style-bg-image {
        display: none!important;
    }
    .homepage-homes-section {
        margin-top: 35px;
    }
    .gallery-page-custom .psgal figure {
        width: 300px;
    }
    .gallery-page-custom .psgal a {
        max-height: 300px;
    }
    .contact-page-message {
        margin: 15px auto 35px auto;
    }
    .custom-font.style-title.title-center {
        margin: 50px 0 0 0;
    }
    ul.facilities-list li {
        width: 50%;
    }
    .facilities-list .text {
        min-height: 35px;
    }
    html, body {
        width: 100%;
        display: block;
        overflow-x: hidden;
    }
    body:not(.home) #footer {
        margin-top: 50px;
    }
}