
*{
margin: 0px;
padding: 0px;
}

html, body{
width: 100%;
height: 100%;
}

body {
overflow-x: hidden;
font-family: 'Barlow Condensed', sans-serif;
position: relative;
}

p {
line-height: inherit;
}

a {
color: #fed136;
}

a:hover {
color: #fec503;
}

.text-primary {
color: #fed136 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
/* font-family: 'Raleway', sans-serif; */
}
ul, ol{list-style: none;}
.page-section {
/*padding: 60px 0;
position: relative;
overflow: hidden;*/
}

.mal-content{
padding: 40px 45px 40px 22px;
}

.mal-bg{
background: #efeeee;
}


.page-section h2.section-heading {
font-size: 40px;
margin-top: 0;
margin-bottom: 15px;
}

.page-section h3.section-subheading {
font-size: 16px;
font-weight: 400;
font-style: italic;
margin-bottom: 75px;
text-transform: none;
}

@media (min-width: 768px) {
/*section {
padding: 150px 0;
}*/
}

::-moz-selection {
background: #fed136;
text-shadow: none;
}

::selection {
background: #fed136;
text-shadow: none;
}

img::-moz-selection {
background: transparent;
}

img::selection {
background: transparent;
}

img::-moz-selection {
background: transparent;
}

.btn {
font-weight: 700;
}

.btn-xl {
font-size: 18px;
padding: 20px 40px;
}

.btn-primary {
background-color: #fed136;
border-color: #fed136;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
background-color: #fec810 !important;
border-color: #fec810 !important;
color: white;
}

.btn-primary:active, .btn-primary:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
}

#mainNav {
background-color: #b99045;
border-bottom: 1px solid #eee;
}

#mainNav .navbar-toggler {
font-size: 12px;
right: 0;
padding: 13px;
text-transform: uppercase;
color: white;
border: 0;
background-color: #404040;
}

#mainNav .navbar-brand {
color: #fed136;
}

#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
color: #fec503;
}

#mainNav .navbar-nav .nav-item .nav-link {
font-size: 18px;
font-weight:400;
padding: 0.75em 0;
letter-spacing: 1px;
color: white;
text-transform: uppercase;
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
color: #fed136;
}

.navbar-expand-lg>.container:after{
content: "";
position: absolute;
bottom: 0px;
left: 0;
right: 0;
border-top: 1px solid hsla(0,0%,100%,.1);
}

@media (min-width: 992px) {
#mainNav {
padding-top: 3px;
padding-bottom: 3px;
-webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
transition: padding-top 0.3s, padding-bottom 0.3s;
border: none;
/*background-color: transparent;*/
background-color: rgb(0,0,0,0.3);
}
#mainNav .navbar-brand {
font-size: 1.75em;
/*padding: 12px 0;*/
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#mainNav .navbar-nav .nav-item .nav-link {
padding: 0 15px;
}
#mainNav.navbar-shrink {
padding-top: 3px;
padding-bottom:3px;
background-color: #b99045;
-webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
transition: padding-top 0.3s, padding-bottom 0.3s;
}
#mainNav.navbar-shrink .navbar-brand {
font-size: 1.25em;
/*padding: 12px 0;*/
}
}

header.masthead {
text-align: center;
color: white;
/*background-image: url("../img/header-bg.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
background-size: cover;*/
}

header.masthead .intro-text {
padding-top: 150px;
padding-bottom: 100px;
}

header.masthead .intro-text .intro-lead-in {
font-size: 22px;
font-style: italic;
line-height: 22px;
margin-bottom: 25px;
font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

header.masthead .intro-text .intro-heading {
font-size: 50px;
font-weight: 700;
line-height: 50px;
margin-bottom: 25px;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

@media (min-width: 768px) {
header.masthead .intro-text {
padding-top: 300px;
padding-bottom: 200px;
}
header.masthead .intro-text .intro-lead-in {
font-size: 40px;
font-style: italic;
line-height: 40px;
margin-bottom: 25px;
font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
header.masthead .intro-text .intro-heading {
font-size: 75px;
font-weight: 700;
line-height: 75px;
margin-bottom: 50px;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
}

.service-heading {
margin: 15px 0;
text-transform: none;
}

#portfolio .portfolio-item {
right: 0;
margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
position: relative;
display: block;
max-width: 400px;
margin: 0 auto;
cursor: pointer;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
position: absolute;
width: 100%;
height: 100%;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
opacity: 0;
background: rgba(254, 209, 54, 0.9);
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
font-size: 20px;
position: absolute;
top: 50%;
width: 100%;
height: 20px;
margin-top: -12px;
text-align: center;
color: white;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
margin: 0;
}

#portfolio .portfolio-item .portfolio-caption {
max-width: 400px;
margin: 0 auto;
padding: 25px;
text-align: center;
background-color: #fff;
}

#portfolio .portfolio-item .portfolio-caption h4 {
margin: 0;
text-transform: none;
}

#portfolio .portfolio-item .portfolio-caption p {
font-size: 16px;
font-style: italic;
margin: 0;
font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#portfolio * {
z-index: 2;
}

