@import url('https://fonts.googleapis.com/css?family=Muli:200,300,300i,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700');
body{
    font-family: 'Muli', sans-serif;
    margin: 0 auto !important;
}
a{
    text-decoration: none;
}
header{
    position: fixed;
    width: 100%;
    z-index: 5 !important;
}
.head-social-links li{
    list-style: none;
}
.head-social-links ul{
	padding: 10px 20px !important;
    margin: 0;
}
.head-social-links li a{
    color: #fff;
	font-size: 22px;
	opacity:1 !important;
}

.homePageBanner{
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    background-position: center;
    position: relative;
}
.logo{
    width: 25%;
	text-align: center;
}
.logo img{
    width: 100%;
}
.t-table{
    height: 100%;
    width: 100%;
    display: table;
}
.v-bottom{
    height: 100%;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
.banner-content h1{
    color: #fff;
    font-size: 36px;
    font-weight: 200;
    text-align: center;
    text-transform: uppercase;
}
.banner-content span{
    color: #d8ac4f;
}
.content-panel.jumbotron{
    margin: 0;
    background-color: #fff;
    border-radius: 0;
} 
.content-panel h3,.about-sec-content h3,.img-gallery-text h3,.survey h3{
    text-transform: uppercase;
    padding-bottom: 30px;
    color: #d8ac4f;
}
.content-panel p,.about-sec-content p,.img-gallery-text p{
    color: #a0a0a0;
    text-align: justify;
    line-height: 1.3;
}
.about-sec-img{
    background-repeat: no-repeat;
    width: 60%;
    background-size: cover;
    background-position: center;
}
.about-sec-content{
    width: 40%;
    background-color: #f9f9f9;
    overflow: hidden;
}
.image-gallery li{
    display: flex;
    flex-direction: row;
    list-style: none;
}
.boy-img{
    min-height: 400px;
    width: 33.333%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    display: flex;
    justify-content: center;
    align-items: center; 
}
.img-gallery-text{
    width: 33.333%;
}
.image-hover img{
    width: 70%;
}
.image-hover{
    text-align: center;
    display: none;
    cursor: pointer;
}

.boy-img:hover .image-hover{
    display: block;   
}
.image-hover a{
    color: #fff;
    text-transform: uppercase;
}
.img-gallery-text{
     justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 0 30px;
}
.survey.jumbotron{
    background-color: #fff;
    border-radius: 0;
    text-align: center;
}
.survey p{
    color: #a0a0a0;
    line-height: 1.3;
}
.survey h3,.content-panel h3,.footer h3{
    font-weight: 700;
}
.survey button,
.survey .custom_link_btn{
    padding: 15px 20px;
    text-transform: uppercase;
    background-color: #d8ac4f;
    color: #fff;
    border: 0;
	text-decoration:none;
}
.survey .fa-angle-right{
    padding-left: 40px;
}
.footer{
    background-size: cover;
    background-repeat: no-repeat;
    padding: 6% 0 0 0;
    overflow: hidden;
}
.form{
    width: 50%;
    margin: 0 auto;
    padding: 20px 0 10% 0;
}
.footer input,.footer textarea{
    width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    padding: 15px;
    border: 1px solid #c0c1c0;
    text-transform: uppercase;
}
.footer .wpcf7-submit{
    background-color: #d8ac4f;
    width: fit-content;
    color: #fff;
    padding: 15px 65px;
}
.footer textarea{
    height: 150px;
}
input:focus , textarea:focus{
    outline-color: #d8ac4f;
}
.footer h3{
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 50px;
    color: #d8ac4f;
}
.site-info li{
    list-style: none;
}
.site-info li a{
    text-decoration: none;
    color: #000;
}
.site-info span{
    color: #d8ac4f;
}
.site-info p{
    font-size: 14px;
    text-transform: capitalize;
    color: #a0a0a0;
    margin: 0;
}
.site-info strong{
    color: #d8ac4f;
    text-transform: uppercase;
}
.site-info li:last-child{
    text-align: right;
}
/*******responsive*************/


/*****************************/


        .jd-slider .slide-inner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 0;
        }


        .jd-slider .slide-area > li > a {
            display: block;
            text-decoration: none;
        }

        .jd-slider .controller {
            margin: 10px 0 0;
        }

        .jd-slider.slider3 .slide-area > li,
        .jd-slider.slider3-2 .slide-area > li,
        .jd-slider.slider3-3 .slide-area > li {
            width: 50%;
        }

        .jd-slider.slider3 .slide-area > li:nth-child(2),
        .jd-slider.slider3-2 .slide-area > li:nth-child(2),
        .jd-slider.slider3-3 .slide-area > li:nth-child(2) {
            display: block;
        }

        




