/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.col-md-12 {
padding-right: 5px !important;
padding-left: 5px !important;
}

.color1 {
color: #3B0203 !important;
}



.title-pricing span {
color: #AAA !important;
font-size: 20px;
font-weight: 300;
vertical-align: middle;
letter-spacing: -1px;
}

.box-img {
	position: relative; 
	box-shadow: 14px -14px 0 0 var(--themecolor, #072623);
}

.box-img.shadow-left {
	box-shadow: -14px -14px 0 0 var(--themecolor, rgba(7,38,35,0.79));
}  


.list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
background-color: #F1EFE9;
border: 1px solid rgba(0, 0, 0, 0.125);
}


.bg-color, .bg-color #header-wrap {
background-color: #3B0203 !important;
}




.price-features .iconlist li {
margin-bottom: 10px;
font-size: 16px;
}


.price-features {
border: 1px solid #7E9680;
border-color: var(--themecolor, #7E9680);
border-radius: 10px;
}



	
.text-title h3 {
display: inline;
margin-bottom: 0;
padding: 0 20px;
background-color: #F1EFE9;
}

.text-title {
position: relative;
display: block;
top: 15px;
text-align: center;
}

.price-features {
border: 1px solid #7E9680;
border-color: var(--themecolor, #7E9680);
border-radius: 10px;
}


.price-features > div {
padding: 60px;
}




.fbox-content h3 {
font-size: 1rem;
font-weight: 500;
font-family: "Quattrocento Sans", sans-serif;
}

.contact-properties [class^=col-] > a,
.product .product-image,
.button,
.feature-box.media-box.fbox-bg {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	box-shadow: 0 1px 1px 0 rgba(10, 16, 34, .2);
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 5px;
}

.contact-properties [class^=col-] > a:hover,
.product:hover .product-image,
.button:hover,
.feature-box.media-box.fbox-bg:hover {
	box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}




.img-thumbnail {
padding: 0.25rem;
background-color: rgba(105, 100, 82, 0.76);
border: 1px solid #757779;
border-radius: 0.25rem;
max-width: 100%;
height: auto;
}


h5  { 
color: #363535 !important;
	margin: 0 -5px;
	font-weight: 700;
	line-height: 1.85rem;
	font-size : 1.2rem;
	font-family: "Quattrocento Sans", sans-serif;
	display: flex;
	position: relative;
}

u { color: #333;
}


.tab-content {
font-size: 1.088rem;
}



.tabs-alt .tab-nav li.ui-tabs-active a {
background-color:  #091C1C;
border-bottom: 0;
}

.tabs-alt .tab-nav li a {
background-color: rgba(14,38,38,0.85);
}

.tab-nav li a {
display: block;
padding: 0 45px;
color: #F1EFE9;
height: 60px;
line-height: 60px;
background-color: #F2F2F2;
font-weight: bold;
}
	
h6{
	color: #444;
	font-weight: 500;
	line-height: 1.5;
	font-size: 1.5rem;
	margin: 0 0 30px 0;
	font-family: 'cardo', serif; 
}

.bg-white {
background-color: rgba(255,255,255,.9) !important;
}



.story-title {
	font-family: 'cardo';
	font-size: 36px;
	line-height: 1.4;
	font-weight: 500;
	letter-spacing: 0;
	color: #3b3a3a;
}


.story-box-content p {
	font-size: 18px;
	font-weight: 300;
	color: #504c47;
	line-height: 29px;
}


.section,
.bg-color-light {
	padding: 30px 0;
	background-color: rgba(var(--themecolorrgba, 241,239,233),1.00);
	border-top: 1px solid rgba(var(--themecolorrgba, 241,239,233),1.05);
	
}


* {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}



.mb-4, .my-4 {
margin-bottom: .50rem !important;
}

#top-bar { background-color: #3B0203; }

.top-links-item > a {
	font-weight: 400;
	font-size: 12px;
}

.top-links-sub-menu .top-links-item > a { font-size: 11px; }

.device-md .primary-menu i.icon-angle-down,
.device-sm .primary-menu i.icon-angle-down,
.device-xs .primary-menu i.icon-angle-down { display: none !important; }


/* Carousel
-----------------------------------------------------------------*/
.oc-desc {
	position: absolute;
	
	left: 0%;
	bottom: 0px;
	background-color: rgba(49,47,47,0.89);
	padding: 20px;
	border-radius: 3px;
	height: 30%;
	width: 100%;
}
.oc-desc  p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.oc-desc h3 { font-size: 16px; }
.oc-desc h3 a { color: #FFF; }

.oc-desc .skills li .progress::after {
	content: "\e9e3";
	font-family: 'font-icons';
	color: #C6C09C;
	color: var(--themecolor);
	position: absolute;
	right: -8px;
	top: 50%;
	transform: translateY( -50% );
}

.oc-desc .counter.counter-inherit.counter-instant { display: inline-block; }

.oc-desc .skills li .progress-percent {
	display: inherit;
	position: relative;
	background-color: transparent;
	color: #222;
	text-shadow: none;
	font-size: 14px;
	font-weight: 400;
	top: -30px;
	width: 100%;
	left: 0;
	height: auto;
	line-height: inherit;
	padding: 0;
	border-radius: 0;
}

.oc-desc .progress-percent::after, .progress-percent::before { display: none; }

.oc-desc .skills li .progress-percent .counter {
	display: block;
	position: relative;
	white-space: nowrap;
}

.owl-carousel .owl-item .oc-desc {
	opacity: 0;
	transform: scale(0.7);
	transition: all .3s cubic-bezier(0.4, 0.2, 0.2, 1);
}

/* .owl-carousel .owl-item:hover .oc-desc, */
.owl-carousel .owl-item.active.center .oc-desc {
	opacity: 1;
	transform: scale(1);
}



.counter-section [class^=col-]:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	opacity: .4;
	background-image: url('images/divider-2.svg');
	background-repeat: no-repeat;
	background-position: center center;
}

.device-sm .counter-section [class^=col-]:nth-child(2)::after,
.device-md .counter-section [class^=col-]:nth-child(2)::after,
.device-xs .counter-section [class^=col-]::after  { display: none; }


.testi-meta span { color: rgba(255,255,255,0.65); }

.iconlist.iconlist-large { font-size: 17px !important; }

.iconlist.iconlist-large li { margin: 8px 0 !important; }

.iconlist.iconlist-large li i { top: 0; }

.testi-content p {
	font-style: normal;
	font-family: 'quattrocento', serif !important;
	font-weight: 300;
	font-size: 30px;
	letter-spacing: 1px;
	line-height: 1.6 !important;
	margin-bottom: 40px;
}

.footer-big-contacts {
	color: #333;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
}

.footer-big-contacts span {
	display: block;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	color: #888;
	letter-spacing: 2px;
}

.dark .footer-big-contacts { color: rgba(255,255,255,0.8); }


.team-title span {
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	margin-top: 2px;
}

.small-thumbs .entry-title h2 a {
	text-transform: none;
	letter-spacing: 0;
	font-size: 22px;
	line-height: 25px;
	font-weight: 600;
	-webkit-transition: color .6s ease;
	-o-transition: color .6s ease;
	transition: color .6s ease;
}

/* ----------------------------------------------------------------------------
	Services Grid
---------------------------------------------------------------------------- */

.grid-border [class^=col-] {
	margin: -1px 0 0 -1px;
	padding: 30px;
	border: 1px solid #EEE;
}




/* ----------------------------------------------------------------------------
	Helper CSS Classes
---------------------------------------------------------------------------- */

.font-body { font-family: 'Roboto', sans-serif !important; }

.font-primary { font-family: 'quattrocento', serif !important; }

.t300 { font-weight: 300 !important; }

.t400 { font-weight: 400 !important; }

.t500 { font-weight: 500 !important; }

.t600 { font-weight: 600 !important; }

.t700 { font-weight: 700 !important; }

.ls1 { letter-spacing: 1px !important; }

.ls2 { letter-spacing: 2px !important; }

.ls3 { letter-spacing: 3px !important; }

.ls4 { letter-spacing: 4px !important; }

.ls5 { letter-spacing: 5px !important; }

.noheight { height: 0 !important; }

.nolineheight { line-height: 0 !important; }


/* ----------------------------------------------------------------
	CSS Specific to the Construction Demo - RTL Support
-----------------------------------------------------------------*/

.rtl .header-extras li {
	margin-right: 30px;
	margin-left: 0;
	padding-right: 30px;
	padding-left: 0;
	border-right: 1px solid #EEE;
	border-left: 0;
}

.rtl .header-extras li:first-child {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}

.rtl .header-extras li .he-text {
	padding-right: 15px;
	padding-left: 0;
}



/* Video On Hover
-----------------------------------------------------------------*/
.videoplay-on-hover .vertical-middle,
.videoplay-on-hover .video-overlay {
	opacity: 1;
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
}

.videoplay-on-hover:hover .vertical-middle,
.videoplay-on-hover:hover .video-overlay { opacity: 0; }

.counter + h5 { margin-top: 0; }

.counter-section [class^=col-] {
	border-left: none;
	margin-bottom: 30px;
}

/* Page Loader
-----------------------------------------------------------------*/
.css3-spinner { background-color: #3B0203; }

.css3-spinner > div {
	margin-top: -65px;
	margin-left: -80px;
	width: 160px;
	height: 120px;
	background-color: transparent;
	-webkit-animation: none;
	animation: none;
}



/* Footer
-----------------------------------------------------------------*/

.widget_links li,
.widget_links li a {
	background-image: none !important;
	padding-left: 0;
	color: #555 !important;
	font-size: 13px;
	font-weight: 400;
	padding-top: 1px;
}

.dark .form-control:not(.not-dark), .dark .sm-form-control:not(.not-dark),
.dark .form-control:not(.not-dark):active,
.dark .form-control:not(.not-dark):focus,
.dark .sm-form-control:not(.not-dark):active,
.dark .sm-form-control:not(.not-dark):focus { border-color: rgba(255, 255, 255, 0.5) !important; }


/*  Larger Device View
-----------------------------------------------------------------*/

@media (min-width: 992px) {

	/* Primary Menu Header size */
	#header { border-bottom: 1px solid #e7e7e7 }

	#header.full-header #logo,
	#header.full-header .menu-container {
		border-right: 0;
		padding-right: 0;
		margin-right: 0;
	}

	/* Slider caption */
	.swiper-pagination { bottom: 40px !important; }

	.swiper-pagination span {
		width: 70px;
		height: 6px;
	}
	.slider-caption.top-left { margin-top: -150px; }

	/* 360 degree */
	.threesixty .threesixty_images img { top: 30px; }
	.threesixty .nav_bar { top: 10px; }

	.counter-section [class^=col-]:not(:first-child) {
		border-left: 1px solid rgba(255,255,255,0.05);
		margin-bottom: 0;
	}

	.half-screen {
		position: relative;
		height: 50%;
	}

	.heading-block.hlarge h3 {
		font-size: 64px;
		line-height: 56px;
	}

	.slider-text h2 { font-size: 2.5rem; }
}


#header.sticky-header #header-wrap {
	-webkit-transition: left .4s ease;
	-o-transition: left .4s ease;
	transition: left .4s ease;
}

body.side-panel-open #header.sticky-header #header-wrap { left: -300px; }

body #side-panel .widget {
	opacity: 0;
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: transform .3s ease, opacity .3s ease;
	-o-transition: transform .3s ease, opacity .3s ease;
	transition: transform .3s ease, opacity .3s ease;
}

