@import url('https://fonts.googleapis.com/css2?family=Niconne&family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@font-face{
	font-family:'creo';
	src:url('font/creo.ttf') format('truetype');
	font-style:normal;
	font-weight:normal;
}
html{scroll-behavior: smooth;}
li{list-style-type:none!important;}
a{text-decoration:none!important;}
.heading1{font-size: 2.5rem;} .heading2{font-size: 2rem;} .heading3{font-size: 1.75rem;} .heading4{font-size: 1.5rem;} .heading5{font-size: 1.25rem;} .heading6{font-size: 1rem;}
.creo{font-family:'creo';}
.bebas{font-family: 'Bebas Neue', cursive; font-weight:500; letter-spacing:1px;}
.poppins{font-family: 'Poppins', sans-serif; line-height:28px;}
.niconne{font-family: 'Niconne', cursive;}
.pad, .section1pad{padding:100px 0;}
.wrdbrk{white-space: pre;}
.navfont{font-size:18px; letter-spacing:1px;}
.smart-scroll{
	position: sticky!important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;}
.scrolled-down{transform:translateY(-100%); transition: all 0.3s ease-in-out;}
.scrolled-up{transform:translateY(0); transition: all 0.3s ease-in-out;}
.mynav{position:fixed!important; width:100%; z-index:999;}
.logo{width:200px;}
.mynav.black {background: white; transition:.5s linear; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);}
.mynav.black1 {background: none; transition:.3s linear; color: white;}
.fulpad{padding:0!important; margin:0!important;}
.secpad{padding:5px!important;}
nav.main ul {padding-left: 0; list-style-type: none;}
nav.main .megamenu {
	padding: 30px 40px;
	position: absolute;
	top: 70px;
	left: 10px;
	right: 0;
	max-width: 1500px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}
