@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
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;}
.pad{padding:90px 0;}
.loading { text-align:center;  background-color: #fff; height: 100%; width: 100%; position: fixed; z-index: 5000; margin-top: 0px; top: 0px; }
.loading-center { width: 100%; height: 100%; position: relative; }
.loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); -ms-transform: rotate(-135deg); }
.poppins{font-family: 'Poppins', sans-serif;}
.icnclr{color:#fcaf01!important;}
.icnclr1{color:#f0750f;}
.icnclr2{color:#f0750f;}
.black{color:#000;}
.top-header {background-color: #111;}
.fullpad {margin: 0!important; padding: 0!important;}
.tophead-info li {display: inline-block; margin-right: 30px;}
.tophead-info li .fa {color: #fcaf01; padding-right: 10px;}
.tophead-info li a {color: #b1b1b1; font-size: 14px;}
.tophead-social li {display: inline-block; margin-right: 15px;}
.tophead-social li .fa {color: #fcaf01;}
.navfont{font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 500;}
.navbar-light .navbar-nav .nav-link {color:#111!important;}
.navbar-light .navbar-nav .active > .nav-link {color: #1aa78e!important;}
.navbar-light .navbar-nav .nav-link:hover {color: #1aa78e!important;}
.adbtn{background-color:#fcaf01 ; border:none; color:white!important; padding:10px 30px; border-radius: 4px; font-size: 16px;}
.nav-straight li {display: inline-block; margin-right: 15px;}
.searchbg{background-color: #e7e7e7;}
.smallfnt{font-size: 14px!important; line-height: 28px;}
.fontuser input[type=text], 
input[type=password],
select { 
    width: 100%; 
    padding: 12px 40px; 
    display: inline-block; 
    border: 1px solid #ccc; 
    box-sizing: border-box; 
	border-radius:4px;
} 
.fontuser {position: relative;} 
.fontuser i{position: absolute; left: 15px; top: 17px; color: #1aa78e;}
.form-group {margin-bottom: 0rem!important;}
.cathvr{color:#f0750f; transition: all .3s ease-out;}
.cathvr:hover{color:#1aa78e; transition: all .3s ease-out;}
.searchbtn{background-color:#1aa78e; border:none; color:white!important; padding:12px 25px; border-radius: 4px; font-size: 15px; transition: all .3s ease-out;}
.searchbtn:hover{background-color: #fcaf01; color:white; transition: all .3s ease-out;}
.setbg{background-color: #f2f2f2;}
.paraclr{color:#646464!important;}
.text1 {position: relative; padding: 0 0 0 24px; margin-top: -36px;}
.cardfnt{color: #797979; font-size:13px; line-height: 1.3; margin-bottom: 8px;}
.rtcl-sold-out {
    z-index: 2;
    left: -42px;
    top: 16px;
    background: #fc0101;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 43px;
    line-height: 1;
    text-transform: uppercase;
    transform: rotate(-52deg);
    position: absolute;
}
figure {
	margin: 0!important;
	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.2); transform: scale(1.2);}
.rtin-item {
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 2px 0 rgba(0,0,0,.1);
    padding: 40px 20px 35px;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    background-color: #f2f2f2;
    text-align: center;
    margin-bottom: 30px;
    border-radius: 3px;
    display: block;
}
.rtin-item:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(89,89,89,.1);
    box-shadow: 0 0 5px 0 rgba(89,89,89,.1);
}
.rtin-item .rtin-icon{
	font-size: 50px;
	color: #1aa78e;
	transition: all .5s ease-out;
}
.rtin-item:hover .rtin-icon {color: #fcaf01;}
.rtin-item .rtin-title {
    font-size: 17px;
	color:#222;
	transition: all .5s ease-out;
}
.rtin-item:hover .rtin-title {color: #1aa78e;}
.parallax {
    background-image: url("../images/parallaxbg.jpg");
    height: auto;
    background-attachment: fixed;
    background-size: cover;
    background-position: right;
}
.bg-overlay {position: relative;}
.box-bg {position: relative; z-index: 1;}
.bg-overlay::after {
    background-color: #070707cf;
    z-index: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.product_para {max-width: 750px; margin: 0 auto;}
.list-product-para {max-width: 500px; margin: 0 auto 0 0;}
.rt-el-info-box {
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    padding: 55px 20px;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.rt-el-info-box:hover {-webkit-box-shadow: 0 0 10px 5px #d8d8d8; box-shadow: 0 0 10px 5px #d8d8d8;}
.rt-el-info-box .rtin-icon {margin-bottom: 25px;}
.rt-el-info-box .rtin-title {color: #000; font-size: 22px;}
.pricebg{background-image: url("../images/matt.jpg"); background-position: top center; background-repeat: repeat;}
.feature-box ul li {
	display: block;
	font-size: 15px;
	margin-bottom: 15px;
	position: relative;
	color: #000;
	padding-left: 20px;
}
.feature-box ul li::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	height: 10px;
	width: 12px;
	background: url("../images/yes-tick.png") left top no-repeat;
	background-size: cover;
}
.smallicn{font-size: 10px;}
.ribbonpos{overflow: hidden; position: relative;}
.cardbrdr{border-radius: 4px; background-color: white; -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2); box-shadow: 0 0 2px 0 rgba(0,0,0,.2);}
.cardbrdr1{border-radius: 4px; background-color: #dcdcdc; -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2); box-shadow: 0 0 2px 0 rgba(0,0,0,.2)}	
.footer-top-area {background-color: #363b4d;}	
.headingline {
    width: 50px;
    height: 2px;
    background-color: #1aa78e;
	margin-bottom: 15px;
}
.foothvr{color:#fff; transition: all .3s ease-out;}
.foothvr:hover{color:#1aa78e; transition: all .3s ease-out;}
.footfnt {
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 20px;
}
.footer-bottom-area {
    background-color: #1d1d1d;
    color: #ccc;
	padding: 25px 0;
}
.footer-bottom-area ul.payment-icons {text-align: right;}
.footer-bottom-area ul.payment-icons li {display: inline; padding-left: 4px;}
.widgettitle{
	background-color: #1aa78e;
	color: #fff;
	padding: 11px 20px;
}
.listing-archive-top {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    padding: 11px 20px;
    margin-bottom: 20px;
}
.alignmiddle{display: inline-flex; vertical-align: middle;}
.listactive{color:#1aa78e!important;}
.listbox-premium{overflow: hidden !important; position: relative;}
.list-box{border: 1px solid #ffd274; background-color: #fffdea; border-radius:2px;}
.list-item{	display: flex; padding: 15px 15px 17px;}
.listable-item {line-height: 1.3; display: inline;}
.listable-label {font-weight: 700; margin-right: 3px; font-size: 14px; color:#000;}
.listable-item .listable-label::after {content: ":";}
.listable-item:last-child::after {content: none;}
.listable-item :after {content: "|"; margin: 0 3px;}
.listable-value{color:#646464; font-size: 14px;}
.listable-item:last-child {margin-right: 0;}
.rtin-meta li {
    margin-right: 15px;
    line-height: 1.3;
    display: inline-block;
    color: #797979;
    font-size: 14px;
}
.rtin-meta li i {margin-right: 7px; color: #1aa78e;}
.tooglebtn{background-color:#fcaf01 ; border:none; color:white!important; padding:10px 100px; border-radius: 4px; font-size: 16px;}
.main-content {
    background-color: #fff;
    padding: 30px;
	margin-bottom: 30px;
	border: 1px solid #e8e8e8;
}
.showcase-wrapper, .thumb-previewer{
    padding: 10px 0px;
	transform: translate3d(0px, 0px, 0px);
	transition: all 0s ease 0s;
}
.thumb-img{display: flex; flex-flow: row; align-items: center; margin-left: -20px; margin-top: 40px;}
.thumb-img li a{display: block; padding: 6px;}
.thumb-img li a img{max-width: 100%;}
.sidewidget{color: #222;
	border-bottom: 1px solid #e1e1e1;
	font-size: 20px;
	line-height: 1.4;
	padding: 12px 15px;
	margin-bottom: 0;
	background-color: #fff;
}
.icon1 {margin-right: 10px;}
.icon1 i {
	color: #1b892a;
    font-size: 20px;
    background: rgb(13 54 159 / 9%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
}
.icon2 {margin-right: 10px;}
.icon2 i {
	color: #546a79;
    font-size: 20px;
    background: rgb(13 54 159 / 9%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
}
.icon3 {margin-right: 10px;}
.icon3 i {
	color: #d74252;
    font-size: 20px;
    background: rgb(13 54 159 / 9%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
}
.icon4 {margin-right: 10px;}
.icon4 i {
	color: #2b5069;
    font-size: 20px;
    background: rgb(13 54 159 / 9%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
}
.categoryhead{
    background:#f0750f;
    color: white;
    font-size: 18px;
    padding:12px 12px;
}
.socialicon{width: 40px;}
.tag {
    background: #eee;
    border-radius: 3px 0 0 3px;
    color: #999;
    display: inline-block;
    height: 26px;
    line-height: 24px;
    padding: 0 15px 0 15px;
    position: relative;
    margin: 0 5px 5px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    font-size: 12px;
}
.checkboxleft{padding-left:40px!important;}
.cardtop{background-color: #1aa78e; color: #fff;}
.footerulbg{background: rgba(0,0,0,0.20); padding:10px 10px 10px 40px; max-width: 700px;}
.footfntli{font-size: 13px;}
.footpad{padding: 60px 0 0px;}
.brdr1{border-right: 1px solid #1b1d26 !important;}
.brdr2{border-left: 1px solid #4a4f5f !important;}
.imgline{height: 1.75px; width: 20vw;}
.footscroll{height: 300px; overflow-y: scroll; max-height: 100%; scrollbar-width: thin;}
.logo{width:220px;}   
.btn-secondary {
    color: #fff!important;
    background-color: #fcaf01!important;
    border-color: #fcaf01!important;
    padding: 9px!important;
    font-size: 17px!important;
    border-radius: 0px!important;
}
.sticky-top1 {
    position: sticky;
    top: 0px;
    z-index: 2000; 
} 
.thumb-img li {
    width: calc(100% / 5 - 20px);
}

@media (min-width:5px) and (max-width:767.98px){
.pad{padding:40px 0;}
.nav-straight li {display: block; margin-right: 15px; margin-top: 20px;}
.cntr{text-align: center;}
.footer-bottom-area ul.payment-icons {text-align: center;}
.smallcardcontent{padding:10px;}
.footerulbg{padding:10px 10px 10px 10px;}
}


@media (min-width:768px) and (max-width:992.98px){
.pad{padding:40px 0;}	
.nav-straight li {display: block; margin-right: 15px; margin-top: 20px;}
.cntr{text-align: center;}
.footer-bottom-area ul.payment-icons {text-align: center;}
.smallcardcontent{padding:10px;}
}

#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;}
.oopslogo{width:350px;}
.notfound h2 {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
}
.notfound p {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 5px;
}
.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;}
}

.modal { z-index: 9999 !important; }