/*--------------------------------------------------------------

    
    [CSS INDEX]
    ===================
    01. Default CSS
    02. Typograpgy
    03. Header One
    04. Header Two
    05. Header Three
    06. Search Modal
    07. Sliding Sidebar
    08. Body Overlay
    09. Hero Section One
    10. Hero Section One Background Image
    11. Hero Section One Background Parallax
    12. Hero Section Two
    13. Hero Section Two Background Image
    14. Hero Section Two Background Parallax
    15. Hero Section Three
    16. Hero Section Three Background Image
    17. Hero Section Three Background Parallax
    18. Rating Section
    19. Rating Section Two
    20. About Section
    21. About Section Two
    22. About Section Three
    23. Featured Section
    24. Featured Section Two
    25. Featured Section Three
    26. Portfolio Section
    27. Portfolio Section Two
    28. Portfolio Section Three
    29. Portfolio Section Four
    30. Single Portfolio Section
    31. Related Portfolio Section
    32. Service Section
    33. Service Section Two
    34. Service Section Three
    35. Single Service Section
    36. Image Gallery Section
    37. Awards Section
    38. CTA Section
    39. CTA Section Two
    40. CTA Section Three
    41. Team Section
    42. Team Section Two
    43. Team Section Three
    44. Single Team Section
    45. Testimonial Section
    46. Testimonial Section Two
    47. Testimonial Section Three
    48. Before After Section
    49. Blog Section
    50. Blog Section Two
    51. Single Post Section
    52. Sidebar
    53. Our Clients Section
    54. Google Map Section
    55. Contact Section
    56. Contact Section Two
    57. Social Icons Section
    58. Pricing Table Section
    59. FAQ Section
    60. Work Process Section
    61. Page Header Section
    62. Page Header Section Two
    63. Page Header Section Three
    64. Not Found Section
    65. Coming Soon Section
    66. Footer Area
    67. Footer Area Two
    68. Footer Area Three
    69. Scroll To Top
    70. Loading Spinner

-------------------------------------------------------------*/


/*
* ====================================
*  01. Default CSS 
* ====================================
*/

@import url('https://fonts.googleapis.com/css?family=Barlow:400,600|Heebo:400,500,700');

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital@1&family=Cormorant:ital,wght@0,500;1,500&display=swap');



