/*=======================================================
* Creator: websitepro GmbH, 2021
* Source: https://www.websitepro.at/portfolio/
* Contact: info@websitepro.at
* License: https://www.websitepro.at/impressum/
Rights reserved under German copyright law.
=======================================================*/

/* font-family: 'Playfair Display', serif;
font-family: 'Source Sans Pro', sans-serif; */

body.skew-fix {
    margin-top: -30px;
}

/*--------------------------------------------------------------
# Override Bootsrap
--------------------------------------------------------------*/
p{
    text-align: justify;
}
.text-center p{
    text-align: center;

}
a {
    font-family: 'Source Sans Pro', sans-serif;
    color: #2f2f2f;
    font-size: 1.1rem;
}

a:hover {
    color: #2e3c68;
    text-decoration: none;
}

/* secondary link color */
.link-white {
    color: #fff;
}

.link-white-secondary {
    color: #fff;
}

.link-white-secondary:hover {
    color: #aa9173;
}

.link-active {
    color: #2e3c68;
}


.btn {
	padding: 0.75rem 2rem;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	font-weight: 600;
	border: none;
}

.btn:focus {
	box-shadow: none;
    background-color: #262f4e;
}

.btn-primary {
    background-color: #2a3454;
}

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

.btn-primary:not(:disabled):not(.disabled):active:focus {
	background-color: #2a3454;
    box-shadow: 0 0 0 0.2rem rgb(42, 52, 84 / 50%);    
}

.btn-primary:focus {
	box-shadow: none;
}

h1 {
    font-family: 'Playfair Display', serif;
	color: #2f2f2f;
	line-height: 1.36;
    font-size: 2.5rem;
    font-weight: 500;
}

h2 {
    font-family: 'Playfair Display', serif;
	color: #2f2f2f;
	font-weight: 500;
	line-height: 1.455;
    font-size: 1.5rem;
}

h3 {
    font-family: "Source Sans Pro";
    color: #2f2f2f;
	font-weight: 600;
	line-height: 1.5;
    font-size: 1.2rem;
}

/* h1, h2 fix for small screens */
@media only screen and (max-width: 334px) {
    h1 {
        font-size: 1.5rem;
    }
    h2 {
        font-size: 1.2rem;
    }
    h3 {
        font-size: 1.1rem;
    }
}


p {
    font-family: "Source Sans Pro";
	color: #595959;
	line-height: 1.5;
}

.text-normal {
    font-family: "Source Sans Pro";
	color: #595959;
	line-height: 1.5;
    font-size: 1rem;
}

label {
    font-family: "Source Sans Pro";
	color: #595959;
	line-height: 1.5;
}

.form-control {
    background-color: #f6f4f1;
    border: 1px solid #e9e7e4;
}

.form-control:focus {
    border: 1px solid #937e64;
    box-shadow: none;
    background-color: #f6f4f1;
}

/*--------------------------------------------------------------
# Scroll To Top
--------------------------------------------------------------*/

#topScroll {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 99;
	padding: 14px 18px;
	border-radius: 30px;
}

