/*
Theme Name: zaxidna
Author: zaxidna.pro
Author URI: http://zaxidna.pro
Version: 1.0
*/


@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,700');


body {
        font-family: 'Fira Sans', sans-serif;
        font-weight: 300;
        background-color: #efe9e1;
}

.h1, h1 {
        font-size: 2rem;
        line-height: 1.3;
}

.h2, h2 {
        font-size: 1.6rem;
        line-height: 1.3;
}

.h3, h3 {
        font-size: 1.4rem;
        line-height: 1.3;
}

.h4, h4 {
        font-size: 1.2rem;
        line-height: 1.3;
}

.h5, h5 {
        font-size: 1.1rem;
        line-height: 1.4;
}

.h6, h6 {
        font-size: 1rem;
        line-height: 1.4;
}


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


hr.divider {
        border: .2rem solid #00b6f4;
        width: 4rem;
        border-radius: 1rem;
}

a {
        color: #1c1918;
}

a:hover, a:focus {
        color: #9a6340;
}

a:focus {
        outline: none;
}


.btn {
        padding: .3rem 1.2rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .06rem;
        border: 0;
        transition: .3s;
        border-radius: 3rem;
}

.btn-primary {
        background-color: #9a6340;
}

.btn-primary:hover {
        background-color: #cc9966;
}

.btn-primary:focus {
        background-color: #cc9966!important;
        box-shadow: none!important;
        color: #fff!important;
}





header {
        background-color: #1c1918;
        margin-bottom: 2rem;
}

.home header {
        margin-bottom: 0;
}

header .logo img {
        width: 6rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
}



header .navbar-dark .navbar-toggler {
        color: #fff;
        border: 0;
        padding: 0;
        margin-top: -50px;
        float: right;
}

header .navbar {
        padding: 0;
}

header .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

header .navbar.bg-primary {
        background-color: transparent!important;
}

header .navbar-dark .navbar-nav .nav-link {
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .06rem;
        padding-top: .1rem;
        padding-bottom: .1rem;
        padding-right: .75rem;
}

header .navbar-dark .navbar-nav .nav-link:focus, header .navbar-dark .navbar-nav .nav-link:hover {
        color: #f8d3a7;
}

header .navbar-dark .navbar-nav .current_page_item .nav-link {
        color: #f8d3a7;
}

header .navbar-nav {
        margin-bottom: 1rem;
}

header .navbar-dark .navbar-nav .lastitem {
        margin-bottom: 1rem;
}

header .dropdown-menu {
        background-color: #1c1918;
}

header .dropdown-item {
        padding: 0;
        font-weight: 500;
        padding-top: .1rem;
        padding-bottom: .1rem;
        color: #fff;
}

header .dropdown-item:hover, header .dropdown-item:focus, header .dropdown-menu .active .dropdown-item {
        background-color: transparent!important;
        color: #f8d3a7!important;
}







div.px_area {
	overflow: hidden;
	display: block;
	width: 100%;
        height: 100vh;
	position: relative;
	transition: .3s;
}

section.discount div.px_area {
        height: 30rem;
}

div.px_layer {
	display: block;
	position: absolute;
	width: 100%;
        height: 100%;
	top: 0;
        left: 0;
}

div.px_layer.toned {
        background-color: rgba(28,25,24,.5);
}



.parallax h1 {
        margin-top: 3rem;
        margin-bottom: 0;
        color: #f8d3a7;
        text-shadow: 0 1px 2px rgba(0,0,0,.3);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .06rem;
}

.parallax h3 {
        margin-top: 1rem;
        margin-bottom: 1rem;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.parallax i {
        color: #f8d3a7;
        font-size: 3rem;
}

.parallax .btn {
        margin-top: 1rem;
        margin-bottom: 2rem;
}

.parallax .displaytable {
        display: table;
        position: absolute;
        height: 100%;
        width: 100%;
}

.parallax .displaycell {
        display: table-cell;
        vertical-align: middle;
}




section.services {
        margin-bottom: 4rem;
}

section.services .service-block {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: rgba(28,25,24,.66);
        z-index: 99;
        color: #fff;
        text-decoration: none!important;
        transition: .3s;
}

section.services .service-block:hover {
        background-color: rgba(28,25,24,.9);
}

section.services .displaytable {
        display: table;
        position: absolute;
        height: 100%;
        width: 100%;
}

section.services .displaycell {
        display: table-cell;
        vertical-align: middle;
}


section.services .service-block h3 {
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .06rem;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-bottom: 0;
        margin-top: 2rem;
}

section.services .service-block:hover h3 {
        color: #f8d3a7;
}

section.services .service-block i {
        font-size: 2rem;
}













section.discount .row .row > div {
        margin-bottom: 4rem;
}

section.discount h3 {
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .06rem;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-bottom: 0;
        margin-top: 2rem;
}

section.discount i {
        font-size: 6rem;
}

section.discount .parallax a {
        color: #fff!important;
        text-decoration: none!important;
}

section.about {
        margin-bottom: 4rem;
}

section.about h2 {
        margin-bottom: 2rem;
}






section.carousel {
        margin-bottom: 4rem;
        position: relative;
}

section.carousel h2 {
        margin-bottom: 2rem;
}


section.carousel .carousel-item {
        display: block;
        background-color: #fff;
        padding-bottom: 1rem;
}

section.carousel .carousel-item img {
        margin-bottom: 1rem;
}

section.carousel .carousel-item h5 {
        font-size: 1.1rem;
        padding-left: 1rem;
        padding-right: 1rem;

}

.owl-theme .owl-nav [class*="owl-"] {
        color: #9a6340!important;
        cursor: pointer;
        background-color: transparent!important;
        padding: 0;
}

.owl-theme .owl-nav [class*="owl-"] i {
        font-size: 3rem;
}











section.video {
        margin-bottom: 4rem;
}


date {
        font-size: .9rem;
        color: #666;
}

article img {
        margin-bottom: 1rem;
        margin-top: .5rem;
}


.category-image img {
        margin-bottom: 1rem;
}

article dt.gallery-icon {
        background-color: #1c1918;
        position: relative;
}

article dt.gallery-icon img {
        transition: .3s;
        margin: 0;
}
article dt.gallery-icon:hover img {
        opacity: .75;
}

article div.gallery {
        margin-top: 2rem;
        margin-bottom: 2rem;
}

article dl.gallery-item {
        display: inline-block;
        margin-left: 0;
        margin-right: .9rem;
        margin-bottom: .9rem;
}

article dl.gallery-item + br {
        display: none;
}

article dl.gallery-item img {
        width: 150px;
}










#gmap {
        height: 60vh;
        margin-top: 4rem;
        margin-bottom: -4rem;
}








