/* Theme Description
-------------------------------------------------

	  Theme Name:
	  Author:
	  Support:
	  Description:
	  Version:
	  
------------------------------------------------- 
*/
/* CSS Index
-------------------------------------------------

	1. Theme default css
	2. header
	3. slider
	4. about-area
	5. features-box
	6. department
	7. team
	8. video-area
	9. counter
	10. footer
	
-------------------------------------------------
*/
/*
 
	@include transition(.4s);
	color:$theme-color;
	
*/
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Noto+Serif:400,400i,700&display=swap");

.boxed-btn {
    background: #fff;
    color: #dca73a !important;
    display: inline-block;
    padding: 18px 44px;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    border: 0;
    border: 1px solid #dca73a;
    letter-spacing: 3px;
    text-align: center;
    color: #dca73a;
    text-transform: uppercase;
    cursor: pointer;
}

.boxed-btn:hover {
    background: #dca73a;
    color: #fff !important;
    border: 1px solid #dca73a;
}

.boxed-btn:focus {
    outline: none;
}

.boxed-btn.large-width {
    width: 220px;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-thin.otf');
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-light.otf');
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-medium.ttf');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-bold.otf');
    font-style: normal;
    font-weight: 600;
}

/* Normal desktop :1200px. */
/* Normal desktop :992px. */
/* Tablet desktop :768px. */
/* small mobile :320px. */
/* Large Mobile :480px. */
/*--
    - Overlay
------------------------------------------*/
[data-overlay] {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

[data-overlay]::before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
}

/*-- Overlay Opacity --*/
[data-opacity="1"]::before {
    opacity: 0.1;
}

[data-opacity="2"]::before {
    opacity: 0.2;
}

[data-opacity="3"]::before {
    opacity: 0.3;
}

[data-opacity="4"]::before {
    opacity: 0.4;
}

[data-opacity="5"]::before {
    opacity: 0.5;
}

[data-opacity="6"]::before {
    opacity: 0.6;
}

[data-opacity="7"]::before {
    opacity: 0.7;
}

[data-opacity="8"]::before {
    opacity: 0.8;
}

[data-opacity="9"]::before {
    opacity: 0.9;
}