@media (min-width: 767px) {
#portfolio .portfolio-item {
margin: 0 0 30px;
}
}

.portfolio-modal .modal-dialog {
margin: 1rem;
max-width: 100vw;
}

.portfolio-modal .modal-content {
padding: 100px 0;
text-align: center;
}

.portfolio-modal .modal-content h2 {
font-size: 3em;
margin-bottom: 15px;
}

.portfolio-modal .modal-content p {
margin-bottom: 30px;
}

.portfolio-modal .modal-content p.item-intro {
font-size: 16px;
font-style: italic;
margin: 20px 0 30px;
font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.portfolio-modal .modal-content ul.list-inline {
margin-top: 0;
margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
margin-bottom: 30px;
}

.portfolio-modal .modal-content button {
cursor: pointer;
}

.portfolio-modal .close-modal {
position: absolute;
top: 25px;
right: 25px;
width: 75px;
height: 75px;
cursor: pointer;
background-color: transparent;
}

.portfolio-modal .close-modal:hover {
opacity: 0.3;
}

.portfolio-modal .close-modal .lr {
/* Safari and Chrome */
z-index: 1051;
width: 1px;
height: 75px;
margin-left: 35px;
/* IE 9 */
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #212529;
}

.portfolio-modal .close-modal .lr .rl {
/* Safari and Chrome */
z-index: 1052;
width: 1px;
height: 75px;
/* IE 9 */
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background-color: #212529;
}

.timeline {
position: relative;
padding: 0;
list-style: none;
}

.timeline:before {
position: absolute;
top: 0;
bottom: 0;
left: 40px;
width: 2px;
margin-left: -1.5px;
content: '';
background-color: #e9ecef;
}

.timeline > li {
position: relative;
min-height: 50px;
margin-bottom: 50px;
}

.timeline > li:after, .timeline > li:before {
display: table;
content: ' ';
}

.timeline > li:after {
clear: both;
}

.timeline > li .timeline-panel {
position: relative;
float: right;
width: 100%;
padding: 0 20px 0 100px;
text-align: left;
}

.timeline > li .timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0;
}

.timeline > li .timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0;
}

.timeline > li .timeline-image {
position: absolute;
z-index: 100;
left: 0;
width: 80px;
height: 80px;
margin-left: 0;
text-align: center;
color: white;
border: 7px solid #e9ecef;
border-radius: 100%;
background-color: #fed136;
}

.timeline > li .timeline-image h4 {
font-size: 10px;
line-height: 14px;
margin-top: 12px;
}

.timeline > li.timeline-inverted > .timeline-panel {
float: right;
padding: 0 20px 0 100px;
text-align: left;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0;
}

.timeline > li:last-child {
margin-bottom: 0;
}

.timeline .timeline-heading h4 {
margin-top: 0;
color: inherit;
}

.timeline .timeline-heading h4.subheading {
text-transform: none;
}

.timeline .timeline-body > ul,
.timeline .timeline-body > p {
margin-bottom: 0;
}

@media (min-width: 768px) {
.timeline:before {
left: 50%;
}
.timeline > li {
min-height: 100px;
margin-bottom: 100px;
}
.timeline > li .timeline-panel {
float: left;
width: 41%;
padding: 0 20px 20px 30px;
text-align: right;
}
.timeline > li .timeline-image {
left: 50%;
width: 100px;
height: 100px;
margin-left: -50px;
}
.timeline > li .timeline-image h4 {
font-size: 13px;
line-height: 18px;
margin-top: 16px;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
padding: 0 30px 20px 20px;
text-align: left;
}
}