body.side-panel-open #side-panel .widget {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.play-icon {
	position: relative;
	display: block;
	font-size: 22px;
	width: 50px;
	height: 50px;
	line-height: 52px;
	left: 50%;
	margin-left: -25px;
	border-radius: 50%;
	color: #222 !important;
	background-color: #FFF;
	-webkit-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
}

.play-icon i {
	position: relative;
	left: 3px;
}

.play-icon:hover {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}

.arrow-box::after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #ffffff;
	border-width: 12px;
	margin-top: -12px;
	z-index: 1;
}

.arrow-box.right::after {
	left: 100%;
	border-right: 0;
	border-left-color: #ffffff;
}








.real-estate-video-overlay {
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(to top, rgba(0, 0, 0, 0) 23.11%, rgba(0, 0, 0, 0.48) 46.64%, rgba(0, 0, 0, 0) 78.99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}








.pad_menu {
   padding: 100px;
   background-color: #3B0203;
}

/* ----------------------------------------------------------------------------
	Footer Widgets
---------------------------------------------------------------------------- */

#footer .widget { padding: 30px 0; }

#footer .widget > h4 {
	margin-bottom: 50px;
	font-size: 25px;
	font-weight: 300;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-family: 'quattrocento sans' sans-serif;
}



#footer .widget ul.footer-site-links li {
	margin: 5px 0;
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: 300;
}


#footer .widget .form-control { text-align: center; }

.widget p.lead {
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 1.6;
}