/* Add here all your CSS customizations */
/* General */
h1, h2, h3, h4, h5, h6{letter-spacing: 0.02em;}
.txt-justify{text-align: justify;}
.txt-white{color: #ffffff!important;}
.text-theme{color:#7e7f80!important;}
.txt-gold{color:#DAA520!important;}
.bg-gold{background:#DAA520!important;}
.bg-theme{background:#111!important;}
.txt-space-lg{letter-spacing: 0.02em;}
.txt-weight-normal{font-weight: normal;}
.txt-weight-bold{font-weight: bold;}
.link-marmo a{color: #000!important; text-decoration: none;}
.text-marmo-5{font-size: 24px; letter-spacing: 8px; font-weight: lighter; line-height: 35px!important;}
.text-ss-5{font-size: 14px; letter-spacing: 6px; font-weight: normal; line-height: 35px!important;}
.text-ss-6{font-size: 11px; letter-spacing: 1px; font-weight: normal; line-height: 15px!important; text-align:center!important;}
.text-16{font-size: 5.5em !important;}
.text-17{font-size: 6em !important;}
.text-18{font-size: 6.5em !important;}
.text-19{font-size: 7em !important;}
.text-20{font-size: 7.5em !important;}

.section-highlights{margin:30px 0;}
.section-highlights .img-left{width:85%; float:left;}
.section-highlights .img-right{width:85%; float:right;}
.section-highlights .highlights-box{position: absolute; width: 500px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.section-highlights .highlights-box-right{left: 10px; top:100px; background: #fff;}
.section-highlights .highlights-box-left{right: 10px; top:100px; background: rgb(238, 238, 238)!important;}

@media (min-width: 1500px){
	.container,  #footer .container{max-width: 1460px!important;}
}

/* Custom Responsive */
@media (min-width: 992px){
	.display-m{display:none;}
	.display-pc{display:block;}
}
@media (max-width: 991px){
	.ml-xs-0{margin-left:0!important;}
	.btn{width: 100%; font-size: 1em;}
	.display-pc{display:none;}
	.display-m{display:block!important;}
	#header .header-nav{padding-top:5px!important;}
	.section-highlights{margin:0;}
	.section-highlights .img-left{width:100%; float:unset;}
	.section-highlights .img-right{width:100%; float:unset;}
	.section-highlights .highlights-box{position: unset; width: 100%; box-shadow: none;}
}

/* header */
.main{margin-top:60px;}
#header .header-body{background-color:#f0f0f0!important; border-left: 1px solid #7e7f80;}
.sticky-wrapper.sticky-wrapper-transparent .sticky-body{background-color:#128896!important;}
#header.header-effect-shrink .header-container{min-height:70px!important;}
.sticky-wrapper.sticky-wrapper-effect-1.sticky-effect-active .sticky-body{background:#7e7f80;}
.pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-dark .hamburguer span{background:#fff;}
#header .header-nav-main nav > ul > li > a{letter-spacing: 0.5px; text-align: left;}
.toggle.toggle-minimal .toggle > label{color:#000!important;}
#header .header-nav-main nav > ul li{border:0px!important;}
.dropdown-submenu .dropdown-item {color: #000!important; font-weight: bold!important;}
#header .header-nav-main nav{background:#transparent!important;}

.toggle .menu-link {
    width: 100%;	
	display: block;
	background: transparent;
    color: #000;
    border-left: 0;
    border-bottom: 1px solid #CCCC;
    border-radius: 0;
    margin: 0;
    padding: 12px 20px 12px 0;
    font-weight: 600;
}

@media (min-width: 991px){
	.m-connect-with-us{display:none;}
	#header .header-body:not(.h-100) {height: 70px!important;}
}

@media (max-width: 991px){
	#header .header-nav-main nav > ul li{ margin: 10px 0;}
	.header-nav-features{display:none;}
	.dropdown-item {color: #fff!important; font-weight: bold;}
	.dropdown-item:hover {background: transparent!important;}
}

@media (width:768px) and (height:1024px){
	.toggle .menu-link {
		padding: 22px 20px 22px 0!important;
	}
}



.toggle-content ul {padding-left:20px;}
.toggle-content ul li {list-style-type:none!important; padding: 12px 20px 12px 0;}
.toggle-content ul li a{color: #000;}
.toggle a:hover {text-decoration: none;}
.header-row a:hover {text-decoration: none;}
.menu-phone-call{position: absolute; top: 20px; left: 8px; pointer: cursor; width: 30px; height: 30px; padding: 0; margin: 15px; font-size: 22px; line-height: 22px; color: #000;}
.menu-phone-call a{color: #000;}


/* Side Menu - Appeared in Mobile only */
@media (min-width: 992px){
#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a{color:#7e7f80;}
}


/* Head Image Slider */
@media only screen and (max-width: 2000px) {
	.banner-title{margin-left: -150px!important; font-size: 65px!important; line-height: 75px!important;}
}
@media only screen and (max-width: 1600px) {
	.banner-title{margin-left: -100px!important;}
}
@media only screen and (max-width: 1280px) {
	.banner-title{margin-left: 30px!important;}
}
@media only screen and (max-width: 1024px) {
	.banner-title{margin-left: 150!important;}
}
@media only screen and (max-width: 768px) {
	.banner-title{margin-left: 40px!important; font-size: 45px!important; line-height: 55px!important;}
	.tp-mask-wrap{overflow: visible!important; margin-top: 90px;}
}
@media only screen and (max-width: 767px) {
	.banner-title{margin-left: 20px!important; font-size: 25px!important; line-height: 35px!important;}
	.forcefullwidth_wrapper_tp_banner{height:600px!important;}
	.rev_slider_wrapper{height:600px!important;}
	.rev_slider{height:600px!important;}
	.tp-mask-wrap{margin-top: 330px;}
}

@media only screen and (max-width: 500px) {
	.banner-title{margin-left: 20px!important; font-size: 21px!important; line-height: 25px!important;}
	.forcefullwidth_wrapper_tp_banner{height:380px!important;}
	.rev_slider_wrapper{height:380px!important;}
	.rev_slider{height:380px!important; max-height:380px!important;}
	.tp-mask-wrap{margin-top: 180px;}
	.rev_slider .caption, .rev_slider .tp-caption{font-size: 13px;}
}

.tp-mask-wrap{overflow: visible!important;}

/* Landing Page */
@media (max-width: 991px){
	.display-frame-portfolio{margin-bottom: 20px;}
	.display-frame-journal{}
}


/* Pop Up */
img.mfp-img {
    height: 90%!important;
    padding: 0px!important;
    margin: 40px auto!important;
    border: 5px solid #fff!important;
}


/* About Us */
.box-wrapper{border: 1px solid #000; padding: 40px; margin: 10px;}

/* Play Video */
.btn-video-play{width: 120px!important; height:auto!important;}
@media (max-width: 991px){
.btn-video-play{width: 60px!important; height:auto!important;}
}

/* Type of Stone */
.thumb-info .thumb-info-wrapper:after {background: rgba(33, 37, 41, 0.1);}
.type-nav a{color: #cecece; text-decoration: none;}
.type-nav a:hover{color: #333; text-decoration: none;}
.owl-carousel .owl-nav button[class*="owl-"]{background-color: #000!important;}


/* Product section : Hover background color */
#section-products{padding:0!important;}
#section-products .item-products{padding:0!important; float: left!important;}
.product-frame{height: 450px;}
.product-typeA{background: #ccc;}
.product-typeB{background: #aaa;}
.product-typeC{background: #999;}
.product-typeD{background: #666;}
.product-typeE{background: #333;}
.thumb-info.thumb-info-centered-info .thumb-info-title{
	font-size: 14px; 
	font-weight: normal; 
	text-shadow: none; 
	text-transform:none!important; 
	text-align: left!important;
	bottom:20px!important;
	top:auto!important;
	}

@media (max-width: 991px){
	.product-frame{height: 400px;}
	.product-frame-img{display: none;}
	.thumb-info.thumb-info-centered-info .thumb-info-title{bottom:0px!important;}
}

/* Projects */
.project-nav .toggle.toggle-minimal .toggle > label{border: 0px!important; padding:0!important; color: #000; font-weight: 700 !important;}
html .project-nav .toggle-primary.toggle-minimal .toggle.active > label{color: #DAA520;}
.project-nav .toggle a{color: #999;}
.project-nav .toggle a:hover{color: #000;}
         #project-featured {position: relative;}
         #project-featured .pf-main {
         width: calc(66.66% - 15px);
         padding-top: 40%;
         position: relative;
         }
         #project-featured .image {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         }
         #project-featured .image, #projects .project-item-wrapper .image {
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center center;
         }
         #project-featured .pf-side {
         width: calc(33.33% - 15px);
         height: 100%;
         position: absolute;
         top: 0;
         right: 0;
         }
         #project-featured .pf-top {top: 0;}
         #project-featured .pf-bottom {bottom: 0;}
         #project-featured .pf-bottom, #project-featured .pf-top {
         height: calc(50% - 15px);
         position: absolute;
         width: 100%;
         left: 0;
         }
         #project-featured .pf-bottom, #project-featured .pf-top {
         height: calc(50% - 15px);
         position: absolute;
         width: 100%;
         left: 0;
         }
         @media (max-width: 767.98px){
         #project-featured .pf-main {width: calc(66.66% - 10px);}
         #project-featured .pf-bottom, #project-featured .pf-top {height: calc(50% - 10px);}
         }
         @media (max-width: 575.98px){
         #project-featured .pf-main {
         width: 100%;
         padding-top: 50%;
         }
         #project-featured .pf-side {
         position: relative;
         width: 100%;
         margin-top: 10px;
         }
         #project-featured .pf-bottom, #project-featured .pf-top {
         position: relative;
         padding-top: 30%;
         width: calc(50% - 5px);
         }
         #project-featured .pf-top {float: left;}
         #project-featured .pf-bottom {height: auto; float: right;}
         }

/* Journal */
@media (max-width: 20000px){
	.banner-journal{height: 450px; margin-top: 0!important; background-size: contain!important;}
}

@media (max-width: 991px){
	.banner-journal{height: 80vh; margin-top: 0!important; background-size: contain!important;}
	.parallax-background{background-size: cover!important;}
}

/* Footer */
#footer{font-size: 1em!important;}
#footer a{color: #ffffff!important;}
#footer .social-icons a{color: #1D1703!important;}
footer .footer-nav{color: #ffffff!important;}
footer .footer-nav p{color: #ffffff!important;}
#footer .footer-copyright{background-color:#128896;}