@media (min-width: 992px) {
.timeline > li {
min-height: 150px;
}
.timeline > li .timeline-panel {
padding: 0 20px 20px;
}
.timeline > li .timeline-image {
width: 150px;
height: 150px;
margin-left: -75px;
}
.timeline > li .timeline-image h4 {
font-size: 18px;
line-height: 26px;
margin-top: 30px;
}
.timeline > li.timeline-inverted > .timeline-panel {
padding: 0 20px 20px;
}
}

@media (min-width: 1200px) {
.timeline > li {
min-height: 170px;
}
.timeline > li .timeline-panel {
padding: 0 20px 20px 100px;
}
.timeline > li .timeline-image {
width: 170px;
height: 170px;
margin-left: -85px;
}
.timeline > li .timeline-image h4 {
margin-top: 40px;
}
.timeline > li.timeline-inverted > .timeline-panel {
padding: 0 100px 20px 20px;
}
}

.team-member {
margin-bottom: 50px;
text-align: center;
}

.team-member img {
width: 225px;
height: 225px;
border: 7px solid rgba(0, 0, 0, 0.1);
}

.team-member h4 {
margin-top: 25px;
margin-bottom: 0;
text-transform: none;
}

.team-member p {
margin-top: 0;
}

section#contact {
background-color: #212529;
background-image: url("../img/map-image.png");
background-repeat: no-repeat;
background-position: center;
}

section#contact .section-heading {
color: #fff;
}

section#contact .form-group {
margin-bottom: 25px;
}

section#contact .form-group input,
section#contact .form-group textarea {
padding: 20px;
}

section#contact .form-group input.form-control {
height: auto;
}

section#contact .form-group textarea.form-control {
height: 248px;
}

section#contact .form-control:focus {
border-color: #fed136;
-webkit-box-shadow: none;
box-shadow: none;
}

section#contact ::-webkit-input-placeholder {
font-weight: 700;
color: #ced4da;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

section#contact :-moz-placeholder {
font-weight: 700;
color: #ced4da;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

section#contact ::-moz-placeholder {
font-weight: 700;
color: #ced4da;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

section#contact :-ms-input-placeholder {
font-weight: 700;
color: #ced4da;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.footer {
padding: 0px 0;
text-align: center;
background: #2d2d2d;
}

