@charset "UTF-8";



@font-face {

    font-family: 'Sansation';

    src: url('../fonts/Sansation-Regular.woff') format('woff');

    font-weight: 400;

    font-style: normal;

}



@font-face {

    font-family: 'Sansation';

    src: url('../fonts/Sansation-Bold.woff') format('woff');

    font-weight: 600;

    font-style: normal;

}



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    font-family: 'Sansation';



}



a {

    color: #000;

    text-decoration: none;

    outline: 0

}



a::after {

    text-decoration: none;

    outline: 0

}



a::active {

    text-decoration: none;

    outline: 0

}



a:hover {

    text-decoration: none

}



a:active,

a:focus,

a:visited {

    text-decoration: none;

    outline: 0

}



button:focus,

input:focus,

select:focus {

    outline: 0

}



.section {

    padding: 50px 0px;

}



.container {

    max-width: 1280px !important;

}

.empty_cart {
    margin: 30px 0;
}



p {

    font-size: 18px;

    color: #000;

    line-height: 27px;

}



ul li {

    font-size: 18px;

    color: #000;

    line-height: 27px;

}



.header-top {
    background: #0DA487;
    position: relative;
    z-index: 40;
}



.social-link p {

    margin: 0px;

    color: #fff;

    padding: 6px 0;

}



.sign-btn img {

    margin-right: 10px;

}



.sign-btn p {

    float: right;

    margin: 0;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    padding: 5px 0px;

}



.sign-btn p span {

    display: block;

    font-size: 14px;

    font-weight: 400;

    padding-left: 44px;

    line-height: 16px;

}



nav.navbar {

    padding: 5px 0px;

}
li.nav-item {
    padding: 0px;
    position: relative;
}
.navbar-light .navbar-brand {

    font-size: 40px;

    font-weight: 600;

    color: #0da487;

}
li.nav-item span {
    position: absolute;
    top: 10px;
    right: -3px;
}
li.nav-item span i {
    font-size: 14px;
}

li.nav-item.active .nav-link,

.nav-link:hover {

    color: #0DA487 !important;

    border-radius: 5px;

}



.navbar-light .navbar-nav .nav-link {
    color: #000;
    padding: 8px 12px;
}

.navbar-light .navbar-nav .nav-link i {

    font-size: 14px;

}

header nav ul li {

    margin: 0px 0px 0px 0px;

    position: relative;

}

header nav ul li ul.drop1_list {

    margin: 0;

    padding: 0;

    background-color: #fff;

    position: absolute;

    z-index: 999;

    width: 200px;

    padding: 10px 10px 10px 20px;

    top: 43px;

    box-shadow: 0 0 5px 0 #999;

    left: 0px;

    transform: scale(1, .5);

    -webkit-transform: scale(1, .5);

    -moz-transform: scale(1, .5);

    transform-origin: left;

    -webkit-transform-origin: left;

    -moz-transform-origin: left;

    visibility: hidden;

    opacity: 0;

    transition: all .3s ease;

}

header nav ul li ul.drop1_list li{

  list-style: none;

    background-image: url(../images/check.png);

    background-repeat: no-repeat;

    padding-left: 30px;

    background-position: 0px 7px;  

    font-size:15px;

    margin:3px 0px;

}

header nav ul li:hover ul.drop1_list {

    opacity: 1;

    visibility: visible;

    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

}

.cart {

    float: left;

    padding: 0px 0px 0 4px;

    border-radius: 50%;

    border: 1px solid #6495af;

    width: 45px;

    height: 45px;

    line-height: 45px;

    text-align: center;

}



.cart sup {

    font-size: 11px;

    background: #6495af;

    color: white;

    width: 13px;

    height: 13px;

    line-height: 13px;

    border-radius: 50%;

    display: inline-block;

    text-align: center;

    position: relative;

    left: -10px;

    top: -10px;

}



