body{ font-family: 'Lato', sans-serif; margin:0; }
img{ max-width: 100%; height: auto; }
a{ transition: all ease-in-out 0.3s; color: #000; text-decoration: none;}
a:hover{ color: #222; text-decoration: none;}
p{font-family: 'Lato', sans-serif; font-weight: 300; font-size: 18px; line-height: 30px;}

h1{ font-weight: 400; font-size: 90px; line-height: 100px; color: #fff; font-family: 'Lora', serif; }
h2{ font-weight: 400; font-size: 50px; line-height: 60px; color: #000;font-family: 'Lora', serif; }
h3{ font-weight: 400; font-size: 30px; line-height: 40px; color: #000;font-family: 'Lora', serif; }

.h1{ font-weight: 400; font-size: 90px; line-height: 100px; color: #000; }
.h2{ font-weight: 400; font-size: 50px; line-height: 60px; color: #000; }
.h3{ font-weight: 400; font-size: 30px; line-height: 40px; color: #000; }

.font-lora{ font-family: 'Lora', serif; }
.font-lato{ font-family: 'Lato', sans-serif; }
.font-josefin-sans{ font-family: 'Josefin Sans', sans-serif; }


.read-more{ font-weight: 500; color: #000; font-size: 18px; position: relative; padding-right: 15px; line-height: 22px; text-decoration: none; }
.read-more:hover{ padding-right: 20px; color: #222; text-decoration: none;}
.read-more:before{ position: absolute; top: 2px; right: 0; content: "\f105"; font-weight:900; font-family: "Font Awesome 5 Free";}
/*header*/
.header{position: absolute; left: 0; width: 100%; z-index: 999; padding: 30px 0 0;}
.custom-logo-link { width:200px; height:130px; }
.custom-logo-link img.custom-logo{ width:100%; height:auto; }
.header .navbar .menu-main-menu-container{ width: 100%; }
.header .navbar{ background: none; position: relative;}
.header .navbar ul{ margin: 0; padding: 0; }
.header .navbar ul li{ padding: 0;}
.header .navbar ul li a{ font-weight: 300; font-size: 14px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; color: #fff; }
.header .navbar .left-menu li:first-child{ padding-left: 0px; }
.header .navbar .left-menu li{ padding-left: 60px; }
.header .navbar .right-menu li:last-child{ padding-right: 0px; }
.header .navbar .right-menu li{ padding-right: 40px; }
.header .navbar .navbar-brand{ width:20%; margin: 0; color: #fff; font-size: 30px; text-transform: uppercase; font-family: 'Josefin Sans', sans-serif; font-weight: 400;}
.header .leftmenu{ justify-content:end; width: 40%;}
.header .right-menu{ justify-content:end;}


/*.header .navbar .right-menu li{ padding-left: 70px; }*/


/*top banner*/
.top-banner .slide-bnnr { background-size: cover; background-repeat: no-repeat; height: 100vh; width: 100%; text-align: center; position: relative; background-position-y: 30%;}
.top-banner .slide-bnnr:before{position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; 
	content: ""; 
background: rgba(67,67,67,0.5);
background: -moz-linear-gradient(top, rgba(67,67,67,0.5) 0%, rgba(67,67,67,0.21) 61%, rgba(67,67,67,0.20) 62%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,67,67,0.5)), color-stop(61%, rgba(67,67,67,0.21)), color-stop(62%, rgba(67,67,67,0.20)));
background: -webkit-linear-gradient(top, rgba(67,67,67,0.5) 0%, rgba(67,67,67,0.21) 61%, rgba(67,67,67,0.20) 62%);
background: -o-linear-gradient(top, rgba(67,67,67,0.5) 0%, rgba(67,67,67,0.21) 61%, rgba(67,67,67,0.20) 62%);
background: -ms-linear-gradient(top, rgba(67,67,67,0.5) 0%, rgba(67,67,67,0.21) 61%, rgba(67,67,67,0.20) 62%);
background: linear-gradient(to bottom, rgba(67,67,67,0.5) 0%, rgba(67,67,67,0.21) 61%, rgba(67,67,67,0.20) 62%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#434343', GradientType=0 );}
.top-banner .banner-content{ position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: white; -webkit-transition: all 300ms ease; transition: all 300ms ease; z-index: 99; }

.top-banner .banner-content p{margin-bottom: 0; letter-spacing: 3px; font-weight: 600;  font-size: 18px; line-height: 22px; text-transform: initial; font-weight: 400;}
.slide-banner{ position: relative; }
.slide-banner .scroll-menu{ position: absolute; left: 50%; bottom: 80px; margin-left: -100px; color: #fff; font-size: 14px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase;}
.slide-banner .scroll-menu:after{ position: absolute; content: ""; bottom: -80px; left: 50%; width: 1px; height: 56px; background-color: #fff; margin-left:-10px;}
.link-scroll{ position: absolute; font-weight:300; letter-spacing:1px;  z-index: 99; left: 0%; top: -100px; font-size: 16px; text-transform: uppercase;  color: #fff; transform: rotate(90deg); }
.link-scroll:after {position: absolute; top: -9px; height: 50px; width: 1px; content: ""; background: #fff; transform: rotate(90deg); left: 94px;}
.link-scroll:hover{color: #fcfcfc; text-decoration: none;}


.top-content{ padding:70px 0px 0px; }
.top-content h1{ text-align:center; margin-bottom:20px }
.top-content .container.custom-container { background: url('../images/texture-bg.jpg'); padding: 40px; }
.top-content .container.custom-container .row{ max-width:1000px; margin:0px auto; }


.contact-sec{ padding:50px 20px; }
.contact-sec .subheading{ font-size:22px; line-height: 36px; max-width:700px; margin:0px auto;  }

/*.page-template-template-contact .top-banner .slide-bnnr{ height:170px }*/
.page-template-template-contact .header{ padding-top:10px !important; }
.page-template-template-contact h2.wp-block-heading{ text-align: center; margin-bottom: 10px; margin-top:0px !important;}


.contact-sec form label{ width:100% }
.contact-sec form input,
.contact-sec form textarea{ width:100%; border:solid 1px #e9e9e9; font-size:14px; padding:7px 15px; margin-bottom:7px }
.contact-sec form textarea{height: 150px;}
.contact-sec form input[type="submit"]{ font-size:20px; background:#000000; color:#fff; }
.contact-sec .wp-block-heading{ font-family: 'Lora', serif; color:#000000; font-weight:300; margin-top:40px; font-size:25px }
.contact-sec .wp-block-heading:first-child{ margin-top:20px }
.contact-sec .wp-block-heading ~ p{ font-size:18px; margin-bottom:0px; }

/*Land kings*/
.land-of-king{ padding: 150px 0; }
.land-of-king .img-landking{padding-right: 70px;}
.land-of-king .content-landking{ padding-left: 100px; position: relative; transform: translateY(-50%); top: 50%;}
.land-of-king .content-landking h2{ color: #000; margin: 0 0 10px;}
.land-of-king .content-landking p{ color: #000; margin: 0 0 15px;}

/*The Stone*/
.the-stone .row, .higher-purpose .row{ margin: 0; }
.the-stone .stone-content{ background:#000; min-height: 630px; }
.the-stone .stone-content .stone-inner-content{max-width: 500px; color: #fff; transform: translateY(-50%); top:50%; margin: 0 auto; position: relative;}
.stone-content .stone-inner-content h2{color: #fff; margin: 0 0 15px;}
.stone-content .stone-inner-content p{ font-size: 18px;}
.stone-content .stone-inner-content .btn-default{ color: #fff; font-size: 18px; border: 1px solid #fff; border-radius: 0; text-transform: uppercase; padding: 12px 90px 12px; font-weight:300;}
.stone-content .stone-inner-content .read-more{ color: #fff; }
/*.the-stone .makrana-content{ background: url(../images/white-marble.png) no-repeat ; background-size: cover; text-align: center; }*/
.the-stone .makrana-content{ padding:0; }
.the-stone .makrana-content h2{ text-transform: uppercase; letter-spacing: 4px; transform: translateY(-50%); top:50%; margin: 0 auto 0 0; position: relative; }

.higher-purpose .purpose-img, .higher-purpose .purpose-content{ padding: 0; }
.higher-purpose .purpose-inner{transform: translateY(-50%); padding-left: 100px;  max-width: 680px; top:50%; position: relative; }
.purpose-img img{ margin: 0 0 0 auto; display: block; }


/*footer*/
.footer{ background: #000; padding: 60px 0; font-family: 'Lato', sans-serif;}
.footer ul{ list-style-type: none; margin: 0; padding: 0; }
.footer ul.menu > li{ display: inline-block; width: calc(16.40%); padding-right: 20px; vertical-align: top;}
.footer ul.menu > li:last-child{ padding-right:0; }
.footer ul.menu li a{ color: #fff; font-size: 14px; text-decoration: none; font-weight:300;}
.footer ul.menu li a:hover, .footer .copyright a:hover{ color: #eee; }
.footer ul.menu > li > a{text-transform: uppercase; display: block; font-weight:400; margin-bottom: 20px; font-size: 14px; letter-spacing: 1px;}
 

.footer h2 a{ color: #fff; }
.footer h2 a:hover{ color: #eee; }
.footer .copyright, .footer .copyright a{ color: #fff; font-size: 12px; font-weight: 400; text-align: center;}
.footer ul.sub-menu li{ margin-bottom: 5px; }
.footer .socialmenu{ text-align:center; margin-bottom:20px; }
.footer .socialmenu ul li{ width: auto;}
.footer #menu-footer-menu{ margin:20px 0; }
.footer .foot-top{ color:#fff; margin-top: 15px; text-align:center; }
.footer .foot-top p{ color:#fff;font-size: 14px;}
.footer .foot-top .wp-block-image{margin-bottom:0.5em;}
.footer .copyright{ margin-top:0px; }
.footer .contact-us-link{ text-align:center; margin-bottom:30px; }
.footer .contact-us-link .btn-default{ color: #fff; font-size: 18px; border: 1px solid #fff; border-radius: 0; text-transform: uppercase; padding: 12px 90px 12px; font-weight:300;}
.footer .contact-us-link img{ max-width:100px; }
.footer ul.menu>li.desktophide-menu{ display:none; }

/*Floating cell*/

.get-in-touch { margin-top:20px; }
.get-in-touch form label{ width:100%; }
.get-in-touch form input,
.get-in-touch form textarea{border:solid 1px #e9e9e9 !important; font-size:14px; padding:10px; height:auto !important; width:100%; line-height:1; }
.get-in-touch form textarea{ height:80px !important; }
.get-in-touch .wpcf7-not-valid-tip{ font-size:14px }
.get-in-touch .floating-close {position: absolute; right: 20px; font-size: 20px; border-radius: 100%;}
.get-in-touch .has-text-align-center { text-align:left; padding-bottom:10px; margin-bottom:20px; border-bottom:double 4px #e9e9e9; font-size:25px; }
.get-in-touch input[type="submit"] { padding:15px !important; }
.get-in-touch .wpcf7-response-output{ margin:0px !important; font-size:13px; margin-bottom:10px !important; }

.get-in-touch h2{ font-size: 30px; line-height: 40px; }
.get-in-touch .wp-social-link a{border-radius:100%;box-shadow: 0px 6px 9px #cccccc80 !important;min-height: 40px;min-width: 40px;border: solid 1px #e9e9e9 !important;display: flex;align-items: center;justify-content: center;font-size: 18px;}
.get-in-touch p{ margin-bottom:0px; }
.get-in-touch .form-btn{ position:relative; margin-bottom:10px }
.get-in-touch .form-btn .wpcf7-spinner{position: absolute; bottom: 11px; right: 0;}


.floating-section{ max-width:400px;transition: all ease-in-out 0.5s; position: fixed; right: 0px; bottom: 0;}
.floating-section label{ font-size:16px; }
.floating-section input[type="text"],
.floating-section input[type="email"]{ height:35px; width: 100%; box-sizing: border-box;}
.floating-section textarea{ height:100px; box-sizing: border-box; width: 100%;}
.floating-section .floating-box{ max-width:300px;  max-height: 100vh; height:auto; overflow-y: auto; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);  padding:20px; }
.floating-section input[type="submit"]{ background: #000; color: #fff; font-size: 16px; padding: 8px 30px;}
.floating-btn{ background: #000;
		position: fixed;
		right: 15px;
		bottom: 15px;
    color: #fff;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: pulse-animation 2s infinite;
} 
.floating-section.inactive{right: -100%; visibility: hidden; opacity: 0;}
.floating-section.active{right: 0%; visibility: visible; opacity: 1;}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
}

/*inner pages*/
.container{ position: relative; }
.social-share{ position: absolute; top: 6%; left: 10px; }
.social-share ul{ margin: 0; padding: 0; list-style-type: none; }
.social-share ul li{ margin-bottom: 20px;}
.section-inner{ padding: 100px 0 60px; max-width: 715px; margin: 0 auto;  }
.section-inner h2{ margin-bottom: 30px; }

.section-inner h3{ font-family: 'Lato'; font-size: 24px; font-weight: 600; margin: 0 0 10px; line-height:34px; }
.section-inner p{ margin-bottom: 20px; }
.section-inner img{ max-width: 100%; height: auto; margin: 30px 0;}
/*single page*/
.single-post article{ padding: 60px 0; }
.single-post article h1{ color: #000;}
.single-post article .posted-on{ color: #fff; }
/*404 page*/
.error-404{ padding: 60px 0; }
.error-404 .search-form input[type="search"]{ height: 35px; border: 1px solid #eee; }
.error-404 .search-form input[type="submit"]{ background: #000; padding: 5px 20px; color: #fff;}
.search-results article{ padding: 40px 0; }
.search-results article h2{ color: #000;}
.search-results .page-header{ padding-top: 60px; }
.cookies-notice{ text-align:center; color:#fff; }

@media(min-width: 1600px){
.custom-container {
    max-width: 1500px;
}
}

@media(max-width: 1600px){

 p{ font-size:17px; line-height: 24px; }
 .stone-content .stone-inner-content p{ font-size: 17px; line-height: 24px; }
h2{ font-size:45px; line-height:55px; }

}

@media(max-width: 1366px){
	.top-banner .banner-content p{ font-size: 16px; letter-spacing: 4px; }
	
  .top-banner .banner-content h1{ font-size: 80px; line-height: 90px; }
	h2{ font-size:40px; line-height:50px; }

	.land-of-king{ padding: 90px 0; }
	.the-stone .stone-content{ min-height: 550px; }
	.land-of-king .img-landking{ padding-right: 40px; }
	.land-of-king .content-landking{ padding-left: 40px; }
	

}
@media(max-width: 1199px){
	
	.higher-purpose .purpose-inner{ padding: 0 30px; padding-left: 50px;  }
	.top-banner .slide-bnnr{ background-position-x: 50%;  }
	.header .navbar .right-menu li{ padding-right:20px }
	h2{ font-size:30px; line-height:40px; }
	
}
@media(max-width: 990px){

	.the-stone .stone-content{ min-height:auto; padding:40px; padding-bottom:70px	}

	.top-banner .banner-content h1{ font-size: 70px; line-height: 80px; }
.section-inner h2{ margin-bottom: 20px; }
	.custom-logo-link{ margin:0px auto; }
	.container{ max-width:100%; }
	.land-of-king .img-landking{ padding-right: 0; }
	.land-of-king .img-landking img{ width: 100%; }
	.land-of-king .content-landking{ padding:40px; margin-bottom:40px; transform:none; top:0px; }
	
	/*.the-stone .stone-content{ background: url(../images/white-marble.png) no-repeat; background-size: cover;  }*/
	/*.stone-content .stone-inner-content .read-more{color: #000;}*/
	
	/*.stone-content .stone-inner-content h2,*/
	/*.the-stone .stone-content .stone-inner-content{ color: #000; }*/
	/*.stone-content .stone-inner-content .btn-default{ color: #000; border-color: #000; border-radius: 2px; }*/
	.the-stone .makrana-content{ background: #000; padding: 0; }
	.the-stone .makrana-content h2{ color: #fff; }
	.higher-purpose .purpose-inner{max-width: 100%; padding: 40px 30px 60px; }
	.footer .sub-menu{ display: none; }
.footer ul.menu>li.desktophide-menu{ display:block; }
	.footer ul#menu-footer-menu > li{ display: block; width: 100%; padding-right: 0; text-align:center; }
	.footer ul.menu > li:last-child a{ margin-bottom: 0; }
	.footer ul.menu > li > a{ font-weight: 300; }
	.slide-banner .scroll-menu{ margin-left: -130px; }
	.the-stone .stone-content .stone-inner-content{ max-width:100%; }
	
	/*inner pages*/
	.section-inner{ max-width: 600px; padding:  60px 0;}
	.land-of-king{ padding:0px; }
}	
@media(max-width: 767px){


	.top-banner .banner-content h1{ font-size: 60px; line-height: 70px; }


		.section-inner h3 { font-size:20px; line-height:30px; }
	
	p{ font-size: 16px; line-height: 24px; }
	.read-more{ font-size: 16px; }
	
	.top-banner .banner-content p{ font-size: 12px; line-height: 16px; letter-spacing: 3px; }
	.slide-banner .scroll-menu{ font-size: 10px; line-height: 20px; font-weight: 300; letter-spacing: 2px; margin-left: -80px; bottom:60px;}
	.slide-banner .scroll-menu:after{ bottom: -55px; height: 40px; }
/*	.stone-content .stone-inner-content h2{ font-size: 60px; line-height: 69px; }*/
	
	
	.footer ul.menu > li > a{ margin-bottom: 20px; }
	.social-share{ display: none; }
	.stone-content .stone-inner-content .btn-default{padding:10px 60px 10px;}
	.top-content .container.custom-container{ padding:50px 20px; }
}
@media(max-width: 568px){

	.top-banner .banner-content h1{ font-size: 50px; line-height: 60px; }
	.section-inner h2{ margin-bottom: 15px; }

	.footer{ padding: 50px 15px; }
	.inner-container.container img{}
	.top-content{ padding:0px; padding-bottom:50px }
	.top-content .custom-container{ padding:80px 20px }
	
}
@media(max-width: 320px){
	.the-stone .stone-content .stone-inner-content{ padding: 0; }
	
}