@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------

Prototype Version:  2.4

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;  color: #555555; font-size: 14px; line-height: 24px;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{position:relative;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {}

/* Specific Header Settings */
h1 {font-weight:bold; font-size:62px; color:#fff; font-family: "Yeseva One", serif !important;}
h2 {font-weight:400; font-size:52px; color:var(--primary); font-family: "Yeseva One", serif !important; text-align: center;}
h3 {font-size:22px; color:var(--primary); font-family: "Yeseva One", serif !important;}
h4 {font-size:16px; color:var(--primary);}
h5 {font-size: 14px; color:var(--primary);}
h6 {font-size: 12px;}

/* Create the Default Paragraphs */
p { color: var(--secondary); font-size: 22px; line-height: 28px;}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* To make FontSmooth in MAC */
.mac * {-webkit-font-smoothing: antialiased;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: #000000; font-size: 16px; text-decoration:none;}
a:hover {}
a:active {color: #e8941a;}
a:focus {outline: none;}
a.current{color: #e8941a;}


/* 5. Forms
------------------------------------------------------------------------------*/

input{line-height: normal;}
input[type='email'],input[type='text'],input[type='password']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;padding: 5px;border: 1px solid #cbcbcb;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
textarea{-webkit-appearance:none; border:none; -webkit-text-size-adjust:none;box-sizing: border-box;padding: 5px;border: 1px solid #cbcbcb;display: block;overflow: auto;}
input[type='email']:focus,input[type='text']:focus,input[type='password']:focus,textarea:focus{border-color: #ccc}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;border:none;-webkit-text-size-adjust:none;background: #cbcbcb;}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-input-placeholder{ color: #000;}
:-moz-placeholder{ color: #000;}
::-moz-placeholder{ color: #000;}
:-ms-input-placeholder{ color: #000;}
::-ms-input-placeholder{ color: #000;}
:placeholder-shown{ color: #000;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}


/* 7. Root
------------------------------------------------------------------------------*/
:root{
    --primary:#D5B46E;
    --secondary:#1B1B1B;
    --white:#fff;
}


/* 8. Framework
------------------------------------------------------------------------------*/

/* Common CSS */
/*common margin style*/
.m0{margin:0 !important;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px !important;}
.mb80{margin-bottom:80px !important;}
.mt25{ margin-top:25px !important;}
.mt50{ margin-top:50px !important;}

/*all padding zero*/
.p0{padding:0 !important;}
.pt20{padding-top:20px;}

/*common display style*/
.dis-b{display:block}
.pos_rel{ position:relative;}
.hidden{ display:none !important;}

/*border*/
.no_bdr{border:none !important;}

/*common fonts style*/
.f16{ font-size:16px !important;}
.f18{ font-size:18px !important;}
.fbold{font-weight:bold;}

/*transition effect*/
.tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/* opacity effect */
.opacity1{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1;}
.opacity0{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; }

/* column grid */
.row{width: 100%;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{float: left;}
.col-12 {width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6 {width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4 {width: 33.33333333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}

/* Loading */
.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 2000; position: fixed; margin: auto; top: 0; left: 0; right: 0; bottom: 0; height: 10px; width: 200px; background: #fff; border: 1px solid var(--primary); z-index: 999999; overflow: hidden; border-radius: 5px; }
.pace .pace-progress { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -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); max-width: 200px; position: fixed; z-index: 2000; display: block; position: absolute; top: 0; right: 100%; height: 100%; width: 100%; background: var(--primary); }
.pace.pace-inactive {display: none;}
.loading-section{ position: fixed; z-index: 99999; background: var(--secondary); width: 100%; height: 100%; left: 0; top: 0; transition: 0.3s ease all; opacity: 1; }
.loading-section img{margin-top: -100px;}
.pace.pace-inactive + .loading-section{opacity: 0; visibility: hidden;}

/* Page Layout */
body{font-family: "Source Sans 3", serif; box-sizing: border-box; padding-top: 110px;}
body *{font-family: "Source Sans 3", serif; box-sizing: border-box;}
#full_wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */}
.wrapper{ max-width:1240px; margin:0 auto; width: 100%;}
.content{ margin:0 auto; padding:0; width:100%;}

/* Header*/
header{padding-top: 21px; padding-bottom: 21px; background: var(--secondary); position: fixed; left: 0; right: 0; top: 0; z-index: 999; top: -110px; transition: 0.4s ease all;}
body.loaded header{top: 0;}
/*
* When use wp
.admin-bar header {top: 32px;}
*/
header .wrapper{ position:relative;}
header .logo{ max-width: 310px; display: block;}
header nav ul{list-style: none;}
header nav ul li{ margin-left: 40px; position: relative;}
header nav ul li::after{ position: absolute; content: ''; width: 0; left: 0; bottom: -4px; height: 2px; background: var(--white); transition: 0.4s ease all;}
header nav ul li:last-child:after{display: none;}
header nav ul li a{ color: var(--white); font-size: 20px;}
header nav ul li:hover::after {width: 100%;}

/* Push */
.push{}
.btn:not(.btn-sm){ font-size: 20px; height: 68px; min-width: 164px; border-radius: 14px; padding-left: 35px; padding-right: 35px;}
a.btn:not(.btn-sm){ line-height: 50px;}
.btn.btn-outline-primary{ border-color: var(--primary); color: var(--primary); }
.btn.btn-outline-primary:hover{ background: var(--primary); color: var(--white); }

.btn-primary{background: var(--primary); color: var(--white); border-color: var(--primary); border-width: 2px;}
.btn-primary:hover{background: transparent; border-color: var(--primary);}


.banner{height: 702px; background-image: url(../img/banner.png); background-position:top -140px center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1;}
.banner::after{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.4); pointer-events: none; z-index: -1;}
.banner p{font-size: 23px; color: var(--white); margin-top: 24px; margin-bottom: 24px;}

.our_homes {padding-top: 96px; padding-bottom: 98px;}
.our_homes .swiper {width: 100%; padding-top: 81px; padding-bottom: 50px;}
.our_homes .swiper-slide {background-position: center; background-size: cover; width: 381px; height: 495px; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; position: relative;}
.our_homes .swiper-slide img{max-width: 100%;}
.our_homes .swiper-slide .title-section{ background-color: var(--secondary); position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; color: var(--primary); font-size: 32px; padding: 28px 27px; line-height: 32px;}

.our_approach{padding-top: 68px; padding-bottom: 66px;}
.our_approach .steps-section{display: flex; justify-content: space-between;}
.our_approach .steps-section .step { position: relative; width: 14.28%;}
.our_approach .steps-section .step p{font-size: 22px; color: var(--secondary); margin-bottom: 20px;}
.our_approach .steps-section .step .circle{width: 74px; height: 74px; border-radius: 50%; background: var(--primary); color: var(--white); font-size: 32px;}
.our_approach .steps-section .step .line_1{position: absolute; height: 1px; left: -30%; bottom: 37px; background: #000; width: 30%;}
.our_approach .steps-section .step .line_3{position: absolute; height: 1px; right: 29%; bottom: 37px; background: #000; width: 30%;}
.our_approach .steps-section .step .line_2{position: absolute; height: 38px; left: -30%; bottom: 0px; background: #000; width: 1px;}

.our_story{ padding-top: 54px; padding-bottom: 93px;}
.our_story h2{margin-bottom: 45px;}
.our_story .left-section{width: calc(100% - 417px); padding-right: 98px;}
.our_story .right-section{width: 417px; z-index: 1;}
.our_story .right-section .image-section{width: 100%; height: 441px; background-image: url(../img/our_story.jpg); background-position: left -100px bottom; border-top-right-radius: 80%;}
.our_story .right-section .image-section.no-border{border-top-right-radius: 0%; background-position: top center;}
.our_story .right-section .black-box{position: absolute; left: -35px; bottom: -39px; width: 244px; height: 265px; background: var(--secondary); z-index: -1;}
.our_story .right-section .gold-box{position: absolute; left: -35px; bottom: 241px; width: 244px; height: 72px; background: var(--primary); z-index: -1;}
.our_story .even{flex-direction: row-reverse;}
.our_story .even .left-section{padding-left: 98px; padding-right: 0;}

.testimonials{padding-top: 43px;}
.testimonials h2{margin-bottom: 90px;}

.book_call{padding-top: 130px; padding-bottom: 130px; background-image: url(../img/book_call.jpg); background-position: center; z-index: 9; position: relative;}
.book_call:after{position: absolute; content: ''; width: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.4); z-index: -1; height: 100%;}
.book_call h2{margin-bottom: 32px;}

footer{background: var(--secondary);}
footer .top-section{padding-bottom: 103px; padding-top: 90px;}
footer .top-section .left-section{width: 654px; padding-right: 149px;}
footer .top-section .left-section p{color: var(--primary); margin-top: 30px;}
footer .top-section .right-section {width: calc(100% - 654px);}
footer .top-section .right-section ul li{list-style: none; margin-bottom: 15px;}
footer .top-section .right-section ul li.social a{margin-right: 12px; display: inline-block;}
footer .top-section .right-section ul li.social a:last-child{margin-right: 0;}
footer .top-section .right-section ul li a{color: var(--primary); font-size: 22px; font-weight: 600;}
footer .bottom-section{border-top: 1px solid var(--primary); padding-top: 10px; padding-bottom: 24px; padding-left: 105px; padding-right: 105px;}
footer .bottom-section p{font-size: 14px;font-weight: 700; color:var(--primary);}
footer .bottom-section ul{list-style: none;}
footer .bottom-section ul li {margin-left: 68px;}
footer .bottom-section ul li:first-child {margin-left: 0px;}
footer .bottom-section ul li a{font-size: 14px; font-weight: 700; color: var(--primary);}

.testimonials{padding-bottom: 70px;}
.testimonials .wrapper{padding-left: 24px; padding-right: 24px;}
.testimonials .swiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.testimonials .swiper-slide .left-section{ width: 431px; }
.testimonials .swiper-slide .left-section .image-section-1{ height: 294px; background-image: url(../img/slider_1.jpg); background-position: center; margin-bottom: 17px; background-size: cover;}
.testimonials .swiper-slide .left-section .image-section-2{height: 351px;background: var(--secondary); padding: 31px;}
.testimonials .swiper-slide .left-section .image-section-2 h5{font-size: 18px; font-weight: 400;}
.testimonials .swiper-slide .left-section .image-section-2 p{color: var(--white); margin-top: 10px; margin-bottom: 10px;}
.testimonials .swiper-slide .right-section{width: 745px;}
.testimonials .swiper-slide .right-section .top-section {margin-bottom: 14px;}
.testimonials .swiper-slide .right-section .top-section .item-1{width: 413px;height: 438px;background-image: url(../img/slider_1.jpg); background-position: center;
  background-size: cover;}
.testimonials .swiper-slide .right-section .top-section .item-list .item-2{width: 317px;height: 216px;background-image: url(../img/slider_1.jpg);border-top-right-radius:140px; background-position: center;
  background-size: cover;}
.testimonials .swiper-slide .right-section .top-section .item-list  .item-3{width: 318px;height: 207px;background-image: url(../img/slider_1.jpg);margin-top: 15px; background-position: center;
  background-size: cover;}
.testimonials .swiper-slide .right-section  .bottom-section .item-4{background-image: url(../img/slider_1.jpg);width: 368px;height: 210px; background-position: center;
  background-size: cover;}
.testimonials .swiper-slide .right-section  .bottom-section .item-5{background-image: url(../img/slider_1.jpg);width: 367px;height: 210px; background-position: center;
  background-size: cover;}
.testimonials .slider-section .quote{font-size: 288px; font-family: "Yeseva One", serif !important; color: var(--primary); line-height: 288px; z-index: 11; top: -70px; left: -65px;}

.our_service {padding-top: 45px; padding-bottom: 45px;}
.our_service h2{margin-bottom: 45px;}
.our_service .box-section {height: 150px;}
.our_service img {width: 30px; margin-bottom: 10px;}
.our_service .flip-card {perspective: 1000px;}
.our_service .flip-card:hover .flip-card-inner {transform: rotateY(180deg);}
.our_service .flip-card-inner { position: relative; width: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; }
.our_service .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.our_service .flip-card-front {background-color: var(--white);}
.our_service .flip-card-back {background-color: var(--white);color: var(--white);transform: rotateY(180deg);}

.bounce2 {animation: bounce2 2s ease infinite;}
  @keyframes bounce2 {
      0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
      40% {transform: translateY(-15px);}
      60% {transform: translateY(-7.5px);}
  }

.mobile-menu{display: none;}
.mobile-menu .menu-toggle { cursor: pointer; padding: 10px; text-align: center; }
.menu-toggle span { display: block; width: 35px; height: 2px; margin: 8px auto; background: var(--primary); transition: transform 0.3s ease, opacity 0.3s ease; }

.menu-toggle.active span:nth-child(1) {transform: translateY(9px) rotate(45deg);}
.menu-toggle.active span:nth-child(2) {opacity: 0;}
.menu-toggle.active span:nth-child(3) {transform: translateY(-11px) rotate(-45deg);}

.testimonials .swiper-wrapper{padding-bottom: 60px;}
.testimonials .swiper-pagination-bullet{width: 14px; height: 14px; border: 1px solid #000; background: none; opacity: 1;}
.testimonials .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--primary);}
.testimonials  .swiper-button-next,.testimonials  .swiper-button-prev{position: relative; top: auto;}
.testimonials  .swiper-button-next{margin-right: 15px;}
.testimonials  .swiper-button-prev{margin-left: 15px;}
.testimonials  .swiper-button-next img,.testimonials  .swiper-button-prev img{width: 48px;}
.testimonials  .swiper-pagination{position: relative; top: auto;}
.testimonials .swiper-button-next:after,.testimonials .swiper-button-prev:after{display: none;}