/* @import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
*/
body {
background: rgb(255, 255, 255);
color: rgb(54, 54, 54);
font-family: 'Helvetica';
/* font-family: 'Montserrat',sans-serif!important */
/* font-family: "Roc Grotesk Light"; */
font-size: 14px;
}
/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
*/
h1, h2, h3, h4, h5, h6 {
color: rgb(1, 81, 39);
margin: 0px 0px 20px;
font-family: 'Helvetica';
/* font-family: 'Montserrat',sans-serif!important */
/* font-family: "Roc Grotesk Light"; */
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: rgb(77, 73, 74);
font-family: 'Helvetica';
/* font-family: 'Montserrat',sans-serif!important */
/* font-family: "Roc Grotesk Light"; */
text-decoration: none;
}
p a {
color: rgb(54, 54, 54);
width: auto;
display: inline-block;
font-family: 'Helvetica';
/* font-family: 'Montserrat',sans-serif!important */
/* font-family: "Roc Grotesk Light"; */
}
/* ============maibanner================ */
.photos-grid-container { height: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr;grid-gap:15px; align-items: start;}
@media (max-width: 580px) {.photos-grid-container { grid-template-columns: 1fr;}}
.photos-grid-container .img-box { border:0px solid #ffffff; position: relative;overflow:hidden}
.photos-grid-container .img-box:hover .transparent-box {background-color: rgba(0, 0, 0, 0.6);}
.photos-grid-container .img-box:hover .caption { transform: translateY(-5px);}
.photos-grid-container img {max-width: 100%; display: block;height: auto; width:100%}
.photos-grid-container .caption {color: white;transition: transform 0.3s ease, opacity 0.3s ease;font-size: 1.5rem;}
.photos-grid-container .transparent-box {height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);position: absolute;
top: 0;left: 0;transition: background-color 0.3s ease; display: flex;justify-content: center;align-items: center;}
.photos-grid-container .main-photo { grid-row: 1;grid-column: 1; overflow: hidden;}
.photos-grid-container .sub { display: grid; grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;grid-gap:15px;}
.photos-grid-container .sub:nth-child(0) {grid-column: 1; grid-row: 1;}
.photos-grid-container .sub:nth-child(1) { grid-column: 2;grid-row: 1;}
.photos-grid-container .sub:nth-child(2) {grid-column: 1;grid-row: 2;}
.photos-grid-container .sub:nth-child(3) {grid-column: 2; grid-row: 2;}
/*==================mainbanner2================= */
.photos-grid-container2 { height: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr;grid-gap:15px; align-items: start;}
@media (max-width: 580px) {.photos-grid-container2 { grid-template-columns: 1fr;}}
.photos-grid-container2 .img-box { border:0px solid #ffffff; position: relative;overflow:hidden}
.photos-grid-container2 .img-box:hover .transparent-box {background-color: rgba(0, 0, 0, 0.6);}
.photos-grid-container2 .img-box:hover .caption { transform: translateY(-5px);}
.photos-grid-container2 img {max-width: 100%; display: block;height: auto; width:100%}
.photos-grid-container2 .caption {color: white;transition: transform 0.3s ease, opacity 0.3s ease;font-size: 1.5rem;}
.photos-grid-container2 .transparent-box {height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);position: absolute;
top: 0;left: 0;transition: background-color 0.3s ease; display: flex;justify-content: center;align-items: center;}
.photos-grid-container2 .main-photo { grid-row: 1;grid-column: 2; overflow: hidden;}
.photos-grid-container2 .sub { display: grid; grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;grid-gap:15px;}
.photos-grid-container2 .sub:nth-child(0) {grid-column: 1; grid-row: 1;}
.photos-grid-container2 .sub:nth-child(1) { grid-column: 2;grid-row: 1;}
.photos-grid-container2 .sub:nth-child(2) {grid-column: 1;grid-row: 2;}
.photos-grid-container2 .sub:nth-child(3) {grid-column: 2; grid-row: 2;}
.Homeslider .slidrimg{overflow:hidden; display:inline !important;position:relative; object-fit: cover;}
.Homeslider .slidrimg .textwraper{}
.mainbanner-section{padding:15px 15px}
.Homeslider .slidrimg img{transition: 6s;}
.Homeslider .slidrimg img:hover {transform: scale(1.2);}
.Homeslider .slidrimg .GlGradientShade{position: absolute;height: 100px;width: 100%;right: 0px;border-radius: 0px;background: linear-gradient(rgb(6 69 63) 50%, rgb(6 69 63) 100%);text-align: center;bottom: 0px;}
.P-Info-text{ width: 100%;height: 80px;flex-shrink: 0;position: absolute;bottom: 0px; padding: 0px 15px;border-radius: 0px;display: flex; gap: 0px;
flex-direction: column;}
.slidrimg .P-Info-text h3{color:#fff;margin:0px;padding:0px};
.slidrimg .P-Info-text p{color:#ffaf1c; padding:0px; margin:0px;}
/* ============Maquuee css================ */
.wrap { width: 100%;display: grid;}
h1 {font-size: clamp(18px, 3vw, 24px); margin: 0; font-weight: 600; }
p {margin: 0; opacity: .8}
/* Marquee */
.marquee {
--duration: var(--marquee-duration);
--gap: var(--marquee-gap);
height: 30px;
overflow: hidden;
position: relative;
/* mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); */
/* -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); */
border-radius: 0px;
background: #134f49;
/* box-shadow: 0 0 0 1px #1c2233 inset, 0 10px 30px rgba(0,0,0,.35); */
}
.marquee__track {
display: flex;
width: max-content;
gap: var(--gap);
align-items: center;
animation: scroll var(--duration) linear infinite;
will-change: transform;
}
/* .marquee:hover .marquee__track,
.marquee:focus-within .marquee__track { animation-play-state: paused; } */
/* Reverse direction by adding .marquee--rtl */
.marquee--rtl .marquee__track { animation-direction: reverse; }
.marquee__group {display: inline-flex;gap: 0px;align-items: center;}
.pill {display: inline-flex; align-items: center;
gap: .6rem; padding: 0 .95rem; height: 30px;white-space: nowrap;
font-weight: 600;letter-spacing: .2px;color: #fff;font-size: 12px;}
@keyframes scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
/* Reduced motion: stop animating */
@media (prefers-reduced-motion: reduce) {
.marquee__track { animation: none; }
}
/* ================= Breadcrum ============ */
.page_breadcrumbs{float:left;width:100%;background: #efefef;padding-top:12px;padding-bottom:12px;}
.page_breadcrumbs ul{position:relative; margin:0; padding: 0;}
.page_breadcrumbs li{color: #15756b;list-style: none;line-height: 25px;display: inline-block;}
.page_breadcrumbs li + li:before {color: #999999; content: " / "; margin: 0 2px;}
.page_breadcrumbs li a {color: #333; display: inline-block; text-direction:none}
.page_breadcrumbs li a:hover{color: #13867a;}
.page_breadcrumbs .active {color: #999999;}
.page_breadcrumbs .active a {color: #999999;}
/* =========== Category ====== */
.product_category{float: left; width: 100%; margin: 0; padding: 30px 0; background: #fff;}
.product_category .single-aboss-product .pro-img{height: 423px;}
.product_category .single-aboss-product .pro-img img{position: absolute; top: 50%; left: 50%; max-width: 100%;
transform: translate(-50%, -50%); max-height: 100%; width: auto; height: auto;}
.product_listing{float: left; width: 100%; margin: 0; padding: 25px 0; background: #fff;}
.left_title {
padding: 7px 12px;
color: #15756b;
line-height: 24px;
font-size: 16px;
width: 100%;
display: inline-block;
font-weight: 600;
background: #fff;
border-bottom: 1px solid #eee;
}
.left_title1 {
padding:0px 0 10px;
color: #15756b;
line-height: 24px;
font-size: 16px;
width: 100%;
display: inline-block;
font-weight: 600;
background: #fff;
border-bottom: 1px solid #eee;
margin-bottom: 10px;
}
.sidebar{
margin: 0;
padding: 15px;
/* box-shadow: 0px 5px 10px rgba(0,0,0,0.1); */
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
border-radius: 3px;
}
.sidebar .sidebar_title1 {
float: left;
padding: 10px 15px;
color: #15756b;
line-height: 24px;
font-size: 18px;
width: 100%;
font-weight: 600;
background: #fff;
border-bottom: 1px solid #e3e3e3;
text-transform: uppercase;
}
.sidebar .sidebar_title1 svg{float: right;}
.sidebar .sidebar_body{float: left; margin: 0; padding: 0; width: 100%;}
.sidebar .sidebar_body .sidebar_group{float: left; width: 100%; padding: 10px 15px; border-bottom: 1px solid #eee;}
.sidebar .sidebar_body .sidebar_group .sidebar_heading .sidebar_toggle_1{
clear: both;
display: block;
font-size: 16px;
line-height: 28px;
color: #333;
font-weight: 600;
}
.sidebar .sidebar_body .sidebar_group .sidebar_heading .sidebar_toggle{
clear: both;
display: block;
font-size: 16px;
line-height: 28px;
color: #171717;
font-weight: 600;
}
.sidebar .sidebar_body .sidebar_group .sidebar_heading .sidebar_toggle:after{
content: url("data:image/svg+xml;charset=utf-8,");
float: right;
color: #999;
font-size: 12px;
font-weight: normal;
position: relative;
top: 5px;
}
.sidebar .sidebar_body .sidebar_group .sidebar_heading .sidebar_toggle.sidebar_collapsed:after {
content: url("data:image/svg+xml;charset=utf-8,");
}
.sidebar_inner{display: none;}
.sidebar_group:last-child .sidebar_inner{display: block;}
.sidebar_inner ul{margin:0px; padding: 0; float: left; width: 100%;}
.sidebar_inner ul li{padding: 4px 0; line-height: normal; list-style: none;}
.sidebar_inner ul a{color: #333; padding: 0; font-size: 14px;}
.sidebar_inner ul a:hover,.sidebar_inner ul a:focus{color: #15756b;}
.price_filter_1{float: left; width: 100%; margin: 0; padding: 0 0 10px;}
.price_filter_1 label{font-size: 14px; color: #333; font-weight: normal; display: block;}
.price_filter_1 #amount {
border: 0;
color: #15756b;
font-weight: 600;
text-align: center;
font-family: 'Helvetica';
width: 100%;
margin: 0 auto 5px;
padding: 0;
letter-spacing: 0.5px;
font-size: 14px;
display: inline-block;
}
.ui-state-default, .ui-widget-content .ui-state-default{cursor: pointer;}
.ui-widget-header{background: #15756b;}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #15756b;
background: #15756b;
font-weight: normal;
color: #ffffff;
}
.product_filter{float: left; width: 100%; margin: 0; padding: 0;}
.product_filter ul{margin:0 0 20px;padding:0;}
.product_filter ul li{text-transform:capitalize;display:block;color:#888;font-size:14px;line-height:34px;position:relative;padding:0px;}
.product_filter li label{font-size:14px;line-height:28px;font-weight:normal;cursor:pointer;color:#333; display: block;}
.product_filter li label:before,.product_filter li label:after{content:"";display:table}
.product_filter li label:after{clear:both}
.product_filter li label{line-height:28px;margin:0}
.product_filter li label:hover{color:#15756b}
.product_filter li label>span{display:block;position:relative;padding-left:27px}
.product_filter li label>span:before{content:'';width:18px;height:18px; line-height: 18px; background:#fff;display:block;position:absolute;left:0;top:7px;border:1px solid #ccc}
.product_filter li label input[type=checkbox]{visibility:hidden;position:absolute}
.product_filter li label input[type=checkbox]:checked+span{color:#15756b}
.product_filter li label input[type=checkbox]:checked+span:before{
background:#15756b;
border:1px solid #15756b;
content: url("data:image/svg+xml;charset=utf-8,");
}
.color_list{float: left; width: 100%; margin:10px 0 0; padding: 0;}
.color_list li{display: inline-block;
position: relative;
width:45px;
height: 40px;
transition: all .3s;
border: 1px solid #e6e6e6;
background-color: #fff;
color: #7a7d82;
font-size:14px;
font-weight: 400;
line-height:40px;
text-align: center;
text-decoration: none;
margin-right: 10px;
margin-bottom: 10px;
padding: 0;
cursor: pointer;
border-radius: 4px;
}
.color_list li label{display: block;}
.color_list li label input{opacity: 0; width:100%; height: 100%;}
.color_list li:last-child{border: 1px solid transparent;}
.color_list li:first-child{background-color: rgb(0, 0, 255);}
.color_list li:nth-child(2){background-color: rgb(0, 0, 0);}
.color_list li:nth-child(3){background-color: rgb(255, 255, 255);}
.color_list li:nth-child(4){background-color: rgb(0, 128, 0);}
.color_list li:nth-child(5){background-color: rgb(128, 128, 128);}
.color_list li:nth-child(6){background-color: rgb(255, 255, 0);}
.color_list li:nth-child(7){background-color: rgb(255, 0, 0);}
.color_list li:nth-child(8){background-color: rgb(255, 102, 255);}
.color_list li:nth-child(9){background-color: rgb(102, 51, 0);}
.color_list li:nth-child(10){background-color: rgb(240, 226, 168);}
.color_list li:nth-child(11){background-color: rgb(98, 47, 64);}
.color_list li:nth-child(12){background-color: rgb(128, 0, 128);}
.color_list li:nth-child(13){background-color: rgb(255, 165, 0);}
.color_list li:nth-child(14){background-color: rgb(255, 102, 255);}
.color_list li.active {
outline: 0;
border:2px solid #15756b;
color: #fff;
}
.sidebar_inner ul.color_switch{ float: left; width: 100%; margin: 0; padding: 0;}
.sidebar_inner ul.color_switch li{display: inline-block;
position: relative;
transition: all .3s;
text-align: center;
margin-right: 10px;
margin-bottom: 10px;
padding: 0;
}
.sidebar_inner ul.color_switch li label{
display: table-cell;
line-height:40px;
width: 45px;
height: 40px;
text-align: center;
user-select: none;
position: relative;
transition: transform 0.25s;
float: left;
cursor: pointer;
border-radius: 4px;
border: 1px solid #eee;
}
.sidebar_inner ul.color_switch li label:hover {
z-index: 1;
transform: scale(1.1);
}
.sidebar_inner ul.color_switch li [type="checkbox"]:checked + label:after {
content: url("data:image/svg+xml;charset=utf-8,");
top: 6px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.sidebar_inner ul.color_switch li:nth-child(3) [type="checkbox"]:checked + label:after {
content: url("data:image/svg+xml;charset=utf-8,");
}
.category_list ul{margin:0 0 20px;padding:0;box-shadow: 0px 5px 10px rgba(0,0,0,0.1);}
.category_list ul li{text-transform:capitalize;display:block;color:#888;font-size:14px;line-height:34px;position:relative;border-bottom:1px solid #eee}
.category_list ul li a{color: #333; text-decoration: none; padding:0 10px; display: block;}
.category_list ul li a:hover,.category_list ul li a:focus{background: #0ebda1; color: #fff; outline: 0;}
.product_right{float: left; width: 100%; margin: 0; padding: 0;}
.product_listing .product_right h1 {
background: #15756b;
padding: 7px 12px;
color: #fff;
line-height: 24px;
font-size: 18px;
width: 100%;
font-weight: 600;
display: inline-block;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.page_show{float: left; width: 100%; margin: 0 0 15px; padding: 0;}
.page_show ul{float: left; width: 100%; margin: 0; padding: 0;}
.page_show ul li{display: inline-block; line-height: 32px; list-style: none; margin: 0 0 0 10px; font-size: 14px;}
.page_show ul li:last-child{float: right;}
.page_show ul li:nth-child(2){float: right;}
.page_show ul li select{background: #fff; width: auto; font-size: 14px; border: 1px solid #eee; padding: 7px 12px;}
.page_show ul li select:focus{outline: 0;}
.single-aboss-product {
margin-bottom: 20px;
}
/* Details */
.preview{position: relative;}
.app-figure {width: 100% !important; margin: 0px auto 20px; padding: 0px;position: relative; text-align: center;}
.selectors {margin-top: 0px;}
.selectors .mz-thumb img {max-width: 80px; margin-bottom:5px;}
.product_details{float: left; width: 100%; margin: 0 0 15px; padding: 0;}
.product_details h1{color: #333; line-height: 28px; font-size: 25px; width: 100%; font-weight: 600; margin-bottom: 10px;}
.product_details p{/* font-size: 17px; */}
.product_details .styles{font-size: 15px;color: #111;margin-bottom: 0px;float: left;margin-right: 15px;}
.details_price{width: 100%;margin-bottom: 3px;}
.product_details .product-price{text-align: left; float: left; width: 100%;}
.product_details .product-price ins{font-size: 24px; margin-right: 7px; text-decoration: none; font-weight: 600; color: #0ebda1;}
.product_details .product-price > del{font-size: 18px;}
.product_details .product-price .off_label {
background: #f58321;
color: #fff;
padding: 3px 10px;
display: inline-block;
text-align: center;
border-radius: 4px;
margin-left: 5px;
}
.product_details .price .old_price {font-size: 16px; color: #666;text-decoration: line-through;font-weight: normal;}
.details_qty{
float: left;
width: 100%;
display: flex;
max-width: 122px;
display: flex;
background: #fff;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
}
.details_qty .minus, .details_qty .plus{
width: 40px;
height: 45px;
line-height: 45px;
padding: 0px;
text-align: center;
border: 0px;
display: inline-block;
background:transparent;
color: #333;
}
.details_qty .minus svg, .details_qty .plus svg{width: 25px; height: 25px;}
.details_qty input.qty{display: inline-block;width: 40px;height: 45px;font-size: 18px;line-height: 45px;text-align: center;border:0;outline: 0;}
.details_qty .minus:hover, .details_qty .plus:hover,.details_qty .minus:focus, .details_qty .plus:focus{color: #0ebda1;}
.product_review{/* font-size: 15px; */display: flex;align-items: center;}
.product_review .rating {
display: flex;
padding-right: 5px;
}
.product_review .rating svg {
color: #ffba0a;
}
.product_review .rating_count{
display: inline-block;
color: #1f8279;
font-weight: normal;
line-height: initial;
text-decoration: none;
font-size: 12px;
}
.product_info {
list-style-type: none;
padding: 0;
margin-bottom:15px;
}
.product_info li {
font-size: 17px;
color: #222222;
margin-bottom: 0;
}
.product_info li:before {content: url("data:image/svg+xml;charset=utf-8,");
font-family: "FontAwesome"; margin-right: 5px;
top: 6px;
position: relative;}
.product_info li span {
color: #666666;
}
.product_info li small {
display: inline-block;
font-weight: 500;
color: #222222;
font-size: 14px;
}
.product_info li small.stock{background: #15756b; color: #fff; padding: 1px 8px; border-radius: 3px;}
.measurements{float: left; width: 100%; margin: 0; padding: 0;}
.measurements h3{font-size: 18px;text-transform: uppercase;margin: 0;padding: 0;color: #1f8279;font-weight: 600;}
.measurements p{color: #666; margin-bottom: 15px;}
.measurements .input_label{margin-bottom: 5px;}
.measurements .small, .measurements small{font-size: 12px;}
.measurements .form-group{margin-bottom: 0;}
.details_price{display: block;}
.details_price .pro-home-price span{padding: 0;font-size: 15px;}
.details_price .pro-home-price .product_del{ color: #fc544d; font-size: 20px;}
.details_price .pro-home-price .product_del span{color: #fc544d; font-size: 24px; font-weight: normal;}
.details_price .pro-home-price .product_price {margin-right: 10px;font-size: 20px;}
.details_price .pro-home-price .product_price span{color: #15756b; font-size: 28px; font-weight: normal;}
.details_price .pro-home-price{display:block;}
.details_price small{display:block;text-align: left;font-size: 14px;}
.pro-price-cart span.product_del {
color: #666;
font-size: 16px;
font-weight: 500;
text-decoration: line-through;
display: inline-block;
}
.measurements h4{font-size: 18px; text-transform: uppercase; margin: 0 0 15px; padding: 0; color: #0ebda1; font-weight: 600;}
.measurements.configure .form-group{margin-bottom: 20px;}
.product_color_switch{ margin-bottom: 10px;}
.product_color_switch h4 {
font-size: 14px;
color: #333;
padding: 0;
margin-bottom: 6px;
}
.product_color_switch ul {list-style-type: none; padding: 0; margin: 0;}
.product_color_switch ul li {display: inline-block;}
.product_color_switch ul li a {
display: inline-block;
position: relative;
border: 2px solid transparent;
width: 45px;
height: 45px;
border-radius: 4px;
background: #eeeeee;
transition: 0.5s;
}
.product_color_switch ul li:first-child a{background-color: rgb(98, 47, 64);}
.product_color_switch ul li:nth-child(2) a{background-color: rgb(255, 165, 0);}
.product_color_switch ul li:nth-child(3) a{background-color: rgb(255, 0, 0);}
.product_color_switch ul li:nth-child(4) a{background-color: rgb(0, 0, 0);}
.product_color_switch ul li.active a {
border-color: #1f8279;
}
.product_size_wrapper {margin-bottom: 15px;}
.product_size_wrapper h4 {font-size: 15px;color: #333;padding: 0;position: relative;margin-bottom: 8px;/* display: flex; *//* justify-content: flex-end; */}
.product_size_wrapper h4 a {display: inline-flex;margin-left:85px;font-size: 15px;color: #1f8279;font-weight: 600;text-decoration: none;}
.product_size_wrapper ul {list-style-type: none; margin-bottom: 0; margin-top: -8px; margin-left: -8px; padding-left: 0;}
.product_size_wrapper h4 a span{margin-left:5px;}
.product_size_wrapper ul li {
display: inline-block;
margin-left: 8px;
margin-top: 8px;
}
.product_size_wrapper ul li a {
width: 45px;
height: 40px;
display: inline-block;
line-height: 40px;
border: 1px solid #eeeeee;
color: #858585;
text-align: center;
font-weight: 500;
border-radius: 4px;
text-decoration: none;
}
.product_size_wrapper ul li.active a {
border-color: #1f8279;
color: #1f8279;
}
.product_size_wrapper ul li a:focus{border-color: #0ebda1; color: #0ebda1;}
.product_review {
margin-bottom: 10px;
display: inline-block;
}
.product_info_btn{ margin-bottom: 15px;}
.product_info_btn a {
color: #333;
text-transform: uppercase;
font-weight: normal;
display: inline-block;
position: relative;
line-height: initial;
font-size: 12px;
}
.product_info_btn a:not(:first-child) {
margin-left: 15px;
}
.product_info_btn a:before {
content: '';
position: absolute;
left: 0;
bottom: -2px;
width: 0;
height: 1.5px;
background: #333;
transition: 0.5s;
}
.product_info_btn a i {
margin-right: 3px;
font-size: 14px;
}
.product_info_btn a:hover,.product_info_btn a:focus{ color: #0ebda1;}
.wishlist_btn{
float: left;
border: 1px solid #124f49;
border-radius: 5px;
background-color: #fff;
color: #124f49;
width: 50px;
min-width: 50px;
margin-right: 10px;
margin-left: 10px;
line-height: 50px;
height: 50px;
display: flex;
align-items: center;
align-content: center;
text-align: center;
}
.wishlist_btn svg{display: inline-block; margin: 0 auto; width: 20px; height: 20px;}
.wishlist_btn:hover,.wishlist_btn:focus{background: #124f49;color: #fff;}
.add_to_button {
color: #fff;
font-weight: normal;
text-transform: capitalize;
background: #124f49;
display: block;
line-height: normal;
padding: 0 25px;
position: relative;
border: 0;
border-radius: 4px;
font-size: 18px;
z-index: 1;
line-height: 50px;
height: 50px;
max-width: 280px;
width: 100%;
font-weight: 600;
text-transform: uppercase;
}
.add_to_button.hover_btn:before, .add_to_button.hover_btn:after{
background-color:#171717;
}
.product_info_btn a:hover,.product_info_btn a:focus{ color: #0ebda1;}
.add_to_button:hover,.add_to_button:focus{background: #171717;}
.add_to_button i.fa-shopping-cart:before{font-size: 15px; margin-right: 5px;}
.add_to_wishlist {
float: left;
color: #fff;
font-weight: normal;
text-transform: capitalize;
background: #171717;
display: inline-block;
line-height: normal;
padding: 12px 25px;
position: relative;
border: 0;
font-size: 16px;
border-radius: 4px;
z-index: 1;
margin-right: 5px;
}
.newGT{
position: absolute;
top: 13px;
right: 0px;
background: #124f49;
padding: 1px 12px;
color: #fff;
border-radius: 15px 0px 0px 15px;
}
.bestSSSt{
position: absolute;
top: 40px;
right: 0px;
background:#aa0047;
padding: 1px 12px;
color: #fff;
border-radius: 15px 0px 0px 15px;
}
.add_to_wishlist:hover, .add_to_wishlist:focus {
background: #15756b;
color: #fff;
}
.check{ position: relative; float: left; width: 100%; width: 50%; margin-left: 0;}
.form-group.check svg {
position: absolute;
left: 15px;
top:14px;
color: #1f8279;
z-index: 99;
width: 18px;
height: 18px;
}
.check.form-group input{
position: relative;
padding: 12px 28px 12px 35px;
display: block;
width: 100%;
border-radius: 4px;
height: 45px;
line-height: 26px;
font-size: 16px;
margin: 0 0 15px 0;
border: 1px solid #ccc;
outline: 0;
}
.check.form-group input.form-control:focus{box-shadow: none; outline: 0; border-bottom: 2px solid #0ebda1;}
.check.form-group .check_btn{border:0;background:transparent;color: #1f8279;padding: 10px 15px;position: absolute;right: 0px;top: 0;font-weight: 600;font-size: 14px;z-index: 999;}
.faqaccodian{margin-top: 20px; float: left; width: 100%; border: 1px solid rgba(0,0,0,.125);}
.faqaccodian .card,
.faqaccodian .card:first-of-type,
.faqaccodian .card:not(:first-of-type):not(:last-of-type) {
font-weight: 600;
width: 100%;
text-align: left;
padding:0px;
font-size: 14px;
color: #716b6b;
text-decoration: none;
background: #fff;
border-radius: 0;
border: 0px solid #eee;
border-top: 1px solid #eee;
}
.faqaccodian .card.active-acc .card-heading .card-link::before,
.faqaccodian .card:first-of-type.active-acc .card-heading .card-link::before,
.faqaccodian .card:not(:first-of-type):not(:last-of-type).active-acc .card-heading .card-link::before {
color:#24aeb1;
}
.faqaccodian .card .card-heading,
.faqaccodian .card:first-of-type .card-heading,
.faqaccodian .card:not(:first-of-type):not(:last-of-type) .card-heading {
padding: 10px 15px 10px 15px;
background: #fff;
}
.faqaccodian .card .card-heading .card-link,
.faqaccodian .card:first-of-type .card-heading .card-link,
.faqaccodian .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link {
/* font-size: 18px; */
/* font-weight: 600; */
color: #333;
text-transform: capitalize;
position: relative;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
display: block;
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
padding-right: 30px;
}
.faqaccodian .card .card-heading .card-link:hover,
.faqaccodian .card:first-of-type .card-heading .card-link:hover,
.faqaccodian .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link:hover {
color: #124f49;
}
.faqaccodian .card .card-heading .card-link:after,
.faqaccodian .card:first-of-type .card-heading .card-link:after,
.faqaccodian .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link:after {
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
font-weight: 700;
content: url("data:image/svg+xml;charset=utf-8,");
font-size: 18px;
color: #333;
position: absolute;
right: 0;
}
.faqaccodian .card .card-heading .card-link.collapsed:after,
.faqaccodian .card:first-of-type .card-heading .card-link.collapsed:after,
.faqaccodian .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link.collapsed:after {
content: url("data:image/svg+xml;charset=utf-8,");
}
.swatch_fl {
display: flex
;
gap: 6px;
margin-top: 5px;
margin-bottom: 5px;
}
.swatch_fl a.color_swatch_link {
width: 35px;
height: 35px;
border-radius: 50%;
overflow: hidden;
padding: 0;
}
a.color_swatch_link {
padding: 5px;
display: flex
;
max-width: 33.33%;
flex-direction: column;
}
.swatch_fl a.color_swatch_link img {
width: 100%;
object-fit: cover;
object-position: top;
}
.faqaccodian .card .card-body,
.faqaccodian .card:first-of-type .card-body,
.faqaccodian .card:not(:first-of-type):not(:last-of-type) .card-body {
color:#333;
padding: 20px 20px 20px 20px;
/* font-size: 16px; */
font-weight: 400;
/* line-height: 25px; */
border-top: 1px solid #eee;
}
.faqaccodian .card:last-of-type {
margin-bottom: 0
}
.faqaccodian h3{font-size: 16px; font-weight: 600; margin-bottom: 5px;}
.faqaccodian p{font-size: 16px; margin-bottom: 20px; text-align: justify;}
.related_products{float: left; width: 100%; margin: 0; padding: 10px 0 40px;}
.new_arrvals{float: left; width: 100%; margin: 0; padding: 25px 0 25px;}
.new_arrvals .title{font-size: 22px;}
#related_products .owl-prev,
#related_products .owl-next {
line-height: 0;
position: absolute;
z-index: 50;
top: -40px;
display: block;
width: 35px;
height: 35px;
padding: 0;
transform: translate(0, -50%);
cursor: pointer;
color: #222;
font-size: 14px;
border: 0;
outline: 0;
background: transparent;
border-radius: 0;
z-index: 9;
border: 1px solid #e5e5e5;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
}
#related_products .owl-nav .owl-prev {
border-radius: 0 4px 4px 0;
background: #fff;
border: 1px solid #171717;
border-radius: 3px 0 0 3px;
border-right: none;
width: 27px;
height: 40px;
right: 0;
margin-right: 40px;
}
#related_products .owl-nav .owl-prev:before {
background: #fff;
content: '';
position: absolute;
height: 40px;
width: 8px;
top: -1px;
transform: skew(10deg);
right: -4px;
border: 1px solid #171717;
border-left: none;
}
#related_products .owl-nav .owl-next {
right: 0px;
background: #fff;
border: 1px solid #171717;
border-radius: 0px 3px 3px 0px;
width: 27px;
height: 40px;
}
#related_products .owl-nav .owl-next:before {
background: #fff;
content: '';
position: absolute;
height: 40px;
width: 8px;
transform: skew(10deg);
left: -4px;
border: 1px solid #171717;
border-right: none;
top: -1px;
}
#related_products .single-aboss-product{margin-bottom: 0;}
#related_products .single-aboss-product .pro-content{padding: 0;}
#related_products .single-aboss-product .product-price {
margin-bottom: 0;
background: #fff;
position: relative;
z-index: 10;
text-align: left;
font-family: 'Helvetica';
}
#related_products .single-aboss-product .product-price > del {
color: #e3413e;
position: relative;
text-decoration: none;
margin-left: 8px;
font-size: 16px;
font-weight: 500;
}
#related_products .single-aboss-product .product-price > del:after {
background: #999 none repeat scroll 0 0;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 10px;
width: 100%;
}
#related_products .single-aboss-product .product-price ins {
font-size: 18px;
font-weight: 600;
margin:0;
text-decoration: none;
color: #000;
}
/* Alert Cookie */
.alert_cookie{
position: fixed;
left: 0;
bottom: 0;
background: #333;
margin-bottom: 0;
width: 100%;
padding: 20px 30px 10px;
border: none;
z-index: 999;
border-radius: 0;
}
.alert_cookie p{font-size: 14px; color: #fff; line-height: normal;}
.alert_cookie p a{display: inline-block; color: #fff;}
.cookie_close_btn{padding: 8px 20px; background: #15756b; color: #fff; float: right; border: 0;}
/* Cart Page */
.cart_page{ float: left; width: 100%; margin: 0; padding: 30px 0;}
.cart_page .cart_left h1 {
background: #171717;;
padding: 10px 12px;
color: #fff;
line-height: 24px;
font-size: 18px;
width: 100%;
font-weight: 600;
display: inline-block;
}
.product_added{color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.product_added .btn-close {
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
float: right;
}
.cart_left table { border: 0px solid #ccc!important;
width: 100%;
margin:0 0 15px;
padding:0;
border-collapse: collapse;
border-spacing: 0;
}
.cart_left table tr {
border: 1px solid #ddd;
padding: 5px;
}
/*.cart_left table tbody tr:nth-of-type(2n+1) {
background-color: #f0f0f0;
}*/
.cart_left table th{
border:0px solid #ddd;
padding: 8px;
line-height: 1.42857143;
vertical-align: middle;
font-size:14px;
color: #0ebda1;
background: #eee;
}
.cart_left table td{
font-size:13px;
border: 1px solid #ddd;
border: 1px solid #eee;
padding: 5px 10px;
line-height: 1.42857143;
vertical-align: middle;
}
.cart_left table tbody tr td:first-child{width: 45%;}
.cart_image{width: 18%; float: left; margin-right: 2%; position: relative; height: 85px; border: 1px solid #eee;}
.cart_image a img{position: absolute; top: 50%; left: 50%; max-width: 100%; width:auto; transform: translate(-50%,-50%); max-height: 100%;}
.cart_info{ width: 100%;}
.cart_info a{ font-size: 16px; font-weight: 600; color: #333; line-height: 22px;}
.cart_info a:hover{ color:#0ebda1;}
.cart_info p{ font-size: 14px; margin-bottom: 5px; line-height: 18px; text-align: left;}
.cart_remove{align-items: center;
background: #fff;
border-radius: 50%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
color: #333;
font-size: 14px;
height: 25px;
text-align: center;
width: 25px;
line-height: 25px;
display: inline-block;
}
.cart_remove svg{width: 18px; height: 18px;}
.cart_left table tbody tr td .discount_value{display: block; margin: 0;}
.cart_left table tbody tr td .product-price ins{font-size: 20px; display: block; width: 100%; text-align: center; margin: 0; padding: 0;
text-decoration: none;}
.cart_left table tbody tr td .product-price > del{font-size: 16px;}
.cart_left table tbody tr td .product-price .off_label {
background: #0ebda1;
color: #fff;
padding: 2px 5px;
display: inline-block;
text-align: center;
border-radius: 4px;
margin-left: 0;
}
.cart_remove:hover{ background: #0ebda1; color: #fff;}
.shopping_btn{padding: 10px 25px; background: #171717; color:#fff; border-radius: 3px; text-decoration: none; width: auto; display: inline-block; margin-right:5px; margin-bottom: 15px; font-size: 16px; border-radius: 4px; z-index: 1;}
.shopping_btn i{margin-right: 5px;}
.shopping_btn:hover,.shopping_btn:focus{background: #0ebda1; color: #fff;}
.cart_right {
float: left;
width: 100%;
margin-bottom: 15px;
padding: 10px;
border: 1px solid #eee;
background: #fff;
}
.cart_right_title {
background: #171717;
padding: 10px 12px;
color: #fff;
line-height: 24px;
font-size: 18px;
width: 100%;
display: inline-block;
font-weight: 600;
}
.coupons_text{font-size: 13px; color: #333;}
.coupons_text a{display: inline-block; color: #0ebda1;}
.coupon_form{position: relative; margin-bottom: 5px;}
.coupon_form input{border: 1px #dedede solid; border-radius:0px; width: 100%; font-size: 14px; margin: 0;}
.coupon_form .apply_btn{ position: absolute; top: 0; right: 0; background: #0ebda1; color: #fff; border: 0; height: 34px; padding: 6px 15px; font-size: 14px;}
.coupon_form .apply_btn:hover, .coupon_form .apply_btn:focus{background: #0ebda1; color: #fff;}
.cart_right .table {
border: 0;
margin-bottom: 15px;
}
.table.table-totals tr {
border: 0;
}
.cart_right .table tr th, .cart_right .table tr td {
border: 0;
padding: 5px 0;
font-size: 15px;
}
/*.cart_right .table tbody tr:first-child td {
padding-top: 1.6rem;
}*/
.cart_right .table tbody tr:last-child td {
padding-bottom: 1.6rem;
}
.cart_right .table tfoot {
border-top: 1px solid #ccc;
font-size: 1.8rem;
font-weight: 600;
border-bottom: 1px solid #ccc;
}
.cart_right .table tfoot tr td {
padding-top: 1.3rem;
padding-bottom: 1.6rem;
font-size: 16px;
color: #333;
width: auto!important;
}
.payable{color: #15756b;}
.cart_page .cart_right table tr td:nth-child(1){ width: auto!important;}
.cart_right .table tr td.free{color: #15756b;text-transform: uppercase;}
.cart_right .safe_info { font-size:14px; line-height: 20px; font-weight: normal;}
.cart_right .safe_info svg{
width: 30px;
height: 30px;
color: #15756b;
float: left;
margin-top: 4px;
margin-right: 5px;
}
.cart_right ul {
margin: 0;
}
.cart_right ul{ background: #fff; margin: 0; padding: 0;}
.cart_right ul li {
line-height: 1;
padding-top: 12px;
padding-bottom:12px;
border-bottom: 1px solid #dee5e8;
list-style: none;
}
.cart_right ul li::after {
display: block;
clear: both;
content: '';
}
.cart_right ul li:last-child{ border-bottom: 0;}
.cart_right ul li i{
float: left;
color: #301b24;
font-size: 4rem;
min-width: 40px;
line-height: 1;
margin-left: .7rem;
margin-top: .3rem;
font-size: 36px;
min-width: 40px;
margin-right: 10px;
}
.cart_right ul li h4 {
text-align: left;
color: #333;
font-size: 16px;
text-transform: capitalize;
margin-bottom: 0;
white-space: nowrap;
overflow: hidden;
margin: 0;padding: 0;
}
.order_btn{ width: 100%; padding: 10px 25px; background: #f7d245; color: #171717; border-radius: 3px; text-decoration: none; text-align: center; display: inline-block; margin-right:0px; margin-bottom: 15px; font-size: 16px; font-weight: 600; z-index: 1;}
.order_btn:hover,.order_btn:focus{background: #0ebda1; color:#fff;}
/* ========Subscribe-E-mail-============== */
.bottom_service{
margin: 0;
padding: 30px 0;
background:#ffe643;
background: url(../images/background3.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.newslatter p{ color: #111; margin-bottom: 0;}
.newslatter .input_label{background: #ffd900;}
.newslatter .form-group{margin-bottom: 0;}
.newslatter .input_label .form_input{border:2px solid #000000; box-shadow: none; border-radius: 20px;}
.newslatter .form-group .placeholder{background: #ffd900; color: #333; font-size: 16px;}
.newslatter .input_label.active .placeholder{background: #ffd900; color: #333;}
.subscribe_btn{background: #000000; color:#ffd900; border-radius: 20px; line-height: 40px; height: 40px; border: 0; padding: 0px 30px;}
.form-group .placeholder { position: absolute; z-index: 1; left: 15px;top: 8px; transition: .3s; background: #fff; padding: 0px;
color: #777;font-weight: normal;line-height: 20px;font-size: 15px;}
.bottom-service-box .box-outer > div.column:first-child {border-left: 0 none;}
.bottom-service-box .service-box-center {padding: 30px 0;text-align: center;}
.bottom-service-box .service-box-center .bottom-service-title { color: #fff;font-size: 20px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;
transition: all 0.35s ease 0s;}
.bottom-service-box .service-box-center:hover .bottom-service-title { letter-spacing: 4px;}
.bottom-service-box .service-box-center .description { color: #fff;font-size: 16px;}
.bottom-service-box .box-outer .column {border-left: 1px solid rgba(71, 221, 197, 0.5);}
/* ==============footer==================== */
footer{margin: 0;padding:0px 0 0;position: relative;background:#06453f;}
/* footer:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#06453f;opacity: 0.95;} */
footer .container{position: relative;}
.transaction_method{/*border-bottom: 1px solid #545252; border-top: 1px solid #545252;*/padding: 2px 0;}
footer .foot_useful_links .footer-link-heading{font-weight: 600;font-size: 15px;text-transform: uppercase;color: #feda00;}
footer .foot_useful_links a { width: 100%; display: block; line-height: 2; color: #fff;font-size: 13px;text-decoration: none;}
footer .foot_useful_links a:hover,footer .foot_useful_links a:focus{color: #fedb00;}
footer .countries_link {position: relative; cursor: pointer; margin-left: 1rem;}
footer .countries_link p {border: 1px solid #ff4c3e; color: #ff4c3e; padding: 7px 16px; font-size: 17px; font-weight: 600; border-radius: 3px; margin: 0;}
footer .countries_link p:hover,footer .countries_link p:focus{color: #fff; background: #ff4c3e; border-color: #ff4c3e;}
footer .site_map a {color: #fff; padding: 8px 15px; }
footer .site_map{color: #fff; font-size: 17px;}
footer .site_map a:hover, footer .site_map a:focus{color: #0ebda1;}
.border-right {border-right: 1px solid #dee2e6;}
.border-left {border-left: 1px solid #dee2e6;}
footer .secure svg {width: 40px;height: 40px; margin-right: 0.8rem;color: #fff}
.secure_content b{font-size: 15px;color: #fff;}
.secure_content p{font-size: 16px; color: #333; margin: 0; padding: 0; color: #fff}
.payment img{width: 100%; max-width: 370px; margin: 0 2px;}
.Shipping img{max-width:350px;}
.footer_title{margin-bottom: 5px;}
.footer_title b{font-size: 15px;text-transform: uppercase;color: #feda00;}
.contact_info{margin-bottom: 0;padding: 0;}
.contact_info li{position: relative; margin-bottom:10px; list-style: none; line-height: normal; font-size: 14px; color: #fff;}
.info_label { display: flex; color: #fff; font-weight: 600; line-height: 26px; margin-bottom: 5px;font-size: 13px;}
.contact_info li:nth-child(2){font-family: initial;}
.info_label svg{margin-right: 10px; width: 25px; height: 25px;}
.contact_info li a{display: inline-block; color: #fff;}
.contact_info li a:hover,.contact_info li a:focus{color: #0ebda1}
ul.social{ float: left;margin: 0px;list-style: none;padding: 0px;}
ul.social li { margin:0px;display: inline-block;}
ul.social li a { transition: background 400ms ease-in-out;text-align: center; width: 35px; height: 35px; border-radius: 3px; display: inline-block; color: #fff; padding: 5px;}
ul.social li a svg{color: #fff; width: 15px; height: 15px; margin: 0; padding: 0;}
ul.social li.facebook a{background: #3C5B9B;}
ul.social li.twitter a{background: #359BED;}
ul.social li.linkedin a{background: #027ba5;}
ul.social li.youtube a{background: #f70000;}
ul.social li.instagram a{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
footer .foot_social_links .social_blog a { width: 100%; display: block; background: #fff; text-align: center; border-radius: 3px; color: #424453 padding: 10px;}
.footer_bottom{width: 100%;margin: 20px 0 0;padding: 20px 0;border-top: 1px solid #195e57;background: #0d3833; #333030;color: #fff;position: relative;}
.footer_bottom p{color: #fff;font-size: 13px;line-height: normal;margin: 0;padding: 0;}
.footer_bottom p span{color: #fff;}
.text_right{text-align: right;}
.footer_bottom p svg{color: #fedb00; display:inherit}
footer .col-1,
footer .col-2,
footer .col-3,
footer .col-4,
footer .col-5,
footer .col-6,
footer .col-7,
footer .col-8,
footer .col-9,
footer .col-10,
footer .col-11,
footer .col-12 {
width: inherit;
flex: auto;
}
.h3{position:relative}
/* .h3:after{
content: "";
background: url(../images/fl.png) no-repeat center;
width: 205px;
height: 31px;
margin-left: 15px;
position: absolute;
z-index: 1;
top: -2px;
right: 26%;
}
.h3:before{ content: "";
background: url(../images/fl.png) no-repeat center;
width: 205px;
height: 31px;
margin-left: 0px;
position: absolute;
z-index: 1;
top: -2px;
left: 26%;
} */
.fl img{max-width:100%}
.h3-clolor{color:#124f49}
.HMKotaaiBestsellerPruduct6 .slick-slide{padding:0px 7.5px}
.HMKotaai-sliderBestseller .slick-list {
margin: 0 5.5px; /* Adjust negative margin based on slide padding */
}
.HMKotaai-sliderBestseller .slick-slide {
padding-left: 13px; /* Adjust padding for spacing between slides */
}
.HMKotaai-sliderBestseller.MHT{margin-left:-16.5px}
.imgKotaaimm{padding:0px 3px}
.et-l--footer .et_pb_section_0_tb_footer.et_pb_section {
padding-top: 1rem;
padding-bottom: 1rem;
background-color: hsl(0, 0%, 0%) !important;
text-align: center;
}
.et-l--footer .et_pb_section_1_tb_footer {
padding: 6rem 4%;
background-color: hsl(0, 0%, 15%);
}
.et-l--footer .et_pb_text h4 {
font-size: 32px;
color: hsl(0, 0%, 100%) !important;
}
@media (min-width: 981px) {
.et-l--footer .et_pb_equal_columns {
display: flex;
width: 100%;
max-width: 1400px;
}
.et-l--footer .et_pb_equal_columns > .et_pb_column {
order: 1;
}
.et-l--footer .et_pb_column_1_4 {
width: 20%;
margin-right: 5%;
}
.et-l--footer .et_pb_column_1_4 a {
color: #fff;
text-decoration: none;
color: hsl(0, 0%, 100%);
padding: .5rem 0;
display: block;
}
.et-l--footer .et_pb_column_1_4 a:hover,
.et-l--footer .et_pb_column_1_4 a:focus {
color: #fc0;
text-decoration: underline;
}
.fwidget h4 {
text-transform: uppercase;
color: #fff;
background: #000;
padding: .5rem .75rem;
display: inline-block;
margin: 0 0 0 -.75rem;
}
.et-l--footer .et_pb_column:last-child {
margin-right: 0;
background: #000;
color: #fff;
}
}
.text-gray{color: hsl(0, 0%, 70%) !important;}
.footer_content{float: left; position: relative; width: 100%;}
.footer_content h3{float: left; width: 100%; font-size: 22px; margin:0 0 10px; padding: 0; color: #feda00; font-weight: 600; text-transform: uppercase;}
.footer_content h4{float: left; width: 100%; font-size: 22px; margin:0 0 5px; padding: 0; color: #feda00; font-weight: 600;}
.footer_content p{font-size: 13px; color: hsl(0, 0%, 70%); line-height: 26px; margin-bottom: 25px; text-align: justify;}
.footer_content ul{float: left; width: 100%; margin: 0 0 20px; padding: 0;}
.footer_content ul li{display: inline-block; margin-bottom: 5px;}
.footer_content ul li a{color: hsl(0, 0%, 70%); font-size: 13px; position: relative; text-decoration:none}
.footer_content ul li a:after{content: '';width: 1px;height: 10px;background:#b3b3b3;display: inline-block;padding: 0px;margin: 5px;float: right;}
.footer_content ul li:last-child a:after{width: 0;}
.footer_content ul li a:hover{color: #ffffff;}
.region-inner {
margin: 0 1rem;
}
@media (min-width: 980px) {
.region-inner {
margin: 0 auto;
max-width: 1200px;
}
}
.collapsible.collapsed .open-icon,
.collapsible.collapsed .open-icon:hover,
.collapsible.open .open-icon,
.collapsible.open .open-icon:hover {
background-image: url(https://procurementservices.rutgers.edu/profiles/ruprof/themes/scarlet/images/icons/icons-sprite.png);
background-repeat: no-repeat;
}
.collapsible .collapsible-title,
.collapsible .open-icon {
cursor: pointer;
}
.collapsible .collapsible-title {
margin: 0;
font-size: 1.25rem;
line-height: 0.875;
position: relative;
padding-right: 2rem;
}
X.collapsible:hover .collapsible-title {
color: #007fac;
}
.collapsible p {
margin-bottom: 0;
margin-top: 1rem;
line-height: 1.5;
}
.collapsible .collapsible-title + p {
border-top: 1px solid #ddd;
padding-top: 1rem;
}
.collapsible .open-icon {
height: 16px;
width: 16px;
position: absolute;
right: 1rem;
top: 50%;
margin-top: -0.5rem;
}
li.collapsible .open-icon {
position: absolute;
right: 1rem;
z-index: 1;
}
.collapsible.collapsed .open-icon {
background-position: -64px -48px;
}
.footer-first_menu .collapsible.collapsed .open-icon {
background-position: -80px -48px;
}
.collapsible.collapsed:hover .open-icon,
.collapsible.collapsed .open-icon:hover {
background-position: -112px -48px;
}
.footer-first_menu .collapsible.collapsed:hover .open-icon,
.footer-first_menu .collapsible.collapsed .open-icon:hover {
background-position: -128px -48px;
}
.collapsible.open .open-icon {
background-position: -64px -16px;
}
.collapsible.open:hover .open-icon,
.collapsible.open .open-icon:hover {
background-position: -112px -16px;
}
.footer-first_menu .open .open-icon,
.footer-first_menu .open:hover .open-icon,
.footer-first_menu .open .open-icon:hover {
background-position: -80px -16px;
}
.footer-first_menu .collapsible-title:hover .open-icon,
.footer-first_menu .collapsible-title .open-icon:hover {
background-position: -128px -16px;
}
/* Xul li i:before,
Xul li i:after {
transition: all 0.25s ease-in-out;
} */
.footer-first {
padding: 2rem 0;
background: #134f49;
color: hsl(0, 0%, 70%);
overflow: hidden;
}
.footer-first_need-help {
padding: 15px 30px;
font-size: 13px;
word-wrap: break-word;
}
.footer-first_need-help h3 {
text-transform: uppercase;
color: #fff;
line-height: 2;
font-size: 1rem;
padding-left: 1rem;
background: #000;
display: inline-block;
padding-right: 1rem;
margin: 0px 0px 7px -33px;
}
.footer-first_need-help a {
text-decoration: underline;
color: #fff;
}
.footer-first a:hover,
.footer-first a:focus,
.footer-first_menu .menu .nolink:hover,
.footer-first_menu .menu .nolink:focus,
.footer-first_menu .open .nolink,
.footer-first_menu .expanded a:hover,
.footer-first_menu .expanded a:focus {
color:#fff;
}
.footer-first_need-help .footer-button {
display: block;
color: #222;
background-color: #fff;
transition: background-color 0.3s;
padding: 1rem;
text-decoration: none;
text-align: center;
border-radius: 0.25em;
line-height: 1;
}
.footer-first_need-help .footer-button:hover,
.footer-first_need-help .footer-button:focus {
background-color: #fc0;
color: #000;
}
.footer-first_need-help .footer-button:focus {
outline: 0;
box-shadow: 0 0 0 3px hsla(196, 100%, 34%, 1);
}
.footer-first_menu {
margin: 0rem 0;
}
.footer-first_menu .nolink {
position: relative;
font-size: 1rem;
text-transform: uppercase;
color: #fff;
line-height: 2;
}
li.collapsible .collapsible-title {
line-height: 1;
background: transparent;
display: block;
margin: 0;
border-top: 1px solid #185952;
padding: 1rem;
}
.footer-first_menu .menu .menu {
margin: 0;
padding: 2rem;
}
@media (max-width: 768px) {
.footer-first_menu,
.footer-first_need-help {
float: none;
width: 100%;
padding:5px;
}
.FOLLOWInstargam {display: grid;
grid-template-columns: repeat(1, 1fr) 1fr repeat(1, 1fr);
grid-template-rows: repeat(1, 1fr);
grid-column-gap:0px;
grid-row-gap: 0px;
}
.InstargamItem1 {grid-area: 1 / 1 / 1 / 1;}
.InstargamItem2 { grid-area: 1 / 1 / 1 / 1; }
.InstargamItem3 { grid-area: 1 / 1 / 1 / 1; }
.InstargamItem4 { grid-area: 1 / 1 / 1 / 1; }
.InstargamItem5 { grid-area: 1 / 1 / 1 / 1; }
.InstargamItem6 { grid-area: 1 / 1 / 1 / 1; }
.InstargamItem7 { grid-area: 1 / 1 / 1 / 1; }
.InstargamItem8 { grid-area: 1 / 1 / 1 / 1; }
.InstargamItem9 { grid-area: 1 / 1 / 1 / 1; }
}
@media (min-width: 600px) {
.footer-first_need-help {
margin: 1rem 0;
word-wrap: break-word;
padding: 15px 30px;
}
.footer-first_need-help h3 {
margin-top: 1rem;
}
.footer-first_menu .expanded {
float: none;
width: 100%;
display: inline-block;
vertical-align: top;
}
}
@media (min-width: 768px) {
.footer-first_need-help {
float: right;
background: #073531;
max-width: 20rem;
}
.footer-first_need-help h3 {
background: #124f49;
color: #ffffff;
}
.footer-first_menu {
float: left;
width: 50%;
overflow: hidden;
}
.footer-first_menu .expanded {
max-width: 20rem;
}
}
@media (min-width: 980px) {
.footer-first_menu {
width: 70%;
}
.footer-first_menu .expanded {
float: left;
width: 33%;
}
.footer-first_need-help {
width: 30%;
font-size: 13px;
}
li.collapsible .collapsible-title.nolink {
display: inline-block;
background: #073531;
color: #fff;
line-height: 2;
margin: 1rem 0 0;
border: 0;
padding: 0 1rem;
pointer-events: none;
}
li.collapsible .open-icon {
display: none;
}
.menu li.collapsible .menu {
display: block !important;
padding: 15px 0px;
}
}
@media (min-width: 1160px) {
.footer-first_menu .expanded {
float: left;
width: 33%;
}
}
.footer-first_menu .expanded {
margin-top: 0;
margin-bottom: 0;
position: relative;
}
.footer-first_menu .expanded li {
line-height: 1;
margin: 1rem 0;
}
.footer-first_menu .expanded a {
color: hsl(0, 0%, 70%);
line-height: 1;
display: inline-block;
font-size: 13px;
text-decoration: none;
}
.region-wrapper.footer-second {
overflow: hidden;
color: hsl(0, 0%, 70%);
background-color: #073531;
line-height: 1.5rem;
text-align: center;
}
.region-wrapper.footer-second a {
color: #fff;
text-decoration: underline;
}
.region-wrapper.footer-second a:hover,
.region-wrapper.footer-second a:focus {
color: #fc0;
}
.footer-second br {
display: none;
}
@media (min-width: 1160px) {
.footer-second br {
display: inherit;
}
}
.logo_header a span {
position: relative;
width: 150px;
height: 3rem;
display: inline-block;
background-image: url("../images/logo/logo-white.png");
background-repeat: no-repeat;
background-size: 150px auto;
background-position: center center;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin: 0;
padding: 0;
z-index: 1;
}
/* ===============Instagram grid================= */
.FOLLOWInstargam div {position:relative}
.FOLLOWInstargam div .indWrap img{}
.FOLLOWInstargam div .indWrap{padding:4px}
.FOLLOWInstargam {display: grid;
grid-template-columns: repeat(2, 1fr) 2fr repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap:0px;
grid-row-gap: 0px;
}
.InstargamItem1 { grid-area: 1 / 1 / 2 / 2; }
.InstargamItem2 { grid-area: 1 / 2 / 2 / 3; }
.InstargamItem3 { grid-area: 1 / 3 / 3 / 4; }
.InstargamItem4 { grid-area: 1 / 4 / 2 / 5; }
.InstargamItem5 { grid-area: 1 / 5 / 2 / 6; }
.InstargamItem6 { grid-area: 2 / 1 / 3 / 2; }
.InstargamItem7 { grid-area: 2 / 2 / 3 / 3; }
.InstargamItem8 { grid-area: 2 / 4 / 3 / 5; }
.InstargamItem9 { grid-area: 2 / 5 / 3 / 6; }
.insta{padding:0px 10px}
.heading-fontFamily-1{ font-family: 'Helvetica';}
/* Checkout page */
.checkout_page {
width: 100%;
margin: 0;
padding: 50px 0;
/* background:
#eee; */
position: relative;
}
.checkout_page h1 {
padding: 8px 15px;
margin: 0 0 10px;
line-height: 30px;
background: #171717;
font-size: 24px;
color: #fff;
font-weight: 600;
}
.panel-body form .radio_btn input{float: left; margin-right:10px; height: 17px; line-height: 25px; }
.panel-body form .radio_btn{font-size:14px; line-height: 18px; cursor: pointer;}
.panel-body form .radio_btn:hover{color: #0ebda1;}
.password_cont{display: none; position: relative;}
.checkout_page .checkout-steps .panel-default{background:#fff;margin-bottom: 20px;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;}
.checkout_page .checkout-steps .panel .checkout_title{margin:0!important;font-size:13px;font-weight:bold;text-align:left;padding:0}
.checkout_page .checkout-steps .panel .checkout_title a{color:#333;/* text-transform:uppercase; */display:block;background:#fff;font-size:16px;font-weight:600;padding:10px;border-radius:3px}
.checkout_page .checkout-steps .panel .checkout_title a span{background-color:#aaa;color:#fff;display:inline-block;margin-right:10px; width: 26px; text-align: center; line-height: 26px; height: 26px; font-size:13px;border-radius:3px}
.checkout_page .checkout-steps .panel .checkout_title a span svg{width: 20px; height: 20px;}
.checkout_page .checkout-steps .panel .checkout_title>a:not(.collapsed){background: #124f49;color:#fff;border-radius: 0px 0px 0px 0px;}
.checkout_page .checkout-steps .panel .checkout_title>a:not(.collapsed) span{background: #08332f;color:#fff;}
.checkout_page .checkout-steps .checkout-step-01 form .form-group .info_title{font-weight:normal;margin-bottom:5px;font-size:13px;color:#333}
.checkout_page .checkout-steps .checkout-step-01 form .forgot-password { padding-top: 14px; display: inline-block; color: #0ebda1; position: absolute;top: -5px;right: 7px; z-index: 999;}
.checkout_page .checkout-steps .checkout-step-01 form .step_login_btn{
padding: 10px 25px;
background: #171717;
color: #fff;
border-radius: 3px;
text-decoration: none;
text-align: center;
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
font-size: 15px;
border:0; z-index: 1;
float: left;}
.checkout_page .checkout-steps .checkout-step-01 form .step_login_btn:hover{background: #0ebda1;
color: #fff;}
/* --------------------------------
File#: _1_card
Title: Card
Descr: Container of information used as teaser for further content exploration
Usage: codyhouse.co/license
-------------------------------- */
.card {
background-color: var(--color-bg-light);
box-shadow: var(--inner-glow),var(--shadow-ring),var(--shadow-sm);
border-radius: var(--radius-md);
overflow: hidden
}
.card__img-wrapper img {
display: block;
width: 100%
}
.card--link {
text-decoration: none;
display: block;
color: inherit;
transition: 0.2s
}
.card--link:hover {
background-color: var(--color-bg-lighter);
box-shadow: var(--inner-glow),var(--shadow-ring),var(--shadow-md)
}
.card--link:hover .card__img-wrapper::after {
opacity: 1
}
.card--link .card__img-wrapper {
position: relative
}
.card--link .card__img-wrapper::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.6);
opacity: 0;
transition: opacity 0.2s
}
.card__link-icon-wrapper {
position: absolute;
z-index: 1;
width: 64px;
height: 64px;
top: calc(50% - 32px);
left: calc(50% - 32px);
background-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.9);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transform: scale(0.8);
opacity: 0;
transition: 0.2s
}
.card__link-icon-wrapper .icon {
display: block;
width: 32px;
height: 32px;
color: var(--color-black)
}
.card--link:hover .card__link-icon-wrapper {
opacity: 1;
transform: scale(1)
}
.checkout_page .radio .radio_button{display: inline-block; margin: 0 15px 0 0; padding: 0; color:#000;}
.checkout_page .radio .radio_button input[type="radio"]{ margin: 0 5px 0 0px;position: relative;float: left;line-height: 24px;height: 20px;}
.checkout_page .checkout-steps .panel-body {padding: 20px; border:none}
.checkout_page .checkout_right{float:left; width: 100%; padding: 15px; background: #eee;}
.checkout_page .checkout_right h4{ text-align: left; margin: 0 0 10px; padding: 0;}
.checkout_page .checkout_right ul{margin: 0; padding: 0;}
.checkout_page .checkout_right ul li{list-style: none;line-height: 28px;display: flex;align-items: center;}
.checkout_page .checkout_right ul li:before{ content: none;}
.checkout_page .checkout_right ul li i.fa-check{ background:transparent!Important; color: #0ebda1;}
.checkout_page .checkout_right .step_login_btn{
padding: 8px 25px;
background: #333;
color: #fff;
border-radius: 3px;
text-decoration: none;
text-align: center;
display: inline-block;
margin-right: 0px;
margin-bottom: 15px;
font-size: 15px;
border:0}
.checkout_page .checkout_right .step_login_btn:hover{background: #0ebda1;color: #fff;}
.checkout_page .address{ float: left; width: 100%;}
.checkout_page .address h5{ font-size: 14px; font-weight: 600; text-transform: uppercase; margin: 0 0 5px; padding: 0;}
.checkout_page .address h5 label input{ float: left; margin-right: 6px;height: 16px;line-height: 25px;margin-bottom: 30px;}
.checkout_page .address h5 label span{ font-size: 16px; color: #0ebda1; margin-right: 6px; font-weight: 600;}
.checkout_page .address p strong{margin-right: 5px;}
.checkout_page .address h5 label{ font-size: 14px; color: #333;}
.checkout_page .address h5 .edit{ float: right; font-size: 14px; color: #0ebda1;}
.checkout_page .address h5 .edit:hover{ color: #333;}
#edit_panel {display: none;}
/*.cancel{ display: inline-block; padding: 10px 35px;}
.save_btn{ padding: 10px 35px; background: #fb641b;}*/
.checkout_page .checkout-steps .panel .checkout_title5{margin:0px!important;font-size:13px;text-align:left;padding:0; background: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); border: 1px solid #eee;
}
.checkout_page .checkout-steps .panel .checkout_title5 a{color:#0ebda1;text-transform:capitalize;display:block;background:#fff;font-size:14px;padding:10px;border-radius:3px}
#add_address_panel {
display: none;
}
.change {
float: right;
background:transparent;
border: 1px solid #0ebda1;
color:#0ebda1;
padding: 5px 10px;
font-size: 14px;
font-weight: normal;
}
.complate_bg{background: #0a957f!important;color: #fff!important;}
.checkout_page .checkout-steps .panel .checkout_title a.complate_bg span{background:#fff;color:#0ebda1;}
.checkout_page .checkout-steps .panel .checkout_title a.complate_bg i{margin-top: 3px;}
.panel-body h5 {
font-size: 18px;
font-weight: 600;
color:#171717;
margin-bottom: 10px;
padding: 0;
}
.panel-body label.shipping{line-height: 15px; margin-bottom: 15px; cursor: pointer;}
.panel-body label.shipping input{float: left; height: 15px; margin-right: 10px;}
.checkout_btn{padding: 10px 30px;background:#171717;color:#fff;border-radius: 3px;text-decoration: none; text-align: center;display: inline-block;margin-right: 0px;margin-bottom: 15px;font-size: 15px;border: 0; z-index: 1;}
.checkout_btn:hover,.checkout_btn:focus{background:#0ebda1;color:#fff;}
.edit_address ul{float: left; width: 100%; margin: 0 0 15px; padding: 0;}
.edit_address ul li{list-style: none; line-height: 24px; border: 1px solid #eee; padding: 5px 10px; margin-bottom: 5px;}
.edit_address ul li label{margin: 0 10px 0 0px; padding: 0;}
.payment_option form .radio {
border-bottom: 1px solid #ccc;
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 0px;
cursor: pointer;
font-size: 16px;
padding: 5px 0 10px 30px;
user-select: none;
}
.payment_option form .radio:last-child{ border-bottom: 0;}
.payment_option form .radio input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.payment_option form .checkround {
position: absolute;
top: 6px;
left: 0;
height: 20px;
width: 20px;
background: #fff ;
border-color:#0ebda1;
border-style:solid;
border-width:2px;
border-radius: 50%;
}
.payment_option form .radio input:checked ~ .checkround {background: #fff;}
.payment_option form .checkround:after {content: ""; position: absolute; display: none;}
.payment_option form .radio input:checked ~ .checkround:after {display: block;}
.payment_option form .radio .checkround:after {left: 2px; top: 2px; width: 12px; height: 12px; border-radius: 50%;background:#0ebda1;}
.confrmorder{padding: 12px 40px;background: #0ebda1;color:#fff; border-radius: 3px; text-decoration: none; text-align: center; display: inline-block; margin-right: 0px; margin-top: 15px; margin-bottom: 15px; font-size: 18px; border: 0; z-index: 1;}
.confrmorder.hover_btn:before, .confrmorder.hover_btn:after {background: #171717;}
.payment_option form label{cursor: pointer;}
/* Login Page */
.login_page{float:left;width:100%;margin:0;padding:30px 0;background:#fff}
.thumbur{width:150px;height:150px;position:relative;background-color:#efefef;background-image:linear-gradient(to right,#efefef 0,#efefef 50%,#e1e1e1 50%,#e1e1e1 100%);margin:auto;border-radius:100%;text-align:center}
.thumbur i{position:relative;font-size:72px;color:#0ebda1;margin:25% 0}
.panel-lite{float: left; width: 100%; margin:20px auto;max-width:100%;background:#fff;padding:30px;border-radius:4px;box-shadow:2px 2px 5px rgba(0,0,0,0.2);position:relative}
.panel-lite h4{font-weight:400;font-size:24px;text-align:center;color:#0ebda1;margin:15px auto}
.panel-lite strong a{color: #0ebda1;}
.title_style{margin-bottom: 15px;}
.title_style h2{
width: auto;
background: #fff;
margin: 0 auto;
display: inline-block;
padding: 5px 20px;
color: #0ebda1;
}
.text-muted {
color: #728096 !important;
}
.panel-lite a{display:inline-block;text-decoration:none;color:#333;font-size:14px}
.panel-lite a:hover{color:#0ebda1}
.form-group {
position: relative;
font-size: 15px;
color: #666;
margin-bottom: 15px;
}
.form-group + .form-group {
margin-top: 15px;
}
.form_input {
position: relative;
padding: 12px 15px 8px 15px;
width: 100%;
outline: 0;
border: 0;
box-shadow: 0 1px 0 0 #ccc;
-webkit-transition: box-shadow 150ms ease-out;
transition: box-shadow 150ms ease-out;
font-size: 15px;
font-weight: normal;
background: transparent;
z-index: 100;
border: 1px solid #ccc;
border-radius: 3px;
z-index: 2;
}
input.form_input{height: 40px;}
.input_label {
position: relative;
display: block;
width: 100%;
}
.input_label.active .placeholder {
font-size: 14px;
top: -9px;
left: 10px;
z-index: 5;
background: #fff;
padding: 0 5px;
color: #777;
}
.input_label.active .form_input:not(:focus):not(:hover) ~ .placeholder {
color: #777;
}
.input_label > .form_input:-webkit-autofill ~ .placeholder{
font-size: 14px;
top: -9px;
left: 10px;
z-index: 5;
background: #fff;
padding: 0 5px;
color: #777;
}
/*.input_label .form_input:focus,
.input_label .form_input:hover {
border-color: #333;
}
*/
.form-group .placeholder {
position: absolute;
z-index: 1;
left: 15px;
top: 8px;
transition: .3s;
background: #fff;
padding: 0px;
color: #777;
font-weight: normal;
line-height: 20px;
font-size: 15px;
}
.password_visable {
position: absolute;
z-index: 99;
top: 0;
right: 0;
width: 50px;
cursor: pointer;
padding: 0 10px;
height: 40px;
border-left: 1px solid #eee;
}
.password_visable:before {
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
font-weight: 700;
content: url("data:image/svg+xml;charset=utf-8,");
font-size: 18px;
color: #333;
position: absolute;
right: 0;
top: 2px;
text-align: center;
line-height: 40px;
width: 100%;
}
.eye_slash:before {
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
font-weight: 700;
content: url("data:image/svg+xml;charset=utf-8,");
font-size: 18px;
color: #333;
position: absolute;
right: 0;
top: 2px;
text-align: center;
line-height: 40px;
width: 100%;
}
.forgotPwd {
text-align: center;
line-height: 22px;
font-size: 16px;
color: #333;
}
.forgotPwd a {
color: #333;
text-decoration: none;
display: inline-block;
}
.forgotPwd a span{color: #0c71a2;}
.new_user_1{float: right;}
.form-group label{cursor: pointer;}
.register_btn {
padding: 10px 50px;
background: #171717;
color: #fff !important;
display: block;
text-align: center;
border-radius: 3px;
z-index: 1;
width: 100%;
font-size: 16px;
border: 0;
margin-bottom: 15px;
}
.register_btn:hover,.register_btn:focus{background: #0ebda1; color: #fff;}
.textarea1{height:100px!important}
.register .radio_button{min-height:35px;margin-right:10px}
/* My Account Page */
.my_account_page{float:left;width:100%;margin:0;padding:20px 0 30px;background:#eee;position:relative}
.my_account_page .right_side h1 {padding: 8px 10px; margin: 0 0 10px; line-height: 30px; background:
#0ebda1;font-size: 20px;color:#fff;font-weight: 600;}
.my_account_page .wps_right{float: left; width: 100%;background:#fff;padding: 10px;border: 1px solid #ccc; margin-bottom: 20px;}
/*.my_account_page .wps_right p{margin-bottom: 15px;}*/
.my_sidebar{ float: left; width: 100%; padding: 0; background: #fff; margin-bottom: 15px;}
.profle_body{ position: relative; width: 100%; margin: 0; text-align: center; padding: 25px 15px;}
.profle_body img{border-radius: 50%; margin-bottom: 10px; padding: 10px; background: #ecf0f1;}
.profle_body h5{ font-size: 16px; color: #333; line-height: 24px; margin: 0; padding: 0; font-weight: 600;}
.my_sidebar ul{ float: left; width: 100%; margin: 0; padding: 0;}
.my_sidebar ul li{ list-style: none;border-bottom:1px solid #eee;}
.my_sidebar ul li a{padding: 10px 15px; color: #333; display: flex;
align-content: center;
align-items: center;}
.my_sidebar ul li a svg{margin-right: 5px;}
.my_sidebar ul li a:hover,.my_sidebar ul li a:focus,.my_sidebar ul li a.active{background: #0ebda1; color:#fff;}
.my_account_page .wps_right .radio .radio_button{display: inline-block; margin: 0 15px 0 0; padding: 0; color:#000;}
.my_account_page .wps_right .radio .radio_button input[type="radio"]{ margin: 0 5px 0 0px;position: relative;float: left;line-height: 24px;height: 20px;}
.deactivate{ color: #333; border: 1px solid #333; padding: 5px 20px; display: inline-block; font-size: 13px;}
.deactivate:hover{color: #0ebda1; border: 1px solid #0ebda1; }
/* My Order */
.my_order{ border: 0;}
.order_item{float: left; width: 100%; margin-bottom: 15px;}
.order_top{background:#eee;border-bottom: 1px solid #ccc;padding: 12px 15px;}
.orderID{ float: left; padding: 5px 15px; background: #171717; color: #fff;}
.orderID:hover,.orderID:focus{ color: #fff; background: #0ebda1;}
.need_btn{float: right; border: 1px solid #ccc; color: #333; padding: 5px 15px; display: flex;
align-items: center;}
.need_btn svg{ margin-right: 5px;}
.need_btn:hover{border: 1px solid #0ebda1; color: #0ebda1;}
.order_body{ float: left; width: 100%; background: #fff; border: 1px solid #ccc; padding: 15px;}
.order_body img{padding: 5px; border: 1px solid #eee; max-width: 75px;}
.order_body .order_info a{font-size: 15px; font-weight: 600; color: #333; padding-bottom: 5px;}
.order_body .order_info a:hover{ color: #0ebda1; }
.order_body .order_info p{ font-size: 13px; line-height: 18px; margin: 0; padding: 0; text-align: left;}
.order_body .order_price{font-size: 18px; font-weight: normal; color: #333;}
.order_body .delivered{text-align: center;}
.order_body .delivered p{ font-size: 13px; line-height: 18px; margin: 0; padding: 0; font-weight: 600;}
.order_body .delivered small{ text-align: left; font-size: 12px;}
.order_body .review_product{ color: #0ebda1; text-align: center; font-size: 15px;}
.order_body .review_product svg{margin: 2px 0 5px 0; width: 14px; height: 14px;}
.order_body .review_product:hover{color: #0ebda1;}
.order_foot{ float: left; width: 100%; padding:5px 5px; border: 1px solid #ccc; border-top: 0;}
.order_foot p{ margin: 0; padding: 0; font-size: 14px; line-height: 24px;}
.order_foot p.text-right{ text-align: right;}
.refund{ float: left; width: 100%; padding: 5px 10px; margin-top: 10px;}
.refund p{line-height: 24px; margin: 0; padding: 0;}
.refund a{display: inline-block; color: #333; line-height: 24px; margin: 0; padding: 0; }
.refund a:hover{ color: #0ebda1;}
.refund_body{ float: left; width: 100%; border: 1px solid #eee; margin-bottom: 10px;}
.refund_completed{ float: left; width: 100%; padding: 10px;}
.refund_completed p{ font-size: 14px; line-height: 20px; color: #333; margin: 0; padding: 0;}
/* Track Page */
.track_page{float:left;width:100%;margin:0;padding: 30px 0 40px;background:#eee;position:relative}
.account_breadcrumb{ float: left; width: 100%; margin: 0; padding: 0 0 20px;}
.account_breadcrumb li{ list-style: none; display: inline-block; margin-right: 10px;}
.account_breadcrumb li:before{float: left; content: "/"; margin-right: 10px;}
.account_breadcrumb li a{ display: inline-block; color: #333;}
.account_breadcrumb li:first-child:before{ content:none;}
.account_breadcrumb li a:hover{ color: #0ebda1;}
.account_breadcrumb li.active{ color: #0ebda1;}
.track_info{ padding: 0; box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); margin-bottom: 20px; background: #fff;}
.delivery_address_track{ padding: 20px 15px; border-right: 1px solid #ccc;}
.delivery_address_track h1{font-size: 16px; font-weight: 600; line-height: 24px; margin: 0; padding: 0 0 10px; background:transparent; color: #333;}
.delivery_address_track h2{font-size: 14px; font-weight: 600; line-height: 24px; margin: 0; padding: 0; background:transparent; color: #333;}
.more_track{ padding: 20px 15px }
.more_track h2{font-size: 14px; font-weight: 600; line-height: 24px; margin: 0; padding: 0 0 10px; background:transparent; color: #333;}
.more_track p i{ color: #0ebda1;}
.request_invoice{padding: 5px 10px; border: 1px solid #0ebda1; border-radius: 4px; line-height: normal; background: #0ebda1; color: #fff; font-size: 13px; text-decoration: none; margin-left: 10px;}
.request_invoice:hover,.request_invoice:focus{border: 1px solid #0ebda1; color: #fff; text-decoration: none;}
.process{ padding: 15px; float: left;
width: 100%;
background: #fff;
border: 1px solid #ccc;}
.process_left{ float: left; width: 100%; margin: 0; padding: 0;}
.process_left a{ color: #333; text-decoration: none; font-size: 14px; font-weight: 600;}
.process_left p{ font-size: 13px; color: #333; line-height: 20px; margin: 0 0 10px; padding: 0; text-align: left;}
.process_left .details_price{margin-bottom: 0;}
.process_left .product-price{text-align: left;}
.process_left .product-price ins{text-decoration: none; font-size: 16px; font-weight: 600; margin-right: 5px;}
.deliver_process{ float: left; width: 100%; margin: 25px 0 10px; padding: 0;}
.progressbar { float: left; width: 100%;
margin: 0;
padding: 0;
counter-reset: step;
}
.progressbar li {
list-style-type: none;
width: 25%;
float: left;
font-size: 12px;
position: relative;
text-align: center;
text-transform: capitalize;
color: #7d7d7d;
}
.progressbar li:before {
width: 20px;
height: 20px;
content: counter(step);
counter-increment: step;
line-height: 15px;
border: 2px solid #7d7d7d;
display: block;
text-align: center;
margin: 0 auto 10px auto;
border-radius: 50%;
background: white;
position: relative;
z-index: 5;
}
.progressbar li:after {
width: 100%;
height: 2px;
content: '';
position: absolute;
background-color: #7d7d7d;
top: 10px;
left: -50%;
z-index: 0;
}
.progressbar li:first-child:after {
content: none;
}
.progressbar li.active {
color:#0ebda1;
}
.progressbar li.active:before {
border-color: #0ebda1;
}
.progressbar li.active + li:after {
background: #0ebda1;
}
.progressbar li .process_dec{ display: none; width: 200px; position: absolute; z-index: 999; top: 110%; left: 0; background: #eee; padding: 10px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);}
.progressbar li:hover .process_dec{ display: block; border-top: 0;}
.progressbar li:hover .process_dec:after{content: "\f0d8";
font-family: 'FontAwesome';
position: absolute;
top: -28px;
font-size: 31px;
left: 50px;
color: #eee;}
.progressbar li .process_dec p{ font-size: 12px; line-height: 18px; text-align: left;}
.progressbar li .process_dec p span{ font-size: 11px; color: #0ebda1;}
.deliver_righ_info{ float: left; width: 100%;}
.deliver_righ_info h4{ font-size: 15px; color: #333; text-align: left; margin: 0; padding: 0 0 10px;}
.deliver_righ_info a{ color: #0ebda1; text-transform: uppercase; line-height: 24px; font-weight: 600; font-size: 13px;}
.deliver_righ_info a i{ margin-right: 5px;}
.deliver_righ_info a:hover{ color: #0ebda1;}
.track_footer{ float: left; width: 100%; border:1px solid #ccc; border-top:0; padding: 10px 15px; background: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); margin-bottom: 20px; font-weight: 600; font-size: 16px;}
.track_footer .checkout_btn{padding: 5px 15px; float: right;}
/* Edit profile */
.edit_save_btn{width: auto;
background: #171717;
padding: 10px 35px;
border: none;
color: #fff;
font-size: 14px;
border-radius: 4px;
cursor: pointer;
z-index: 1;}
.edit_save_btn:hover{background: #0ebda1; color: #fff;}
/* Wishlist Page */
.wishlist_page{float:left;width:100%;margin:0;padding:20px 0 30px;background:#eee;position:relative}
.wishlist_page .right_side h1 {
padding: 8px 10px;
margin: 0 0 10px;
line-height: 30px;
background: #0ebda1;
font-size: 20px;
color: #fff;
font-weight: 600;
}
.wishlist{ padding: 0; border: 0; background: transparent;}
.wishlist_body{ float: left; width: 100%; background: #fff; border: 1px solid #ccc; padding: 15px;}
.wishlist_body img{padding: 5px; border: 1px solid #eee;}
.wishlist_body .wishlist_info{ vertical-align: middle; padding:0;}
.wishlist_body .wishlist_info a{font-size: 18px; font-weight: 600; color: #171717; padding-bottom: 5px;}
.wishlist_body .wishlist_info a:hover{ color: #0ebda1; }
.wishlist_body .wishlist_info p{ font-size: 14px; line-height: 18px; margin: 0; padding: 0 0 5px; text-align: left;}
.wishlist_body .wishlist_info .product-price{text-align: left;}
.wishlist_body .wishlist_info .product-price ins{font-weight: 600; font-size: 18px; margin-right: 5px; color: #0ebda1; text-decoration: none;}
.wishlist_body .add_to_cart{ background: #0ebda1;
padding: 10px 20px;
font-size: 14px;
color: #fff;
display: inline-block;
width: auto;
border-radius: 3px;
text-align: center;
line-height: normal; z-index: 1; margin-top: 15px;}
.wishlist_body .add_to_cart svg{float: left; margin: 0 5px 0 0;}
.wishlist_body .add_to_cart:hover, .wishlist_body .add_to_cart:focus{color: #fff;}
.wishlist_body .remove {
color: #fff;
background: #171717;
display: inline-block;
border-radius: 3px;
text-align: center;
padding: 10px 20px;
font-size: 14px;
line-height: normal;
z-index: 1;
margin-top: 15px;
}
.wishlist_body .remove svg{float: left; margin: 0 5px 0 0;}
.wishlist_body .remove:hover{color: #fff;}
.refund_completed p span{ color: #0ebda1;}
/* Review & Rating Page */
.review_right{ padding: 15px; background: #fff; margin-bottom: 20px;}
.review_right_side h1 {
padding: 8px 10px;
margin: 0 0 10px;
line-height: 30px;
background: #0ebda1;
font-size: 24px;
color: #fff;
font-weight: 600;
}
.my_reviews{ padding: 0; border: 0;}
.reviews_item{float: left;
width: 100%;
background: #fff;
border-bottom:1px solid #ccc;
padding: 15px;}
.reviews_item:last-child{border-bottom: 0;}
.reviews_info a{font-size: 16px;
font-weight: 600;
color: #333;
padding-bottom: 10px}
.reviews_info p{font-size: 13px;
line-height: 20px;
font-style: italic;
margin: 0;
padding: 0 0 5px;
text-align: left;
}
.reviews_info ul{ float: left; width: 100%; margin: 0; padding:0px;}
.reviews_info ul li{ list-style: none; display: inline-block; line-height: 18px; font-size: 14px; color: #666; margin-right: 15px;}
.rate_heading{ float: left; width: auto; display: inline-block; font-size: 16px; font-weight: 600;}
.rate_block{ font-size: 18px; color: #333; display: block;}
.review_title { padding-bottom: 5px;}
div.stars{ display: inline-block;}
input.star{ display: none;}
label.star{
float: right;
padding: 5px;
font-size: 20px;
color: #333;
transition: all .2s;
cursor: pointer;
line-height: 24px;
}
input.star:checked ~ label.star:before {
content: url("data:image/svg+xml;charset=utf-8,");
transition: all .25s;
}
input.star-5:checked ~ label.star:before {
content: url("data:image/svg+xml;charset=utf-8,");
}
input.star-1:checked ~ label.star:before {
content: url("data:image/svg+xml;charset=utf-8,");
}
input.star-2:checked ~ label.star:before {
content: url("data:image/svg+xml;charset=utf-8,"); }
input.star-3:checked ~ label.star:before {
content: url("data:image/svg+xml;charset=utf-8,"); }
label.star:before {
content: url("data:image/svg+xml;charset=utf-8,");
}
.rate_rating{ width: 100%; padding: 0px 0 5px;}
.rate_rating i{ font-size: 15px;}
.right_links{ float: right; text-align: right;}
.reviews_info ul li a{ font-size: 13px; color: #171717;}
.reviews_info ul li a:hover,.reviews_info ul li a:focus{ color: #0ebda1}
.checked {
color: orange;
}
.modal_btn{width:auto; background:#171717; padding: 10px 35px; border:none; color:#fff; font-size:14px; border-radius:4px; cursor: pointer; z-index: 1;}
.modal_btn:hover,.modal_btn:focus{color: #fff; background: #0ebda1;}
.cancel{}
.right_side ul{ margin: 0 0 25px; padding: 0;}
.right_side ul li{ list-style: none; line-height: 24px; color: #423f3f; font-size: 15px; font-weight: normal;}
/*.right_side ul li::before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 5px;}*/
.gallery_page{float: left; width: 100%; margin: 0; padding: 40px 0; background: #fff;}
.gallery_title{
float: left;
width: 100%;
color: #171717;
font-size: 24px;
text-transform: uppercase;
font-weight: 700;
display: block;
padding-bottom: 15px;
text-align: center;
margin-bottom: 30px;
position: relative;
}
.gallery_title:before{content: ''; background:#0ebda1; position: absolute; left: 0; right: 0; bottom: 0; margin-bottom: -10px; width: 50px; height: 5px; margin: 0 auto;}
.portfolio_block{float: left; width: 100%; }
.portfolio_block .image-box{position: relative; overflow: hidden; margin-bottom: 20px;}
.portfolio_block .image-box .image{
margin-bottom: 0;
position: relative;
height: 283px;
border: 1px solid #eee;
transition: all 200ms ease;
}
.portfolio_block .image-box .image img{
position: absolute;
max-width: 100%;
top: 50%; left: 50%;
transform: translate(-50%,-50%);
max-height: 100%;
}
.portfolio_block .image-box:hover .image{
transform: scale(1.1);
}
.portfolio_block .overlay{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.portfolio_block .overlay .title-box{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
display: flex;
z-index: -1;
flex-direction: column;
padding: 10px 15px;
transition: all 200ms ease;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.portfolio_block .image-box:hover .overlay .title-box{
bottom: 0;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.portfolio_block .overlay .title-box:before{
background-color: #0ebda1;
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .90;
color: #ffffff;
}
.portfolio_block .overlay svg{
position: relative;
height: 50px;
width: 50px;
padding: 10px;
background-color: #0ebda1;
color: #ffffff;
font-size: 20px;
line-height: 50px;
border-radius: 4px;
opacity: 0;
text-align: center;
transform: translateY(-25px) scale(0);
transition: all 200ms ease;
}
.portfolio_block .image-box:hover .overlay svg{
opacity: 1;
transform: translateY(-25px) scale(1);
}
.portfolio_block .overlay h5{
font-size: 20px;
line-height: 1.2em;
color: #ffffff;
font-weight: 600;
display: block;
margin-bottom: 0px;
position: relative;
}
.ts-testimonial-content{position:relative;color:#333;padding:30px 30px 20px 65px;margin-bottom:30px;}
.ts-testimonial-content:before{color:#c9c019;content:'\f10d';font-family:FontAwesome;padding-right:10px;font-size:28px;left:25px;position:absolute;top:30px;}
.ts-testimonial-content:after{border-left:25px solid transparent;bottom:-25px;content:"";height:0;left:20px;position:absolute;width:0;z-index:1;}
.ts-testimonial-thumb{float:left;padding-left:30px;width:100%;padding-bottom:20px; display: flex;}
.ts-testimonial-thumb img{width:70px;height:70px;border-radius:100%;margin-right:10px; padding: 5px; background: #ecf0f1;}
.ts-testimonial-thumb h3.name{font-size:18px;font-weight:600;margin:10px 0 0;color:#c9c019; float: inherit; width: auto;}
.ts-testimonial-thumb h3 span{display:block;font-size:13px;font-weight:400;margin-top:5px;color:#333;}
.ts-testimonial-content{background-color:#eee;}
.ts-testimonial-content:after{border-top:25px solid #eee;}
/* Faq Page */
.faq_page{float: left; width: 100%; margin: 0; padding: 40px 0; background: #fff;}
.faq_title{max-width: 750px;
margin: auto;
margin-bottom: 70px; text-align: center;
}
.faq_title h2 {
font-size: 36px;
color: #171717;
font-weight: 700;
margin-bottom: 10px;
}
.faq_title p {
font-size: 16px;
color: #171717;
margin: 0;
line-height: 24px;
}
.faq_content {
display: flex;
margin-bottom: 35px;
border-bottom: 1px dotted;
padding-bottom: 35px;
}
.faq_icon i {
font-size: 45px;
color: #0ebda1;
}
.faq_text {
padding-left: 20px;
min-height: 160px;
}
.faq_text h3 {
font-size: 22px;
color: #171717;
font-weight: 600;
margin-bottom: 10px;
height: 50px;
position: relative;
}
.faq_text h3 span{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); width: 100%;}
.faq_text_p {
max-height: 90px;
overflow: hidden;
overflow-y: auto;
}
.faq_text p {
font-size: 16px;
color: #333;
margin: 0;
}
.quick-contact-area.half-bg {
position: relative;
z-index: 1;
}
.quick-contact-area.half-bg::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 60%;
width: 100%;
background: #f3f7fd;
z-index: -1;
}
.quick-contact-items { float: left; width: 100%;
padding: 50px 30px;
background-image: url(../images/faq/faq1.jpg);
position: relative;
z-index: 1;
box-shadow: inherit !important;
background-position: center center !important;
background-size: cover
}
.quick-contact-items:after {
background: #000000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.quick-contact-items .row{position: relative; display: flex;}
.quick-contact-items h5 {
text-transform: uppercase;
font-weight: 600;
margin-bottom: 25px;
color: #fff;
font-size: 18px;
}
.quick-contact-items h2 {
font-weight: 600;
margin-bottom: 0;
line-height:normal;
margin-bottom: -5px;
color: #fff;
font-size: 2rem;
}
.quick-contact-items h2 strong {text-decoration: underline;}
.contact_us_btn_1 {
display: inline-block;
font-weight: 600;
line-height: 25px;
text-transform: capitalize;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
overflow: hidden;
border-radius: 5px;
font-size: 17px;
padding: 15px 40px;
background: #ffffff;
color: #0e2b3d;
z-index: 1;
}
.align-center {align-items: center;}
.contact_us_btn_1:hover,.contact_us_btn_1:focus{background: #0ebda1; color: #fff;}
/* Blog Page */
.blog_page{float: left; width: 100%; margin: 0; padding: 40px 0; background: #fff;}
.blog_page h2.title_2 {
color: #171717;
font-weight: 700;
font-size: 20px;
line-height: 29px;
margin: 0;
padding: 0;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
padding-bottom: 5px;
margin-bottom: 35px;
overflow: visible;
position: relative;
text-transform: capitalize;
}
.blog_page h2.title_2:before {
content: '';
position: absolute;
background: #0ebda1;
width: 80px;
height: 2px;
left: 0;
bottom: -2px;
}
.blog_listing {
position: relative;
overflow: hidden;
float: left;
width: 100%;
margin-bottom: 20px;
border-bottom: 1px solid #eee;
padding-bottom:20px;
}
.blog_listing:last-child {
border: 0;
}
.blog_listing .blog_thumb {
float: left;
position: relative;
margin-right: 20px;
overflow: hidden;
max-width: 100%;
height: 220px;
border: 1px solid #eee;
width: calc(100% - 65%);
}
.blog_listing .blog_thumb img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: 100%;
}
.blog_listing .blog_content {
float: left;
padding: 0;
position: relative;
width: calc(100% - 40%);
}
.blog_listing h2.title_small {
font-size: 17px;
line-height: 24px;
margin-bottom: 0px;
margin-top: 0;
padding: 5px 0;
position: relative;
height: 55px;
}
.blog_listing h2.title_small span {
color: #1c1c1c;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-height: 100%;
}
.blog_listing:hover h2.title_small span {
color: #0ebda1;
}
.blog_listing p {
color: #333;
}
.blog_listing .blog_meta {
margin: 3px 0 10px;
}
.blog_listing .blog_meta span {
font-size: 12px;
color: #333;
margin-right: 8px;
padding-right: 10px;
border-right: 1px solid #dedede;
line-height: 12px;
display: inline-block;
}
.blog_listing .blog_meta span i {
font-size: 14px;
}
.blog_listing .blog_meta span.post_date {
border-right: 0;
}
.blog_read_more_btn {
font-size: 14px;
color: #ffffff;
text-transform: capitalize;
font-weight: 500;
padding: 10px 30px;
border-radius: 4px;
display: inline-block;
background: #171717;
margin-bottom: 5px;
z-index: 1;
}
.blog_read_more_btn:hover,.blog_read_more_btn:focus{background:#0ebda1; color: #fff;}
.left_sidebar{float: left; width: 100%;}
.right_news{ float: left; width: 100%; margin-bottom: 15px; border: 1px solid #eee; background: #fff;}
.right_news .image{float: left; width: 100%; margin:0 0 10px; position: relative; overflow: hidden; height: 186px;}
.right_news .image img{position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%;}
.right_news h5{ padding: 10px; line-height: 18px; font-size: 15px; margin: 0px;}
.right_news h5 a{ color: #333;}
.right_news:hover h5 a{color: #0ebda1;}
/* Blog details*/
.title_details {
color: #171717;
font-weight: 700;
font-size: 20px;
line-height: 29px;
margin: 0;
padding: 0;
padding-bottom: 5px;
position: relative;
text-transform: capitalize;
}
.blog_meta_info {
float: left;
width: 100%;
line-height: 1.2;
}
.blog_meta_info ul {
display: inline-block;
flex-wrap: wrap;
list-style: none;
margin: 0 0 15px;
padding: 0;
line-height: 1.2;
}
.blog_meta_info ul li a {
font-weight: 600;
font-size: 14px;
display: inline-block;
}
.blog_meta_info ul li {
display: inline-block;
color: rgba(10, 10, 10, 0.7);
font-size: 13px;
text-transform: capitalize;
}
.blog_meta_info ul li + li {
margin-left: 5px;
}
.sharethis-inline-share-buttons {
float: left;
width: 100%;
margin-bottom: 15px;
}
.blog_details .news_details_image{float: left; width: 100%; margin-bottom: 15px; padding: 0; position: relative; text-align: center;}
.blog_details .news_details_image img{ max-width: 100%; max-height: 100%; width: auto;}
.blog_details p{font-size: 15px; line-height: 25px; color: #333;}
.blog_details blockquote { float: left; width: 100%;
position: relative;
z-index: 1;
border: none;
font-size: 22px;
margin: 0;
margin-top: 30px;
margin-bottom: 30px;
padding-left: 85px;
color: #232323;
font-weight: 600;
line-height: 32px;
}
.blog_details blockquote cite {
display: block;
margin-top: 15px;
color: #999999;
font-weight: 500;
}
.blog_details blockquote:before {
position: absolute;
left: 0;
top: 5%;
content: "";
height: 90%;
width: 3px;
background: #0ebda1;
}
.blog_details blockquote:after {
position: absolute;
left: 30px;
content: url("data:image/svg+xml;charset=utf-8,");
color: #0ebda1;
font-size: 30px;
top: 5px;
font-weight: 600;
}
.blog_details blockquote p {
margin: 0;
position: relative;
z-index: 1;
line-height: 28px;
font-size: 18px;
font-style: italic;
font-weight: 500;
}
.blog_details ul { float: left; width: 100%;
margin-bottom: 25px;
}
.blog_details ul li {
margin-bottom: 10px;
color: #333;
position: relative;
z-index: 1;
font-size: 15px;
padding-left: 25px;
display: block;
}
.blog_details ul li:after {
position: absolute;
left: 0;
top: 0;
content: "\f00c";
height: 100%;
width: 100%;
font-family: "FontAwesome";
color: #0ebda1;
font-weight: 600;
font-size: 15px;
}
.blog_details h2{font-size: 20px; margin: 0 0 10px; font-weight: 500; color: #cb212a;}
.blog_details h3{float: left; width: 100%; font-size: 18px; margin: 10px 0 10px; font-weight: 600; color: #333; display: block;}
.blog_details h4{float: left; width: 100%; font-size: 18px; margin: 10px 0 10px; font-weight: 600; color: #333; display: block; padding: 0;}
.blog_details h5{float: left; width: 100%; font-size: 16px; margin: 10px 0 10px; font-weight: 600; color: #333; display: block; padding: 0;}
.share_and_comments{float: left; width: 100%; margin-bottom: 20px;}
.comments_area { float: left; width: 100%;
margin-top: 30px;
}
.comments_area .comments_title {
margin-bottom: 30px;
font-size: 24px;
}
.comments_area .comment_list {
padding: 0;
margin: 0;
list-style-type: none;
}
.comments_area .comment_body {
border-bottom: 1px dashed #ccc;
padding-left: 70px;
color: #171717;
margin-bottom: 20px;
padding-bottom: 20px;
}
.comments_area .comment_body .comment_meta{background: transparent;}
.comments_area .comment_author {
font-size: 16px;
margin-bottom: 8px;
position: relative;
z-index: 2;
padding: 0;
}
.comments_area .comment_author .avatar {
height: 50px;
left: -65px;
position: absolute;
width: 50px;
}
.comments_area .comment_author .fn {
font-weight: 600;
}
.comments_area .comment_metadata {
color: #6b6b84;
margin-bottom: 10px;
font-size: 14px;
}
.comments_area .comment_metadata a {
display: inline-block;
color: #6b6b84;
}
.comments_area .comment_body .reply {
margin-top: 15px;
}
.comments_area .comment_body .reply a {
background: #171717;
color: #fff;
display: inline-block;
padding: 5px 30px;
border-radius: 30px;
text-transform: capitalize;
font-size: 14px;
font-weight: 500;
z-index: 1;
}
.comments_area .comment_body .reply a:hover{background: #0ebda1; color: #fff;}
.comments_area .children {
margin-left: 20px;
list-style: none;
}
.comments_area .comment_respond { float: left; width: 100%;
margin-top: 30px;
}
.comments_area .comment_respond .comment_reply_title {
margin-bottom: 0;
font-size: 24px;
}
.comments_area .comment_respond .comment_form {
overflow: hidden;
}
.comments_area .comment_espond .comment_notes {
margin-top: 10px;
margin-bottom: 20px;
}
.comments_area .comment_respond .comment_notes .required {
color: red;
}
.comments_area .comment_respond .comment_form_author {
float: left;
width: 50%;
padding-right: 10px;
margin-bottom: 20px;
}
.comments_area .comment_respond .cookies {
width: 100%;
float: left;
position: relative;
margin-bottom: 20px;
cursor: pointer;
}
/* Media News */
.media_news {float: left; width: 100%; position: relative; margin-bottom: 25px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}
.media_news .image{float: left; width: 100%; margin:0px; position: relative; overflow: hidden; height: 260px;}
.media_news .image img{position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%;}
.media_news a img {min-width: 100%;}
.media_news .media_news_title { float: left; width: 100%;background: #fff;margin: 0;padding:10px;}
.media_news h4 {
height: 60px;
margin-bottom: 0px;
overflow: hidden;
position: relative;
text-align: left;
padding: 0;
}
.media_news h4 span{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); width: 100%; color: #333;}
.media_news:hover h4 span{ color: #0ebda1;}
.media_news .media_news_title .media_name {position: absolute;top: 20px;left: 0;background: #0ebda1; padding: 5px 10px;font-weight: 600;color: #fff;}
.media_news .media_news_title .media_name span{ color: #fff;}
/* Services Page */
.service_page{float: left; width: 100%; margin: 0; padding: 40px 0; background: #fff;}
.service_page h2.title_2 {
color: #171717;
font-weight: 700;
font-size: 18px;
line-height: 29px;
margin: 0;
padding: 0;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
padding-bottom: 5px;
margin-bottom: 35px;
overflow: visible;
position: relative;
text-transform: capitalize;
}
.service_page h2.title_2:before {
content: '';
position: absolute;
background: #0ebda1;
width: 80px;
height: 2px;
left: 0;
bottom: -2px;
}
.service_listing {
position: relative;
overflow: hidden;
float: left;
width: 100%;
margin-bottom: 20px;
border-bottom: 1px solid #eee;
padding-bottom:20px;
}
.service_listing:last-child {
border: 0;
}
.service_listing .service_thumb {
float: left;
position: relative;
margin-right: 20px;
overflow: hidden;
max-width: 100%;
height: 220px;
border: 1px solid #eee;
width: calc(100% - 65%);
}
.service_listing .service_thumb img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: 100%;
}
.service_listing .service_content {
float: left;
padding: 0;
position: relative;
width: calc(100% - 40%);
}
.service_listing h2.title_small {
font-size: 17px;
line-height: 24px;
margin-bottom: 0px;
margin-top: 0;
padding: 0px 0 5px;
position: relative;
}
.service_listing:hover h2.title_small span {
color: #0ebda1;
}
.service_listing p {
color: #333;
}
.service_read_more_btn {
font-size: 14px;
color: #ffffff;
text-transform: capitalize;
font-weight: 500;
padding: 10px 30px;
border-radius: 50px;
display: inline-block;
background: #171717;
margin-bottom: 5px;
z-index: 1;
}
.service_read_more_btn:last-child{background: #0ebda1;}
.service_read_more_btn:last-child:before, .service_read_more_btn:last-child:after{background: #171717;}
.service_read_more_btn:hover,.service_read_more_btn:focus{color: #fff; text-decoration: none;}
.service_page .sidebar .sidebar_title1{text-transform: capitalize;}
.service_page .sidebar_inner ul li{border-bottom: 1px solid #eee;}
.service_page .sidebar_inner ul a{padding: 5px 10px; font-size: 14px;}
/* Service details */
.service_details_image{float: right; max-width: 400px; width: 100%; margin-bottom: 15px; padding: 0; position: relative; text-align: center;}
.service_details_image_thumb{position: relative; height: 320px; border: 1px solid #eee; margin-bottom: 12px;}
.service_details_image .service_details_image_thumb img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%; width: auto;}
.details_btn {padding: 10px 35px;background: #171717;
color: #fff;border: 0;z-index: 1;display: inline-block;border-radius: 3px;}
.service_details h2 {font-size: 18px;margin: 10px 0 10px;
font-weight: 600;color: #333;display: block;padding: 0;}
.service_details h3 {font-size: 18px;margin: 10px 0 10px;
font-weight: 600;color: #333;display: block;padding: 0;}
.service_details h4 {font-size: 18px;margin: 10px 0 10px;font-weight: 600;color: #333; display: block;padding: 0;}
.service_page.service_details_page h2.title_2 {margin-bottom: 15px;}
.service_details ul {float: left;width: 100%;margin-bottom: 25px;padding: 0;}
.service_details ul li { margin-bottom: 5px;color: #333;position: relative;z-index: 1;
font-size: 15px;padding-left: 25px;display: block;}
.service_details ul li:after {position: absolute;left: 0;top: 0;content: "\f00c";height: 100%;
width: 100%;font-family: "FontAwesome";color: #0ebda1;font-weight: 600;font-size: 15px;}
/* you may also like */
.also_service_like{float: left;width: 100%;border: solid 1px #eee;max-width: 100%;background: #fff;padding-bottom: 11px;margin: 0 0px 30px;text-align: center;}
.also_service_like .also_service_like_thumb{position:relative; padding: 0; margin-bottom: 10px; text-align:center; height:250px;}
.also_service_like .also_service_like_thumb img{top: 50%;left: 50%;transform: translate(-50%,-50%); position: absolute; max-height:100%; max-width: 100%; width: auto;}
.also_service_like h4{ float: left; width:100%; position: relative; text-align:center; margin-bottom:10px; text-transform: capitalize; line-height: 24px; height: 50px; color: #171717;}
.also_service_like h4 span{position: absolute; top:50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); width: 100%;font-weight:600;font-size:18px; padding: 0 10px;}
.also_service_like:hover h4{color: #0ebda1;}
/* Modal Form*/
.modal-content{border-radius: 0;}
.modal-header{ padding: 0 15px; background: #0ebda1; color: #fff; border-radius: 0;}
.modal-header h4{ text-align: left; font-size: 18px; line-height: 18px; color: #fff;}
.modal-header .modal-title {
text-align: left;
font-size: 18px;
line-height: 18px;
color: #fff;
padding: 15px 0;
text-transform: initial;
letter-spacing: 0.2px;
}
.btn-close {
width: 1em;
height: 1em;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
outline: 0;
}
.btn-close:focus{box-shadow: none;}
.product_popup{ float: left; width: 100%; margin: 0; padding: 0;}
.product_popup_image{ width: 100%; margin-bottom: 15px; border: 1px solid #eee; overflow: hidden; position: relative; height: 360px;}
.product_popup_image img{ position: absolute; max-width: 100%; top:50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; width: auto; margin: auto;}
.product_popup h4{ color: #0ebda1; font-size: 17px; font-weight: 600; text-transform: uppercase; margin-bottom: 8px; text-align: center; padding: 0;}
.product_popup p{ font-size: 14px; line-height: 24px; color: #333; text-align: left; margin-bottom: 15px;}
#product_enquiry label.error{color:#FB3A3A;font-weight:normal;}
.send_p{font-size: 13px; line-height: 18px; text-align: center;}
.modal-body form{float: left; width: 100%;}
.modal-body textarea{width:100%; height:120px; padding:5px 12px; border-radius:0px;}
.pac-container { z-index: 100000; }
.g-recaptcha{transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0}
.modal_btn{width:auto; background:#333; padding: 8px 25px; border:none; color:#fff; font-size:14px; border-radius:4px; cursor: pointer;}
.modal_btn:hover,.modal_btn:focus{background: #0ebda1; color: #fff;}
.order_confirm{text-align: center; float: none;}
.details_qty.order_confirm input.qty{border: 0; margin: 0 auto;}
.checkout-step-04 table tbody tr td:first-child{width: 60%;}
.summary_p{ font-size: 12px!important; color: #333; }
.summary_p a{background:#171717;; color: #fff; padding: 0px 10px; text-decoration: none; border-radius: 2px;}
.summary_p small{color: #0ebda1; font-size: 12px;}
.summary_p a:hover{text-decoration: none;}
.summary_p span{float: right;}
.float_r{float: right;}
.qty {
display: inline-flex; align-items: center; gap: 8px;
font: 16px/1.2 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.qty button {
width: 36px; height: 36px; border: 1px solid #ccc; background: #fff;
border-radius: 8px; cursor: pointer;
}
.qty input[type="number"] {
width: 72px; height: 36px; text-align: center;
border: 1px solid #ccc; border-radius: 8px;
}
.qty button:disabled { opacity: .4; cursor: not-allowed; }
.btn {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
white-space: nowrap;
text-decoration: none;
background: var(--color-bg-dark);
padding: 0.5rem 1rem;
border-radius: var(--radius-md);
font-size: 1em;
font-weight: 500;
color: var(--color-contrast-higher);
cursor: pointer;
text-decoration: none;
line-height: 1.2;
transition: 0.2s;
will-change: transform;
}
.btn:focus-visible {
outline: none;
box-shadow: 0 0 0 2px var(--color-bg), 0 0 0 4px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15);
}
.btn:active {
transform: translateY(2px);
}
/* primary */
.btn--primary {
background: var(--color-primary);
box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 3px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0 2px 6px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0 6px 10px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25);
color: var(--color-white);
}
.btn--primary:hover {
background: var(--color-primary-light);
box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0 1px 4px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0 3px 6px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25);
}
.btn--primary:focus-visible {
box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0 1px 4px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0 3px 6px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-primary);
}
/* subtle */
.btn--subtle {
background: var(--color-bg-lighter);
color: var(--color-contrast-higher);
box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1), 0 0 0 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.02), 0 0.3px 0.4px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.025), 0 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2), 0 3.5px 6px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.12);
}
.btn--subtle:hover {
background: var(--color-bg-light);
box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1), 0 0 0 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.02), 0 0.1px 0.3px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.06), 0 1px 2px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.12), 0 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2);
}
.btn--subtle:focus-visible {
box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1), 0 0 0 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.02), 0 0.3px 0.4px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.025), 0 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2), 0 3.5px 6px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.12), 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-contrast-high);
}
/* accent */
.btn--accent {
background: var(--color-accent);
color: var(--color-white);
box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 3px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.25), 0 2px 6px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1), 0 6px 10px -2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.25);
}
.btn--accent:hover {
background: var(--color-accent-light);
box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.25), 0 1px 4px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1), 0 3px 6px -2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1);
}
.btn--accent:focus-visible {
box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.25), 0 1px 4px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1), 0 3px 6px -2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1), 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent);
}
/* contrast */
.btn--contrast {
background: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.95);
color: var(--color-bg);
box-shadow: 0 0.1px 0.3px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.06), 0 1px 2px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.12);
}
.btn--contrast:hover {
background: var(--color-contrast-higher);
}
.btn--contrast:focus-visible {
box-shadow: 0 0.1px 0.3px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.06), 0 1px 2px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.12), 0 0 0 2px var(--color-bg), 0 0 0 4px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.95);
}
/* primary subtle */
.btn--primary-subtle {
background: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.15);
color: var(--color-primary);
}
.btn--primary-subtle:hover {
background: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.12);
}
.btn--primary-subtle:focus-visible {
box-shadow: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-primary);
}
/* accent subtle */
.btn--accent-subtle {
background: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.15);
color: var(--color-accent);
}
.btn--accent-subtle:hover {
background: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.12);
}
.btn--accent-subtle:focus-visible {
box-shadow: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent);
}
/* feedback */
.btn--disabled, .btn[disabled], .btn[readonly] {
opacity: 0.6;
cursor: not-allowed;
}
/* a button containing (only) an icon */
.btn--icon {
padding: 0.5rem;
}
.counter {
background-color: var(--color-contrast-lower);
padding: var(--space-4xs) var(--space-2xs);
border-radius: 50em;
font-size: var(--text-xs);
line-height: 1
}
.counter--primary {
background-color: var(--color-primary);
color: var(--color-white)
}
.counter--critical {
background-color: var(--color-error);
color: var(--color-white)
}
.counter--light {
background-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.9);
color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.85)
}
.counter--dark {
background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.8);
color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.9)
}
.counter--docked {
position: absolute;
top: 0;
right: 0;
transform: translate(50%, -50%)
}
.counter-container {
height: 48px;
width: 48px;
background-color: var(--color-contrast-lower);
border-radius: var(--radius-md);
position: relative
}
/* Modal End */
@media(max-width:768px) {
.quick-contact-items .row{display: block;}
.contact_us_btn_1 {float: left; margin-top: 20px;}
.blog_listing .blog_thumb{width: 100%; margin:0 0 15px;}
.blog_listing .blog_content{width: 100%;}
.blog_listing h2.title_small{height: auto;}
.blog_listing h2.title_small span{position: relative; transform: none; left: 0; top: 0;}
.service_listing .service_thumb{width: 100%; margin:0 0 15px;}
.service_listing .service_content{width: 100%;}
.service_listing h2.title_small{height: auto;}
.service_listing h2.title_small span{position: relative; transform: none; left: 0; top: 0;}
.product_popup_image{height: auto;}
.product_popup_image img{position: relative; transform: none; left: 0; top: 0;}
.product_popup h4{margin-bottom: 20px;}
}
.YYlogo img{ max-width:100%}
.YYlogo{width:240px;display:block}
@media (max-width: 768px) {
.transaction_method {
display: block !important;
}
.footer-first_menu .menu .menu{padding:0px 15px;}
}
@media (max-width: 480px) {
.fl{display:none;}
}