.footer a{
color:#ccc;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}

.footer span.copyright {
font-size: 13px;
line-height: 40px;
text-transform: none;
color: #ccc;
font-family: 'Open Sans', sans-serif;
}

.footer ul.quicklinks {
font-size: 90%;
line-height: 40px;
margin-bottom: 0;
text-transform: none;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

ul.social-buttons {
margin-bottom: 0;
}

ul.social-buttons li a {
font-size: 20px;
line-height: 50px;
display: block;
width: 50px;
height: 50px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: white;
border-radius: 100%;
outline: none;
background-color: #212529;
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
background-color: #fed136;
}


.navbar-brand img{width:90px;}

@-webkit-keyframes zoom {
from {
-webkit-transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.5, 1.5);
}
}

@keyframes zoom {
from {
transform: scale(1, 1);
}
to {
transform: scale(1.5, 1.5);
}
}

.carousel-inner .item > img {
-webkit-animation: zoom 20s;
animation: zoom 20s;
}


/*/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

/*.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }*/

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-slide img{width: 100%;}
/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {outline: none;background: transparent;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px;font-weight: 800; line-height: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
.slick-prev:before {content: "\2190" !important;}

.slick-next { right: -25px; }
.slick-next:before {content: "\2192" !important;}

/* Dots */
.slick-slider { margin-bottom: 0px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

[dir="rtl"] .slick-next {right: auto;left: -25px;}
[dir="rtl"] .slick-next:before {content: "\2190";}
[dir="rtl"] .slick-prev {right: -25px;left: auto;}
[dir="rtl"] .slick-prev:before {content: "\2192";}
[dir="rtl"] .slick-slide {float: right;}

/* === overrides ===== */
.slick-prev {
left: 50px;
}
.slick-next {
right: 50px;
}
.slick-prev, .slick-next {
background: #b99045;
border: medium none;
color: blue;
cursor: pointer;
display: block;
font-size: 24px;
margin-top: -12px;
line-height: 1.1;
margin-top: -10px;
outline: medium none;
padding: 0;
top: 50%;
top: 50%;
width: 35px;
height: 35px;
border-radius:3px;
transition: all 0.5s ease-in-out;
}
.slick-prev:before {
content: "";
}
.slick-next:before {
content: "";
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {/* color: #fff !important; */ background: #2a2b28;}


.slick-carousel h1{
position:absolute;top: 40%;left: 10%;color:#fff;
text-shadow: none;letter-spacing: 2px;font-weight: 500 !important;
font-size: 55px !important;color: #fff;/* border-bottom: solid 1px #715c5c; */
display: inline-block;padding-bottom: 10px;
}
.slick-carousel{position: relative;}
.frm-over{width: 100%;margin-left: 0;position: absolute;bottom: -15px;background: #000000;padding: 40px 0 32px;opacity: .6;/* z-index: -2; */left: 0;right: 0;}
.ab-section{position: relative;padding: 40px 0;}
.ab-con h2{
font-size: 75px;
letter-spacing: -5px;
font-weight:600;
color: #2a2b28;
/*text-transform: uppercase;*/
font-family: 'Tangerine', cursive;
margin-bottom: 0;
}
.ab-con p{width:100%;color: #272727;font-size: 14px;line-height: 30px;font-weight: 400;margin-bottom: 30px;font-family: 'Open Sans', sans-serif;}
.page-section img{width: 100%;}


.img-effect{
overflow: hidden;
}
.img-effect img{
width: 100%;
transition: all 0.5s ease-in-out
}

.img-effect:hover img{
transform:scale(1.2) rotate(-5deg);
-webkit-transform:scale(1.2) rotate(-5deg);
-moz-transform: scale(1.2) rotate(-5deg);
-ms-transform: scale(1.2) rotate(-5deg);
-o-transform: scale(1.2) rotate(-5deg);
}



.img-effect-solid {
/*padding-left: 10%;
padding-right: 10%;*/
position: relative;
padding: 15px;
}
.img-effect-solid:before {
content: "";
position: absolute;
top: 8%;
bottom: 7%;
left: 0;
right: 0;
background-color: #b99045;
z-index: -2;
}
.sym{
position: absolute;
/* bottom: 0; */
right: -19px;
top: 0px;
transform: rotate(327deg);
opacity: 0.2;
}
.sym img{width:160px;}
.sym-rt{
position: absolute;
/* bottom: 0; */
left: -19px;
top: -12px;
transform: rotate(416deg);
opacity: 0.2;
}
.sym-rt img{width: 105px;}
/*.ab-section{
background: url(../images/ab-bg.jpg) no-repeat;
background-position: left, center;
background-attachment: fixed;
z-index: -2;
background-size: cover;
padding:90px 0 50px 0;
}*/
.spe{
background: url(../images/spe-bg.jpg) no-repeat;
background-position: left, center;
background-attachment: fixed;
z-index: -2;
background-size: cover;
padding: 40px 0;
/* position: relative; */
}
.spe h2{font-size: 75px;letter-spacing: -3px;font-weight:600;color: #fff;margin-bottom: 30px;font-family: 'Tangerine', cursive;/*text-transform: uppercase;*/}
.spe img{/* width: auto; */}
.spe-left{margin-bottom:10px;padding: 10px;border: solid 1px #b99045;height: 115px;cursor: pointer;}
.spe-left:hover{background:rgba(185,144,69,0.5);transition: all 0.3s ease-in-out;scale:(1);}

.spe-left .spe-left-img{
display: inline-block;
float: left;
padding-right: 10px;
padding-top: 7px;
width: 15%;
}

.spe-left:hover img{
transform: rotate(360deg) !important;
-webkit-transition: 
-webkit-transform 0.5s ease-in-out;
}

.specfic_mb{
margin-bottom: 10px;
}


.spe-left p{color: #f1f1f1;font-size: 14px;letter-spacing: 0;width: 100%;font-family: 'Open Sans', sans-serif;font-weight: 300;text-align: left;}
.spe-left p b{color: #f3c673;font-size: 15px;letter-spacing: 1px;font-weight: 600;text-transform: uppercase;}
.spe-left img{width:40px;}
.lift img{width: auto;}
.spe-left div{width: 85%;float: left;}
.no-spe{margin: 0px;border:none;height: 241px;/*height: 115px;*/}
.master h2{font-size: 75px;letter-spacing: -5px;font-weight:600;color: #2a2b28;margin-bottom: 8px;font-family: 'Tangerine', cursive;/*text-transform: uppercase;*/}
.master p{width:100%;font-size: 14px;line-height: 30px;font-family: 'Open Sans', sans-serif;text-align: left;font-weight: 300;}

.mas-layout{
padding: 25px;
}
.mas-layout img{
/* width: 100% !important; */
}

.blink {
animation:1.5s blinker linear infinite;
-webkit-animation:1.5s blinker linear infinite;
-moz-animation:1.5s blinker linear infinite;
}

@-moz-keyframes blinker {  
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}

@keyframes blinker {  
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}

.map-icon img{
width: 40px;
}

.map-icon {
top: 82px;
position: absolute;
left: 615px;
margin: 0 auto;
text-align: center;
}


/*=======location======*/
.map-location{
padding:0px 0 0px 0;
}

.map-loc{
width: 100%;
}
.map-loc img{width: 100%;}
/*=======End location======*/




.footer-contacts {
margin-top: 0;
/* padding-top: 20px; */
/* border-top: 1px dotted rgba(255, 255, 255, 0.11); */
}
.footer-contacts ul{margin: 0px;}
.footer-contacts li {
float: left;
width: 100%;
padding:5px 0;
text-transform: none;
letter-spacing: 2px;
font-size: 11px;
font-weight: 500;
}
.footer-contacts li a {
float: left;
text-align: left;
color: #ccc;
text-decoration: none;
font-size: 18px;
letter-spacing: 1px;
font-weight: 400;
}

.footer-contacts li a:hover{
color:#b99045;
}



.footer-contacts li span {
float: left;
text-align: left;
color: #999;
padding-right: 12px;
}
.footer-contacts li:hover span {
color: #fff;
}
.footer-contacts li i {
float: left;
padding-right: 10px;
position: relative;
top: 7px;
font-size: 16px;
color: #b99045;
}
.footer-contacts li .fa-mobile{font-size: 25px;margin-top: -4px;}
.footer-title span {
position: absolute;
line-height: 50px;
left: -50px;
opacity: 0.5;
margin-top: 40%;
text-align: center;
text-transform: none;
font-weight: 600;
font-size: 65px;
letter-spacing: 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
color: #b99045;
font-family: 'Tangerine', cursive;
}
.footer-title span:before {
content: "";
position: absolute;
bottom: -20px;
left: 50%;
width: 100px;
height: 1px;
background: #b99045;
margin-left: -50px;
}

.footer-inner {
z-index: 3;
padding:40px 0 40px;
background: #232323;
}

.footer-header {
text-align: left;
color: #ccc;
font-size: 25px;
font-weight: 500;
margin-bottom: 20px;
padding-bottom: 20px;
text-transform: uppercase;
letter-spacing: 2px;
border-bottom: 1px dotted rgb(136, 102, 42);
}

.f-para h3 {
font-size:18px;
color: #ccc;
line-height: 30px;
margin-top: 0;
width: 71%;
font-weight: 400;
margin-bottom: 10px;
font-family: 'Barlow Condensed', sans-serif;
letter-spacing: 1px;
}
.rerea-logo a {
color: #ccc;
font-weight: 400;
font-size:18px;
text-align: center;
text-decoration: none;
letter-spacing: 1px;
}

.rerea-logo a:hover{
color:#b99045; 
}


.rerea-logo img {
width: auto;
margin-bottom: 5px;
}
.ab-con a{
background:#2a2b28;
padding: 8px 15px;
color: #fff;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
border-radius: 3px;
transition: all 0.2s ease-in-out;
font-family: 'Barlow Condensed', sans-serif;
}

.ab-con a:hover{
background: #b99045;
}
.no-pad{
padding: 0px;
}



/*======== scroll-bottom-to-top ====*/
#toTop {
display: inline-block;
background-color: #b99045;
width: 40px;
height:40px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s, 
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
#toTop::after {
content: "\f102";
font-family:FontAwesome;
font-weight: normal;
font-style: normal;
font-size:1.5em;
line-height: 42px;
color: #fff;
}
#toTop:hover {
cursor: pointer;
background-color: #2a2b28;
}
#toTop:active {
background-color: #555;
}
#toTop.show {
opacity: 1;
visibility: visible;
}


/*======== End scroll-bottom-to-top ====*/



/*======== start preloader ====*/

/* The Loader */
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
overflow: hidden;
}
.no-js #loader-wrapper {
display: none;
}

#loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #b99045;
-webkit-animation: spin 1.7s linear infinite;
animation: spin 1.7s linear infinite;
z-index:9999;
}
#loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #b99045;
-webkit-animation: spin-reverse .6s linear infinite;
animation: spin-reverse .6s linear infinite;
}
#loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #222;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spin-reverse {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes spin-reverse {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
#loader-wrapper .loader-section {
position: fixed;
top: 0;
width: 51%;
height: 100%;
background:#fff;
z-index: 10;
}

#loader-wrapper .loader-section.section-left {
left: 0;
}

#loader-wrapper .loader-section.section-right {
right: 0;
}

/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
-webkit-transform: translateX(100%);
transform: translateX(100%);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
opacity: 0;
transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transition: all 0.3s 1s ease-out;
}


