@font-face {
  font-family: Avenir;
   src: url('../font/Avenir.otf'); /* IE9 Compat Modes */
}

body, html{
	width: 100%;
	overflow-x: hidden;
}

.navbar-brand{
	left: 50%;
	position: relative;
	transform: translate(-50%, 0px);
}

.headerContainer{
	color: #000;
	width: 100%;
	z-index: 10;
	height: 100px;
	background: #fff;
	border-bottom: 1px solid #ccc;
}

.active{
	color: red;
	font-weight: bold;
}

.logoAhref{
	top: 50%;
	left: 50%;
	position: relative;
	transform: translate(-50%, -50%);
}

.logo{
	width: 180px;
	height: auto;
	margin-top: 10px;
}

.nav-item a{
	color: #000;
	font-size: 13px;
	text-transform: uppercase;
}

.carousel{
	border-bottom: 0.5px solid #e6e7e8;
}

.carousel img{
	width: 100%;
}

.slick-slide{
	height: max-content;
}

.wrapper{
	position: relative;
}

.writing{
	top: 50%;
	left: 50%;
	width: 100%;
	font-size: 3rem;
	font-weight: 100;
	letter-spacing: 10;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	transform: translate(-50%, -50%);	
}

.hrefBtn{
	background: #000;
	font-size: 12px;
	margin: 0 auto;
	letter-spacing: 2;
	width: max-content;
	padding: 12px 12px;
	border-radius: 15px;
}

.hrefBtn a{
	color: #fff;
}

.trademarkIco{
	font-size: 12px;
	vertical-align: super;
}

h6{
	margin: 0 auto;
	margin-top: 10px;
	font-weight: 500;
	font-weight: bold;
	font-size: 1.1rem;
}

.box{
	padding: 7px;
	width: 33.333333%;
}

.wrap img{
	width: 100%;
}

.wrap1{
	background: #000;
}

.benefits{
	background: #F5F5F5;
}

.benefitsTable{
	float: right;
	width: 400px;
	margin-right: 40px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.benefitsTable i{
	font-size: 11px;
	margin-right: 5px;
	vertical-align: middle;
}

.benefitsTable tr{
	height: 25px;
	font-size: 14px;
}

.plusIcon{
	color: red;
	height: max-content;
	vertical-align: middle;
}

.benefitsTable2{
	width: 400px;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 50px;
}

.benefitsTable2 i{
	font-size: 11px;
	margin-right: 5px;
	vertical-align: middle;
}

.benefitsTable2 tr{
	height: 45px;
	font-size: 14px;
}

.wrap{
	position: relative;
}

.overlay{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #696969;
}

.wrap:hover .overlay {
 	opacity: .75;
}

.test:hover{
	transform: scale(1.1);
}

.text {
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
  
}


/***Contact***/
.contactSection h1{
	font-weight: bold;
	text-transform: uppercase;
}

.contactSection p{
	color: #7f7f7f;
}

.title{
	margin-top: 50px;
	margin-left: 50px;
	font-weight: bold;
}

.contactDesc{
	width: 500px;
	margin: 0 auto;
}

.contactDesc label{
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin-bottom: 30px;
}

.contactDesc a{
	color: #000;
	padding: 20px;
	font-size: 16px;
	background: #fff6f6;
	border-radius: 10px;
	letter-spacing: 1;
	border: 1px solid gold;
}

.inquiry{
	margin-left: 30px;
	font-weight: bold;
}

.slickTesti img{
	width: 80%;
	margin: 0 auto;
}

.slickItem{
	position: relative;
}

.testidesc{
	top: 50%;
	left: 50%;
	width: 80%;
	padding: 12px;
	position: absolute;
	text-align: center;
	transform: translate(-50%, -50%);
}

.testing{
	font-size: 17px;
	padding: 20px;
}

.testing span{
	font-size: 15px;
	color: #ccc;
}

.slick-dots li.slick-active button:before{
	color: #ab6a6a;
}

.slick-dots li button:before{
	color: #ccc;
}

.testimonials{
	border-bottom: 0.5px solid #e6e7e8;
}

.aboutDesc{
	font-size: 15px;
	text-align: justify;
	margin-top: 10px;
}

.aboutDesc h6{
	font-size: 14px;
	font-weight: 500;
}

.navbar-toggler{
	background: #fff3f3;
}

.navbar .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.bywho{
	margin-top: 1.5rem;
}


@media only screen and (max-width: 991px) {
	.testing{
		padding: 10px;
		font-size: 14px;
	}

	.testing span{
		font-size: 12px;
	}

	.bywho{
		margin-top: .5rem;
	}

	.benefitsTable{
		width: auto;
		margin-top: 20px;
		margin-bottom: 0px;
		margin-right: 0px;
	}

	.benefitsTable2{
		width: auto;
		margin-top: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
	}

	.logo{
		width: 130px;
	}

	h1{
		font-size: 20px;
	}

	h2{
		font-size: 18px;
	}

	p{
		font-size: 12px;
	}

	.contactDesc a{
		padding: 12px;
		font-size: 13px;
	}

	.overlay{
		opacity: .5;
	}

	.text{
		font-size: 12px;
	}

	.box{
		width: 50%;
	}

	.aboutDesc h6{
		font-size: 12px;
	}

	.aboutDesc{
		font-size: 12px;
	}

}