@font-face { font-family: 'roboto-light'; src: url('fonts/Roboto-Light.eot'); src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Light.woff2') format('woff2'), url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf') format('truetype'), url('fonts/Roboto-Light.svg#Roboto-Light') format('svg'); font-weight: 300; font-style: normal; }

@font-face { font-family: 'roboto-bold'; src: url('fonts/Roboto-Bold.eot'); src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff2') format('woff2'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'); font-weight: bold; font-style: normal; }

@font-face { font-family: 'roboto-regular'; src: url('fonts/Roboto-Regular.eot'); src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff2') format('woff2'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'roboto-black'; src: url('fonts/Roboto-Black.eot'); src: url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Black.woff2') format('woff2'), url('fonts/Roboto-Black.woff') format('woff'), url('fonts/Roboto-Black.ttf') format('truetype'), url('fonts/Roboto-Black.svg#Roboto-Black') format('svg'); font-weight: 900; font-style: normal; }

@font-face { font-family: 'roboto-medium'; src: url('fonts/Roboto-Medium.eot'); src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Medium.woff2') format('woff2'), url('fonts/Roboto-Medium.woff') format('woff'), url('fonts/Roboto-Medium.ttf') format('truetype'), url('fonts/Roboto-Medium.svg#Roboto-Medium') format('svg'); font-weight: 500; font-style: normal; }

@font-face { font-family: 'roboto-thin'; src: url('fonts/Roboto-Thin.eot'); src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Thin.woff2') format('woff2'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'), url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg'); font-weight: 100; font-style: normal; }

@font-face { font-family: 'impact'; src: url('fonts/Impact.eot'); src: url('fonts/Impact.eot?#iefix') format('embedded-opentype'), url('fonts/Impact.woff2') format('woff2'), url('fonts/Impact.woff') format('woff'), url('fonts/Impact.ttf') format('truetype'), url('fonts/Impact.svg#Impact') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'lobster'; src: url('fonts/Lobster13.eot'); src: url('fonts/Lobster13.eot?#iefix') format('embedded-opentype'), url('fonts/Lobster13.woff2') format('woff2'), url('fonts/Lobster13.woff') format('woff'), url('fonts/Lobster13.ttf') format('truetype'), url('fonts/Lobster13.svg#Lobster1.3') format('svg'); font-weight: normal; font-style: normal; }
/* ## Global */
*, *::before, *::after { box-sizing: border-box; padding: 0; margin: 0; outline: none; }

body { font-family: 'roboto-regular', sans-serif; font-size: 14px; font-weight: 400; color: #000; }

.d-md-block { display: block; }

.text-center { text-align: center; }

.d-block { display: block; }

.d-flex { display: flex; flex-wrap: wrap; }

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.mr-auto { margin-right: auto !important; }

.col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }

.col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; padding: 0 15px; }

.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; padding: 0 15px; }

.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0 15px; }

.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 15px; }

.col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; padding: 0 15px; }

.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 15px; }

.col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; padding: 0 15px; }

.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; padding: 0 15px; }

.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; padding: 0 15px; }

.col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; padding: 0 15px; }

.col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; padding: 0 15px; }

.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px; }

img { max-width: 100%; height: auto; }

a { outline: 0 !important; text-decoration: none; transition: all 0.5s ease; display: inline-block; }

ul li { list-style: none; }

ul { padding-bottom: 1rem; }