.jd-slider{
    padding: 40px;
    background-color: #f7f7f7;
    overflow: hidden;
}
.slider{
    display: flex;
    flex-direction: row;
   
}
.agent-info{
    display: flex;
    flex-direction: column;
    width: 35%;
    align-items: center;
}
.agent-img{
    width: 50%;
    padding-bottom: 30px;
}
.agent-img img{
    width: 100%;
    height: auto;
    border-radius: 100%;
}
.slider-text{
    width: 65%;
    box-shadow: 2px 2px 12px 2px grey;
    align-items: center;
    display: flex;
    padding: 50px;
    background-color: #fff;
    flex-direction: column;
    position: relative;
}
.slider-text:before{
    content: '';
    position: absolute;
    left: -20;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-right:40px solid #fff;
    border-bottom: 25px solid transparent;
}
.agent-text h4{
    text-transform: capitalize;
    border-bottom: 3px solid #d8ac4f;
    padding-bottom: 15px;
    color: #404040;
}
.agent-text small{
    color: #404040;
    font-size: 11px;
}
.slider-text p{
    color: #404040;
    font-weight: 200;
    font-size: 16px;
    padding: 30px;
    margin: 0;
    text-align: justify;
}
.jd-slider .controller{
    width: 45%;
}
.jd-slider .controller .indicate-area a:after{
    border: 0px;
    background-color: #dddddd;
}
.jd-slider .controller .indicate-area a.on:after{
    background-color: #d8ac4f;
}
.jd-slider .controller .indicate-area a{
    margin: 0 10px;
}
.jd-slider .prev{
    left: 38%;
}
.jd-slider .next{
    right: 50%;
}
.jd-slider .next, .jd-slider .prev{
    top: 90%;
}
.jd-slider .prev,.jd-slider .next{
    border: 1px solid #d8ac4f;
    padding: 20px;
    color: #d8ac4f;
    border-radius: 8px;
}
.jd-slider .controller{
    padding-top: 50px;
}
.slider-text p:before{
    content: '';
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px;
    position: absolute;
    height: 40px;
    bottom: 30%;
    right: 8%;
    background-image:url(../images/right.png);
}
.slider-text p:after{
    content: '';
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px;
    position: absolute;
    height: 40px;
    top: 10%;
    left: 4%;
    background-image:url(../images/left.png);
}
.content-panel.jumbotron{
    margin: 0;
    background-color: #fff;
    border-radius: 0;
} 
.content-panel h3,.about-sec-content h3,.img-gallery-text h3,.survey h3{
    text-transform: uppercase;
    padding-bottom: 20px;
    color: #d8ac4f;
}
.content-panel p,.about-sec-content p,.img-gallery-text p{
    color: #a0a0a0;
    text-align: justify;
    line-height: 1.3;
}
.about-sec-img{
    background-repeat: no-repeat;
    width: 60%;
    background-size: cover;
    background-position: center;
}
.about-sec-content{
    width: 40%;
    background-color: #f9f9f9;
    overflow: hidden;
}
.image-gallery li{
    display: flex;
    flex-direction: row;
    list-style: none;
}
.boy-img{
    height: 100%;
    width: 33.333%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
}
.img-gallery-text{
    width: 33.333%;
}

.img-gallery-text{
     justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 0 30px;
}
.survey.jumbotron{
    background-color: #fff;
    border-radius: 0;
    text-align: center;
}
.survey p{
    color: #a0a0a0;
    line-height: 1.3;
	padding-bottom:10px;
}
.survey h3,.content-panel h3,.footer h3{
    font-weight: 700;
}
.survey button{
    padding: 15px 50px;
    text-transform: uppercase;
    background-color: #d8ac4f;
    color: #fff;
    border: 0;
}
.footer{
    background-size: cover;
    background-repeat: no-repeat;
    padding: 6% 0 0 0;
    overflow: hidden;
}
form{
    width: 50%;
    margin: 0 auto;
    padding: 20px 0 10% 0;
}
.footer input,.footer textarea{
    width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    padding: 15px;
    border: 1px solid #c0c1c0;
    text-transform: uppercase;
}
.footer .wpcf7-submit{
    background-color: #d8ac4f;
    width: fit-content;
    color: #fff;
    padding: 15px 65px;
}
.footer textarea{
    height: 150px;
}
input:focus , textarea:focus{
    outline-color: #d8ac4f;
}
.footer h3{
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 50px;
    color: #d8ac4f;
}
.site-info li{
    list-style: none;
}
.site-info li a{
    text-decoration: none;
    color: #000;
}
.site-info span{
    color: #d8ac4f;
}
.site-info p{
    font-size: 14px;
    text-transform: capitalize;
    color: #a0a0a0;
    margin: 0;
}
.site-info strong{
    color: #d8ac4f;
    text-transform: uppercase;
}
.site-info li:last-child{
    text-align: right;
}