/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
body {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    overflow-x: hidden;
    font-style: normal;
    scroll-behavior: smooth;
    padding-right: 0px !important;
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.img {
    max-width: 100%;
    transition: all 0.3s ease-out 0s;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.fix {
    overflow: hidden;
}

a,
.button {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
    text-decoration: none;
}

a,
button {
    color: #000;
    outline: medium none;
}

button:focus, input:focus, input:focus, textarea, textarea:focus {
    outline: 0;
}

.uppercase {
    text-transform: uppercase;
}



.capitalize {
    text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', serif;
    color: #0b1c39;
    margin-top: 0px;
    font-style: normal;
    font-weight: 300;
    text-transform: normal;
}

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

h1 {
    font-size: 40px;
    font-weight: 500;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

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

li {
    list-style: none;
}

p {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #778090;
    margin-bottom: 15px;
    font-family: 'Lato', sans-serif;
}

hr {
    border-bottom: 1px solid #eceff8;
    border-top: 0 none;
    margin: 30px 0;
    padding: 0;
}

label {
    color: #778090;
    font-size: 14px;
    font-weight: 400;
}

*::-moz-selection {
    background: #ff5757;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #ff5757;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #ff5757;
    color: #fff;
    text-shadow: none;
}



/* Theme-overlay */
.theme-overlay {
    position: relative;
}

.theme-overlay::before {
    background: #1696e7 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
}

.separator {
    border-top: 1px solid #f2f2f2;
}

.wow {
    visibility: hidden;
}

/* button style */
.btn {
    -moz-user-select: none;
    background: #dca73a;
    border: medium none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 0;
    margin-bottom: 0;
    padding: 25px 39px;
    text-align: center;
    text-transform: capitalize;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
}

.btn:hover {
    background: #5FC9C0;
    color: #fff;
}

.border-btn {
    background: #1c4080;
    border: 2px solid #1c4080;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    padding: 17px 30px;
    letter-spacing: 0px;
    border-radius: 100px;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
}

.border-btn:hover {
    background: #264b8c;
    border: 2px solid #264b8c;
    color: #fff;
}

.red-btn {
    background: rgba(169, 17, 36, 0.8);
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    padding: 17px 30px;
    letter-spacing: 0px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 15px;
    color: #fff !important;
}

.red-btn:hover {
    background: #A91124;
    color: #fff !important;
}

.sticky-bar .red-btn{
    background: #78030A !important;
}




.slicknav_nav .red-btn{
    width: fit-content !important;
}

.slicknav_nav .red-btn:hover {
    background: #78030A !important;
    padding: 20px 12px !important;
}


.red2-btn {
    background: rgb(169, 17, 36);
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    padding: 17px 30px;
    letter-spacing: 0px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 15px;
    color: #fff !important;
}

.red2-btn:hover {
    background: #A91124;
    color: #fff !important;
}

@media screen and (max-width:991px){
    .box-menu-btn{
        display: flex !important;
        justify-content: center;
    }

    .slicknav_nav .red-btn {
        background: #78030A !important;
        padding: 20px 12px !important;
        border-radius: 10px !important;
    }

    .sticky-bar{
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
}
.blue-btn {
    background: #0D3A7F;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    padding: 17px 30px;
    letter-spacing: 0px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 15px;
    color: #fff !important;
}

.blue-btn:hover {
    background: #0D3A7F;
    color: #fff !important;
}

.bottom-detail{
    height: 10px;
    width: 400px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #C08E00;
}

.product-section{
    background: #A91124 !important;
    overflow: visible !important;
    z-index: 1;
}

.text-red{
    color: #A91124 !important;
}

.text-blue{
    color: #1c4080 !important;
}

.text-gray{
    color: #adadad !important;
}

.text-cyan{
    color: #2bccf3 !important;
}

.red-border{
    border-bottom: 3px solid #A91124;
}


.container-detail-product{
    position: relative;
    z-index: 2;
    overflow: visible;
}

.detail-img-products{
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 3;
    width: 100% !important;
}

.container-search{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 20px;
    width: 280px;
    padding: 8px 10px;
}

.input-search{
    background: #fff;
    border-radius: 15px;
    padding: 0px 5px 0px 15px;
    border: none;
    outline: none;
    min-width: 225px;
    text-decoration: none;
    font-size: 14px;
}

.container-search .input-search::placeholder,
.container-search .input-search::-moz-placeholder,
.container-search .input-search::-webkit-input-placeholder,
.container-search .input-search::-ms-input-placeholder{
    color: #1c4080 !important;
    font-style: italic !important;
    font-size: 14px;
}

.button-search{
    border: none;
    outline: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
}

.button-search i{
    color:#1c4080;
}


.product-box{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-box-img{
    width: 100%;
    height: 230px;
    position: relative;
}

.product-bg-img{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    display: flex;
    justify-content: center;
    height: 100%;
}

.product-bg-img img{
    max-width: calc(100% - 50px);
    object-fit: contain;
}

.product-img{
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    height: 100%;
}

.product-img img{
    max-width: 80%;
    object-fit: contain;
}

.product-name{
    color: #fff;
    font-weight: 500;
    width: 65%;
    text-align: center;
    min-height: 70px;
}

.product-circle{
    border-radius: 50%;
    width: 35px;
    height: 35px;
    background: #b38b33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.product-circle i{
    color: #fff;
}


.slider-brand .col-mobile{
    max-width: 100%;
}

.slider-brand .slick-track{
    display: flex;
    align-items: center;
}

.box-about-btn{
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    bottom: 10px;
}
@media screen and (max-width:768px){
    .slider-only-mobile .col-mobile{
        max-width: 100%;
    }
}


.about-section{
    padding-top: 50px;
    margin-top: -50px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    background: #A91124;
    position: relative;

}

.about-section.about2{
    z-index: 1;
}

.curve-line{
    background-image: url("../img/curve-line.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -70px;
    top: 17%;
    width: 100%;
    height: 95%;
}

.box-silhueta{
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-silhueta{
    width: 110px;
}

.body-title{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.body-title h5{
    font-weight: 500;
    font-size: 20px;
}


.body-title h3{
    font-weight: 700;
    font-size: 35px;
}

.body-title h4{
    font-weight: 600;
    font-size: 24px;
}

.body-title h6{
    font-weight: 200;
    font-size: 20px;
}


@media screen and (max-width:1199px){
    .curve-line{
        display: none;
    }
}
@media screen and (max-width:991px){
    .img-silhueta {
        width: 60px;
    }
    .box-silhueta{
        top: -20px;
    }
    .body-title h5{
        font-size: 17px;
    }

    .body-title h3{
        font-size: 22px;
    }

    .body-title h4{
        font-size: 19px;
    }

    .body-title h6{
        font-size: 17px;
    }
    .bottom-detail {
        width: 100px;
    }
}
.text-yellow{
    color: #C08E00;
}

.border-btn i {
    color: #fe0000 !important;
    position: relative;
    left: 0;
}

.btn-catalog {
    background: none;
    font-family: "Montserrat", sans-serif;
    color: #000000;
    border: 2px solid #fe0000;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    display: inline-block;
    font-size: 18px;
    border-radius: 8px;
    text-align: center;
    padding: 10px 15px;
}

.btn-catalog:hover {
    background: #fe0000;
    color: #fff;
}
.red-color{
    color: #fe0000 !important;
}
.red-pill{
    background: #fe0000 !important;
    color: #fff !important;
    padding: 5px 10px;
}
.view-btn1 i {
    position: relative;
    left: 0;
}

.more-btn1 i {
    position: relative;
    left: 0;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

.btn:hover i {
    left: 7px;
}

.border-btn:hover i {
    color: #fff !important;
}

.border-btn:hover {
    border: 2px solid transparent;
}

.border-btn1 {
    border: 2px solid #f5f5f5;
    background: transparent;
    color: #fff;
    border-radius: 5px;
}

.border-btn1:hover {
    border: 2px solid transparent;
    color: #ff5757;
}

.read-btn1 {
    background: #ff5757;
    font-size: 16px;
    padding: 12px 33px;
}

.read-btn1:hover {
    color: #ff5757;
}

.read-btn2 {
    background: #ff5757;
    font-size: 16px;
    padding: 12px 33px;
    border: 2px solid transparent;
    border-radius: 7px;
}

.read-btn2:hover {
    background: transparent;
    border: 2px solid #ff5757;
}

/* btn-icon */
.btn-icon > i {
    margin-left: 30px;
    font-size: 16px;
}

/* button style */
.breadcrumb > .active {
    color: #888;
}

.owl-carousel .owl-nav div {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    height: 40px;
    left: 20px;
    line-height: 40px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 40px;
    font-size: 22px;
    color: #646464;
}

.owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 20px;
}

.owl-carousel:hover .owl-nav div {
    opacity: 1;
    visibility: visible;
}

.owl-carousel .owl-nav div:hover {
    background: #2B96CC;
    color: #fff;
}

/* scrollUp */
#scrollUp {
    background: #dca73a;
    height: 50px;
    width: 50px;
    right: 50px;
    bottom: 77px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    line-height: 48px;
    border: 2px solid transparent;
}

@media (max-width: 767px) {
    #scrollUp {
        right: 16px;
    }
}

#scrollUp:hover {
    color: #fff;
}

/* Sticky*/
.sticky-bar {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    z-index: 9999;
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    background: #A91124;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-left: 85px;
    padding-right: 85px;
}

/* Sticky end */
/*--
    - Common Classes
-----------------------------------------*/
.fix {
    overflow: hidden;
}

.clear {
    clear: both;
}

/*--
    - Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/
.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-55 {
    margin-top: 55px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-65 {
    margin-top: 65px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-75 {
    margin-top: 75px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-85 {
    margin-top: 85px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-95 {
    margin-top: 95px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-105 {
    margin-top: 105px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-115 {
    margin-top: 115px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-125 {
    margin-top: 125px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-135 {
    margin-top: 135px;
}

.mt-140 {
    margin-top: 140px;
}

.mt-145 {
    margin-top: 145px;
}

.mt-150 {
    margin-top: 150px;
}

.mt-155 {
    margin-top: 155px;
}

.mt-160 {
    margin-top: 160px;
}

.mt-165 {
    margin-top: 165px;
}

.mt-170 {
    margin-top: 170px;
}

.mt-175 {
    margin-top: 175px;
}

.mt-180 {
    margin-top: 180px;
}

.mt-185 {
    margin-top: 185px;
}

.mt-190 {
    margin-top: 190px;
}

.mt-195 {
    margin-top: 195px;
}

.mt-200 {
    margin-top: 200px;
}

/*-- Margin Bottom --*/
.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-55 {
    margin-bottom: 55px !important;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-65 {
    margin-bottom: 65px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-85 {
    margin-bottom: 85px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-95 {
    margin-bottom: 95px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-105 {
    margin-bottom: 105px;
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-115 {
    margin-bottom: 115px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-125 {
    margin-bottom: 125px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-135 {
    margin-bottom: 135px;
}

.mb-140 {
    margin-bottom: 140px;
}

.mb-145 {
    margin-bottom: 145px;
}

.mb-150 {
    margin-bottom: 150px;
}

.mb-155 {
    margin-bottom: 155px;
}

.mb-160 {
    margin-bottom: 160px;
}

.mb-165 {
    margin-bottom: 165px;
}

.mb-170 {
    margin-bottom: 170px;
}

.mb-175 {
    margin-bottom: 175px;
}

.mb-180 {
    margin-bottom: 180px;
}

.mb-185 {
    margin-bottom: 185px;
}

.mb-190 {
    margin-bottom: 190px;
}

.mb-195 {
    margin-bottom: 195px;
}

.mb-200 {
    margin-bottom: 200px;
}

/*-- Margin Left --*/
.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-35 {
    margin-left: 35px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-55 {
    margin-left: 55px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-65 {
    margin-left: 65px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-75 {
    margin-left: 75px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-85 {
    margin-left: 85px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-95 {
    margin-left: 95px;
}

.ml-100 {
    margin-left: 100px;
}

.ml-105 {
    margin-left: 105px;
}

.ml-110 {
    margin-left: 110px;
}

.ml-115 {
    margin-left: 115px;
}

.ml-120 {
    margin-left: 120px;
}

.ml-125 {
    margin-left: 125px;
}

.ml-130 {
    margin-left: 130px;
}

.ml-135 {
    margin-left: 135px;
}

.ml-140 {
    margin-left: 140px;
}

.ml-145 {
    margin-left: 145px;
}

.ml-150 {
    margin-left: 150px;
}

.ml-155 {
    margin-left: 155px;
}

.ml-160 {
    margin-left: 160px;
}

.ml-165 {
    margin-left: 165px;
}

.ml-170 {
    margin-left: 170px;
}

.ml-175 {
    margin-left: 175px;
}

.ml-180 {
    margin-left: 180px;
}

.ml-185 {
    margin-left: 185px;
}

.ml-190 {
    margin-left: 190px;
}

.ml-195 {
    margin-left: 195px;
}

.ml-200 {
    margin-left: 200px;
}

/*-- Margin Right --*/
.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-45 {
    margin-right: 45px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-55 {
    margin-right: 55px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-65 {
    margin-right: 65px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-75 {
    margin-right: 75px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-85 {
    margin-right: 85px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-95 {
    margin-right: 95px;
}

.mr-100 {
    margin-right: 100px;
}

.mr-105 {
    margin-right: 105px;
}

.mr-110 {
    margin-right: 110px;
}

.mr-115 {
    margin-right: 115px;
}

.mr-120 {
    margin-right: 120px;
}

.mr-125 {
    margin-right: 125px;
}

.mr-130 {
    margin-right: 130px;
}

.mr-135 {
    margin-right: 135px;
}

.mr-140 {
    margin-right: 140px;
}

.mr-145 {
    margin-right: 145px;
}

.mr-150 {
    margin-right: 150px;
}

.mr-155 {
    margin-right: 155px;
}

.mr-160 {
    margin-right: 160px;
}

.mr-165 {
    margin-right: 165px;
}

.mr-170 {
    margin-right: 170px;
}

.mr-175 {
    margin-right: 175px;
}

.mr-180 {
    margin-right: 180px;
}

.mr-185 {
    margin-right: 185px;
}

.mr-190 {
    margin-right: 190px;
}

.mr-195 {
    margin-right: 195px;
}

.mr-200 {
    margin-right: 200px;
}

/*-- Padding Top --*/
.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-55 {
    padding-top: 55px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-65 {
    padding-top: 65px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-75 {
    padding-top: 75px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-85 {
    padding-top: 85px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-95 {
    padding-top: 95px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-105 {
    padding-top: 105px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-115 {
    padding-top: 115px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-125 {
    padding-top: 125px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-135 {
    padding-top: 135px;
}

.pt-140 {
    padding-top: 140px;
}

.pt-145 {
    padding-top: 145px;
}

.pt-150 {
    padding-top: 150px;
}

.pt-155 {
    padding-top: 155px;
}

.pt-160 {
    padding-top: 160px;
}

.pt-165 {
    padding-top: 165px;
}

.pt-170 {
    padding-top: 170px;
}

.pt-175 {
    padding-top: 175px;
}

.pt-180 {
    padding-top: 180px;
}

.pt-185 {
    padding-top: 185px;
}

.pt-190 {
    padding-top: 190px;
}

.pt-195 {
    padding-top: 195px;
}

.pt-200 {
    padding-top: 200px;
}

.pt-260 {
    padding-top: 260px;
}

/*-- Padding Bottom --*/
.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-55 {
    padding-bottom: 55px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-65 {
    padding-bottom: 65px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-75 {
    padding-bottom: 75px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-85 {
    padding-bottom: 85px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-95 {
    padding-bottom: 95px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-105 {
    padding-bottom: 105px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-115 {
    padding-bottom: 115px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-125 {
    padding-bottom: 125px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pb-135 {
    padding-bottom: 135px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-145 {
    padding-bottom: 145px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pb-155 {
    padding-bottom: 155px;
}

.pb-160 {
    padding-bottom: 160px;
}

.pb-165 {
    padding-bottom: 165px;
}

.pb-170 {
    padding-bottom: 170px;
}

.pb-175 {
    padding-bottom: 175px;
}

.pb-180 {
    padding-bottom: 180px;
}

.pb-185 {
    padding-bottom: 185px;
}

.pb-190 {
    padding-bottom: 190px;
}

.pb-195 {
    padding-bottom: 195px;
}

.pb-200 {
    padding-bottom: 200px;
}

/*-- Padding Left --*/
.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-45 {
    padding-left: 45px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-55 {
    padding-left: 55px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-65 {
    padding-left: 65px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-75 {
    padding-left: 75px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-85 {
    padding-left: 85px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-95 {
    padding-left: 95px;
}

.pl-100 {
    padding-left: 100px;
}

.pl-105 {
    padding-left: 105px;
}

.pl-110 {
    padding-left: 110px;
}

.pl-115 {
    padding-left: 115px;
}

.pl-120 {
    padding-left: 120px;
}

.pl-125 {
    padding-left: 125px;
}

.pl-130 {
    padding-left: 130px;
}

.pl-135 {
    padding-left: 135px;
}

.pl-140 {
    padding-left: 140px;
}

.pl-145 {
    padding-left: 145px;
}

.pl-150 {
    padding-left: 150px;
}

.pl-155 {
    padding-left: 155px;
}

.pl-160 {
    padding-left: 160px;
}

.pl-165 {
    padding-left: 165px;
}

.pl-170 {
    padding-left: 170px;
}

.pl-175 {
    padding-left: 175px;
}

.pl-180 {
    padding-left: 180px;
}

.pl-185 {
    padding-left: 185px;
}

.pl-190 {
    padding-left: 190px;
}

.pl-195 {
    padding-left: 195px;
}

.pl-200 {
    padding-left: 200px;
}

/*-- Padding Right --*/
.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-45 {
    padding-right: 45px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-55 {
    padding-right: 55px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-65 {
    padding-right: 65px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-75 {
    padding-right: 75px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-85 {
    padding-right: 85px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-95 {
    padding-right: 95px;
}

.pr-100 {
    padding-right: 100px;
}

.pr-105 {
    padding-right: 105px;
}

.pr-110 {
    padding-right: 110px;
}

.pr-115 {
    padding-right: 115px;
}

.pr-120 {
    padding-right: 120px;
}

.pr-125 {
    padding-right: 125px;
}

.pr-130 {
    padding-right: 130px;
}

.pr-135 {
    padding-right: 135px;
}

.pr-140 {
    padding-right: 140px;
}

.pr-145 {
    padding-right: 145px;
}

.pr-150 {
    padding-right: 150px;
}

.pr-155 {
    padding-right: 155px;
}

.pr-160 {
    padding-right: 160px;
}

.pr-165 {
    padding-right: 165px;
}

.pr-170 {
    padding-right: 170px;
}

.pr-175 {
    padding-right: 175px;
}

.pr-180 {
    padding-right: 180px;
}

.pr-185 {
    padding-right: 185px;
}

.pr-190 {
    padding-right: 190px;
}

.pr-195 {
    padding-right: 195px;
}

.pr-200 {
    padding-right: 200px;
}

/* bounce-animate */
.bounce-animate {
    animation-name: float-bob;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    /* animation-timing-function: linear; */
    -moz-animation-name: float-bob;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes float-bob {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

/* heartbeat */
.heartbeat {
    animation: heartbeat 1s infinite alternate;
}

@-webkit-keyframes heartbeat {
    to {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
}

/* rotateme */
.rotateme {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.hi {
    background: #ff5757;
}

/* 20. preloader */
.preloader {
    background-color: #f7f7f7;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    margin: 0 auto;
}

.preloader .preloader-circle {
    width: 100px;
    height: 100px;
    position: relative;
    border-style: solid;
    border-width: 3px;
    border-top-color: #dca73a;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 10;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
    box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
    background-color: #ffffff;
    -webkit-animation: zoom 2000ms infinite ease;
    animation: zoom 2000ms infinite ease;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}

.preloader .preloader-circle2 {
    border-top-color: #0078ff;
}

.preloader .preloader-img {
    position: absolute;
    top: 50%;
    z-index: 200;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 6px;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}

.preloader .preloader-img img {
    max-width: 55px;
}

.preloader .pere-text strong {
    font-weight: 800;
    color: #dca73a;
    text-transform: uppercase;
}

@-webkit-keyframes zoom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s;
    }
}

@keyframes zoom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s;
    }
}

.customar-padding {
    padding-top: 80px;
    padding-bottom: 93px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .customar-padding {
        padding-top: 160px;
        padding-bottom: 93px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .customar-padding {
        padding-top: 160px;
        padding-bottom: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .customar-padding {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 160px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .customar-padding {
        padding-top: 80px;
        padding-bottom: 80px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.dining-padding-top {
    padding-top: 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .dining-padding-top {
        padding-top: 0px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .dining-padding-top {
        padding-top: 0px;
    }
}

@media (max-width: 767px) {
    .dining-padding-top {
        padding-top: 0px;
    }
}

.testimonial-padding {
    padding-top: 175px;
    padding-bottom: 180px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .testimonial-padding {
        padding-top: 100px;
        padding-bottom: 50px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .testimonial-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .testimonial-padding {
        padding-top: 35px;
        padding-bottom: 50px;
    }
}

.blog-padding {
    padding-bottom: 100px;
    padding-top: 100px
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .blog-padding {
        padding-bottom: 80px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-padding {
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .blog-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .room-btn {
        padding-top: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .room-btn {
        padding-top: 0px;
    }
}

@media (max-width: 767px) {
    .room-btn {
        padding-top: 0px;
    }
}

.footer-padding {
    padding-top: 75px;
    padding-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .footer-padding {
        padding-top: 100px;
        padding-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-padding {
        padding-top: 80px;
        padding-bottom: 10px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .footer-padding {
        padding-top: 80px;
        padding-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .footer-padding {
        padding-top: 50px;
        padding-bottom: 10px;
    }
}

.c-padding2 {
    padding-top: 260px;
    padding-left: 20px;
    padding-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .c-padding2 {
        padding-top: 100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-padding2 {
        padding-top: 80px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .c-padding2 {
        padding-top: 80px;
    }
}

@media (max-width: 767px) {
    .c-padding2 {
        padding-top: 50px;
    }
}

.g-padding {
    padding-top: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .g-padding {
        padding-top: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .g-padding {
        padding-top: 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .g-padding {
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
    .g-padding {
        padding-top: 10px;
    }
}

.d-padding {
    padding-top: 150px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .d-padding {
        padding-top: 100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .d-padding {
        padding-top: 80px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .d-padding {
        padding-top: 80px;
    }
}

@media (max-width: 767px) {
    .d-padding {
        padding-top: 50px;
    }
}

.t-padding {
    padding-top: 175px;
    padding-bottom: 195px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .t-padding {
        padding-top: 100px;
        padding-bottom: 60px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .t-padding {
        padding-top: 50px;
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .t-padding {
        padding-top: 35px;
        padding-bottom: 60px;
    }
}

.r-padding1 {
    padding-top: 170px;
    padding-bottom: 200px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .r-padding1 {
        padding-top: 140px;
        padding-bottom: 180px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .r-padding1 {
        padding-top: 140px;
        padding-bottom: 100px;
    }
}

@media (max-width: 767px) {
    .r-padding1 {
        padding-top: 50px;
        padding-bottom: 80px;
    }
}

/*-------------Color variabel--------------*/
/*-------------Color include--------------*/
/*-- Background color---*/
.grey-bg {
    background: #f7f7fd;
}

.white-bg {
    background: #ffffff;
}

.black-bg {
    background: #16161a;
}

.theme-bg {
    background: #dca73a;
}

.brand-bg {
    background: #f1f4fa;
}

.testimonial-bg {
    background: #f9fafc;
}

/*--- color------*/
.white-color {
    color: #ffffff;
}

.black-color {
    color: #16161a;
}

.theme-color {
    color: #dca73a;
}

.header-area {
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .protected-menu {
        padding: 15px 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .protected-menu {
        padding: 15px 0;
    }
}

@media (max-width: 767px) {
    .protected-menu {
        padding: 0px 0;
    }
}

.main-header {
    position: relative;
    z-index: 3;
}

.logo img {
    transition: all 0.3s ease 0s;
    width: 120px;
    padding: 0px 0px;
}

.sticky-bar .logo img {
    width: 120px;
}

.header-area .logo-white{
    display: block;
}
.header-area .logo-black{
    display: none;
}

.sticky-bar .logo-white{
    display: none;
}
.sticky-bar .logo-black{
    display: block;
}

.container-video{
    display: flex;
    flex-wrap: wrap;
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
}

.left-side{
    /*background: #A91124;*/
    width: 45%;
}

.right-side{
    width: 55%;

}

.right-text,  .right-text p, .right-text p i, .right-text p b{
    color: #000;
}
.right-side {
    background-image: url("../img/bg-tip.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
}

.bottom-red-wave{
    background-image: url("../img/wave.svg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-top: 130px;
    padding-bottom: 130px;
}

.img-highlight{
    max-width: 640px;
}
.text-align-last{
    text-align-last: right;
}


.brand-area{
    margin-top: -100px;
}


.culture-area{
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    background-image: url("../img/bg-cultura-blue.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.culture-img{
    max-width: 100%;
    width: 390px;
    border-bottom-right-radius: 50%;
}

.recipe-area{
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    background-image: url("../img/bg-receitas.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    margin-top: -40px;
    z-index: 2;
    position: relative;
}
@media screen and (max-width:991px){
    .text-align-last{
        text-align-last: left;
    }
    .bottom-red-wave{
        padding-top: 70px;
        padding-bottom: 70px;
    }
}


@media screen and (max-width:767px){
    .bottom-red-wave{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media screen and (max-width:575px){
    .bottom-red-wave{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.left-text{
    z-index: 2;
}

.brand-img{
    max-width: 100%;
    width: 134px;
}
.right-text{
    z-index: 2;
}

.img-left{
    max-width:100%;
}

.text-detail{
    font-size: 20px;
    text-transform: uppercase;
    color: #368564;
    font-weight: 700;
    font-family: 'Montserrat', serif;
}

.text-detail2{
    font-size: 30px;
    color: #368564;
    font-weight: 700;
    font-family: 'Montserrat', serif;
}

.container-behind{
    position: absolute;
    display: flex;
    justify-content: center;
    left: 0;
    top: 0;
    width: 100%;
}
.text-behind-about0{
    font-size: 150px;
    font-weight: 500;
    margin-top: 16px;
    font-family: 'Montserrat', sans-serif;
    z-index: 0;
    color: #e3e3e3;
}


.cursor-pointer{
    cursor: pointer;
}
.text-behind-about{
    position: absolute;
    bottom: 20px;
    font-size: 150px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    color: #f5f5f5;
}

.text-behind-about2{
    position: absolute;
    font-size: 65px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    right: 0;
    top:0px;
    margin: 0 auto;
    z-index: 0;
    color: #f5f5f5;
}

/*Imovel*/

#navigation li i{
    display: flex;
    align-items: center;
}

#navigation li i{
    color:#fff;
}

#navigation li i.red{
    color:#368564;
}

#navigation .separador{
    height:25px;
    width:2px;
    background:#fff;
    margin: 0px 10px;
}

.nav-pills .nav-link.active, .nav-pills .nav-link{
    border: 1px solid #ccc;
    padding: .7rem 1rem;
    border-radius:0.6rem;
}

.nav-pills .nav-link.active, .nav-pills .nav-link:hover{
    color: #368564;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #368564;
    background-color: #fff;
    border: 1px solid #368564 !important;
}

.imo-itens{
    white-space: nowrap;
}
.imovel-content h4{
    font-size: 30px;
    font-weight:600;
    letter-spacing: 2px;
}

.imovel-content h5{
    font-size: 20px;
    font-weight:600;
    letter-spacing: 2px;
}
.content-interesse {
    background:#368564;
    border-radius: 0.6rem;
}
.content-interesse input[type="text"]{
    border-radius:5px;
    padding: 6px 15px;
    color:#000 !important;
    outline: none;
}
.btn-interesse {
    background-color: #368564 !important;
    border: 1px solid #000;
    color: #000;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 0px;
    font-weight:600;
    font-size: 15px;
    transition: all .1s cubic-bezier(0.65, 0.05, 0.36, 1);
    cursor:pointer;
}

.btn-interesse:hover {
    background-color: #fff !important;
    border: 1px solid #fff;
    color:#368564;
}

.status-obra[aria-expanded="true"]:after {
    content: "\f077";
    font-family: 'FontAwesome';
    left:20px;
}
.status-obra[aria-expanded="false"]:after {
    content: "\f078";
    font-family: 'FontAwesome';
}
.status-obra:after {
    content: "\f077";
    font-family: 'FontAwesome';
    position: relative;
    left: 20px;
}

.arred-imovel{
    border-radius:10px;
    max-width:100%;
}
.span-lanc{
    left: 35px;
    top: 13px;
    font-size: 16px;
    color: #fff;
    letter-spacing: 2px;
}
.container-uni:hover .lupa-galeria{
    color: rgba(255, 255, 255, 0.9);
}
.container-obra:hover .lupa-galeria{
    color: rgba(255, 255, 255, 0.9);
}
.lupa-galeria{
    transition: all 0.3s ease;
    color: rgba(255, 255, 255, 0.0);
}
.content-lanc{
    left: -169px;
}
.content-etiqueta{
    top:-70px;
    left: -10px;
}
.content-etiquetavend{
    top:-250px;
    left: 200px;
}
.img-seq{
    object-fit: cover;
    height: 400px !important;

}
.container-uni {
    border: 1px solid #f2f2f2;
    border-radius: 7px;

}


.card-imovel{
    flex: 1;
    display: flex;
    flex-direction: column;
}

.card-imovel img {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
    height: 100%
}

.box-imovel {
    border: 1px solid #dfdfdf;
    padding: 10px 15px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.card-imovel:hover {
    box-shadow: 0 4px 10px rgb(0 0 0 / 15%);
}

.thumb-uni {
    padding: 10px 0px;
    width: 200px;
    height: 150px;
    object-fit: cover;
}
.content-lupa{
    position: absolute;
    height:100%;
    width:100%;
    font-size:50px;
    display: flex;
    justify-content:center;
    align-items:center;
    background-color:rgba(0, 0, 0, 0.0);
    top:0;
}
.container-uni:hover .content-lupa{
    background-color:rgba(0, 0, 0, 0.2);
}



.content-imguni {
    border-right: 1px solid #f2f2f2;
}
.home-name{
    width: 80%;
}
@media screen and (max-width: 991px) {
    .content-lanc {
        left: 0px;
    }
    .imovel-content h4{
        font-size:18px;
    }
    .imovel-content h5{
        font-size:16px;
    }
    .home-name{
        width: 100%;
    }
}
/*Fim Imóvel*/
@media screen and (max-width: 1199px) {

    .same-height{
        height: 230px;
    }
    .left-side{
        width: 100%;
    }

    .right-side{
        width: 100%;
        height: 100%;
        background: #fff !important;
    }
    .brand-area {
        margin-top: 0px;
    }
    .img-highlight {
        max-width: 400px;
        width: 100%;
    }
}

.sticky-bar .container-menu-topo {
    width: 100%;
    background: #368564
}

.container-menu-topo {
    width: 100%;
    background: transparent;
}

.main-header .main-menu ul li {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.main-header .main-menu ul li a {
    text-shadow: 2px 2px 4px rgb(10 7 7 / 90%);
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.5px;
    padding: 20px 12px;
    display: block;
    font-size: 13px;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-family: 'Montserrat', sans-serif;
}

.sticky-bar .main-header .main-menu ul li a {
    color: #fff !important;
}
.main-header .main-menu ul li:hover > a {
    color: #153A7E;
}

a{
    color:#153A7E;
}
.main-header .main-menu ul ul.submenu {
    position: absolute;
    width: auto;
    min-width: 150px;
    background: #fff;
    left: 30px;
    top: 120%;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
    padding: 17px 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.main-header .main-menu ul ul.submenu > li {
    margin-left: 7px;
    display: block;
}

.main-header .main-menu ul ul.submenu > li > a {
    padding: 6px 10px !important;
    font-size: 14px;
    color: #0b1c39 !important;
    white-space: nowrap;
}

.main-header .main-menu ul ul.submenu > li > a:hover {
    color: #368564;
}

.menu-social i {
    color: #fff;
    font-size: 18px;
}

.sticky-bar .menu-social i {
    color: #fff;
}
.menu-topo {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 5px;
    justify-content: flex-end;
    align-items: center;
}

.menu-topo a {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
}

.menu-topo .divisor {
    width: 2px;
    height: 10px;
    background: #5FC9C0;
}

.detail-color{
    color: #368564;
}

.sticky-bar .divisor {
    background: #fff;
}

@media screen and (max-width: 991px) {
    .menu-topo {
        justify-content: center;
    }
}

.main-header ul > li:hover > ul.submenu {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.header-sticky ul li a {
    padding: 10px 19px;
}

.header-sticky.sticky-bar.sticky .main-menu ul > li > a {
    padding: 20px 12px;
}


.header-sticky.sticky-bar {
    padding: 0px 0;
}


.slider-height {
    min-height: 800px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height {
        min-height: 600px;
    }
}

@media (max-width: 767px) {
    .slider-height {
        min-height: 350px;
    }
}

.slider-height2 {
    min-height: 200px;
    background-repeat: no-repeat;
    background-position: center center;
}

.btn1 {
    padding: 25px 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .btn1 {
        padding: 25px 0;
    }
}

.slider-area .h1-slider-caption h1 {
    font-size: 66px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 31px;
    font-family: 'Noto Serif', serif;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-area .h1-slider-caption h1 {
        font-size: 51px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-area .h1-slider-caption h1 {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .slider-area .h1-slider-caption h1 {
        font-size: 27px;
        margin-bottom: 13px;
    }
}

.slider-area .h1-slider-caption h3 {
    font-size: 30px;
    color: #fff;
    position: relative;
    display: inline-block;
    margin-bottom: 60px;
}

.slider-area .h1-slider-caption h3::before {
    position: absolute;
    content: "";
    width: 154px;
    height: 2px;
    background: #e59a09;
    top: 0;
    left: -180px;
    top: 50%;
    transform: translateY(-50%);
}

.slider-area .h1-slider-caption h3::after {
    position: absolute;
    content: "";
    width: 170px;
    height: 2px;
    background: #e59a09;
    top: 0;
    right: -190px;
    top: 50%;
    transform: translateY(-50%);
}

.slider-area .dot-style .slick-dots {
    text-align: center;
    bottom: 88px;
    left: 0;
    right: 0;
    position: absolute;
}

.slider-area .dot-style .slick-dots li {
    display: inline-block;
}

.slider-area .dot-style .slick-dots button {
    text-indent: -100000px;
    height: 8px;
    width: 8px;
    border: 0;
    padding: 0;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 50%;
    background: #aba4a4;
}

.slider-area .dot-style .slider-active.dot-style .slick-dots button {
    text-indent: -100000px;
    height: 15px;
    width: 15px;
    border: 0;
    padding: 0;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #3A3A3A;
    margin-bottom: 84px;
}

.slider-area .dot-style .slick-active button {
    background: #fff;
    height: 10px;
    width: 10px;
}

.hero-overly {
    position: relative;
    z-index: 1;
}

.hero-overly::before {
    position: absolute;
    content: "";
    background: #c4c4c4;
    opacity: 0.569;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.booking-area {
    margin-top: -89px;
    z-index: 1;
    position: relative;
}

.booking-area .booking-wrap {
    padding: 39px 80px 20px 80px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 8px 79px 0px rgba(0, 0, 0, 0.08);
    flex-wrap: wrap;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .booking-area .booking-wrap {
        padding: 34px 46px 20px 42px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .booking-area .booking-wrap {
        padding: 49px 15px 20px 20px;
    }
}

@media (max-width: 767px) {
    .booking-area .booking-wrap {
        padding: 40px 26px 3px 54px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .booking-area .booking-wrap {
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .booking-area .booking-wrap {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .booking-area .booking-wrap {
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .booking-area .booking-wrap .single-select-box {
        width: 50%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .booking-area .booking-wrap .single-select-box {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .booking-area .booking-wrap .single-select-box {
        width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .booking-area .booking-wrap .single-select-box {
        width: 50%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .booking-area .booking-wrap .single-select-box {
        width: 50%;
    }
}

.booking-area .booking-wrap .boking-tittle span {
    color: #262626;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 600;
    display: block;
}

.booking-area .booking-wrap .nice-select.open .list {
    width: 100%;
}

.booking-area .booking-wrap .nice-select .list {
    width: 100%;
}

@media (max-width: 767px) {
    .booking-area .booking-wrap .nice-select {
        width: 80%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .booking-area .booking-wrap .nice-select {
        width: 80%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .booking-area .booking-wrap .nice-select {
        width: 50%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .booking-area .booking-wrap .nice-select {
        width: 80%;
    }
}

.select-btn {
    padding: 27px 49px;
}

@media (max-width: 767px) {
    .select-btn {
        width: 80%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .select-btn {
        width: 80%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .select-btn {
        width: 80%;
    }
}

@media (max-width: 767px) {
    .single-select-box.pt-45 {
        padding-top: 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-select-box.pt-45 {
        padding-top: 45px;
    }
}

.nice-select::after {
    border-bottom: none;
    border-right: none;
    display: block;
    height: 5px;
    margin-top: -15px;
    pointer-events: none;
    position: absolute;
    right: 22px;
    top: 50%;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    width: 5px;
    content: "\e64b";
    font-family: 'themify';
    font-size: 12px;
}

.booking-area .booking-wrap .nice-select.open .list {
    width: 100%;
    top: 50px;
}

.nice-select .option{
    color: #000;
}
.nice-select .option:hover,
.nice-select .option.focus{
    background-color: #0D3A7F;
    color: #fff;
}

.send-btn {
    background: transparent;
    border: 2px solid #368564;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0px;
    border-radius: 0px;
    font-size: 20px;
    color: #368564;
}
.main-bg{
    background:#368564;
    color: #fff;
}
.main-bg p{
    color: #fff;
}
.send-btn:hover {
    background: #368564;
    color: #fff;
}

.booking-area .booking-wrap .nice-select.open .list {
    border: 1px solid #368564;
    width: 100%;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .gj-textbox-md {
        width: 40%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gj-textbox-md {
        width: 80%;
    }
}

@media (max-width: 767px) {
    .gj-textbox-md {
        width: 80%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .gj-textbox-md {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .gj-picker.gj-picker-md.datepicker.gj-unselectable {
        left: 20px !important;
    }
}

.customer-caption {
    padding-left: 96px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .customer-caption {
        padding-left: 96px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .customer-caption {
        padding-left: 60px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .customer-caption {
        padding-left: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .customer-caption {
        padding-left: 0px;
    }
}

@media (max-width: 767px) {
    .customer-caption {
        padding-left: 0px;
    }
}

.customer-caption span {
    color: #fe0000;
    font-size: 14px;
    display: block;
    margin-bottom: 13px;
}

.customer-caption h2 {
    color: #112e41;
    font-size: 37px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 32px;
    font-family: 'Montserrat', serif;
}

.accordion{
    width:100%;
    /*border-bottom: 1px solid #BCBCBC;*/
    margin-top: 30px;
}
.ui-accordion-header{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items:center;
    outline: none;
    margin-top: 25px;
}

.ui-accordion-header-active{
    border-radius: 0px !important;
    border-bottom: 0px !important;
}

.bg-faq{
    background:#F6F6F6;
}
.ui-corner-top{
    background: transparent;
    margin-bottom: 0px;
    padding: 20px 20px 20px 80px;
    border-right: 2px solid #BCBCBC;
    border-left: 2px solid #BCBCBC;
    border-bottom: 2px solid #BCBCBC;
    border-radius: 0px 0px 20px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #818181;
}

.accordion .ui-corner-top:last-child{
    border-bottom:2px solid #BCBCBC !important;
}
.ui-accordion-header span{
    color:#818181;
}



.ui-accordion-content{
    padding: 5px 80px 20px 80px;
    border-right:2px solid #BCBCBC;
    border-left:2px solid #BCBCBC;
    border-bottom: 2px solid #BCBCBC !important;
    border-radius: 0px 0px 20px 20px;
    text-align: justify;
}

.ui-accordion-content-active{
    border-bottom:2px solid #BCBCBC !important;
}

.accordion .ui-corner-top:last-child{
    border-bottom:0px;
}

.accordion .card {
    overflow: hidden; }
.accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0; }
.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0; }
.accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
.accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
.accordion .card .card-header {
    margin-bottom: -1px; }

@media screen and (max-width:767px){
    .ui-corner-top{
        padding: 20px;
        font-size: 14px;
        font-weight: 600;
    }
    .ui-accordion-content {
        padding: 5px 20px 20px 20px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .customer-caption h2 {
        font-size: 28px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .customer-caption h2 {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .customer-caption h2 {
        font-size: 25px;
    }
}

.customer-caption .caption-details .pera-dtails {
    color: #112e41 !important;
    font-size: 20px;
    padding-right: 69px;
    margin-bottom: 30px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .customer-caption .caption-details .pera-dtails {
        padding-right: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .customer-caption .caption-details .pera-dtails {
        padding-right: 0px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .customer-caption .caption-details .pera-dtails {
        padding-right: 0px;
    }
}

@media (max-width: 767px) {
    .customer-caption .caption-details .pera-dtails {
        padding-right: 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .customer-caption .caption-details .pera-dtails {
        font-size: 17px;
    }
}

@media (max-width: 767px) {
    .customer-caption .caption-details .pera-dtails {
        font-size: 18px;
    }
}

.customer-caption .caption-details p {
    color: #888888;
    line-height: 28px;
    font-size: 15px;
    margin-bottom: 52px;
    padding-right: 26px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .customer-caption .caption-details p {
        padding-right: 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) and (min-width: 1200px) and (max-width: 1600px) {
    .customer-caption .caption-details p {
        padding-right: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .customer-caption .caption-details p {
        padding-right: 0px;
    }
}

@media (max-width: 767px) {
    .customer-caption .caption-details p {
        padding-right: 0px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .customer-caption .caption-details p {
        padding-right: 0px;
    }
}

.customer-img {
    position: relative;
}

.customer-img .customar-img1 {
    max-width: 717px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .customer-img .customar-img1 {
        max-width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .customer-img .customar-img1 {
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .customer-img .customar-img1 {
        max-width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .customer-img .customar-img1 {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .customer-img .customar-img1 {
        max-width: 90%;
    }
}

.customer-img .customar-img2 {
    max-width: 340px;
    position: absolute;
    top: -60px;
    right: -11px;
    z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .customer-img .customar-img2 {
        right: -67px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .customer-img .customar-img2 {
        right: 196px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .customer-img .customar-img2 {
        right: -62px;
    }
}

@media (max-width: 767px) {
    .customer-img .customar-img2 {
        display: none;
    }
}

.customer-img::before {
    background-image: url(../img/customer/customar_bg.png);
    position: absolute;
    content: "";
    top: -59px;
    right: -11px;
    max-width: 645px;
    z-index: -2;
    height: 479px;
    width: 500px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .customer-img::before {
        right: -67px;
    }
}

@media (max-width: 767px) {
    .customer-img::before {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .customer-img::before {
        right: -61px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .customer-img::before {
        right: 198px;
        display: none;
    }
}

.make-customer-area {
    position: relative;
}

.service-experience {
    background: #262626;
    position: absolute;
    right: 38px;
    border-radius: 10px;
    box-shadow: 0.907px 12.968px 20px 0px rgba(85, 85, 85, 0.2);
    bottom: 0;
    width: 418px;
    bottom: -27px;
    padding: 28px 0;
    text-align: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .service-experience {
        bottom: -60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-experience {
        left: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .service-experience {
        right: -21px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .service-experience {
        right: 150px;
    }
}

@media (max-width: 767px) {
    .service-experience {
        left: 0;
        max-width: 83%;
    }
}

@media (max-width: 767px) {
    .service-experience {
        min-width: 30%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .service-experience {
        min-width: 20%;
    }
}

@media (max-width: 767px) {
    .service-experience {
        padding: 18px 0;
    }
}

.service-experience h3 {
    color: #ffffff;
    font-size: 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .service-experience h3 {
        font-size: 28px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-experience h3 {
        font-size: 25px;
    }
}

@media (max-width: 767px) {
    .service-experience h3 {
        font-size: 23px;
    }
}

.btn i {
    color: #ffffff;
    font-size: 12px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.single-room:hover .room-caption {
    border: 1px solid #c4c4c4;
    border-top: transparent;
}

.single-room:hover .room-img img {
    transform: rotate(1deg) scale(1.1);
}

.single-room .room-img {
    overflow: hidden;
}

.single-room .room-img img {
    width: 100%;
    transform: rotate(0deg) scale(1);
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -ms-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}

.single-room .room-caption {
    padding: 33px 20px 33px 30px;
    box-shadow: 1.395px 19.951px 38px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid transparent;
    border-radius: 0 0 5px 5px;
    border-top: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.single-room .room-caption:hover h3 a {
    color: #dca73a;
}

.single-room .room-caption h3 {
    color: #112e41;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 19px;
}

@media (max-width: 767px) {
    .single-room .room-caption h3 {
        font-size: 20px;
    }
}

.single-room .room-caption h3 a:hover {
    color: #dca73a;
}

.single-room .room-caption .per-night span {
    color: #112e41;
    font-size: 18px;
    font-weight: 600;
}

.single-room .room-caption .per-night span u {
    float: left;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    text-decoration: none;
}

.single-room .room-caption .per-night span span {
    color: #848484;
    font-size: 14px;
}

.font-back-tittle {
    position: relative;
    text-align: center;
}

.font-back-tittle .archivment-front {
    position: relative;
    z-index: 1;
}
.font-back-tittle .archivment-front2 {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 50px;
}


.font-back-tittle .archivment-front h3 {
    font-size: 20px;
    text-transform: uppercase;
    color: #368564;
    font-weight: 700;
    font-family: 'Montserrat', serif;
}

.font-back-tittle .archivment-front h2 {
    font-size: 32px;
    color: #000;
    font-weight: 800;
    font-family: "Montserrat", sans-serif;

}
#img-foco{
    width: 100%;
    height: 370px;
    object-fit: cover;
    border-radius: 10px;
}

@media (max-width: 767px) {
    .font-back-tittle .archivment-front h3 {
        font-size: 18px;
    }

    .font-back-tittle .archivment-front h2 {
        font-size: 21px;
    }

    .font-back-tittle .archivment-front2{
        top:10px;
    }

}

.font-back-tittle h3.archivment-back {
    position: absolute;
    top: 55%;
    transform: translateY(-56%);
    font-size: 150px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.bg-black{
    background: #000 !important;
}

.archivment-back2{
    color: #9a9a9a38;
}

.archivment-front2 h2, .archivment-front2 h3{
    color: #fff;
}

.font-back-tittle h3.archivment-back2 {
    top: 50%;
    font-size: 100px;
    font-family: 'Montserrat', sans-serif;
    right: 0;
    left: 0;
    margin: 0 auto;
}

@media screen and (max-width: 991px) {
    .sub-semi {
        width: 50% !important;
    }
}
@media (max-width: 767px) {
    .font-back-tittle h3.archivment-back {
        transform: translateY(-56%);
    }
    #img-foco {
        height: 270px;
    }


}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .font-back-tittle h3.archivment-back {
        font-size: 93px;
    }
    .font-back-tittle h3.archivment-back2 {
        font-size: 93px;
    }
}

@media (max-width: 767px) {
    .font-back-tittle h3.archivment-back {
        font-size: 48px;
    }
    .font-back-tittle h3.archivment-back2 {
        font-size: 64px;
    }
}

.font-back-tittle img {
    position: absolute;
    top: 50%;
    transform: translateY(-56%);
    right: 0;
    left: 0;
    margin: 0 auto;
}

.dining-area .single-dining-area {
    position: relative;
    padding: 150px 0;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .dining-area .single-dining-area {
        padding: 10px 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .dining-area .single-dining-area {
        padding: 10px 0;
    }
}

@media (max-width: 767px) {
    .dining-area .single-dining-area {
        padding: 0px 0;
    }
}

.dining-area .single-dining-area.left-img {
    position: relative;
}

.dining-area .single-dining-area.left-img .overlay-left-img {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    bottom: 0;
    width: 70%;
    height: 100%;
    border-radius: 0 5px 0 0;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}


@media (max-width: 767px) {
    .dining-area .single-dining-area.left-img::before {
        display: none;
    }

    .dining-area .single-dining-area.left-img .overlay-left-img {
        display: none;
    }

}

.dining-area .single-dining-area.right-img {
    position: relative;
}

.dining-area .single-dining-area.right-img .overlay-right-img {
    position: absolute;
    right: 0;
    content: "";
    top: 0;
    bottom: 0;
    width: 70%;
    height: 100%;
    border-radius: 0 0 0 5px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}


@media (max-width: 767px) {
    .dining-area .single-dining-area.right-img::before {
        display: none;
    }

    .dining-area .single-dining-area.right-img .overlay-right-img {
        display: none;
    }
}

.dining-area .dining-caption {
    background: rgba(195, 193, 193, 0.8);
    padding: 60px 68px 60px 46px;
    z-index: 1;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .dining-area .dining-caption {
        padding: 60px 69px 68px 61px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .dining-area .dining-caption {
        padding: 57px 59px 65px 79px;
    }
}

.dining-area .dining-caption span {
    color: #fe0000;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 14px;
    display: block;
}

.dining-area .dining-caption h3 {
    font-weight: 300;
    font-size: 28px;
    color: #000;
    margin-bottom: 10px;
}

.dining-area .dining-caption p {
    margin-bottom: 36px;
    line-height: 1.6;
    font-size: 16px;
}

@media (max-width: 767px) {
    .dining-area .dining-caption p br {
        display: none;
    }

    .dining-area .dining-caption {
        padding: 20px;
    }

    .dining-area .dining-caption h3 {
        font-size: 20px !important;
    }

    .btn {
        padding: 20px 15px;
    }

    .border-btn {
        font-size: 13px;
    }
}

.testimonial-area .testimonial-caption p {
    font-size: 25px;
    color: #696868;
    line-height: 45px;
    line-height: 1.5;
    padding: 0 9px;
    margin-bottom: 37px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-area .testimonial-caption p {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .testimonial-area .testimonial-caption p {
        font-size: 19px;
    }
}

.testimonial-area .testimonial-ratting {
    margin-bottom: 21px;
}

.testimonial-area .testimonial-ratting i {
    color: #FBBA42;
    display: inline-block;
}

.testimonial-area .rattiong-caption span {
    color: #112e41;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.testimonial-area .rattiong-caption span span {
    color: #767676;
    font-size: 16px;
    text-transform: capitalize;
}

/* Homepage1 Testimonial */
.h1-testimonial-active button.slick-arrow {
    position: absolute;
    top: 50%;
    left: -133px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: none;
    border: 0;
    padding: 0;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    height: 45px;
    width: 45px;
    line-height: 15px;
    border-radius: 50%;
    cursor: pointer;
    background: none;
    color: #96989a;
    font-size: 20px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .h1-testimonial-active button.slick-arrow {
        left: -45px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .h1-testimonial-active button.slick-arrow {
        left: -45px;
    }
}

.h1-testimonial-active button.slick-next {
    left: auto;
    right: -133px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .h1-testimonial-active button.slick-next {
        right: -45px;
    }
}

.h1-testimonial-active:hover button.slick-prev {
    left: -120px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .h1-testimonial-active:hover button.slick-prev {
        left: 0;
    }
}

.h1-testimonial-active:hover button.slick-next {
    right: -120px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .h1-testimonial-active:hover button.slick-next {
        right: 0;
    }
}

.h1-testimonial-active:hover button {
    background: #dca73a;
    color: #fff;
}

.inner-area {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.inner-area .single-blog {
    box-shadow: 1.395px 19.951px 38px 0px rgba(0, 0, 0, 0.05);
    transition: .4s;
}

.inner-area .single-blog:hover .blog-img img {
    transform: rotate(1deg) scale(1.1);
}

.inner-area .single-blog .blog-img {
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
}
.blog-cap-mid h5{
    font-family: "Montserrat", sans-serif;
    color: #368564;
    font-weight: 500;
    font-size: 18px;
}

.inner-area .single-blog .blog-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 8px 8px 0px 0px;
    transform: rotate(0deg) scale(1);

    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.inner-area .single-blog .blog-caption {
    background: #ffffff;
    border-radius: 0px 0px 8px 8px;
    min-height: 300px;
    padding: 30px 30px 20px 20px;
}

@media (max-width: 767px) {
    .inner-area .single-blog .blog-caption {
        padding: 22px 22px 20px 20px;
    }
}

.inner-area .single-blog .blog-caption .blog-cap-top span {
    color: #fff;
    background: #dca73a;
    padding: 4px 13px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    border-radius: 5px;
}

.inner-area .single-blog .blog-caption .blog-cap-top ul li {
    color: #c7c7c7;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
}

.inner-area .single-blog .blog-caption .blog-cap-top ul li a {
    color: #dca73a;
    font-size: 14px;
}

.inner-area .single-blog .blog-caption .blog-cap-mid p a {
    color: #000;
    text-transform: uppercase;
    font-size: 26px;
    font-family: 'Montserrat', sans-serif;
    line-height: 28px;
    margin-bottom: 30px;
}


.property_certificates {
    padding: 80px 0px 0px
}

.section_title h3 {
    font-size: 40px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: #303030;
    position: relative;
    z-index: 0;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 0px;
    line-height: 50px;
}

.section_title h3 span {
    color: #368564;
}

.section_title .devider {
    position: relative;
    margin-top: -2px;
}
.section_title .devider span {
    width: 50px;
    height: 2px;
    background: #368564;
    display: inline-block;
    margin: 0 3px;
}
.section_title .devider span:last-child {
    background: #303030;
    width: 14px;
}

.btn-cat {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 170px;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    transition: all .1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.btn-cat:hover {
    border: 1px solid #368564;
    color: #368564;
}
.btn-cat a {
    padding: 7px 0px;
}
@media (max-width: 767px) {
    .inner-area .single-blog .blog-caption .blog-cap-mid p a {
        font-size: 16px;
    }
}

.inner-area .single-blog .blog-caption .blog-cap-mid p a:hover {
    color: #fe0000;
}

.inner-area .single-blog .blog-caption .blog-cap-bottom {
    padding-top: 20px;
    border-top: 1px solid #f9f9f9;
}

.inner-area .single-blog .blog-caption .blog-cap-bottom span {
    color: #adadad;
    font-size: 14px;
}

.inner-area .single-blog .blog-caption .blog-cap-bottom span img {
    margin-right: 5px;
}


.outline {
    color: white; /* Unfortunately you can't use transparent here … */
    text-shadow: -1px -1px 0 #d5cfc7,
    1px -1px 0 #d5cfc7,
    -1px 1px 0 #d5cfc7,
    1px 1px 0 #d5cfc7
}

/* Real outline for modern browsers */
@supports ((text-stroke: 1px #d5cfc7) or (-webkit-text-stroke: 1px #d5cfc7)) {
    .outline {
        color: #e7e7e7;
        text-shadow: none;
    }
}


.pb-168 {
    padding-bottom: 168px;
}

.gallery-area {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #f2f2f2;
}

@media (max-width: 767px) {
    .gallery-area {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}


.gallery-desc {
    padding: 20px 20px 30px 20px;
}

.gallery-desc h2 {
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .gallery-desc h2 {
        font-size: 18px;
    }

}

.footer-area .footer-logo{
    max-width: 150px;
}

.footer-area .k2-logo{
    position: absolute;
    right: 15px;
}

.blue-icons{
    color: #1c4080;
    font-size: 26px;
}

.footer-area .k2-logo img{
    width: 35px;
}

.footer-area h5{
    font-weight: 500;
    font-family: "Baloo Da 2", sans-serif;
    letter-spacing: 1px;
}
.footer-area .footer-social {
    margin-bottom: 30px;
}

.footer-area .footer-social a {
    width: 40px;
    height: 40px;
    border: 1px solid #888;
    background: #fff;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    color: #949eb2;
    margin-right: 5px;
    transition: .3s linear;
}

.footer-area .footer-social a:hover {
    background: none;
    color: #fff;
    border: 1px solid #fff;
    transform: scale(1.1);
}

.footer-area .footer-social2 a:hover {
    background: #dca73a;
    color: #fff;
    border: 1px solid transparent;
}

.footer-area .footer-pera p {
    color: #1c4080;
    font-size: 14px;
}

.footer-area p {
    color: #1c4080;
    line-height: 24px;
}

.footer-map div{
   width: 33%;
}

.border-footer{
    border-top: 2px solid #fff;
}

.footer-area .footer-pera p span a {
    color: #dca73a;
}

.footer-area .footer-pera p span a:hover {
    color: #fff;
}

.footer-area .footer-tittle h4 {
    color: #5FC9C0;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: 500;
}

.footer-area .footer-tittle ul li {
    color: #1c4080;
    margin-bottom: 8px;
}

.footer-area .footer-tittle ul li a {
    color: #ffffff;
    font-weight: 300;
}

.footer-area .footer-tittle ul li a:hover {
    color: #5FC9C0;
    padding-left: 5px;
}

.bottom-home{
    margin-top: -50px;
    z-index: 1;
    position: relative;
}

@media screen and (max-width:991px) {
    .bottom-home{
        margin-top: 0px;
    }
}
@media screen and (max-width:575px) {
    .footer-map div{
        width: 50%;
    }
}

@media screen and (max-width:767px) {
    .footer-area .k2-logo{
        position: relative;
        right: 0px;
    }
}

.gallery-img{
    margin: 0px 1px;
}

.footer-area .footer-form {
    margin-top: 30px;
}

.footer-area .footer-form form {
    position: relative;
}

.footer-area .footer-form form input {
    width: 100%;
    height: 43px;
    padding: 10px 20px;
    border: 1px solid #fff;
}

.footer-area .footer-form form .form-icon button {
    position: absolute;
    top: 6px;
    right: 18px;
    background: none;
    border: 0;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .footer-area .footer-tittle h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .footer-area .footer-tittle ul li {
        font-size: 14px;
    }
}

.whatsapp-button {
    position: fixed;
    width: 55px;
    height: 55px;
    bottom: 35px;
    right: 20px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 40px;
    box-shadow: 1px 1px 2px #888;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-area .info.error {
    color: #dca73a;
}

.maps-icon {
    max-height: 37px;
}

.waze-icon {
    max-height: 40px;
}

.hero-caption span {
    color: #fff;
    font-size: 16px;
    display: block;
    margin-bottom: 24px;
    font-weight: 600;
    padding-left: 95px;
    position: relative;
}

.hero-caption span::before {
    position: absolute;
    content: "";
    width: 75px;
    height: 3px;
    background: #dca73a;
    left: 0;
    top: 52%;
    transform: translateY(-50%);
}

.hero-caption h2 {
    color: #fe0000;
    font-size: 50px;
    font-weight: 700;
}

/* Start Blog Area css
============================================================================================ */
.latest-inner-area .area-heading {
    margin-bottom: 70px;
}

.blog_area a {
    color: #909092 !important;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.blog_area a:hover, .blog_area a :hover {
    background: -webkit-linear-gradient(131deg, #dca73a 0%, #dca73a 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.single-blog {
    overflow: hidden;
    margin-bottom: 30px;
}

.single-blog:hover {
    box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1);
}

.single-blog .thumb {
    overflow: hidden;
    position: relative;
}

.single-blog .thumb:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.single-blog h4 {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 34px;
    margin-bottom: 25px;
}

.single-blog a {
    color: #000000;
    font-size: 17px;
    font-weight: 400;
}

.single-blog .date {
    color: #666666;
    text-align: left;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
}

.single-blog .tag {
    text-align: left;
    display: inline-block;
    float: left;
    font-size: 13px;
    font-weight: 300;
    margin-right: 22px;
    position: relative;
}

.single-blog .tag:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 10px;
    background: #acacac;
    right: -12px;
    top: 7px;
}

@media (max-width: 1199px) {
    .single-blog .tag {
        margin-right: 8px;
    }

    .single-blog .tag:after {
        display: none;
    }
}

.single-blog .likes {
    margin-right: 16px;
}

@media (max-width: 800px) {
    .single-blog {
        margin-bottom: 30px;
    }
}

.single-blog .single-blog-content {
    padding: 30px;
}

.single-blog .single-blog-content .meta-bottom p {
    font-size: 13px;
    font-weight: 300;
}

.single-blog .single-blog-content .meta-bottom i {
    color: #fdcb9e;
    font-size: 13px;
    margin-right: 7px;
}

@media (max-width: 1199px) {
    .single-blog .single-blog-content {
        padding: 15px;
    }
}

.single-blog:hover .thumb:after {
    opacity: .7;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media (max-width: 1199px) {
    .single-blog h4 {
        transition: all 300ms linear 0s;
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 14px;
        margin-bottom: 12px;
    }

    .single-blog h4 a {
        font-size: 18px;
    }
}

.full_image.single-blog {
    position: relative;
}

.full_image.single-blog .single-blog-content {
    position: absolute;
    left: 35px;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media (min-width: 992px) {
    .full_image.single-blog .single-blog-content {
        bottom: 100px;
    }
}

.full_image.single-blog h4 {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-bottom: none;
    padding-bottom: 5px;
}

.full_image.single-blog a {
    font-size: 20px;
    font-weight: 600;
}

.full_image.single-blog .date {
    color: #fff;
}

.full_image.single-blog:hover .single-blog-content {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

/* End Blog Area css
============================================================================================ */
/* Latest Blog Area css
============================================================================================ */
.l_blog_item .l_blog_text .date {
    margin-top: 24px;
    margin-bottom: 15px;
}

.l_blog_item .l_blog_text .date a {
    font-size: 12px;
}

.l_blog_item .l_blog_text h4 {
    font-size: 18px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 0px;
    padding-bottom: 20px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.l_blog_item .l_blog_text p {
    margin-bottom: 0px;
    padding-top: 20px;
}

/* End Latest Blog Area css
============================================================================================ */
/* Causes Area css
============================================================================================ */
.causes_slider .owl-dots {
    text-align: center;
    margin-top: 80px;
}

.causes_slider .owl-dots .owl-dot {
    height: 14px;
    width: 14px;
    background: #eeeeee;
    display: inline-block;
    margin-right: 7px;
}

.causes_slider .owl-dots .owl-dot:last-child {
    margin-right: 0px;
}

.causes_item {
    background: #fff;
}

.causes_item .causes_img {
    position: relative;
}

.causes_item .causes_img .c_parcent {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    height: 3px;
    background: rgba(255, 255, 255, 0.5);
}

.causes_item .causes_img .c_parcent span {
    width: 70%;
    height: 3px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.causes_item .causes_img .c_parcent span:before {
    content: "75%";
    position: absolute;
    right: -10px;
    bottom: 0px;
    color: #fff;
    padding: 0px 5px;
}

.causes_item .causes_text {
    padding: 30px 35px 40px 30px;
}

.causes_item .causes_text h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    cursor: pointer;
}

.causes_item .causes_text p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 0px;
}

.causes_item .causes_bottom a {
    width: 50%;
    border: 1px solid;
    text-align: center;
    float: left;
    line-height: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.causes_item .causes_bottom a + a {
    border-color: #eeeeee;
    background: #fff;
    font-size: 14px;
}

/* End Causes Area css
============================================================================================ */
/*================= latest_blog_area css =============*/
.latest_blog_area {
    background: #f9f9ff;
}

.single-recent-blog-post {
    margin-bottom: 30px;
}

.single-recent-blog-post .thumb {
    overflow: hidden;
}

.single-recent-blog-post .thumb img {
    transition: all 0.7s linear;
}

.single-recent-blog-post .details {
    padding-top: 30px;
}

.single-recent-blog-post .details .sec_h4 {
    line-height: 24px;
    padding: 10px 0px 13px;
    transition: all 0.3s linear;
}

.single-recent-blog-post .date {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}

.single-recent-blog-post:hover img {
    transform: scale(1.23) rotate(10deg);
}

.tags .tag_btn {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    border: 1px solid #eeeeee;
    display: inline-block;
    padding: 1px 18px;
    text-align: center;
}

.tags .tag_btn + .tag_btn {
    margin-left: 2px;
}


/* INICIO BANNER*/
.midia-overlay{
    width:100%;
    height:100%;
    position: absolute;
    top:0px;
    left:0px;
    background: rgba(0, 0, 0, 0.05);
    /*background: linear-gradient(0deg,#000,hsla(0,0%,100%,0));*/
    /*background-image: url("../img/overlay.png");*/
    /*background-size: cover;*/
    /*background-position: center right;*/
}

.video-main{
    height: 100%;
    object-fit: cover;
}

.banner-main{
    width: 100%;
    height: 700px;

}

.main-content{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.container-main-text{
    display: inline;
    background: rgba(76,131,102, 0.8);
    font-size: 25px;
    margin-top: 20%;
}
.main-content h1{
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 50px;
    text-align: center;
    display: inline;
    margin-top: -10px;
}

.main-btn{
    border: 2px solid #FFDA00;
    padding: 15px 60px;
    letter-spacing: 3px;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.main-btn:hover{
    transition: all .5s ease;
    background: #FFDA00;
    color: #000 !important;
}
.main-btn:after{
    width: 40px;
    height: 60px;
    background: #FFDA00;
    content:'+';
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 200;
    color: #fff;
    position: absolute;
    right: -20px;
    font-size: 50px;
    bottom: -50%;
}

.banner-secondary{

}

.main-btn::selection {
    background-color: transparent;
}

@media screen and (max-width:991px){
    .banner-main{
        top: -10px;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 28px;
        font-weight: 300;
    }

    .main-content {
        justify-content: center;
    }
}
/*FIM BANNER*/
/*========= inner_area css ===========*/



.bradcam_text h2,
.bradcam_text h3{
    font-size: 40px;
    color: #fff;
    font-weight: 800;
}

.bradcam_bg_1{
    background: #e1e1e1;
    display: flex;
    align-items: flex-end;
    min-height: 350px;
    position: relative;
    /*display: none;*/
}

.prod-cat{
    min-width:80px;
    margin-right:10px;
}
.box-prod{
    width: 100%;
    min-width: 100%;
    display:flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.prod-name{
    font-weight: 700;
    text-align: center;
    line-height: 17px;
    width: 70% !important;
    min-height: 51px;
}

.box-prod-brand{
    display: flex;
    align-items: center;
}
.prod-brand-img{
    width: 80px;
    margin-right: 15px;
}

.prod-brand-line{
    height: 3px;
    background: #BFBFBF;
    width: 100%;
}
.box-prod img{
    height: 210px;
    max-width: 200px;
    object-fit: contain;
    object-position: center;
}
.prod-btn{
    background: #0D3A7F;
    color: #fff;
    border-radius: 7px;
    font-weight: 500;
    font-size: 13px;
    padding: 8px 35px;
    width: fit-content;
    text-align: center;
}

.bradcam_overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.slick-track{
    width: 100%;
}
.slick-list{
    width: 100%;
}

.slider-under .slick-track{
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
}
.red_overlay{
    background: rgba(169, 17, 36, 0.68);
}

.blue_overlay{
    background: rgba(13, 58, 127, 0.4);
}

.black_overlay{
    background: rgba(0, 0, 0, 0.57);
}

.marca-historia{
    max-width: 230px;
    height: 126px;
    object-fit: contain;
}

.img-historias{
    max-width: 100%;
}
.slider-historia .slick-prev,
.slider-historia .slick-next{
    top: 17% !important;
}

.title-historia{
    text-align: right;
    font-size: 45px;
    font-weight: 700;
    padding-right: 80px;
    color: #C3930A;
}

.line-hitoria{
    height: 3px;
    background: #C3930A;
    flex-grow: 1;
}

.box-brand{
    display: flex;
    flex-direction: column;
}

.brand-img{
    max-width: 100%;
    height: 100px;
    object-fit: contain;
}

.container-brand{
    width:20%;
    margin-bottom:35px;
    justify-content: start;
}
.brand-btn{
    background: #EDEDED;
    padding: 5px 20px;
    width: 100%;
    transition: all 0.3s ease-out 0s;
    border-radius: 8px;
    margin-bottom: 10px;
    text-align: center;
    color: #707070;
    font-weight: 600;
    font-family: "Montserrat", serif;
}

.main-bg-footer{
    position: relative;
}

footer{
    z-index: 2;
    position: relative;
}
.slick-track {
    /*width: 100% !important;*/
}
.footer-overlay{
    position: absolute;
    background-size: 50%;
    background-position: top right;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.products-footer .footer-overlay{
    background-image: url("../img/bg-footer-produtcs.png");
}

.img-culture{
    max-width: 100%;
}
.bg-triplice{
    background:#0D3A7F;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    position: relative;
}

.border-triplice{
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border: 3px solid #fff;
    border-top: none;
}

.footer-triplice{
    background-image: url("../img/bg-triplice.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    filter: sepia(1) saturate(2) hue-rotate(180deg);
}

@media screen and (max-width:991px){
    .footer-triplice{
        display: none;
    }
}

.nav-pills-culture{
    border-bottom: 3px solid #AD1C2E;
}

.nav-pills-culture .nav-link.active{
    position: relative;
    border: none !important;
    color: #9a9a9a !important;
    padding: 10px 30px;
}

.nav-pills-culture .nav-link{
    border: none !important;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 20px;
    color: #9a9a9a;
    text-align: center;
}

.nav-pills-culture .nav-link:hover{
    color: #AD1C2E !important;
}

.nav-pills-culture .nav-link.active .nav-border{
    position: absolute;
    left: 0px;
    bottom: -13px;
    width: 100%;
    height: 10px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background:#AD1C2E;
}
.culture-footer .footer-overlay{
    background-image: url("../img/bg-cultura.png");
}

.carreiras-footer .footer-overlay{
    background-image: url("../img/bg-carreiras.png");
    filter: sepia(1) saturate(2) hue-rotate(180deg);
}

.main-bg-footer  .red-btn{
    background: #78030A !important;
}

.main-bg-footer  .blue-btn{
    background: #031449 !important;
}

.main-bg-footer  .blue-btn:hover{
    background: #031449 !important;
}

.brand-btn:hover{
    background: #A91124;
    color: #fff !important;
}

.products-footer{
    background: #B20E10;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}

.culture-footer{
    background: #A91124;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}

.carreiras-footer{
    background: #0D3A7F;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}

.img-receita{
    max-width: 100%;
    border-radius: 30px;
}
.list-receita{
    list-style-type: circle;
    font-size: 20px;
    font-weight: 700;
}
.list-receita li{
    list-style-type: circle !important;
}
.bg-receita{
    padding: 40px 40px 120px 120px;
    background-image: url("../img/bg-tip.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    width: 100%;
    margin-left: -80px;
    margin-top: 80px;
    z-index: -1;
    position: relative;
}

.pilar-container{
    border-radius: 30px 30px 10px 10px;
    width: 200px;
    border: 1px solid #cdcdcd;
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}

.pilar-container p{
    text-align: center;
    font-size: 14px;
    line-height: 16px;
}

.pilar-title{
    text-align: center;
    font-weight: 600;
    font-size: 19px;
    color: #5d5d5d;
}

.pilar-img{
    max-width: 90px;
}

.pilar-container.red{
    background: #A91124;
}

.pilar-container.blue{
    background: #0D3A7F;
}
.pilar-number{
    color: #fff;
    font-size: 24px;
    padding: 10px 20px;
    text-align: center;
    font-weight: 500;
    position: relative;
}

.pilar-number:before{
    position: absolute;
    left: 0px;
    bottom: -1px;
    content: '';
    background-image: url("../img/top-curve-large.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 30px;
    height: 40px;

}

.pilar-body{
    padding: 15px 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 228px;
}

.blue .pilar-body:before{
    position: absolute;
    right: -1px;
    top: 0px;
    content: '';
    background-image: url("../img/top-curve-small.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 30px;
    height: 30px;
}

.red .pilar-body:before{
    position: absolute;
    right: -1px;
    top: 0px;
    content: '';
    background-image: url("../img/top-curve-small-red.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 30px;
    height: 30px;
}

.blue .pilar-body:after {
    position: absolute;
    left: 0px;
    bottom: -1px;
    content: '';
    background-image: url(../img/bottom-curve-small-blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 12px;
    height: 25px;
}

.red .pilar-body:after {
    position: absolute;
    left: 0px;
    bottom: -1px;
    content: '';
    background-image: url(../img/bottom-curve-small-red.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 12px;
    height: 25px;
}


.pilares-content{
    min-height: 350px;
}

.pilar-footer{
    height: 10px;
    position: relative;
}

.pilar-footer:after{
    position: absolute;
    right: 0px;
    top: -1px;
    content: '';
    background-image: url(../img/bottom-curve-small-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 9px;
    height: 10px;
}


.cultural-color{
    margin: 0px 10px;
    border-radius: 15px 15px 0px 0px;
    padding: 5px 5px;
    min-height: 48px;
}

.cultural-header{
    position: relative;
}

.cultural-header:before{
    position: absolute;
    left: 0px;
    bottom: -1px;
    content: "";
    background-image: url(../img/folder-detail-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 35px;
    height: 30px;
}

.cultural-header:after{
    position: absolute;
    right: 0px;
    bottom: -1px;
    content: "";
    background-image: url(../img/folder-detail-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 35px;
    height: 30px;
}

.blue .cultural-color{
    background:#0D3A7F;
}

.red .cultural-color{
    background:#A91124;
}

.cultural-color p{
    margin: 0px 10px;
    border-radius: 15px 15px 0px 0px;
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
}
.cultural-container{
    min-height: 248px;
}
.cultural-body{
    background: #F6F6F6;
    border-radius: 0px 0px 20px 20px;
    padding: 20px 15px;
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
    min-height: 186px;
}

.cultural-body p{
    font-size: 14px;
    line-height: 19px;
}

.vagas-container{
    display: flex;
    flex-direction: column;
    border-radius: 0px 0px 20px 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.vagas-header{
    padding: 7px 10px;
    background:#0D3A7F;
    color:#fff;
}

.vagas-body{
    background:#F6F6F6;
    border-radius: 0px 0px 20px 20px;
    padding: 20px 15px 15px 15px;
}

.receita-img{
    border-bottom-right-radius: 100px;
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.receita-img-interna{
    border-bottom-right-radius: 100px;
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.receita-title{
    min-height: 58px;
}

.receita-divider{
    display: flex;
    align-items: center;
}

.divider-border{
    height: 3px;
    background: #718CB4;
    width: 100%;
}

.body-title-receitas{
    white-space: nowrap;
}
@media screen and (max-width:1199px){
    .slider-under .slick-track {
        width: auto;
    }
    .title-historia{
        text-align: center;
        padding-right: 0px;
        font-size: 30px;
    }
    .marca-historia{
        max-width: 150px;
    }

    .container-brand{
        width:33%;
    }
}
@media screen and (max-width:991px){
    .img-receita{
        border-radius: 30px 30px 0px 0px;
    }
    .body-title-receitas{
        white-space: normal;
    }
    .divider-border{
        display: none;
    }
    .receita-img {
        border-bottom-right-radius: 40px;
        height:180px;
    }

    .receita-img-interna{
        border-bottom-right-radius: 40px;
        height:180px;
    }

    .receita-title {
        font-size: 16px;
        min-height: 38px;
    }
    .bg-receita{
        margin-left: 0px;
        margin-top: 0px;
        padding: 20px;
        border-radius: 0px 0px 30px 30px;
    }
    .list-receita{
        font-size: 14px;
        font-weight: 600;
    }
    .nav-pills-culture .nav-item {
        width: 50%;
    }

}
@media screen and (max-width:767px){
    .border-triplice{
        border: none;
    }
    .bg-triplice {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    .prod-name {
        width: 60% !important;
    }
    .container-brand{
        width:50%;
    }
    .box-prod img{
        height: 200px;
    }
    .footer-overlay{
        display: none;
    }
    .container-brand{
        margin-bottom:20px;
        justify-content: center;
    }
    .products-footer, .culture-footer, .carreiras-footer{
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
}

@media screen and (max-width:575px){
    .container-brand{
        width:100%;
    }
    .nav-pills-culture{
        display: flex;
        flex-wrap: wrap;
    }

    .nav-pills-culture .nav-link {
        font-size: 14px;
        text-align: center;
        padding: 20px 20px 5px 20px;
    }

    .nav-pills-culture .nav-link.active {
        padding: 20px 20px 5px 20px;
    }

    .nav-pills-culture .nav-link.active .nav-border {
        bottom: -10px;
        height: 8px;
    }
    .nav-pills-culture {
        border-bottom: none;
    }
}


.white_overlay{
    background: rgba(255, 255, 255, 0.25);
}

.bradcam_container{
    position: relative;
    z-index: 1;
}

.bradcam_border{
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center;
}
.bradcam_line{
    height:10px;
    width:400px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.line_red{
    background: #A91124;
}

.line_blue{
    background: #355590;
}

.bg-social{
    display: flex;
    flex-wrap: wrap;
}

.social-left{
    width: 45%;
    display: flex;
    justify-content: center;
    background-image: url("../img/social.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.social-right{
    width: 55%;
    padding: 140px 50px 140px 80px;
}
.box-social{
    display: flex;
}

.box-social i{
    font-size: 35px;
}

.img-social{
    max-width: 100%;
    border-radius: 20px;
}

@media screen and (max-width:991px){
    .social-left{
        background-image: none;
        width: 100%;
    }
    .social-right{
        width: 100%;
        padding: 40px 20px 40px 20px;
    }
    .box-social{
        justify-content: center;
    }
}
.categories_post {
    position: relative;
    text-align: center;
    cursor: pointer;
}

.categories_post img {
    max-width: 100%;
}

.categories_post .categories_details {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background: rgba(34, 34, 34, 0.75);
    color: #fff;
    transition: all 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
}

.categories_post .categories_details h5 {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
}

.categories_post .categories_details p {
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0px;
}

.categories_post .categories_details .border_line {
    margin: 10px 0px;
    background: #fff;
    width: 100%;
    height: 1px;
}

.categories_post:hover .categories_details {
    background: rgba(222, 99, 32, 0.85);
}

.inner_area {
    padding-top: 70px;
    padding-bottom: 30px;
    min-height: 60vh;
}


@media (max-width: 1100px) {
    .inner_area {
        padding-top: 100px;
        padding-bottom: 120px;
    }
}

@media (max-width: 991px) {
    .inner_area {
        padding-top: 90px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .inner_area {
        padding-top: 70px;
        padding-bottom: 30px;
    }



    .bradcam_border{
        bottom: -7px;

    }

    .bradcam_line {
        height: 7px;
        width: 160px;
    }

    .main-header{
        background: #A91124;
    }

    .bradcam_bg_1 {
        min-height: 200px;
    }

    .header-area  .container-menu-topo{
        background:#153A7E;
    }
    .menu-social i{
        color: #153A7E !important;
        font-size: 18px;
    }

    .header-area .logo-white{
        display: none;
    }
    .header-area .logo-black{
        max-width: 80px;
        display: block;
    }
    #banner{
        margin-top:78px !important;
    }
    .text-principal{
        font-size: 17px;
    }
}
/*============ blog_left_sidebar css ==============*/
.blog_item {
    margin-bottom: 50px;
}

.blog_details {
    padding: 30px 0 20px 10px;
    box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.3);
    flex: 1;
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .blog_details {
        padding: 60px 30px 35px 35px;
    }
}

.blog_details p {
    margin-bottom: 30px;
}

.blog_details a {
    color: #ff8b23;
}

.blog_details a:hover {
    color: #dca73a;
}

.blog_details h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .blog_details h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
}

.blog-info-link li {
    float: left;
    font-size: 14px;
}

.blog-info-link li a {
    color: #999999;
}

.blog-info-link li i,
.blog-info-link li span {
    font-size: 13px;
    margin-right: 5px;
}

.blog-info-link li::after {
    content: "|";
    padding-left: 10px;
    padding-right: 10px;
}

.blog-info-link li:last-child::after {
    display: none;
}

.blog-info-link::after {
    content: "";
    display: block;
    clear: both;
    display: table;
}

.blog_item_img {
    position: relative;
}

.blog_item_img .blog_item_date {
    position: absolute;
    bottom: -10px;
    left: 10px;
    display: block;
    color: #fff;
    background-color: #dca73a;
    padding: 8px 15px;
    border-radius: 5px;
}

@media (min-width: 768px) {
    .blog_item_img .blog_item_date {
        bottom: -20px;
        left: 40px;
        padding: 13px 30px;
    }
}

.blog_item_img .blog_item_date h3 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .blog_item_img .blog_item_date h3 {
        font-size: 30px;
    }
}

.blog_item_img .blog_item_date p {
    font-size: 18px;
    margin-bottom: 0;
    color: #fff;
}

@media (min-width: 768px) {
    .blog_item_img .blog_item_date p {
        font-size: 18px;
    }
}

.blog_right_sidebar .widget_title {
    font-size: 20px;
    margin-bottom: 40px;
}

.blog_right_sidebar .widget_title::after {
    content: "";
    display: block;
    padding-top: 15px;
    border-bottom: 1px solid #f0e9ff;
}

.blog_right_sidebar .single_sidebar_widget {
    background: #fbf9ff;
    padding: 30px;
    margin-bottom: 30px;
}

.blog_right_sidebar .single_sidebar_widget .btn_1 {
    margin-top: 0px;
}

.blog_right_sidebar .search_widget .form-control {
    height: 50px;
    border-color: #f0e9ff;
    font-size: 13px;
    color: #999999;
    padding-left: 20px;
    border-radius: 0;
    border-right: 0;
}


.form-control::placeholder,
.form-control::-moz-placeholder,
.form-control::-webkit-input-placeholder,
.form-control::-ms-input-placeholder{
    font-weight: 400 !important;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif !important;
}
.blog_right_sidebar .search_widget .form-control:focus {
    border-color: #f0e9ff;
    outline: 0;
    box-shadow: none;
}

.blog_right_sidebar .search_widget .input-group button {
    background: #fff;
    border-left: 0;
    border: 1px solid #f0e9ff;
    padding: 4px 15px;
    border-left: 0;
}

.blog_right_sidebar .search_widget .input-group button i,
.blog_right_sidebar .search_widget .input-group button span {
    font-size: 14px;
    color: #999999;
}

.blog_right_sidebar .newsletter_widget .form-control {
    height: 50px;
    border-color: #f0e9ff;
    font-size: 13px;
    color: #999999;
    padding-left: 20px;
    border-radius: 0;
}



.blog_right_sidebar .newsletter_widget .form-control:focus {
    border-color: #f0e9ff;
    outline: 0;
    box-shadow: none;
}

.blog_right_sidebar .newsletter_widget .input-group button {
    background: #fff;
    border-left: 0;
    border: 1px solid #f0e9ff;
    padding: 4px 15px;
    border-left: 0;
}

.blog_right_sidebar .newsletter_widget .input-group button i,
.blog_right_sidebar .newsletter_widget .input-group button span {
    font-size: 14px;
    color: #999999;
}

.blog_right_sidebar .post_category_widget .cat-list li {
    border-bottom: 1px solid #f0e9ff;
    transition: all 0.3s ease 0s;
    padding-bottom: 12px;
}

.blog_right_sidebar .post_category_widget .cat-list li:last-child {
    border-bottom: 0;
}

.blog_right_sidebar .post_category_widget .cat-list li a {
    font-size: 14px;
    line-height: 20px;
    color: #888888;
}

.blog_right_sidebar .post_category_widget .cat-list li a p {
    margin-bottom: 0px;
}

.blog_right_sidebar .post_category_widget .cat-list li + li {
    padding-top: 15px;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body {
    justify-content: center;
    align-self: center;
    padding-left: 20px;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 6px;
    transition: all 0.3s linear;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {
    color: #fff;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0px;
}

.blog_right_sidebar .popular_post_widget .post_item + .post_item {
    margin-top: 20px;
}

.blog_right_sidebar .tag_cloud_widget ul li {
    display: inline-block;
}

.blog_right_sidebar .tag_cloud_widget ul li a {
    display: inline-block;
    border: 1px solid #eeeeee;
    background: #fff;
    padding: 4px 20px;
    margin-bottom: 8px;
    margin-right: 3px;
    transition: all 0.3s ease 0s;
    color: #888888;
    font-size: 13px;
}

.blog_right_sidebar .tag_cloud_widget ul li a:hover {
    background: #dca73a;
    color: #fff !important;
    -webkit-text-fill-color: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.blog_right_sidebar .instagram_feeds .instagram_row {
    display: flex;
    margin-right: -6px;
    margin-left: -6px;
}

.blog_right_sidebar .instagram_feeds .instagram_row li {
    width: 33.33%;
    float: left;
    padding-right: 6px;
    padding-left: 6px;
    margin-bottom: 15px;
}

.blog_right_sidebar .br {
    width: 100%;
    height: 1px;
    background: #eeeeee;
    margin: 30px 0px;
}

.blog-pagination {
    margin-top: 80px;
}

.blog-pagination .page-link {
    font-size: 14px;
    position: relative;
    display: block;
    padding: 0;
    text-align: center;
    margin-left: -1px;
    line-height: 45px;
    width: 45px;
    height: 45px;
    border-radius: 0 !important;
    color: #8a8a8a;
    border: 1px solid #f0e9ff;
    margin-right: 10px;
}

.blog-pagination .page-link i,
.blog-pagination .page-link span {
    font-size: 13px;
}

.blog-pagination .page-item.active .page-link {
    background-color: #fbf9ff;
    border-color: #f0e9ff;
    color: #888888;
}

.blog-pagination .page-item:last-child .page-link {
    margin-right: 0;
}

/*============ Start Blog Single Styles  =============*/
.single-post-area .blog_details {
    box-shadow: none;
    padding: 0;
}

.single-post-area .social-links {
    padding-top: 10px;
}

.single-post-area .social-links li {
    display: inline-block;
    margin-bottom: 10px;
}

.single-post-area .social-links li a {
    color: #cccccc;
    padding: 7px;
    font-size: 14px;
    transition: all 0.2s linear;
}

.single-post-area .blog_details {
    padding-top: 26px;
}

.single-post-area .blog_details p {
    margin-bottom: 20px;
    font-size: 15px;
}

.single-post-area .quote-wrapper {
    background: rgba(130, 139, 178, 0.1);
    padding: 15px;
    line-height: 1.733;
    color: #888888;
    font-style: italic;
    margin-top: 25px;
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    .single-post-area .quote-wrapper {
        padding: 30px;
    }
}

.single-post-area .quotes {
    background: #fff;
    padding: 15px 15px 15px 20px;
    border-left: 2px solid;
}

@media (min-width: 768px) {
    .single-post-area .quotes {
        padding: 25px 25px 25px 30px;
    }
}

.single-post-area .arrow {
    position: absolute;
}

.single-post-area .arrow .lnr {
    font-size: 20px;
    font-weight: 600;
}

.single-post-area .thumb .overlay-bg {
    background: rgba(0, 0, 0, 0.8);
}

.single-post-area .navigation-top {
    padding-top: 15px;
    border-top: 1px solid #f0e9ff;
}

.single-post-area .navigation-top p {
    margin-bottom: 0;
}

.single-post-area .navigation-top .like-info {
    font-size: 14px;
}

.single-post-area .navigation-top .like-info i,
.single-post-area .navigation-top .like-info span {
    font-size: 16px;
    margin-right: 5px;
}

.single-post-area .navigation-top .comment-count {
    font-size: 14px;
}

.single-post-area .navigation-top .comment-count i,
.single-post-area .navigation-top .comment-count span {
    font-size: 16px;
    margin-right: 5px;
}

.single-post-area .navigation-top .social-icons li {
    display: inline-block;
    margin-right: 15px;
}

.single-post-area .navigation-top .social-icons li:last-child {
    margin: 0;
}

.single-post-area .navigation-top .social-icons li i,
.single-post-area .navigation-top .social-icons li span {
    font-size: 14px;
    color: #999999;
}

.single-post-area .blog-author {
    padding: 40px 30px;
    background: #fbf9ff;
    margin-top: 50px;
}

@media (max-width: 600px) {
    .single-post-area .blog-author {
        padding: 20px 8px;
    }
}

.single-post-area .blog-author img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-right: 30px;
}

@media (max-width: 600px) {
    .single-post-area .blog-author img {
        margin-right: 15px;
        width: 45px;
        height: 45px;
    }
}

.single-post-area .blog-author a {
    display: inline-block;
}

.single-post-area .blog-author a:hover {
    color: #dca73a;
}

.single-post-area .blog-author p {
    margin-bottom: 0;
    font-size: 15px;
}

.single-post-area .blog-author h4 {
    font-size: 16px;
}

.single-post-area .navigation-area {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-top: 55px;
}

.single-post-area .navigation-area p {
    margin-bottom: 0px;
}

.single-post-area .navigation-area h4 {
    font-size: 18px;
    line-height: 25px;
}

.single-post-area .navigation-area .nav-left {
    text-align: left;
}

.single-post-area .navigation-area .nav-left .thumb {
    margin-right: 20px;
    background: #000;
}

.single-post-area .navigation-area .nav-left .thumb img {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.single-post-area .navigation-area .nav-left .lnr {
    margin-left: 20px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.single-post-area .navigation-area .nav-left:hover .lnr {
    opacity: 1;
}

.single-post-area .navigation-area .nav-left:hover .thumb img {
    opacity: .5;
}

@media (max-width: 767px) {
    .single-post-area .navigation-area .nav-left {
        margin-bottom: 30px;
    }
}

.single-post-area .navigation-area .nav-right {
    text-align: right;
}

.single-post-area .navigation-area .nav-right .thumb {
    margin-left: 20px;
    background: #000;
}

.single-post-area .navigation-area .nav-right .thumb img {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.single-post-area .navigation-area .nav-right .lnr {
    margin-right: 20px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.single-post-area .navigation-area .nav-right:hover .lnr {
    opacity: 1;
}

.single-post-area .navigation-area .nav-right:hover .thumb img {
    opacity: .5;
}

@media (max-width: 991px) {
    .single-post-area .sidebar-widgets {
        padding-bottom: 0px;
    }
}

.comments-area {
    background: transparent;
    border-top: 1px solid #eee;
    padding: 45px 0;
    margin-top: 50px;
}

@media (max-width: 414px) {
    .comments-area {
        padding: 50px 8px;
    }
}

.comments-area h4 {
    margin-bottom: 35px;
    font-size: 18px;
}

.comments-area h5 {
    font-size: 16px;
    margin-bottom: 0px;
}

.comments-area .comment-list {
    padding-bottom: 48px;
}

.comments-area .comment-list:last-child {
    padding-bottom: 0px;
}

.comments-area .comment-list.left-padding {
    padding-left: 25px;
}

@media (max-width: 413px) {
    .comments-area .comment-list .single-comment h5 {
        font-size: 12px;
    }

    .comments-area .comment-list .single-comment .date {
        font-size: 11px;
    }

    .comments-area .comment-list .single-comment .comment {
        font-size: 10px;
    }
}

.comments-area .thumb {
    margin-right: 20px;
}

.comments-area .thumb img {
    width: 70px;
    border-radius: 50%;
}

.comments-area .date {
    font-size: 14px;
    color: #999999;
    margin-bottom: 0;
    margin-left: 20px;
}

.comments-area .comment {
    margin-bottom: 10px;
    color: #777777;
    font-size: 15px;
}

.comments-area .btn-reply {
    background-color: transparent;
    color: #888888;
    padding: 5px 18px;
    font-size: 14px;
    display: block;
    font-weight: 400;
}

.comment-form {
    border-top: 1px solid #eee;
    padding-top: 45px;
    margin-top: 50px;
    margin-bottom: 20px;
}

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

.comment-form h4 {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 22px;
}

.comment-form .name {
    padding-left: 0px;
}

@media (max-width: 767px) {
    .comment-form .name {
        padding-right: 0px;
        margin-bottom: 1rem;
    }
}

.comment-form .email {
    padding-right: 0px;
}

@media (max-width: 991px) {
    .comment-form .email {
        padding-left: 0px;
    }
}

.comment-form .form-control {
    border: 1px solid #f0e9ff;
    border-radius: 5px;
    height: 48px;
    padding-left: 18px;
    font-size: 13px;
    background: transparent;
}

.comment-form .form-control:focus {
    outline: 0;
    box-shadow: none;
}

.comment-form textarea {
    padding-top: 18px;
    border-radius: 12px;
    height: 100% !important;
}


/*============ End Blog Single Styles  =============*/
/*

	@include transition(.4s);
	color:$theme-color;

*/
.boxed-btn {
    background: #fff;
    color: #dca73a !important;
    display: inline-block;
    padding: 18px 44px;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    border: 0;
    border: 1px solid #dca73a;
    letter-spacing: 3px;
    text-align: center;
    color: #dca73a;
    text-transform: uppercase;
    cursor: pointer;
}

.boxed-btn:hover {
    background: #dca73a;
    color: #fff !important;
    border: 1px solid #dca73a;
}

.boxed-btn:focus {
    outline: none;
}

.boxed-btn.large-width {
    width: 220px;
}

/* Normal desktop :1200px. */
/* Normal desktop :992px. */
/* Tablet desktop :768px. */
/* small mobile :320px. */
/* Large Mobile :480px. */
/* 1. Theme default css */
body {
    font-family: "Montserrat", serif;
    font-weight: normal;
    font-style: normal;
}

.img {
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a,
.button {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus, button:focus {
    text-decoration: none;
    outline: none;
}

a:focus {
    text-decoration: none;
}

a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
    text-decoration: none;
}

a,
button {
    outline: medium none;
}

h1, h2, h3, h4, h5 {
    font-family: "Montserrat", sans-serif;
    color: #1c4080;
}

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

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

li {
    list-style: none;
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #000;
    margin-bottom: 13px;
    font-family: "Montserrat", serif;
}

@media screen and (max-width:991px){
    p {
        font-size: 14px;
    }
}


label {
    color: #7e7e7e;
    font-size: 14px;
    font-weight: 400;
}

*::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}



h3 {
    font-size: 24px;
}

.mb-65 {
    margin-bottom: 67px;
}

.white-bg {
    background: #ffffff;
}

.gray-bg {
    background: #f5f5f5;
}

.bg-img-1 {
    background-image: url(../img/slider/slider-img-1.jpg);
}

.bg-img-2 {
    background-image: url(../img/background-img/bg-img-2.jpg);
}

.cta-bg-1 {
    background-image: url(../img/background-img/bg-img-3.jpg);
}

.overlay {
    position: relative;
    z-index: 0;
}

.overlay::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.overlay2 {
    position: relative;
    z-index: 0;
}

.overlay2::before {
    position: absolute;
    content: "";
    background-color: #2E2200;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.5;
}

.section-padding {
    padding-top: 120px;
    padding-bottom: 120px;
}

.pt-120 {
    padding-top: 120px;
}

/* button style */
.owl-carousel .owl-nav div {
    background: transparent;
    height: 54px;
    left: 0px;
    line-height: 54px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 54px;
    font-size: 25px;
    color: #fff;
    background-color: white;
    border-radius: 50%;
    left: 50px;
    font-size: 18px;
    line-height: 54px;
    left: -26px;
    font-size: 18px;
    line-height: 54px;
    color: #000;
}

.owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: -30px;
}

.owl-carousel .owl-nav div.owl-next i {
    position: relative;
    right: 0;
    top: 1px;
}

.owl-carousel .owl-nav div.owl-prev i {
    position: relative;
    right: 1px;
    top: 0px;
}

.owl-carousel:hover .owl-nav div {
    opacity: 1;
    visibility: visible;
}

.owl-carousel:hover .owl-nav div:hover {
    color: #fff;
    background: #ff3500;
}

.mb-20px {
    margin-bottom: 20px;
}

.mb-90 {
    margin-bottom: 90px;
}

@media (max-width: 767px) {
    .mb-90 {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mb-90 {
        margin-bottom: 45px;
    }
}

/*=================== contact banner start ====================*/
.dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.contact-info {
    margin-bottom: 25px;
}

.contact-info__icon {
    margin-right: 20px;
}

.contact-info__icon i, .contact-info__icon span {
    color: #8f9195;
    font-size: 27px;
}

.contact-info .media-body h3 {
    font-size: 16px;
    margin-bottom: 0;
    font-size: 16px;
    color: #2a2a2a;
}

.contact-info .media-body h3 a:hover {
    color: #222222;
}

.contact-info .media-body p {
    color: #8a8a8a;
}

/*=================== contact banner end ====================*/
/*=================== contact form start ====================*/
.contact-title {
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 20px;
}

.form-contact label {
    font-size: 14px;
}

.form-contact .form-group {
    margin-bottom: 15px;
    position: relative;
}

.txt_mandatory{
    position: absolute;
    right: 5px;
    top: 0;
    color: #ed0623;
    font-size: 10.5px;
    font-weight: 500;
}

.txt_image{
    color: #ed0623;
    font-size: 12px;
    font-weight: 500;
}
button:disabled {
    cursor: not-allowed;
}

.form-contact .form-control {
    border: none;
    border-radius: 10px;
    height: 45px;
    padding-left: 18px;
    line-height: 30px;
    font-size: 14px;
    background: #F6F6F6;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-family: 'Montserrat', sans-serif;
}

.form-contact .form-control[readonly]{
    background: #cdcdcd;
}
label {
    margin-bottom: .25rem;
}

.bg-image{
    background: #e1e1e1;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 13px;
}

.form-contact .form-control:focus {
    outline: 0;
    box-shadow: none;
}

.form-contact textarea {
    border-radius: 0px;
    height: 100% !important;
}

/*=================== contact form end ====================*/
/* Contact Success and error Area css
============================================================================================ */
.modal-message .modal-dialog {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) !important;
    margin: 0px;
    max-width: 500px;
    width: 100%;
}

.modal-message .modal-dialog .modal-content .modal-header {
    text-align: center;
    display: block;
    border-bottom: none;
    padding-top: 50px;
    padding-bottom: 50px;
}

.modal-message .modal-dialog .modal-content .modal-header .close {
    position: absolute;
    right: -15px;
    top: -15px;
    padding: 0px;
    color: #fff;
    opacity: 1;
    cursor: pointer;
}

.modal-message .modal-dialog .modal-content .modal-header h2 {
    display: block;
    text-align: center;
    padding-bottom: 10px;
}

.modal-message .modal-dialog .modal-content .modal-header p {
    display: block;
}

.inner-section {
    padding: 80px 0 100px;
}

@media (max-width: 991px) {
    .bradcam_text h3 {
        font-size: 24px;
    }
    .inner-section {
        padding: 50px 0 40px;
    }
    .property_certificates {
        padding: 30px 0px 0px;
    }
    .section_title h3 {
        font-size: 24px;
        line-height: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .inner-section {
        padding: 80px 0 50px;
    }
}

.inner-section .btn_2 {
    background-color: #191d34;
    padding: 18px 60px;
    border-radius: 50px;
    margin-top: 0;
}

.inner-section .btn_2:hover {
    background-color: #222222;
}

.breadcam_bg {
    background-image: url(../img/banner/bradcam.png);
}

.breadcam_bg_1 {
    background-image: url(../img/banner/bradcam2.png);
}

.breadcam_bg_2 {
    background-image: url(../img/banner/bradcam3.png);
}

.bradcam_area {
    background-size: cover;
    background-position: center center;
    padding: 160px 0;
    background-position: bottom;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .bradcam_area {
        padding: 150px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bradcam_area {
        padding: 150px 0;
    }
}

.bradcam_area h3 {
    font-size: 50px;
    color: #fff;
    font-weight: 900;
    margin-bottom: 0;
    font-family: "Lato", sans-serif;
    text-transform: capitalize;
}

@media (max-width: 767px) {
    .bradcam_area h3 {
        font-size: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bradcam_area h3 {
        font-size: 40px;
    }
}

.popup_box {
    background: #fff;
    display: inline-block;
    z-index: 9;
    width: 681px;
    padding: 60px 40px;
}

@media (max-width: 767px) {
    .popup_box {
        width: 320px;
        padding: 45px 30px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .popup_box {
        width: 420px !important;
        padding: 45px 30px;
    }
}

.popup_box h3 {
    text-align: center;
    font-size: 22px;
    color: #1F1F1F;
    margin-bottom: 46px;
}

.popup_box .boxed-btn3 {
    width: 100%;
    text-transform: capitalize;
}

.popup_box .nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    /* border-radius: 5px; */
    border: solid 1px #E2E2E2;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: "Noto Serif", serif;
    font-weight: normal;
    width: 100% !important;
    /* height: 42px; */
    line-height: 50px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    border-radius: 0;
    margin-bottom: 30px;
    height: 50px !important;
    font-size: 16px;
    font-weight: 400;
    color: #919191;
}

.popup_box .nice-select::after {
    content: "\f0d7";
    display: block;
    height: 5px;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 17px;
    top: 3px;
    transition: all 0.15s ease-in-out;
    width: 5px;
    font-family: fontawesome;
    color: #919191;
    font-size: 15px;
}

.popup_box .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    height: 200px;
    overflow-y: scroll;
}

.popup_box .nice-select.list {
    height: 200px;
    overflow-y: scroll;
}

#test-form {
    display: inline-block;
    margin: auto;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
    #test-form {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

#test-form .mfp-close-btn-in .mfp-close {
    color: #333;
    display: none !important;
}

#test-form button.mfp-close {
    display: none !important;
}

@media (max-width: 767px) {
    #test-form button.mfp-close {
        display: block !important;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
    }
}

#test-form button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
    width: 40px;
    height: 40px;
    background: #4A3600;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    position: absolute;
    right: -6px;
    color: #fff !important;
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #4A3600;
    opacity: 0.6;
}

@media (max-width: 767px) {
    .gj-picker.gj-picker-md.timepicker {
        width: 310px;
        left: 6px !important;
    }
}

@media (max-width: 767px) {
    .gj-picker.gj-picker-md.datepicker.gj-unselectable {
        width: 320px;
        left: 0 !important;
    }
}

.flex-center-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.overlay::before {
    background-image: -moz-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, black 100%);
    background-image: -webkit-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, black 100%);
    background-image: -ms-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, black 100%);
}

.sample-text-area {
    background: #fff;
    padding: 100px 0 70px 0;
}

.text-heading {
    margin-bottom: 30px;
    font-size: 24px;
}

b,
sup,
sub,
u,
del {
    color: #222222;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2em;
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
    color: #828bb2;
}

.button-area {
    background: #fff;
}

.button-area .border-top-generic {
    padding: 70px 15px;
    border-top: 1px dotted #eee;
}

.button-group-area .genric-btn {
    margin-right: 10px;
    margin-top: 10px;
}

.button-group-area .genric-btn:last-child {
    margin-right: 0;
}

.genric-btn {
    display: inline-block;
    outline: none;
    line-height: 40px;
    padding: 0 30px;
    font-size: .8em;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.genric-btn:focus {
    outline: none;
}

.genric-btn.e-large {
    padding: 0 40px;
    line-height: 50px;
}

.genric-btn.large {
    line-height: 45px;
}

.genric-btn.medium {
    line-height: 30px;
}

.genric-btn.small {
    line-height: 25px;
}

.genric-btn.radius {
    border-radius: 3px;
}

.genric-btn.circle {
    border-radius: 20px;
}

.genric-btn.arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.genric-btn.arrow span {
    margin-left: 10px;
}

.genric-btn.default {
    color: #415094;
    background: #f9f9ff;
    border: 1px solid transparent;
}

.genric-btn.default:hover {
    border: 1px solid #f9f9ff;
    background: #fff;
}

.genric-btn.default-border {
    border: 1px solid #f9f9ff;
    background: #fff;
}

.genric-btn.default-border:hover {
    color: #415094;
    background: #f9f9ff;
    border: 1px solid transparent;
}

.genric-btn.primary {
    color: #fff;
    background: #222222;
    border: 1px solid transparent;
}

.genric-btn.primary:hover {
    color: #222222;
    border: 1px solid #222222;
    background: #fff;
}

.genric-btn.primary-border {
    color: #222222;
    border: 1px solid #222222;
    background: #fff;
}

.genric-btn.primary-border:hover {
    color: #fff;
    background: #222222;
    border: 1px solid transparent;
}

.genric-btn.success {
    color: #fff;
    background: #4cd3e3;
    border: 1px solid transparent;
}

.genric-btn.success:hover {
    color: #4cd3e3;
    border: 1px solid #4cd3e3;
    background: #fff;
}

.genric-btn.success-border {
    color: #4cd3e3;
    border: 1px solid #4cd3e3;
    background: #fff;
}

.genric-btn.success-border:hover {
    color: #fff;
    background: #4cd3e3;
    border: 1px solid transparent;
}

.genric-btn.info {
    color: #fff;
    background: #38a4ff;
    border: 1px solid transparent;
}

.genric-btn.info:hover {
    color: #38a4ff;
    border: 1px solid #38a4ff;
    background: #fff;
}

.genric-btn.info-border {
    color: #38a4ff;
    border: 1px solid #38a4ff;
    background: #fff;
}

.genric-btn.info-border:hover {
    color: #fff;
    background: #38a4ff;
    border: 1px solid transparent;
}

.genric-btn.warning {
    color: #fff;
    background: #f4e700;
    border: 1px solid transparent;
}

.genric-btn.warning:hover {
    color: #f4e700;
    border: 1px solid #f4e700;
    background: #fff;
}

.genric-btn.warning-border {
    color: #f4e700;
    border: 1px solid #f4e700;
    background: #fff;
}

.genric-btn.warning-border:hover {
    color: #fff;
    background: #f4e700;
    border: 1px solid transparent;
}

.genric-btn.danger {
    color: #fff;
    background: #f44a40;
    border: 1px solid transparent;
}

.genric-btn.danger:hover {
    color: #f44a40;
    border: 1px solid #f44a40;
    background: #fff;
}

.genric-btn.danger-border {
    color: #f44a40;
    border: 1px solid #f44a40;
    background: #fff;
}

.genric-btn.danger-border:hover {
    color: #fff;
    background: #f44a40;
    border: 1px solid transparent;
}

.genric-btn.link {
    color: #415094;
    background: #f9f9ff;
    text-decoration: underline;
    border: 1px solid transparent;
}

.genric-btn.link:hover {
    color: #415094;
    border: 1px solid #f9f9ff;
    background: #fff;
}

.genric-btn.link-border {
    color: #415094;
    border: 1px solid #f9f9ff;
    background: #fff;
    text-decoration: underline;
}

.genric-btn.link-border:hover {
    color: #415094;
    background: #f9f9ff;
    border: 1px solid transparent;
}

.genric-btn.disable {
    color: #222222, 0.3;
    background: #f9f9ff;
    border: 1px solid transparent;
    cursor: not-allowed;
}

.generic-blockquote {
    padding: 30px 50px 30px 30px;
    background: #f9f9ff;
    border-left: 2px solid #222222;
}

.progress-table-wrap {
    overflow-x: scroll;
}

.progress-table {
    background: #f9f9ff;
    padding: 15px 0px 30px 0px;
    min-width: 800px;
}

.progress-table .serial {
    width: 11.83%;
    padding-left: 30px;
}

.progress-table .country {
    width: 28.07%;
}

.progress-table .visit {
    width: 19.74%;
}

.progress-table .percentage {
    width: 40.36%;
    padding-right: 50px;
}

.progress-table .table-head {
    display: flex;
}

.progress-table .table-head .serial,
.progress-table .table-head .country,
.progress-table .table-head .visit,
.progress-table .table-head .percentage {
    color: #415094;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 500;
}

.progress-table .table-row {
    padding: 15px 0;
    border-top: 1px solid #edf3fd;
    display: flex;
}

.progress-table .table-row .serial,
.progress-table .table-row .country,
.progress-table .table-row .visit,
.progress-table .table-row .percentage {
    display: flex;
    align-items: center;
}

.progress-table .table-row .country img {
    margin-right: 15px;
}

.progress-table .table-row .percentage .progress {
    width: 80%;
    border-radius: 0px;
    background: transparent;
}

.progress-table .table-row .percentage .progress .progress-bar {
    height: 5px;
    line-height: 5px;
}

.progress-table .table-row .percentage .progress .progress-bar.color-1 {
    background-color: #6382e6;
}

.progress-table .table-row .percentage .progress .progress-bar.color-2 {
    background-color: #e66686;
}

.progress-table .table-row .percentage .progress .progress-bar.color-3 {
    background-color: #f09359;
}

.progress-table .table-row .percentage .progress .progress-bar.color-4 {
    background-color: #73fbaf;
}

.progress-table .table-row .percentage .progress .progress-bar.color-5 {
    background-color: #73fbaf;
}

.progress-table .table-row .percentage .progress .progress-bar.color-6 {
    background-color: #6382e6;
}

.progress-table .table-row .percentage .progress .progress-bar.color-7 {
    background-color: #a367e7;
}

.progress-table .table-row .percentage .progress .progress-bar.color-8 {
    background-color: #e66686;
}

.single-gallery-image {
    margin-top: 30px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    height: 200px;
}

.list-style {
    width: 14px;
    height: 14px;
}

.unordered-list li {
    position: relative;
    padding-left: 30px;
    line-height: 1.82em !important;
}

.unordered-list li:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 3px solid #222222;
    background: #fff;
    top: 4px;
    left: 0;
    border-radius: 50%;
}

.ordered-list {
    margin-left: 30px;
}

.ordered-list li {
    list-style-type: decimal-leading-zero;
    color: #222222;
    font-weight: 500;
    line-height: 1.82em !important;
}

.ordered-list li span {
    font-weight: 300;
    color: #828bb2;
}

.ordered-list-alpha li {
    margin-left: 30px;
    list-style-type: lower-alpha;
    color: #222222;
    font-weight: 500;
    line-height: 1.82em !important;
}

.ordered-list-alpha li span {
    font-weight: 300;
    color: #828bb2;
}

.ordered-list-roman li {
    margin-left: 30px;
    list-style-type: lower-roman;
    color: #222222;
    font-weight: 500;
    line-height: 1.82em !important;
}

.ordered-list-roman li span {
    font-weight: 300;
    color: #828bb2;
}

.single-input {
    display: block;
    width: 100%;
    line-height: 40px;
    border: none;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
}

.single-input:focus {
    outline: none;
}

.input-group-icon {
    position: relative;
}

.input-group-icon .icon {
    position: absolute;
    left: 20px;
    top: 0;
    line-height: 40px;
    z-index: 3;
}

.input-group-icon .icon i {
    color: #797979;
}

.input-group-icon .single-input {
    padding-left: 45px;
}

.single-textarea {
    display: block;
    width: 100%;
    line-height: 40px;
    border: none;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
    height: 100px;
    resize: none;
}

.single-textarea:focus {
    outline: none;
}

.single-input-primary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
}

.single-input-primary:focus {
    outline: none;
    border: 1px solid #222222;
}

.single-input-accent {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
}

.single-input-accent:focus {
    outline: none;
    border: 1px solid #eb6b55;
}

.single-input-secondary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
}

.single-input-secondary:focus {
    outline: none;
    border: 1px solid #f09359;
}

.default-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.default-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.default-switch input + label {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #222222;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.default-switch input:checked + label {
    left: 19px;
}

.primary-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.primary-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.primary-switch input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.primary-switch input + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 8.5px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.primary-switch input + label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.primary-switch input:checked + label:after {
    left: 19px;
}

.primary-switch input:checked + label:before {
    background: #222222;
}

.confirm-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.confirm-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.confirm-switch input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.confirm-switch input + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 8.5px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}

.confirm-switch input + label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.confirm-switch input:checked + label:after {
    left: 19px;
}

.confirm-switch input:checked + label:before {
    background: #4cd3e3;
}

.primary-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.primary-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.primary-checkbox input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.primary-checkbox input:checked + label {
    background: url(../img/elements/primary-check.png) no-repeat center center/cover;
    border: none;
}

.confirm-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.confirm-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.confirm-checkbox input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.confirm-checkbox input:checked + label {
    background: url(../img/elements/success-check.png) no-repeat center center/cover;
    border: none;
}

.disabled-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.disabled-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.disabled-checkbox input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.disabled-checkbox input:disabled {
    cursor: not-allowed;
    z-index: 3;
}

.disabled-checkbox input:checked + label {
    background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
    border: none;
}

.primary-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.primary-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.primary-radio input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.primary-radio input:checked + label {
    background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
    border: none;
}

.confirm-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.confirm-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.confirm-radio input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.confirm-radio input:checked + label {
    background: url(../img/elements/success-radio.png) no-repeat center center/cover;
    border: none;
}

.disabled-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.disabled-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.disabled-radio input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.disabled-radio input:disabled {
    cursor: not-allowed;
    z-index: 3;
}

.disabled-radio input:checked + label {
    background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
    border: none;
}

.default-select {
    height: 40px;
}

.default-select .nice-select {
    border: none;
    border-radius: 0px;
    height: 40px;
    background: #f9f9ff;
    padding-left: 20px;
    padding-right: 40px;
}

.default-select .nice-select .list {
    margin-top: 0;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    padding: 10px 0 10px 0px;
}

.default-select .nice-select .list .option {
    font-weight: 300;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 28px;
    min-height: 28px;
    font-size: 12px;
    padding-left: 20px;
}

.default-select .nice-select .list .option.selected {
    color: #222222;
    background: transparent;
}

.default-select .nice-select .list .option:hover {
    color: #222222;
    background: transparent;
}

.default-select .current {
    margin-right: 50px;
    font-weight: 300;
}

.default-select .nice-select::after {
    right: 20px;
}

.form-select {
    height: 40px;
    width: 100%;
}

.form-select .nice-select {
    border: none;
    border-radius: 0px;
    height: 40px;
    background: #f9f9ff;
    padding-left: 45px;
    padding-right: 40px;
    width: 100%;
}

.form-select .nice-select .list {
    margin-top: 0;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    padding: 10px 0 10px 0px;
}

.form-select .nice-select .list .option {
    font-weight: 300;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 28px;
    min-height: 28px;
    font-size: 12px;
    padding-left: 45px;
}

.form-select .nice-select .list .option.selected {
    color: #222222;
    background: transparent;
}

.form-select .nice-select .list .option:hover {
    color: #222222;
    background: transparent;
}

.form-select .current {
    margin-right: 50px;
    font-weight: 300;
}

.form-select .nice-select::after {
    right: 20px;
}

.mt-10 {
    margin-top: 10px;
}

.section-top-border {
    padding: 50px 0;
    border-top: 1px dotted #eee;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: 30px;
}
.pointer{
    cursor: pointer;
}
.switch-wrap {
    margin-bottom: 10px;
}

/* EXTRA CSS */

.btn-circle {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: none;
    outline: none;
    border: 1px solid #000;
    cursor: pointer;
}

.dining-area .dining-caption h5 {
    font-weight: 300;
    font-size: 23px;
}

.container-angle {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.btn-angle {
    border-radius: 5px;
    background: rgba(525, 255, 255, 0.8);
    color: #000;
    outline: none;
    border: none;
    cursor: pointer;
    padding: 10px 30px;
    font-size: 14px;
    transition: all 0.3s ease 0s;
}

.btn-angle.active {
    background: rgba(254, 0, 0, 0.8);
    color: #ffffff;
}
.btn-circle.active{
    border: 1px solid #fe0000 !important;
}

.car-detail span {
    color: #fe0000;
    font-weight: 600;
}

.gallery-car .owl-dots {
    text-align: center;
    bottom: 5px;
    margin-top: 0px;
    width: 100%;
    backface-visibility: hidden;
}

.gallery-car .owl-dot {
    height: 13px;
    width: 13px;
    display: inline-block;
    background: #8b8a8a;
    margin: 0px 5px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.gallery-car .owl-dot.active {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding: 0px 13px 0px 0px;
    background: #fe0000;
    width: 25px;
}

.car-detail ul {
    list-style: none;
}

.car-detail ul li::before {
    content: "\2022";
    color: red;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    font-size: 20px;
    margin-left: 0em;
}

.banner-prod {
    position: relative;
    width: 100%;

}

.banner-overlay{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.banner-footer {
    padding-bottom:20px;
    flex-direction: column;
}

.btn-prod{
    background: none;
    border: 2px solid #ffffff;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0px;
    font-size: 20px;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 400;
    display: inline-block;
    line-height: 0;
    margin-bottom: 0;
    padding: 25px 23px;
    text-align: center;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-prod:hover{
    border: 2px solid #fe0000;
    background: #fe0000;
    color: #ffffff !important;
}

.scroll-img{
    max-width: 25px;
    cursor: pointer;
}

.scroll-img {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.scroll-img {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.img-perspective{
    max-width:100%;
}
.content-angle-btn{
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    bottom: 15px;
}
.content-img-desk{
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: -1;
}
.img-perspective-desk{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom center;
}
.semi-preco{
    color:#fe0000;
    font-family: "Montserrat", sans-serif;
    font-size:20px;
    font-weight: 600;
}
.desc-semi{
    display: flex;
    flex-wrap: wrap;
}
.sub-semi{
    width:25%;

}
.sub-semi span{
    font-weight: 600;
    color: #afafaf;
}
.sub-semi p{
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}


.page-layout table{
    width: 100% !important;
    margin-bottom: 1rem;
    border: 0 !important;
    color: #212529;
    border-collapse: collapse;
}
.page-layout table p{
    margin-bottom: 0px;
}
.page-layout table tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.03);
}
.page-layout table tr:last-child  {
    border-bottom: 1px solid #dee2e6;
}
.page-layout table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.page-layout iframe{
    max-width:100%;
}

/*NEWS START*/
.form-search.mobile .search {
    background: #fff;
}
.search {
    outline: none;
    border: none;
    background: #fff;
    padding: 10px 5px;
    width: 100%;
}
.form-search.mobile {
    border: 1px solid #000;
    width: 350px;
    max-width: 100%;
}

.search-btn {
    outline: none;
    background: #fff;
    border: none;
    padding: 2px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-btn i{
    color: #A91124;
}

.block-27 ul {
    padding: 0;
    margin: 0;
}
.block-27 ul li {
    display: inline-block;
    margin-bottom: 4px;
    font-weight: 400;
}
.block-27 ul .pri-ult a {
    min-width: 50px!important;
    width: 100%!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.block-27 ul li a, .block-27 ul li span {
    color: #A91124 !important;
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
}
.block-27 ul li.active a, .block-27 ul li.active span {
    background: #A91124;
    color: #fff!important;
    border: 1px solid transparent;
}

.img-slide {
     width: 450px !important;
    max-width: 100%;
}

/*NEWS END*/


@media screen and (max-width: 580px) {
    .form-search.mobile {
        width: 100%;
    }
    .page-layout iframe{
        height:250px !important;
    }
}

.miniatura-car{
    height:80px;
    object-fit: cover;
    border-radius: 5px;
}
.video-main{
    height: 700px;
    object-fit: cover;
}

@media screen and (max-width:767px) {
    .video-main {
        height: 220px;
    }
    .banner-main{
        height: 220px;
    }
}
.image-main{
    width: 100%;
    object-fit: cover;
    height: 100vh;
}

.midia-overlay{
    width:100%;
    height:100%;
    position: absolute;
    top:0px;
    left:0px;
    /*background: linear-gradient(0deg,#000,hsla(0,0%,100%,0));*/
}

.img-overlay{
    max-width: 100%;
}

@media screen and (max-width:1199px) {
    .img-overlay{
        display: none;
    }

}
.banner-sec{
    width: 100%;
    position: relative;
}
.banner-secondary{
    font-size: 20px;
}
.img-banner-sec{
    width: 100%;
}

[data-u="bg"] {
    position: relative !important;
}
.img-banner{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 1;
}

.overlay-banner-sec{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.overlay-banner-sec h1,
.overlay-banner-sec h2,
.overlay-banner-sec h3,
.overlay-banner-sec h4,
.overlay-banner-sec h5,
.overlay-banner-sec h6{
    font-family: "Montserrat", sans-serif;
    color:#ffffff;
}
.overlay-banner-sec p{
    color:#ffffff;
}
.img-equipe{
    height:290px;
    object-fit: cover;
    width: 100%;
}
.inner-area .single-blog .blog-caption2 {
    background: #ffffff;
    border-radius: 0px 0px 8px 8px;
    min-height: 100px;
    padding: 30px 30px 20px 20px;
}
.popover{
    background: transparent !important;
    border: none !important;
    max-width: 676px;
}

.popover li{
    font-family: "Montserrat", sans-serif;
}

.card-popover{
    border-bottom-right-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    display: flex;
}
.popover-header {
    color: #fff !important;
    background-color: #A91124 !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    padding: .9rem 1.5rem !important;
}

.product-modal .modal-header{
    color: #fff !important;
    background-color: #A91124 !important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    padding: .9rem 1.5rem !important;
}
.product-modal{
    padding-right: 0px !important;
    z-index: 99999;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #ffff;
}

.card-popover p{
    line-height: normal;
}

.product-modal .close{
    color: #fff;
}
.product-modal .modal-title{
    font-weight: 500;
    color: #fff;
}

.product-modal .modal-content{
    border-radius: 15px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.popover-body{
    background: #ffffff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.popover-body p {
    font-size: 14px;
    line-height: 16px;
}

.img-popover{
    max-width:120px;
}

.tabela-popover{
    max-width:100%;
}

.modal-backdrop{
 z-index: 9999 !important;
}

.add-image{
    margin: 10px 0px 15px 0px;
    cursor: pointer;
}
.add-image span{
    font-size: 13px;
    font-weight: 500;
}
.circle-add{
    background:#0D3A7F;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.circle-add i{
    color: #fff;
}
@media screen and (max-width:767px) {
    .card-popover{
        box-shadow: none;
    }
    .tabela-popover{
        max-width: 250px;
    }

    .img-popover {
        max-width: 80px;
    }
    .popover-body{
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    }
    .btn-prod{
        padding: 20px 15px;
        font-size: 16px;
    }
    .car-detail h3{
        font-size: 20px;
    }
    .dining-area .dining-caption p {
        margin-bottom: 16px;
    }
    .btn-angle{
        padding: 5px 20px;
    }
    .dining-area .dining-caption {
        border-radius: 0px;
    }
    .btn-catalog{
        font-size: 16px;
        padding: 5px 15px;
    }
    .main-content h1 {
        font-size:30px;
    }
    .container-main-text{
        font-size:15px;
        margin-top: 20%;
    }
    .banner-secondary{
        font-size: 16px;
    }
    /*.video-main{*/
    /*    height:480px;*/
    /*}*/

    /*.image-main {*/
    /*    height:480px;*/
    /*}*/
}