.banner-img {

    background-image: url(../images/banner.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    height: 300px;

}



.banner-txt {

    float: left;

    width: auto;



    position: relative;

    top: 50%;

}



.main-heading h2 {

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 0;

}



.banner-txt label {

    width: 100%;

    float: left;

    font-size: 35px;

    font-weight: 600;

    margin-bottom: 0px;

    color: #fff;

    padding: 30px;

    line-height:40px;

}

.home-content h1 {

    font-size: 40px;

    font-weight: 600;

}

.banner-txt label span {

    display: block;

}

h1.sitemap-head {

    font-size: 42px;

    font-weight: 600;

    margin: 25px 0px 0px;

    text-align: center;

}

.content_page.sitemap-sec {

    padding: 30px 30px 10px;

    border-radius: 5px;

    display: flex;

    justify-content: space-between;

    margin:0;

}

.sitemap-big {

    box-shadow: 0 0 10px #ccc;

    margin:30px 0px 40px;

}

.main-btn {

    background: red;

    font-size: 18px;

    font-weight: 600;

    border-radius: 30px;

    text-align: center;

    padding: 8px 0px;

    display: inline-block;

    width: 165px;

    color: #fff;

}

.sitemap-big ul li {

    font-size: 16px;

}

.sitemap-big h2{

    font-size:20px;

    color:#0DA487;

}

.sitemap-big h2 a{

    color:#0DA487;

}

.content_page.sitemap-sec.second-box {

    border-top: 1px solid #02b29b;

    border-radius: 0;

}

.content_page.sitemap-sec.second-box .sitemap-box:first-child {

    flex: 0 0 65%;

}



.content_page.sitemap-sec.second-box .sitemap-box:first-child ul li{

    width:33%;

    float:left;

    margin: 10px 0px;

}

.our-product {

    margin: 0;

    display: flex;

    flex-flow: row wrap;

    align-items: stretch;

    justify-content: center;

    float: left;

    padding: 0;

    width: 100%;

}



.our-product li {

    flex: 0 0 24%;

    margin: 0 .5% 15px;

    padding: 0;

    list-style: none;

    float: left;

    overflow: hidden;

    border-radius: 12px;

    transition: ease-in .3s;

}



.our-product li:hover h3 {

    color: #ffa500;

}



.our-product li figure {

    margin: 0;

    padding: 0;

    position: relative;

}

.our-product li figure h3 a {

    color: #fff;

}

.our-product li figure h3 {

    position: absolute;

    bottom: 10px;

    right: 0px;

    font-size: 20px;

    color: #fff;

    font-weight: 600;

    text-align: right;

    padding-right: 15px;

}

.our-product.home-cat li figure img {

    object-fit: cover;

    width: 100%;

    height: 250px;

}

.our-product li:nth-child(5) {

    flex: 32%;

}

.our-product li:nth-child(6) {

    flex: 32%;

}

.our-product li:nth-child(7) {

    flex: 32%;

}

.about-img img {

    width: 100%;

    height: 450px;

    object-fit: cover;

    border-radius: 15px;

    border: 5px solid #fff;

    box-shadow: 0px 0px 10px #ccc;

}



.about-box h2 span {

    font-size: 24px;

    display: block;

    color: #417394;

    font-weight: 600;

    line-height: 26px;

}



.about-box h2 {

    font-size: 40px;

    font-weight: 600;

    line-height: 40px;

}



.about-box ul {

    padding: 0;

    margin: 25px 0 0 0;

    background: rgba(13, 164, 135, 0.17);

    border-radius: 8px;

    display: flex;

    justify-content: space-around;

    align-items: center;

}



.about-box ul li {

    list-style: none;

}



.about-box ul li h3 {

    font-size: 24px;

    font-weight: 600;

}



.about-box ul li p {

    font-size: 16px;

    font-weight: 400;

    color: #747474;

}



.about-box ul li a {

    background: #FFA53B;

    font-size: 18px;

    height: 40px;

    display: inline-block;

    width: 140px;

    border-radius: 8px;

    text-align: center;

    line-height: 40px;

    color: #fff !important;

}



.about-row {

    margin-top: 50px;

}



.about-box a {

    color: #ffa53b;

    font-size: 18px;

    font-weight: 600;

    text-decoration: revert;

}



.our-product1 {

    margin: 25px 0 0;

    display: flex;

    flex-flow: row wrap;

    align-items: stretch;

    justify-content: center;

    float: left;

    padding: 0;

    width: 100%;

}

ul.our-product1 li img {

    max-height: 175px;

}
.our-product1 li .product-info a {
    color: #fff;
}
.our-product1 li {

    flex: 0 0 23%;

    background: #fff;

    margin: 0 1% 25px;

    padding: 10px;

    list-style: none;

    float: left;

    border-radius: 8px;

    border: 1px solid #0da487;

    text-align: center;

}



.product-info {

    background: #0da487;

    border-radius: 8px;

    padding: 8px 0px;

}



.product-info p {

    margin: 0;

    color: #fff;

    font-size: 16px;

}



.product-info h3 {

    color: #fff;

    margin: 0;

    line-height: 24px;

}



.product-info h3 a {

    color: #fff;

    font-size: 22px;

}



.our-product1 li figure {

    line-height: 180px;

    margin: 0;

}



.best-of-collection {

    background-image: url(../images/best-of-collection.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 30px;

    border-radius: 15px;

    position: relative;

    overflow: hidden;

    margin-top: 30px;

}



.best-of-collection::before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: #0da487;

    opacity: .8;

}



.best-of-collection h3 {

    font-size: 40px;

    font-weight: 600;

    color: #fff;

    margin: 0;

    position: relative;

}



.best-of-collection p {

    color: #fff;

    margin: 0;

    position: relative;

}



.testi {

    display: flex;

    justify-content: center;

    align-items: center;

    background: #0da487;

}



.testi figure {

    flex: 0 0 35%;

    margin: 0;

}



.testi figure img {

    width: 100%;

    height: 335px;

    object-fit: cover;

}



.testi .testi-info {

    flex: 0 0 65%;

    text-align: center;

    padding: 40px;

}



.content-txt {

    width: 100%;

    float: left;

}



.content-txt.testi-home h2 {

    font-size: 40px;

    text-transform: capitalize;

    color: #fff;

    font-weight: 600;

}



.content-txt.testi-home h2 span {

    display: block;

    font-size: 22px;

    font-weight: 500;

    color: #ffb822;

}



.testimonial-client {

    padding: 25px 85px 0;

    float: left;

}



.testimonial-client p {

    color: #fff;

    font-size: 16px;

    line-height: 24px;

}



.client-info {

    display: flex;

    align-items: center;

    justify-content: center;

}



.client-info figure {

    float: left;

    background: #ffa500;

    border-radius: 50%;

    margin: 0 15px 0 0;

    flex: 0 0 60px;

    height: 60px;

}



.client-info figure img {

    position: relative;

    left: 7%;

    height: 60px;

    width: 60px;

}



.client-info-detail h3 {

    color: #ffa500;

    text-align: left;

    font-weight: 400;

    line-height: 24px;

}



.client-star a i {

    color: orange;

}



.Weekly-Update {

    display: flex;

    justify-content: space-around;

    flex-flow: row wrap;

    align-items: center;

    padding: 0;

    margin: 0;

}



.Weekly-Update li {

    flex: 0 0 32%;

    margin-right: 1%;

    list-style: none;

}



.Weekly-Update li img {

    width: 100%;

    height: 400px;

    object-fit: cover;

    border-radius: 15px;

}



.Weekly-Update li h3 {

    font-size: 40px;

    font-weight: 600;

}



.Weekly-Update li a {

    height: 40px;

    line-height: 40px;

    text-align: center;

    background: #ffa53b;

    width: 140px;

    display: inline-block;

    border-radius: 40px;

    font-size: 16px;

    font-weight: 600;

    color: #fff;

}



.home-process {

    padding: 0;

    margin: 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.home-process li {

    list-style: none;

    display: flex;

    align-items: center;

    background: #EFEFEF;

    flex: 0 0 33%;

    padding: 10px;

    height: 100px;

}



.home-process li figure {

 
    margin: 0 5px 0 0;

}



.home-process li figure img {

    width: auto;

    height: 85px;

}



.home-process li:nth-child(2) {

    background-color: #ffa53b;

}



.home-process li:nth-child(2) img {

    height: auto;

}



.process-intro {

    margin-left: 10px;

}



.process-intro h3 {

    font-size: 22px;

    margin-bottom: 3px;

    font-weight: 600;

    color: #000;

}



.process-intro p {

    font-size: 18px;

    line-height: 20px;

    margin: 0px 0 0;

}



.about-box ul li a:hover {

    background: #0da487;

}



.our-product1 li:hover {

    border-color: #ffa500;

}



.our-product1 li:hover .product-info {

    background: #ffa500;

}



.Weekly-Update li a:hover {

    background: #0DA487;

}



.search button:hover {

    background: #0DA487;

    border-color: #0DA487;

}



.footer-box ul li a:hover {

    color: #ffa53b;

}



.social-icon a:hover {

    color: #0DA487;

    border-color: #0DA487;

}



.our-product li:hover img {

    transform: scale(1.1);

    overflow: hidden;

    transition: .3s;

}



/* content text start */

.content-txt {

    width: 100%;

    float: left;

}



.content-txt ul {

    width: 100%;

    float: left;

}



.content-txt ul {

    width: 100%;

    float: left;

    margin: 6px 0px;

}



.content-txt h3 {

    width: 100%;

    float: left;

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 5px;

}



.content-txt p {

    width: 100%;

    float: left;

    margin-bottom: 20px;

}



.content-txt p:last-child {

    margin-bottom: 0px;

}



/* content text end */

/* footer start */

footer {

    background: rgba(6, 92, 76, 0.97);

    padding: 50px 0px 0px;

}



.Subscribe {

    position: relative;

    display: flex;

    justify-content: space-between;

    border-bottom: 1px solid #fff;

    margin-bottom: 40px;

    padding-bottom: 30px;

    align-items: center;

}



.Subscribe-intro h3 {

    font-size: 42px;

    font-weight: 600;

    color: #fff;

    line-height: 45px;

    margin-bottom: 5px;

}



.Subscribe-intro p {

    font-size: 18px;

    color: #fff;

    margin: 0;

}



.search {

    position: relative;

    flex: 0 0 50%;

}



.search input {

    height: 80px;

    width: 100%;

    padding-left: 30px;

}



.search button {

    position: absolute;

    right: 0;

    top: 0;

    width: 35%;

    height: 80px;

    background: #FFA53B;

    border: 1px solid #FFA53B;

    font-size: 18px;

    color: #fff;

}



.footer-box {

    width: 100%;

    float: left;

    margin-bottom: 50px;

    position: relative;

}



.footer-box h3 {

    width: 100%;

    float: left;

    font-size: 22px;

    color: #fff;

    margin-bottom: 20px;

    text-transform: capitalize;

    font-weight: 400;

    position: relative;

}



.footer-box p {

   color: #fff;

    font-size: 14px;

    line-height: 20px;

}



.footer-box ul {

    width: 100%;

    float: left;

    margin-bottom: 0px;

    padding: 0;

}

.footer-box.footer-box1.footer-box2 ul li {

    width: 100%;

}

.footer-box ul li {

    width: 50%;

    float: left;

    list-style: none;

    font-size: 14px;

    background-image: url(../images/foot-arrow.png);

    background-repeat: no-repeat;

    background-position: 0px;

    padding-left: 24px;

}



.footer-box ul li a {

    width: 100%;

    float: left;

    color: #fff;

    margin: 4px 0px;

}



.footer-box h3::after {

    width: 75px;

    content: '';

    position: absolute;

    left: 0;

    bottom: -5px;

    height: 1px;

    background: #FFA53B;

}



.social-icon a {

    border: 1px solid #FFA53B;

    width: 35px;

    height: 35px;

    text-align: center;

    line-height: 35px;

    display: inline-block;

    font-size: 17px;

    color: #FFA53B;

    border-radius: 50%;

    margin-right: 5px;

}



.copy-right {

    color: #fff;

    text-align: center;

    border-top: 0px solid #ccc;

    padding: 15px 0px;

    font-size: 18px;

    background-color: #FFA53B;

    position: relative;

}



/* footer end */

/* card  start*/

.main-card {

    width: 100%;

    float: left;

    border: 1px solid #ccc;

    text-align: center;

    padding: 15px;

    border-radius: 5px;

}



.main-card figure {

    width: 100%;

    float: left;

    margin-bottom: 0px;

}



.main-card h3 {

    width: 100%;

    float: left;

    margin-bottom: 0px;

}



.main-card h3 a {

    width: 100%;

    float: left;

    margin: 10px 0px;

    font-size: 24px;

    font-weight: 600;

}



.main-card p {

    width: 100%;

    float: left;

    margin-bottom: 15px;

}



.main-card .main-btn {

    margin-bottom: 5px;

}



/* card end */

.display-hide {

    display: none;

}



.breadcrumb_main ol {

    background: transparent;

    display: flex;

    padding-left: 5px;

    margin-bottom: 0px;

}



.breadcrumb_main ol li {

    padding: 10px 15px;

    position: relative;

    list-style: none;

    color: #000;

}



.breadcrumb_main ol li a {

    color: #0d2556;

}



.breadcrumb_main ol li:first-child::after {

    content: '';

}



.breadcrumb_main ol li::after {

    position: absolute;

    top: 11px;

    left: -4px;

    content: "";

    background-image: url(../images/small-arrow.png);

    width: 9px;

    height: 17px;

    background-position: 0px 6px;

    background-repeat: no-repeat;

}



.breadcrumb_main ol li:first-child::after {

    background-image: unset;

}



.content_page {

    width: 100%;

    padding: 0px 0px 20px 0px;

    display: inline-block;

    margin-top: 30px;

}



.content_page h1 {

    width: 100%;

    font-size: 32px;

    margin-bottom: 5px;

    font-weight: 600;

    color: #ffa53b;

}



.content_page h2,

h3 {

    width: 100%;

    font-size: 22px;

    margin-bottom: 5px;

    font-weight: 600;

    color: #0DA487;

}



.content_page p a {

    color: #0d2556;

    ;

}



.content_page p {

    width: 100%;

    margin-bottom: 25px;

}



.content_page ul,

ol {

    width: 100%;

    float: left;

    padding: 0;



}



.content_page ul li:first-child {

    margin-top: 0px;

}



.content_page ul li {

    width: 100%;

    margin: 10px 0;

    color: #000;

    font-weight: 400;

    list-style: none;

    background-image: url(../images/check.png);

    background-repeat: no-repeat;

    padding-left: 30px;

    background-position: 0px 7px;

}



h1.main-head {

    width: 100%;

    text-align: center;

    margin-bottom: 25px;

    font-size: 36px;

    font-weight: 600;

    margin-top: 5px;

}



.product_main_area {

    width: 100%;

    background: #fff;

    display: flex;

    margin-bottom: 20px;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 0 10px #ccc;

}



.product_main_area figure {

    text-align: center;

    padding: 10px;

    margin: 0;

    line-height: 210px;

    background: #fff;

    position: relative;


    flex: 0 0 35%;

}



.product_main_area figure img {

    max-width: 100%;

    width: auto; max-height:200px;
}



.product_main_area figure p.note_info {

    width: 100%;

    font-size: 12.5px;

    line-height: 16px;

    font-weight: 600;

    font-style: italic;

    padding: 0 10px;

    bottom: 8px;

    left: 0;

    position: absolute;

}



.product_main_area .txt_area {

    width: 100%;

    padding: 0;

    background: #f3f7ff;

}



.product_main_area .txt_area h1 {

    font-size: 32px;

    font-weight: 700;

    width: 100%;

    margin: 0 0 5px;

    color: #0d2556;

}



.top-review {

    width: 100%;

    margin: 0 0 5px 0;

}



.admin-ranking {

    width: 100%;

}



.admin-ranking a {

    color: #000;

}



.top-review .star {

    font-size: 15px !important;

    color: #000;

}



.star {

    position: relative;

    font-size: 14px;

}



.star i {

    color: #ffd100 !important;

}



.top-review i {

    font-size: 16px !important;

    color: #d1d319;

    margin: 0 2px 0 0;

}



.prodct_table_main {

    width: 100%;

    padding: 0 0 0;

}



.pro_dosase {

    height: auto;

    display: flex;

    align-items: center;

    margin: 0 0 10px;

    background: #fff;

    border: solid 1px #0da487;

    border-radius: 30px;

    overflow: hidden;

    width:90%;

}



.pro_dosase h3 {

    margin: 0 !important;

    width: auto;

    border: none;

    flex: 0 0 35%;

    padding: 8px 0 8px 0px !important;

    color: #0da487 !important;

    font-size: 14px !important;

    text-align: center;

    font-weight: 600;

    text-transform: uppercase;

}



.select_dosase.pro_dosase ul {
    width: 100%;
    margin:0;
    padding:0;
    overflow: hidden;
}



.select_dosase ul li {

    width: auto;

    margin: 0 8px;

    list-style: none;

    border: none;

    padding: 0;

    min-width: inherit;

    min-height: inherit;

}



.pro_dosase ul li {

    width: 50%;

    text-align: center;

    margin: 0;

    float:left;

}



.pro_dosase ul li label {

    border-radius: 0;

    padding: 12px 15px;

    border: solid 1px #0d2556;

    border-width: 0 0 0 1px;

    color: #0d2556;

    line-height: 25px;

    position: relative;

    margin-bottom: 0;

    font-weight: 500;

}



.select_dosase ul li.active .radio_btn {

    background: #08233b;

    color: #fff;

    font-weight: 600;

}



.pro_dosase ul li.active label {

    background: #0da487 !important;

    color: #fff;

}



.select_dosase ul li label {

    display: block;

    position: relative;

    padding-left: 26px;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.select_dosase ul li label input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

}



.radio_btn input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

}



.pro_dosase ul li label {

    border-radius: 0;

    padding: 7px 0px;

    border: solid 1px #0da487;

    border-width: 0 0 0 1px;

    color: #0d2556;

    line-height: 25px;

    position: relative;

    margin-bottom: 0;

    font-weight: 600;

    font-size:14px;

}



.prodct_table_main table tr td button {

    width: auto;

    display: inline-block;

    border: none;

    background: #0d2556;

    color: #fff;

    border-radius: 3px;

    padding: 3px 10px;

    cursor: pointer;

    transition: ease-in .3s;

}



.content_page.pro-page {

    margin-top: 15px;

}



.contact_form {

    width: 100%;

    float: left;

    margin: 30px 0;

}



.contact_form ul li {

    width: 50%;

    float: left;

    margin: 10px 0;

    list-style: none;

}



.contact_form ul li label {

    font-weight: 500;

}



.contact_form ul li input {

    width: 95%;

    border-radius: 0px;

}



.contact_form ul li:last-child,

.contact_form ul li:nth-child(5) {

    width: 100%;

}



#review_response {

    width: 100%;

    float: left;

    margin: 10px 0 0;

}