/*****************************slider***************/
        .jd-slider .slide-inner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 0;
        }


        .jd-slider .slide-area > li > a {
            display: block;
            text-decoration: none;
        }

        .jd-slider .controller {
            margin: 10px 0 0;
        }

        .jd-slider.slider3 .slide-area > li,
        .jd-slider.slider3-2 .slide-area > li,
        .jd-slider.slider3-3 .slide-area > li {
            width: 50%;
        }

        .jd-slider.slider3 .slide-area > li:nth-child(2),
        .jd-slider.slider3-2 .slide-area > li:nth-child(2),
        .jd-slider.slider3-3 .slide-area > li:nth-child(2) {
            display: block;
        }
.jd-slider{
    padding: 40px;
    background-color: #f7f7f7;
    overflow: hidden;
}
.slider{
    display: flex;
    flex-direction: row;
   
}
.agent-info{
    display: flex;
    flex-direction: column;
    width: 35%;
    align-items: center;
}
.agent-img{
    width: 50%;
    padding-bottom: 30px;
}
.agent-img img{
    width: 100%;
    height: auto;
    border-radius: 100%;
}
.slider-text{
    width: 65%;
    box-shadow: 2px 2px 12px 2px grey;
    align-items: center;
    display: flex;
    padding: 50px;
    background-color: #fff;
    flex-direction: column;
    position: relative;
}
.slider-text:before{
    content: '';
    position: absolute;
    left: -20;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-right:40px solid #fff;
    border-bottom: 25px solid transparent;
}
.agent-text h4{
    text-transform: capitalize;
    border-bottom: 3px solid #d8ac4f;
    padding-bottom: 15px;
    color: #404040;
}
.agent-text small{
    color: #404040;
    font-size: 11px;
}
.slider-text p{
    color: #404040;
    font-weight: 200;
    font-size: 16px;
    padding: 30px;
    margin: 0;
    text-align: justify;
}
.jd-slider .controller{
    width: 40%;
}
.jd-slider .controller .indicate-area a:after{
    border: 0px;
    background-color: #dddddd;
}
.jd-slider .controller .indicate-area a.on:after{
    background-color: #d8ac4f;
}
.jd-slider .controller .indicate-area a{
    margin: 0 10px;
}
.jd-slider .prev{
    left: 38%;
}
.jd-slider .next{
    right: 50%;
}
.jd-slider .next, .jd-slider .prev{
    top: 90%;
}
.jd-slider .prev,.jd-slider .next{
    border: 1px solid #d8ac4f;
    padding: 20px;
    color: #d8ac4f;
    border-radius: 8px;
}
.jd-slider .controller{
    padding-top: 50px;
}
.slider-text p:before{
    content: '';
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px;
    position: absolute;
    height: 40px;
    bottom: 30%;
    right: 8%;
    background-image:url(../images/right.png);
}
.slider-text p:after{
    content: '';
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px;
    position: absolute;
    height: 40px;
    top: 10%;
    left: 4%;
    background-image:url(../images/left.png);
}
/***************************/
/****navbar*****************/
.overlay {
  height: auto;
  width: 0;
  position: fixed;
  z-index: 1;
	overflow:hidden;
  top: 0;
  right: 0;
      background: #d8ac4f;
  overflow-x: hidden;
  transition: 1s;
	padding:10px 0;
	display: flex;
    align-items: center;
    justify-content: center;
}
#myNav.overlay.active{ width:100%; }

.overlay-content ul{
  position: relative;
  padding: 30px;
  text-align: center;
  display: flex;
  float: left;
}

.overlay a {
  padding: 0px 20px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 0;
  right: 45px;
  font-size: 45px;
    color: #fff;
}
.overlay a {
    font-size: 20px;
    text-transform: uppercase;
    }
/********************/
.pl-0 .img_holder {
    min-height: 400px;
    width: 33.333%;
	overflow:hidden;
}
/*******responsive*************/

