/*

* ----------------------------------------------------------------------------------------

Author       : DuezaThemes

Author URL   : https://themeforest.net/user/duezathemes

Template Name: PROPERTY - Real Estate Company, Real Estate Agency, Single Property Template

Version      : 1.0

* ----------------------------------------------------------------------------------------

*/



/*

* ----------------------------------------------------------------------------------------

* 01.GLOBAL CSS STYLE

* 02.PRELOADER & BOUNCE CCS STYLE

* 03.INTRO CSS STYLE

* 04.HOMEPAGE CSS STYLE

* 05.PRODUCTS CSS STYLE

* 06.CALL TO ACTION US CSS STYLE

* 07.WHY CHOOSE US CSS STYLE

* 08.ABOUT CSS STYLE

* 09.TESTIMONIAL CSS STYLE

* 10.NEWS LETTER CSS STYLE

* 11.BLOG CSS STYLE

* 12.CONTACT CSS STYLE

* 13.FOOTER CSS STYLE

* 14.SINGLE BLOG PAGE CSS STYLE

* 15.PRODUCT PAGE CSS STYLE

* 16.AGENTS PAGE CSS STYLE

* 17.SINGLE AGENT PAGE CSS STYLE

* ----------------------------------------------------------------------------------------

*/





/*

* ----------------------------------------------------------------------------------------

* 01.GLOBAL CSS STYLE

* ----------------------------------------------------------------------------------------

*/



body {

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    letter-spacing: 1px;

    height: 100%;

    font-family: 'Lato', sans-serif;

    background: #fff;

    color: #333;

}



html,

body {

    height: 100%

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: "lato", sans-serif;

}



a {

    text-decoration: none;

    -webkit-transition: all 0.4s;

    -webkit-transition: all 0.2s;

    transition: all 0.2s;

    font-family: "Montserrat", sans-serif;

}



img {

    width: 100%;

}



a:hover {

    color: #fff;

    text-decoration: none;

}



a:focus {

    outline: none;

    text-decoration: none;

}



p {

    line-height: 32px;

}



ul,

li {

    margin: 0;

    padding: 0;

}



fieldset {

    border: 0 none;

    margin: 0 auto;

    padding: 0;

}



.no-padding {

    padding: 0

}



.section-padding {

    padding-top: 20px;

    padding-bottom: 18px;

}

.section-alcovy {

    padding-top: 80px !important;

    padding-bottom: 88px !important;

}

.section-alcovy1 {

    padding-top: 80px !important;

    padding-bottom: 200px !important;

}

.section-alcovy2 {

    padding-top: 80px !important;

    padding-bottom: 140px !important;

}

#baguetteBox-overlay .full-image img {

    display: inline-block;

    width: auto;

    height: auto;

    max-height: 90% !important;

    max-width: 90% !important;

    vertical-align: middle;

    -moz-box-shadow: 0 0 8px rgba(0,0,0,.6);

    box-shadow: 0 0 8px rgb(0 0 0 / 60%);

}

@media screen and (max-width: 900px) {

.col-xs-12 {

    width: 100%;

    padding-bottom: 241px !important;

}

.container {

    padding-right: 15px;

    padding-left: 15px;

    margin-right: 27px !important;

    margin-left: 47px !important;

}

.section-alcovy2 {

    padding-top: 1px !important;

    padding-bottom: 2px !important;

}

.section-alcovy1 {

    padding-top: 1px !important;

    padding-bottom: 2px !important;

}

.tz-gallery {

    padding-bottom: 5px !important;

}

.section-alcovy {

    padding-top: 1px !important;

    padding-bottom: 1px !important;

}

.navbar-toggle {

    position: relative;

    float: right;

    padding: 9px 109px;

    margin-top: 8px;

    margin-right: 20px !important;

    margin-bottom: 8px;

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}

.navbar-toggle {

    margin-top: -32px !important;

}

.intro-area .intro-item, .contact-details-area .single-contact-details {

    margin-top: 1px !important;

}

}

.tz-gallery {

    padding-bottom: 55px;

}

/*.section-title {

    margin-bottom: 30px;

}*/



.section-title h2 {

    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
    line-height: 40px;

	/* text-align: center; */

    /* margin: 0; */

  
}

.section-title h2::after {
    content: "";
    position: absolute;
    border-left: 6px solid #e28c61;
    left: 0px;
    height: 40px;
    top: 0px;
}

.section-title p {

    font-weight: 300;

}

.white-title{

    color: #fff;

}

a.read-more {

    margin-top: 20px;

    display: inline-block;

    color: #fff;

    background: #000;

    padding: 10px 25px;

    border: 1px solid #000;

    border-radius: 100px;

    text-transform: uppercase;

    font-size: 12px;

}

a.white-read-more {

    margin-top: 20px;

    display: inline-block;

    color: #333;

    background: #fff;

    padding: 10px 25px;

    border: 1px solid #fff;

    border-radius: 100px;

    text-transform: uppercase;

    font-size: 12px;

}



a.read-more:hover {

    color: #000;

    -webkit-transition: .3s;

    transition: .3s;

    border: 1px solid #333;

    background: transparent;

}



a.white-read-more:hover {

    background: transparent;

    color: #fff;

    -webkit-transition: .3s;

    transition: .3s;

}