.staticpages li { list-style-type: square !important; padding-bottom: 10px; font-size: 16px; color: #444; }

h1, h2, h3, h4, h5, h6 { word-wrap: break-word; margin-bottom: 1rem; line-height: 1.2; letter-spacing: 0.03rem; }

p { font-size: 16px; line-height: 24px; margin-top: 0; margin-bottom: 1rem; color: #444; }

.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.container-fluid { max-width: 100%; width: 100%; padding-left: 0; padding-right: 0; }

.container-fluid-bs { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

ul.dropdown-menu.signle-menu { padding-bottom: 0; }

.field-validation-error { color: red; }

.navigation-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: #fff; box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28); -webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28); border-bottom: 1px solid #ddd; }

a.popup-modal:after { display: none; }

.owl-carousel .owl-item img { width: auto; border: 1px solid #ccc; }

.owl-nav.disabled { display: none; }

.section-header { display: inline-block; width: 100%; text-align: center; margin-bottom: 25px; }

    .section-header h2 { font-size: 36px; font-weight: 400; }

    .section-header h4 { color: #fff; font-size: 24px; line-height: normal; font-weight: 400; text-transform: uppercase; }

    .section-header p { color: #fff; font-size: 16px; line-height: 24px; margin-top: 18px; }

.pagebanner-section { display: inline-block; width: 100%; position: relative; text-align: center; background: url("images/pagebanner.jpg") no-repeat; background-size: cover; height: 220px; text-align: center; }

    .pagebanner-section::before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 38, 50, 0.8); }

.pagebanner-content { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #111; }

    .pagebanner-content h1 { position: relative; z-index: 2; display: inline-block; padding-bottom: 10px; font-size: 32px; line-height: normal; color: #fff; text-transform: uppercase; }


/* mobile-sticky-footer */
.mobile-sticky-footer { display: inline-block; width: 100%; background-color: #0C4DA2; }

.mobile-sticky-footer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background-color: #e30016; }

    .mobile-sticky-footer a { float: left; width: 20%; padding: 3px 10px; text-align: center; color: #fff; font-size: 26px; }

        .mobile-sticky-footer a:hover { background-color: rgba(0, 0, 0, 0.5); }

.navigation-fixed .menu-navigation { background-color: #fff; }

.menu-block .navigation-menu li a { font-weight: 400; }


/* - SlidePanel */

.slidepanel { display: block; }

.closeit,
.toggle,
.slideit { display: none; }

.topheader { display: inline-block; width: 100%; padding-top: 20px; margin-bottom: 10px; }

.navigation-fixed .topheader { display: none; }

#return-to-top { position: fixed; bottom: 60px; right: 15px; background-color: #181a34; width: 40px; height: 40px; border-radius: 100%; line-height: 39px; border: 1px solid #0C4DA2; display: block; text-decoration: none; display: none; text-align: center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 9999; box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28); -webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28); }

    #return-to-top i { color: #fff; margin: 0; top: 0; position: relative; font-size: 22px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; }

.owl-carousel figure { width: 100%; height: 450px; background-size: cover; background-position: center center; background-repeat: no-repeat; }

/* =================== Custom Css =============== */
.user-name { font-size: 14px; }

.pad-5 { padding: 5rem 0; }

.user-account { padding: 10px 0; }

    .user-account .welcome-box .user-display-name { font-weight: 600; }

    .user-account p { margin-bottom: 0; }

    .user-account .col-12 { justify-content: flex-end; display: flex; align-items: center; }
/* =========== User Account Dropdown Menu =========== */
.dropbtn, .second-drpbtn { background-color: transparent; color: #505050; font-size: 15px; border: none; cursor: pointer; transition: all 0.5s ease; border-radius: 5px; width: 100px; padding: 5px 0; }

    .dropbtn:hover, .dropbtn:focus { background-color: transparent; }

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

#menu-user { top: 35px !important; }

.dropdown-content, .menu-user { top: 25px; display: none; position: absolute; background-color: #f1f1f1; min-width: 100%; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 10; }

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

.top-links .account-details .dropdown:hover .dropdown-content { display: block; }

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

.show, .show-second { display: block; }

.header_s.navigation-fixed .navigation-menu li .account-details { display: block; }

.navigation-menu #menu-user, .top-head #myDropdown { text-align: center; }

    .navigation-menu #menu-user a { margin-right: 0; margin-left: 0; display: block; }
/* ========= # ========== */

/* ========= Cart Icon =========== */
.navigation-menu .cart-value i { font-size: 20px; position: relative; z-index: 1; }

.navigation-menu .cart-value span.count-number { position: absolute; background-color: red; border-radius: 50px; height: 25px; width: 25px; padding: 0; color: #fff; text-align: center; display: flex; align-items: center; top: 0; flex-wrap: wrap; justify-content: center; left: 24px; font-size: 14px; }

.navigation-menu li.cart-value a:hover { color: #000 !important; }
/* ======= # ========= */
.top-head { background-color: #f6f5ee; padding-bottom: 10px; border-top: 5px solid #e30016; border-bottom: 1px solid #d4d3cd; }

    .top-head .top-links { display: flex; align-items: center; justify-content: flex-end; padding-top: 13px; }

        .top-head .top-links ul.ulwithpadding { display: flex; padding-bottom: 0; padding-right: 25px; }

        .top-head .top-links ul { display: flex; padding-bottom: 0; }

            .top-head .top-links ul li a { color: #484f54; font-size: 16px; }

    .top-head ul.downlad-links li { padding-right: 15px; border-right: 1px solid #000; margin-right: 20px; }

        .top-head ul.downlad-links li:last-child { border-right: 0; }

    .top-head ul.social-links li { padding-right: 10px; }

        .top-head ul.social-links li a:hover { color: #e30016; }

        .top-head ul.social-links li:last-child { padding-right: 0; }

.navigation-menu .pad-right { padding-right: 0 !important; margin-right: 0 !important; }
/*==============
	Slider
========================*/
.slider { background-repeat: no-repeat; text-align: center; background-position: center; padding: 5rem 0; background-size: cover; min-height: 625px; }

    .slider h2 { font-family: 'lobster'; font-size: 60px; color: #fff; font-weight: 500; }

    .slider p { font-family: 'roboto-light'; font-size: 34px; line-height: 40px; }

.banner-inner-icon img { display: inline-block !important; border: 0 !important; }

.banner-inner-icon { padding-bottom: 10px; }

.slider p { color: #fff; font-weight: 300; padding: 15px 0; }

.slider .slider_btn { color: #fff; border-radius: 50px; border: 1px solid #fff; font-size: 18px; padding: 0.5rem 3rem; transition: all 0.8s ease; }

.slider a:hover { background-color: #de2020; border: transparent; border: 1px solid #de2020; }

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

.shop-box { background-color: #ffcc00; padding: 1rem 0; }

    .shop-box .inner-shop { display: flex; align-items: center; justify-content: space-between; }

        .shop-box .inner-shop p { text-align: center; font-family: 'roboto-light'; font-size: 28px; line-height: 40px; }

        .shop-box .inner-shop a { background-color: #fff; color: #e30016; padding: 10px 30px; border-radius: 50px; font-size: 20px; }

            .shop-box .inner-shop a:hover { -webkit-box-shadow: 2px 10px 13px -1px rgba(0,0,0,0.24); -moz-box-shadow: 2px 10px 13px -1px rgba(0,0,0,0.24); box-shadow: 2px 10px 13px -1px rgba(0,0,0,0.24); }

.section-heading p { font-size: 24px; font-family: 'roboto-light'; }

    .section-heading p i { font-size: 5px; color: #e30016; vertical-align: middle; padding: 0 5px; }

.section-heading h2 { font-size: 44px; color: #e30016; font-family: 'impact'; letter-spacing: 0.02em; }

.more-btn { color: #e30016; font-size: 20px; border-bottom: 2px solid #ffec00; padding: 5px 20px; }

.about-story { background-image: url('images/about-bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center; }

.product-collection .product-list { justify-content: center; }

.product-collection { /* background-color: #f6f5ee; */ padding: 5rem 0; position: relative; background-image: url('images/product-bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center; }

    .product-collection::before, .footer-section::before { position: absolute; content: ""; left: 0; right: 0; background-image: url('images/top-border.png'); background-repeat: no-repeat; display: inline-block; width: 100%; height: 14px; top: -12px; }

.section-header h2 { font-size: 36px; font-family: 'roboto-light'; }

.product-list .product-details .product-name { color: #e30016; font-size: 18px; font-family: 'roboto-regular'; }

.product-list .product-details .product-price { font-size: 15px; color: #000; font-family: 'roboto-regular'; }

.product-list .product-details .add-to-cart { display: flex; align-items: center; padding-left: 20px; }

.product-details .add-to-cart .qty-up .fa-plus::before { color: #666; }

.product-details .add-to-cart .qty-down .fa-minus::before { color: #6667; }

.product-list .product-details .item-qty { display: flex; justify-content: space-between; align-items: center; background-color: #fff; border-radius: 20px; max-width: 85%; margin: 0 auto; border: 1px solid #ccc; }

.product-list .product-details .form-control.qty { background-color: transparent; border: transparent; width: 40px; margin: 0 0; color: #000; text-align: center; padding: 4px 5px; }

.product-list .product-details .add-to-cart button { background-color: transparent; border: transparent; }

.product-list .product-details .item-price { padding-top: 7px; }

.product-collection .product-details .product-weight { border-radius: 5px; padding: 2px 3px; border-color: #e30016; }

.product-list .product-details .product-price span { font-family: 'roboto-bold'; }

    .product-list .product-details .product-price span.normal { font-family: 'roboto-regular'; }

.product-list .product-details .item-qty .atc-btn a { background-color: #218d00; font-size: 15px; padding: 10px 25px; color: #fff; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.atc-btn a { background-color: #fff; font-size: 15px; padding: 10px 30px; border-radius: 50px; border: 1px solid #d4d3cd; color: #333333; }

.product-list .product-details .item-qty .atc-btn a:hover { color: #bdedff !important; border-color: transparent; }

.atc-btn a:hover { border-color: #e30016; }

.product-list .product-details { padding-bottom: 30px; }

.inner-company-profile .inner-box img { width: 100%; }

.inner-company-profile .inner-box { background-color: #f6f5ee; height: 100%; }

    .inner-company-profile .inner-box .inner-text { padding: 2rem 1.5rem; }

.inner-company-profile .inner-text h3 { font-family: 'roboto-regular'; color: #333; font-size: 24px; font-weight: 300; }

.inner-company-profile .inner-text p, .inner-company-profile .inner-text a { font-family: 'roboto-regular'; color: #333; font-size: 16px; font-weight: 300; }

.inner-company-profile .inner-text a { text-decoration: underline; }

    .inner-company-profile .inner-text a:hover { color: #e30016; }

.how-to-buy { padding-bottom: 5rem; }

    .how-to-buy .inner-buy { height: 100%; display: flex; }

    .how-to-buy .out-line { display: flex; align-items: center; justify-content: space-between; background-color: #f6f5ee; padding: 2rem; height: 100%; outline: 2px solid #fff; outline-offset: -10px; }

    .how-to-buy .inner-buy .inner-contact { padding: 1rem; }

        .how-to-buy .inner-buy .inner-contact h3 { font-size: 24px; font-family: 'roboto-light'; font-weight: 300; color: #e30016; }

        .how-to-buy .inner-buy .inner-contact p { font-size: 16px; color: #000; font-family: 'roboto-regular'; }

ul.inner-links li > a.view-more { border-bottom: 0 !important; color: #E30016 !important; }
/*===========
	FOOTER
=============================*/

.footer-section { background-color: #f6f5ee; color: #496176; position: relative; }

    .footer-section .foot-contain h3 { padding-bottom: 20px; }

    .footer-section .foot-contain { padding-bottom: 20px; }

    .footer-section .site-about { /*padding-top: 35px;*/ }

        .footer-section .site-about p { margin-bottom: 5px; }

            .footer-section .site-about p a { color: #333; text-decoration: underline; }

                .footer-section .site-about p a.noline { text-decoration: unset; }

    .footer-section .copy-right p { font-size: 14px; font-weight: 600; margin-bottom: 0; }
/* ====== Singin Page ====== */
.signin-section { background-color: #ffcc00; padding: 5rem 0; }

.tabs-container { max-width: 550px; margin: 0 auto; }

.tabs { display: flex; flex: 1; justify-content: center; align-items: center; padding-bottom: 0; }

    .tabs li { width: 100%; text-align: center; }

        .tabs li a { display: block; position: relative; top: 0px; padding: 10px 25px; border-radius: 2px 2px 0 0; transition: all 0.1s ease-in-out; font-size: 20px; color: #000; background-color: #f6f5ee; }

            .tabs li.active a, .tabs li a:hover { background-color: #ffcc00; }

.tabs-content { position: relative; z-index: 2; padding: 25px; border-radius: 0 4px 4px 4px; background: white; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; }

.tabs-panel { display: none; }

    .tabs-panel.active { display: block; padding: 5px; background: #fff; border-radius: 10px; box-shadow: 1px 1.732px 10px 0px rgba(0, 0, 0, 0.0); }

    .tabs-panel p + div { margin-top: 15px; }

.signin-section form input { background: #f6f5ee; border: transparent; border-radius: 5px; padding: 10px 15px; width: 100%; font-size: 18px; }

.tabs-container { background-color: #fff; padding: 1.5rem 1rem; border-radius: 30px; }

.tabs-panel.new-user-form.active .form-control { padding-bottom: 20px; }

.signin-section form label.form-label { font-size: 16px; padding-bottom: 15px; display: block; }

.signin-section .sign-btn, .msg-box .sign-btn { padding-top: 30px; display: flex; justify-content: space-around; }

    .signin-section .sign-btn .reset { background-color: #f6f5ee; }

    .signin-section .sign-btn a, .msg-box .sign-btn a { background: #ffcc00; font-size: 18px; color: #000; padding: 10px 40px; border-radius: 50px; }

        .signin-section .sign-btn a:hover, .msg-box .sign-btn a:hover { color: #fff; background-color: #E30016; }

    .signin-section .sign-btn .loginButtons { background: #ffcc00; font-size: 18px; color: #000; padding: 10px 40px; border-radius: 50px; }

        .signin-section .sign-btn .loginButtons:hover { color: #fff; background-color: #E30016; }

.inner-tabs { background-color: #fff; padding: 3px 4px; border-radius: 20px; border: 1px solid #fff; -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.28); -moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.28); box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.28); }

@media screen and (max-width: 600px) {
    /*.tabs {
        flex-direction: column;
    }*/

    .tabs li { width: 100%; }

        .tabs li:not(:last-child) { margin-right: 0; }

        .tabs li a { border-radius: 0; opacity: 1; top: 0; }

    .tabs-content { border-radius: 0; }
}
/*========== # Tabs =========*/

/* ========== Summary ========= */
.summary-section .responsive-table { padding-bottom: 3rem; }

.responsive-table .item-table { width: 100%; border-collapse: collapse; }

    .responsive-table .item-table tr, .responsive-table .item-table td, .responsive-table .item-table th { border: 1px solid #ccc; }

    .responsive-table .item-table th { font-size: 18px; padding: 10px; }

    .responsive-table .item-table td.item-image { display: flex; align-items: center; justify-content: space-between; padding-right: 15px; }

    .responsive-table .item-table tr td p { margin-bottom: 0; }

    .responsive-table .item-table tr td { padding: 5px; text-align: center; }

    .responsive-table .item-table tr.item-info td { font-size: 16px; }

    .responsive-table .item-table tr.table-heading th { background-color: #f6f5ee; font-weight: 300; }

    .responsive-table .item-table td.item-qty button { background: transparent; border: 1px solid #ccc; height: 40px; width: 40px; font-size: 18px; border-radius: 50px; cursor: pointer; }

        .responsive-table .item-table td.item-qty button:nth-child(3) { background-color: red; color: #ffec00; }

    .responsive-table .item-table td.item-image { border: 0 !important; }

        .responsive-table .item-table td.item-image .fa-trash::before { font-size: 20px; color: #adadad; }

    .responsive-table .item-table tr.item-info, .responsive-table .item-table tr.item-info a { color: #2b2b2b; }

    .responsive-table .item-table .cart-image { display: flex; align-items: center; }

.sammary-box .order-info table { width: 100%; }

.sammary-box .order-info table { border: 1px solid #ccc; padding: 5px; border-collapse: separate; border-spacing: inherit; }

    .sammary-box .order-info table td { text-align: right; padding: 8px; font-size: 16px; padding: 20px 10px; }

.sammary-box h3, .order-sammary h3 { font-size: 20px; font-weight: 300; border-bottom: 1px solid #ccc; padding: 10px; background-color: #f6f5ee; }

.sammary-box .order-info table tbody tr { font-size: 16px; }

.sammary-box .order-info table th, .sammary-box .order-info table td { border-bottom: 1px solid #ccc; color: #424242; }

.sammary-box .order-info table tr.final-price th, .sammary-box .order-info table tr.final-price td { border-bottom: 0; }

.sammary-box .order-info table tr.final-price td { font-size: 22px; color: #000; }

.summary-section .cart-btns { display: flex; align-items: center; justify-content: flex-end; margin-top: 30px; }

    .summary-section .cart-btns a:last-child { margin-right: 0; }

    .summary-section .cart-btns a { border: 1px solid #ccc; margin-right: 20px; padding: 13px 25px; font-size: 15px; border-radius: 50px; color: #e30016; }

        .summary-section .cart-btns a:hover { background-color: #e30016; color: #fff; border-color: #fff; }

.summary-section, .proceed-to-checkout { padding: 3rem 0; background-color: #fcfcfc; }
/* # */
/* ========= Proccess Checkout ========= */
.user-box { display: flex; justify-content: space-between; }

    .user-box h3 { font-size: 20px; font-weight: 300; }

    .user-box p { font-size: 14px; }

        .user-box p a { color: #e30016; }

.shipping-address { /*margin-top: 3rem;*/ }

input[type="checkbox"] { width: 18px; height: 18px; -webkit-box-shadow: 0 0 0 0 #197bbd inset; box-shadow: 0 0 0 0 #197bbd inset; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; cursor: pointer; vertical-align: -4px; border: 1px solid; margin-right: 5px; }

.shipping-address .form-group, .email-box .form-control { margin-bottom: 10px; }

    .shipping-address .form-group .form-control, .email-box .form-control { width: 100%; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #333333; border: 1px solid #d9d9d9 !important; border: 1px transparent solid; background-clip: padding-box; border-radius: 5px; padding: 0.78571em 0.78571em; word-break: normal; font-family: inherit; font-size: 15px; }

.shipping-address .user-select-option { display: flex; justify-content: space-between; }

.user-select-option .user-state, .user-country { height: 47px; border: 1px solid #d9d9d9 !important; border: 1px transparent solid; border-radius: 5px; padding: 6px; color: #333333 !important; background-color: #fff !important; }

.user-select-option select, .proceed-to-checkout label { color: #75758b; }

.shipping-address .continue-btn { display: flex; justify-content: space-between; margin-top: 18px; align-items: center; }

.continue-btn a.back-view-cart { color: #197bbd; }

.continue-btn a.payment-btn { background-color: #e30016; padding: 15px 20px; font-size: 16px; border-radius: 5px; color: #fff; }

    .continue-btn a.payment-btn:hover { background-color: #c50619; }

.checkout-btn { margin-top: 10px; text-align: right; }

    .checkout-btn input.payment-btn { background-color: #e30016; padding: 10px 15px; font-size: 16px; border-radius: 5px; color: #fff; border-style: none; cursor: pointer; }

        .checkout-btn input.payment-btn:hover { background-color: #c50619; }

.sammary-box tr.final-price th { color: #e30016 !important; }

.sammary-box tr.final-price td { color: #5d5d5d !important; font-weight: 600; }
/* ======== # ========== */

/* ======== Success Paymnet =============== */
.successful-payment { background-color: #FAFCFF; padding: 4rem 0; height: 100vh; display: flex; align-items: center; justify-content: center; }

    .successful-payment .row { justify-content: center; align-items: center; }

    .successful-payment .success-box { background-color: #fff; padding: 2.5rem 2rem; border-radius: 15px; position: relative; -webkit-box-shadow: 0px 10px 18px 0px rgba(0,0,0,0.28); -moz-box-shadow: 0px 10px 18px 0px rgba(0,0,0,0.28); box-shadow: 0px 10px 18px 0px rgba(0,0,0,0.28); }

        .successful-payment .success-box .success-img { padding-bottom: 1rem; }

            .successful-payment .success-box .success-img p { margin-bottom: 0; }

        .successful-payment .success-box .success-text h3 { color: #78b348; font-size: 22px; }

        .successful-payment .success-box .fail-text h3 { color: #ff5a6f; font-size: 22px; }

        .successful-payment .success-box .order-numner p { color: #939393; letter-spacing: 0.04rem; }

        .successful-payment .success-box .go-to-home { display: flex; justify-content: center; align-items: center; position: relative; }

            .successful-payment .success-box .go-to-home a { background-color: #B6DFA6; color: #288e00; font-size: 20px; padding: 15px 20px; border-radius: 8px; position: absolute; bottom: -65px; }
/* # */

/* -------- Contact page 27/9/19 ========= */
.page-head { padding: 5rem 0; background-size: cover; background-repeat: no-repeat; background-position: center; }

.section-head h2 { margin-bottom: 0; font-size: 24px; font-family: 'roboto-light'; color: #444; }

.contact-head { background-image: url('images/contact-bg.jpg'); }

.form-map { background-color: #F8F8F8; }

.contact-form input, .contact-form textarea { border-top: 0; border-right: 0; border-left: 0; background: transparent; box-shadow: none; outline: none; font-size: 16px; margin-bottom: 22px; padding: 10px; font-family: inherit; color: #000 !important; }

form .form-control:focus { border-color: #E30016 !important; outline: none; }

.contact-form form .form-control { transition: all 0.5s ease; border-bottom: 1px solid #c1c1c1; }

.contact-form .msg-send a.send-msg { color: #3ab4c3; background-color: #fff; padding: 10px 20px; font-size: 20px; display: inline-block; transition: all 0.5s ease; }

.form-map .rc-map { height: 100%; }

.form-map .contact-form { padding: 5rem 1rem; text-align: center; }

.rc-address { padding: 4rem 0; background-color: #f0fff573; }

    .rc-address .area-address h2 i { font-size: 28px; color: #e6ab03; }

    .rc-address .area-address p a { color: #444; }

.form-map .contact-form h2 { font-family: 'impact'; font-weight: 300; font-size: 34px; letter-spacing: 0.2rem; color: #8e8e8e; margin-bottom: 24px; }
/* ---- # ---- */

/* ====== My Order ---------- */
.order-list .row { justify-content: center; }

.order-box { margin-bottom: 20px; }

    .order-box:last-child { margin-bottom: 40px; }

.order-list .order-box { background-color: #fff; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; }

.order-list .order-purchase { background-color: #f6f6f6; padding: 15px 10px; display: flex; justify-content: space-between; }

    .order-list .order-purchase p { margin-bottom: 0; font-size: 14px; color: #5a5a5a; }

.delivery-date p strong { letter-spacing: 0.05em; }

.order-list .order-info { padding: 15px 20px; overflow: hidden; }

.delivery-date p { border-bottom: 1px solid #e2e2e2; padding-bottom: 3px; }

.cart-image { display: flex; align-items: center; }

.inner-order-box p { margin-bottom: 0; word-break: break-word; }

.inner-order-box { display: flex; align-items: center; justify-content: space-between; }

.order-place { padding: 30px 0; }

    .order-place .row { justify-content: center; }

    .order-place .section-head { padding: 15px 20px; background-color: #f1f1f1; border-bottom: 1px solid #ccc; }
/* -------- # -------- */

/*======= Captch Box ========*/
.msg-box .captch-box { display: flex; align-items: center; justify-content: space-between; }

.msg-box #imgCaptcha { border: 1px solid #ccc; margin-right: 15px; }
/*--------- # ---------*/

/*====== Home Cat. ======*/
.combo-image { text-align: center; }

.cat_list ul { display: flex; padding-bottom: 0; justify-content: center; }

.cat_list a { padding: 0 !important; }

.cat_list ul li p { font-size: 20px !important; margin-bottom: 0; }

.cat_list ul li a { border-radius: 5px !important; padding-top: 15px !important; }

.cat_list ul li { margin-left: 5px; }

    .cat_list ul li p:first-child {
        border-bottom: 1px solid #00000030 !important;
    }


/*====== Mobile cart. ======*/
.header_s nav.menu-navigation {
    position: relative;
}

.header_s .mobilecart {
    position: absolute;
    right: 84px;
    top: 30px;
}

    .header_s .mobilecart ul li {
        display: inline-block;
        position: relative;
    }
        .header_s .mobilecart ul li a {color: #333;}
        .header_s .mobilecart i {
            font-size: 20px;
            position: relative;
            z-index: 1;
        }

    .header_s .mobilecart .cart-value span.count-number {
        position: absolute;
        background-color: red;
        border-radius: 50px;
        height: 25px;
        width: 25px;
        padding: 0;
        color: #fff;
        text-align: center;
        display: flex;
        align-items: center;
        top: -8px;
        flex-wrap: wrap;
        justify-content: center;
        left: 14px;
        font-size: 14px;
    }
/*--------- # ---------*/
/*----------------------------------------------------
	## Responsive
------------------------------------------------------*/
@media (min-width: 992px) {
    .navigation-fixed .menu-navigation .navbar-brand img { max-width: 100px; }

    .navigation-fixed .menu-navigation .navbar-brand { margin-top: 0px !important; padding-top: 10px; }

    .container { max-width: 1200px; width: 100%; }

    .menuswitch,
    .mobile-sticky-footer,
    .desktop-hide, .header_s .mobilecart {
        display: none;
    }

    .menu-block .menu-collapse .container { display: flex; align-items: center; justify-content: space-between; }

        .menu-block .menu-collapse .container a.navbar-brand { position: relative; margin-top: -21px; }

    .about-story .container { max-width: 740px; }

    .about-story { padding: 5rem 0; }

    .dropdown ul.dropdown-menu.fullwidth_dropdown_menu { display: flex; }

    .menu-navigation .navigation-menu li.dropdown.fullwidth_dropdown ul li a { padding: 12px 7px 12px 25px; }

    .dropdown ul.dropdown-menu.fullwidth_dropdown_menu li img { padding-top: 15px; }

    .dropdown ul.inner-links li a { padding: 15px 0 0 0 !important; border-bottom: 0; }

        .dropdown ul.inner-links li a::after { display: none; }

        .dropdown ul.inner-links li a:hover { box-shadow: none !important; }

    .menu-block li .dropdown-menu.fullwidth_dropdown_menu > li { border-right: 1px solid #ccc; }

        .menu-block li .dropdown-menu.fullwidth_dropdown_menu > li:last-child { border-right: 0; }

    .tabs a.brdr-left { border-top-left-radius: 20px; color: #000; }

    .mobile-otp .tabs a.brdr-left { border-top-right-radius: 20px !important; }

    .tabs a.brdr-right { border-top-right-radius: 20px; background-color: #f6f5ee; }

    .header_s ul.navigation-menu li .account-details { display: none; }
}

@media (min-width: 768px) {
    .product-list ul li { padding: 0 7px 0 0; }

        .product-list ul li img { width: 100%; }
}

@media only screen and (min-width: 1024px) and (max-width: 1299px) {
    .menu-navigation .navigation-menu li.dropdown.fullwidth_dropdown ul li a { padding: 12px 2px 12px 20px; }
}

@media only screen and (min-width: 1024px) and (max-width: 1119px) {
    .product-list .product-details .item-qty { max-width: 100%; }
}

@media only screen and (min-width: 1280px) and (max-width: 1299px) {
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .menu-block .navigation-menu { left: -35px; }

    .popup-modal { padding-right: 15px; }

    .requir-form .input-container.form { margin-right: 14px; }

    #return-to-top { bottom: 30px; }
}

@media only screen and (min-width: 1024px) and (max-width: 1077px) {
    .atc-btn a { padding: 10px 22px !important; }
}

/* - Max Width: 991 */

@media (max-width: 991px) {
    .menu-block { float: none; width: 100%; position: relative; }

    .page-head { padding: 3rem 0; }

    .desktop-hide { display: block; }

    .mobile-hide, .top-head { display: none; }

    .aboutus-box { width: 100%; margin-bottom: 15px; }

    .aboutus-innerbox { padding: 30px 15px 25px; min-height: auto; }

    .aboutus-box ul li { text-align: center; width: 100%; }

    .aboutus-box h3 { margin-bottom: 10px; }

    .menu-navigation,
    .navigation-fixed .menu-navigation { background-color: #f5f4ef; }

        .menu-navigation .menuswitch { right: 17px; top: 30px; }

    .footer-section { display: none; }

    .slider { background-position: center; padding: 2rem 0; background-size: cover; }

        .slider p { font-family: 'roboto-light'; font-size: 26px; line-height: normal; }

    .shop-box, .about-story, .summary-section { padding: 2rem 0; }

    .section-heading h2 { font-size: 28px; }

    .how-to-buy .out-line { display: flex; width: 100%; }

    .how-to-buy .inner-image { text-align: center; }

    .how-to-buy .col-6 { margin-bottom: 30px; }

    #return-to-top { display: none !important; }

    .dropdown ul.dropdown-menu.fullwidth_dropdown_menu li img { display: none; }

    .menu-block li .dropdown-menu > li:last-of-type > a, .menu-block li .dropdown-menu > li > a { border-bottom: 1px solid #ccc; background-color: #e30016; color: #ffeb00 !important; font-size: 15px !important; }

    .navigation-menu .dropdown-menu { padding: 10px; }

    .tabs-content { padding: 20px 5px; }

    .inner-tabs { border-radius: 0; }

    .responsive-table .item-table tr.item-info td { min-height: 130px; justify-content: center; }

    .navigation-menu .cart-value span.count-number { top: 10px; left: 40px; height: 30px; }

    .form-map .rc-map { margin-bottom: 4rem; }

    .navigation-menu .account-details .dropdown { display: block; }

        .navigation-menu .account-details .dropdown .dropdown-content, .menu-user { top: 40px; }

    .menu-block .account-details .dropdown a:hover { color: transparent !important; background-color: transparent; }

    .navigation-menu .account-details #menu-user a { padding-top: 0; padding-bottom: 0; display: block; }

    #menu-user { top: 50px !important; }

    .combo-image { margin-bottom: 2rem; }

    .cat_list { margin-top: 2rem; }

        .cat_list ul li p:last-child { padding: 10px 5px; }

    /*.header_s.navigation-fixed {
        position: unset;
    }*/
    .header_s ul.navigation-menu li.cart-value.webcart {display: none;}
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pad-5 { padding: 3rem 0; }

    .footer-section { margin-bottom: 30px; }

    .product-collection { padding: 40px 0 70px; }

    .product-info { align-items: center; }

    .shop-box .inner-shop a, .product-list .product-details .product-name { font-size: 16px; }

    .shop-box .inner-shop p { font-size: 30px; }

    .how-to-buy { padding-bottom: 3rem; }

    .shop-box .inner-shop a { padding: 10px 25px; }

    .responsive-table .item-table td.item-image { padding-right: 10px; }

    .responsive-table .item-table .cart-image { margin-right: 10px; }

    .summary-section .cart-btns a { margin-right: 15px; padding: 13px 16px; }

    .responsive-table .item-table td.item-qty button { display: block; margin-bottom: 5px; }

    .user-select-option .user-state, .user-country { margin-right: 5px; }

    .product-list .product-details .item-qty { max-width: 100%; }

        .product-list .product-details .item-qty .atc-btn a { padding: 9px 7px; }

    .product-list .product-details .add-to-cart { padding-left: 8px; }

    .product-list .product-details .form-control.qty { width: 37px; }

    .successful-payment { padding: 2rem 0 6rem; /* height: 100%; */ }

    .form-map .contact-form, .rc-address { padding: 4rem 1rem; }

    .order-list { margin-bottom: 3rem; }

    .pro-boxs { max-width: 33.33%; flex: 0 0 33.33%; }
}

/* - Max Width: 767 */

@media (max-width: 767px) {
    /*.row {
		margin-left: 0;
		margin-right: 0;
	}*/
    .pad-5 { padding: 2rem 0; }

    .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

    .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }

    .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }

    .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

    .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }

    .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }

    .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

    .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }

    .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }

    .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }

    .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }

    .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }

    .col-md-12, .product-images ul li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

    .content-area, .widget-area { width: 100%; padding: 0; }

    .widget-area { margin-top: 20px; }

    .slider h2, .industry-section h3 { font-size: 22px; }

    .product-collection { padding: 30px 0 80px; min-height: 100vh; height: 100%; }

    .section-header h2,
    .about-bullplus .about-info h2,
    .industry-section h2 { font-size: 26px; }

    .about-bullplus .prod-img, .prod-text { max-width: 100%; flex: 0 0 100%; padding: 15px 0 0 0; }

    .product-info { padding-bottom: 0; }

    .industry-section { padding: 30px 0; }

    .footer-section .container .use-link,
    .footer-section .container .foot-contain.content-info,
    .footer-section .container .foot-contain.requir-form,
    .requir-form .input-container.form,
    .copyrigt-box .foot-bootm { max-width: 100%; flex: 0 0 100%; margin-right: 0; padding-right: 0; padding-left: 0; }

    .footer-section .foot-contain.requir-form { padding: 0 !important; }

    .product-info .prod-img { text-align: center !important; }

    .product-list ul li { padding: 0 5px; }

    .company-section .value-info,
    .value-img { flex: 0 0 100%; max-width: 100%; }

    .company-section .value-img { padding-bottom: 20px; text-align: center; }

    .shop-box .inner-shop { display: block; text-align: center; }

        .shop-box .inner-shop img { padding-bottom: 20px; }

        .shop-box .inner-shop p { font-size: 26px; line-height: normal; }

    .company-profile .inner-company-profile .col-4 { margin-bottom: 30px; }

    .how-to-buy .out-line, .shipping-address .user-select-option { display: block; }

    .how-to-buy { padding-bottom: 3rem; }

    .responsive-table .item-table .cart-image { display: block; margin-right: 10px; }

    .sammary-box { margin-bottom: 4rem; }

    .summary-section .responsive-table { padding-bottom: 1rem; width: 100%; overflow-x: scroll; }

    .shipping-address { margin-top: 1rem; }

    .user-select-option select { margin-bottom: 15px; width: 100%; }

    .order-sammary { margin-top: 30px; }

    .form-map .contact-form, .rc-address { padding: 2rem 1rem; }

    .inner-order-box, .inner-order-box .cart-image { display: block; }

        .inner-order-box .cart-image { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }

        .inner-order-box .item-qty { margin-bottom: 15px; }
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
    .product-list ul li { flex: 0 0 50%; max-width: 50%; padding-bottom: 20px; }

    .how-to-buy .out-line { display: flex; }

    .product-collection .product-list .col-3, .company-profile .inner-company-profile .col-4 { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; }

    .inner-company-profile .inner-text h3 { font-size: 18px; }

    .product-list .product-details .item-qty { max-width: 100%; }

        .product-list .product-details .item-qty .atc-btn a { padding: 9px 12px; }

    .product-list .product-details .add-to-cart { padding-left: 10px; }

    .successful-payment { height: 100%; padding: 3rem 0 6rem; }
}


/* - Max Width: 639 */

@media (max-width: 639px) {
    .slider-img.right_align img,
    .slider-img.left_align img { max-width: 90px; }

    .slider-innercontent { max-width: 360px; }

    .product-list .product-details .item-qty { max-width: 45%; }
}

@media only screen and (min-width: 577px) and (max-width: 767px) {
    .order-list { margin-bottom: 4rem; }
}

@media (max-width: 576px) {
    .product-list ul li p { padding-bottom: 20px; }

    .copyrigt-box { text-align: center; }

    .product-list ul li,
    .contact-box ul li { flex: 0 0 100%; max-width: 100%; border-right: none; margin-bottom: 30px; }

    .product-list .product-details .item-qty { max-width: calc(100% - 55%); }

    .successful-payment { padding: 3rem 0 7rem; }

    .order-list { margin-bottom: 3rem; }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    .use-of-industry ul li { max-width: 50%; flex: 0 0 50%; }

    .thume-images ul li { flex: 0 0 50%; max-width: 50%; padding: 0px 5px 20px 5px; text-align: center; }
    /*  .successful-payment {
        height: 100%;
    } */
}

@media (max-width: 479px) {
    .use-of-industry ul li { max-width: 100%; flex: 0 0 100%; }

    .thume-images ul li { flex: 0 0 100%; max-width: 100%; padding: 0px 0px 20px 0px; text-align: center; }

    .download-section .download-file ul li { flex: 0 0 50%; max-width: 50%; padding: 0 10px; }

    .summary-section .cart-btns { display: block; text-align: center; }

        .summary-section .cart-btns a { margin-bottom: 20px; width: 100%; margin-right: 0; }

    .responsive-table .item-table td.item-qty button { margin-bottom: 5px; }

    .user-box { display: block; }

    .successful-payment { padding: 2rem 0 5rem; }

    .product-list .product-details .item-qty { max-width: calc(100% - 25%); }
}

@media (max-width: 359px) {
    .signin-section .sign-btn { flex-wrap: wrap; }

        .signin-section .sign-btn a { margin-bottom: 20px; }

    .product-list .product-details .item-qty { max-width: calc(100% - 20%); }

    .signin-section .sign-btn .loginButtons { margin-bottom: 20px; }
}





/*------------- Model popup ----------------*/

.blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 999; padding: 20px; box-sizing: border-box; background-color: #000; background-color: rgba(0, 0, 0, 0.75); text-align: center; }
    .blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; }
    .blocker .modal { display: none; vertical-align: middle; position: relative; z-index: 2; max-width: 500px; box-sizing: border-box; width: 50%; background: #fff; padding: 25px 30px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; text-align: left; border-top: solid #e30016 10px; }
        .blocker .modal .content { font-size: 20px; line-height: 24px; margin-top: 0; color: #444; font-weight: bold; color: black; opacity: 1; }
            .blocker .modal .content div { border: 2px solid #e300160f; padding: 8px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border-radius:9px; }
            .blocker .modal .content h1 { text-align: center; text-transform: uppercase; color: #4CAF50; font-size: 1rem; }
            .blocker .modal .content p { text-indent: 50px; text-align: justify; letter-spacing: 3px; font-size: 0.9rem }
        .blocker .modal button { background-color: #218d00; font-size: 15px; padding: 8px 10px; color: #fff;  border-radius: 5px; border: 0; margin: 10px 0; text-transform: uppercase; cursor:pointer;}
/****MEDIA QUERIES****/

@media only screen and (max-width: 600px) {
    .blocker .modal { width: 95%; }}
 

/****ANIMATIONS****/

@keyframes fadeIn_Modal {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn_Container {
    from { opacity: 0; }
    to { opacity: 0.9; }
}

/*------------- End Model popup ----------------*/