/*
Theme Name: SKJALFANDI - grateam.pl
Theme URI: brak
Author: Pawel Ryszewski
Author URI: http://grateam.pl
Description: Relization for SKJALFANDI APARTAMENTS
Version: 1.0
License: Creative Commons (CC-BY) 
License URI: http://creativecommons.org/licenses/by/3.0/deed.pl
Tags: pawel ryszewski, grateam.pl
Tags: pawel ryszewski, grateam.pl
Text Domain: SKJALFANDI HOTEL
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Source+Serif+Pro:wght@400;600;700&display=swap');

body,html{
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important; 
font-family:'Roboto';
}

body{padding-top: 81px !important;}
button:focus {outline:0px;}
img {max-width:100%;}


body,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,tbody,tfoot,thead,tr,th,td {
	margin: 0 !important;
	padding: 0;
	border: 0;
	outline: 0;
	list-style: none;
	font-family: 'Roboto', sans-serif;
}

li {list-style:none;}
header,nav,article,footer,address { display: block; position: relative;  } 
article,address {	overflow-x:hidden; overflow-y:hidden;}
.wrapper { margin: 0 auto; position: relative; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; } 
.no-padding {padding-left:0px !important; padding-right:0px !important;}
/* =Header
-------------------------------------------------------------- */
header {
	padding: 0 0;
	border-bottom: 0px solid #ccc;
	z-index: 4;
}
h1 {
	float: left;
	font-family:  'Roboto', sans-serif;
}
#description {
	float: left;
	color:#333;
}

header h1 a {width: 100%; height:137px; display:block; float:left; background:url(images/logo.png) no-repeat; overflow:hidden; text-indent:-1000000px;}
header h1 {width:36%;}

/* =Nav
-------------------------------------------------------------- */

.navbar-brand {max-width:500px;}
/*.navbar-brand::before {content:""; width:100%; height:1px; bottom:2px; background:#d7d7d7; left:0; position:absolute;}*/

.navbar.active {padding: 0px 0rem;}
.navbar.active .navbar-brand{max-width:300px;}
.navbar-brand img {-webkit-transition: ease-in-out 0.3s;-moz-transition: ease-in-out 0.3;-o-transition: ease-in-out 0.3;transition: ease-in-out 0.3;width: 170px;}
.active .navbar-brand img {
    width: 140px;
}
.click-but {position:absolute; top:-65px; left:0;}