.menuwidth{width:20%;}
.pos{position:static!important;}
.navboxhead{font-size: 16px; color: #ed1c24;}
.navboxin{font-family: 'Poppins', sans-serif; margin:6px 0; color:black!important; transition: 0.5s; transform: 0.5s; font-size: 12px;}
.navboxin:hover{color:red!important; padding-left:5px;}
hr{margin:3px!important;}
.heading-section {position: relative;}
.heading-section h1.big.big2 {right: 0;}
.heading-section h1.big {
    position: absolute;
    top: -100px;
    left: 0;
    font-size: 20vw;
	background: linear-gradient(to top, #FFF 0%, #dfdede  100%);
    background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	z-index: 1;
    font-weight: 900;}
.nametxt{font-size:80px; height:40px; position: relative; z-index: 2;}
.nametxt1{font-size:160px; height:165px; position: relative; z-index: 2;}
.clr{color:#ed1c24;}
.realate{position: relative; z-index: 2;}
.yeartxt {transform: rotate(-90deg); position: absolute; top: 58px; font-size: 30px; left: 72px;}
.year{display: block; top: 11px; position: absolute; left: 145px; font-size: 101px;}
.yeartxt1{font-size:40px;}
.designpara{position: relative; top: 35%;}
.welcomebg{
    background-image: url("../images/ab.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: initial;}
.welcomebg1{
    background-image: url("../images/ab1.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: initial;}
.createpara{position: relative; top: 50px; z-index: 1;}
.boxtext{font-size:30px;}
.boxsize{padding:75px 25px; height:350px;}
.box1{background:#3bbeea;  border-radius:5px; transition:.5s;}
.box1:hover{background:#62cbba; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.box2{background:#3644af; border-radius:5px; transition:.5s;}
.box2:hover{background:#5e698b; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.box3{background:#8dc700; border-radius:5px; transition:.5s;}
.box3:hover{background:#a4d200; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.box4{background:#2a2e5d; border-radius:5px; transition:.5s;}
.box4:hover{background:#55584a; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.box5{background:#a924a4; border-radius:5px; transition:.5s;}
.box5:hover{background:#ba5082; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.box6{background:#a4302b; border-radius:5px; transition:.5s;}
.box6:hover{background:#d9534e; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.box7{background:#2f7084; border-radius:5px; transition:.5s;}
.box7:hover{background:#0a81a6; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.box8{background:#ea341d; border-radius:5px; transition:.5s;}
.box8:hover{background:#d23e2b; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.box9{background:#5b2271; border-radius:5px; transition:.5s;}
.box9:hover{background:#9c41bf; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.boxtop{position: relative; top: 80px; z-index: 1;}
.sectionbg1{background:url("../images/sectionbg1.jpg"); background-size: contain;}
.sectionbg2{background:url("../images/sectionbg2.jpg"); background-size: contain;}
.sectionbg3{background:url("../images/sectionbg3.jpg"); background-size: contain;}
.sectionbg4{background:url("../images/sectionbg4.jpg"); background-size: contain;}
.sectionbg5{background:url("../images/sectionbg5.jpg"); background-size: contain;}
.sectionbg6{background:url("../images/sectionbg6.jpg"); background-size: contain;}
.sectionbg7{background:url("../images/sectionbg7.jpg"); background-size: contain;}
.sectionbg8{background:url("../images/sectionbg8.jpg"); background-size: contain;}
.sectionbg9{background:url("../images/sectionbg9.html"); background-size: contain;}
.sectionbg{background:url("../images/background.jpg");}
.bg-overlay {position: relative;}
.box-bg {position: relative; z-index: 1;}
.bg-overlay::after {
    background-color: #d11359b5;
    z-index: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;}
.sectionright{padding: 90px 60px;}
.sectiontext{font-size:70px;}
.sectiontoptxt{font-size:55px;}
.brdrrght{border-right:3px solid red;}
.imageBox {position: relative; float: left;}
.imageBox .hoverImg {position: absolute; left: 0; top: 0; display: none;}
.imageBox:hover .hoverImg {display: block;}
.footpad{padding:30px 20px 30px;}
.text1 {position: relative; padding: 0 0 0 25px; margin-top: -42px;}
figure {margin: 0; padding: 0; background: #fff; overflow: hidden;}
.zoom figure img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.zoom figure:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);}
.smallfnt{font-size:14px;}
.sticky-top1 {position: sticky; top: 10px;}
.pointer{cursor:pointer;}
table.bottomBorder {border-collapse: collapse;}
table.bottomBorder td, table.bottomBorder th {border-bottom: 1px solid #848d714d;padding: 10px; color:#24282cf2;text-align: left;}
.single-best-place {position: relative; overflow: hidden; margin-bottom: 9px; cursor: pointer; border-radius:5px;}
.single-best-place .best-place-thumb img {width: 100%; transform: scale(1) rotate(0deg); transition: all 0.65s ease-in 0s;}
.single-best-place:hover .best-place-thumb img {transform: scale(1.2) rotate(3deg); -webkit-transform: scale(1.2) rotate(3deg);}
.section-heading {
    background: linear-gradient(90deg,#ed1c24,#c7161c);
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.section-title-divider {
    width: 50px;
    height: 3px;
    background: #c7161c;
    margin-bottom: 20px;}
.box-bg {position: relative; z-index: 1;}
.box_front_inner {
    color: #000;
    background-color: #fff;
    padding: 50px 50px 30px;
    margin-right: -140px;
    border-radius: 5px;
    box-shadow: 0px 10px 60px 0px rgba(0,0,0,.15);}
.info-box i {
    font-size: 26px;
    color: #fff;
    border-radius: 50%;
    padding: 13px;
	text-align:center;
    width: 55px;
    height: 55px;
    background-image: linear-gradient(90deg,#be4414,#fd6500);}
.text2 {position: relative; padding: 0 0 0 75px; margin-top: -69px;}
.productsideimg {width: 100%; height: 100%;}
.teabg{
	background-size: contain;
	background-position: bottom;
	background-repeat:no-repeat;
	background-blend-mode: multiply;
	background-image: url("../images/teabg.jpg");
	background-color: #f1f1f1;}
.badambg{
	background-size: contain;
	background-position: bottom;
	background-repeat:no-repeat;
	background-blend-mode: multiply;
	background-image: url("../images/badamboxbg.jpg");
	background-color: #f1f1f1;}
.colddrinksbg{
	background-size: contain;
	background-position: bottom;
	background-repeat:no-repeat;
	background-blend-mode: multiply;
	background-image: url("../images/colddrinksbg.jpg");
	background-color: #f1f1f1;}
.healthbg{
	background-size: contain;
	background-position: bottom;
	background-repeat:no-repeat;
	background-blend-mode: multiply;
	background-image: url("../images/healthmixboxbg.jpg");
	background-color: #f1f1f1;}
.soapbg{
	background-size: contain;
	background-position: bottom;
	background-repeat:no-repeat;
	background-blend-mode: multiply;
	background-image: url("../images/soapboxbg.jpg");
	background-color: #f1f1f1;}
.powderbg{
	background-size: contain;
	background-position: bottom;
	background-repeat:no-repeat;
	background-blend-mode: multiply;
	background-image: url("../images/powderboxbg.jpg");
	background-color: #f1f1f1;}
.shampoobg{
	background-size: contain;
	background-position: bottom;
	background-repeat:no-repeat;
	background-blend-mode: multiply;
	background-image: url("../images/shampooboxbg.jpg");
	background-color: #f1f1f1;}
.perfumebg{
	background-size: contain;
	background-position: bottom;
	background-repeat:no-repeat;
	background-blend-mode: multiply;
	background-image: url("../images/perfumeboxbg.jpg");
	background-color: #f1f1f1;}
.cosmeticsbg{
	background-size: contain;
	background-position: bottom;
	background-repeat:no-repeat;
	background-blend-mode: multiply;
	background-image: url("../images/cosmeticsboxbg.jpg");
	background-color: #f1f1f1;}
.card2bg{margin-top: 60px;}
.cardpos{position: relative; left: 35px;}
.icons {
    width: 100px;
    height: 100px;
    display: table;
    text-align: center;
    margin: 0 auto 30px auto;
    border-radius: 50%;
    background:#ed1c24;}
.icons i {display: table-cell; vertical-align: middle; font-size: 32px !important; color: #fff;}
.contact-form  .form-control {
    background-color:#fff;
    height: 50px;
    border: 1px solid #b9b9b9;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 14px;}
.formheight{height: 120px!important;}
.contactbtn{background:#ed1c24; color:white; padding:10px 20px; border:none;}
.footer{background-color: #ed1c24;}
.owl-nav{display: none!important;}
.owl-dots{padding-top: 40px;}
.black{color:black!important;}
.headingline{
	width: 80px;
	height: 2px;
	background-color: #9b0000;}
.parallax {
	background-image: url("../images/parallax.jpg");
	height: auto;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;}
.bg-overlay2 {position: relative;}
.newbox {position: relative; z-index: 1;}
.bg-overlay2::after {
	background-color: #ffffff36;
	z-index: 0;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;}	
.headingline1{
	width: 80px;
	height: 2px;
	background-color: #9b0000;
	margin-left: calc(47% - 20px);}
.aboutcardbg{background-color: #f5f6f3; padding:35px;}
.floatimage{
	display:block;
	height:300px;
	width:auto;
	animation: 3s infinite alternate floating;}
.shadows{
	height:2px;
	display:block;
	margin:15px auto;
	animation: 3s infinite alternate shadows;
}
@keyframes floating {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-10px);
	}
	100% {
		transform: translatey(0px);
	}
}
@keyframes shadows {
	0% {
	  	width:180px;
		box-shadow:0px 10px 8px rgba(0,0,0,.8);
	}
	50% {
	  	width:150px;
		box-shadow:0px 10px 8px rgba(0,0,0,.5);
	}
	100% {
	  	width:180px;
		box-shadow:0px 10px 8px rgba(0,0,0,.8);
	}
}
.boxshadow{height:2px; width:150px; box-shadow:0px 10px 8px rgba(0,0,0,.5); display:block; margin:5px auto;}
.hover-item {transition: 0.3s;}
.hover-item:hover {transform: translate(0, -10px);}
.calendarbg1{background-color: #c93445;}
.calendarbg2{background-color: #f15f74;}
.calendarbg3{background-color: #fc9c8e;}
.calendarbg4{background-color: #0a7186;}
.btnwdth {width: 45% !important;}
.gallery img{transition:1s;}
.gallery img:hover{transform:scale(1.1);}
.calendarhead{font-size: 40px;}
.lightbox {position: fixed !important; top: 50px !important;}
.white-btn {background: #fff!important; color: black !important; border:2px solid #ed1c24 ;}
.btns {
	color: #fff;
  	font-size: 16px;
  	padding: 25px 40px;
  	border-radius: 30px;
  	display: inline-block;
  	letter-spacing: 1px;
  	line-height: 0;
  	transition: color 0.4s linear;
  	position: relative;
  	z-index: 1;
  	overflow: hidden;}
.btns:hover{color:white!important;}
.white-btn::before {background: #ed1c24;}
.w-35{width:35%;}
.btns::before {
  	content: "";
  	position: absolute;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
  	background: #ed1c24;
  	color:white;
  	z-index: 1;
  	transition: transform 0.5s;
  	transition-timing-function: ease;
  	transform-origin: 0 0;
  	transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
  	transform: scaleX(0);}
.btns:hover::before {transform: scaleX(1);  color: white !important; z-index: -1;}
.hw-25{width:50%;}
.homepad{padding:70px 0;}
.secpad {padding: 0 0 0 7px !important;}
.gridpad{padding-top:9px!important;}
.splbtmpad{padding-bottom:9px!important;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #fff !important; background-color: #ed1c24 !important;}
.nav-pills-custom .nav-link {color: #aaa; background: #fff; position: relative; font-size:14px;}
.nav-pills-custom .nav-link.active {color: #45b649; background: #fff;}
.accordion .card {
	border-radius: 0;
	border: none;
	margin-bottom: 5px;
	padding-bottom: 3px;}
.accordion .card-header {
	background: #ececec;
	padding: .4rem 1rem;
	border-radius: 0;
	margin-bottom: -2px;
	font-family: "Roboto", sans-serif;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	margin: 0 3px 3px 0;
	border: none;}
.accordion .card-header:hover {background: #e0e0e0;}
.accordion .card-header .btn {
	font-size: 20px;
	font-weight: 500;
	width: 100%;
	text-align: center;
	position: relative;
	top: -2px;}
.accordion .card-header i {
	float: right;
	font-size: 1.3rem;
	font-weight: bold;
	position: relative;
	top: 5px;}
.accordion .card-header button:hover {color: #23384e;}
.accordion .card-header.highlight {color: #fff; background:#ed1c24;}
.accordion .card-body {text-align: justify;}
.box {
    height: 500px;
    overflow: auto;
    background: #f5f5f5;
    padding: 15px 20px;
	scrollbar-width: thin;
	border-radius:10px;}
.mobilebox{height: 500px; overflow: auto; scrollbar-width: thin;}
.nav-pills-custom .nav-link.active::before {opacity: 1;}
.sidewidget {
	border: 1px solid #e1e1e1;
	line-height: 1.4;
	margin-bottom: 0;}
.sidewidget-heading{background-color: #ed1c24; color: #fff; padding: 12px 15px;}
.sideboxin{margin:6px 0; color:black!important; transition: 0.5s; transform: 0.5s;}
.sideboxin:hover{color:red!important; padding-left:5px;}
.wapp{width:50px;}
.w0{width:0%;}
.fixed{position:fixed; z-index:9999;}
.priceicn{width:45px;}
.point{bottom:10px; left: 10px;}
.point1{bottom:70px; left: 10px;}
.point2{bottom:130px; left: 10px;}


@media (min-width: 992px) {
.nav-pills-custom .nav-link::before {
    content: '';
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #212529;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
    }
}


@media (min-width:5px) and (max-width:767.98px){
.pad, .section1pad{padding:40px 0;}
.navbg {background: white; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);}
.nametxt{font-size:45px;}
.nametxt1{font-size:95px; height:auto;}
.heading-section h1.big{top:-33px;}
.createpara{top:25px;}
.boxtop{top:0px;}
.sectiontext{font-size:40px;}
.sectiontoptxt{font-size:50px;}
.brdrrght{border:none;}
.boxtext {font-size: 25px;}
.sectionright {padding:40px;}
.boxsize{padding: 60px 25px; height: 260px;}
.cardpos{position: relative; left: 0px;}
.calendarhead{font-size: 30px;}
.w-35{width:55%;}
.hw-25{width:55%;}
}


@media (min-width:768px) and (max-width:992.98px){
.pad{padding:50px 0;}	
.navbg {background: white; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);}
.boxtext {font-size: 28px;}
.brdrrght{border:none;}
.btnwdth {width: 60% !important;}
.w-35{width:55%;}
.boxtop {top: 10px;}
.hw-25{width:55%;}
}


#notfound {position: relative; height: 100vh;}
#notfound .notfound {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.notfound {max-width: 410px; width: 100%; text-align: center;}
.notfound .notfound-404 {height: 280px; position: relative; z-index: -1;}
.notfound .notfound-404 h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 190px;
	margin: 0px;
	font-weight: 900;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url('../images/bg.jpg') no-repeat;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: cover;
	background-position: center;}
.notfound h2 {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;}
.notfound p {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 30px;
	margin-top: 0px;}
.notfound a {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	background: #0046d5;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 40px;
	color: #fff;
	font-weight: 700;
	-webkit-box-shadow: 0px 4px 15px -5px #0046d5;
	box-shadow: 0px 4px 15px -5px #0046d5;}


@media only screen and (max-width: 767px) {
.notfound .notfound-404 {height: 142px;}
.notfound .notfound-404 h1 {font-size: 112px;}
}


.spl {color: #f5f5f57a; font-size: 9px;}
.product_para {max-width: 850px; margin: 0 auto;}
.slidingbanner .banner-3:before {
    content: "";
    position: absolute;
    top: 0;
    min-height: 100%;
    left: 0;
    right: 0;
    z-index: -1;}
.slidingbanner .cover-top-center-9 {
    min-height: 36em;
    display: grid;
    align-items: center;}
.slidingbanner .w3ls_cover_txt-9 {
    max-width: 750px;
    text-align: center;
    margin: 0 auto;}
.slidingbanner h3.title-cover-9 {
    font-size: 60px;
    line-height: 48px;
    font-weight: 600;
    color: #ed1c24;
    margin-bottom: 20px;}
.slidingbanner p.para-cover-9 {  color: #eee;}
@keyframes slideleft { from { background-position: 0%; }  to { background-position: 90000%; }}
@-webkit-keyframes slideleft { from { background-position: 0%; }  to { background-position: 90000%;}}
@media (max-width: 667px) {.slidingbanner h3.title-cover-9 { font-size: 40px; line-height: 46px;}}
@media (max-width: 600px) {.slidingbanner h3.title-cover-9 {font-size: 37px;line-height: 44px;}}
@media (max-width: 640px) {.slidingbanner .w3ls_cover_txt-9 {margin: 0 2em;}}
@media (max-width: 480px) {
.slidingbanner h3.title-cover-9 {font-size: 32px; line-height: 35px; margin: 0 0 15px;}
.slidingbanner .w3ls_cover_txt-9 {margin: 0 1em;}
.slidingbanner p.para-cover-9 {font-size: 16px;}
.slidingbanner .cover-top-center-9 {min-height: 28em; min-height: 68vh;}
}
@media (max-width: 414px) {.slidingbanner p.para-cover-9 {font-size: 15px; line-height: 22px;}}
@media (max-width: 320px) {.slidingbanner h3.title-cover-9 {font-size: 30px; line-height: 28px;}}
.slidingbanner .banner-3 {
	background: url("../images/newall1.jpg") no-repeat center;
    background-repeat: no-repeat;
    background-size: auto;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	position: relative;
	background-repeat: repeat-x;
	animation: slideleft 10000s infinite linear;
	-webkit-animation: slideleft 10000s infinite linear;
	z-index: 0;}
.time-of-year {
    color: #555;
    font-size: 30px;
    margin: 100px 75px 10px 75px;
    position: relative;
    text-align: center;
    -webkit-transform: translateZ(0); 
    transform: translateZ(0);}
.time-of-year .tooltip {
    background: #f00e0f;
    border-radius: 3px;
    bottom: -49px;
    font-size: 22px;
    display: block;
    left: -67px;
    opacity: 0;
    padding: 15px;
    pointer-events: none;
    position: absolute;
    width: 320px;
    z-index: 1102;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .7s ease-out;
    transition: all .7s ease-out;
    height: 100px;}
.time-of-year .tooltip::after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #f00e0f  10px;
    bottom: 58px;
    content: " ";
    height: 0;
    left: 0%;
    margin-left: -13px;
    position: absolute;
    width: 0;
    transform: rotate(92deg);}
.time-of-year:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);}
.box16 {
	overflow: hidden;
	text-align: center;
	color: #fff;
	position: relative;
	width: 100%;
	height: 100%;
	border-radius:5px;}
.box16 .box-content,
.box16:after {width: 100%; position: absolute; left: 0;}
.box16:after {
	content: "";
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.76) 100%);
	top: 0;
	transition: all 0.5s ease 0s;}
.box16 .post,
.box16 .title {transform: translateY(145px); transition: all 0.4s cubic-bezier(0.13, 0.62, 0.81, 0.91) 0s;}
.box16:hover:after {
	background: linear-gradient(
	to bottom,
	rgba(0, 0, 0, 0.01) 0,
	rgba(0, 0, 0, 0.09) 11%,
	rgba(0, 0, 0, 0.12) 13%,
	rgba(0, 0, 0, 0.19) 20%,
	rgba(0, 0, 0, 0.29) 28%,
	rgba(0, 0, 0, 0.29) 29%,
	rgba(0, 0, 0, 0.42) 38%,
	rgba(0, 0, 0, 0.46) 43%,
	rgba(0, 0, 0, 0.53) 47%,
	rgba(0, 0, 0, 0.75) 69%,
	rgba(0, 0, 0, 0.87) 84%,
	rgba(0, 0, 0, 0.98) 99%,
	rgba(0, 0, 0, 0.94) 100%
	);}
.box16 img {width: 100%; height: 100%;}
.box16 .box-content {padding: 0px 20px; margin-bottom: 50px; bottom: 0; z-index: 1;}
.box16 .title {font-size: 18px; font-weight: 700; text-transform: uppercase; margin: 0 0 10px;}
.box16 .post {display: block; padding: 0 0 15px 0; font-size: 14px;}
.box16 .social li a,
.box17 .icon li a {border-radius: 50%; font-size: 20px; color: #fff;}
.box16:hover .post,
.box16:hover .title {transform: translateY(0);}
.box16 .social {
	list-style: none;
	padding: 0 0 5px;
	margin: 40px 0 25px;
	opacity: 0;
	position: relative;
	transform: perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);
	transition: all 0.6s cubic-bezier(0, 0, 0.58, 1) 0s;}
.box16:hover .social {opacity: 1; transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0);}
.box16 .social:before {
	content: "";
	width: 50px;
	height: 2px;
	background: #fff;
	margin: 0 auto;
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;}
.box16 .social li {display: inline-block;}
.box16 .social li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #6d3795;
	margin-right: 10px;
	transition: all 0.3s ease 0s;}
.box16 .social li a:hover {background: #bea041;}
.box16 .social li:last-child a {margin-right: 0;}
@media only screen and (max-width: 990px) {
.box16 {margin-bottom: 30px;}
}	
.cardbtn{background:white; color:black; padding:10px; font-size:15px; border:1px solid white; border-radius:5px; margin:0 50px; font-weight:bold; transition:all .25s ease-in-out;}
.cardbtn:hover{background:#db241e; color:white; transition:0.5s all;}
.ct-icon{width: 30px;}