@font-face {
    font-family: "NunitoSans-Bold";
    src: url("../../fonts/NunitoSans-Bold.eot");
    src: url("../../fonts/NunitoSans-Bold.woff2") format("woff2"), url("../fonts/NunitoSans-Bold.woff") format("woff"), url("../fonts/NunitoSans-Bold.ttf") format("truetype"), url("../fonts/NunitoSans-Bold.svg#NunitoSans-Bold") format("svg"),
        url("../../fonts/NunitoSans-Boldd41d.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "NunitoSans-Regular";
    src: url("../../fonts/NunitoSans-Regular.eot");
    src: url("../../fonts/NunitoSans-Regular.woff2") format("woff2"), url("../fonts/NunitoSans-Regular.woff") format("woff"), url("../fonts/NunitoSans-Regular.ttf") format("truetype"),
        url("../../fonts/NunitoSans-Regular.svg#NunitoSans-Regular") format("svg"), url("../fonts/NunitoSans-Regulard41d.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "PlayfairDisplay-Italic";
    src: url("../../fonts/PlayfairDisplay-Italic.eot");
    src: url("../../fonts/PlayfairDisplay-Italic.woff2") format("woff2"), url("../fonts/PlayfairDisplay-Italic.woff") format("woff"), url("../fonts/PlayfairDisplay-Italic.ttf") format("truetype"),
        url("../../fonts/PlayfairDisplay-Italic.svg#PlayfairDisplay-Italic") format("svg"), url("../fonts/PlayfairDisplay-Italicd41d.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "PlayfairDisplay-Regular";
    src: url("../../fonts/PlayfairDisplay-Regular.eot");
    src: url("../../fonts/PlayfairDisplay-Regular.woff2") format("woff2"), url("../fonts/PlayfairDisplay-Regular.woff") format("woff"), url("../fonts/PlayfairDisplay-Regular.ttf") format("truetype"),
        url("../fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular") format("svg"), url("../fonts/PlayfairDisplay-Regulard41d.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}



html,
body {
    min-height: 100%;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
}

.d-table {
    display: table;
    width: 100%;
    height: 100%;
}

.d-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.scroll-icon {
    width: 20px;
    height: 30px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -9px;
    -webkit-box-shadow: inset 0 0 0 2px #ffffff;
    box-shadow: inset 0 0 0 2px #ffffff;
    border-radius: 25px;
    opacity: 0.75;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transform: translateY(10px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    z-index: 1;
}

.scroll-icon:hover {
    opacity: 1;
}

.scroll-icon:before {
    content: '';
    width: 4px;
    height: 5px;
    background: #ffffff;
    margin-left: 8px;
    top: 8px;
    border-radius: 4px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
    position: absolute;
}

@-webkit-keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
    }
}

@keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
    }
}

.inline-form-primary {
    position: absolute;
    max-width: 600px;
    width: 90%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.inline-form-primary input {
    height: 46px;
    border: 2px solid #74573c;
    border-right: none;
    background: transparent;
    width: calc(100% - 190px);
    padding: 5px 15px;
    color: #fff;
}

.inline-form-primary button {
    width: 190px;
}

.hero-video-modal .close {
    position: absolute;
    right: -27px;
    top: -28px;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    padding: 5px;
    line-height: 25px;
    background: top;
    border: none;
}

.hero-video-modal .close:focus {
    outline: 0;
}

.side-padding {
    padding: 0 50px;
}

.list-primary {
    padding-left: 16px;
}

.list-primary li {
    list-style-image: url(../img/icons/dot-brown.png);
    margin-bottom: 10px;
}

.list-primary li:last-child {
    margin-bottom: 0;
}

.pagination {
    margin-bottom: 50px;
}

.pagination .page-link {
    color: #666666;
}

.background-dark {
    background: #222222;
    color: #ffffff;
}

.background-dark h1,
.background-dark h2,
.background-dark h3,
.background-dark h4,
.background-dark .lead,
.background-dark a {
    color: #ffffff;
}

.background-dark a:hover {
    color: #dddddd;
}

.error {
    color: red;
    margin: 0;
}

.pgwSlider .ps-current li img {
    width: 100%;
}


/*
* ====================================
*  02. Typograpgy
* ====================================
*/
body {
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    color: #666666;
    overflow-x: hidden;
    font-weight: 400;
}

h1 {
    font-family: 'Cormorant', serif;
    font-size: 60px;
    font-weight: 400;
}

h2 {
    font-family: 'Cormorant', serif;
    color: #333333;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 20px;
}

.small-primary {
    font-family: 'Cormorant', serif;
    font-size: 22px;
    color: #c79153;
    font-weight: 500;
    display: block;
    margin-bottom: 20px;
}

.small-primary span {
    letter-spacing: 5px;
    margin-left: 10px;
}

h3 {
    font-family: 'PlayfairDisplay-Regular';
    color: #333333;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.small-secondary {
    font-family: 'Barlow', sans-serif;
    font-size: 17px;
    color: #c79153;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

h4 {
    font-family: 'Barlow', sans-serif;
    color: #333333;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

h4 span {
    font-size: 17px;
    font-weight: 400;
}

.lead {
    color: #333333;
    font-size: 20px;
    font-weight: 600;
}

.button-primary {
    font-family: 'Cormorant', serif;
    font-weight: 500;
    background: #c79153;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #b87f3d), color-stop(50%, #c79153));
    background: -webkit-linear-gradient(left, #b87f3d 50%, #c79153 50%);
    background: -o-linear-gradient(left, #b87f3d 50%, #c79153 50%);
    background: linear-gradient(to right, #b87f3d 50%, #c79153 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    color: #ffffff;
    border-radius: 0;
    padding: 10px 35px;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.button-primary:hover,
.button-primary.active {
    color: #ffffff;
    background-position: left bottom;
}

.button-primary-round {
    font-family: 'Cormorant', serif;
    font-weight: 500;
    background: #c79153;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #b87f3d), color-stop(50%, #c79153));
    background: -webkit-linear-gradient(left, #b87f3d 50%, #c79153 50%);
    background: -o-linear-gradient(left, #b87f3d 50%, #c79153 50%);
    background: linear-gradient(to right, #b87f3d 50%, #c79153 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    color: #ffffff;
    border-radius: 25px;
    padding: 10px 35px;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.button-primary-round:hover,
.button-primary-round.active {
    color: #ffffff;
    background-position: left bottom;
}

.button-secondary-white {
    font-family: 'Cormorant', serif;
    font-weight: 500;
    background: transparent;
    border: 1px solid #ffffff;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, transparent));
    background: -webkit-linear-gradient(left, #ffffff 50%, transparent 50%);
    background: -o-linear-gradient(left, #ffffff 50%, transparent 50%);
    background: linear-gradient(to right, #ffffff 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    color: #ffffff;
    border-radius: 0;
    padding: 10px 35px;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.button-secondary-white:hover,
.button-secondary-white.active {
    color: #333333;
    background-position: left bottom;
}

.button-secondary-brown {
    font-family: 'Cormorant', serif;
    font-weight: 500;
    background: transparent;
    border: 1px solid #c79153;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #c79153), color-stop(50%, transparent));
    background: -webkit-linear-gradient(left, #c79153 50%, transparent 50%);
    background: -o-linear-gradient(left, #c79153 50%, transparent 50%);
    background: linear-gradient(to right, #c79153 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    color: #c79153;
    border-radius: 0;
    padding: 10px 35px;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.button-secondary-brown:hover,
.button-secondary-brown.active {
    color: #ffffff;
    background-position: left bottom;
}

.button-secondary-brown-round {
    font-family: 'Cormorant', serif;
    font-weight: 500;
    border: 1px solid #c79153;
    text-transform: uppercase;
    border-radius: 25px;
    padding: 10px 25px;
    color: #c79153;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #c79153), color-stop(50%, transparent));
    background: -webkit-linear-gradient(left, #c79153 50%, transparent 50%);
    background: -o-linear-gradient(left, #c79153 50%, transparent 50%);
    background: linear-gradient(to right, #c79153 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.button-secondary-brown-round:hover,
.button-secondary-brown-round.active {
    color: #ffffff;
    background-position: left bottom;
}

.select-primary {
    background: transparent;
    border: none;
    color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-image: url("../img/icons/arrow-down.png");
    background-repeat: no-repeat;
    background-position: 100%;
    padding-right: 12px;
    cursor: pointer;
}

.select-primary option {
    color: #333333;
}

.section-header {
    margin-bottom: 50px;
}

.section-header p {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.form-primary input {
    border-radius: 0;
    min-height: 45px;
}

.form-primary textarea {
    border-radius: 0;
    min-height: 140px;
}

.background-dark .form-primary input {
    background: #222222;
    border: 1px solid #666666;
}

.background-dark .form-primary textarea {
    background: #222222;
    border: 1px solid #666666;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #333333;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #333333;
    text-decoration: none;
}

a {
    color: #666666;
}

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

 
 
/*
* ====================================
*  05. Header Three
* ====================================
*/
.header-three {
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 50px;
    right: 50px;
    z-index: 10;
}

.header-three .header-logo {
    display: inline-block;
    vertical-align: top;
    padding: 16px 0;
}

.header-three .header-menu {
    float: right;
    font-family: 'Cormorant', serif;
    font-weight: 400;
}

.header-three .header-menu .separator {
    background: #c79153;
    height: 20px;
    width: 1px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.header-three .header-menu>ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-three .header-menu>ul>li {
    display: inline-block;
    position: relative;
}

.header-three .header-menu>ul>li>a {
    padding: 20px 12px;
    display: block;
    color: #181926;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.header-three .header-menu>ul:last-child>li:last-child>a {
    padding-right: 0;
}

.header-three .header-menu>ul>li>a:hover {
    color: #c79153;
    text-decoration: none;
}

.header-three .header-menu>ul>li>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 150px;
    border-top: 5px solid #c79153;
    background: #ffffff;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(92, 87, 92, 0.75);
    box-shadow: 0px 3px 5px 0px rgba(92, 87, 92, 0.75);
}

.header-three .header-menu>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.header-three .header-menu>ul>li>ul>li {
    position: relative;
}

.header-three .header-menu>ul>li>ul>li a {
    font-family: 'Cormorant', serif;
    font-size: 14px;
    padding: 8px 20px;
    display: block;
    color: #666666;
    white-space: nowrap;
    border-bottom: 1px solid #eeeeee;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.header-three .header-menu>ul>li>ul>li:last-child a {
    border-bottom: none;
}

.header-three .header-menu>ul>li>ul>li a:hover {
    color: #c79153;
    text-decoration: none;
    background: #f5f4f4;
}

.header-three .header-menu>ul.social-icons>li>a {
    padding: 20px 6px;
}

.header-three .header-menu>ul>li>ul>li>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 5px;
    min-width: 150px;
    background: #ffffff;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(92, 87, 92, 0.75);
    box-shadow: 0px 3px 5px 0px rgba(92, 87, 92, 0.75);
}

.header-three .header-menu>ul>li>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.header-three .header-menu>ul>li.mega-menu {
    position: initial;
}

.header-three .header-menu>ul>li.mega-menu>ul {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 0;
}

.header-three .header-menu>ul>li.mega-menu>ul>ul {
    padding: 0 25px;
    list-style: none;
}

.header-three .header-menu>ul>li.mega-menu>ul>ul h4 {
    font-size: 20px;
    text-transform: uppercase;
    color: #444;
}

.header-three .header-menu>ul>li.mega-menu>ul>ul a {
    padding: 5px 0;
    display: block;
}

.header-three .header-menu>ul>li.mega-menu>ul img {
    max-width: 250px;
}

.header-three .mobile-menu {
    display: none;
}

.header-three.sticky {
    position: fixed;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.header-three.sticky.active {
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid #eeeeee;
}

  

/*
* ====================================
*  08. Body Overlay
* ====================================
*/
.body-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    cursor: crosshair;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.body-overlay.active {
    opacity: 1;
    visibility: visible;
}
 
  
  

/*
* ====================================
*  54. Google Map Section
* ====================================
*/
#map-section #googleMap {
    height: 500px;
    width: 100%;
}
  
    

/*
* ====================================
*  69. Scroll To Top
* ====================================
*/
#scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background:#475b44;
    width: 50px;
    height: 50px;
    cursor: pointer;
    opacity: 0.8;
    text-align: center;
    border: 1px solid #eee;
    z-index: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: none;
}

#scroll-to-top i {
    color: #fff;
    font-size: 40px;
    margin-top: 6px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#scroll-to-top:hover {
    opacity: 1;
}

#scroll-to-top:hover i {
    margin-top: 2px;
}


/*
* ====================================
*  70. Loading Spinner
* ====================================
*/
.spinner-wrpr {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #181926;
    z-index: 1000;
}

.spinner-wrpr .spinner {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.spinner-wrpr .double-bounce1,
.spinner-wrpr .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #c79153;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: spinner-bounce 2.0s infinite ease-in-out;
    animation: spinner-bounce 2.0s infinite ease-in-out;
}

.spinner-wrpr .double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes spinner-bounce {
    0%,
    100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes spinner-bounce {
    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}



/*venu new page code start here*/

h3 {
    font-family: 'PlayfairDisplay-Regular';
    font-size: 30px;
    margin: 0;
    text-align: left;
}

p {
     
    font-size: 14px;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    margin-top: 20px;
    font-family: 'NunitoSans-Regular';
}

li {  font-family: 'NunitoSans-Regular'; }
 

.slider1_bg
{
     background-image: url("../../assets/images/daintree-ban.png");  
     width: 100%; 
  height: 95vh;  
  background-position: center;  
  background-repeat: no-repeat;  
  background-size: cover;  
  margin-bottom: 50px;
  position: relative;
}

.slider2_bg
{
     background-image: url("../../assets/images/slider1/banner.jpg");  
     width: 100%; 
  height: 95vh;  
  background-position: center;  
  background-repeat: no-repeat;  
  background-size: cover;  
  position: relative;
}


.vertical_align {
   position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vertical_align2
{
    margin-top: 15%;
}
 
.slider1_bg2
{
     background-image: url("../../assets/images/slider1/banner.jpg");  
     width: 100%; 
  height: 95vh;  
  background-position: center;  
  background-repeat: no-repeat;  
  background-size: cover;  
  margin-bottom: 50px;
  position: relative;
  display: table;

}

.bg_cream_opacity {
    background: #f5e9d6;
    color: #475b44;
}

.bg_cream_opacity1 {
    background: #ffffff96;
    color: #475b44;
}



.padding_10 {
    padding: 50px 60px;
}
.text-left {
    text-align: left!important;
}
.m-auto {
    margin: auto!important;
}

.slider1_bg3
{
     background-image: url("../../assets/images/aboutbg.jpg");  
     width: 100%; 
     height: 95vh;  
     background-position: center;  
     background-repeat: no-repeat;  
     background-size: cover;  
     margin-bottom: 50px;
     position: relative;
     display: table;

}

.bg_green_opacity {
    background: #475b44;
    color: #f5e9d6;
}
.vertical_align3
{
    margin-top: 10%;
}

.slider1_bg4
{
      width: 100%; 
     height: 95vh;  
     background-position: center;  
     background-repeat: no-repeat;  
     background-size: cover;  
     margin-bottom: 50px;
     position: relative;
     display: table;

}


/* Slider */
.carousel-item {
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.slider1_bg5
{
      width: 100%; 
     height: 95vh;  
     background-position: center;  
     background-repeat: no-repeat;  
     background-size: cover;  
     margin-bottom: 50px;
     position: relative;
     display: table;

}

.floor-plans-sec {
    padding-top: 20px;
}

/*section 6 start here*/
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-tableCell {
    height: unset !important;
}
.wrapper {
    padding: 40px 50px;
    margin: 0;
    background: #FFFFFF;
    color: #FFFFFF;
    font-family: 'PlayfairDisplay-Regular';
    width: 100%;
    height: 100%;
    position: relative;
}
.product_video_section {
    height: calc(100vh - 120px);
    overflow: hidden;
}
.project_section_2_bg {
    background: url(../../assets/images/project/project_bg_2_1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: calc(100vh - 120px);
}
.height_100 {
    height: 100%;
}
.vertical_align {
    display: table-cell;
    vertical-align: middle;
}
.brochure-download-div {
    margin-top: 40px;
}

/*section 6 ends here*/

/*section 7 start here*/
.right_modal_container {
    overflow: hidden;
    background: url(../../assets/images/project/project_3.jpg) no-repeat center 100%;
    padding-left: 20px !important;
    padding-top: 10px !important;
    background-size: cover;
}
/*section 7 ends here*/


/*section start here*/
.slider1_bg6
{
     background-image: url("../../assets/images/villas/section_bg_1.jpg");  
     width: 100%; 
     height: 95vh;  
     background-position: center;  
     background-repeat: no-repeat;  
     background-size: cover;  
     margin-bottom: 50px;
     position: relative;
     display: table;

}

.vertical_alignbg6 {
    margin-top: 5%;
}
/*section ends here*/

/*section start here*/
.slider1_bg7
{
     background-image: url("../../assets/images/villas/section_bg_2.jpg");  
     width: 100%; 
     height: 95vh;  
     background-position: center;  
     background-repeat: no-repeat;  
     background-size: cover;  
     margin-bottom: 50px;
     position: relative;
     display: table;

}

.vertical_align5 {
    margin-top: 13%;
}

.vertical_align5_1 {
    margin-top: 5%;
}

.vertical_align51{
    margin-top: 5%;
}
/*section ends here*/

/*section start here*/
.slider1_bg8
{
     background-image: url("../../assets/images/villas/section_bg_3.jpg");  
     width: 100%; 
     height: 95vh;  
     background-position: center;  
     background-repeat: no-repeat;  
     background-size: cover;  
     margin-bottom: 50px;
     position: relative;
     display: table;

}

.vertical_align5v {
    margin-top: 5%;
}
/*section ends here*/

/*section start here*/
.slider1_bg9
{
background-image: url("../../assets/images/sustainability/section_bg_1.jpg");  
     width: 100%; 
     height: 95vh;  
     background-position: center;  
     background-repeat: no-repeat;  
     background-size: cover;  
     margin-bottom: 50px;
     position: relative;
     display: table;

}

.vertical_align7 {
    margin-top: 0%;
}

.sustainability_video_section {
    overflow: hidden;margin-left: 12px;
}
.p-0 {
    padding: 0!important;
}

/*section ends here*/

/*section start here*/
.slider1_bg10
{
     background-image: url("../../assets/images/sustainability/section_bg_2_1.jpg");  
     width: 100%; 
     height: 95vh;  
     background-position: center;  
     background-repeat: no-repeat;  
     background-size: cover;  
     margin-bottom: 50px;
     position: relative;
     display: table;

}

.vertical_align8 {
    margin-top: 0%;
}

 .sustainability_video_section1
 {
    overflow: hidden;
 }

.margin_right_negative1 {
    margin-right: 1.19%;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
/*section ends here*/


/*section start here*/
.slider1_bg11
{
     background-image: url("../../assets/images/sustainability/daintree_Website1_27.jpg");  
     width: 100%; 
     height: 95vh;  
     background-position: center;  
     background-repeat: no-repeat;  
     background-size: cover;  
     margin-bottom: 50px;
     position: relative;
     display: table;

}

.vertical_align7 {
    margin-top: 0%;
}

.sustainability_video_section {
    overflow: hidden;margin-left: 12px;
}
.p-0 {
    padding: 0!important;
}

/*section ends here*/


/*section start here*/
.slider1_bg12
{
     background-image: url("../../assets/images/daintree-cradled-by-earth-1.jpg");  
     width: 100%; 
     height: 95vh;  
     background-position: center;  
     background-repeat: no-repeat;  
     background-size: cover;  
     margin-bottom: 50px;
     position: relative;
     display: table;

}

/*section ends here*/

/*section start here*/
.slider1_bg13
{
     background-image: url("../../assets/images/banner_1-min.jpg");  
     width: 100%; 
     height: 95vh;  
     background-position: center;  
     background-repeat: no-repeat;  
     background-size: cover;  
     margin-bottom: 50px;
     position: relative;
     display: table;

}

.form-control {
    background: transparent;
    border-radius: 0px;
    padding: 5px 10px;
    font-size: 13px;
    font-family: 'NunitoSans-Regular';
    color: #5a6b55;
    border: 1px solid #5a6b55;
}
.form-control {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.form-group {
    margin-bottom: 0;
    margin-top: 30px;
}


.submit-btn {
    border-radius: 0;
    padding: 5px 10px;
    font-size: 13px;
    text-transform: capitalize;
    background: transparent !important;
    border: 1px solid #475b44 !important;
    color: #475b44 !important;
    float: right;
}
/*section ends here*/


/*section start here*/
.slider1_bg14
{
     background-image: url("../../assets/images/project/section_bg_1.jpg");  
     width: 100%; 
     height: 95vh;  
     background-position: center;  
     background-repeat: no-repeat;  
     background-size: cover;  
     margin-bottom: 50px;
     position: relative;
     display: table;

}

.vertical_align9 {
    margin-top: 5%;
}

 .sustainability_video_section1
 {
    overflow: hidden;
 }

.margin_right_negative1 {
    margin-right: 1.19%;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
/*accordion start here*/
.accordion-button::after {
      content: '+';
      transform: scale(.7) !important;
    }
    .accordion-button:not(.collapsed)::after {
        content: '-';
       }
    
.accordion-button {background-color:#475b44 !important; color:#fff; border-bottom:1px solid #fff !important;ont-size: 15px;
    font-family: arial !important; }
.card-body { background-color: #475b44; }
.accordion-button:not(.collapsed){color: #fff !important; }
.accordion-button:focus{color: #fff !important}
button, input, optgroup, select, textarea {
    font-family: 'NunitoSans-Bold' !important;
}
.specification-sec
{
    color: #f5e9d6;font-weight:normal;
}

 
 
/*accordion ends here*/
/*section ends here*/

/*section start here*/
.slider1_bg15
{
     background-image: url("../../assets/images/daintree-cradled-by-earth-1.jpg");  
     width: 100%; 
      background-position: center;  
     background-repeat: no-repeat;  
     background-size: cover;  
     margin-bottom: 50px;
     position: relative;
     display: table;

}

/*section ends here*/


/*footer section start here*/
.footer-area.default-section {
    padding-bottom: 0;
}

.footer-area {
    background: #2d2d2d url(../../assets/images/mana-hidden-logo.png) top left no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 210px;
    padding: 50px 0;
    position: relative;
    z-index: 1;
    background-position: 1% 11%;
}

.footer_inner:after, .footer_inner:before {
    content: "";
    background: #b7b37e;
    position: absolute;
    height: 1px;
    width: 100%;
    top: 0;
}

.footer_navs li a {
    color: #fff;
    text-decoration: none!important;
    font-family: ProximaNova,Roboto,Arial,sans-serif;
    font-size: 15px;
    line-height: 2rem;

}

 
.address {
    color: #b7b37e;
    font-size: 30px;
}

.footer-address {
    color: #fff;
    font-family: ProximaNova,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height:20px;
}
.contact_us ._contact {
    font-size: 15px;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    padding-left: 32px;
    margin-top: 5px;
    font-family: 'Poppins', sans-serif;
}
.contact_us ._contact:before {
    content: "";
    background: url(../../assets/images/ic_mail_24px.svg) 0 0 no-repeat;
    width: 21px;
    height: 30px;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 5px;
}

.contact_us .tel:before {
    background: url(../../assets/images/ic_phone_24px.svg) 0 0 no-repeat!important;
    background-size: 100%;
}
.mobile_no {
    color: #fff; 
}

.mobile_no:hover {
    color: #fff; 
}
.contact_address {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    font-family: arial;
}
.email-address {
    color: #fff;
    font-family: ProximaNova,Roboto,Arial,sans-serif;
}

.email-address:hover {
    color: #fff;
}

/*footer section ends here*/


/*sticky section start here*/

 
.stickyFormv{position:fixed;top:21%;width:310px;right:-310px;text-align:center;padding:17px;background:rgba(84,84,84,.81);border-radius:11px 0 0 11px;-webkit-transition:.35s ease-in-out;-o-transition:.35s ease-in-out;transition:.35s ease-in-out;z-index:9999}.stickyFormv.active{right:0}

.stickyFormv .btn{background:#475b44;padding:10px 30px;position:absolute;top:0;bottom:0;margin:auto;left:-93px;color:#fff;height:40px;border-radius:0;font-size:15px;cursor:pointer;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);border:0;perspective:100px;outline:0!important;font-family: arial !important;}

body .stickyFormv *{color:#fff;font-weight:400}body .stickyFormv label{width:100%!important}body .stickyFormv .intl-tel-input,body .stickyFormv input[type=email],body .stickyFormv input[type=number],body .stickyFormv input[type=text],body .stickyFormv textarea{width:100%!important;border:0;height:35px;background:0 0;border-bottom:1px solid #fff;margin-bottom:13px;font-family:inherit}.stickyFormv [type=submit]{background:#545454d9;color:#fff;border:1px solid #f13a5f;padding:10px 25px;border-radius:2px}body .stickyFormv ._checkbox{margin-bottom:10px}body .stickyFormv ._checkbox .text{text-align:left;margin-bottom:10px}body .stickyFormv ._checkbox label{width:50%!important;float:left;padding-right:5px}body .stickyFormv ._checkbox span{padding-left:4px;font-size:13px;float:left}.stickyFormv,.stickyFormv.active .btn{background:rgba(35,35,35,.77)}body .stickyFormv select{width:100%;color:#fff;border:0;background:0 0;border-bottom:1px solid #fff;height:40px}body .stickyFormv [type=button],body .stickyFormv [type=submit]{background:#d71f26!important;color:#fff;height:40px!important;border-radius:50px;padding:0 30px!important}body .stickyFormv select option,select option{color:#000}select:-moz-placeholder{color:#fff!important}body .stickyFormv .btn-group{margin-top:20px}body .stickyFormv .error{margin-bottom:0!important}body .stickyFormv label.error{padding:7px 0}body .stickyFormv [type=button]{border:2px solid #d71f26}
 
/*sticky section ends here*/



/*floor plans start here*/
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.wrapper1 {
    padding: 20px 20px;
    margin: 0;
    background: #FFFFFF;
    color: #FFFFFF;
    font-family: 'PlayfairDisplay-Regular';
    width: 100%;
    height: 100%;
    position: relative;
}

.vertical_align111 {
    display: table-cell;
    vertical-align: middle;
}

.amenities_inner_ul li {
    padding-left: 0;
    font-size: 13px;
}


.download-brochure {
    background: #9d3622;
    color: #fff !important;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: normal;
    font-family: 'NunitoSans-Bold';
    border:1px solid #9d3622;
}
/*floor plans ends here */


/*section start here*/
.project_section_4_bg {
    background: url(../../assets/images/project/section_bg_4_1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: calc(100vh - 120px);
}
/*section ends here*/

/*section start here*/
.project_section_5_bg {
    background: url(../../assets/images/project/section_bg_5_1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: calc(100vh - 120px);
}
/*section ends here*/

/*secton start here*/
.project_section_6_bg {
    background: url(../../assets/images/project/section_bg_6_1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: calc(100vh - 120px);
}
/*section ends here*/


/*floor plan section start here*/
.floorplans-sec
{
   background-color: #f5e9d6; 
}

.card-no-border
{
    border:none !important;
}
.bg_arrow1
{
    background-color: #f5e9d6;
    height: calc(100vh - 120px);
}

.nav-tabs {
    border-bottom: none;
    margin-top:40px;
    margin-left:50px;
}

.nav-tabs .nav-link
{
    border-radius: 0.25rem;
    border: 1px solid #455a43;
    padding: 15px 25px;
    width: 230px;
    text-align: center;
    margin-left: 20px;
    color: #455a43;
    font-family: 'NunitoSans-Regular' !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
{
    padding: 15px 30px;
    background-color: #475b44!important;
    color:#fff;
}


.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #475b44 #475b44 #475b44 !important;
    isolation: isolate;
}


.card
{
    background-color: #f5e8d7 !important;
}
/*floor plans section ends here*/

.btn-sends {
    background-color: #475b44 !important;
    color: #fff !important;
    padding: 7px;
    border-radius: 5px;
}

ol, ul {
    padding-left: 0rem !important;
}



.menu_social {
    padding: 0;
    margin: 0;
}

.menu_social li {
    float: left;
    margin-right: 18px;
}

ul li {
    list-style-type: none;
    font-size: 14px;
    font-family: ProximaNova,Roboto,Arial,sans-serif;
}
.menu_social li a {
    color: #fff;
    font-size: 18px;
}

.menu_social li i {
    font-size: 24px;
    color: #fff!important;
}