/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/


.product-title h3{font-weight: 400;}
.home-title{font-weight: bold;    
	font-size: 20px;    
	color: #444444;   
    line-height: 1.5;
    margin: 0 0 15px 0;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 0;}

.home-title-span{    font-size: 13.7px;
	display: block;
    font-weight: 300;    
    margin-top: 6px;     
	color: #555555!important;
}

.footer-contact{color: #b4b4b4;}
.footer-4__links a:not(.btn) {
    text-decoration: underline!important;
}

/* Common styles ==============start pricing table css */

.pricing {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto 3em;
}
.pricing1 {
	display: -webkit-flex;
	display: flex;
	
	width: 100%;
	margin: 0 auto 3em;
}


.pricing--item {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	align-items: stretch;
	
	-webkit-flex: 0 1 330px;
	flex: 0 1 330px;
}

.pricing--feature-list {
	text-align: left;
}

.pricing--action {
	color: inherit;
	border: none;
	background: none;
}

.pricing--action:focus {
	outline: none;
}

/* Individual styles */

/* Sonam */
.pricing--sonam .pricing--item {
	margin: 1em;
	padding: 2em;
	cursor: default;
	border-radius: 10px;
	background: #1F1F1F;
	box-shadow: 0 5px 20px rgba(0,0,0,0.05), 0 15px 30px -10px rgba(0,0,0,0.3);
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}

.pricing--sonam .pricing--item:hover {
	background: #141315;
}

.pricing--sonam .pricing--title {
	font-size: 2em;
	width: 100%;
	margin: 0 0 0.25em;
	padding: 0 0 0.5em;
	border-bottom: 3px solid rgb(27, 26, 28);
}

.pricing--sonam .pricing--price {
	color: #E06060;
	font-size: 1.75em;
	padding: 1em 0 0.75em;
}

.pricing--sonam .pricing--sentence {
	font-weight: bold;
}

.pricing--sonam .pricing--feature-list {
	margin: 0;
	padding: 1em 1.25em 2em;
}

.pricing--sonam .pricing--action {
	font-weight: bold;
	margin-top: auto;
	padding: 0.75em 2em;
	border-radius: 5px;
	background: #E06060;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}

.pricing--sonam .pricing--action:hover,
.pricing--sonam .pricing--action:focus {
	background: #BD3C3C;
}

/* Jinpa */
.pricing--jinpa .pricing--item {
	font-family:   Helvetica, Arial, "sans-serif";
	margin: 1.5em 0;
	padding: 2em;
	cursor: default;
	color: #333;
	border: 1px solid #EEE;
	-webkit-transition: background-color 0.6s, color 0.3s;
	transition: background-color 0.6s, color 0.3s;
}

.pricing--jinpa .pricing--item:nth-child(2) {
	border-right: none;
	border-left: none;
}

.pricing--jinpa .pricing--item:hover {
	color: #444;
	background: #F5F5F5;
}

.pricing--jinpa .pricing--title {
	font-size: 2em;
	width: 100%;
	margin: 0;
	padding: 0;
}

.pricing--jinpa .pricing--price {
	font-size: 1.45em;
	font-weight: bold;
	line-height: 95px;
	width: 100px;
	height: 100px;
	margin: 1.15em auto 1em;
	border-radius: 50%;
	background: #ea716e;
	color: #FFF;
	-webkit-transition: color 0.3s, background 0.3s;
	transition: color 0.3s, background 0.3s;
}

.pricing--jinpa .pricing--item:first-child .pricing--price {
	background: #eac36e;
}

.pricing--jinpa .pricing--item:nth-child(2) .pricing--price {
	background: #eaa36e;
}

.pricing--jinpa .pricing--item:hover .pricing--price {
	color: #fff;
	background: #82C57E;
}

.pricing--jinpa .pricing--sentence {
	font-weight: bold;
	font-size: 17px;
	letter-spacing: 1px;
}

.pricing--jinpa .pricing--feature-list {
	margin: 0;
	padding: 1em 1em 2em;
	list-style: none;
	text-align: center;
}

.pricing--jinpa .pricing--action {
	font-weight: bold;
	margin-top: auto;
	padding: 0.75em 2em;
	opacity: 0;
	color: #fff;
	background: #82C57E;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
}

.pricing--jinpa .pricing--item:hover .pricing--action {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.pricing--jinpa .pricing--action:hover,
.pricing--jinpa .pricing--action:focus {
	background: #6EA76B;
}

@media screen and (max-width: 60em) {
	.pricing--jinpa .pricing--item {
		max-width: none;
		width: 90%;
		flex: none;
	}
	.pricing--jinpa .pricing--item:nth-child(2) {
		border: 1px solid #fff;
	}
}

/* Tenzin */
.pricing--tenzin .pricing--item {
	margin: 1em;
	padding: 2em 2.5em;
	text-align: left;
	color: #262b38;
	background: #EEF0F3;
	border-top: 3px solid #EEF0F3;
	-webkit-transition: border-color 0.3s;
	transition: border-color 0.3s;
}

.pricing--tenzin .pricing--item:hover {
	border-color: #3e62e0;
}

.pricing--tenzin .pricing--title {
	font-size: 1em;
	margin: 0 0 1em;
}

.pricing--tenzin .pricing--price {
	font-size: 2em;
	font-weight: bold;
	padding: 0.5em 0 0.75em;
	border-top: 3px solid rgba(139, 144, 157, 0.18);
}

.pricing--tenzin .pricing--currency {
	font-size: 0.5em;
	vertical-align: super;
}

.pricing--tenzin .pricing--sentence {
	font-weight: bold;
	padding: 0 0 0.5em;
	color: #9CA0A9;
	border-bottom: 3px solid rgba(139, 144, 157, 0.18);
}

.pricing--tenzin .pricing--feature-list {
	font-size: 0.85em;
	font-style: italic;
	margin: 0;
	padding: 0.25em 0 2.5em;
	list-style: none;
	text-align: right;
	color: #8b909d;
}

.pricing--tenzin .pricing--action {
	font-weight: bold;
	margin-top: auto;
	padding: 1em 2em;
	color: #fff;
	border-radius: 30px;
	background: #3e62e0;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.pricing--tenzin .pricing--action:hover,
.pricing--tenzin .pricing--action:focus {
	background-color: #3b5ac5;
}

/* Yama */
.pricing--yama .pricing--item {
	margin: 1em;
	padding: 0 0 2em;
	color: #fff;
	background: #1e1c20;
}

.pricing--yama .pricing--title {
	font-family: 'Playfair Display', serif;
	font-size: 2.35em;
	font-weight: 900;
	line-height: 1;
	width: 290px;
	margin: 0 auto;
	padding: 1em 1em 0em;
}

.pricing--amp {
	padding: 0.15em 0 0.1em;
	color: #0f0e0f;
}

.pricing--yama .pricing--sentence {
	margin-bottom: 2em;
	color: #555357;
}

.pricing--yama .pricing--price {
	font-size: 2em;
	font-weight: bold;
	position: relative;
	z-index: 10;
	overflow: hidden;
	padding: 0.75em;
	cursor: default;
	color: #ef7d46;
	background: #1a181b;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.pricing--yama .pricing--item:hover .pricing--price {
	color: #fff;
}

.pricing--yama .pricing--price::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: #141315;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translate3d(-150%,0,0) skewX(40deg);
	transform: translate3d(-150%,0,0) skewX(40deg);
}

.pricing--yama .pricing--item:hover .pricing--price::before {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) skewX(0deg);
	transform: translate3d(0,0,0) skewX(0deg);
}

.pricing--yama .pricing--period {
	font-size: 0.5em;
	font-weight: normal;
	display: block;
	color: #2a272c;
}

.pricing--yama .pricing--feature-list {
	margin: 0;
	padding: 2em 1em;
	list-style: none;
	text-align: center;
	color: #6a6563;
}

.pricing--yama .pricing--action {
	font-weight: bold;
	margin: 0 2em;
	padding: 1em 2em;
	border-radius: 4px;
	background: #ef7d46;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.pricing--yama .pricing--action:hover,
.pricing--yama .pricing--action:focus {
	color: #ef7d46;
	background: #fff;
}

/* Rabten */
.pricing--rabten .pricing--item {
	font-family: 'Roboto', sans-serif;
	padding: 2em 4em;
	cursor: default;
	color: #262b38;
	max-width: 320px;
}

.pricing--rabten .pricing--item:nth-child(2) {
	border-right: 1px solid rgba(139, 144, 157, 0.18);
	border-left: 1px solid rgba(139, 144, 157, 0.18);
}

.pricing--rabten .pricing--title {
	font-size: 1em;
	margin: 1.5em 0 0;
}

.pricing--rabten .icon {
	font-size: 2.5em;
	color: #8b909d;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.pricing--rabten .pricing--item:hover .icon {
	color: #E03E3E;
}

.pricing--rabten .pricing--price {
	font-size: 3em;
	font-weight: bold;
	margin: 0.5em 0 0.75em;
	overflow: hidden;
}

.pricing--rabten .pricing--currency {
	font-size: 0.5em;
	vertical-align: super;
}

.pricing--rabten .pricing--period {
	font-size: 0.35em;
	color: #8b909d;
}

.pricing--rabten .pricing--anim {
	display: inline-block;
	position: relative;
}

.pricing--rabten .pricing--item:hover .pricing--anim {
	-webkit-animation: moveUp 0.4s forwards;
	animation: moveUp 0.4s forwards;
	-webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.pricing--rabten .pricing--item:hover .pricing--anim--2 {
	-webkit-animation-delay: 0.05s;
	animation-delay: 0.05s;
}

@-webkit-keyframes moveUp {
	50% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
	51% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
	52% { opacity: 1; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
	100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

@keyframes moveUp {
	50% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
	51% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
	52% { opacity: 1; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
	100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

.pricing--rabten .pricing--sentence {
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em;
	color: #8b909d;
}

.pricing--rabten .pricing--feature-list {
	font-size: 0.85em;
	margin: 0;
	padding: 0.25em 0 2.5em;
	list-style: none;
	text-align: center;
	color: #8b909d;
}

.pricing--rabten .pricing--action {
	font-weight: bold;
	margin-top: auto;
	padding: 1em 2em;
	color: #fff;
	border-radius: 30px;
	background: #E03E3E;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.pricing--rabten .pricing--action:hover,
.pricing--rabten .pricing--action:focus {
	background-color: #C53737;
}

@media screen and (max-width: 60em) {
	.pricing--rabten .pricing--item {
		max-width: none;
		width: 90%;
		flex: none;
		border: none !important;
		opacity: 1 !important;
	}
}

/* Pema */
.pricing--pema .pricing--item {
	font-family: 'Alegreya Sans', sans-serif;
	padding: 2em 3em;
	margin: 1em;
	color: #262b38;
	background: #fff;
	cursor: default;
	overflow: hidden;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

@media screen and (min-width: 66.250em) {
	.pricing--pema .pricing--item {
		margin: 1.5em 0;
	}
	.pricing--pema .pricing--item--featured {
		z-index: 10;
		margin: 0;
		font-size: 1.15em;
	}
}

.pricing--pema .pricing--title {
	font-size: 2em;
	margin: 0.5em 0 0;
	color: #1d211f;
}

.pricing--pema .icon {
	display: inline-block;
	min-width: 2em;
	color: #8A9790;
	vertical-align: middle;
	top: 2px;
}

.pricing--pema .pricing--price {
	font-size: 5em;
	font-weight: 800;
	color: #6ed19c;
	position: relative;
	z-index: 100;
}

.pricing--pema .pricing--currency {
	font-size: 0.5em;
	vertical-align: super;
}

.pricing--pema .pricing--period {
	font-size: 0.25em;
	display: inline-block;
	padding: 0 0 0 0.5em;
	color: #CEDED6;
}

.pricing--pema .pricing--sentence {
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em;
	color: #6ed19c;
}

.pricing--pema .pricing--feature-list {
	font-size: 0.95em;
	margin: 0;
	padding: 1.5em 0.5em 2.5em;
	list-style: none;
}

.pricing--pema .pricing--feature {
	padding: 0.15em 0;
}

.pricing--pema .pricing--action {
	font-weight: bold;
	margin-top: auto;
	padding: 1em 2em;
	color: #fff;
	border-radius: 5px;
	background: #6ed19c;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.pricing--pema .pricing--action:hover,
.pricing--pema .pricing--action:focus {
	background-color: #4F5F56;
}

/* karma */
.pricing--karma .pricing--item {
	margin: 1em;
	color: #382628;
	background: #fff;
	cursor: default;
	text-transform: uppercase;
	letter-spacing: 4px;
	border: 2px solid #382628;
	border-radius: 5px;
}

.pricing--karma .pricing--title {
	font-size: 1em;
	font-weight: 800;
	margin: 0.5em 0 0;
	padding: 1em;
	color: #000;
	border-bottom: 2px solid #382628;
}

.pricing--karma .icon {
	display: inline-block;
	min-width: 2em;
}

.pricing--karma .pricing--price {
	font-size: 3em;
	padding: 0.5em 0 0 0;
	margin: 1em;
	font-weight: bold;
	border: 2px solid #382628;
	position: relative;
	z-index: 100;
}

.pricing--karma .pricing--item--featured .pricing--price::after {
	background: url('http://tympanus.net/Development/PricingTablesInspiration/img/stamp.png');
	background-size: cover;
	content: '';
	position: absolute;
	top: -30px;
	right: -20px;
	width: 100px;
	height: 100px;
	pointer-events: none;
}

.pricing--karma .pricing--currency {
	font-size: 0.5em;
	vertical-align: super;
}

.pricing--karma .pricing--period {
	font-size: 0.25em;
	display: block;
	padding: 1em;
	margin-top: 1.25em;
	border-top: 2px solid #382628;
}

.pricing--karma .pricing--sentence {
	margin: 0 0 1em 0;
	padding: 1em;
	font-size: 0.85em;
	border-bottom: 2px solid #382628;
}

.pricing--karma .pricing--feature-list {
	font-size: 0.85em;
	margin: 0;
	letter-spacing: 0;
	padding: 0 1em 2.5em 4em;
	list-style-type: square;
}

.pricing--karma .pricing--action {
	font-weight: bold;
	flex: none;
	margin: auto 1em 1em;
	padding: 1.25em 2em;
	color: #fff;
	background: #382628;
	letter-spacing: 2px;
	border-radius: 5px;
	border: 2px solid #382628;
	font-size: 0.95em;
	text-transform: uppercase;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.pricing--karma .pricing--action:hover,
.pricing--karma .pricing--action:focus {
	background-color: #ffdbd5;
	color: #382628;
}

/* norbu */
.pricing--norbu .pricing--item {
	margin: 1em;
	color: #fff;
	cursor: default;
	font-family: 'Myriad Pro', Arial, sans-serif;
	border: 1px solid rgba(255,255,255,0.4);
	background: rgba(255,255,255,0.08);
	border-radius: 10px;
	-webkit-transition: border-color 0.3s, background 0.3s;
	transition: border-color 0.3s, background 0.3s;
}

.pricing--norbu .pricing--item:hover {
	border: 1px solid rgba(255,255,255,1);
	background: rgba(255,255,255,0.18);
}

.pricing--norbu .pricing--title {
	font-size: 2em;
	font-weight: 400;
	margin: 0.5em 0;
	padding: 1em;
	position: relative;
}

.pricing--norbu .pricing--title::after {
	content: '';
	position: absolute;
	width: 20%;
	height: 1px;
	background: #fff;
	left: 40%;
	bottom: 0;
}

.pricing--norbu .icon {
	display: inline-block;
	min-width: 2em;
}

.pricing--norbu .pricing--price {
	font-size: 3.5em;
	padding: 0.5em 0 0 0;
	font-weight: 400;
	position: relative;
	z-index: 100;
}

.pricing--norbu .pricing--currency {
	font-size: 0.5em;
	vertical-align: super;
}

.pricing--norbu .pricing--period {
	font-size: 0.25em;
	display: block;
	padding: 1em;
}

.pricing--norbu .pricing--sentence {
	padding: 1em 2em;
	font-size: 1em;
	margin: 0 auto 1em;
}

.pricing--norbu .pricing--feature-list {
	font-size: 1.15em;
	margin: 0 2em;
	letter-spacing: 0;
	padding: 2em 0;
	list-style: none;
}

.pricing--norbu .pricing--feature {
	line-height: 1.4;
}

.pricing--norbu .pricing--feature::before {
	content: "\e095";
	font-family: 'lined-icons';
	display: inline-block;
	vertical-align: middle;
	padding: 0 0.75em 0.188em 0;
}

.pricing--norbu .pricing--action {
	font-weight: bold;
	flex: none;
	margin: auto 1em 1em;
	padding: 1.25em 2em;
	color: #4aa8e4;
	background: rgba(255,255,255,0.7);
	border-radius: 5px;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.pricing--norbu .pricing--action:hover,
.pricing--norbu .pricing--action:focus {
	background: #fff;
}

/* Dawa */
.pricing--dawa .pricing--item {
	padding: 0 2em;
}

.pricing--dawa .pricing--title {
	font-weight: bold;
	font-size: 1.8em;
	padding: 0 0 0.5em;
	background: url('http://tympanus.net/Development/PricingTablesInspiration/img/line.png') no-repeat 50% 100%;
}

.pricing--dawa .pricing--price {
	font-size: 3.75em;
	line-height: 1;
	margin: 1em 0 0.65em;
	font-family: 'Homemade Apple', cursive;
}

.pricing--dawa .pricing--period {
	font-size: 0.25em;
	display: block;
}

.pricing--dawa .pricing--sentence {
	font-family: 'Homemade Apple', cursive;
	margin: 0;
}

.pricing--dawa .pricing--feature-list {
	margin: 0 0 1.5em;
	padding: 1em;
	list-style: none;
	text-align: center;
}

.pricing--dawa .pricing--action {
	border-radius: 30px;
	font-size: 1.5em;
	padding: 0.8em 1.5em;
	font-family: 'Homemade Apple', cursive;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	background-color: #FFF;
	color: #444;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.pricing--dawa .pricing--action:hover,
.pricing--dawa .pricing--action:focus {
	color: #000;
	background-color: #F5F5F5
}

@media screen and (max-width: 40em) {
	.pricing--dawa .pricing--item {
		border: 1px solid rgba(255,255,255,0.6);
		margin: 1em;
	}
}

/* Yonten */
.pricing--yonten .pricing--item {
	font-family: 'PT Sans', sans-serif;
	padding: 2em 4em;
	cursor: default;
	color: #fff;
	margin: 1em;
	border: 1px solid #5c6552;
	max-width: 320px;
}

@media screen and (min-width: 66.250em) {
	.pricing--yonten .pricing--item {
		margin: 0;
	}
	.pricing--yonten .pricing--item:nth-child(2) {
		border-right: none;
		border-left: none;
	}
}

.pricing--yonten .pricing--item:hover {
	z-index: 100;
}

.pricing--yonten .pricing--item:hover::after {
	content: '';
	pointer-events: none;
	position: absolute;
	top: -5px;
	left: -5px;
	width: 100%;
	height: 100%;
	box-sizing: content-box;
	border: 5px solid #8bc34a;
}

.pricing--yonten .pricing--title {
	font-size: 1.5em;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em;
}

.pricing--yonten .icon {
	font-size: 3em;
	margin: 0 0 0.5em 0;
	color: #85c34a;
}

.pricing--yonten .pricing--price {
	font-size: 2em;
	margin: 0 0 0.5em 0;
	font-weight: bold;
	color: #85c34a;
}

.pricing--yonten .pricing--currency {
	font-size: 0.5em;
	vertical-align: super;
}

.pricing--yonten .pricing--period {
	font-size: 0.35em;
	padding: 0 0 0 0.5em;
	color: #646D5B;
}

.pricing--yonten .pricing--feature-list {
	margin: 0;
	padding: 0.25em 0 8em;
	list-style: none;
	text-align: center;
	color: #81867D;
}

.pricing--yonten .pricing--feature {
	padding: 0.25em;
}

.pricing--yonten .pricing--action {
	font-weight: bold;
	margin-top: auto;
	padding: 1em 2em;
	border-radius: 40px;
	background: #85c34a;
	
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.pricing--yonten .pricing--action:hover,
.pricing--yonten .pricing--action:focus {
	color: #85c34a;
	background: #fff;
}

/* tashi */
.pricing--tashi .pricing--item {
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0.5em;
	padding: 2em 2.5em;
	text-align: left;
	color: #fff;
	background: #262c37;
}

.pricing--tashi .pricing--title {
	font-size: 2em;
	font-weight: 300;
	margin: 0 0 0.15em;
	color: #E25A77;
}

.pricing--tashi .pricing--item:nth-child(2) .pricing--title {
	color: #E25ABC;
}

.pricing--tashi .pricing--item:nth-child(3) .pricing--title {
	color: #7E5AE2;
}

.pricing--tashi .pricing--price {
	font-size: 3em;
	font-weight: 300;
	padding: 0.85em 0;
}

.pricing--tashi .pricing--currency {
	font-size: 0.65em;
	vertical-align: super;
	color: #394150;
}

.pricing--tashi .pricing--period {
	font-size: 0.35em;
	padding: 0 0 0 0.5em;
	color: #535965;
}

.pricing--tashi .pricing--sentence {
	padding: 0 0 0.5em;
	margin: 0;
	color: #535965;
}

.pricing--tashi .pricing--feature-list {
	font-size: 0.95em;
	margin: 0;
	padding: 0 0 2.5em;
	list-style: none;
	color: #757983;
}

.pricing--tashi .pricing--feature {
	position: relative;
	display: block;
	padding: 0 0 0 20px;
	line-height: 1.5;
}

.pricing--tashi .pricing--feature::before {
	content: '';
	position: absolute;
	width: 10px;
	height: 2px;
	background: #1F242D;
	left: 0;
	top: 50%;
	margin: -2px 0 0 0;
}

.pricing--tashi .pricing--action {
	-webkit-align-self: flex-end;
	align-self: flex-end;
	margin-top: auto;
	font-size: 1.55em;
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	border-radius: 30px;
	background: #E25A77;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.pricing--tashi .pricing--item:nth-child(2) .pricing--action {
	background: #E25ABC;
}

.pricing--tashi .pricing--item:nth-child(3) .pricing--action {
	background: #7E5AE2;
}

.pricing--tashi .pricing--action:hover,
.pricing--tashi .pricing--action:focus {
	background: #1A1F28 !important;
}

/* palden */
.pricing--palden .pricing--item {
	font-family: "Nunito", sans-serif;
	cursor: default;
	color: #84697c;
	background: #fff;
	box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);
	border-radius: 20px 20px 10px 10px;
	margin: 1em;
}

@media screen and (min-width: 66.250em) {
	.pricing--palden .pricing--item {
		margin: 1em -0.5em;
	}
	.pricing--palden .pricing--item--featured {
		margin: 0;
		z-index: 10;
		box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
	}
}

.pricing--palden .pricing--deco {
	border-radius: 10px 10px 0 0;
	background: #7a90ff;
	padding: 4em 0 9em;
	position: relative;
}

.pricing--palden .pricing--deco-img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 160px;
}

.pricing--palden .pricing--item--featured .pricing--deco {
	padding: 5em 0 8.885em 0;
}

.pricing--palden .pricing--title {
	font-size: 0.75em;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 5px;
	color: #ffd5bd;
}

.pricing--palden .deco-layer {
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.pricing--palden .pricing--item:hover .deco-layer--1 {
	-webkit-transform: translate3d(15px,0,0);
	transform: translate3d(15px,0,0);
}

.pricing--palden .pricing--item:hover .deco-layer--2 {
	-webkit-transform: translate3d(-15px,0,0);
	transform: translate3d(-15px,0,0);
}

.pricing--palden .icon {
	font-size: 2.5em;
}

.pricing--palden .pricing--price {
	font-size: 5em;
	font-weight: bold;
	padding: 0;
	color: #fff;
	margin: 0 0 0.25em 0;
	line-height: 0.75;
}

.pricing--palden .pricing--currency {
	font-size: 0.15em;
	vertical-align: top;
	color: rgba(0,0,0,0.4);
}

.pricing--palden .pricing--period {
	font-size: 0.15em;
	padding: 0 0 0 0.5em;
	color: rgba(0,0,0,0.4);
	font-style: italic;
}

.pricing--palden .pricing--sentence {
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em;
}

.pricing--palden .pricing--feature-list {
	margin: 0;
	padding: 0.25em 0 2.5em;
	list-style: none;
	text-align: center;
}

.pricing--palden .pricing--feature {
	padding: 1em 0;
}

.pricing--palden .pricing--action {
	font-weight: bold;
	margin: auto 3em 2em 3em;
	padding: 1em 2em;
	color: #fff;
	border-radius: 30px;
	background: #ffae7e;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.pricing--palden .pricing--action:hover,
.pricing--palden .pricing--action:focus {
	background-color: #f38747;
}

/* Common styles ==============END pricing table css */









.swiper_wrapper {
   
    height: 370px;
   
}

		.tp-video-play-button { display: none !important; }

		.tp-caption { white-space: nowrap; }



.owl-carousel .owl-item a {color: #222;
    font-size: 15px;
    text-decoration: underline!important;
    font-weight: bold;}
.owl-carousel .owl-item a:hover { color: #fa4616;}


.boxmenu-title h3{font-size:1.1em;}
.boxmenu-title h3 a {
    color: #333!important;
}


.boxmenu-title h3 a:hover { color: #fa4616!important;}


.slider-caption h3 {
    font-size: 45px;
    
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px;
}
.slider-caption h3 span {color: #ff4d00;}




 #top-cart .top-cart-item-desc a{color: #000;}
#footer-menu {
  padding: 10px 0;
  background-color: #464646;
  font-size: 14px;
  line-height: 1.8;
}
#footer-menu i.footer-icon {
  position: relative;
  top: 1px;
  font-size: 14px;
  width: 14px;
  text-align: center;
  margin-right: 3px;
}
#footer-menu .col_half {
  margin-bottom: 0 !important;
}
#footer-menu a:first-child {
  margin-left: 0;
}



#footer-menu .tright a:last-child {
  margin-right: 0;
}

.footer-sm a{
	display: inline-block;
    margin: 0 3px;
    color: #fff;
    border-bottom: 1px dotted #fff;
cursor: auto;
    text-decoration: underline;}


.footer-sm a:hover {
  color: #fa4616;
  border-bottom: 1px solid #fa4616;
}


.footer-social .social-icon i{font-size: 1em;}




#footer .footer-widgets-wrap {
    position: relative;
    padding: 50px 0px;
}

#copyrights {
    background-color: #333333;
    font-size: 14px;
    line-height: 1.8;
    padding: 8px 0 20px 0px;
	color: rgb(154 154 154);
}


.right-side-top h1{font-size: 1.5em; font-family:  Montserrat, arial, "sans-serif"; margin: 0 0 5px 0;}
.right-side-top p{margin: 0 0 5px 0;}

.right-side-bottom{margin-top: 20px;}


.spost .main-nav-img img
{width: 140px;  
	height: 83px;
    display: block;
    position: relative;float: left;
    margin: 0 15px 0 0;
    text-align: center;}



.product-id {
    font-size: 12px;
    margin-bottom: 4px;
}


.product-title h3{font-size: 19px;}

#top-search a i, #top-cart a i{font-size: 1.8em;}





#single-product .col_one_fifth  {margin-bottom: 5px;}
#single-product .col_four_fifth.col_last {margin-bottom: 5px;}
#single-product .col_one_fourth {
    margin-bottom: 5px;
}
#single-product select{margin-bottom: 5px;}



#single-product .col_four_fifth.col_last h5, #single-product .col_one_fifth h5 {margin-bottom: 5px; 
	line-height: 16px; 
	font-family:  Helvetica Neue, Helvetica, Arial," sans-serif"; 
	margin-top: 5px;
}


	#single-product .col_four_fifth.col_last .col_one_third{margin-bottom:0px;}


#single-product .col_four_fifth.col_last .col_one_third label {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    font-family: sans-serif;
    text-transform:inherit;
    letter-spacing: 1px;
    color: #555;
    margin-bottom: 0px;
    cursor: pointer;
}
#single-product .col_four_fifth.col_last label {text-transform:inherit; font-family: Helvetica, Arial, "sans-serif"}

#single-product .btn-sm, .btn-group-sm > .btn {
   font-weight: bold;
    margin-bottom: 5px;
}
.single-product .col_three_fifth{margin-bottom: 0px!important;}
.single-product .col_three_fifth .singlepro-price-wrap-1 .col_half, .single-product .col_three_fifth .singlepro-price-wrap-1 .col_last{margin-bottom: 0px!important;}
.single-product .col_two_fifth {margin-bottom: 0!important;}

.singlepro-price-wrap-1 {    
	background: #f3f3f3;
    border: 1px #bfbfbf  dashed; 
	padding: 10px; 
	margin-bottom: 7px;
}
.product-title-h2{    font-size: 28px; float: left;   }
.product-title-h2 h2{margin-bottom: 5px;}
.product-title-h1{ font-size: 28px; float: left;   }
.product-title-h1 h1{margin-bottom: 5px;}

 .product-price1{font-size: 24px; font-weight: 600;
	 color: #000000; 
	 font-family: Helvetica, Arial," sans-serif";
    }



.product-price1 del {
    font-weight: 400;
    font-size: 90%;
    color: #888;
}
.product-price1 ins, .product-total ins{text-decoration:none!important;}


 .product-total{font-size: 1.2em;
    font-weight: 600;
    color: #fa4616;
    font-family: Helvetica, Arial," sans-serif";}


.product-total del {
    font-weight: 400;
    font-size: 90%;
    color: #888;
}
   
.price-name{    color: #000000;    font-weight: normal;
    font-size: 0.8em;}


/*---tooltips2--*/
.tooltip-2 {
    position: relative;
    display: inline-block;

}

.tooltip-2 .tooltip-2text {
	font-weight: normal;
    visibility: hidden;
    background-color: #fff;
    width: 230px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border: #cccccc 1px solid ;    
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 20000;
    opacity: 0;    
    top: 110%;
    left: 50%; 
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip-2 */
	color: #000000;
    text-align: left;
	text-transform: initial;
	font-family: Helvetica, Arial, "sans-serif";
}
.tooltip-2 .tooltip-2text p {
    font-weight: normal;
    font-family: sans-serif;
    margin-bottom: 7px;
    line-height: 1.3em!important;
    font-size: 12px;
}


.tooltip-2:hover .tooltip-2text {
    visibility: visible;
    opacity: 1;
}
/*---end of tooltips2--*/



/*---tooltips3--*/
.tooltip-3 {
    position: relative;
    display: inline-block;

}

.tooltip-3 .tooltip-3text {
	font-weight: normal;
    visibility: hidden;
    background-color: #fff;
    width: 275px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    padding: 8px;
    position: absolute;
    z-index: 20000;
    opacity: 0;    
    top: 110%;
    left: 50%; 
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip-3 */
	color: #000000;
    text-align: left;
	text-transform: initial;
	font-family: Helvetica, Arial, "sans-serif";
}
.tooltip-3 .tooltip-3text p {
    font-weight: normal;
    font-family: sans-serif;
    margin-bottom: 7px;
    line-height: 1.3em!important;
    font-size: 12px;
}


.tooltip-3:hover .tooltip-3text {
    visibility: visible;
    opacity: 1;
}

.tooltip-3 .tooltip-3text img{border: 0px !important;
    padding: 1px !important;
    background-color: #fff !important;}
/*---end of tooltips3--*/




.product-desc .col_one_fifth{margin-right: 10px; width: 20%;}
.product-desc .col_four_fifth{; width: 77%;}


.pricing-price-1 {
    position: relative;
    padding: 10px 0 0 0;
    color: #333;
    font-weight: 300;
    font-size: 2em;
    line-height: 1;
    font-family: sans-serif;
}

.pricing-price-1 span {
    display: inline-block;
    vertical-align: top;
    margin: 1px 3px 0 0;
    font-size: 0.5em;
    font-weight: normal;
}

.pricing-price-1 span.price-tenure {
    vertical-align: baseline;
    font-size: 0.5em;
    font-weight: normal;
    color: #999;
    margin: 0 0 0 3px;
}

.col-sm-3 .pricing-title {    padding: 7px 0;     background-color: #eee;}

.pricing-action .btn-warning span{font-weight: bold;}
.bgcolor-grey{    background-color: #f6f6f6 !important;}
.title-dotted{
background: url(https://cdn.soopak.com/res/f/images/icons/dotted.png) repeat-x center; text-align: center;position: relative;
    margin-bottom: 30px; }
.title-dotted h3{position: relative; display: inline-block; background-color: #fff; padding: 0 15px; margin-bottom: 0;}





.pricing-title h3 .act-price-title{
	color: #E94100; 
	font-weight: bold!important; 
	font-size: 18px; 
	font-family:  Helvetica, Arial, "sans-serif";
}


.pricing-title h3{font-family:  Helvetica, Arial, "sans-serif"; font-size: 18px;}

.divider-line{border-bottom: 1px solid #a5a3a3; margin-bottom: 10px;}

.tooltip-2 i{color: #b3b3b3;}
.mega-menu-content.style-2.clearfix .mega-menu-column.col-7 .pro-img-clo {
}
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {
    padding: 10px 20px 0 20px;
}

.tooltip-table-wrap { font-size: 12px;}
.tooltip-table-wrap table td {border: 1px solid #c7c7c7;
    padding: 5px;
    font-size: 12px;
    font-family: sans-serif;}

.myaccount-name h4{margin-bottom: 0;}

.myaccount-name p{margin-bottom: 5px;}

.myacc-title{margin-bottom: 5px;}

.detail{margin-top: 15px;}

.line-1 {
    clear: both;
    position: relative;
    width: 100%;
    margin: 15px 0 10px 0;
    border-top: 1px solid #EEE;
}


.row h4{margin-bottom: 10px;}
.myacc-title-1{margin-left: 15px; width: 45%; float: left;}
.myacc-title-2{width: 45%; float: right; text-align: right;}
.padding10{margin-bottom: 10px;padding-bottom: 10px; padding-top: 10px;}


.product-steps{padding: 10px 0 0 0;  border: 1px solid #ddd;}
  #page-title .process-steps { margin: 0!important;}

.process-steps.bottommargin.clearfix li h5 {margin-bottom: 0px!important; font-size: 14px; margin-top: 5px; }

.ord-id{width: 10%;}
.ord-name{width: 40%;}
.ord-date{width: 15%;}
.ord-total{width: 20%;}
.ord-paid{width: 5%;}

.dep-total{margin-left: 30px; }


/*.deposit-ord .ord-id{width: 8%;}*/
.deposit-ord .ord-name{width: 40%;}
.deposit-ord .ord-date{width: 13%;}
.deposit-ord .ord-total{width: 15%;}
.deposit-ord .ord-status{width: 5%;}
.deposit-ord .dep-bal{width: 20%;}

.deposit-ord .toggle.toggle-border .togglet{padding: 0 15px 0 25px;}
.deposit-ord .toggle.toggle-border .togglet i {
    left: 10px;
    line-height: 40px;
}

.my-order .toggle.toggle-border .togglet i {
    left: 10px;
    line-height: 40px;
}
.deposit-ord .dep-bal{color: #fa4616;}
.ord-p-id{font-size: 0.8em;}

.deposit-ord .toggle .togglet{font-size: 14px;}
.my-order .toggle .togglet{font-size: 14px;}
.deposit-ord h4{font-family: Helvetica, Arial, "sans-serif"}
.my-order h4{font-family: Helvetica, Arial, "sans-serif"}
.space{height: 50px;}
.space-5{height: 5px;}
.space-10{height: 10px;}
.space-35{height: 35px;}
.space-25{height: 25px;}
.space-45{height: 45px;}
.space-50{height: 50px;}

.pay-balance h5{margin: 0; font-family: Helvetica, Arial, "sans-serif";}
.tab-order-wrap .tabs.tabs-bb ul.tab-nav li a{font-weight: bold; font-family: Helvetica, Arial, "sans-serif"; font-size:1.5em!important;}

.toggle .table{margin-bottom: 0px;}
.cart-table-wrap .cart td {
    padding: 7px 5px !important;
}

.border{border: 1px solid #CCC;}
.cart-total-wrap{padding-top: 5px;    }
.marginbtm{margin-bottom: 7px;}
.nomarginbtm{margin-bottom: 0px!important;}

.price-unit1{display: inline-block;
    vertical-align: top;
    margin: 1px 2px 0 0;
    font-size: 0.6em;
    font-weight: normal;}
.red{color: #FF4700; font-size: 1.2em;}

.address-wrap p { margin-bottom: 10px; line-height: normal!important;font-size: 1.2em;}

.button:hover{background-color: #005196;}
.i-bordered, .i-circled {    line-height: 30px !important;}
.i-circled, .i-bordered{    width: 35px !important;
    height: 35px !important;}
.i-circled, .i-bordered{    margin: 0px 11px 5px 0;
    text-align: center !important;
    font-size: 20px;}
.process-steps li h5 {
  
    margin: 5px 0px 0px;
}
.addition{margin: 5px 0;}

.white-section {
		background-color: #FFF;
		padding: 25px 20px;
		-webkit-box-shadow: 1px 1px 1px 1px #dfdfdf;
		box-shadow: 1px 1px 1px 1px #dfdfdf;
		border-radius: 3px;
	}

.backgroundgrey{background-color:#f7f8f9!important; }


	.white-section label {
		display: block;
		margin-bottom: 15px;
	}

	.white-section pre { margin-top: 15px; }

	.dark .white-section {
		background-color: #111;
		-webkit-box-shadow: 0px 1px 1px 0px #444;
		box-shadow: 0px 1px 1px 0px #444;
	}

#top-cart .top-cart-item-desc a i{font-size: 1em;}

	.main-menu-wrap .mega-menu .oc-item a { color: black!important;  
}


.main-menu-wrap .mega-menu .oc-item { margin-bottom: 10px;}
.shipping-title .col_half, .shipping-title .col_one_third{margin-bottom: 0px;}
.purchase-ord-id p{margin-bottom: 7px; line-height: 1.2em; font-size: 1.2em;}
.next-step{margin: 15px 0;}
.next-step h3{font-size: 3em;}


.col_two_fifth.product-desc .two-fifth-title-wrap .col_full {margin-bottom: 10px!important;}
.single-total{    color: #2A2929;    font-size: 13px;}
.product-price .single-total ins{color:#2A2929 ;  font-size: 15px; }


.two-fifth-title-wrap{background: #f3f3f3;
    border: 1px #bfbfbf dashed;
    padding: 5px 0 5px 10px;
    margin-bottom: 7px;}
form .panel-body .col_half{margin-bottom: 0px;}


.col_half.col_last .btn.btn-default.btn-sm b:focus, 
.col_half.col_last .btn.btn-default.btn-sm b.focus {  
	
	background-image: url(../images/soopak-img/check-1.gif) no-repeat scroll 0 0;
    width: 13px;
    height: 13px;
    position: absolute;
    bottom: 0;
    right: 0;
	
		
		
		/*====btn-default action color btm==*/

	
}


.modal-body a{color: #555555!important;}
.modal-body a:hover{color:#fa4616!important;}


.modal.fade .modal-dialog-1 {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog-1 {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog-1 {
  position: relative;
  width: auto;
  margin: 10px;
}


@media (min-width: 768px) {
  .modal-dialog-1 {
    width: 60%;
    margin: 30px auto;
  }
}




.artwork-wrap label{margin-bottom: 1px!important;}
.how-it-work-wrap .divider {margin: 0px;}

.feature-box{margin-bottom: 15px; margin-top: 5px!important;}


.notopmargin strong{color: #000;}

.notopmargin p{line-height: 1.5em;}



.box-style-wrap i{color:#fa4616;}
#primary-menu ul .widget ul li{float: left!important;}


#primary-menu ul ul:not(.mega-menu-column){    width: 300px;}



.product-carousel .owl-carousel .owl-stage-outer {    left: 15px; }
.product-carousel .owl-carousel:hover .owl-nav .owl-prev {
    left: 10px;
}


.promo h3{    font-size: 22px;}

.footer_widget li a{    color: #CCC;
    background-image: url(https://cdn.soopak.com/res/f/images/icons/widget-link-dark.png);}



.footer_widget li a:hover{color:#FFFFFF;}


.portfolio-filter li.activeFilter a {

    padding: 7px;

}




.portfolio-filter li a {

    padding: 7px;
color: #000;
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.portfolio-filter li.activeFilter a {
   
    background-color: #021252;
 
}





#content .content-wrap {  padding: 25px 0;}



.postcontent .product-3 .product {    padding: 0 15px 10px 0;}


.portfolio-filter {
    position: relative;
    margin: 0 0 7px 0;
    list-style: none;
    border: 0px solid rgba(0, 0, 0, 0.07); 
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.successmsg {
    background: #fa4616;
    color: #000000;
}

.style-msg .close {

    top: 7px;

}
.style-msg .sb-msg {
  
    padding: 7px 15px;
  
}



.style-msg, .style-msg2 {

    margin-bottom: 0px;
}




.alert-box {
 	background: #faefd9;
   border: 7px #2e94ad solid ;
	
    padding: 15px 40px 40px 15px;
    z-index: 1100;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
	
}


.closebtn {
    margin-left: 15px;
    
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
	
}

.product-option{	
	border: 1px solid #cfcfcf; 
	display: inline-block; 
	padding: 5px 10px;
	margin-bottom: 0px;
cursor: pointer;}

.product-option:hover{color: #363636;
background-color: #f3f3f3;
border-color: #f26522;}


.product-option:focus{            /*====btn-default action color btm==*/
 color: #000; 
  background-color:#e6e6e6 ;
  border-color: #fa4616;
	
}

.product-option:active
 {
  color: #f2f6fa;
  background-color: #e6e6e6;
  border-color: #0054a6; 
}


.showme{ 
display: none;
		position: absolute;
		width: 280px;
		background-color: #ffffff;
    z-index: 199;
		margin-top: 7px;
	margin-left: -12px;
	border: #cccccc 2px solid;	 box-shadow: 0 3px 5px #b0b0b0;
}



.showme-1{ 
        display: none;
		position: absolute;
		width: 400px;
		background-color: #ffffff;
        z-index: 9999999;
		margin-top: 7px;
	    margin-left: -12px;
    	border: #cccccc 2px solid;	 
	    box-shadow: 0 3px 5px #b0b0b0;
}


.showhim:hover .showme-1{
display : block;
}
.showme-1-text{padding: 3px 7px; font-family: Helvetica, Arial, "sans-serif"; font-size: 10px; font-weight: normal;}
.showme-1-text h6, .showme-1-text p {margin-bottom: 5px;}

.showhim:hover .showme{
display : block;
}
.showme-box-left{float: left;width: 50%; padding: 10px 0px 10px 10px;}
.showme-box-left p span{font-weight: 900;}
.showme-box-left p {font-weight: normal; margin-bottom: 5px!important; font-family: sans-serif;}
.showme-box-right p {font-weight: normal; margin-bottom: 5px!important; font-family: sans-serif; padding-top: 10px;}
.showme-box-right{float: right;width: 50%; padding-right: 10px;}

.showme table td {border: 1px solid #b9b9b9; padding: 5px;}
.showme-box-left-1{float: left;width: 60%; padding: 10px 0px 10px 10px;}
.showme-box-right-1{float: right;width: 40%; padding-right: 10px;}

.showme-2{ 
display: none;
		position: absolute;
		width: 280px;
		background-color: #ffffff;
    z-index: 199;
		margin-top: 0px;
	margin-left: -10px;
	border: #cccccc 2px solid;	 box-shadow: 0 3px 5px #b0b0b0;
}
.showhim:hover .showme-2{
display : block;
}

.col-full-nopad{width: 100%; padding:  0 ; margin-bottom: 1px!important;}
.col-full{width: 100%; padding: 5px 5px 0 5px; margin-bottom: 3px!important;}
.col-full p {margin-bottom: 3px!important; font-weight: normal;}
.col-full p span{font-weight: bold;}
#header-wrap {z-index: 99999;}
.single-product .col_one_fifth{margin-right: 7px; width: 20%;}
.filter-industry{   padding-left: 15px!important;
    border: 1px solid #fa4616;}

#single-product .col_four_fifth.col_last .col_one_third .option-lable{
	letter-spacing: normal;
	font-family: Helvetica, Arial, "sans-serif";
	font-size: 12px!important;
	
}


#single-product .col_half{margin-bottom: 5px!important;}

.single-product .col_four_fifth{width: 76%;}


.product-title-2 h5 {margin-bottom: 0!important; }
.product-title-2 h5 a{ color: #000;}
.product-title-2 h5 a:hover{color: #fa4616;}
.product-id-2{font-size: 11px; padding-bottom: 7px;}

.product-xs{ margin-bottom: 12px;
background-color: #FFF; 
    -webkit-box-shadow: 1px 1px 1px 1px #dfdfdf;
    box-shadow: 1px 1px 1px 1px #dfdfdf;
    border-radius: 3px;


}
.product-xs:hover{border: 2px solid  #fa4616;}





.product-select {border: 2px solid #fa4616;}
.btm-select{border: #fa4616!important;}

.product-option[disabled] { 
    cursor: not-allowed;
	border-color: #FB5803;
	background-color: #f3f3f3;

}
.product-option[disabled]:hover { 
   
	border-color: #FB5803;

}





.product-opt-wrap .col_one_fifth  {margin-bottom: 5px;}
.product-opt-wrap .col_four_fifth.col_last {margin-bottom: 5px;}
.product-opt-wrap .col_one_fourth {
    margin-bottom: 5px;
}
.product-opt-wrap select{margin-bottom: 5px;}



.product-opt-wrap .col_four_fifth.col_last h5, .product-opt-wrap .col_one_fifth h5 {margin-bottom: 5px; 
	line-height: 16px; 
	font-family:  Helvetica Neue, Helvetica, Arial," sans-serif"; 
	margin-top: 5px;
}

.preselect-menu .col_one_third, .preselect-menu .col_two_third, .preselect-menu .col_half{margin-bottom:0px;}
	.product-opt-wrap .col_four_fifth.col_last .col_one_third{margin-bottom:0px;}


.product-opt-wrap .col_four_fifth.col_last .col_one_third label {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    font-family: sans-serif;
    text-transform:inherit;
    letter-spacing: 1px;
    color: #555;
    margin-bottom: 0px;
    cursor: pointer;
}
.product-opt-wrap .col_four_fifth.col_last label {text-transform:inherit; font-family: Helvetica, Arial, "sans-serif"}

.product-opt-wrap .btn-sm, .btn-group-sm > .btn {
   font-weight: bold;
    margin-bottom: 5px;
}


.product-opt-wrap .col_four_fifth.col_last .col_one_third .option-lable{
	letter-spacing: normal;
	font-family: Helvetica, Arial, "sans-serif";
	font-size: 12px!important;
	
}


.product-opt-wrap .col_half{margin-bottom: 5px!important;}

.panel-grey{background-color: #f2f2f3; border: 1px solid #dddddd;
    border-radius: 4px;}


.product-desc-2{background-color: #ffffff!important;}

.title-dotted-2 {
    background-color: #9F4C4D;
    background: url(https://cdn.soopak.com/res/f/images/icons/dotted.png) repeat-x center;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}

.title-dotted-2 h3 {
    position: relative;
    display: inline-block;
    background-color: #f2f2f3;
    padding: 0 15px;
    margin-bottom: 0;
}

.aligright-1{    display: block;
    margin: 10px 0 0 0;
    text-align: right}
.aligright-2{    display: block;
    
    text-align: right}

.aligright-nomargin {
    display: block;
    margin: 0;
    text-align: right;
}



.singlepro-price-wrap-1 .col_half{margin-bottom: 0!important;}

.portfolio-filter li:first-child a {
   
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.feature-box .fbox-icon i{
    background-color: #e5e5e5;
    color: #000;
}

.feature-box .fbox-icon img{
    background-color: #ffffff;
    color: #000;
}

.heading-block {
    margin-bottom: 0px;
}

form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth, form .col_five_sixth {
    margin-bottom: 7px;
}
form h5{margin-bottom: 0px;     padding-top: 5px;}


.panel-grey .col-md-3, .panel-grey .col-xs-6{padding-left: 7px;
    padding-right: 7px;}

.results-subtitle{ padding: 0 0 18px 0;}
.viewall{padding: 0 15px; border-left: 1px solid #dddddd; margin-left: 15px;}
.viewall a{color: #000;}
.product-desc {
    padding: 5px 0;

}

.product-title {
    margin-bottom: 3px;
}

.double-line-2 {
    clear: both;
    position: relative;
    width: 100%;
    margin: 30px 0 10px 0;
border-top: 3px double #E5E5E5;

}


.double-line-2 .pagination{margin: 5px 0; padding-top: 5px;}


/*product*/
.panel-grey .product-image{  position: relative;}
.shop .product-image{    margin-bottom: 70px;
    position: relative;}

.shop .product-desc{vertical-align: top;
	bottom: 5px;
	position: absolute;    
    width: 100%;
   padding: 0 10px 10px 5px;
   }
.shop .product-desc h3{    line-height: 1.1em!important;}



.filter-ind-wrap{margin-top:10px; text-align: left; padding: 0 10px;}




/*------------------select -----------------*/

	.white-section {
		background-color: #FFF;
		padding: 25px 20px;
		-webkit-box-shadow: 0px 1px 1px 0px #dfdfdf;
		box-shadow: 0px 1px 1px 0px #dfdfdf;
		border-radius: 3px;
	}

	.white-section label {
		display: block;
		margin-bottom: 15px;
	}

	.white-section pre { margin-top: 15px; }

	.dark .white-section {
		background-color: #111;
		-webkit-box-shadow: 0px 1px 1px 0px #444;
		box-shadow: 0px 1px 1px 0px #444;
	}

/*------------------select -----------------*/


.pre-sel-box-wrap{
	background-image: url('../images/check.png');
    background-repeat: no-repeat;
   
    background-position: right bottom; 

    border: #b1b1b1 2px solid;     padding: 20px 10px; text-align: center; vertical-align: middle;
	border-radius: 10px;
   }


/* ----------------------------------------------------------------
	Canvas: preselect

-----------------------------------------------------------------*/


.item-thumb {
	width: 100%;
	margin: 0 auto;
}

.item-thumb .owl-dot {
	width: 33.33333%;
	display: inline-block;
	justify-content: center;
	height: 220px;
	cursor: pointer;
	padding: 15px;
}

.device-md .item-thumb .owl-dot,
.device-xs .item-thumb .owl-dot { height: 150px; }

.device-xxs .item-thumb .owl-dot {
	width: 50%;
	padding: 10px;
	height: 100px;
}

.item-thumb .owl-dot span {
	position: relative;
	display: block;
	background-size: cover;
	background-position: center center;
	width: auto;
	height: 100%;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.05);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.item-thumb .owl-dot:hover span,
.item-thumb .owl-dot.active span { opacity: .7; }


.preselect-menu .item-thumb .owl-dot:nth-of-type(1) span { background-image: url('  ../images/items/thumbs/1.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(2) span { background-image: url('  ../images/items/thumbs/2.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(3) span { background-image: url('  ../images/items/thumbs/3.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(4) span { background-image: url('  ../images/items/thumbs/4.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(5) span { background-image: url('  ../images/items/thumbs/5.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(6) span { background-image: url('  ../images/items/thumbs/6.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(7) span { background-image: url('  ../images/items/thumbs/7.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(8) span { background-image: url('  ../images/items/thumbs/8.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(9) span { background-image: url('  ../images/items/thumbs/9.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(10) span { background-image: url('  ../images/items/thumbs/1.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(11) span { background-image: url('  ../images/items/thumbs/2.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(12) span { background-image: url('  ../images/items/thumbs/3.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(13) span { background-image: url('  ../images/items/thumbs/4.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(14) span { background-image: url('  ../images/items/thumbs/5.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(15) span { background-image: url('  ../images/items/thumbs/6.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(16) span { background-image: url('  ../images/items/thumbs/7.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(17) span { background-image: url('  ../images/items/thumbs/8.jpg'); }
.preselect-menu .item-thumb .owl-dot:nth-of-type(18) span { background-image: url('  ../images/items/thumbs/9.jpg'); }

.menu-carousel .preselect-content {
    position: relative;
    padding: 10px 60px;
}

.item-thumb .active span{    border: 2px solid #fa4616;}
.form-group .col-md-4{padding: 0 5px 0 0;}
.form-group .sm-form-control{padding: 5px 10px;}



/* ----------------------------------------------------------------
	Canvas: preselect   end

-----------------------------------------------------------------*/



.pre-sel-des{background-color: #FFF; padding: 0; box-shadow: -4px 1px 15px 3px rgba(0,0,0,0.07);     border: 1px #ddd solid;}
.col-padding-20 {
    padding: 0 30px;
}

.pad-top-5{padding-top: 5px!important;}
.pad-top-15{padding-top: 15px;}
.pad-top-25{padding-top: 25px;}
.pad-btm-15{padding-bottom: 15px;}
.pad-btm-25{padding-bottom: 25px;}
.my-account-wrap .tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
    border-bottom: 2px solid #2c94ff;
    top: -2px;
    height: 44px;
	line-height: 44px;
	background: #fa4616;
	color: #ffffff;
}


.boldfont{font-weight: bold; font-family:Helvetica, Arial, "sans-serif";}

.line-wrap {border-bottom: solid 1px #ddd;  border-top: solid 1px #ddd;}
.line-wrap .small-sub-menu-wrap {margin-bottom: 30px; margin-top: 3px;}
.small-sub-menu-wrap {margin-bottom: 30px;}
.small-sub-menu-wrap li { float: left; position: relative; padding: 2px 10px; list-style: none; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}



.my-account-wrap-1 .table{margin-bottom: 10px;}

.greybackground{background: #ddd; text-align: center;padding: 8px 0;}

.greybackground h4 {margin-bottom: 0;}







.order-process-wrap ul li h5 {color: #005bd0;     line-height: normal;
    font-family: sans-serif;}
.order-process-wrap ul li a {color: #005bd0; }
.order-process-wrap .i-bordered {border: 1px solid #188dff;}


.order-process-wrap .process-steps li:before,
.order-process-wrap .process-steps li:after {

  border-top: 2px dotted #005bd0;
}

.order-process-wrap{padding-top: 15px;     margin-bottom: 25px; }
.process-date{color: #727272; font-size: 0.8em;}
.order-process-wrap .process-steps {margin-bottom: 15px;}

.my-accountdetail-wrap h5, .my-accountdetail-wrap h6 {margin-bottom: 0;}
.my-accountdetail-wrap .col_one_third, .my-accountdetail-wrap .col_three_fourth, .my-accountdetail-wrap .col_one_fourth{margin-bottom: 5px;}
.tracking-no a{font-weight: bold;}
.map-wrap {height: 210px; margin-bottom: 30px;}

.note-text{font-size: 0.8em; margin-top: 15px;}

.my-info-wrap label{padding-top: 7px;}

.my-accountdetail-wrap .double-line{margin-top: 0px; }

.bottommargin-5 {
  margin-bottom: 5px !important;
}
.clear-bottommargin-5 {
  margin-bottom: -5px !important;
}


.bottommargin-15 {
    margin-bottom: 15px !important;
}

.my-accountdetail-wrap input[type="radio"]{margin-right: 7px;}
.redeem-pay-wrap{text-align: left; padding: 0  25px 15px;}
.radio-box-content{padding-left: 20px;}
.my-accountdetail-wrap .form-control{width: auto; }
.my-accountdetail-wrap .my-info-wrap .form-control{width: 100%;}
.my-accountdetail-wrap .float-left {    float: none;
    margin-top: 5px;
    display: inline-block;}
.my-accountdetail-wrap .table{margin-bottom: 0;}

.my-order .divider-line {
    margin-top: 17px;
    margin-bottom: 17px;
}


.quote-id{width: 20%;}
.quote-name{width: 50%;}
.quote-date{width: 15%;}
.quote-states{width: 15%;}
.quote-product-name{width: 60%;}
.quote-product-name a{font-weight: bold;  color: #000000!important;}


.quote-product-name a:hover
 {
  color: #666;
}

.quote-unit, .quote-qty, .quote-subtotal{text-align: right;}
.sale-point-wrap h3{font-size: 12pt;}

.sale-point-wrap .feature-box.fbox-center .fbox-icon {    margin: 0 auto 10px;}

.product-category {
  position: relative;
  cursor: pointer;
  border-radius: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition:  box-shadow 300ms 0s ease;
  -moz-transition:  box-shadow 300ms 0s ease;
  -ms-transition:  box-shadow 300ms 0s ease;
  -o-transition:  box-shadow 300ms 0s ease;
  transition:  box-shadow 300ms 0s ease;
}



.hover-squared {
  position: relative;
  /*	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
*/
}
.hover-squared .caption::before,
.hover-squared .caption::after {
  pointer-events: none;
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.hover-squared .caption::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.hover-squared .caption::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}
.hover-squared:hover .caption::before,
.hover-squared:hover .caption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}




.product-category__info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.product-category__info__ribbon {
  margin-bottom: 18px;
  padding: 12px 0;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;color: #000;
}
.product-category__info__ribbon__title {
  padding: 0;
  margin: 0;
  font-size: 1.077em;
  text-transform: uppercase;
	color: #000!important;
}
.product-category__info__ribbon__count {
  font-size: 0.923em;
}
.content-wrap-nopad .bottommargin-lg {
    margin-bottom: 15px !important;
}

.content-wrap-nopad .promo-full {
    padding: 30px 0 !important;
}

.content.boxed .hide-outer-animation,
body.boxed *:not(.aside-column) > .content .hide-outer-animation {
  overflow: hidden;
  padding-bottom: 25px;
  margin-bottom: -25px;
}

/*---start of front page 3 small banners---*/

.banner--icon {
    background-color: rgba(235,119,0,1);
    color: #ffffff;
}
.banner--icon.banner--light {
    background-color: #dce3e7;
    color: #000000;
}
.banner {
  position: relative;
  cursor: pointer;
  line-height: 1em;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition:  box-shadow 300ms 0s ease;
  -moz-transition:  box-shadow 300ms 0s ease;
  -ms-transition:  box-shadow 300ms 0s ease;
  -o-transition:  box-shadow 300ms 0s ease;
  transition:  box-shadow 300ms 0s ease;
}
.banner:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.banner--image {
  display: inline-block;
}
@media (max-width: 991px) {
  .banner--image {
    margin-bottom: 34px;
  }
}
.banner--image img {
  width: 100%;
  max-width: 100%;
}
.banner--image__text {
  position: absolute;
  padding: 2%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner--image__text--bottom {
  top: 70%;
}
.banner--image__text--left {
  width: 45%;
  left: 6%;
}
.banner--image__text--right {
  width: 45%;
  right: 6%;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .banner--image__text--left {
    width: 55%;
    left: 6%;
  }
  .banner--image__text--right {
    width: 55%;
    right: 6%;
  }
}
.banner--image__text .btn {
  margin-top: 1.2em;
}
@media (max-width: 767px) {
  .banner--image__text .btn {
    margin-top: 0.8em;
  }
}
.banner--image__text h2 {
  font-size: 5.538em;
  line-height: 1em;
  padding-bottom: 0.2em;
  font-family: 'Ubuntu', sans-serif;
}
@media (max-width: 1199px) {
  .banner--image__text h2 {
    font-size: 4.8em;
    line-height: 0.9em;
  }
}
@media (max-width: 991px) {
  .banner--image__text h2 {
    font-size: 3.8em;
    line-height: 0.8em;
  }
}
@media (max-width: 767px) {
  .banner--image__text h2 {
    font-size: 2.8em;
    line-height: 0.8em;
  }
}
.banner--image__text h3 {
    /* font-size: 2em; */
    line-height: 1em;
    padding-bottom: 0;
    font-family: 'Ubuntu', sans-serif;
    width: 300px;
}
@media (max-width: 1199px) {
  .banner--image__text h3 {
    font-size: 4.2em;
    line-height: 0.9em;
  }
}
@media (max-width: 991px) {
  .banner--image__text h3 {
    font-size: 3.2em;
    line-height: 0.8em;
  }
.manufacture-img-wrap .banner--image img{height: 500px;}	
}
@media (max-width: 767px) {
  .banner--image__text h3 {
    font-size: 2.2em;
    line-height: 0.8em;
  }
}
.banner--image__text h5 {
         color: #1f242a;
    font-size: 2.2em;
    padding-top: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    letter-spacing: -0.01px;
    line-height: 1.1em;
}
.banner--image__text h3 strong {color: #1f242a; font-size: 0.8em; font-family: 'Roboto', sans-serif;}
@media (max-width: 767px) {
  .banner--image__text h5 {
    font-size: 1.3em;
  }
}
.banner--image__text h6 {
    font-size: 1.308em;
    line-height: 1.3em;
    padding-bottom: 0;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
   
}
@media (max-width: 767px) {
  .banner--image__text h6 {
    font-size: 0.8em;
  }
	
	.manufacture-img-wrap .banner--image img{height: 300px;}
}
.banner--icon {
  margin-bottom: 34px;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .banner--icon {    margin-bottom: 10px;  }
	
}
.banner--icon.banner--last {
  margin-bottom: 0;
}
.banner--icon__icon {
  padding: 0.75em 0 0.6em 0;
  width: 1.643em;
  font-size: 4.615em;
  line-height: 1em;
  text-align: center;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .banner--icon__icon {
    padding: 0.38em 0 0.4em 0;
  }
}
.banner--icon__text {
  position: absolute;
  width: 100%;
  padding: 0 5% 0 8.582445em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner--icon__text h4 {
  font-size: 1.846em;
  padding: 0;
  margin: 0;
}
.banner--icon__text__divider {
  height: 10px;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 10px;
}
@media (max-width: 480px) {
  .banner {
    font-size: 8.5px;
  }
}
.banner-collection,
#bannerCollection [class*="col-"] {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .banner-collection,
  #bannerCollection [class*="col-"] {
    display: block;
    margin-right: 0;
  }
}

/*---end of front page 3 small banners---*/


/*---start more or less --*/
.comment {font-family: 'Crete Round', serif;
    font-style: italic;

}
.owl-carousel .owl-item a.morelink {
	    text-decoration: none!important;
	outline: none!important;
	font-weight: normal!important;
	color: #1a0dab!important;
}
.owl-carousel .owl-item a.morelink:hover{text-decoration: underline!important;}
.morecontent span {
	display: none;

}

/*---end more or less --*/


.icon-star3{    color: #EB6E00; font-size: 0.8em;}

.bigfont{   
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
font-size: 2.4em!important;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px;}
.bigfont span{ color: #ed5922;}

.home-banner-video-wrap{width: 545px; height: 305px; border: 2px solid #363636;}
.color-white{color: #ffffff!important;}
.align-left{text-align: left;}
.pad-l-20{padding-left: 20px; padding-right: 20px;}
.faq-ul-wrap .portfolio-filter li a {
    display: block;
    position: relative;
    padding: 12px 18px;
    font-size: 13px;
    line-height: 15px;
    color: #666;
    border-left: 1px solid rgba(0,0,0,0.07);
}

.home-slider-wrap .col-sm-6{padding-left: 0; padding-right: 0;}

.login-pop-title{font-size: 1.5em;}
.a-color-blue{color: #428bca;}
.a-color-blue:hover{color: #0f1444;}
.modal-content{overflow-x:scroll; overflow-y: scroll; height: 800px;}

.category-panel{
margin: 0px;
    padding: 5px;
    text-align: center;
    background: #f5f5f5;
    border: solid 1px #797878;
    display: none;
}
.category-flip{
margin:0px;
padding:5px;
text-align:center;
background:#e6e6e6;
border:solid 1px #c3c3c3;
}

.industry-item-1{margin: 0; padding: 0;}

.filter-ind-wrap a{padding-right: 15px; color: #121212; line-height: 2em;}
.filter-ind-wrap a:hover{color: #fa4616; text-decoration-line: underline;}
.float-left{float: left;}
.filter-ind-wrap .activeFilter a{color: #025AA3;}

.consigneeitem{font-weight: bold; float: left; border: 1px #8F8D8D solid; cursor:pointer;width: 130px; padding: 4px 10px; }
.consigneeitem:hover, .consigneeitem:focus{border: 2px #e4393c solid; padding: 4px 10px;}

.hover-link-text{height: 30px; margin: 6px 0; }
.hover-link-text_hidden {	display: none;}

.hover-link-text:hover .hover-link-text_hidden {
    display: block; 
	position: relative;
	top: 0;
	right: 0;
	float: right;
	
}
.hover-link-text span{
    display: inline-block;
    margin-left: 10px;
}
.hover-link-text_hidden span{
    display: inline-block;
    margin-left: 5px;
	margin-right: 5px;
}
.shippingitem-wrap:hover{background-color: #FFF3F3; }


.ship-selected{border: 2px #e4393c solid; padding: 4px 10px; background-image: url(../images/selected-icon.png); background-repeat: no-repeat; background-position: right bottom;
    } 
.consignee-list li {list-style-type: none;   }
.align-right-new{text-align: right;}
.extra-r{margin-top: 15px;}
.addr-switch{font-weight: bold; margin-bottom: 15px;  cursor:pointer; color: #025E92;}
.nomargin-left{margin-left: 0; padding-left: 0;}
.shipping-add-title{padding-top: 10px; margin-bottom: 10px;}
.addr-info{line-height: 30px;}
.display-topright{cursor:pointer; position: absolute;right: 0;
    top: 0;width: 44px;
    height: 44px;
    line-height: 44px;
	font-style: normal;
    font-size: 28px;}

.modal-body a{font-weight: normal; font-family:  Helvetica, Arial, "sans-serif"; letter-spacing: 0px;}
.modal-body strong{font-family: Helvetica, Arial, "sans-serif";letter-spacing: 0px; }
.thumb-list-wrap .sidenav > .ui-tabs-active > a:hover {
  position: relative;
  z-index: 2;
  border-color: rgba(0, 0, 0, 0.1) !important;

  font-weight: 600;
  background-color: #fff !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}





.thumb-list-wrap .sidenav > .ui-tabs-active > a ,
.thumb-list-wrap .sidenav > .ui-tabs-active > a:hover{
    position: relative;
    z-index: 2;
    border-color: #fa4616  !important;
	background-color: #fff !important;
	color: #000!important;

    font-weight: 600;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.thumb-list-wrap .sidenav > li > a:hover {
  background-color: #fff;
  color: #222;
}
.thumb-list-wrap .nav-tabs {
    border-bottom: 0px; 
}

.thumb-list-wrap .sidenav li {
    list-style-type: none;
    margin-right: 5px;text-align: center;
}




/* scrolltab */
.scrolltab{position:relative;margin:0 auto;}
/*.scrolltab .ulBigPic{overflow:hidden;}*/
.scrolltab .ulBigPic li{display:none;}
.scrolltab .ulBigPic .liSelected{display:block;}
.scrolltab .ulBigPic img{border:1px solid #dedede;padding:2px;background-color:#fff;}
.scrolltab .ulBigPic .sPic{overflow:hidden;}
.scrolltab .ulBigPic .sSideBox{overflow:hidden;}

.scrolltab .ulBigPic .sTitle{height:32px;line-height:32px;font-size:14px;font-weight:700;color:#333;}
.scrolltab .ulBigPic .sIntro{line-height:24px;color:#666;word-wrap:break-word;word-break:break-all;}
.scrolltab .ulBigPic .sMore{height:24px;line-height:24px;}
.scrolltab .ulBigPic .sMore a{color:#841;}
.scrolltab .ulBigPic .sTitle a{color:#333;}
.scrolltab .ulBigPic .sTitle a:hover{color:#840;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel,.scrolltab .sRightBtnABan{width:38px;height:86px;display:block;position:absolute;top:190px;background:url(../images/bgArt.png) no-repeat;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel{cursor:pointer;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan{left:10px;}
.scrolltab .sLeftBtnA{background-position:-5px -2px;}
.scrolltab .sLeftBtnASel{background-position:-80px 0;}
.scrolltab .sLeftBtnABan{background-position:-161px 0;}
.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel,.scrolltab .sRightBtnABan{right:10px;}
.scrolltab .sRightBtnA{background-position:-36px 0;}
.scrolltab .sRightBtnASel{background-position:-116px 0;}
.scrolltab .sRightBtnABan{background-position:-192px 0;}
.scrolltab .dSmallPicBox{height:200px;position:relative;}
.scrolltab .dSmallPic{width:100%;height:200px;position:absolute;top:0px;overflow:hidden; overflow-x: scroll; margin-bottom: 20px; text-align: center;}
.scrolltab .dSmallPic ul{position:absolute;}
.scrolltab .dSmallPic li{border:1px solid #fff;padding:3px 7px 0; margin-right: 5px; float:left;display:inline;cursor:pointer;overflow:hidden;}
.scrolltab .dSmallPic .sPic{display:block;}
.scrolltab .dSmallPic .sPic img{padding:2px;}
.scrolltab .dSmallPic .sTitle{width: 120px; display:block;text-align:center;color:#333;overflow:hidden;}
.scrolltab .dSmallPic .liSelected{border-color:#fa4616;}
.scrolltab .dSmallPic .liSelected .sPic img{border-color:#fff;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sLeftBtnBBan,.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel,.scrolltab 
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel{cursor:pointer;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sLeftBtnBBan{left:10px;}
.scrolltab .sLeftBtnB{background-position:0 -87px;}
.scrolltab .sLeftBtnBSel{background-position:-36px -87px;}
.scrolltab .sLeftBtnBBan{background-position:-73px -87px;}
.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel,.scrolltab .sRightBtnBBan{right:10px;}
.scrolltab .sRightBtnB{background-position:-16px -87px;}
.scrolltab .sRightBtnBSel{background-position:-52px -87px;}
.scrolltab .sRightBtnBBan{background-position:-88px -87px;}
.thumb-list-wrap h3{font-family: Helvetica, Arial, "sans-serif"; font-size: 1.3em;     padding-left: 15px;
    border-left: 3px solid #f66700; margin-top: 25px;}


/* End scrolltab */


.singlepro-price-wrap-3 {
    background: rgb(251, 251, 251);
    border: 1px rgba(191, 191, 191, 0.41) dashed;
    padding: 10px 0 0 10px;
    margin-bottom: 7px;
}


.product-price3
{font-size: 18px;font-weight: 600;
    color: #000000;
    font-family: Helvetica, Arial," sans-serif";
	text-decoration: none;
}

.product-price3 ins{text-decoration: none;}
.singlepro-price-wrap-3 .col_half, .thumb-list-wrap .col_full {
    margin-bottom: 7px;
}


.price-note{font-size: 0.82em;  margin-bottom: 0px; line-height: 0.8em; font-style: italic; }
.thumb-list-wrap h4{border-top: 3px double #ddd;}


.all_HidingTechnology {
    padding: 25px 0 15px 0;
    border: 1px #e0e0e0 dotted;
      position: relative;

}

.top_triangle {
    position: absolute;
    top: -19px;
    left: 28px;
    width: 0;
    height: 10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #999 transparent;
    z-index: 9999;
}

.whiteBg {
    position: absolute;
    top: -19px;
    left: 28px;
    width: 0;
    height: 10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
    z-index: 9999;
}


.main_whiteBg {
    padding: 0 20px;
}

.main_whiteBg .sm-form-control {
    padding: 2px 15px;
    font-size: 14px;}
.divider-line-dotted{border-bottom: 1px dotted #ddd;
    margin-bottom: 10px;
    margin-top: 10px;}

 #single-product .col_three_fourth{    margin-bottom: 5px;}
.version{text-align: right; line-height: 20pt;}
.ulBigPic li #single-product .col_four_fifth.col_last .col_one_third {
    margin-bottom: 7px!important;
}
.ad{line-height: 2.5em;}
.thumb-list-wrap .sidenav li a{font-weight: bold;}
.white-text{color: #fff!important; font-size: 0.7em; }
.home-banner-text-2{line-height: 0.8em!important;}
.home-img-item-wrap .col-md-6, .home-img-item-wrap .col-md-12{    
padding-left: 0px;
padding-right: 5px;}

.sidebar-widgets-wrap .widget {
    padding-top: 10px;
    border-top: 1px solid #EEE;
}

.widget {
    position: relative;
    margin-top: 20px;
}

.lignt-text{line-height: 1.1em!important; color: #FFFFFF; font-size: 11pt!important; font-weight: 100;}
.red{color: #FF4700;}




.search-result{font-size: 1.1em;}
.search-result span{color: #fa4616; font-weight: bold;}
.note-msg{font-size: 1.5em;border-color: #faebcc;
    background-color: #fcf8e3;
    color: #8a6d3b; margin: 15px 0;}

.search-bar{margin-top: 25px;}


/*===========new custom page 2===========*/
.custom-wrap .tabs.tabs-bb ul.tab-nav li{height: 150px;}
.custom-wrap .tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
    border-bottom: 4px solid #fa4616;
    top: -2px;
    height: 155px;
    line-height: 44px;
}

.custom-wrap .insert-2 .tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
    border-bottom: 4px solid #fa4616;
    top: -2px;
    height: 181px;
    line-height: 44px;
}
.custom-wrap .insert-2 ul.tab-nav {
 height: 180px;
    border-bottom: 4px solid #DDD;
  
}
.custom-wrap h5 {
    margin-bottom: 7px;
}

@media (max-width: 767px) {
  .custom-wrap .insert-2 .tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
    border-bottom: 4px solid #fa4616;
    top: -2px;
    height: 121px!important;
    line-height: 44px;
}
.custom-wrap .insert-2 ul.tab-nav {
 height: 120px!important;
    border-bottom: 4px solid #DDD;
  
}
	
	
}
@media (max-width: 479px){
	.shop .product-preview{margin-right: 15px;}
	.product-list .container{padding: 0;}
		.shop .product-desc{padding: 5px 15px 5px 5px;}	
	
}


.custom-wrap ul.tab-nav {
 
    border-bottom: 4px solid #DDD;
  
}
.custom-wrap .owl-carousel .owl-item a {
    color: #222;
    font-size: 14px;
    text-decoration: none!important;
    font-weight: bold;
}




/*======end new custom page 2=========*/


.text-list {font-size: 1.3em; color: #777; font-family: 'Lato', sans-serif; font-weight: 300;}

.text-list span{color: #EB4100;}

.project-info .divider .form-title{color: #989898;
    font-size: 1.2em;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    padding-left: 15px;
    padding-right: 135px;
    background: #fff;
    line-height: 1;
    font-family: sans-serif;}


.title-dotted-5{
background: url(https://cdn.soopak.com/res/f/images/icons/dotted.png) repeat-x center; text-align: center;position: relative;
    margin-bottom: 10px; }
.title-dotted-5 h1{ background-color: #FFF;  position: relative;   display: inline-block;   margin-bottom: 0; padding: 0 15px;}





/* ----------------------------------------------------------------
	Media
-----------------------------------------------------------------*/


@media screen and (min-width:768px){
	.alert-box{width:350px;left:0px;;bottom:0px;padding:20px;}}

@media screen and (min-width: 480px) {
    .deposit-ord .ord-id{width: 10%;} 
	
	.banner--image__text h3 strong{font-size: 12pt; line-height: 8px;}
	

}

@media (max-width:479px){
	.swiper_wrapper .slider-caption h2 {
    font-size: 18px!important;
}
}
@media (min-width: 768px) {


.shipping-title .col_half, .shipping-title .col_one_third { margin-bottom: 0px !important;}
		
}

@media (max-width: 732px){
	
  #single-product .col_one_fifth{width: 100%;}
#single-product .col_four_fifth{width: 100%;}
	.product-opt-wrap .col_one_fifth{width: 100%;}
.product-opt-wrap .col_four_fifth{width: 100%;}
	
	.mega-menu-content.style-2.clearfix .mega-menu-column.col-7 .pro-img-clo{width: 50%; float: left;}
	
	.mega-menu-content.style-2.clearfix .mega-menu-column.col-5 .pro-img-clo{ width: 50%;}
	.mega-menu-content.style-2.clearfix .mega-menu-column.col-7 .pro-img-clo{width: 30%; }
	#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {    padding: 10px 20px 0 20px;}
	.deposit-ord .ord-id{width: 10%;}
	
	
}





@media screen and (max-width: 699px) and (min-width: 520px) {
    #single-product .col_one_fifth{width: 100%;}
#single-product .col_four_fifth{width: 100%;}
	    .product-opt-wrap .col_one_fifth{width: 100%;}
.product-opt-wrap .col_four_fifth{width: 100%;}
	#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {padding: 10px 20px 0 20px;}
	.mega-menu-content.style-2.clearfix .mega-menu-column.col-5 .pro-img-clo{ width: 50%;}
	.mega-menu-content.style-2.clearfix .mega-menu-column.col-7 .pro-img-clo{width: 30%; }
	
	.mega-menu-content.style-2.clearfix .mega-menu-column.col-7 .pro-img-clo .widget {padding: 10px 20px 0 20px;}
	.mega-menu-content.style-2.clearfix .mega-menu-column.col-5 .pro-img-clo .widget {    padding: 10px 0 0 0;}
.deposit-ord .ord-id{width: 10%;}
	
	
	
	

}

#review_cart_form {margin-bottom: 0px;}
.process-steps li.ui-tabs-active-1 a {

  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  border-color: #fa4616 !important;
}

.process-steps li.ui-tabs-active-1 h5 {
  font-weight: 600;
  color: #fa4616;
}


ul.tab-nav li.ui-tabs-active-1 a {
  position: relative;
  top: 1px;
  background-color: #FFF;
}


.tabs.tabs-alt ul.tab-nav li.ui-tabs-active-1 a {
  border: 1px solid #DDD;
  border-bottom: 0;
}


@media (min-width: 992px) {
.deposit-ord .ord-id{width: 10%;}
#single-product .col_four_fifth{width: 78%;}	
.product-opt-wrap .col_four_fifth{width: 78%;}		
}



@media (max-width: 991px){

#primary-menu ul li .mega-menu-content.style-2 li {    border-top: 1px solid #EEE; }
	.mega-menu-content.style-2.clearfix .mega-menu-column.col-5 .pro-img-clo{ float: left!important;}
	.mega-menu-content.style-2.clearfix .mega-menu-column.col-7 .pro-img-clo{ float: left!important;}
	.mega-menu-content.style-2.clearfix .mega-menu-column.col-7 .pro-img-clo .widget {    padding: 10px 20px 0 20px;}
	.mega-menu-content.style-2.clearfix .mega-menu-column.col-5 .pro-img-clo .widget {    padding: 10px 0 0 0;}
	.deposit-ord .ord-id{width: 10%;}

}

@media (max-width: 767px){
	h3 {
    font-size: 20px!important;
}
.portfolio-filter li a {
    text-align: center;
   
    padding: 0px !important;
    border-radius: 2px !important;
}
	.single-product .col_four_fifth{width: 100%;}
	.single-product .col_one_fifth {   width: 100%;}
	
	form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth, form .col_five_sixth {
    margin-bottom: 7px;
}
	
	.aligright-1{    display: block;
    margin: 5px 0 0 0;
    text-align: left;}
	
.preselect-menu .col_one_third, .preselect-menu .col_two_third, .preselect-menu .col_half{margin-bottom:0px!important;}
}



@media (max-width: 1199px) {
	.oc-item .col_half{width: 100%;}
	
}








/*-----------------drop down css---------------*/
.dropbtn {
 
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 7px 10px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #fa4616;color: #fff;}


/*-----------------  end drop down css---------------*/



/*-----------------  shadow box css 2019new version---------------*/

.shadow-box{ 
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
    background-color: rgb(245, 245, 245);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.075);
    border-image: initial;
    border-radius: 3px;
background: #FFFFFF;}
.shadow-box:hover{-webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}

.shadow-box .pricing-features{padding: 7px;}
.shadow-box .button{    padding: 0 12px;}

/*-----------------  end shadow box css---------------*/

.size38{font-size: 38px;}

.size18{font-size: 18px!important;}
.size16{font-size: 16px!important; font-weight: normal;}
.size39{font-size: 39px; font-weight: bolder;}

@media (max-width: 767px) {

	
	.size38{font-size: 28px;     text-align: center;}
	.size39{font-size: 28px;     text-align: center;}
	.size16{text-align: center;}
	.mb-center{text-align: center;}

}
@media (min-width: 768px) and (max-width: 991px) {

.size39{font-size: 24px; }
}

/* Slider Section */

.slider-element {
	height: 300px;
	overflow: visible;
	background-color: #c9c5c4;
	background-image: url(../images/banner-v3.jpg);
	background-size: cover;
    background-repeat: no-repeat ;
    background-position: center;
	
}


@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
.slider-bottom-box {
	display: block;
	padding: 40px;
	background: #FFF;
	box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.1);
	border-radius: 3px;
}
.black-color{color:#717171; }
.nopadding{padding: 0!important}
.darkblue{color: #172077!important;}


/* Course Categories
---------------------------------------------------------------------------- */
.course-categories .card a span {
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.course-categories .card a span i {
	display: block;
	margin-bottom: 5px;
	font-size: 20px;
}

.hover-effect {
	-webkit-transition:  transform .25s ease, box-shadow .3s ease;
	-o-transition:  transform .25s ease, box-shadow .3s ease;
	transition:  transform .25s ease, box-shadow .3s ease;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	box-shadow: none;
	border: 0;
}

.hover-effect:hover {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}


.course-card .author-number {
	font-size: 11px;
    position: absolute;
    top: -4px;
    right: -4px;
}

/* Display after 992px(after tablet) - Responsive
---------------------------------------------------------------------------- */
@media (min-width: 992px) {

	.heading-block h3 {
		font-size: 42px;
		letter-spacing: -2px;
	}

	.course-card .card-title {
		font-size: 19px;
		line-height: 1.25;
	}

}



.course-card .card-footer { border-top-color: #EEE; }

.rating-stars i { color: #f4c150; }

.course-card .card-title a { color: #333; }

.course-card .card-title a:hover { color: var(--themecolor); }

.course-card  .card-title-sub { font-size: 11px; }
.box-wrap .button{padding: 0 12px; }
.box-wrap .pricing-features{padding: 7px;}
.img-ful{padding: 50px;}

.lightshadow-box{box-shadow: 0 0 11px #cde6ff;}



.sec-menu{font-size:16px;padding: 10px 0}
.box-wrap-center{text-align: center; padding: 10px; }
.box-wrappad{padding: 10px; }
.line-blue{background-image: url(../images/line-blue.jpg);	background-repeat: repeat-x; background-position: top;}
.line-darkblue{background-image: url(../images/line-blue2.jpg);	background-repeat: repeat-x; background-position: top;}
.line-orange{background-image: url(../images/line-05.jpg);	background-repeat: repeat-x; background-position: top;}
.line-red{background-image: url(../images/line-03.jpg);	background-repeat: repeat-x; background-position: top;}
.line-pink{background-image: url(../images/line-04.jpg);	background-repeat: repeat-x; background-position: top;}


/* home page selling point for mb---------------------------------------------------------------------------- */
.mb-points-wrap .owl-stage-outer  { overflow: visible !important; }

.mb-points-wrap .owl-item .oc-item {
	opacity: 0.35;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.mb-points-wrap .owl-item.active.center .oc-item {
	opacity: 1;
	
	
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}


.mb-points-wrap .owl-carousel .owl-dots .owl-dot {
	margin-top: 10px;


}

.mb-points-wrap .owl-carousel .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	margin: 0 5px;
	opacity: 1;
	background-color: #a6b8f9;
	
	border: 0;
}

.mb-points-wrap .owl-carousel .owl-dots .owl-dot.active span,
.mb-points-wrap .owl-carousel .owl-dots .owl-dot:hover span { background-color: #267DF4 !important; }


/* end home page selling point for mb---------------------------------------------------------------------------- */

.postcontent, .sidebar {
    margin-right: 4px; width: 17%;
}


.dropdownsoopaktop-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    line-height: 25px;
    z-index: 1000000;
}


.dropdownsoopaktop {
    position: relative;
    display: inline-block;
}


/*new css from 2020-12-7*/

.top-bar-social-wrap {
    padding-top: 5px;
}

.topbar-left-half {
    margin-bottom: 0;
    margin-right: 0;
}


@media only screen and (max-width: 767px) {
.top-bar-social-wrap {
    justify-content: center!important;
    display: flex;
    border-bottom: solid 1px #ddd;
}
}


.small-bar {
    margin: 0;
    padding: 7px 0;
}


.certificate-wrap .clients-grid.grid-2 li {
    padding: 0;
    margin: 0;
}

/*2021-v2--*/

.top-links ul .top-sub-wrap{
     width: 200px;
}

.cer-item {
    float: left;
}


@media only screen and (min-width: 768px) {		
.cer-item {
    width: 16.66%;
}
	.pad-60{padding-bottom: 80px; padding-top: 80px;}
	ul.tab-nav li a {
    font-size: 16px; padding: 0 30px;
}
	
}
@media (max-width: 767px){
		.cer-item {
    width: 50%;
}
.topbar-left-half{    display: none;}
.top-links li > a {
    padding: 0 10px;
}

	.slider-title{text-align: center;}
	.slider-element {
    background-image: none;
}
	.pad-60{padding: 60px 0;}
	ul.tab-nav li a {
    font-size: 16px; padding: 0 12px;
}

}
@media (max-width: 1024px){

.fbox-bg2 .fbox-desc {
    padding-bottom: 25px;
}

}

@media (min-width:1024px){


	.video-wrap-v3 {
    width: 60%;
        margin: 0px auto 60px;
}
}

.search {

    position: relative;
    display: flex;
    flex: 1;
    margin: auto;
}

.searchTerm {
  width: 300px;
  border: 2px solid  #dfdfdf;
  border-right: none;
  padding: 5px;
  height: 36px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #272727;
}


.searchButton {
    width: 40px;
    height: 36px;
    border: 1px solid #dfdfdf;
    background: #c3c3c3;
    text-align: center;
    color: #fff;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    font-size: 20px;
}

/*Resize the wrap to see the search bar change!*/
.wrap{
  width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#logobar {
    display: flex;
}
#header.sticky-style-2 {
    height: auto;
}

#primary-menu.style-2 > div > ul > li > a {
    padding-top: 7px;
    padding-bottom: 7px;
	    padding-left: 0;
    padding-right: 30px;
}

#primary-menu.style-2 > div #top-search, #primary-menu.style-2 > div #top-cart, #primary-menu.style-2 > div #side-panel-trigger {
    margin-top: 7px;
    margin-bottom: 7px;
}
#header.sticky-style-2 #header-wrap {
    height: auto;
}



@media (min-width: 1440px){
.container {
    max-width: 1320px;
}}



.sticky-header a {
    padding-top: 19px!important;
}

#primary-menu ul li:hover > a, #primary-menu ul li.current > a{color:#172077; }
@media only screen and (min-device-width: 991px) and (max-device-width: 1024px) {
#primary-menu.style-2 > div > ul > li > a {    padding-right: 20px;}}

.top-links ul ul, .top-links ul div.top-link-section {
    box-shadow: 0 0 9px -1px rgb(0 0 0 / 20%);
}
#top-bar {
    height: 32px;    line-height: 31px;
}
.top-links ul li {
    height: 31px;
}
.top-links li > a {
    height: 31px;
}

.mega-list{padding-right: 7px;}

.top-links ul ul, .top-links ul div.top-link-section {
    top: 31px;
}

.search-wrap {
    position: relative;
    margin: auto;
}

.start-wrap {
    margin: 25px 0;
}
.start-wrap p{margin-bottom: 0;}

#homepage-container h3{font-weight: 700;}
.home-des{max-width: 600px;
    margin: 0 auto 60px;
}


h1, h2, h3, h4, h5, h6 {
    color: #000;

}

#primary-menu ul li > a{font-size: 1.6rem; font-weight: 600; color: #000000;}
#primary-menu ul ul li > a {color: #000000;}

.feature-box.media-box.fbox-bg .fbox-desc {
    padding: 15px;
}



.fbox-wrap{-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	box-shadow: 0 1px 2px 1px rgba(10, 16, 34, .2);
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 5px;}

.fbox-wrap:hover{	box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2);
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);}


.fbox-wrap2:hover{	box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2);
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);}
.fbox-wrap2{-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
  }


.fbox-wrap .fbox-img{padding: 0;}
.fbox-bg2{padding-right: 30px;
    padding-left: 30px; margin-bottom: 30px;}

.fbox-wrap .entry-image img{border-top-left-radius:5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 0;border-top-right-radius: 0;}
.point-name{font-size: 16px!important;     padding-bottom: 60px;}

#beneco-wrap {
	overflow: visible;
	background-image: url(../images/banner-v4.jpg);
	background-size: cover;
    background-repeat: no-repeat ;
    background-position: center;
	
}
.h-banner-title{font-size: 30px;
    font-weight: 700;}

.selling-wrap{padding-top: 80px; padding-bottom: 40px;}
.certificate-wrap a {
  opacity: 0.6;
}
.certificate-wrap a:hover {
  opacity: 1;
}

#why-section{background-color: #f3f4f6; padding: 0;}
#why-section h3{padding-top: 50px;}
#why-section .col_three_fifth{margin-bottom: 0;}
#why-section .col_two_fifth{margin-bottom: 0;	background-image: url(../images/img-v3-01.jpg);
	background-size: cover;
    background-repeat: no-repeat ;
    background-position: center;
		overflow: visible;
	}

#header.sticky-header:not(.static-sticky) #top-cart{
    margin-top: 0px !important;
    margin-bottom: 7px !important;
}

#header, #header-wrap, #logo img {
    height: 80px;
}

.header-extras {
    margin: 20px 0 0;
}

.search form#searchForm {display: flex;}


.postcontent {    width: 80%;}

.signUpPopupBtn
{ 
position:fixed;
left:0;
bottom:0;
z-index: 9999999;
}
#signupModalDlg{height: 300px;}
.greatdeal {
    background-color: #638e50;
}

/*added on 2023-09-02*/
.table .cart-product-quantity 
{
	width:13%;
}


.cart-product-quantity .quantity
{
	/*commented on 2023-09-02, same width for select and input
	display:inline-block;
	*/
	margin:0;
	float:none;
}

.product-id span {
    float: right;
}

.shop .product-image {
    border-radius: 10px;
}

.product-preview {
    position: relative;
    overflow: hidden;
}
#quote-form-content {
    background: #f6f6f6;     padding: 100px 0;
}
#form-box{
    max-width: 800px;
    background-color: #ffffff;
    padding: 40px;
    margin: 0px auto;
    z-index: 10;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 10px;}
#quote-form-content .sm-form-control{    border-bottom: 2px solid #DDD;
    border-top: none;
    border-left: none;
    border-right: none;}

.product-title h3 a{font-family: 'Lato';}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
	.widget_links li a{background-image:none!important;}}

.border-top{
	background-color: #ffffff!important;

}

.product-detail-wrap .breadcrumb{right: inherit!important;}
.product-detail-wrap #page-title {
    position: relative;
    padding: 15px 0 10px 0;
    border-bottom: none;
}

.product-detail-wrap .owl-carousel .owl-dots .owl-dot {
    border: none;
    background-color: #fff;
}
@media (min-width: 768px) {
 .gap-10 {margin: 0 10px;}
	.gap-left10{margin-left: 10px;}
	.gap-right10{margin-right: 10px;}
.product-detail-wrap .testi-content{padding-right: 10%;}
.eco-wrap, .product-table-section{margin-top: 120px; margin-bottom: 120px;}
.big-banner-wrap{	background-size: cover;  background-repeat: no-repeat ; background-position: right;}
.feature-bg-straight-line{ background-image: url(https://cdn.soopak.com/res/f/images/bg-img-01.jpg);}
.feature-bg-no-glue{ background-image: url(https://cdn.soopak.com/res/f/images/bg-img-no-glue.jpg);}
	.feature-bg-auto{ background-image: url(https://cdn.soopak.com/res/f/images/bg-img-auto.webp);}	
	.feature-bg-2pc{ background-image: url(https://cdn.soopak.com/res/f/images/bg-img-2pieces.webp);}
	
	.hid-md{display: none;}
	.product-feature-section{    margin-top: 120px;}
	.order-md-1 .product-detail {padding-right: 20%;}
	.detail-des-spc-l {padding-left: 20%;}
	 .order-md-2 {  order: 2 !important; }
	 .order-md-1 { order: 1 !important; }
	.big-banner-wrap h3{font-size: 38px; padding-top: 24px; padding-bottom: 12px;}
	.width70{width: 70%;}
	.width75{width: 75%;
        margin: auto;
        line-height: 2em; padding-bottom: 30px;}
	.title-25{font-size: 2.7em; font-weight: 700;}
	.hero-banner h1{font-weight: 700; font-size: 4em;}	
	.width75.center h3 {
    padding-top: 60px;
}
	.feature-img{padding: 0 20px 10px 20px;}
	.feature-img2{margin: 20px 20px 0 20px}
	    .hero-text-wrapper h1 {
        font-weight: 700;
        font-size: 4em;
    }
	
	.subscribe-form-wrap .subscribe-form-wrap {
  text-align: right;
}
.subscribe-form-wrap .subscribe-form {
  margin-left: auto;
  margin-right: 0;
  display: flex;
  justify-content: flex-end;
  gap: 10px; /* optional spacing between input/button */
  flex-wrap: wrap; /* helps with responsiveness */
  align-items: center;
}
	.footer-module-certificates img{    display: inline-block; width: 200px; margin-right:25px;}
	.margin-b-62{margin-bottom: 62px;}

}
@media (max-width: 767px){
.product-detail-wrap .col-md-4.col-xs-12.col-sm-6{ margin-bottom: 24px;}
.product-detail-wrap .single-product .product-rating { top: 0;}
.eco-wrap, .product-table-section{margin-top: 60px; margin-bottom: 60px;}
.product-feature-section{    margin-top: 60px;}	
	.showme {
		right: 0;}
	.hero-banner h1{font-weight: 700; font-size: 2.5em;}
	.width75.center h3 {
    padding-top: 30px;
}
	.feature-img2{margin: 10px 10px 0 10px}
	.feature-box2 {margin-bottom: 32px;}
	.margin-b-62{margin-bottom: 32px;}
}
@media (max-width: 479px) {
	.prodctu-detail-section  .testi-image, .prodctu-detail-section .testi-image img {
        width: 64px;
        height: 64px;
    }
}

.prodctu-detail-section p {
    font-family: 'Lato';
    font-style: normal;
    font-size: 16px;
}
.product-detail-wrap h1 {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}

.product-detail-wrap .testi-content h3{font-size: 20px;}


.eco-wrap .item-point{border: 1px solid #ddd; border-radius: 5px; padding: 12px; margin-bottom: 24px;     width: 100%;}

.product-detail-wrap .col-md-6.col-xs-12.col-sm-6 {
    display: flex;
}


.big-banner-wrap {
    background-color: #f6f6f6;
    border-radius: 10px;
    padding: 64px 20px;
}
.product-feature-section .col-md-6{display: flex; align-items: center;}
.product-detail-img img{border-radius: 10px;}    
.product-feature-section{    margin-left: -30px;margin-right: -30px;}
.product-table-section .table-bordered{margin:auto;}
.product-table-section h3{text-align: center;}
.product-table-section table.table-bordered {
    margin: auto;
    border-radius: 8px;
    border-style: hidden;
    box-shadow: 0 0 0 1px #ddd;
}
.product-table-section p{margin-top:12px; margin-bottom:12px;}
.product-table-section th, .product-table-section td{padding-left:20px; padding-right:20px;}
.eco-wrap .testi-image{ background-color:#4ba147;     border-radius: 50%; }
.eco-wrap .testi-image, .eco-wrap .testi-image img{width: 50px; height: 50px;}

.slide.flex-active-slide {
    border-radius: 10px;
}
.single-product .flex-control-nav.flex-control-thumbs li img{ border-radius: 5px;}
.singlepro-price-wrap-2 {
    background: #f6f6f6;
    padding: 10px;
    margin-bottom: 7px; border-radius: 5px;
}
.singlepro-price-wrap-2 .col_half{margin-bottom: 0px;}
.single-product .sm-form-control{    border: 1px solid #cfcfcf; border-radius: 3px !important;}
.feature-bg-no-glue p, .feature-bg-no-glue h3, .feature-bg-no-glue .subtitle{color:#ffffff;}

/*-----2025 home---*/
.brands-wrap p{margin-bottom: 0;}
.brands-wrap {
    padding: 16px 0px;
    background-color: #5f5f5f;
    color: #ffffff;
}
p{font-size:16px;}
.title-p{font-size: 20px;
    color: #00061ab3;}
.pad-60 h2 {
    font-size: 36px;
}

/* Media Featured Box

-----------------------------------------------------------------*/



.media-box {

	padding: 0;
margin-left: 0;
margin-right: 0;
	-ms-flex-direction: column;
	flex-direction: column;
	border:  1px solid #E5E5E5;
	border-radius: 5px;
}


.media-box .fbox-media { margin: 0 0 1.5rem; }


.media-box .fbox-media,
.media-box .fbox-media a,
.media-box .fbox-media img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.media-box .fbox-media iframe { display: block; }

.media-box p { margin-top: 1rem; }

.media-box .fbox-content {
-ms-flex-preferred-size: auto;
}

.media-box.fbox-bg .fbox-media { margin: 0; }

.media-box.fbox-bg .fbox-content {padding: 1.5rem 1.5rem 0 1.5rem;
	border-top: 0;
	border-radius: 0 0 5px 5px;
}

.media-box.fbox-bg .fbox-media img { border-radius: 5px 5px 0 0;
}
.feature-box h3 {text-transform: inherit; font-size: 18px; font-weight: 600; border-bottom: 1px solid #ddd; padding-bottom: 7px;}
.soopak-tab{justify-content: center; display: flex;}
.section-title{margin-bottom: 36px; font-size: 36px;}
ul.tab-nav.tab-nav2 li.ui-state-active a {
    background-color: #000000;
}
ul.tab-nav.tab-nav2 li a {
    border-radius: 5px;
    box-shadow: initial;
}

.tab-box .grid-inner {
    background-color: #f8f8f8;
    padding: 40px 20px 20px;
    border-radius: 10px;
}
.tab-box .grid-inner img{border-radius: 10px;}
.feature-box2 {
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 20px; border: 1px solid #eee; /* Optional */
}

.feature-box3 {
    border-radius: 10px;
    padding: 20px;border: 1px solid #a3a3a3;
}
.box-equal {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    
}

.btn-custom {
    display: inline-block;
    padding: 10px 24px;
    border: 1px solid #000;
    background-color: white;
    color: black;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.5s ease;
    border-radius: 5px;
    width: auto;
    align-self: flex-start; /* Prevent full width in flex column */
}
.btn-custom:hover {
    background-color: black;
    color: white;
}

/* Mobile default: image on top */
.feature-box2 {
    display: flex;
    flex-direction: column;
}

/* On medium screens and up (≥768px): text on top, image below */
@media (min-width: 768px) {
    .feature-box2 {
        flex-direction: column-reverse;
    }
	
}


/* accordion css=====*/
 
    .accordion-item {
      border-top: 1px solid #ccc;
    }
.accordion p {
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: 300;
}

    .accordion input {
      display: none;
    }

.accordion label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0px;
    cursor: pointer;
    font-weight: bold;
    transition: color 0.3s;
    border-bottom: none;
    margin-bottom: 0;
}

    .accordion label:hover {
      color: #555;
    }

    /* Add bottom border ONLY to open item */
    .accordion input:checked + label {
      border-bottom: 1px solid #ccc;
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease, padding 0.3s ease;
      padding: 0;
    }

    .accordion input:checked ~ .accordion-content {
      max-height: 400px;
      padding: 0 0 15px 0;
    }

    /* Plus and minus icons */
    .accordion label::after {
      content: "+";
      font-size: 20px;
      transition: transform 0.3s ease;
    }

    .accordion input:checked + label::after {
      content: "−";
    }

    /* Add bottom border to last item */
    .accordion-item:last-child {
      border-bottom: 1px solid #ccc;
    }

/* END OF accordion css=====*/


.vertical-center {
    display: grid;
    align-items: center;
    align-content: center;
}
.feature-img img { border-radius: 10px; }
.feature-img2 img {
    border-radius: 10px;
}
#largeqty {
    margin-top: 40px;
    margin-left: 20px;
}

.btm-des{margin: 0 20px 20px 20px;}
.property-wrap {
  display: flex;
  flex-wrap: wrap;      
  gap: 10px;  
	padding: 10px;
}

.pro-item {
    padding: 4px 12px;
    background-color: #f6f6f6;
    border-radius: 20px;
    font-size: 12px;
    white-space: nowrap;
    color: #908e8e;
}

.feature-box.text-center.media-box.fbox-bg {
    margin-top: 20px;
    margin-bottom: 20px;
}



.footer-module-value {
    font-size: 3em;    line-height: 1.1em;
    margin-bottom: 25px;
}

.footer-4__column-links .container{    border-top: 1px #5d5d5d solid;
    padding-top: 30px; padding-bottom:20px;}


/* Start Options css=====*/
@media (max-width: 479px) {
	#options .container{width: 100%!important;}
	.toc-content { padding: 10px!important;}
}
.option-item {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: white;
  z-index: 1;
  transition: border-radius 0.3s ease;
}

.option-item:hover {
  z-index: 100;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.toc-content p {padding: 0 10px;}

/*====desktop====*/
@media (min-width: 768px) {
.option-item p {
  position: absolute;
  top: 100%;
  left: -1px;
  width: calc(100% + 2px);
  padding: 5px 5px 25px 10px;
  margin: 0;
  background: white;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  transition: 
    opacity 0.7s ease,
    visibility 0.7s ease,
    max-height 0.7s ease;
  z-index: 999101;
}

.option-item:hover p {
  opacity: 1;
  visibility: visible;
  max-height: 300px;
}
	.float-right {
    float: right;
    font-size: 18px;
    padding-top: 12px;
}
	.img-bg-1{margin: 40px;
    border-radius: 10px;}
	.img-bg-1 h1 {
    font-size: 50px;
    font-weight: 700;
}
	.feature-wrapper h2{font-size: 3.5em;}
		.content-right-space{padding-left: 10%;}
	
	.content-left-space{padding-left: 10%;}
	.economy{width: 55%;}
	.title-des{  width: 70%; margin: auto;}
	.top-50{margin-top: 50px;}
	.half-feature {padding: 60px;}
	.half-img{width: 55%;}
	.eco-contact h2{font-size: 40px;}
}

.option-feature-items-wrapper .col-md-3 {
    margin-bottom: 20px;padding-left: 10px;
    padding-right: 10px;
}

	@media (max-width: 767px) {
  .option-feature-items-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .option-slider {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px; /* optional spacing between items */
  }

  .option-slider > .col-md-4 {
    flex: 0 0 auto;
    width: 80%;
    max-width: 80%;
  }
  .option-slider > .col-md-3 {
    flex: 0 0 auto;
    width: 80%;
    max-width: 80%;
  }
  .option-item {
    height: 100%;
    border-radius: 8px;
    background: #fff;
  }

  /* Optional: hide horizontal scrollbar visually but keep it usable */
  .option-feature-items-wrapper::-webkit-scrollbar {
    display: none;
  }
  .option-feature-items-wrapper {
    -ms-overflow-style: none;  /* IE/Edge */
    scrollbar-width: none;     /* Firefox */
  }
	.top-50{margin-top: 30px;}	
		.feature-wrapper h2{margin-top: 32px;}
		.half-feature{margin-top: 60px;
    padding: 40px 10px;}
}
.toc-content p.title-p{padding-left: 0;}
.top-80{margin-top: 80px;}
/*table of content*/

@media (min-width: 768px) {
    .toc-wrapper {
      margin: 0 auto;
      display: grid;
      grid-template-columns: 210px 1fr;
      gap: 20px;
	}}


.toc-wrapper .col-md-4, .toc-wrapper .col-md-3 {padding-left: 10px; padding-right: 10px;     margin-bottom: 20px;}
    .toc {
      background: #fff;
      padding: 20px;
      border: 1px solid #ddd;
      border-radius: 8px;
      position: sticky;
      top: 20px;
      height: fit-content; 
    }

    .toc h2 {
   font-size: 18px;
      margin-bottom: 15px; font-weight: 700;
    }

    .toc ul {
      list-style: none;
      padding-left: 0;
    }

    .toc li {
      margin-bottom: 10px;
    }

    .toc a {
      color: #000000;
      text-decoration: none; font-size: 18px;
    }

    .toc a:hover {
      text-decoration: underline!important;
    }

    .toc-content {
      background: #fff;
      padding: 30px;
      border-radius: 8px;
      border: 1px solid #eee;
    }

    .toc-content h3 {
      scroll-margin-top: 100px;
      font-size: 18px;
       margin-bottom: 0;
		    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px; font-weight: 500;
    }

  .toc-content .option-certificate-items-wrapper h3 {
		    text-align: inherit;
    }
  .toc-content .option-certificate-items-wrapper p {
	  font-size: 14px;
	  line-height: 1.3em; margin-bottom: 0;
    }
.toc-content .option-certificate-items-wrapper img {
	 width: 60px;
    }
.option-certificate-item {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;

}
    .toc-content p {
      line-height: 1.8;
      margin-bottom: 30px;
       font-weight: 300;
    }

    @media (max-width: 768px) {
      .toc-wrapper {
        grid-template-columns: 1fr;
      }

      .toc {
        position: static;
        margin-bottom: 20px;
      }
    }
/*end of table of content*/




/* END OF Options css=====*/


#about .bgcolor-grey{padding: 50px 0;}
#about .feature-box h3 { border-bottom: 0; }
.bullet-wrap img {
    width: 50px;
    padding-bottom: 15px;
}

.bullet-wrap .feature-item {
    background-color: #f6f6f6;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 8px;
}
.bullet-wrap .feature-item p{ margin-bottom: 0;}
.bullet-wrap h3{font-size: 18px; font-weight: 700;}
.award-wrap img{width:60px; margin-bottom: 20px;}
.award-wrap h3{font-size: 18px;}
.award-wrap p{font-size: 14px; margin-bottom: 0;}
.award-wrap .option-certificate-item{margin-bottom: 20px;}
.faqs .accordion-content ol  {
    padding-left: 20px;     margin-left: 20px;
}
.faqs .accordion-content ol li {
line-height: 2;
font-weight: 300;     padding: 0px 10px;
}

.faqs .accordion-content ul  {
    padding-left: 20px;     margin-left: 20px;
}
.faqs .accordion-content ul li {
line-height: 2;
font-weight: 300;     padding: 0px 10px;
}
#faq .toc-content p{    margin-bottom: 0;}
#faq .toc {padding: 0; border: 0;}
#faq .toc li{padding: 10px; background-color: #000000; border-radius: 5px; font-weight: 600;}
#faq .toc li a{color: #ffffff;}

.heading-inline {
  display: flex;
  align-items: baseline; /* aligns text along their baselines */
  gap: 10px; /* space between h2 and h5 */
  flex-wrap: wrap; /* wraps on small screens if needed */
	background-color: #f6f6f6;
	    margin-bottom: 20px;
    padding: 20px;
    border-radius: 8px;
}

.heading-inline h2,
.heading-inline h5 {
  margin: 0; /* remove default spacing */
}
.heading-inline h5 {
    font-size: 18px;
    font-weight: 500;
}
.grey-f8 {
    background-color: #f8f8f8;
    padding-top: 60px;
    padding-bottom: 60px;
}
.grey-f8 a{    text-decoration: underline!important; color: #000000;}
.grey-f8 a:hover{    text-decoration:none!important;}
.grey-f8 h1{font-weight: 700; font-size: 40px;}
.img-bg-1 {	background-image: url('../images/eco-bg.webp');     padding-top: 80px;
    padding-bottom: 80px;
}
.img-bg-2 {	background-image: url('../images/landfill.webp');     padding-top: 80px; padding-bottom: 80px;     border-radius: 10px;
    padding-left: 20px;}
.img-bg-1 h1{color:#ffffff;}
.img-bg-1 .title-p{color:#ffffff;}
.img-bg-2 h2, .img-bg-2 p{color:#ffffff;}
.img-bg-2 h2{    font-size: 2.8em!important;
    font-weight: 700;}

@media (max-width: 767px) {
  .mobile-first {
    order: -1;
  }

  /* Make sure .row becomes flex so "order" works */
  .mobile-first-wrap {
    display: flex;
    flex-wrap: wrap;
  }
}
#sustainability img{    border-radius: 10px;}

.quote-img{    width: 40%;  margin-bottom: 32px;    margin-top: 50px; }
.half-feature {
    border-radius: 10px;
}
#primary-menu ul li.mega-menu .mega-menu-content{width:100%;}
#top-cart > a > span {z-index: 999;}
.sub-menu-name-wrap{    display: flex!important;}
.sub-menu-name-des{font-size:13px; font-weight: 300;}
.sub-menu-name {
    font-weight: 700;
    font-size: 16px;
    color: #000000;
    padding-left: 10px;
}

#sub-menu-option{background-color: #f6f6f6; padding: 20px 10px;}
#sub-menu-option .sub-menu-name {
    padding-left: 0;
	margin-top: 20px; margin-bottom: 20px;
}

#primary-menu ul li > a i.icon-angle-down:last-child {
    margin: 3px 0 0 0;
}
#sub-menu-service .sub-menu-name {
    padding-left: 0;
	margin-top: 20px; margin-bottom: 20px;
}
#sub-menu-service .btn-arrow{ margin-bottom: 20px;}
.btn-arrow a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #fa4616;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease;
}

.btn-arrow a span {
  text-decoration: underline;
}

.btn-arrow a:hover {
  color: #000;
}

.btn-arrow a:hover span {
  text-decoration: underline;
}

.btn-arrow a:hover::after {
  transform: translateX(4px);
}