/*======== End preloader ====*/


/*======== start map-zoomin ====*/
.zoom-image{
cursor:zoom-in;
-webkit-cursor:zoom-in;
-moz-cursor:zoom-in;
transition:all 0.5s ease-in-out;
}
/*======== End map-zoomin ====*/


/*======== start scrowl-down ====*/
.scroll-down{
position: absolute;
bottom:10%;
left:50%;
}

.box span {
width: 20px;
height: 20px;
display: block;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(45deg);
margin: -10px;
animation: animate 2s infinite;
}

.box span:nth-child(2) {
animation-delay: -0.2s;
}

.box span:nth-child(3) {
animation-delay: -0.4s;
}

@keyframes animate {
0% {
opacity: 0;
}
50% {
opacity: 1;
transform: rotate(45deg) translate(10px, 10px);
}
100% {
opacity: 0;
}
}

/*======== End scrowl-down ====*/


/*
Bookings-call modal-popup
============================ */

.enq-btn {
color: #2a2b28 !important;
cursor: pointer;
background-color:#b99045;
margin-right: 0;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(27deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
letter-spacing: 2px;
position: fixed;
right: -64px;
top: 50%;
}

.enq-btn a:hover{
background:#2a2b28;
transition: .8s;
transition-duration: 0.4s;
color: #fff;
}

.enq-btn a {
font-size: 20px;
padding: 5px 15px;
letter-spacing: 2px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
}

.se-btn{
background: #2a2b28;
box-shadow: none;
border: none;
color: #fff;
padding: 5px 15px;
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 15px;
}
.modal-title{
color: #fff;
font-size: 25px;
text-align: center;
font-weight: 500;
text-transform: uppercase;
width: 100%;
margin: 0px;
letter-spacing: 2px;
font-family: 'Barlow Condensed', sans-serif;
}
.md-dilog{
width:300px;
margin:5% auto;
}
.md-con{
border-radius: 0;
border: none;
}

.frm{
box-shadow: none;
border-radius: 0px;
background: #fbfbfb;
height: 40px;
border: solid 1px #ececec;
font-size: 14px;
}

.modal-header .close {
margin-top: 0;
background: #a06f17;
opacity: .9;
width: 45px;
height: 56px;
text-shadow: none;
color: #fff;
font-size: 45px;
position: absolute;
right: 16px;
top: 0;
font-weight: 500;
line-height: 15px;
outline: 0;
}

.modal-header{
padding: 10px 0;
background: #c09b58;
border-radius: 0px;
}


.modal-body{
padding: 30px 20px 20px;
}

.embed-responsive-3by3::before {
padding-top: 30.25%;
}

/*
End Bookings-call modal-popup
============================ */

.enq-n{background: #000;position: absolute;right: 0;display: inline-block;}
.enq-n a{font-size: 18px;text-transform: uppercase;font-weight: 400;text-decoration: none;padding: 28px 15px;display: inline-block;}
.enq-n a:hover{background: #ca9b47;color: #fff;transition: all 0.3s ease-in-out;}
.nav-mr{margin-right: 8%;}
.video-container {
position: relative;
width: 100%;
max-height: 100%;
height: 57vh;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.zn-dg{width: 100%!important;max-width:650px;margin: 8% auto!important;}
.zn-bdy{padding: 0px !important;border: solid 5px #c09b58;}
.zn-con{}
.zn-con .modal-header {
padding: 0 !important;
background: transparent !important;
border-radius: 0px !important;
border-bottom:none !important;
}
.zn-con .modal-header .close {
margin-top: 0px;
background: #c09b58 !important;
opacity: 1 !important;
width: auto !important;
height: 38px !important;
text-shadow: none !important;
color: #fff !important;
font-size: 40px !important;
position: absolute !important;
right: 16px !important;
top: 0;
font-weight: 500;
line-height: 0px;
z-index: 999 !important;
outline: 0;
}
.gal-scroll{
height:425px;
overflow-x: hidden;
overflow-y: scroll;
padding-right: 20px;
}
.img-wrapp {position: relative;/*padding: 5px 5px 5px;*/border: solid 1px #dcdcdc;margin-bottom: 15px;overflow: hidden;}
.img-content{position: absolute;bottom: 0;background: rgba(0,0,0);/*width: 296px;*/width: 100%;padding: 5px 0;/* overflow: hidden; */text-align: left;}
.img-content p{
color: #fff;
text-align: center;
font-size: 14px;
margin-bottom: 0;
}
.img-wrapp img {
width: 100%;
-webkit-transition: opacity .35s;
transition: opacity .35s
}
.img-wrapp .img-content::before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;/*border: 1px solid #fff;*//*box-shadow: 0 0 0 30px rgba(255,255,255,.2);*/content: '';opacity: 0;-webkit-transition: opacity .35s, -webkit-transform .35s;transition: opacity .35s, transform .35s;-webkit-transform: scale3d(1.4, 1.4, 1);transform: scale3d(1.4, 1.4, 1);width: 100%;height: auto;}
.img-wrapp h2 {-webkit-transition: -webkit-transform .35s;transition: transform .35s;position: absolute;color: #fff;left: 45%;display: none;opacity: 0;right: 0;margin: 0 auto;bottom: 60px;}
.img-wrapp:hover h2 {
-webkit-transform: scale(.8);
transform: scale(.8);
display: block
}
.img-wrapp:hover .img-content::before, .img-wrapp:hover h2 {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.img-wrapp:hover .img-content {background-color: rgba(58,52,42,0);}
.img-wrapp:hover img {
opacity: .1
}
.img-content h2 i {color: #2a2b28;font-size: 25px;}
.zn-pl-pr{padding-right: 5px;padding-left: 15px;}
#overlay {
background: rgba(0,0,0,.7);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
#overlay img {
margin: 0;
width: 80%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
padding: 5%
}
@media screen and (min-width:768px) {
#overlay img {
width: 60%
}
}
@media screen and (min-width:1200px) {
#overlay img {
width: 50%
}
}

.gal{position: relative;padding: 40px 0px;}
.gal h2{
font-size: 75px;
letter-spacing: -5px;
font-weight: 600;
color: #2a2b28;
text-transform: capitalize;
font-family: 'Tangerine', cursive;
margin-bottom: 25px;
}
.enq-bg{
background: url(../images/eng-img.jpg) no-repeat;
background-position: left, center;
background-attachment: fixed;
background-size: cover;
padding: 80px 0;
position: relative;
clear: both;
}
.in-enq{
display: inline-block;
/* border: solid 1px #fff; */
}
.in-enq a{font-size: 25px;text-transform: uppercase;color: #fff;letter-spacing: 1px;text-decoration: none;padding: 5px 22px;border: solid 1px #fff;}
.in-enq a:hover{
background: #b99045;
transition: all 0.3s ease-in-out;
}
.Message textarea.form-control{height: 80px;resize: none;}
.ph-zn{
position: absolute;
right: 143px;
top: 2px;
}
.ph-zn a{
color: #fff;
font-size: 13px;
letter-spacing: 1px;
text-decoration: none;
}
.ph-zn a:hover{
color: #fed136;
transition: all 0.3s ease-in-out;
}