.contact_form .sbmt_btn {

    width: auto;

    display: inline-block;

    float: left;

    margin: 10px 0 10px;

    border-radius: 10px;

    border: solid 1px #fff;

    background :#FFA53B;

    text-transform: uppercase;

    font-weight: 500;

    padding: 12px 25px;

    color: #fff;

    cursor: pointer;

}



.contact_area {

    width: 100%;

    float: left;

    height: auto;

    background: #fff;

    margin: 80px 0 0;

    border-radius: 10px;

    box-shadow: 0px 0px 10px #ccc;

}



.contact_area .address_area {

    width: 100%;

    float: left;

    height: auto;

}



.about-us.cat-page {

    margin-bottom: 30px;

}



.our-product .main-card h3 {

    width: auto;

}



.contact_area .address_area li {

    width: 100%;

    float: left;

    height: auto;

    list-style: none;

    margin: 0px 0;

    border-bottom: solid 1px #c0cfff;

    padding: 20px 20px;

}



.contact_area .address_area li:last-child {

    border-bottom: 0px;

}



.contact_area .address_area figure {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    float: left;

    text-align: center;

    background: #FFA53B;

    line-height: 55px;

    margin: 0;

    padding: 0;

}



.contact_form h1 {

    font-size: 36px;

    color: #0d2556;

    font-weight: 600;

}