form {
        margin-top: 1rem;
}


.form-control::-webkit-input-placeholder {color: #666;}
.form-control:-moz-placeholder {color: #666;}
.form-control::-moz-placeholder {color: #666;}
.form-control:-ms-input-placeholder {color: #666;}
:focus::-webkit-input-placeholder {color: transparent!important;}
:focus::-moz-placeholder {color: transparent!important;}
:focus:-moz-placeholder {color: transparent!important;}
:focus:-ms-input-placeholder {color: transparent!important;}



.form-control {
        box-shadow: none;
        font-size: 1rem;
        border: 0;
        background-color: #fff;
}

.form-control:focus {
        background-color: #fff;
}

.has-error .form-control {
        background-color: #fff3cd;
}

.has-error .help-block {
        display: none!important;
}

.form-control:focus {
        border-color: #ccc;
        box-shadow: none;
}

.alert {
        border: 0;
        margin-bottom: 0;
}

.g-recaptcha {
        margin-bottom: 1rem;
}

textarea {
        resize: none;
}

.addthis_inline_share_toolbox {
        margin-top: 2rem;
}


.wpcf7-checkbox {
        font-size: 1rem;
        border: 0;
        background-color: #f8f9fa;
        color: #666;
        padding: .375rem .75rem;
}

input[type="checkbox"], input[type="radio"] {
        margin-right: .5rem;
}

label {
        font-weight: 400;
        margin-top: .375rem;
        margin-bottom: .375rem;
}


.navblock {
        margin-top: 2rem;
}

.navblock li + li {
        margin-top: 1rem;
}

.navblock li a {
        font-weight: 500;
}

nav .page-numbers {
	    margin-top: 1rem;
	    margin-bottom: 0;
}

nav .page-numbers > li {
        font-size: 1.1rem;
	font-weight: 500;
}



section.page .menu-social-container {
        margin-top: 2rem;
}

section.page .menu-social-container li a {
        display: block;
        width: 2rem;
        height: 2rem;
        text-indent: -9999px;
        background-size: cover;
}

section.page .menu-social-container li.facebook a {
        background-image: url(images/facebook1.png);
}
section.page .menu-social-container li.google-plus a {
        background-image: url(images/google-plus1.png);
}
section.page .menu-social-container li.youtube a {
        background-image: url(images/youtube1.png);
}
section.page .menu-social-container li.instagram a {
        background-image: url(images/instagram1.png);
}

section.gmap iframe {
        border: 0;
        display: block;
        height: 30rem;
        width: 100%;
}


footer {
        background-color: #1c1918;
        padding-top: 2rem;
        padding-bottom: 2rem;
        color: #fff;
        margin-top: 4rem;
}

footer .menu-social-container {
        margin-bottom: 2rem;
}

footer .menu-social-container li a {
        display: block;
        width: 2rem;
        height: 2rem;
        text-indent: -9999px;
        background-size: cover;
}

footer .menu-social-container li.facebook a {
        background-image: url(images/facebook.png);
}
footer .menu-social-container li.google-plus a {
        background-image: url(images/google-plus.png);
}
footer .menu-social-container li.youtube a {
        background-image: url(images/youtube.png);
}
footer .menu-social-container li.instagram a {
        background-image: url(images/instagram.png);
}


footer .zaxidna img {
        width: 90px;
}









@media (min-width: 576px) {

}


@media (min-width: 768px) {

header .logo {
        text-align: center;
}

header .logo img {
        width: 8rem;
}

header .navbar-nav {
        margin-bottom: 0;
}

header .navbar-dark .navbar-nav .lastitem {
        margin-right: 2rem;
        margin-bottom: 0;
}

header .navbar-dark .navbar-nav .nav-link {
        padding-left: .75rem;
}

header .dropdown-item {
        padding: 0 .75rem;
}

.category-image img {
        margin-bottom: 0;
}

div.px_area {
	transition: 0;
}

footer p, footer ul {
        margin: 0;
}


}


@media (min-width: 992px) {


footer .menu-social-container {
        margin-bottom: 0;
}

.owl-prev {
        position: absolute;
        top: 33%;
        left: -4rem;
}

.owl-next {
        position: absolute;
        top: 33%;
        right: -4rem;
}

.navblock {
        margin-top: 0;
        padding-left: 2rem;
}

article dl.gallery-item img {
        width: 270px;
}

}


@media (min-width: 1200px) {

header .logo img {
        width: 10rem;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
}

.parallax h1 {
        font-size: 3rem;
}

.parallax h3 {
        font-size: 1.5rem;
}

footer .menu-social-container li {
        padding-left: .5rem;
        padding-right: .5rem;
}

}