@media screen and (max-width: 992px){
    .about-sec-img,.about-sec-content{
        width: 50%;
    }
    .img_holder{
        background-size: cover;
    }
	.image-gallery li{
		flex-wrap:wrap;
	}
    .agent-info,.slider-text{
        margin: 10px;
    }
    .slide-inner .container{
        max-width: none;
    }
    .slider-text p:before{
        bottom: 12% !important;
    }
    .agent-info{
        justify-content: center;
    }
    .jd-slider .next{
        right: 45% !important; 
    }
	.banner-content h1{
		padding:0 !important;
	}
	.pl-0 .img_holder{
		width:50%;
	}
}
@media screen and (max-width: 768px){
    .image-gallery li{
        flex-wrap: wrap;
    }
    .img_holder,.img-gallery-text{
        width: 50%;
    }
    .about-sec{
        flex-wrap: wrap;
        flex-direction: column;
    }
    .about-sec-img,.about-sec-content{
        width: 100%;
    }
    .about-sec-img{
        min-height:  300px;
    }
    form{
        width: 70%;
    }
    .site-info p{
        font-size: 12px;
    }
    .logo{
        width: 50%;
    }
    .img-gallery-text,.about-sec-content{
        padding: 30px 10px !important;
    }
    .overlay{
        height: 100%;
		opacity: 0.96;
    }
    .overlay-content{
        top: 30%;
        position: relative;
    }
    .overlay-content ul{
        padding: 0;
        display: block;
        float: none;
        
    }
    .overlay .closebtn{
		top:30px;
	}
    #menu ul li:last-child{
	   text-align:center;
	}
	.content-panel.jumbotron,.survey.jumbotron{
		padding:20px 0;
		margin:0;
	}
	.content-panel h3,.footer h3,.about-sec-content h3, .img-gallery-text h3, .survey h3{
		padding-bottom:0;
	}
	.survey button{
		margin:0 !important;
	}
	.footer{
		padding:3% 0 0 ;
	}
    .slider{
        flex-direction: column !important;
    }
    .agent-info,.jd-slider .controller{
        width: 100% !important;
    }
    .slider-text{
        width: 98% !important;
    }
    .jd-slider .next, .jd-slider .prev{
        display: none;
    }
    .jd-slider .prev{
        left: 10 !important;
    }
    .jd-slider .next{
        right: 10 !important;
    }
    .agent-img img{
        border-radius: 10% !important;
    }
    .slider-text:before{
      content: '' !important;
      position: absolute !important;
      width: 0 !important;
      height: 0 !important;
      border-left: 15px solid transparent !important;
      border-right: 15px solid transparent !important;
      border-bottom: 30px solid #fff !important;
      top: -50px !important;
      left: 40px !important;
    }
	
}
@media screen and (max-width: 576px){
	.pl-0 .img_holder,.img-gallery-text{
		width:100%;
	}
}
@media screen and (max-width: 479px){
    .footer input:last-child{
        width: 100%;
    }
    .site-info ul{
        flex-direction: column !important;
        align-items: center;
    }
    .footer{
        background-size: 100% 100%;
    }
	.head-social-links ul,.jd-slider .controller{
		padding:0 !important;
	}
	.slider-text p{
		padding:15px;
	}
	.banner-content h1{
		font-size:24px;
	}
	.content-panel h3, .about-sec-content h3, .img-gallery-text h3, .survey h3, .footer h3{
		font-size:16px;
        margin: 0;
        padding-bottom: 20px;
	}
	.content-panel p, .about-sec-content p, .img-gallery-text p,.slider-text p,.survey p{
		font-size:14px;
	}
    .form{
        width: 100%;
        padding: 20px;
    }
	form{
		    padding: 20px 0 0% 0;
	}
	.img_holder{
		min-height:300px;
	}
	.img_holder, .img-gallery-text,form{
		width:100% !important;
	}
	.image-gallery ul{
		padding: 0 !important;
    	margin: 0;
	}
    .survey button{
        margin: 20px !important;
    }
    .jumbotron{
        margin: 0;
    }
    .slider-text{
        padding: 0 !important;
    }
    .site-info li{
        padding: 0 !important;
    }
    .slider-text p:before{
        bottom: 1% !important;
    }
    .slider-text p:after{
        top: 1% !important;
        left: 0% !important;
    }
    .homePageBanner{
        height: 80vh;
    }
}

/*****************************/




@media screen and (max-height: 450px) {
  .overlay a {
    font-size: 20px;
    
    }
  .overlay .closebtn {
  font-size: 35px;
  top: 5px;
  right: 30px;
  color: #fff;
  }
}

header {
  position:fixed;
  top:0;
  left:0;
  width:100%;
 
  -webkit-transition: background 2s; /* For Safari 3.1 to 6.0 */
  transition: background 2s;
}

header.darkHeader {
 background: #d8ac4fe6;
    opacity: .9;
}

.pl-0 .img_holder .boy-img {
    width: 100%;
	transition:all 0.5s ease;
}
.pl-0 .img_holder .boy-img:hover{
	transform: scale(1.1);
}