.scrollup {

    border-radius: 4px;
    height: 50px;
    width: 50px;
    background: #e28c61;
    font-size: 30px;
    color: #fff;
    text-align: center;
    position: fixed;
    bottom: 30px;
    right: 30px;
    line-height: 46px;
    cursor: pointer;
    display: none;
    z-index: 2;

}



.scrollup:hover {

    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    -webkit-transition: all 0.4s ease-out;

    transition: all 0.4s ease-out;

}



.title-divider:after,.title-divider:before {

    content:"";

    display:inline-block;

    width:8%;

    height:1px;

    vertical-align:middle;

    text-align: center;

}

.title-divider:after {

    background-image:-webkit-linear-gradient(right,rgba(255,255,255,0),#b1b1b1);

    background-image:-moz-linear-gradient(right,rgba(255,255,255,0),#b1b1b1);

    background-image:-ms-linear-gradient(right,rgba(255,255,255,0),#b1b1b1);

    background-image:-o-linear-gradient(right,rgba(255,255,255,0),#b1b1b1);

    margin-left:4px

}

.title-divider:before {

    background-image:-webkit-linear-gradient(left,rgba(255,255,255,0),#b1b1b1);

    background-image:-moz-linear-gradient(left,rgba(255,255,255,0),#b1b1b1);

    background-image:-ms-linear-gradient(left,rgba(255,255,255,0),#b1b1b1);

    background-image:-o-linear-gradient(left,rgba(255,255,255,0),#b1b1b1);

    margin-right:4px

}

.title-divider i {

    color:#b1b1b1

}



.title-divider {

    display: inherit;

    text-align: center;

    display: none;
}

.product-category {

    background-color: #619062 !important;

	background: #619062 !important;

}







/*

* ----------------------------------------------------------------------------------------

* 02.PRELOADER & BOUNCE CCS STYLE

* ----------------------------------------------------------------------------------------

*/



.preloader {

    background: #fff;

    bottom: 0;

    left: 0;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 99999;

}



.status-mes {

    width: 80px;

    height: 80px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -40px 0 0 -40px;

    font-size: 10px;

    text-indent: -12345px;

    border-top: 2px solid rgba(0, 0, 0, 0.08);

    border-right: 2px solid rgba(0, 0, 0, 0.08);

    border-bottom: 2px solid rgba(0, 0, 0, 0.08);

    border-left: 2px solid #000;

    border-radius: 50%;

    -webkit-animation: spinner 700ms infinite linear;

    animation: spinner 700ms infinite linear;

    z-index: 10000;

}



@-webkit-keyframes spinner {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@keyframes spinner {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}





/*

* ----------------------------------------------------------------------------------------

* 03.INTRO CSS STYLE

* ----------------------------------------------------------------------------------------

*/

.intro-area {padding-top:40px;}



.intro-area .intro-item {

    padding: 0% 10% 4% 10%;
    text-align: left;
    line-height: 1.6;
    font-size: 14px;
    position: relative;
    border: 1px solid #ddd;
    border-top: 10px solid #e28c61;
    z-index: 10;
    background: #ffffff;
    margin-bottom: 20px;
    border-radius: 10px;
    transition: 0.3s ease-in-out;

}



.intro-area .intro-item:hover .fa { background:#000; }



.intro-area .intro-item .fa {

	width:110px;

	height:110px;

	color:white;

	background:#000;

	font-size:45px;

	padding-top:25px;

	border-radius:100px;

	margin-top:-40px;

	border:10px solid #f5f5f5;

	transition:all 0.4s;

}



.intro-area .intro-item h4 {

	font-weight:700;

	font-size:18px;
    font-family: "Lato",sans-serif;

}
/* .intro-area .intro-item h4,
.intro-area .intro-item ul li { 

	color:#fff;

} */


.intro-item:hover {

    -webkit-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -moz-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -o-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -webkit-transform: translate(0, -5px);

    -moz-transform: translate(0, -5px);

    -ms-transform: translate(0, -5px);

    -o-transform: translate(0, -5px);

    transform: translate(0, -5px);

}





/*

* ----------------------------------------------------------------------------------------

* 04.HOMEPAGE CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.welcome-area {

    height: 100%;

}



.welcome-image-area {

    position: relative;

    height: 100%;

    background: url(../images/bg/bg.jpg);

    background-size: cover;

    z-index: 1;

}



.welcome-image-area:after {

    position: absolute;

    background: rgba(0, 0, 0, .7);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: -1;

}



.display-table {

    display: table;

    width: 100%;

    height: 100%;

}



.display-table-cell {

    display: table-cell;

    vertical-align: middle;

}



.header-text {

    margin-top: 60px;

}





.header-text h2 {

    color: #fff;

    font-size: 80px;

    letter-spacing: 5px;

    margin: 0;

    font-weight: 600;

}



.header-text p {

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

    letter-spacing: 3px;

    margin-bottom: 20px;

}



.header-top-area {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 10001;

    -webkit-transition: all 0.4s ease-out;

    transition: all 0.4s ease-out; 
}



.logo {

    padding-top: 9px;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.logo a {

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 700;

    color: #fff;

    letter-spacing: 10px;

}



.logo img {
    transition: 0.4s ease-in;
    width: 50% !important;

}

.menu-bg .logo img {
transition: 0.4s ease-in;
    width: 40% !important;
    background: #fff;
}

.mainmenu .navbar-nav li a {

    color: #fff; 

    font-weight: 800;

    text-transform: uppercase;

    font-size: 12px;

    letter-spacing: 1px;

    padding: 30px 15px;

    -webkit-transition: .3s;

    transition: .3s;

}

a.dropdown-item.raj {

    padding: 10px 5px !important;

}



.mainmenu .navbar-nav li a:hover {

    background: none;

    color: #ccc;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.nav li a:focus,

.nav li a:hover {

    background: none;

    color: #fff;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.navbar {

    margin: 0;

}



.menu-bg {

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    background: #e28c61 !important;

}



.menu-bg .logo {

    padding-top: 0px;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.menu-bg .mainmenu .navbar-nav li a {

    color: #fff;

    padding: 20px 15px;

    -webkit-transition: .3s;

    transition: .3s;

}



.menu-bg .mainmenu .navbar-nav li a:hover {

    color: #fff;

}



a.slide-btn {

    margin: 0px 5px;

    display: inline-block;

    color: #fff;

    background: #E28C61;

    padding: 10px 25px;

    border: 1px solid #E28C61;

    text-transform: uppercase;

    font-size: 12px;

}



a.slide-btn:hover {

    background: transparent;

    color: #fff;

    -webkit-transition: .3s;

    transition: .3s;

}



.btn-contact-us {

    display: none;

}



a.slide-btn:hover .btn-contact-us {

    display: inline-block;

}



.btn-hire-us {

    display: inline-block;

}



.hire-us-slide-btn {

    margin: 0px 5px;

    display: inline-block;

    background: transparent;

    color: #fff;

    padding: 10px 25px;

    border: 1px solid rgba(255, 255, 255, .5);

    text-transform: uppercase;

    font-size: 12px;

    -webkit-transition: .3s;

    transition: .3s;

}



.hire-us-slide-btn:hover {

    color: #333;

    background: #fff;

}



a.slide-btn:hover .btn-hire-us {

    display: inline-block;

}



.hire-us-slide-btn:hover .btn-hire-us {

    display: none;

}



/*

* ----------------------------------------------------------------------------------------

* HOMEPAGE SLIDER BACKGROUND CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.welcome-area,

.welcome-slider-area,

.welcome-slider-area div {

    height: 100%;

}



.welcome-slider-area div.single-slide-item-tablecell,

.welcome-slider-area div.single-slide-item-tablecell div {

    height: auto;

}



.single-slide-item-table {

    display: table;

    width: 100%;

}



.single-slide-item-tablecell {

    display: table-cell;

    vertical-align: middle;

}



.single-slide-item {

    position: relative;

    z-index: 1;

}



.single-slide-item:after {

    position: absolute;

    background: rgba(0, 0, 0, .5);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: -1;

}



.slide-1 {

    background: url(../images/bg/slide-1.jpg) scroll 0 0;

    background-size: cover;

}



.slide-2 {

    background: url(../images/bg/slide-2.jpg) scroll 0 0;

    background-size: cover;

}



.slide-3 {

    background: url(../images/bg/slide-3.jpg) scroll 0 0;

    background-size: cover;

}



.carousel-fade .carousel-inner .item {

    -webkit-transition-property: opacity;

    transition-property: opacity;

}



.carousel-fade .carousel-inner .item,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

}



.carousel-fade .carousel-inner .active,

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

}



.carousel-fade .carousel-inner .next,

.carousel-fade .carousel-inner .prev,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

    left: 0;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}





/*

* ----------------------------------------------------------------------------------------

* VIDEO BACKGROUND CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.welcome-video-area {

    position: relative;

    height: 100%;

    background-size: cover;

    z-index: 1;

    background-position: center center;

}



.welcome-video-area:after {

    position: absolute;

    background: rgba(0, 0, 0, .5);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: -1;

}



.display-table {

    display: table;

    width: 100%;

    height: 100%;

}



.display-table-cell {

    display: table-cell;

    vertical-align: middle;

}



/*

* ----------------------------------------------------------------------------------------

* 05.PRODUCTS CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.work {}



.work-inner .mix {

    display: none;

}



ul.work {

    padding: 0;

    list-style: none;

    margin-top: 30px;

    margin-left: 8px;

    text-align: left;

	text-align: center;

}



ul.work li {

    display: inline-block;

    padding: 8px 12px;

    margin: 0 8px;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 400;

    color: #333;

    border: 1px solid #ccc;

    cursor: pointer;

    font-size: 12px;

    letter-spacing: 3px;

}



ul.work li:hover {

    color: #fff;

    border: 1px solid #000;

    background: #000;

    -webkit-transition: .3s;

    transition: .3s;

}



ul.work li.active {

    color: #fff;

    border: 1px solid #000;

    background: #000;

}



.product-box {

	margin-top: 30px;

}



.product-box .inner-box{

	position:relative;

	display:block;

	border-radius:0 0 10px 10px;

}



/* .product-box .inner-box:hover {

    -webkit-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -moz-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -o-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -webkit-transform: translate(0, -5px);

    -moz-transform: translate(0, -5px);

    -ms-transform: translate(0, -5px);

    -o-transform: translate(0, -5px);

    transform: translate(0, -5px);

} */



.product-box .image-box{

	position:relative;

	display:block;

}



.product-box.list-view .image-column,

.product-box.list-view .content-column{

	padding:0px;

}



.product-box .image-box .image{

	margin-left:0px;

}



.product-box .image-box img{

	position:relative;

	display:block;

	width:100%;
    margin: 0 auto;
    border: 1px dashed;
    transition: 0.2s ease-in;
}

.product-box .image-box:hover img {
    width: 95%;
}



.product-box .image-box .product-category {

	position:absolute;

	left:0px;

	bottom:0px;

	font-weight:600;

	letter-spacing:1px;

	line-height:24px;

	padding:6px 24px;

	text-align:center;

	color:#ffffff;

	font-size:14px;

	font-family:'Poppins',sans-serif;

	background: #619062;

}



.product-box.list-view .image-box .product-category{

	right:auto;

	left:0px;

}



.product-box .image-box .product-price{

	position:absolute;

	right:0px;

	bottom:0px;

	font-weight:600;

	letter-spacing:1px;

	line-height:24px;

	padding:6px 24px;

	text-align:center;

	color:#ffffff;

	font-size:14px;

	font-family:'Poppins',sans-serif;

	background:#000;

}



.product-box.list-view .image-box .product-price{

	right:auto;

	left:0px;

}



.product-box .lower-content{

	background-color: #f5f5f5;

	position:relative;

	padding:25px 20px;

	border-radius: 0 0 10px 10px;

}



.product-box.list-view .content-column .lower-content{

	padding-left:30px;

}



.product-box .lower-content .product-title{

	position:relative;

	padding:10px 0px;

	line-height:24px;

	margin-bottom:10px;

}



.product-box .lower-content .product-title h3{

	font-size:18px;

	color:#242133;

	line-height:1.6em;

	font-weight:500;

	margin-bottom:3px;

}



.product-box .lower-content .product-title h3 a{

	color:#242133;

}



.product-box .lower-content .product-title h3 a:hover{

	color:#000;

}



.product-box .lower-content .product-title .location{

	color:#6a6c6d;

}



.product-box .lower-content .text-desc{

	line-height:1.8em;

	padding:15px 0px;

	border-bottom:1px solid #f0f0f0;

}



.product-box .lower-content .property-specs ul{

	display:table;

	width:100%;

	vertical-align:middle;

}



.product-box .lower-content .property-meta li{

	position:relative;

	display:table-cell;

	vertical-align:middle;

	color:#6a6c6d;

	line-height:24px;

	font-weight:400;

	padding:0px 25px 0px 0px;

}



.product-box .lower-content .property-meta li:last-child{

	padding-right:0px;

}



.product-box .lower-content .property-meta li .icon{

	position:relative;

	display:inline-block;

	line-height:24px;

	color:#6a6c6d;

	font-weight:normal;

	font-size:14px;

	padding-right:5px;

}



.product-box .lower-content .property-meta li.options a{

	color:#6a6c6d;

}



.product-box .lower-content .property-meta li.options a:hover{

	color:#000;

}



.product-box .lower-content .rating-review{

	position:relative;

	line-height:24px;

	color:#6a6c6d;

	font-size:13px;

}



.product-box .lower-content .rating-review .ratings,

.product-box .lower-content .rating-review .rev{

	position:relative;

	display:inline-block;

}



.product-box .lower-content .rating-review .ratings .fa{

	display:inline-block;

	margin-right:3px;

	color:#fecc00;

	font-size:13px;

}



.product-box .lower-content .view-etails-btn{

	position:relative;

	margin-bottom:20px;

}



.product-box .lower-content .view-etails-btn .prop-for{

	position:relative;

	top:-5px;

	float:left;

	margin-right:25px;

}



.product-box .lower-content .view-etails-btn .link-box{

	position:relative;

	float:left;

	left: 25%;

}



.product-box .lower-content .view-etails-btn .prop-for .for{

	color:#eb6070;

	font-weight:600;

	display:block;

}



.product-box .lower-content .view-etails-btn .prop-for .area{

	color:#242133;

	font-weight:700;

	font-size:16px;

	display:block;

}



.product-box .lower-content .view-etails-btn .link-box a{

	display:inline-block;

	line-height:24px;

	padding:9px 25px;

	background:#000;

	font-size:12px;

	text-transform:uppercase;

	letter-spacing:1px;

	font-weight:600;

	color:#ffffff;

	border-radius:2px;

}



.product-box .lower-content .view-etails-btn .link-box a .fa{

	padding-left:7px;

}



.property-listing .view-all{

	position:relative;

	text-align:center;

	padding-top:30px;

}



.products-area .product-nav {

    text-align: center;

}



.products-area ul li {

    border: 1px solid #000;

    display: inline-block;

    padding: 8px 12px;

    margin: 30px 8px 0px;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 400;

    cursor: pointer;

    font-size: 12px;

    transition: all 0.4s;

}



.products-area ul li.active {

    background: #000;

}



.products-area ul li:hover {

    background: #000;

}



.products-area ul li:hover a {

    color: #fff;

}



.products-area ul li a {

    color: #000;

}



.products-area ul li.active a {

    color: #fff;

}



/*

* ----------------------------------------------------------------------------------------

* 06.CALL TO ACTION US CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.call-to-action-area {

    padding: 100px 0px;

    background: url(../images/bg/testi-bg.jpg);

    background-size: cover;

    position: relative;

    z-index: 1;

}



.call-to-action-area:after {

    position: absolute;

    background: rgba(0, 0, 0, .7);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: -1;

}

.call-to-action-area h2{

    color: #fff;

}

.call-to-action-area p{

    color: #fff;

}



/*

* ----------------------------------------------------------------------------------------

* 07.WHY CHOOSE US CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.why-us-area .intro-item {
    margin-top: 40px;
    background: #ffffff;
    padding: 7% 10% 12% 10% !important;
    text-align: center;
    line-height: 1.6;
    font-size: 14px;
    position: relative;
    z-index: 10;
    border: 1px solid #ddd;
    border-top: 10px solid #e28c61;
    border-radius: 10px;
    min-height: 250px;
    transition: 0.3s ease-in-out;
}



.why-us-area .intro-item:hover .fa { background:#000; }



.why-us-area .intro-item .fa {

	width:110px;

	height:110px;

	color:white;

	background:#000;

	font-size:45px;

	padding-top:25px;

	border-radius:100px;

	margin-top:-40px;

	border:10px solid #f5f5f5;

	transition:all 0.4s;

}



.why-us-area .intro-item h4 {

	font-weight:700;
    text-transform: uppercase;
	font-size:18px; 
    color:#e28c61;

}
/* .why-us-area .intro-item h4,
.why-us-area .intro-item p{ 

	color:#fff;

} */


.why-us-area .intro-item:hover { 
    -webkit-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -moz-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -o-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    /* -webkit-transform: translate(0, -5px);

    -moz-transform: translate(0, -5px);

    -ms-transform: translate(0, -5px);

    -o-transform: translate(0, -5px);

    transform: translate(0, -5px); */

}



/*

* ----------------------------------------------------------------------------------------

* 08.ABOUT CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.about-us-area {}



.about-image,

.about-video {

    margin-top: 30px;

    padding: 10px;

}



.about-text {

    /* margin-top: 30px; */

}



.about-text h2 {

    margin-bottom: 18px;

    font-size: 18px;

    text-transform: uppercase;

    letter-spacing: 3px;

    font-weight: 900;

}



.about-text p {

    margin-bottom: 10px;
    font-size: 16px;

}



/*About Team*/

.about-team-member {

	border-radius: 0 0 10px 10px;

	margin-bottom: 30px;

	margin-top: 10px;

	overflow: hidden;

	padding-bottom: 40px;

	position: relative;

	text-align: center;

	background: #f5f5f5;

    transition: 0.3s ease-in-out;

}

.about-team-member:hover {

    -webkit-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -moz-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -o-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -webkit-transform: translate(0, -5px);

    -moz-transform: translate(0, -5px);

    -ms-transform: translate(0, -5px);

    -o-transform: translate(0, -5px);

    transform: translate(0, -5px);

}

.about-team-member:hover .team-overlay {

	visibility:visible;

	transition: all 0.4s ease-in-out 0s;

	opacity:1;

	transform:scaleY(1);

}

.team-overlay {

	position: absolute;

	visibility:hidden;

	transition: all 0.4s ease-in-out 0s;

	opacity:0;

	transform: scaleY(0);

	height:100%;

	top:0;

	background:#09be51;

	margin-top: 10px;

	width:100%

}

.team-overlay li a i,

.team-overlay h2,

.team-overlay h3 {

	color:#fff;

}



.team-overlay > ul {

	padding-bottom:10px

}

.about-team-member img {

	width: 100%;

}

.about-team-member  h2 {

	font-size: 18px;

	font-weight: bold;

	margin-top: 20px;

	text-transform: uppercase;

}

.about-team-member  h3 {

	font-size: 14px;

	text-transform: capitalize;

}

.about-team-member li {

	display: inline-block;

}

.about-team-member li a {

	background: #000;

	height: 30px;

	width: 30px;

	display: inline-block;

	border-radius: 2px;

	margin: 0px 2px;

}

.about-team-member li i {

	color:#fff;

	margin-top: 8px;

}



/*

* ----------------------------------------------------------------------------------------

* FUN FACTS CSS STYLE

* ----------------------------------------------------------------------------------------

*/

.single-project-complete {

    background: #f5f5f5;

    margin-top: 50px;

    border-radius: 0 0 10px 10px;

    padding: 25px;

    text-align: center;

}



.single-project-complete:hover {

    -webkit-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -moz-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -o-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -webkit-transform: translate(0, -5px);

    -moz-transform: translate(0, -5px);

    -ms-transform: translate(0, -5px);

    -o-transform: translate(0, -5px);

    transform: translate(0, -5px);

}



.single-project-complete span {

    font-size: 50px;

}



.single-project-complete:hover .lnr::before {

    color:#fff;

}



.single-project-complete h2 {

    font-size: 20px;

    margin: 20px 0px;

    font-weight: 400;

}



/*

* ----------------------------------------------------------------------------------------

* 09.TESTIMONIAL CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.testimonial-area {

    background: url(../images/bg/testi-bg.jpg);

    background-size: cover;

    position: relative;

    z-index: 1;

}



.testimonial-area:after {

    position: absolute;

    background: rgba(0, 0, 0, .7);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: -1;

}



.testimonial-list {

    padding: 30px;

    margin-top: 30px;

}



.single-testimonial img {

    width: 120px;

}



.single-testimonial {

    padding: 0px 100px;

    color: #fff;

}



.single-testimonial h6 {

    margin-top: 20px;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 3px;

}



.owl-theme .owl-controls {

    margin-top: 30px;

}



.owl-theme .owl-controls .owl-page span {

    display: block;

    width: 10px;

    height: 10px;

    margin: 5px 7px;

    filter: Alpha(Opacity=50);

    opacity: .5;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    border-radius: 50%;

    border: 1px solid #ccc;

    background: none;

}



.buyer-rating {

    padding-top: 7px;

}



.buyer-rating ul li {

    display: inline-block;

    margin-right: 4px;

}



.buyer-rating ul li a i {

    color: #777;

    font-size: 16px;

}



/*

* ----------------------------------------------------------------------------------------

* 10.NEWS LETTER CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.our-news-letter {

    padding: 100px 0px;

    background: url(../images/bg/testi-bg.jpg);

    background-size: cover;

    position: relative;

    z-index: 1;

}



.our-news-letter:after {

    position: absolute;

    background: rgba(0, 0, 0, .7);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: -1;

}



.our-news-letter h2 {

    font-size: 18px;

    margin-bottom: 30px;

    text-transform: uppercase;

    letter-spacing: 3px;

    color: #fff;

}



.our-news-letter input[type='text'] {

    display: block;

    width: 35%;

    text-align: center;

    margin: 0px auto;

    border-radius: 5px;

    border: none;

    height: 50px;

    background: none;

    border-bottom: 1px solid #ccc;

    color: #fff;

}



.our-news-letter input[type='submit'] {

    margin-top: 20px;

    display: inline-block;

    color: #333;

    background: #fff;

    padding: 10px 25px;

    border: 1px solid rgba(255, 255, 255, .5);

    border-radius: 100px;

    text-transform: uppercase;

    font-size: 12px;

    width: 100px;

}



.our-news-letter input[type='submit']:hover {

    background: transparent;

    color: #fff;

    -webkit-transition: .3s;

    transition: .3s;

}





/*

* ----------------------------------------------------------------------------------------

* 11.BLOG CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.blog-area {}



.single-blog {

    margin-top: 30px;

    border-radius: 0 0 10px 10px;

    -webkit-transition: all 0.4s ease-out;

    transition: all 0.4s ease-out;

    background: #f5f5f5;

    padding-bottom: 30px;

}



.meta-block-container {

    position: relative;

}



.post-meta-block {

    background-color: rgba(0, 0, 0, 0.90);

    display: inline-block;

    position: absolute;

    padding: 5px 20px;

    bottom: 0;

    left: 0;

    right: auto;

    width: 100%;

}



.post-meta-block a {

    color: #fff;

    font-size: 14px;

    letter-spacing: 0.45px;

    line-height: 30px;

    text-transform: uppercase;

}



.post-user {

    color: #fff;

    font-size: 12px;

    display: inline-block;

    text-transform: uppercase;

    padding-left: 26px;

}

.post-user a {

    color: #fff;

    font-size: 12px;

}



.post-comment {

    display: inline-block;

}



.post-comment a {

    font-size: 12px;

    color: #fff;

    padding-left: 40px;

}



.post-date {

    display: inline-block;

}



.post-date a {

    font-size: 12px;

    color: #fff;

    padding-left: 40px;

}



.blog-description a h3{

    color: #000;

    font-weight: 600;

    font-size: 14px;

    letter-spacing: 0.64px;

    line-height: 30px;

    text-transform: uppercase;

}



.single-blog:hover {

    -webkit-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -moz-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -o-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -webkit-transform: translate(0, -5px);

    -moz-transform: translate(0, -5px);

    -ms-transform: translate(0, -5px);

    -o-transform: translate(0, -5px);

    transform: translate(0, -5px);

}



.single-blog .view-etails-btn .link-box a{

	display:inline-block;

	line-height:24px;

	padding:9px 25px;

	background:#000;

	font-size:12px;

	text-transform:uppercase;

	letter-spacing:1px;

	font-weight:600;

	color:#ffffff;

	border-radius:2px;

}





/*

* ----------------------------------------------------------------------------------------

* 12.CONTACT CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.contact-details-area {

	margin-top: 75px;

}



.single-contact-details {

    background: #f5f5f5;

    margin-bottom: 18px;

    border-radius: 0 0 10px 10px;

    padding: 10px 40px;

    transition: 0.3s ease-in-out;

}



.contact-details-area .single-contact-details {

    background: #ffffff;
    /* padding: 0% 10% 12% 10%; */
    text-align: center;
    line-height: 1.6;
    border: 1px solid #ddd;
    border-top: 10px solid #e28c61;
    border-radius: 10px;
    font-size: 14px;
    position: relative;
    min-height: 145px;
    z-index: 10;
    transition: 0.3s ease-in-out;
}

/* .contact-details-area .single-contact-details h4,
.contact-details-area .single-contact-details p{
color:#fff
} */

/* .contact-details-area .single-contact-details:hover .fa { background:#000; } */



/* .contact-details-area .single-contact-details .fa {

	width:110px;

	height:110px;

	color:white;

	background:#000;

	font-size:45px;

	padding-top:25px;

	border-radius:100px;

	margin-top:-40px;

	border:10px solid #f5f5f5;

	transition:all 0.4s;

} */



.contact-details-area .single-contact-details h4 {

	font-weight:700;

	font-size:18px; 
    color: #e28c61;
}



.single-contact-details:hover {

    -webkit-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -moz-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -o-box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    box-shadow: 2.736px 7.518px 20px 0px rgba(0, 0, 0, 0.14);

    -webkit-transform: translate(0, -5px);

    -moz-transform: translate(0, -5px);

    -ms-transform: translate(0, -5px);

    -o-transform: translate(0, -5px);

    transform: translate(0, -5px);

}



.contact-form p {

    text-transform: uppercase;

    font-size: 12px;

    letter-spacing: 3px;

    margin: 0;

    color:#fff;

}



.form-control {

    display: block;

    border: 0px;

    width: 100%;

    height: 45px;

    padding: 5px 0px;

    font-size: 16px;

    line-height: 1.42857143;

    color: #333;

    background-color: #fff;

    background-image: none;

    border-radius: 0px;

    box-shadow: none;

	text-indent: 10px;

    border: 1px solid rgba(51, 51, 51, .5);

	border-radius: 10px;

}



.form-control:focus {

    border-color: #333;

    outline: 0;

    box-shadow: none;

}



.contact-form-design-area{

	margin-top: 30px;

}



.contact-form button {

    margin-top: 20px;

    display: inline-block;

    color: #fff;

    background: #000;

    padding: 10px 25px;

    border: 1px solid rgba(0, 0, 0, .5);

    border-radius: 100px;

    text-transform: uppercase;

    font-size: 12px;

}



.contact-form button:hover {

    -webkit-transition: .3s;

    transition: .3s;

    color: #000;

    background: transparent;

}



.success {

    background: #fff none repeat scroll 0 0;

    color: #333;

    font-weight: 700;

    padding: 20px;

    text-align: center;

}





/*

* ----------------------------------------------------------------------------------------

* 13.FOOTER CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.footer-area {

    padding: 50px 0 50px 0;

    background: #000;

}



.footer-short-desc p {

	color: #fff;

}



.footer-text h6 {

    text-transform: uppercase;

    letter-spacing: 3px;

    position: relative;

    color: #fff;

}



.footer-social-link {

    margin-top: 10px;

    margin-bottom: 20px;

}



.footer-social-link ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.footer-social-link ul li {

    display: inline-block;

    margin: 0px 10px;

}



.footer-social-link ul li a {

    display: block;

    color: #fff;

}



.footer-social-link ul li a {

    border: 1px solid #fff;

    color: #fff;

    display: block;

    font-size: 20px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    width: 45px;

}



.footer-social-link ul li a:hover {

    background: transparent;

    color: rgba(255, 255, 255, 0.5);

}



/*

* ----------------------------------------------------------------------------------------

* 14.SINGLE BLOG PAGE CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.single-blog-area{

    /* background: #3c763d;

    padding-top: 70px; */

    /* padding-bottom: 35px; */

}



.single-blog-heading h2 {

    color: #fff;

    text-transform: uppercase;

}



.single-blog-meta-container {

    position: relative;

}



.single-blog-details img {

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}



.recent-single img {

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}



.single-comment img {

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}



.recent-post h4 {

    text-transform: uppercase;

    text-align: center;

}



.categories h4 {

    text-transform: uppercase;

    text-align: center;

}



.recent-single h4 {

    text-align: left;

}



.single-blog-heading-text h4 a {

    color: #f8f8f8;

}



.comment-section {

    margin-top: 30px;

}



.single-blog-details,

.comment-section,

.single-sidebar {

    border-radius: 3px;

    padding-top: 30px;

}



.search input {

    border: 1px solid #e3e8f0;

    box-shadow: none;

    color: #333;

    height: 50px;

    text-transform: uppercase;

    letter-spacing: 2px;

    padding-left: 10px;

}



.single-sidebar,

.recent-single {

    margin-bottom: 10px;

}



.recent-post h4 {

    margin-bottom: -5px;

}



.recent-single a h4:hover, .single-blog-details h3 a:hover{

    color: #000;

}



.single-blog-details>h3{

    text-transform: uppercase;

    letter-spacing: 2px;

}



.single-blog-details p, .single-comment p {

    text-align: left;

    line-height: 30px;

}



.single-blog-details p {

    margin-top: 20px;

    line-height: 30px;

}



.single-blog-details h4 {

    margin: 20px 0px;

}



.single-comment {

    margin-bottom: 20px;

}



.single-comment img {

    width: 120px;

}



.recent-single h4 {

    color: #333333;

}



.categories ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.categories ul li {

    margin-bottom: 10px;

    color: #333;

}



.categories ul li a {

    color: #333;

}



.categories ul li a:hover {

    color: #000;

}



.product-title .pt {

	font-size: 24px;

}



.product-title .location {

	margin-bottom: 20px;

}



.product-title p {

	text-align: left;

}



.blog-social-sharing-area {

    margin-top: 20px;

    padding: 10px 0;

    display: block;

    overflow: hidden;

}



.social-sharing-icon {

    display: block;

    text-align: left;

    width: 100%;

}



.social-sharing-icon ul {

    list-style: outside none none;

    margin: 0;

    padding: 0;

}



.social-sharing-icon ul li {

    margin: 0 5px 0 0;

    display: inline-block;

}



.social-sharing-icon ul li a,

.social-icon-left ul li a {

    border: 1px solid #000;

    color: #000;

    font-family: "Lato",sans-serif;

    font-size: 16px;

    padding: 10px;

}



.social-sharing-icon ul li a:hover {

    color: #333;

}



.single-blog-heading .title-icon i {

    color: #fff;

    font-size: 30px;

    left: 0%;

    position: relative;

}



.overview {

    margin: 0 0 50px 0;

	text-align: left;

}



.listing-detail h2, .post-detail h2 {

    border-bottom: 1px solid rgba(0, 0, 0, 0.04);

    font-size: 1.5em;

    margin: 0 0 30px 0;

    padding: 20px 0 20px 0;

}



.overview ul {

    list-style: none;

}



.overview ul li {

    border-bottom: 1px solid rgba(0, 0, 0, 0.02);

    padding: 8px 0;

}



.overview ul li strong {

    color: #000;

    font-weight: 400;

}



.overview ul li span {

	float: right;

	font-weight: 600;

}

.overview ul li:last-child {

	border-bottom: 0;

}



/*

* ----------------------------------------------------------------------------------------

* 15.PRODUCT PAGE CSS STYLE

* ----------------------------------------------------------------------------------------

*/

.products-item {

	margin-top: 0px !important;

}



/*

* ----------------------------------------------------------------------------------------

* 16.AGENTS PAGE CSS STYLE

* ----------------------------------------------------------------------------------------

*/

.agents{

	margin-bottom: 0px !important;

}



/*

* ----------------------------------------------------------------------------------------

* 17.SINGLE AGENT PAGE CSS STYLE

* ----------------------------------------------------------------------------------------

*/

.single-agent-desc{

	margin: 20px 30px;

	text-align: left;

}



.agent-contact-info li{

	margin-right: 15px;

}



.agent-contact-info li span i{

	background: #000;

	padding:8px;

}



 .navbar-nav>li>.dropdown-menu {

    margin-top: -12px;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    background-color: #e28c61  !important;

	margin-right: -30px;

}
.navbar-nav>li>.dropdown-menu a {
    color:#fff !important;
}
.navbar-nav>li>.dropdown-menu a:hover {
    color:#d8e1d9 !important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {

    background-color: #eee0 !important;

    border-color: #337ab7;

}

.snackbar{

  padding: 2px 32px;

  text-align: center;

  background-color: #356538;

  display: flex;

  align-items: center;

  color:#fff;
}
.snackbar a{
    color:#E28C61;
}
.snackbar>div:first-child{

  flex-grow: 1;

}

#snackbarClose{

  cursor:pointer;

}

.header-top-area.menu-bg .snackbar{

  display:none;

}

ul.alcovy {

    text-align: left;

}

.single-blog-area1 {

    background: #3c763d !important;

    padding-top: 100px;

    /* padding-bottom: 50px; */

}

.logo1 {

    padding-top: 16px;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    width: 160px !important;

}

/* header.single-blog-area {

    background: #3c763d;

} */

.about-team-member1 {

    border-radius: 0 0 10px 10px;

    margin-bottom: 30px;

    margin-top: 10px;

    overflow: hidden;

    padding-bottom: 0px;

    position: relative;

    text-align: center;

    background: #f5f5f5;

}

@import "compass/css3";





#main{



  h1{

    color:#FFF;

    font-weight:100;

    letter-spacing: 3px;

    padding:40px 0 70px;

  }

  

  #gallery{

    .gallery-item{

      height:300px;

      

      .album{

        position:relative;

        width:80%;

        margin:auto;

        @include transition(all .5s);

      img{

        width:100%;

        position:absolute;

        cursor:pointer;

        top:0;

        left:0;

        border:4px solid #FFF;

        @include box-shadow(0 0 4px darken($bg-color,30%));

        @include border-radius(6px);

        @include transition (all 1s);

        @include transform-origin(50% 50%);

        

        

        &:first-child{

          position:relative;

          z-index:1000;

        }

        

        &:first-child+img{

            @include transform(rotate(-4deg));

          }

          &:last-child{

            @include transform(rotate(4deg));

          }

        

      }

      

      

      &:hover{

          width:85%;

        img{

          z-index:2000;

          &:first-child{

            z-index:3000;

          }

          &:first-child+img{

            left:-40px;

            @include transform(rotate(-10deg));

          }

          &:last-child{

            left:40px;

            @include transform(rotate(10deg));

          }

        }

      }

    }

      p{

        width:100%;

        text-align:center;

        color:#FFF;

        padding-top:20px;

      }

    }

  }

}

.btn-primary {
    color: #fff;
    background-color: #e28c61;
    border-color: #e28c61;
}