/* CSS Document */
@font-face{
	font-family:"Museo Sans";
	src: url("../museo-sans-font/MuseoSans_100.otf");
	font-weight:100;
}
@font-face{
	font-family:"Museo Sans";
	src: url("../museo-sans-font/MuseoSans_300.otf");
	font-weight:300;
}
@font-face{
	font-family:"Museo Sans";
	src: url("../museo-sans-font/MuseoSans_500.otf");
	font-weight:500;
}
@font-face{
	font-family:"Museo Sans";
	src: url("../museo-sans-font/MuseoSans_700.otf");
	font-weight:700;
}

.container {
	max-width:1366px !important;
	margin: auto;
}
.alert {
    letter-spacing: 1px;
	font-weight:600;
}

a{ text-decoration:none !important; }

@media (max-width:768px){
	.container{ width:auto;	}
}

.box-shadow{
    box-shadow: 0 2px 5px rgba(0,0,0,0.10);
}

.text-grey{ color:#ccc; }
.bg-grey{ background:#e9e9e9; }
.sticky {
    position: sticky;
    z-index: 90;
    width: 100%;
    left: 0;
}

b{ font-weight:700;}
.font-11{ font-size:11px !important; }
.font-12{ font-size:12px !important; }
.font-13{ font-size:13px !important; }
.font-14{ font-size:14px !important; }
.font-15{ font-size:15px !important; }
.font-16{ font-size:16px !important; }
.font-17{ font-size:17px !important; }
.font-18{ font-size:18px !important; }
.font-19{ font-size:19px !important; }
.font-20{ font-size:20px !important; }
.font-21{ font-size:21px !important; }
.font-22{ font-size:22px !important; }
.font-23{ font-size:23px !important; }
.font-24{ font-size:24px !important; }
.font-25{ font-size:25px !important; }
.font-26{ font-size:26px !important; }
.font-27{ font-size:27px !important; }
.font-28{ font-size:28px !important; }
.font-29{ font-size:29px !important; }
.font-30{ font-size:30px !important; }
.font-35{ font-size:35px !important; }
.font-40{ font-size:40px !important; }

.pointer-cursor{
	cursor: pointer;
}
.disabled-cursor{
	cursor: not-allowed !important;
}
.radius-8{
	border-radius:8px;
}

.form-control::placeholder {
    font-size: 12px;
}

.text h1, .text h2, .text h3, .text p, .text li{
    font-size:1.25rem !important;
}


body{	
	font-family: 'Museo Sans';
	margin: 0;
	font-size: 15px;
	line-height:1.6;
	font-weight:300;
	overflow-x:hidden; 
	background:#fff /*#f2fcfe*/;
}

.container{ max-width:1300px !important; }

.header{
	background: linear-gradient(to bottom, #fff 50%, #eee);
	position:relative;
	z-index:10;
	width:100%;
	box-shadow:0 2px 5px rgb(0 0 0 / 15%);
}

.cart-link img{
	width:15px;
	margin:5px 0;
}
.cart-count {
	width: auto;
    display: inline-block;
    position: relative;
    color: #000;
    text-align: center;
    font-weight: 400;
    border-radius: 100%;
    line-height: 1;
    padding: 0 0 0 5px;
    font-size: 15px;
}

.top{
	background:#fcfcfc;
}
.top p{
	padding:10px 0;
	margin:0;
	color:#000;
}
.top .navbar{
	padding:5px 0 0;
}
.top a{
	padding:8px 9px;
	color:#000;
	display:block;
}
.top li:last-child a{
	padding-right:0;
}
.top li:last-child a img{
	width:17px;
	margin:-6px 0 0;
}

.logo{
	padding:5px 0;
	width:130px;
}
.logo a{
	display:block;
}
.logo a img{
    width: auto;
    height: auto;
    position: absolute;
	z-index:10;
    background: #fff;
    padding: 5px 18px 10px 18px;
    box-shadow: 0 8px 5px -5px rgb(0 0 0 / 15%);
    border-radius: 0 0 30px 30px;
}

.menu{
	margin:0 0 0 50px;
	padding:0;
	background:none;
	float:left;
}
.menu .nav{
	padding:0;
	margin:0;
}
.menu .nav > li{
	float:left;
	position:relative;
	margin:0 5px;
}
.menu .nav > li > a{
	color:#333;
	display:block;
	font-weight:500;
	text-transform:uppercase;
	line-height:45px;
	font-size: 14px;
	letter-spacing:0.5px;
}
.menu .nav-item:hover > a{
	color:#c3933e;
}
.menu .sub-menu{
	position:absolute;
	display:none;
	z-index:100;
	margin-left:-50px;
    border: 2px solid #ddd;
    box-shadow: 1px 4px 15px rgb(0 0 0 / 25%);
}
.menu .nav > li:hover > .sub-menu{
	display:table;
}
.menu .sub-menu::before{
	content:"";
	width:20px;
	height:20px;
	background:#fff;
	position:absolute;
	top:-10px;
	left:15%;
	border-top:2px solid #ddd;
	border-right:2px solid #ddd;
	transform:rotate(-45deg);
}
.menu .sub-item-main{
	display:table-cell;
	min-width:250px;
	background:linear-gradient(to bottom, #fff 50%, #ddd);
	border-right:1px solid #ddd;
	padding:15px 0;
	vertical-align:top;
}
.menu .sub-item-main:nth-child(2){
	min-width:300px;
}
.menu .sub-item-main:last-child{
	border-right:none;
}
.menu .sub-item-main > a{
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	padding:7px 15px;
	color:#000;
	font-size: 14px;
}
.menu .sub-items{
	display:block;
}
.menu .sub-items a{
	font-weight:400;
	display:flex;
	align-items:center;
	padding:10px 15px;
	color:#333;
	text-transform:uppercase;
	font-size: 13px;
	background:transparent;
	transition:all 0.5s;
}
.menu .sub-item-main .sub-items a:hover{
	background:#c3933e;
	color:#fff;
	padding:10px 10px 10px 20px;
}
.menu .sub-items a img{
	width:30px;
	border-radius:5px;
	margin:0 12px 0 0;
}
.menu .sub-items h3{
    font-size:14px;
    font-weight:600;
    padding:7px 13px 0;
    margin:0;
}
.menu .sub-items p{
    font-size:12px;
    padding:7px 13px;
    margin:0;
}

.cursor-pointer {
    cursor:pointer;
}

.social{
	float:right;
	position:relative;
	padding:0;	
}
.social a.sicon{
	display:inline-block;
	background:#435e98;
	color:#fff;	
	border:1px solid #4064ac;
	border-radius:100px;
	width:35px;
	padding:6px 0 3px;
	text-align:center;
	margin:13px 2px;	
}
.social a.sicon:hover{
	background:#274f91;
	color:#fff;
}

.social a.sicon1{
	
	background:#4da6e9 !important;
	color:#fff;	
	border:1px solid #5aa4d6 !important;
		
}
.social a.sicon1:hover{
	background:#1c9ceb !important;
	color:#fff! !important;
}

.social a.sicon2{
	
	background:linear-gradient(280deg,#6d3db6 0%,#d83168 83%,#f7bc6b 94%,rgba(255,255,255,0) 100%); !important;
	color:#fff;	
	border:1px solid #d72d73 !important;
		
}
.social a.sicon2:hover{
	background:linear-gradient(280deg,#d83168 0%,#6d3db6 83%,#f7bc6b 94%,rgba(255,255,255,0) 100%);
	color:#fff! !important;
	border:1px solid #6937b6 !important;
}


.social a.sicon i{
	font-size:18px;
}

a.menu-toggle{
	display:inline-block;
	vertical-align: top;
	color:#c3933e;
	width:35px;
	padding:4px 0;
	text-align:right;
	margin:13px 0 13px 30px;
	position:relative;
	z-index:40;
}
a.menu-toggle span{
	height:3px;
	width:25px;
	margin:3px 0;
	float:right;
	display:block;
	transition:all 0.5s;
	opacity:1;
	position:relative;
}
a.menu-toggle span:nth-child(1){
	background:#c89c47;
}
a.menu-toggle span:nth-child(2){
	background:#36773f;
	width:35px;
}
a.menu-toggle span:nth-child(3){
	background:#c3933e;
}
a.menu-toggle.active-menu span:last-child {
    opacity: 1;
    transform: rotate(-45deg);
    top: -8px;
    width: 35px;
    background-color: #000;
}
a.menu-toggle.active-menu span:nth-child(2){
	opacity:0;
}
a.menu-toggle.active-menu span:first-child {
    opacity: 1;
    transform: rotate(45deg);
    top: 10px;
    width: 35px;
    background-color: #000;
}

.clickWrapper{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    pointer-events: none;
}
.fullPageMenu {
    position: fixed;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #c89c47, #387e44);
	background-image: linear-gradient(to bottom, rgb(200 156 71 / 80%), rgb(56 126 65 / 80%)), url('../img/full-menu-bg.jpg');
    z-index: 30;
    left: 0;
    top: 0;
    clip-path: circle(0 at 90% 3%);
    transition: clip-path 1s ease;
    pointer-events: none;
}
.fullPageMenu::before{
	content: "";
    position: absolute;
    top: -10px;
    left: -50px;
    background: #387e44;
    width: 150px;
    height: 150px;
    border-radius: 15px;
    transform: rotate(336deg);	
}
.fullPageMenu::after{
	content: "";
    position: absolute;
    bottom: 5px;
    right: -74px;
    background: #dbd4b5;
    width: 190px;
    height: 209px;
    border-radius: 40px 110px;
    transform: rotate(330deg);	
}
.fullPageMenu.open {
    clip-path: circle(100vw at 60% 3%);
    pointer-events: all;
}
.fullPageMenu ul{
	display:block;
	margin:50px 0 0;
}
.fullPageMenu ul > li{
	margin:0;
	position:relative;
}
.fullPageMenu ul > li > a{
	display:block;
	line-height:1.7;
	color:#fff;
	font-size:25px;
	padding:15px 15px;
	font-weight:500;
}
.fullPageMenu .sub-menu{
	position:absolute;
	left:100%;
	top:0;
	display:block;
	width:0px;
	z-index:100;
    border: none;
    box-shadow: none;
	background:#fff;
	transition:all 0.5s;
	overflow:hidden;
	opacity:0;
}
.fullPageMenu .nav > li:hover > a{
	background:#fff;
	color:#000;
}
.fullPageMenu .nav > li:hover > .sub-menu{
	display:table;
	opacity:1;
}
.fullPageMenu .sub-item-main{
	display:table-cell;
	min-width:250px;
	background:#fff;
	border-right:none;
	padding:15px 0;
	vertical-align:top;
}
.fullPageMenu .sub-item-main:last-child{
	border-right:none;
}
.fullPageMenu .sub-item-main > a{
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	padding:7px 15px;
	color:#000;
}
.fullPageMenu .sub-items{
	display:block;
}
.fullPageMenu .sub-items a{
	font-weight:400;
	display:flex;
	align-items:center;
	padding:15px 15px;
	color:#000;
}
.fullPageMenu .sub-item-main a:hover{
	background:#ddd;
	color:#000;
}
.fullPageMenu .sub-items a img{
	width:30px;
	border-radius:5px;
	margin:0 12px 0 0;
}
.fullPageMenu .sicon {
    background: #fff;
    color: #000;
    width: 45px;
    height: 45px;
    padding: 10px 0;
    text-align: center;
    margin: 0 3px;
    border-radius: 8px 0 8px 0;
    display: inline-block;
	box-shadow:0 2px 5px rgb(0 0 0 / 15%);
}
.fullPageMenu .sub-items h3{
    font-size:14px;
    font-weight:600;
    padding:7px 15px 0;
    margin:0;
    text-align:left;
}
.fullPageMenu .sub-items p{
    font-size:12px;
    padding:7px 15px;
    margin:0;
    text-align:left;
}

.search{
	float:right;
	position:relative;
	padding:12px 0 0;	
}
.search input{
	border:1px solid #ccc;
	padding:8px 15px 8px 15px;
	transition:all 0.4s;
}
.search i {
    position: absolute;
    right: 15px;
    top:25px;
	transition:all 0.4s;
}
.search input:focus{
	padding:8px 60px 8px 15px;
}

.slider{
	position:relative;
	width:100%;
	overflow:hidden;
}
#mainSlider{
	position:absolute;
	z-index:5;
	width:100%;
	height:100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
#mainSlider::before {
    content: "";
    display: block;
    position: absolute;
    height: 200%;
    top: -50%;
    left: -53%;
    bottom: auto;
    right: auto;
    width: 100%;
    background: hsla(0,0%,100%,.8);
    z-index: 3;
    transform: rotate(10deg);
}
#mainSlider::after {
	content: "";
	position: absolute;
    z-index: 3;
    display: block;
    height: 500px;
    width: 200%;
	background:#fff;
    top: 100%;
    left: 0;
    right: auto;
    transform: rotate(-2deg);
    transform-origin: top left;
}
.slider-content{
	position:relative;
	z-index:6;
	padding:200px 20px;
}
@media ( max-width:1440px ){
	.slider-content{
		padding:100px 20px;
	}
}
.slider-content h1{
	font-size: 45px;
    color: #377240;
    font-weight: bold;
    text-transform: uppercase;
}
.slider-content p{
	font-size:20px;
    margin: 20px 0;
}
.slider-content ul {
    padding: 0 0 0 35px;
    margin: 30px 0;
}
.slider-content li{
    font-size: 19px;
}
.slider-content h4{
	font-size: 25px;
    margin: 20px 0;
    color: #c3933e;
    font-weight: bold;
    text-transform: uppercase;
}

.about{ }
.about h4{
	font-size: 25px;
    color: #c3933e;
    font-weight: 400;
}
.about h5{
	display:block;
	text-align:left;
	font-size: 14px;
    color: #397944;
    font-weight: 700;
	margin:0 0 15px;
	text-transform: uppercase;
	letter-spacing :1.0px;
}
.about p{
	text-align:justify;
}
.about h2{
	font-size: 45px;
    color: #000;
    font-weight: 800;
	width:100%;
	border:1px solid #ddd;
	padding:40px 30px;
}
.about h2 span{
	font-size: 18px;
    font-weight: 400;
	display:block;
	margin:10px 0;
	text-transform:uppercase;
}
.about .headlines div:nth-child(1) h2,
.about .headlines div:nth-child(4) h2{
	background:linear-gradient(to bottom right, #fbda6c 35%, #c4933e 80%);
	border:1px solid #ddd;
}
.about .headlines div:nth-child(4) h2{
	border-radius:0 0 100px 0;
}

.journey-home{
	position:relative;
	width:100%;
	padding:200px 0;
	overflow:hidden;
}
@media (max-width:1366px){
	.journey-home{
		padding:150px 0;
	}
}
.journey-home .journey-bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: linear-gradient(105deg, #fce181 44%, #f6f6f6 0%);
}
.journey-home::before{
	content: "";
	position: absolute;
    z-index: 3;
    display: block;
    height: 500px;
    width: 200%;
	background:#fff;
    top: -500px;
    left: 0;
    transform: rotate(1deg);
    transform-origin: top left;
}
.journey-home::after{
	content: "";
	position: absolute;
    z-index: 3;
    display: block;
    height: 500px;
    width: 200%;
	background:#fff;
    top: 100%;
    left: 0;
    transform: rotate(-2deg);
    transform-origin: bottom left;
}
.journey-home img{
	box-shadow:0 4px 40px rgb(0 0 0 / 25%);
}
.journey-home a {
    padding: 15px 30px;
    margin: 15px 0;
    display: inline-block;
    background: #fff0bf;
	border:1px solid #fff0bf;
    color: #000;
    border-radius: 100px;
    text-align: center;
    font-size: 16px;
    align-items: center;
}
.journey-home a i {
    margin: 0 0 0 13px;
    border-left: 1px solid #000;
    padding: 0 0 0 15px;
	transition:all 0.5s;
	font-size: 20px;
}
.journey-home a:hover{
	border:1px solid #000;
}
.journey-home a:hover i {
	padding: 0 0 0 20px;
}

.journey .j-item{
	padding:0;
	position:relative;
}
.journey .j-item .j-content{
	background:#fff;
	padding:15px 20px;
	color:#000;
	font-weight:300;
	min-height:130px;
	display:block;
	align-items:center;
	border-radius:8px;
	margin:25px 0;
}
.journey .j-item .j-year-main{
    position:relative;
}
.journey .j-item .j-year-main::before{
	content: "";
	position: absolute;
    z-index: 3;
    display: block;
    height: 100%;
    width: 3px;
	background:#1d5203;
    top: 0%;
    left: 49%;
}
.journey .j-item .j-year-main.start-year::before{
    top:45px;
}
.journey .j-item .j-year-main.last-year::before{
    height:45px;
}
.journey .j-item .j-year{
    width: 60px;
    height: 60px;
    background: #fff;
    color:#1d5203;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    padding: 18px 0;
    border-radius: 100%;
    margin:40px auto;
    border: 2px solid #fff;
    position:relative;
    z-index:10;
}

.specialties{
	position:relative;
	padding:20px 50px 50px;
}
.spec-parent{
	position:relative;
}
.spec-parent::before{
	content:"";
	position:absolute;
	z-index:5;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*background:url(../img/dot.png) repeat;*/
}
.spec{
	border-right:1px solid rgb(217 217 217 / 50%);
	position:relative;
	z-index:10;
	height:auto;
	display:flex;
	align-items:flex-end;
	background:#fff;
	border:1px solid #ddd;
	border-radius:8px;
	margin:15px;
}
.spec.last{
	border-right:none;
}
.spec .spec-data{
	padding:30px;
}
.spec h1{
	font-size:25px;	
	font-weight:600;
	margin:0 0 5px;
	color:#000;
	flex-grow:1;
	max-width:100%;
}
.spec p{
	font-size:12px;
	flex-grow:1;
	max-width:100%;	
	margin:0;
	color:#000;
}
.spec img{
	max-width:100%;	
	margin:0 0 15px;
}

.sarea{	
	color:#fff;
	position:relative;
	width:100%;
	display: block;
	border-radius:3px;
	overflow:hidden;
}
.sarea::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;	
}
.sarea:hover{	
	color:#fff;
}
.sarea2{
	margin-top:80px;
}
.sarea img{
	width:100%;
}
.sarea .sarea-data{
	text-align:center;
	position:absolute;
	width:100%;	
	height:100%;
	background:rgb(0 0 0 / 50%);	
	top:0;
	left:0;
	display:flex;
	align-items:flex-end;
	transition:all 0.5s ease-in-out;
}
.sarea:hover .sarea-data{
	background:rgb(0 0 0 / 80%);	
}
.sarea .sarea-data h2{
	margin:0;
	font-size:20px;
	padding:0 15px;
}
.sarea .sarea-data p{
	font-size:14px;
	padding:15px 50px;
	transform:scale(0);
	height:0;
	overflow:hidden;
	transition:all 0.5s ease-in-out;
}
.sarea:hover .sarea-data p{
	transform:scale(1);
	height:auto;
}

.buttons{}
.buttons a{
	display:inline-block;
	padding:0 20px 0 0;
	color:#000;
	border-radius:8px;
	border:1px solid #000;
	margin:10px;
	background:transparent;
	transition:all 0.3s;
	text-transform:uppercase;
}
.buttons a i{
	padding: 15px;
    margin: 0 15px 0 0;
    border-right: 1px solid #000;
}
.buttons a:hover{
	background:#7ca833;
	border:1px solid #7ca833;
	color:#fff;
}
.buttons a:hover i{
	border-right: 1px solid #357a40;
}

.factory {
    position: relative;
    z-index: -1;
    margin-top: -700px;
}
@media (max-width:1366px){
	.factory {
		margin-top: -500px;
	}
}
.factory::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:300px;
	background:linear-gradient(to bottom, #fff, transparent);
}
.factory img{
	width:100%;
}

.testimonials{}
.testimonials .image-div{
    background: linear-gradient(to bottom right, #fbda6c 20%, #eccb5f 20%);
    padding:30px;
    color:#000;
}
.testimonials .image-div h4{
    font-size:20px;
}
.testimonials .image-div img{
    margin: 30px 30px 30px 90px;
    box-shadow: 15px 15px 0 rgb(0 0 0 / 30%);
}
.testimonials .content-div{
    position:relative;
}
.testimonials .content-div::before{
    content: attr(data-title-);
    position: absolute;
	z-index:0;
    top: 0;
    right: 0;
    width: 500px;
    color: #eee;
    font-size: 57px;
    line-height: 61px;
    text-transform: uppercase;
    font-weight: bold;
}
.testimonials .content-div .testimonial{
    display: flex;
    max-width: 100%;
    align-items: flex-end;
    height: 100%;
}
.testimonials .content-div .testimonial .t-text{
    padding:20px;
}
.testimonials .content-div .testimonial .t-text blockquote{
    font-size: 25px;
    font-weight: 300;
    margin:0 0 50px;
}
.testimonials .content-div .testimonial .t-text blockquote i{
    font-size: 25px;
    color:#49873c;
    margin:0 5px;
}
.testimonials .content-div .testimonial .t-text h5{
    font-size: 25px;
    font-weight: 600;
}
.testimonials .content-div .testimonial .t-text p{
    color: #777;
}

footer{
	background:linear-gradient(to bottom, #7ca833, #357a40);
	color:#fff;
}
footer .box{
    width: 1300px;
    max-width:100%;
    margin: -90px auto 0;
    padding: 15px 25px;
    border-radius: 8px;
    box-shadow: 0 0 5px rgb(0 0 0 / 25%);
    background: #1d5203;
}
footer .box a{
	display:block;
	padding:2px;
	color:#fff;
	font-weight:400;
	font-size:14px;
	text-transform:capitalize;
	transition:all 0.5s;
	position:relative;
}
footer .box p{
	font-size:13px;
	margin:10px 0;
	color:#ccc;
}
footer .newsletter{
	margin-bottom:30px;
}
footer .newsletter h2{
	margin:0;
	padding:5px 0;
	color:#fff;
	font-size:15px;
	text-transform:uppercase;
}
footer .newsletter form{
	margin:10px 0;
}
footer .newsletter input[type=email]{
	border: thin solid #fff;
    padding: 5px 20px;
    width: 300px;
    margin: 0 -4px 0 0;
    border-radius: 20px 0 0 20px;
}
footer .newsletter input[type=submit]{
	border: 1px solid #edc760;
    padding: 5px 15px;
    background: #edc760;
    color: #000;
    border-radius: 0 20px 20px 0;
}
footer .social{
	float:none;
}
footer h3{
	display: block;
    font-size: 16px;
    font-weight: bold;
    margin:0 0 20px;
	text-transform:uppercase;
}
footer .links a{
	display:block;
	padding:2px 0 2px 10px;
	color:#fff;
	font-weight:400;
	font-size:14px;
	text-transform:capitalize;
	transition:all 0.3s;
	position:relative;
}
footer .links a::before{
	content:"";
	position:absolute;
	top: 12px;
	left:0;
	height:3px;
	width:4px;
	background:#ddd;
	transition:all 0.3s;
}
footer .links a:hover{
	padding:2px 0 2px 20px;
}
footer .links a:hover::before{
	width:15px;
}
footer .copyright{
	border-top:thin solid #406946;
}
footer .copyright a{
	color:#fff;
	font-weight:400;
	text-transform:uppercase;
	display:inline-block;
	padding:5px 10px 15px;
}
footer .copyright p{
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
}

.banners{
	height:1100px;
}
.banners > div div{
	position:relative;
	overflow:hidden;
}
@media (max-width:768px){
	.banners{
		height:auto;
	}
}
.banners > div div img{
	position:relative;
	z-index:5;
	transition:all 0.5s;
	filter: grayscale(60%);
}
.banners > div div:hover img{
	transform:scale(1.1,1.1);
	filter: grayscale(0%);
}
.banners > div div h1{
	position:absolute;
	z-index:10;
	bottom:-20px;
	background:rgba(255,255,255,1);
	font-weight:bold;
	padding:8px 0 0;
}
.banners > div div h1 span{
	display:block;
	font-size:14px;
	font-weight:300;
	padding:5px 0 0;
	text-transform:capitalize;
}

.heading {
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: bold;
    position: relative;
    background: linear-gradient(to right, #335f38, #facf46);
    display: inline-block;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.heading:after {
    content: "";
    position: absolute;
    width: 150px;
    left: 0;
    bottom: -15px;
    background: #c1c1c1;
    height: 1px;
}
.heading.text-center:after {
    content: "";
    position: absolute;
    width: 150px;
    left: calc(50% - 72px);
    bottom: -15px;
    background: #c1c1c1;
    height: 1px;
}

.btn-site {
    background: #ed3239;
    color: #fff;
}
.btn-site:hover {
    color: #fff;
	opacity:0.9;
}
.text-site{
	color:#ed3239;
}

.page-top-text {
    margin: -90px 0 40px;
    background: #fff;
    padding: 24px 31px 0;
    border-radius: 10px 10px 0 0;
    border-top: 6px solid #378347;
    box-shadow: 0 -15px 30px -14px rgb(0 0 0 / 30%);
	position:relative;
	z-index:5;
}
.page-top-text ul{
    padding:0 0 0 15px;
}
.page-links a{
	display:inline-block;
	width:45%;
	margin:0 4% 15px 0;
	padding:10px 0;
	text-align:center;
	box-shadow:0 1px 3px rgb(0 0 0 / 15%);
	border-radius:8px;
	font-size:14px;
	color:#000;
	position:relative;
	overflow:hidden;
	border:1px solid #c59844;
}
.page-links a::before{
	content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
	left:-80%;
    height: 100%;
    transition: all 0.4s;
}
.page-links a:hover{
	color:#fff;
	font-weight:bold;
}
.page-links a:hover::before{
	left:0;
}
.page-links a:nth-child(1)::before{ background:url(../img/cp-link-bg.png) center no-repeat; background-size:cover; }
.page-links a:nth-child(2)::before{ background:url(../img/bod-link-bg.png) center no-repeat; background-size:cover; }
.page-links a:nth-child(3)::before{ background:url(../img/vv-link-bg.png) center no-repeat; background-size:cover; }
.page-links a:nth-child(4)::before{ background:url(../img/infra-link-bg.png) center no-repeat; background-size:cover; }
.page-links a:nth-child(5)::before{ background:url(../img/op-link-bg.png) center no-repeat; background-size:cover; }
.page-links a:nth-child(6)::before{ background:url(../img/j-link-bg.png) center no-repeat; background-size:cover; }

.side-links{
}
.side-links a{
	font-weight:400;
	display:flex;
	align-items:center;
	padding:18px 10px;
	color:#333;
	background:transparent;
	transition:all 0.5s;
	border-radius:8px;
	overflow:hidden;
	border:1px solid #ddd;
	margin:0 0 15px;
}
.side-links a:hover, .side-links a.link-active{
	background:#eee;
	color:#000;
	padding:18px 0px 18px 20px;
}
.side-links a img{
	width:30px;
	border-radius:5px;
	margin:0 12px 0 0;
}

.thereapy-sub{
    border: 1px solid #eee;
    border-top: 5px solid #f8d353;
}

.rnd .page-top-text ul{
    padding:0 0 0 35px;
}
.rnd h4 {
    background: #f8d353;
    padding: 10px 20px;
    margin: 10px 0;
    border-radius: 10px;
    display: inline-block;
    font-size: 17px;
    text-transform: uppercase;
}
.rnd img{
    max-width:100%;
}
.rnd table td img{
    width:100px !important;
    height:auto;
    max-width:none;
}

/* My Account Style Start */
.myaccount{
	background:#eee;
}
.login-div{
	margin: 50px 0;
	background:#fff;
	border:1px solid #ddd;
	border-radius:8px;
	padding:35px 30px;
}
.login-div h1 {
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 25px;
	text-align:center;
	color: #000;
}
.myaccount .select2-container--bootstrap .select2-selection--single {
    height: 38px;
    line-height: 1.42857143;
    padding: 8px 24px 8px 12px;
    border-radius: 3px 0 0 3px;
}
/* My Account Style Ends */

.loading {
    position: fixed;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
	background: rgba(255,255,255,0.90);
	visibility:hidden;
	z-index:1100;
}
.show-loading{
	visibility:visible !important;
}
.loading h2 {
    text-align: center;
    display: block;
    width: 100%;
    padding: 10px 0;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    background: #fff;
}
.loading h2 img {
    width: 90px;
}
.loading h3 {
    text-align: center;
    display: block;
    width: 100%;
}
.loading h3 img {
    background:#fff;
    width:auto;
    padding:0px;
    box-shadow:0 2px 5px rgba(0,0,0,0.20);
    border-radius:5px;
}

.p-item{
    height: 100%;
    position:relative;
}
.p-item .composition{}
.p-item .p-detail{}

.carousel-control-next, .carousel-control-prev{
	width:6%;
}

.box-shadow{
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}


/* Pagination */
.paging{
    text-align:center;
}
.paging nav{
    display: inline-block;
    width: auto;
    margin: auto;
}
.page-item{
    margin:0 5px 0 0;
}
.page-link {
    color: #01336d;
    border: none;
    font-size: 15px;
    font-weight: bold;
    border-radius: 8px !important;
}
.page-item:first-child .page-link, .page-item:last-child .page-link {
    font-size: 25px;
    padding: 1px 12px;
}
.page-link:hover {
    border-color: none;
}
.page-item.disabled .page-link {
    border-color: none;
}
.page-item.active .page-link {
    background-color: #eee;
    border-color: none;
    color: #01336d;
}

.select2-container--bootstrap .select2-selection--single {
    height: auto !important;
    line-height: 1.42857143;
    padding: 8px 30px 8px 15px !important;
    border-radius: 3px 0 0 3px;
}

.swiper-button-next, .swiper-button-prev{
	color:rgb(0 0 0 / 13%) !important;
}
.swiper-button-prev {
	left: -35px !important;
	opacity: 1;
}
.swiper-button-next {
	right: -35px !important;
	opacity: 1;
}

.page img {
    border: 7px solid #fff;
    margin: 0px;
    vertical-align: top;
}
.page iframe {
    display:inline-block;
    vertical-align: top;
	width:30%;
	height:400px;
	margin:2% 2% 2% 0;
}
.page ul{
	padding:0 0 0 15px;
	line-height:2em;
}

.gallery img{
	padding:10px;
	border:1px solid #ddd;
	border-radius:8px;
}

.whatsapp{
    position:fixed;
    z-index:200;
    bottom:20px;
    right:20px;
    width:50px;
    height:50px;
    background:url(../img/whatsapp-icon.png) center;
    background-size:contain;
}

.prev-arrow, .next-arrow {
    display:block;
    position: absolute;
    top: 30%;
    width: 30px;
    height: 30px;
    z-index: 10;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}
.prev-arrow{
    left:0;
    border-left: 1px solid rgb(0 0 0 / 25%);
    border-top: 1px solid rgb(0 0 0 / 25%);
    transform:rotate(-45deg);
}
.next-arrow{
    right:0;
    border-right: 1px solid rgb(0 0 0 / 25%);
    border-top: 1px solid rgb(0 0 0 / 25%);
    transform:rotate(45deg);
}