nav { padding: 1px 0; margin: 0px 0 0 0; width: 100%; float: left; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); color: #fff; font-size: 10px;} 
nav .menu-menu-container{text-align:center;height:36px;border-bottom: 1px solid #ffcc1c;}
nav #menu-menu {display: inline-block; margin: 0 auto;}
nav #menu-menu > li.small a {}
nav #menu-menu a {font-size: 14px;text-transform: uppercase;text-shadow: 1px 1px 0px #000000;}

nav ul li {list-style: none;float: left;margin: 0 13px 0  !important;font-family:  'Roboto', sans-serif;position:relative;}
nav ul li:last-child {margin-left: 30px !important;}
nav ul li:last-child a{color:#bf8f00;text-transform:uppercase;border: 1px solid #d4b455;border-radius:50px;font-family: "Roboto";font-size: 16px !important;padding-left: 35px !important;padding-right: 35px !important;}
nav ul li:last-child a:hover {background:#bf8f00; color:#fff;}

nav a { display: block; padding: 0.5em 12px; color: #5a5a5a; text-decoration: none; font-size: 18px; -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3; -o-transition: ease-in-out 0.3; transition: ease-in-out 0.3; font-family: 'Roboto';font-weight: 600;font-size: 1.8em !important;}
nav a:hover {color: #bf8f00;}
nav a:hover { /* background: #111; */ text-decoration: none; /* border-bottom: 6px solid #00aeef; */ } 

.navbar {position:fixed;background:#f2f2f2 !important;-webkit-transition: ease-in-out 0.3s;-moz-transition: ease-in-out 0.3;-o-transition: ease-in-out 0.3;transition: ease-in-out 0.3;padding: 5px 0rem;}

.dropdown-menu {border:0px; color:#fff; background:#033f8e; border-radius:0px; width:280px;}
.dropdown-menu li{width:100%;}
.dropdown-menu a{width:100%; font-size: 0.8em;text-transform: initial;color:#fff; position:relative; padding-left:30px; }
.dropdown-menu a::before {content:""; left:1.2em; width:0.4em; height:0.4em; border-radius:15px; background:#bf8f00; position:absolute; top:1em;}
.dropdown-menu a:hover::before {background:#033f8e;}
.dropdown-menu a:hover {background:#bf8f00;}

/* Reviews */
.item.tns-item.tns-slide-active::before {content:""; width:1px; height:100%; background:#d7d5cf; position:absolute; right:40px; bottom:0;}
.reviews {}
.reviews .item{position:relative;}
.reviews .content{font-family: "Source Serif Pro";font-size: 22px;color: #7b7b7b;line-height: 33px;font-weight: 700;}
.reviews .author{font-family: "Roboto";text-align: right;font-size: 20px;line-height: 30px;color: #7b7b7b;font-weight: 600;}
.reviews .author span{display: block;font-family: "Roboto";font-weight: 500;} 

.section.style6 .tns-nav {position: absolute;left:0;bottom: -58px;z-index: 1;margin: 0 auto;background: #efede6;padding: 0px 0 0 0;right: 0;max-width: 98px;border-radius: 100px;}
.section.style6 button {background: #d7d5cf;margin: 0 10px 0;width: 15px;height: 15px;position: relative;top: 2px;}
.section.style6 button.tns-nav-active {background:#454544;}
.section.style6 .tns-nav > button[aria-controls="tns2"]:first-of-type {margin-left:0px}
.section.style6 .tns-nav > button[aria-controls="tns2"]:nth-last-of-type(3) {margin-right:0px}

/* =Content
-------------------------------------------------------------- */
h2 { font-family:  'Roboto', sans-serif; font-size: 2em; color: #333; }
h2 a { text-decoration: none; color: #333; }
h2 a:hover { text-decoration: underline; }
p { margin: 1em 0; line-height: 2em; font-size: 1em; font-weight:300; padding-bottom:20px; text-align: justify;}
ol li { list-style: decimal; padding:0px; }
ul li { list-style: none; padding:0px;}
li {font-weight:300;}
span.icon {font-size:3em;}
span.icon_small {font-size:1.6em;}
.black_back .icon, .black_back .icon_small {color:#bf8f00;}
.black_back .title, .black_back  div, .black_back  p, .black_back  a, .black_back  li {color:#fff !important;}


.title {width:100%;float:left;margin: 0px 0 75px 0;text-align: center;position: relative;padding: 0 0 10px 0;font-weight: 100;font-family:'Source Serif Pro';color: #7b7b7b;font-weight: 900;padding-bottom:40px;}
.title::before {}
.title::after{}

.title2 {width:100%;float:left;;text-align: left; position: relative;padding: 0 0 10px 0;font-weight: 100; font-family:'Source Serif Pro'; color:#033f8e; font-weight:600; padding-bottom:40px; padding-left:25px; padding-bottom:0px; margin-bottom:30px !important;}
.title2::before {content: ""; width: 11px; height: 100%; background: #ffcb1b; display: block; position: absolute; top:0; left: 0;} 

.title3 {width:100%;float:left;margin: 0px 0 75px 0;text-align: left;position: relative;padding: 0 0 10px 0; color:#033f8e; font-weight:600; padding-bottom:20px; font-size:1.3em;padding-left: 13px;}


/* =Footer
-------------------------------------------------------------- */
footer { margin: 0 0 0 0; padding: 15px 60px 15px 15px; border-top: 0px solid #ccc; font-size: 0.75em; display: block; float: left; width: 100%; background: #2a2a2a; text-align:center; position:relative; color:#a0a0a0;}
/*footer::before {content:""; width:100%; height:1px; top:2px; left:0; background:#f9c807; position:absolute;} */
footer a {color:#a0a0a0;}
footer a:hover {color:#f9c807;}
footer  {}
footer  img{display: block;width: 131px;filter: contrast(0%);opacity: 0.7;margin-top: 0px !important;}
footer .social{text-align: right;}
footer .social li {display:inline-block;padding: 0 3px;}
footer .social li span {font-size:30px;color: #7b7b7b;}
footer .social li a {-webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3; -o-transition: ease-in-out 0.3; transition: ease-in-out 0.3}
footer .social li a:hover {text-decoration:none !important; color:#bf8f00}
footer .social li a:hover span {color:#bf8f00;}

footer .button2{color: #565656;text-transform: uppercase;border: 1px solid #565656;border-radius: 50px;font-family: "Roboto";font-size: 16px !important;padding-left: 35px !important;padding-right: 35px !important;display: block;padding: 0.5em 12px;text-decoration: none;-webkit-transition: ease-in-out 0.3s;-moz-transition: ease-in-out 0.3;-o-transition: ease-in-out 0.3;transition: ease-in-out 0.3;max-width: 174px;margin: 20px auto 0 auto !important;} 
footer .button2:hover {color:#bf8f00; border-color:#bf8f00;}
footer .row > div:last-child {color:#7b7b7b; text-align:right; font-size:20px;}
footer .row > div:last-child p {text-align:right; padding-bottom:0px;}

.button {background:#f7f5ed;color: #7b7b7b !important;border-radius:100px;text-align:center;-webkit-transition: ease-in-out 0.3s;-moz-transition: ease-in-out 0.3;-o-transition: ease-in-out 0.3;transition: ease-in-out 0.3;display:block;margin: 0 auto !important;-webkit-box-shadow: 0px 6px 11px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 6px 11px 0px rgba(0,0,0,0.15);box-shadow: 0px 6px 11px 0px rgba(0,0,0,0.15);max-width: 190px;padding: 13px 0;font-family: "Roboto";font-size:17px;}
.button:hover {color:#bf8f00 !important; text-decoration:none;}
.button.color {color:#bf8f00 !important;}
.button.color:hover {color: #565656 !important;}




/* ICONS */

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?idji5');
  src:  url('fonts/icomoon.eot?idji5#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?idji5') format('truetype'),
    url('fonts/icomoon.woff?idji5') format('woff'),
    url('fonts/icomoon.svg?idji5#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-contact-copert:before {
  content: "\e900";
}
.icon-contact-house:before {
  content: "\e901";
}
.icon-contact-phone:before {
  content: "\e902";
}
.icon-social-facebook:before {
  content: "\e903";
}
.icon-social-instagram:before {
  content: "\e904";
}
.icon-social-twitter:before {
  content: "\e905";
}
/* END ICONS */

/* POST */
.post-title {margin-top: 97px; text-align: center; font-size: 2em; font-family: 'Source Serif Pro'; background: url(images/back-single.jpg); color: #bf8f00; padding: 40px 0px; margin-bottom: 30px;}
.single-post {}

/* BACK TO TOP */

.back-to-top {position:fixed;right: 22px;bottom: 9px;display: block;width: 20px;height: 20px;transform: rotate(45deg);border-left: 3px solid #c7a121;border-top: 3px solid #c7a121;opacity: 0;cursor: pointer; -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3; -o-transition: ease-in-out 0.3; transition: ease-in-out 0.3;}

.back-to-top.show {opacity:0.4}
.back-to-top.show:hover {opacity:1}

/* LISTS */
.list-posts {margin-bottom:40px;}
.list-posts .post{width:33.33%; float:left; padding:0 10px; position:relative; z-index:1;}
.list-posts .post .post_img{}
.list-posts .post .post_img img{filter: grayscale(1); -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3; -o-transition: ease-in-out 0.3; transition: ease-in-out 0.3}
.list-posts .post:hover .post_img img {filter: grayscale(0);}
.list-posts .post .post_title {display:block; width:100%; font-family:"Roboto"; margin-bottom:10px; float: left;}
.list-posts .post .post_title h1{font-size:1em; width:100%; display:block; font-weight:300; color:#6f6f6f;padding-left: 20px;padding-bottom: 4px;}
.list-posts .post .post_title h1::before {content:""; display:block; float:left; width:10px; height:100%; background:#f9c807; margin-right:10px;  position: absolute;left: 0;}
.list-posts .post .post_footer {display:block; float:left; width:100%; font-family:"Source Serif Pro";}
.list-posts .post .post_footer .post_date{display:block; float:left; width:50%; background:#3d3d3d; color:#f9c907; padding:13px 0 16px 15px; position:relative; font-weight:300; -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3; -o-transition: ease-in-out 0.3; transition: ease-in-out 0.3 }
.list-posts .post:hover .post_footer .post_date {background:#f9c807; color:#0a3f82;}
.list-posts .post .post_footer .post_date strong{font-weight:900; font-size: 0.8em; position: absolute;top: 8px;}
.list-posts .post .post_footer .post_date span {display:block; position:relative; top:9px;}
.list-posts .post .post_footer .post_more{}
.list-posts .post:hover .post_footer .post_more a{background:#0a3f82; color:#fff;}
.list-posts .post:hover .post_footer .post_more a:hover{text-decoration:none; color:#f9c907;}
.list-posts .post .post_footer .post_more a{display:block; float:right; width:50%; text-align:center; background:#ffca00; color:#000; padding:13px 0 16px; font-weight:500; font-family:"Source Serif Pro"; -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3; -o-transition: ease-in-out 0.3; transition: ease-in-out 0.3}

	/* LIST IMG */
section .list-img {}
section .list-img li{ist-style: none !important;padding: 0px !important;width: 30%;display: block;float: left;margin-bottom: 30px !important; text-align:center; margin: 0 1.5% 20px !important;font-size: 0.7em !important;}
section .list-img li::before{display:none !important; width:0px; height:0px;}
section .list-img li img {clear:both; display:block; margin:0 auto !important;}

	/* LIST ICONS */
section .list_icons {}
section .list_icons a {-webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3; -o-transition: ease-in-out 0.3; transition: ease-in-out 0.3}
section .list_icons a:hover {text-decoration:none !important; }
section .list_icons span.icon {-webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3; -o-transition: ease-in-out 0.3; transition: ease-in-out 0.3}
section .list_icons a:hover span.icon{color:#fff !important;}
section .list_icons a p {-webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3; -o-transition: ease-in-out 0.3; transition: ease-in-out 0.3}
section .list_icons a:hover p {color:#fff;}


/* SECTIONS */
.section {position:relative;}
.section p, .section li {color:#585858;}
#about, #rooms {top: -90px; position: absolute;}

section {padding:60px 0;}
section.style1 {background: #efede6;}
section.style1::before {content: "";width: 100%;height: 1px;top: 2px;background:#d7d7d7;left: 0;position: absolute;}
section.style1 .left { padding-right: 40px; position:relative; }
section.style1 .left .title{ color: #bf8f00; }
section.style1 .left p{font-family: "Source Serif Pro";font-size: 22px;color: #7b7b7b;line-height: 33px;font-weight: 600;}
section.style1 .right { padding-left: 40px; position:relative; }
section.style1 .right p {font-size: 17px;line-height: 25px;color: #565656;}
section.style1 .right::before {content:"";width:1px;height: 100%;top: 0;position:absolute;left: -1px;background: #d7d5cf;}
section.style1 .button {color:#7b7b7b;font-size:17px;}

section.style2 {background:#f7f6f3; padding-bottom:0px !important; padding-top:30px;}
section.style2 h2{padding-bottom:30px}
section.style2 .gallery {padding-left:0px; padding-right:0px; padding-bottom:40px;}
section.style2 .gallery  img {width: initial; height: 100%; max-height:600px; text-align: left;margin: 0px; padding: 0px;max-width: none;text-align: left; float: left;}
section.style2 .gallery  ul { display: block; max-width: 1080px; margin: 0 auto !important; }
section.style2 .gallery  li {overflow:hidden;padding-left:0px;padding-right:0px;outline: 6px solid #f7f6f3;position:relative;display: block;float: left;width: 360px;height: 360px;}
section.style2 .gallery  li  a{width: 100%;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;background-clip: border-box;position: absolute;left: 0;height: 100%;}
section.style2 .gallery span {position:absolute;color:#fff;font-size: 35px;top: 10px;right: 10px;opacity: 0.4; -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3; -o-transition: ease-in-out 0.3; transition: ease-in-out 0.3}
section.style2 .gallery a:hover span {opacity:0.7; transform: scale(1.2);}
section.style2 .gallery span.black {color:#000 !important;}
section.style2 .gallery span.white {color:#fff !important;}
section.style2 .all-img {-webkit-transition: max-height 1s; -moz-transition: max-height 1s; -ms-transition: max-height 1s; -o-transition: max-height 1s; transition: max-height 1s; overflow:hidden; max-height:0;}
section.style2 .all-img.active {max-height:2000px;}
section.style2 .all-img div {padding-left:0px !important; padding-right:0px !important; }
section.style2 button{border: 0px; padding-left: 30px; padding-right: 30px; margin: 30px auto 0 !important;}

section.style6 {padding-bottom:93px;}
section.style6::before {/* content:""; */width:100%;height:1px;top:2px;background:#e4e4e4;left:0;position:absolute;}
section.style6 .item {text-align:center !important; padding:60px 0 0px; margin-bottom:0px; height:292px;}
section.style6 .tns-controls, section.style6 button[data-action="stop"], section.style6 button[data-action="start"] {display:none !important;}
section.style6 div[aria-label="Carousel Pagination"] {position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 50px;}


/* MAP - CONTACT*/
.map {padding-top:0px;padding-bottom:0px;height: 480px;}
.map iframe{filter: grayscale(100%);height: 480px;width:100%;}
.contact .block-left {background:#efede6;}
.contact .block-left .background1 {padding: 2rem 0 2rem 3rem;}
.contact .block-left a,.contact .block-left p, .contact .block-left .title, .contact .block-left li{color: #fff;}
.contact .block-left {padding-top: 0;padding-bottom: 0;padding-right: 0px;}
.contact .block-left .title { padding-bottom: 20px; }
.contact .block-left a {}
.contact .block-left ul {}
.contact .block-left li {padding-bottom: 20px;line-height: 42px;font-size: 1.3em;}
.contact .block-left .icon {font-size: 1.8rem;padding-right: 20px;width: 61px;display: block;float: left;margin-top: 5px;}
.contact .block-left .block-bottom {text-align:center;padding: 30px 0 30px 0;}
.contact .block-left .block-bottom p{color:#565656;text-align:center;font-weight: 600;}
.background1 {background-color:#bf8f00;}
.background2 {background-color:#efede6;}

/* SLIDER */
button[data-action="stop"], button[data-action="start"] {display:none !imortant}
#slider button[data-action="start"] {display:none !important;}
#slider {position:relative !important;}
#slider .img {max-height: initial; background-attachment: fixed; background-position: center; background-repeat: no-repeat; width: 100%; height: auto;}
#slider p {font-family: 'Source Serif Pro'; font-weight:100; font-size:2.6em; position:absolute; top: 140px; left:10%; /*! right:0; */ margin:0 auto !important; background:rgba(255,255,255,0.7);display: block;width: auto;text-transform: uppercase;/*! max-width: 25%; */padding: 20px 90px 20px 50px;display: inline-table;color: #033f8e; line-height:1.8em; border-left:8px solid #bf8f00;}
#slider .tns-controls, #slider button[data-action="stop"], #slider .tns-liveregion {display:none !important;}
#slider .tns-nav {position: absolute;left:0;bottom: 15px;z-index: 1;margin: 0 auto;background: #efede6;padding: 0px 0 0 0;right: 0;max-width: 98px;border-radius: 100px;}
#slider button {background: #d7d5cf;margin: 0 10px 0;width: 15px;height: 15px;position: relative;top: 2px;}
#slider button.tns-nav-active {background:#454544;}
#slider .tns-nav > button:first-child {margin-left:0px}
#slider .tns-nav > button:last-child {margin-right:0px}

/* POPUP */
#popup-back {width:100%; height:0%; background:rgba(0,0,0,0); position:fixed; z-index:0; -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3; -o-transition: ease-in-out 0.3; transition: ease-in-out 0.3; opacity:0;}
#popup-back.active {height:100%; background:rgba(0,0,0,0.9); position:fixed; z-index:10; opacity:1;}

#popup {position:fixed; left:0; right:0; top:0px; margin:0 auto; width:0%; height:0; padding:0px; background:transparent; z-index: 0; -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3; -o-transition: ease-in-out 0.3; transition: ease-in-out 0.3; overflow:hidden; opacity:0;}
#popup.active {top:50px; width:60%; height:auto; padding:30px; background:#fff;z-index: 11; opacity:1;}

#popup .close {position:absolute; top:2px; right:2px; width:30px; height:30px; background:#033f8e; color:#e5bd0e; -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3; -o-transition: ease-in-out 0.3; transition: ease-in-out 0.3; z-index: 50;opacity: 1; cursor:pointer;}
#popup .close::before {content:""; width:15px; height:2px; transform: rotate(45deg); position:absolute; right:7px; background:#eec209;top: 13px;}
#popup .close::after {content:""; width:15px; height:2px; transform: rotate(-45deg); position:absolute; right:7px; background:#eec209;top: 13px;}
#popup .close:hover { background:#e5bd0e; color:#033f8e; }
#popup .close:hover::before, #popup .close:hover::after { background:#033f8e; }
#popup a {font-weight:bold; color:#033f8e; }
#popup a:hover {text-decoration:none;}

@media all and (max-width:1200px) {
	.navbar-brand {max-width:300px;}
}

@media all and (max-width:1100px) {
	section.style2 .gallery ul {max-width:720px}
}

@media all and (max-width:991px) {
	.title2	{font-size:1.6em;}
	.black_back {background: #202020 !important;}
	.title::before, .title::after {width:28%;}
	.list-posts .post{width:50%; margin: 0 25% 30px;}
	.dropdown-menu {background:transparent !important;}
	.dropdown-menu a {color:#000;}
	section {padding:55px 0;}
	section .list-img li img {margin:0 auto !important;}
	section.style1 {}
	section.style1 img {display:block; margin:0 auto !important;}
	.section.style6 .tns-nav {max-width:108px;}
	#popup.active {width:96%; top:2%;}
	#popup p {line-height: 1.8em; font-size: 0.9em;}
	
	section.style1 .left {padding-right:15px;}
	section.style1 .right {padding-left:15px;}
	section.style1 .right::before {display:none !important;}
	nav ul li:last-child {max-width: 300px; text-align: center; margin-top: 10px !important; margin-bottom:20px !important;}
	
	.no-mobile {display:none !important;}
	footer {padding:15px 15px 85px!important; margin-top:-22px;}
	footer .row > div:last-child p {text-align:center;}
	footer .social {text-align:center;}	
	footer .fixed {position: fixed; bottom: 0; z-index: 10; left: 0; padding: 0px 0 18px; background: #2a2a2a;}
	.map {height:initial;}
	section.style6 .item {height:initial;}
	.navbar {padding: 10px 1rem;}
	.navbar.active {padding: 10px 1rem;}
	body {padding-top:80px !important;}
}

@media all and (max-width:940px) { 
	#slider p {left: 0; right: 0; margin: 0 auto !important; display: block; position: absolute; max-width: 500px;}
	#slider .img {max-height:400px;}
}

@media all and (max-width:770px) {
	section.style2 .gallery li {width:270px; height:270px}
	section.style2 .gallery ul {max-width:540px}
	
	.list-posts .post {width: 300px; margin: 0 auto 30px auto;}
	.list-posts .post .post_img img {height:auto;}
	.list-posts .post .post_footer .post_date strong {font-size:0.7em;}
	section.style2 .gallery img {max-height:500px;}
	#slider .img {background-size:cover !important;}
	
	section.style1 .left p {font-size: 18px; line-height: 25px;}
	section.style1 .right p {font-size:18px; line-height:25px;}
	section.style2 h2 {padding-bottom:15px;}
	section.style2 {padding-top:20px;}
	section {padding:25px 0;}
	.title {padding-bottom:15px; font-size:27px;}
	.contact .block-left .block-bottom p {font-size:14px;}
	.contact .block-left li {padding-bottom:10px;}
	.reviews .author {padding-bottom:0px;}
	section.style6 .item {padding: 10px 0 0px;}
	.reviews .content {font-size: 19px; line-height: 26px;}
}

@media all and (max-width:700px) {
	.section.style6 .tns-nav > button {margin-left:5px !important; margin-right:5px !important;}
}

@media all and (max-width:590px) {
	section.style2 .gallery ul {max-width:270px}	
	
	section {padding:45px 0;}
	section.style2 .gallery img {max-height:400px;}
	.title::before, .title::after { width: 10%; }
	.navbar-brand { max-width: 300px !important; }
	#slider p {max-width: 500px; font-size: 1.8em; font-weight:300; max-width:360px;}
	
	.contact .block-left .background1 {padding:2rem 15px 2rem 15px}
	.contact .block-left li {font-size:1em;}
}


@media all and (max-width:420px) {
	section.style2 .gallery img {max-height:300px;}
	.navbar-brand {max-width:250px !important;}
	#slider p {max-width: 400px; font-size: 1.6em; font-weight: 300; max-width: 300px; padding: 20px 30px 20px 25px;}
	
}