.contact_area .address_area figure i {

    color: #fff;

    font-size: 22px;

}



.contact_area .address_area .details {

    width: calc(100% - 50px);

    float: left;

    padding: 0 15px;

    box-sizing: border-box;

}



.contact_area .address_area .details h3 {

    width: 100%;

    float: left;

    padding: 0px 0 5px 0;

    font-size: 16px;

    margin: 0;

    color: #0d2556;

}



.contact_area .address_area .details p {

    font-size: 14px;

    padding: 0;

    margin: 0;

    text-align: left;

    line-height: 20px;

    color: #000;

}



.contact_form ul {

    width: 100%;

    float: left;

    margin-bottom: 0px;

    padding: 25px;

    border-radius: 10px;

    box-shadow: 0 0 10px #ccc;

}



.contact_form ul li:nth-child(2) input {

    width: 100%;

}



.contact_form ul li:nth-child(4) input {

    width: 100%;

}



textarea.form-control {

    height: auto;

    border-radius: 0px;

}



.price-part select {

    width: 57%;

    height: 42px;

    border-radius: 30px;

    margin-right: 10px;

    background: url(../images/select_arrow.png) no-repeat right 25px top 16px #fff;

    appearance: none;

    font-size: 16px;

}



.price-part {

    display: flex;

}



.shopping_cart_area {

    width: 100%;

    float: left;

    color: #000;

    background: #fff;

    padding: 0;

}



.shopping_cart_area {

    width: 100%;

    float: left;

    color: #000;

    margin: 35px 0 50px;

}