html {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/

/*----------- Header -----------*/

.header-dark {
    background-color: none;
}

.header-light {
    background-color: #edebe7;
}

/*----------- Navigation Menu -----------*/

.ham-white {
    color: #fff;
}

.ham-dark {
    color: #2f2f2f;
}

.ham-primary {
    color: #2a3454;
}

/*----------- Banner Section -----------*/

.banner-section {
    height: 800px;
}

/* .banner-section::before {
    content: "";
    background: grey;
    position: absolute;
    top: 800px;
    left: 0;
    right: 0;
    transform: skewY(-2deg); 
} */

.banner-section::before {
    content: "";
    background: #f6f4f1;
    height: 800px;
    width: 100%;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    bottom: 0;
    transform: skewY(-2deg); 
    border-radius: 0px 0px 250px; 
}

.banner-content {
    background-image: url(../img/banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 800px;
    overflow: hidden;
    transform: skewY(-2deg);
    border-radius: 0px 0px 300px; 
    border-top: #8c7961;
}

/* Banner skew fix for large screens */
.banner-top-fix {
    background-color: #958068;
    height: 200px;
}

.banner-content-tiltfix {
    transform: skewY(2deg);
    margin-top: 10rem;
}

.lni-chevron-right {
    font-size: 0.75rem;
}

/*----------- Service Section -----------*/

.service-section {
    padding: 4rem 0 5rem;
}

/*----------- CTA Section -----------*/

.cta-section {
    padding: 12rem 0 8rem;
	background-image: url(../img/cta-bg.png); 
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: right top;
}

@media only screen and (min-width: 2000px) {
    .cta-section {
        /*background-image: url(../img/banner-bg.png);*/
        /*padding: 12rem 0 8rem;*/
    }
}

/*----------- Brands Section -----------*/

.brands-section {
    padding: 6rem 0 6rem;
}

.brand-effect {
    transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
}

.brand-effect:hover {
    transform: scale(1.1,1.1);
}

/*----------- About Section -----------*/
.about-section {
    padding: 13rem 0 6rem;
    background-image: url(../img/about-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: top;
}

@media only screen and (min-width: 2000px) {
    .about-section {
        /*background-image: url(../img/banner-bg.png);*/
        /*padding: 7rem 0 7rem;*/
    }
	.cta-section {
		/*padding: 13rem 0 12rem;*/
		background-image: url(../img/cta-bg.png);
		background-repeat: no-repeat;
		
		
	}

}

@media only screen and (max-width: 991px) {
    .about-section {
        background-image: url(../img/about-bg-sm.png);
    }
}

/*----------- Contact Section -----------*/

.contact-section {
    padding: 5rem 0 5rem;
}

.contact-detail-container {
    background-color: #f6f4f1;
    padding-top: 2.5rem;
    padding-bottom: 2rem;
    border-radius: 20px;
}

.contact-detail-content {
    padding: 0 1rem 0;
    border-left: 2px solid #2a3454;
    text-align: center;
}

/*----------- Footer Section -----------*/

.footer-section-content {
    padding: 5rem 0 0;
    border-radius: 150px 150px 0 0; 
    background-image: url(../img/footer-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width: 991px) {
    .footer-section-content {
        border-radius: 100px 100px 0 0; 
    }
}

@media only screen and (max-width: 575px) {
    .footer-section-content {
        border-radius: 50px 50px 0 0; 
    }
}

.social-icon {
    color: #fff;
}

.social-icon:hover {
    color: #aa9173;
}

.link-disabled {
    pointer-events: none;
}

.copyright {
    background-color: rgb(0,0,0,.3);
}

/*--------------------------------------------------------------
# Service Page
--------------------------------------------------------------*/

/*----------- Common Banner -----------*/

.secondary-banner {
    margin-top: 10rem;
}

.secondary-banner-service {
    padding: 9rem 0 9rem;
    background-image: url(../img/service/service-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*----------- Service 1 -----------*/

.service-detail {
    margin-top: 1rem;
    padding-bottom: 4rem;
    background-color: #f6f4f1;
    position: relative;
}

.service-detail-bg {
    background-color: #fff;
    width: 100%;
    height: 6rem;
    position: absolute;
    top: 0;
}

ul.service-list {
    list-style-image: url(../img/service/tick.png);
    list-style-position: outside;
}

ul.service-list-light {
    list-style-image: url(../img/service/tick-light.png);
    list-style-position: outside;
}

/*----------- Service 2 -----------*/
.service-detail-dark {
    padding-bottom: 4rem;
    background-color: #2a3454;
    position: relative;
}

.service-detail-bgdark {
    margin-top: -1px;
    background-color: #f6f4f1;
    width: 100%;
    height: 6rem;
    position: absolute;
    top: 0;
}

/*----------- Service 3 -----------*/
.service-detail-light {
    padding-bottom: 4rem;
    background-color: #f6f4f1;
    position: relative;
}

.service-detail-bglight {
    margin-top: -1px;
    background-color: #2a3454;
    width: 100%;
    height: 6rem;
    position: absolute;
    top: 0;
}

/*----------- Footer -----------*/
.footer-section {
    background-color: #f6f4f1;
}

/*--------------------------------------------------------------
# About Page
--------------------------------------------------------------*/

/*----------- About Banner -----------*/

.secondary-banner-about {
    padding: 9rem 0 9rem;
    background-image: url(../img/about/about-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*----------- About Detail -----------*/

.about-detail {
    padding-top: 5rem;
}

.author-img {
    max-height: 500px;
    z-index: 1;
}
ul.list-unstyled.cus > p {
  margin-left: 20px !important;
  position: relative;
}

@media only screen and (max-width: 991px) {
    .author-img {
        max-height: none;
        width: 75%;
    }
}

@media only screen and (max-width: 767px) {
    .author-img {
        max-height: none;
        width: 100%;
    }
}

/*----------- Milestone Section 1 -----------*/

.milestone-section {
    padding: 6rem 0 7rem;
    background-color: #2a3454;
    position: relative;
    top: -5rem;
}

.milestone-content {
    background-color: #f6f4f1;
    padding: 1.5rem 1.8rem;
}


.milestone-heading {
    color: #2a3454;
}

/*----------- Milestone Section 2 -----------*/

.milestone-section-light {
    padding: 6rem 0 7rem;
    background-color: #aa9173;
    position: relative;
    top: -5rem;
}

/*----------- Gallery Section -----------*/

.gallery-section {
    padding-bottom: 6rem;
}

.about-img-1 {
    width: 100%;
    height: 546px;
    background-image: url(../img/about/about-img-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.about-img-2 {
    width: 100%;
    height: 546px;
    background-image: url(../img/about/about-img-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.about-img-3-fix {
    width: 100%;
    height: 172px;
}

.about-img3 {
    width: 241px;
    background-image: url(../img/about/about-img-3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.about-img-4 {
    width: 100%;
    height: 251px;
    background-image: url(../img/about/about-img-4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/

/*----------- Contact Banner -----------*/

.secondary-banner-contact {
    padding: 9rem 0 9rem;
    background-image: url(../img/contact/contact-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*----------- Contact Details -----------*/

.contact-details {
    padding: 5rem 0 4.5rem;
}

.milestone-content p{
    text-align: left;
}

.contact-detail-sm {
    padding: 0 1rem 0  1.5rem;
    border-left: 2px solid #2a3454;
}

/*----------- Google Map -----------*/

.google-map {
    padding-bottom: 5.5rem;
}

/*--------------------------------------------------------------
# Imprint Page
--------------------------------------------------------------*/

.imprint-content {
    padding: 10rem 0 5rem;
}

/*--------------------------------------------------------------
# Privacy Policy Page
--------------------------------------------------------------*/

.privacy-content {
    padding: 10rem 0 5rem;
}

.fin_gal > div{
    flex: 0 0 25%;
}
.fin_gal > div a{
    display: block;
}
.fin_gal > div img{
    margin: 0 auto;
    display: block;
   
}
.fin_gal > div {
    margin-bottom: 40px;
}



.fin_gal2 > div{
    flex: 0 0 20%;
}
.fin_gal2 > div a{
    display: block;
}
.fin_gal2 > div img{
    margin: 0 auto;
    display: block;
   
}
.fin_gal2 > div {
    margin-bottom: 40px;
}
.abt-philosopy {
  padding-top: 60px;
  padding-bottom: 0px !important;
}
.business-cons-text {
  padding-top: 60px;
}
ul.list-unstyled.cus > p::before {
  content: '';
  position: absolute;
  left: -15px;
  height: 5px;
  width: 5px;
  background-color: #746150;
  border-radius: 50%;
  top: 10px;
}

@media only screen and (max-width: 5000px) {
	.cta-section {
    	padding: 20rem 0 12rem;
	}
	.about-section {
    	padding: 27rem 0 10rem;
	}
}
@media only screen and (max-width: 2000px) {
	.cta-section {
    	padding: 12rem 0 8rem;
	}
	.about-section {
    	padding: 17rem 0 6rem;
	}
}



@media only screen and (max-width: 991px) {
    .cta-section {
        /*background-image: url(../img/banner-bg.png);*/
        padding: 4rem 0 4rem;
		background-image: none;
		background-color: #82756c;
    }
	.service-section{
		text-align: center;
	}
	.service-section .btn{
		display: inline-block
	}
	.about-section{
		    padding: 4rem 0 4rem;
		    background-image: none;
			background-repeat: no-repeat;
			background-size: 100%;
			
			background-color: #a88f72;
			
	}
	.abt-philosopy {
  padding-top: 40px;
  padding-bottom: 0px !important;
}
	.business-cons-text {
  padding-top: 40px;
}
		
}
@media(max-width:580px){
	.quick-links ul > li {
  margin-top: 1rem;
}
}