/* 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;}
.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-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;}

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

/* Custom Responsive */
@media (max-width: 991px){
.ml-xs-0{margin-left:0!important;}
.btn{width: 100%; font-size: 1em;}
}

/* header */
.sticky-wrapper.sticky-wrapper-effect-1.sticky-effect-active .sticky-body{background:#000;}
.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;}
@media (min-width: 992px){
	#header .header-nav-main nav > ul li{height: 42px; line-height: 42px;}
}

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

@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;}

/* 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{}
}


/* 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 Marmo */
.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;}

@media (max-width: 991px){
	.product-frame{height: 400px;}
	.product-frame-img{display: none;}
}

/* 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;}

/* 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: #000!important;}
footer .footer-nav{color: #ffffff!important;}
footer .footer-nav p{color: #ffffff!important;}