.shopping_cart_area h1 {

    font-size: 36px;

    font-weight: 600;

    margin-bottom: 10px;

    color: #0d2556;

}



.shopping_cart_area .left_cart {

    width: 75%;

    float: left

}



.shopping_cart_area .cart_img {

    max-height: 70px

}



.shopping_cart_area .quantity span {

    width: 30px;

    height: 30px;

    line-height: 20px;

    background-image: linear-gradient(to bottom, #2c84ef, #2d5cd1);

    color: #fff;

    cursor: pointer;

    display: inline-block;

    padding: 5px;

    vertical-align: top;

    border-radius: 10px;

}



span.action i {

    color: #2d62d6;

}



.shopping_cart_area .quantity .input_qty {

    width: 50px;

    height: 30px;

    display: inline-block;

    text-align: center;

    border-radius: 28px;

    appearance: none;

    -moz-appearance: none;

    border: solid 1px #ccc;

}



.table h4 {

    font-size: 18px

}



.shopping_cart_area .action {

    width: auto;

    font-size: 16px

}



.shopping_cart_area .action a {

    color: #333;

    border: solid 1px #ccc;

    padding: 8px 15px;

    border-radius: 5px;

    margin: 5px 0 0;

    display: inline-block

}



.shopping_cart_area .action a:hover {

    color: #00acb3;

    border: solid 1px #00acb3

}



.shopping_cart_area .table-bordered thead th {

    text-align: center;

    background: #2d5dd2;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

}



.shopping_cart_area .table-bordered tr td {

    vertical-align: middle

}



.shopping_cart_area .coupon_code {

    width: auto;

    margin: 0 auto;

    display: inline-block;

    border: dashed 1px #333;

    padding: 10px 20px

}



.shopping_cart_area .coupons {

    width: 100%;

    margin: 10px 0 20px;

    padding: 10px 15px

}



.shopping_cart_area .coupon_code label {

    font-size: 16px;

    font-weight: 700;

    letter-spacing: .5px;

    text-transform: uppercase

}



.shopping_cart_area .coupon_code input {

    width: 280px;

    padding: 0 20px;

    height: 40px;

    text-align: left;

    border-radius: 25px;

    appearance: none;

    -moz-appearance: none;

    border: solid 1px #ccc

}



.shopping_cart_area .coupon_code button {

    background: #00acb3;

    color: #fff;

    border-radius: 3px;

    border: none;

    padding: 7px 15px;

    font-size: 13px;

    text-transform: uppercase;

    font-weight: 700;

    cursor: pointer;

    margin: 0 8px

}



.shopping_cart_area .right_checkout {

    width: 25%;

    float: left

}



.shopping_cart_area .right_checkout .checkout_area {

    width: 100%;

    float: left;

    padding: 0 20px

}



.shopping_cart_area .right_checkout .checkout_area .btn_checkout {

    background-image: linear-gradient(to bottom, #2c84ef, #2d5cd1);

    color: #fff;

    border-radius: 30px;

    border: none;

    font-size: 16px;

    letter-spacing: .5px;

    text-transform: uppercase;

    font-weight: 700;

    cursor: pointer;

    margin: 10px 0;

    width: 100%;

    height: 45px

}



.shopping_cart_area .right_checkout .checkout_area .btn_checkout:hover {

    background: #0d2556;

    transition: ease-in .3s;

    color: #fff;

}



.shopping_cart_area .right_checkout .checkout_area .btn_shopping {

    background: #fff;

    color: #0d2556;

    border-radius: 30px;

    border: solid 1px #0d2556;

    font-size: 16px;

    letter-spacing: .5px;

    text-transform: uppercase;

    font-weight: 700;

    cursor: pointer;

    margin: 0 0;

    width: 100%;

    height: 45px

}



.shopping_cart_area .right_checkout .checkout_area .btn_shopping:hover {

    background: #0d2556;

    color: #fff;

    transition: ease-in .3s

}



.innerpage-bg {

    background: #f3f7ff;

    border-bottom: 1px solid #d8e3f7;

    border-top: 1px solid #d8e3f7;

}



.pro_dtl_area {

    margin-top: 30px;

}



.cate-page h1 {

    font-size: 40px;

    font-weight: 600;

    color: #000;

    text-align: center;

}



.cate-page {

    margin: 50px 0 0;

}



.checkout_details {

    width: 100%;

    float: left;

    background: #fff;

    font-size: 14px;

    color: #000;

    box-shadow: 0 0 10px #ccc;

    padding: 25px;

    border-radius: 10px;

    margin-bottom: 30px;

}



.checkout_details h3 {

    width: 100%;

    float: left;

    color: #0d2556;

    padding: 0;

    font-size: 20px;

    font-weight: 600;

    letter-spacing: .5px;

    text-transform: uppercase;

    margin-bottom: 0

}



.btc_msg {

    display: none

}



.checkout_details ul {

    width: 100%;

    float: left;

    padding: 0 0;

    margin: 0 0 15px;

    display: flex;

    flex-flow: row wrap;

    align-items: stretch;

    justify-content: space-between

}



.checkout_details ul li {

    flex: 0 0 100%;

    float: left;

    margin: 10px 0 0;

    position: relative;

    list-style: none

}



.checkout_details label {

    width: 100%;

    float: left;

    padding: 5px 15px;

    font-size: 14px;

    color: #000;

    margin: 5px 0px;

}



.my_cart.check_cart table tr th {

    background: #0d2556;

    color: #fff;

    font-weight: 400

}



.checkout_details ul li:nth-child(1) {

    flex: 0 0 49%;

}



.checkout_details ul li:nth-child(2) {

    flex: 0 0 49%;

}



.checkout_details ul li:nth-child(5) {

    flex: 0 0 32.5%;

}



.checkout_details ul li:nth-child(6) {

    flex: 0 0 32.5%;

}



.checkout_details ul li:nth-child(7) {

    flex: 0 0 32.5%;

}



.checkout_details ul li input {

    height: 45px;

    font-size: 14px;

}



.sbmt_area button {

    border-radius: 10px;

    color: #fff;

    padding: 0;

    background: #FFA53B;

    border: 0;

    font-size: 16px;

    font-weight: 500;

    width: 150px;

    height: 45px;

    line-height: 45px;

    float: left;

    text-align: center;

    transition: .5s;

}



.check_right {

    padding: 15px;

    background: #f3f7ff;

    border-radius: 10px;

}



.check_right table {

    background: #f3f7ff;

    border-radius: 5px !important;

    margin-bottom: 0 !important

}



.check_right table b {

    color: #0d2556;

}



.checkout_page h1 {

    font-size: 36px;

    margin-bottom: 15px;

    font-weight: 600;

    color: #0d2556;

}



.payment_details {

    width: 100%;

    float: left;

    border: solid 0px #f1f1f1;

    font-size: 14px;

    color: #000;

    margin: 20px 0;

    background: #fff;

    border-radius: 5px;

    box-shadow: 0 0 6px 0 #ccc;

    overflow: hidden

}



.payment_details h3 {

    width: 100%;

    float: left;

    color: #0d2556;

    padding: 18px 25px 0;

    font-size: 18px;

    font-weight: 600;

    letter-spacing: .5px;

    text-transform: uppercase;

    margin-bottom: 0

}



.payment_opt {

    text-align: center;

    padding: 10px 25px 20px;

    width: 100%;

    float: left

}



.payment_opt ul {

    margin: 0;

    padding: 0;

    list-style: none;

    width: 100%;

    float: left;

    text-align: center

}



.payment_opt ul li {

    display: inline-block;

    vertical-align: top;

    float: left;

    width: 100%;

    height: auto;

    border: #ccc 1px solid;

    padding: 8px 8px 8px;

    text-align: center;

    cursor: pointer;

    margin: 5px 0;

    min-width: auto;

    text-align: left;

    background: #fff;

    list-style: none

}



.payment_opt ul li figure {
    max-width: 30%;
    width: 60px;
    float: left;
    height: auto;
    background: #0da487;
    height: 45px;
    margin: 0;
    display: grid;
    place-items: center;
}

.sign-btn select {
    float: right;
    height: 40px;
    width: 80px;
    padding-left: 5px;
    background: #ffa53b;
    margin: 0px 0 0 20px;
    border: 1px solid #ffa53b;
    position: relative;
    z-index: 41;
}

.payment_opt ul li figure img {

    display: inline-block;

    float: left;

    max-width: 100%;

    height: auto;

    max-height: 30px

}



.payment_opt ul li figcaption {

    width: 70%;

    float: left;

    height: auto;

    padding: 0 5px

}



.payment_opt ul li figcaption h4 {

    margin: 0;

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    color: #000;

    padding-top: 0 0 5px;

    width: 100%;

    float: left

}



.payment_opt ul li figcaption span {

    font-size: 14px;

    color: red;

    font-weight: 600;

    line-height: 16px;

    display: inline-block

}



.card_details_main {

    width: 100%;

    float: left;

    margin: 15px 0 25px;

    padding: 15px 25px;

    background: #fff;

    border-radius: 5px;

    box-shadow: 0 0 6px 0 #ccc;

    overflow: hidden

}



.card_details_main h2 {

    font-size: 18px;

    text-transform: uppercase;

    border-bottom: solid 1px #ccc;

    padding: 10px 0;

    margin: 0 0 15px;

    color: #03045e;

    font-weight: 600;

}



.card_details_main .main_div {

    width: 100%;

    float: left

}



.card_details_main .main_div .left_side {

    width: 100%;

    float: left;

    font-size: 14px;

    font-weight: 700;

    padding: 5px 0 0

}



.card_details_main .main_div .left_side label {

    margin: 0

}



.card_details_main .main_div .right_side {

    width: 100%;

    float: left

}



.card_details_main .check_first .form-control {

    margin: 7px 0;

    background: 0 0;

    border: solid 1px #ccc;

    padding: 0 10px;

    height: 40px;

    width: 100%;

    font-size: 13px

}



.card_details_main .card_dtls li {

    width: 50%;

    float: left;

    padding: 0 10px 0 0;

    list-style: none

}



.process_btn {

    width: 100%;

    float: left;

    margin: 5px 0 20px

}



.card_details_main .check_first .form-control {

    margin: 7px 0;

    background: 0 0;

    border: solid 1px #ccc;

    padding: 0 10px;

    height: 40px;

    width: 100%;

    font-size: 13px

}



.card_details_main .card_dtls li select {

    background: url(../images/select_arrow.png) no-repeat right 10px top 15px #fff !important;

    height: 40px !important

}



.card_width li {

    list-style: none

}



img.cross-btn {

    cursor: pointer

}



.checkout_page h1 {

    font-size: 36px;

    margin-bottom: 15px;

    font-weight: 600;

    color: #0d2556;

}



.outer_area.checkout_page {

    padding: 30px 0px;

}



.process-info ul li:hover figure {

    box-shadow: 0 0 0;

    background-color: #eeb7cb;

}



.down-icon {

    position: relative;

}



.down-icon::before {

    position: absolute;

    content: '';

    top: 45%;

    right: -5px;

    width: 8%;

    height: 15%;

    background-image: url(../images/dropdown-icon.png);

    background-repeat: no-repeat;

}



.display-hide {

    display: none !important;

}



.prod-detail-top {

    padding: 0;

    margin: 10px 0px 15px;

}



.prod-detail-top li {

    background-image: url(../images/check.png);

    background-repeat: no-repeat;

    list-style: none;

    padding-left: 25px;

    background-position: 0px;

    margin: 5px 0px;

    font-size: 18px;

}



.txt_area_info {

    width: 70%;

    float: left;

    padding: 25px;

}



.prod-detail-payment {

    width: 30%;

    display: inline-block;

    background: #0da487;

    padding: 15px 15px 0;

}



.prod-detail-payment ul {

    padding: 0;

}



.prod-detail-payment li {

    list-style: none;

    color: #fff;

    margin: 0px 0px;

    border-bottom: 1px solid #2fc5a8;

    padding: 5px 0px;

}



.prod-detail-payment li:last-child {

    padding-bottom: 0;

    border-bottom: 0;

}

.price-part button {

    background: #ffa53b;

    border: 1px solid #ffa53b;

    font-size: 18px;

    font-weight: 400;

}

.price-part button:hover{

    background: #0DA487;

    border-color: #0da487;

}

.prod-detail-payment h3 {

    color: #fff;

    text-transform: uppercase;

    font-size: 20px;

    border-bottom: 1px solid #2fc5a8;

    margin-bottom: 10px;

    padding-bottom: 10px;

}

.pro-review.home-review{

    margin:40px 0 0;

}

.pro-review {

    overflow: hidden;

    width: 100%;

    border: 1px solid #0da487;

    padding: 25px 25px 15px;

    margin: 0 0 40px;

}

.review-sec{width: 100%; float: left; margin: 10px 0px 10px 0px; padding:0 0 20px; border-bottom:solid 0px #eee;}

.admin-image{width: 60px; height: 60px; float: left; margin-right: 10px; background: #ddd; border-radius: 50%; position: relative; text-align: center; font-size:24px; line-height:60px;}

.admin-image .fa-user-o:before{ font-size:30px; line-height:60px;}



.admin-image img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%;}

.admin-review{float: left; border: #ddd 1px solid; width:calc(100% - 70px); padding: 10px 20px; border-radius: 4px; color: #292828;}

.admin-ranking{float: left; width:100%;}

.admin-ranking a{ color:#000;}

.admin-ranking b{ font-weight:700;}

.star{position: relative; float: left; font-size: 14px;}

.star i{color: #ffd100;}

.discription{float: left; width: 100%; font-size: 16px; color: #292828; margin-top: 6px; font-style: italic;}

.review-mid-content{ width:100%; float:left; padding:0 0 15px 0;}

.review-mid-content h3{color: #0020dd232839;font-size: 24px;font-weight: 700; margin:0 0 10px;}

.review-mid-content p{ margin:0 0 20px; font-size:16px; line-height:24px; font-weight:400; padding:0;}

.rating-star{width: 100%; position: relative; margin-top: 5px;}

.rating-star a{display: inline-block;text-indent: -999em; width: 100%; width: 16px; height: 16px; position: relative;}

.rating-star a::before{content:"\f006"; position: absolute; font-size: 16px; font-family: FontAwesome; left: 0; display: block; text-indent: 0; color: #002039;}

.rating-star a:hover::before{content:"\f005"; position: absolute; font-size: 16px; font-family: FontAwesome; left: 0; display: block; text-indent: 0; color: #002039;}



.review-mid-content .sub-btn1{ background:#333; color:#fff; border:none; cursor:pointer; padding:7px 20px; border-radius:3px;}

.review-mid-content .sub-btn1:hover{ background:#e65700;}

.review-form{margin-top: 0px;}

.form-row textarea{height: 100px;}

.form-row {margin: 20px 0;}

.form-row label{font-size: 17px; margin-bottom: 5px; display: block; font-weight:700; }

.form-row label.error{ color:#f00;}

.sub-btn{margin-top: 20px; background: #e65700; border: #e65700 1px solid; color: #fff; font-weight: 600; padding: 8px 26px; border-radius: 4px; cursor:pointer;}

.sub-btn:hover{background: none; border: #000 1px solid; color: #fff; color: #002039; transition: .5s}

.rating {float:left; position:relative; }

.rating:not(:checked) > input {position:absolute; clip:rect(0,0,0,0); }

.rating:not(:checked) > label { float:right; width:20px; padding:0; overflow:hidden; white-space:nowrap; cursor:pointer; font-size:20px; line-height:1.2; color:#ddd; margin:0 5px 0 0;}

.rating:not(:checked) > label:before {content: '\f005'; font-family:'Fontawesome';}

.rating > input:checked ~ label {color: #f70; text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5); }

.rating:not(:checked) > label.error{ display:block; color:#f00; position:absolute; font-size:13px; text-shadow:none; font-weight:900; left:0; top:40px; width:100%;}

.rating:not(:checked) > label.error::before{ display:none;}

.rating:not(:checked) > label:hover,

.rating:not(:checked) > label:hover ~ label {color: gold; text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);}

.rating > input:checked + label:hover,

.rating > input:checked + label:hover ~ label,

.rating > input:checked ~ label:hover,

.rating > input:checked label:hover label,

.rating > label:hover input:checked label { color: #ea0;text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);}

.rating > label:active { position:relative;top:2px; left:2px; }

.content_page p a {
    font-weight: 600;
    color: #ffa53b;
}

ul.our-product.cat-prod li {

    flex: 0 0 24%;

    margin: 10px 6px;

    border: 1px solid #0da487;

    text-align: center;

}

ul.our-product.cat-prod li figure {

    line-height: 185px;

    overflow:hidden;

}

ul.our-product.cat-prod li figure img {

    max-height: 175px;

}

ul.our-product.cat-prod li .main-btn {

    background: #ffa53b;

    font-size: 16px;

    font-weight: 400;

    border-radius: 30px;

    text-align: center;

    padding: 6px 30px;

    display: inline-block;

    width: auto;

    color: #fff;

    margin-top:5px;

}

.sitemap-box ul li:first-child {

    margin: 10px 0px;

}
a.navbar-brand img {
    height: 65px;
}
.copy-right a {
    color: #fff;
}
.cart_box_left{ width:100%; float:left; background:#fff; border-radius:6px; box-shadow:0 0 6px 0 #ccc; margin:0px 0 15px; }
.right_side_checkout{ margin:0px 0 10px; width:100%; float:left; background:#fff; border-radius:6px; box-shadow:0 0 6px 0 #ccc;}


.cart_box_left h3, .right_side_checkout h3{ border-radius: 5px 5px 0px 0px;width:100%; float:left; font-size:18px; letter-spacing:1px; font-weight:700; color:#fff;background: #2bac97;display: block;padding: 10px;}
.cart_box_left ul{ width:100%; float:left; margin:15px 0 0;padding: 0px 15px;}
.cart_box_left ul li{ width:100%; float:left; padding:0 0 15px 60px; position:relative; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:space-between; border-bottom:solid 1px #eee; margin:10px 0;}
.cart_box_left ul li::before{ width:42px; height:42px; position:absolute; content:''; background:url(../images/cart_tick.png) no-repeat center; left:0; top:0;}
.cart_box_left ul li:last-child{ border:none;}
.blog_details_area figure img {
    width: 100%;
}
.cart_page_bg{background: #fff; margin-bottom:50px;}
.cart_page_bg h1{ font-size:32px; margin:0 0 20px; width:100%; float:left;}
.cart_box_left ul li .left_side{ width:auto; float:left;}
.alert{ width:100%; float:left; font-size:16px;}
.cart_box_left p{ margin:0;}
.cart_box_left ul li .left_side .top_title{ width:100%; float:left; margin:0 0 15px;}
.cart_box_left ul li .left_side h4{ font-size:18px; font-weight:600; color:#333; }
.cart_box_left ul li .left_side h4 span{ margin:0 5px;}
.cart_box_left ul li .left_side  p{ font-size:14px; color:#2bac97;}
.cart_box_left ul li .left_side .remove_area{ width:100%; float:left; margin:0 0 0px;}
.cart_box_left ul li .left_side .remove_area a{ color:#808080; margin:0 10px 0 0; text-transform:uppercase; font-size:12px;}
.cart_box_left ul li .left_side .remove_area a:hover{ color:#f00;}
.cart_box_left ul li .right_side{ width:auto; float:right; text-align:right;}
.cart_box_left ul li .right_side .qty{ width:auto; vertical-align:middle; display:flex;align-items: center;justify-content: center;}
.cart_box_left ul li .right_side .qty span{ cursor:pointer;width: 25px; }
.cart_box_left ul li .right_side .qty input{ max-width:20px; text-align:center; border:none; font-size:16px;}
.cart_box_left ul li .right_side .price_top{ margin-bottom:10px;  min-height:40px;}
.cart_box_left ul li .right_side .price_top h4{ font-size:20px; color:#2bac97; font-weight:600;}
.cart_box_left ul li .right_side .price_top p.main_price{ text-decoration:line-through; color:#808080; }

.right_side_checkout ul{ width:100%; float:left;padding: 5px 15px 15px 15px;}
.right_side_checkout ul li{ width:100%; float:left; display:flex; align-items:stretch; justify-content:space-between; font-size:16px; padding:10px 0; border-bottom:solid 1px #eee;}
.right_side_checkout ul li span{ font-size:14px;}
.right_side_checkout ul li label{ margin:0; font-weight:700; font-size:18px;}
.right_side_checkout ul li label span{ font-size:18px;}
.right_side_checkout ul li:last-child{ border:none; padding-bottom:0;}
.right_side_checkout ul li .left{ max-width:100px; text-align:left;}
.right_side_checkout ul li .left span{ display:block; }
.right_side_checkout ul li .left b{ font-size:20px; font-weight:600; color:#2bac97; line-height:20px;}
.right_side_checkout .btn_checkout{background: #2bac97;color:#fff;border-radius:25px;border:none;font-size:16px;letter-spacing:.5px;text-transform:uppercase;font-weight:900;cursor:pointer;margin:5px 0px;width:100%;height:45px; padding:0 25px;}
.right_side_checkout .btn_checkout:hover {
    background: #ffa53b;
    transition: ease-in .3s;
}
.coupons {
    width: 100%;
    float: left;
    margin: 10px 0 20px; border:dashed 2px #2bac97; border-radius:30px; padding:20px;
}
.empty_cart {
    text-align: center;
}
.empty_cart a {
    background: #ffa53b;
    display: inline-block;
    color: #fff;
    padding: 10px 30px;
    border-radius: 30px;
    margin: 10px 0 0;
    font-size: 16px;
    font-weight: 600;
}
.coupons .form-group {
    width: 100%;
    float: left;
    margin: 0px 0px;
    padding: 10px 0 0px; display:flex; flex-flow:row wrap;
}
.coupons .form-group input{
    margin-bottom: 0px;
}
.coupons .form-group input {
    margin-bottom: 0px;
    border: 0px;
    background: #f2f2f2;
    border-radius: 30px 0 0 30px; flex:1;
    box-shadow: 0px 0px 2px #ccc; height:40px; padding:0 25px;
}
.cart_page_bg h1 {
    font-size: 32px;
    margin: 20px 0px 20px;
    width: 100%;
    float: left;
    font-weight: 600;
}
.up-btn {
    position: fixed;
    right: 1%;
    bottom: 13%;
}

header.sticky {
    position: fixed;
    width: 100%;
    z-index: 99;
    transition: all .6s ease;
    box-shadow: 0 0 8px 0 rgba(51, 51, 51, .31);
    background: #fff;
    top: 0;
}

.up-btn a i{
color:#fff
}
.up-btn a {
    display: block;
    text-decoration: none;
    font-weight: 600;
    padding: 8px 18px;
    background-color: #ffa53b;
    border: 1px solid #ffa53b;
    border-radius: 2px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.table_content_area {
    width: 100%;
    float: left;
    box-shadow: 0 0 10px #ccc;
    padding: 30px;
    margin:25px 0;
}
.table_content_area ul li{
    width:50%;
    float: left;
    margin:5px 0;
}
.table_content_area ul{
    margin:0;
}
.modal-title {
    font-size: 20px;
    line-height: 24px;
    text-transform: capitalize;
    color: #0DA487;
    font-weight: 700;
}
.pop_txt {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 0 10px;
}
.pop_txt p {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 20px;
    margin: 0 0 15px;
    font-weight: 500;
}
.pop_txt p b {
    font-weight: 700;
    margin: 0 0 5px;
    display: block;
    text-transform: capitalize;
}
.pop_txt a.shop_now {
    background: #1b73bb;
    padding: 10px 30px;
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
}
ul.pop_pro {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    float: left;
    margin-bottom: 15px;
    background: #f6f8fb;
    padding: 10px 15px 20px;
    border-radius: 5px;
    border: 1px solid #eee;
}
ul.pop_pro li h3 {
    font-size: 20px;
    font-weight: 600;
}
ul.pop_pro li{
    list-style:none;
}
ul.pop_pro a.cart {
    background: #0DA487;
    padding: 0px 20px;
    color: #fff;
    font-weight: 500;
    border-radius: 30px;
    font-size: 14px;
    width: 100%;
    height: 40px;
    line-height: 40px;
}
ul.pop_pro figure {
    margin: 12px 0px 15px;
}

.home_coupon{ position:absolute; right:15px; bottom:15px; max-width:350px;}
.coupon_area_cat{ width:100%; float:right; border-radius:10px; max-width:400px; display:flex; flex-flow:row; align-items:center; justify-content:space-between; padding:5px 10px; margin:10px 0 0px ; background: #f4ffee; border:dashed 1px #084989; line-height:normal !important;}
.coupon_area_cat p{font-size:18px !important; font-weight:700; margin:0; text-align: left; color:#000; text-transform:uppercase; line-height:20px; font-style:italic;}
.coupon_area_cat p span{ color:#0DA487;}
.coupon_area_cat h4{ font-weight:700; font-size:16px; text-transform:uppercase; color:#000; margin:0px 0 5px; padding:0; text-align:center; line-height:16px; }
.coupon_area_cat .coupon_box{ font-size:24px; background:#0DA487; color:#fff; padding:5px 10px; display:inline-block; border:dashed 1px #fff; font-weight:700; line-height:24px; letter-spacing:2px; }

@media only screen and (max-width: 600px) {
.home_coupon{ max-width:100%; float:left; padding:0px 10px 10px; position:static;}    
}