-/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.comanform{}
.comanform .control{margin-top: 17px;display: inline-block;width: 100%;}
.comanform .control .input-text{ width: 100%; height: 40px; padding: 0 17px; box-sizing: border-box; border-radius: 0; border: solid 1px #e1e9f1; }
.comanform .control label{font-size: 15px;margin-bottom:10px;display: block;}
.comanform .control .input-text option{ height:40px; }
.comanform .control textarea{ width: 100%; height: 90px; padding: 0 17px; box-sizing: border-box; border-radius: 0; border: solid 1px #e1e9f1; }
.comanform .control .btn-bg{float:right; margin:0;}


.comanform .control .select2-container--default .select2-selection--single { background: #fff !important; border-radius: 0px; border: solid 1px #e1e9f1 !important; height: 40px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 28px; line-height: 33px !important;font-size: 15px !important; } 
.comanform .control .select2-container--default .select2-selection--single .select2-selection__arrow b { background: url(images/select-aerow.jpg) no-repeat 0 0; width: 22px; height: 16px; display: inline-block; margin-left: -7px; margin-top: -1px;border: none !important; }


.btn-bg{font-weight: bold; color: #FFF !important; font-size: 14px; margin-top: 18px; display: inline-block; padding: 14px 25px; text-transform: uppercase; letter-spacing: 2px;background: #000; cursor:pointer; border-radius:5px; position: relative;border: 1px solid #000;}
.btn-bg:hover{color: #000 !important;background: #fff; border: 1px solid #000; }



/* page 1 */
.main-wrap{height: 100vh;background:#fafafa;display: block;width: auto;padding: 0 15px;} 
.start-block {max-width: 1100px;margin:auto;background:#fff;box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 30%);border-radius: 12px 12px 12px 12px;}
.start-block .heading-block{text-align: center;display: inline-block;margin-top: 40px;width: 100%;}
.start-block .heading-block .heading-text{ margin-bottom: 7px; }
.start-block .heading-block .heading-text p{}

.start-block .page-warp{ background: #FFF; border: solid 1px #e7e7f7; border-radius: 10px; padding: 30px; margin-top: 30px; }
.start-block .page-warp .numbring{ list-style: none; }
.start-block .page-warp .numbring li{margin: 9px 0 24px 0;border-bottom: solid 1px #e7e7f7;padding: 0 0 30px 0;}
.start-block .page-warp .numbring li a{font-weight: 600;}
.start-block .page-warp .numbring li span{ width: 30px; height: 30px; display: inline-block; background: #555; border-radius: 100px; text-align: center; line-height: 28px; font-size: 12px; color: #FFF; position: relative; top: -2px; margin-right: 9px; }

.start-block .page-warp .numbring li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 16px; padding-top: 13px; }

/* page 2 */
.secure-block { display: flex; justify-content: space-between; flex-wrap: wrap; }
.secure-block .block{ width: 30%; }
.secure-block .price-block{background: #fafafb;padding: 20px;border: solid 1px #efeff9;border-radius: 5px;}
.secure-block .price-block .price{ font-size: 24px; margin-bottom: 5px; font-weight: 600; }
.secure-block .price-block .price p{}
.secure-block .price-block .btn-bg{ margin-top:34px; display:inline-block;    text-align: center;}

/* page 3 */


.activate-block { display: flex; justify-content: space-between; flex-wrap: wrap; }
.activate-block .block{ width: 48%; }


.security-setting { background: #FFF; margin-top: 0; position: fixed !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); height: 90%;overflow: hidden;width: 95%; max-width:1000px; }
.security-setting .security-inner{padding:20px;overflow-x: auto; max-height: 88%;}
.security-setting .security-inner a{ color:#000;}
.security-setting .security-inner .show-sec-code { font-weight: bold; text-decoration: underline; }
.security-setting .security-inner .download-btn{ border: solid 1px; font-weight: bold; padding: 5px 16px; display: inline-block;}
.security-setting .security-inner .download-btn:hover{background:#333; color:#FFF;}
.security-setting .security-inner p{ }
.security-setting .security-inner strong{ }
.security-setting .security-inner ul {  margin: 6px 0 16px 0; border: none; padding: 0 0 0 20px;}
.security-setting .security-inner ul .main-code { font-weight: bold; }



/* checkout start */
div#order_review { display: flex; justify-content: space-between; padding-bottom: 30px;}
div#order_review table.shop_table { width: 48%; }
div#order_review div#payment { width: 48%; margin: 0; }

#add_payment_method #payment ul.payment_methods li img.stripe-icon, .woocommerce-checkout #payment ul.payment_methods li img.stripe-icon { max-width: 33px; }

.woocommerce form.checkout #order_review_heading { margin-top: 15px !important; }
div#customer_details .col-1 { width: 100%; margin: 0; padding: 0; }
div#customer_details .col-1 input {    padding: 16px 0; width: 100%; text-indent: 15px;}  
p#billing_email_field label {     display: inherit !important; font-size: 15px; margin-bottom: 8px; font-family: 'Roboto', sans-serif; font-weight: 400; letter-spacing: 0;  } 

 
 
 
 
 
/* checkout end */

.shop_table .product-name .variation .variation-Number p{font-size:14px;}
.shop_table .product-name .variation .variation-Country p{font-size:14px;}
 
.shop_table .product-name .variation dt.variation-Number { font-weight: 600; }
.shop_table .product-name .variation dt.variation-Country   { font-weight: 600; }  
.woocommerce .shop_table { width: 100%; }
.woocommerce .shop_table tr td { border: none; } 




.shopping_cart_dropdown .qbutton:hover { color: #FFF; background: transparent; border: solid 1px #fff; } 

.woocommerce .wrapper table.cart td.actions>.checkout-button, 
.woocommerce-page .wrapper table.cart td.actions>.checkout-button{padding-left: 45px!important;  padding-right: 45px!important;}


.woocommerce table.cart tr th, .woocommerce-page table.cart tr th {background: #000;    color: #FFF !important;}

.woocommerce-cart table.cart tbody tr:nth-child(even) { background: #f4f6ff; } 
.woocommerce-account table.my_account_orders tbody tr, .woocommerce-cart table.cart tbody tr { border:1px solid rgb(255 255 255 / 0%)!important; }
.woocommerce table.cart tbody td.product-remove, .woocommerce-page table.cart tbody td.product-remove {
text-align: center; border-right: 1px solid rgb(255 255 255 / 0%)!important; }


.content_inner .woocommerce div.cart-collaterals div.cart_totals{    max-width: 500px; width:100%;}

.woocommerce div.cart-collaterals div.cart_totals table tr.order-total strong span.amount, .woocommerce-page div.cart-collaterals div.cart_totals table tr.order-total strong span.amount {color: #696969 !important; }

.woocommerce-cart table.cart tbody tr td, 
.woocommerce-checkout .checkout table tbody tr td {vertical-align: middle; }
.woocommerce td.product-name .wc-item-meta{padding: 0;}
.woocommerce table.shop_table tfoot td{border-top: 0px solid rgba(0,0,0,.1);}

/* Cart page */


.woocommerce{margin: 30px 0;}
.woocommerce a{color:#000;}
.woocommerce-info::before { color: #000000; }
form.woocommerce-cart-form table tbody>tr:nth-child(odd)>td{    background-color: #FFF;}

.woocommerce-cart table.cart td.actions .coupon .input-text { width: 150px; line-height: normal; height: 31px; font-size: 14px; padding: 0 9px; } 

.cart_totals table tbody>tr:nth-child(odd)>td{    background-color: #FFF;}
.cart-collaterals table th { border: none; }
.cart-collaterals  table tbody>tr:nth-child(odd)>th{ background-color: #FFF;}

.cart_totals{  border: solid #f4f6ff;}
.cart_totals h2{ padding: 0 0 0 15px;font-weight: bold;}
.cart_totals table{}
.cart_totals table tr{}
.cart_totals table tr.ceckoutStockMeta a{    color: #000;}
.cart_totals table tr:nth-child(even) { background: #f4f6ff; } 
.cart_totals table tr th {padding: 8px 12px !important;width: 145px;}
.cart_totals table tr td{}



/* checkout page */
.woocommerce-info a { color: #000; }


.myaccount_user, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce div.message{    border: solid #f4f6fd;    text-align: center;}



.checkout.woocommerce-checkout .col2-set .form-row.notes textarea{background-color: #f4f6fd !important; color: #000; }
.woocommerce form.checkout .col2-set .form-row input[type=tel],
form.checkout .col2-set .form-row input[type=email],
.checkout.woocommerce-checkout .col2-set .form-row input[type=text]{background-color: #f4f6fd !important; color: #000; }

 
.select2-container .select2-selection--single{} 

 
.select2-container .select2-selection--single { background-color: #f4f6fd !important; height: 44px !important; border: none !important; }
.select2-container--default .select2-selection--single{    background: #f4f6fd !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 40px!important; font-size: 13px!important;}

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #000 !important; color: white; }

.select2-container--default .select2-results__options { padding: 0;margin: 0; }
.select2-container--default .select2-search--dropdown {padding:10px;margin: 0;}
.select2-container--default .select2-results__options li {padding-left: 13px;}
.select2-container--default .select2-selection--single { color: #000;  background-color: #f4f6fd!important; border: 1px solid #f4f6fd; border-radius: 4px; height: 44px; background: #f4f6fd; line-height: 38px; } 
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #000; line-height: 40px; }

.select2-container--default .select2-search--dropdown .select2-search__field{background: #f4f6fd !important;    border: 1px solid #e1e9f1!important;}
.select2-dropdown{ border: 1px solid #e1e9f1!important;}

.woocommerce form.checkout table.shop_table tr th {background: #FFF;color: #000; text-align: left;}
.woocommerce form.checkout table.shop_table tr{}
.woocommerce form.checkout table.shop_table tr th{    border: solid 1px #f0f2f9;}
.woocommerce form.checkout table.shop_table tr td{     width: 50%;border: solid 1px #f0f2f9;   text-align: left;}
.woocommerce form.checkout table.shop_table tr td  table{   text-align: left;  width: 100%;}
.woocommerce form.checkout table.shop_table a{color: #000;}
.woocommerce form.checkout table.shop_table tfoot tr.order-total td span.amount, .woocommerce form.checkout table.shop_table tfoot tr.order-total th {
color: #888 !important;}




.woocommerce #payment{}
.woocommerce #payment ul.payment_methods { background: #f9f9f9;border: none; }
.woocommerce #payment ul.payment_methods li>label{    margin-left: 0px;margin-bottom: 21px;display: inline-block;width: 100%;}
.woocommerce #payment ul.payment_methods li{padding: 10px 20px;border: 1px solid #e0dede !important;margin-bottom: -1px;}
.woocommerce #payment ul.payment_methods li label {display: inline;}
.woocommerce #payment ul.payment_methods li .payment_box{ padding: 0 0 0 0px !important;    border-bottom: 0px solid #d3ced2;    background: transparent;}
.woocommerce #payment ul.payment_methods li .payment_box #stripe-payment-data{}
.woocommerce #payment ul.payment_methods li .payment_box #stripe-payment-data a{    color: #000;}
.woocommerce #payment ul.payment_methods li .payment_box #stripe-payment-data .wc-saved-payment-methods{padding: 9px 0 11px;}
.woocommerce #payment ul.payment_methods li .payment_box #stripe-payment-data p { margin: 19px 0; } 

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{    opacity: 0;}
#add_payment_method #payment div.payment_box .form-row, .woocommerce-cart #payment div.payment_box .form-row, .woocommerce-checkout #payment div.payment_box .form-row { margin: 0; }
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: #ffffff; border-radius: 5px; }
#add_payment_method #payment div.payment_box .form-row, .woocommerce-cart #payment div.payment_box .form-row, .woocommerce-checkout #payment div.payment_box .form-row { margin: 0; padding: 0; }
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 21px 0 0 0; }

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #000000; color: #fff; -webkit-font-smoothing: antialiased; }
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #333; color: #fff; }


.woocommerce-privacy-policy-text { margin: 0 0 5px 0;font-size: 14px; } 
.woocommerce-privacy-policy-text a{    color: #000;    }


.woocommerce form.checkout table.shop_table tr.cart-subtotal th {background: #f4f6fd;}
.woocommerce form.checkout table.shop_table tr.cart-subtotal td { background: #f4f6fd; } 

.woocommerce #payment ul.payment_methods li {
    padding: 10px 20px;
    border: 1px solid #e0dede !important;
    margin-bottom: -1px;
}
.woocommerce #payment ul.payment_methods li label img {
    width: 15px;
}

.topbarus{}
 

.search-select {  margin-left: -20px;margin-bottom: 0px;} 
.search-select .block{ width: 25%; position: relative; float: left; padding-left: 20px;}
.search-select .block select{ width: 100% !important; position: static !important; height: 41px !important; background: none !important; border-radius: 5px; border: solid 1px #818a91 !important; min-height: 41px; padding: 0 0 0 13px !important; font-size: 15px; color: #616161 !important; box-sizing: border-box; font-size: 15px;padding: 0 0 0 14px !important;  appearance: none;-moz-appearance: none;-webkit-appearance: none; background:#FFFFFF url(img/select-a.jpg) no-repeat right center !important;}

.search-select .block img.img-flag { width: 20px !important; position: relative; top: 1px; margin-right: 5px; } 

.search-select .block input{width: 100%; min-height: 44px; color: #616161; border: 1px solid #ddddde;}
.search-select .block button{ background-color: #000; padding: 0 0px; border: none; border-radius: 4px; color: #FFF; height: 40px; font-size: 15px; display: inline-block; font-weight: 500; width: 100%;  font-family: "Roboto"; cursor: pointer; margin-top: -1px;outline: none !important;}
.search-select .block button i {display: none;}
.search-select .block button:hover { background-color: #333; } 
.search-select .block .select2-container{top: -40px;background: #FFF;left: -1px; width:100% !important;}
 
.search-select .select2-container .select2-selection--single {  height: 41px !important; background: none !important; border-radius: 5px; border: solid 1px #818a91 !important;     box-sizing: border-box;}
.search-select .select2-container .select2-selection--single .select2-selection__rendered{    font-weight: normal!important; font-size: 15px !important; font-family: "Roboto"; color: #7A7A7A !important; text-transform: capitalize;} 

.virtual-main  td, .virtual-main th{border: none;}
.virtual-main-upper .virtual-main thead tr { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1); border-bottom: 0px solid #f1f1f1; background-color: #FFF; } 

#result-loader{position: absolute; right: 8px; top: 7px; max-width: 26px;}
#result-loader img{width: 100%;max-width: 100%;}
#result-loader i { color: #FFF; }
 
.virtual-main-upper{ padding-bottom: 80px;clear: both;margin-top: 0px;display: inline-block;width: 100%;}
.virtual-main-upper .virtual-main{border-collapse: separate; border-spacing: 0 0.8125rem; width: 100%;}
.virtual-main-upper .virtual-main tr{ -webkit-box-shadow:0px 2px 4px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow:0px 2px 4px 0 rgba(0, 0, 0, 0.1); border-bottom: 1px solid #f1f1f1; background-color: #fefefe;}
.virtual-main-upper .virtual-main tr:hover{ background-color: #f9f9f9;}
.virtual-main-upper .virtual-main tr td{ vertical-align: middle; font-size: 15px; padding: 9px 5px;text-align: left;}
.virtual-main-upper .virtual-main th{ text-align: left;font-size: 16px;padding: 6px 0;}
.virtual-main-upper .virtual-main tr td img{vertical-align:middle;}
.virtual-main-upper .virtual-main tr td .add{ background: #000; width: 100%; display: inline-block; text-align: center; padding: 4px 0 6px 0; border-radius: 5px; color: #FFF; text-decoration: none; width: 100px; font-weight: bold;}
.virtual-main-upper .virtual-main tr td .add:hover{background: #333;}

.numbersteps {     border-radius: 20px ; margin: 22px 0 0 0;  box-shadow: 0 0 14px #ddd; padding: 20px; }

.numbersteps h6 {     font-family: Raleway,sans-serif; letter-spacing: 0; text-transform: capitalize; font-size: 17px; font-weight: 500; color: #000;      display: inline-block;
       margin: 0 0 0 10px;}
.numbersteps .active h6 {     border-bottom: solid 1px #dce0eb; padding: 0px 0 13px 0; margin-bottom: 15px; }
.numbersteps p{    font-size: 16px; font-weight: 400; margin:0 0 14px 0; color: #7A7A7A;}
.numbersteps p strong { color: #000; }
.numbersteps ol {margin:0 0 0 20px}
.numbersteps ol li {font-size:16px}
.numbersteps ol li strong { color: #000; }

.table-scroller a { color: #000; font-weight: 600; }

.myaccountsteps { margin: 22px 0 0 0; box-shadow: 0 0 14px #ddd; padding: 20px;    border-radius: 20px ;}

.myaccountsteps h6 {     font-family: Raleway,sans-serif; letter-spacing: 0; text-transform: capitalize; font-size: 17px; font-weight: 500; color: #000; border-bottom: solid 1px #dce0eb; padding: 0px 0 13px 0; margin-bottom: 15px;}
.myaccountsteps p{ font-size: 16px; font-weight: 400; margin:0 0 14px 0; color: #7A7A7A;}
.myaccountsteps p strong { color: #000; }
.myaccountsteps ol {margin:0 0 0 20px}
.myaccountsteps ol li {font-size:16px}
.myaccountsteps ol li strong { color: #000; }

.woocommerce-account .woocommerce-MyAccount-content { overflow: inherit; }


.accountsuspend { background: #ffdada; border: solid 2px #ecb6b6; padding: 15px; text-align: center; margin-top: 30px; margin-bottom: -40px; }
.accountsuspend p { padding: 0; margin: 0; font-size: 15px; color: #a56060; }



/* login register */
 
body.woocommerce .content .container .container_inner, 
body.woocommerce-page .content .container .container_inner { padding:30px 0 35px; }
 
 

div#customer_login{}
div#customer_login .col-1 {}
div#customer_login .col-2{}
div#customer_login  h2{margin:22px 0 15px 0 !important; line-height: normal;}
 div#customer_login .woocommerce-form{ padding: 20px 20px 0 20px;  min-height: 253px;  border: solid 2px #ddd;     min-height: 320px;} 
div#customer_login .woocommerce-form .woocommerce-Input--text{background: #f1f1f1;border: none;}
div#customer_login .woocommerce-form p{ line-height: 22px; font-size: 13px;} 
.woocommerce #customer_login .lost_password { color: #000; } 
.woocommerce-privacy-policy-text p { min-height: inherit; margin-bottom: 0; }

.csdashboard {  padding: 20px; } 
.dasboard-icon { }
.dasboard-icon .block { display: flex; justify-content: space-between; }
.dasboard-icon .block .box { border: solid 1px #dce0eb; width:31.33%; text-align: center; }
.dasboard-icon .block .box .icon { /*background: #f3f3f3;*/ width: 60px; border-radius: 100px; height: 60px; display: inline-block; margin: 14px 0; border: 1px dotted #000;}
.dasboard-icon .block .box .icon img { max-width: 48px; margin-top: 4px; }
.dasboard-icon .block .box p { font-weight: bold; font-size: 14px; letter-spacing: 0; max-width: 150px; margin: 2px auto 14px auto; color: #000; line-height: normal; }


.security-setting{}
.security-setting h4{ background-color: #f7f7f7; padding: 10px 15px; border: solid 1px #ddd; font-size: 19px; color: #000; margin: 0; border-bottom: none; }
.security-setting ul{ margin: 0; padding: 17px 17px 17px 34px; border: solid 1px #ddd; }
.security-setting ul li{ padding: 4px 0; }


.symbol-icon { letter-spacing: 2px; font-size: 20px; position: relative; top: 5px; font-weight: bold; }


.Click-here { cursor: pointer;   }
.Click-here:hover{ transition:background-image 3s ease-in-out; background-image: linear-gradient(90deg, #fee140 0%, #f83600 100%); }
.custom-model-main { text-align: center; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; /* z-index: 1050; */ -webkit-overflow-scrolling: touch; outline: 0; opacity: 0; -webkit-transition: opacity 0.15s linear, z-index 0.15; -o-transition: opacity 0.15s linear, z-index 0.15; transition: opacity 0.15s linear, z-index 0.15; z-index: -1; overflow-x: hidden; overflow-y: auto; }

.model-open { z-index: 99999; opacity: 1; overflow: hidden; }
.custom-model-inner { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; display: inline-block; vertical-align: middle; width: 600px; margin: 30px auto; max-width: 97%; }
.custom-model-wrap { display: block; width: 100%; position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; text-align: left; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-height: calc(100vh - 70px); overflow-y: auto; } .model-open .custom-model-inner {     -webkit-transform:  translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: fixed; z-index: 999; left: 50%; top: 50%; }
.bg-overlay { background: rgba(0, 0, 0, 0); height: 100vh; width: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; -webkit-transition: background 0.15s linear; -o-transition: background 0.15s linear; transition: background 0.15s linear; }
.custom-model-main .close-btn {position: absolute; right: 16px; top: 0; cursor: pointer; z-index: 99; font-size: 30px; color: #000; }

.custom-model-main{}
.custom-model-main h2{border-bottom: solid 1px #ddd; color: #000; padding-bottom: 15px;}
.custom-model-main .content{} 
.custom-model-main .content .btn-bg { padding: 9px 25px; }

.pop-up-content-wrap .control .lodar-icon { display: none;float: right; position: relative; top: 11px; font-size: 21px; }

.alert-msg { text-align: center; padding: 5px 0; margin: 0; }
.success { color: #8bc34a;  }
.danger {  color: #9b1f13; }


form.woocommerce-ResetPassword { max-width: 500px; margin: 30px auto; border: solid #ddd; padding: 20px; }
form.woocommerce-ResetPassword .form-row{width:100%;}




/* edit-account */
#customer_details { margin-bottom: 14px; }

.edit-account input { background: #f5f5f5 !important;  border: none;  width: 100% !important; }
.woocommerce form .form-row label { font-size: 14px; color: #000;    visibility: initial!important; }

label[for="smonthly"], 
label[for="syearly"] { margin: 13px 5px 6px 0; display: inline-block; }

label[for="smonthly"] #smonthly { float: left; margin: 0 5px 0 0; }
label[for="syearly"] #syearly { float: left; margin: 0 5px 0 0; }


.cs-navigation-heading { width: 30%; }
.cs-navigation-heading h5 { background: #000; position: relative; z-index: 1; color: #FFF; padding: 10px 24px; border-radius: 20px 20px 0 0; top: 59px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { padding:46px 0 18px 0; }
.woocommerce-account .woocommerce-MyAccount-navigation { box-shadow: 0 0 14px #ddd; border-radius: 20px; } 
.woocommerce-account .woocommerce-MyAccount-navigation li a { padding:13px 0px 13px 24px !important;}

.woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; margin: 0; font-size: 13px; color: #b4b4b4; line-height: normal; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; transition: color .3s ease-in-out; }

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{color: #FFF; background-color: #000;}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { color: #FFF; background-color: #333;}




.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    color: #303030;
}

.woocommerce-account .woocommerce-MyAccount-navigation li{list-style: none;}

.woocommerce-account .woocommerce-MyAccount-content table .button { padding: 8px 13px; height: auto; line-height: normal; margin: 2px 2px; } 
.woocommerce table tr td { border: solid 1px #f1f1f1;font-size: 14px;    vertical-align: middle; } 


.table-scroller { width: 100%; overflow-x: auto; }
.table-scroller table { width: 100%; }
.table-scroller table .fa {margin-right:5px;}
.table-scroller table td button {     border: none; padding: 5px 10px; border-radius: 4px; cursor: pointer; color: #FFF; background-color: #000; font-size: 14px; font-weight: bold; } 
.table-scroller table td button:hover { background-color: #333; text-decoration: none; background-image: none; color: #FFF;} 

.csdashboard{  box-shadow: 0 0 14px #ddd; border-radius: 20px;}

header.scrolled nav.main_menu > ul > li > a, header.light.scrolled nav.main_menu > ul > li > a, header.dark.scrolled nav.main_menu > ul > li > a {
color: #000 !important;
}

header.light:not(.sticky):not(.scrolled) .shopping_cart_header .header_cart span {
color: #9d9d9d !important;
}



.woocommerce-account table.shop_table{ width: 100% !important;  margin-bottom: 20px !important;}
.woocommerce-MyAccount-content table.subscription_details{ width: 100% !important; }
.woocommerce-MyAccount-content table.subscription_details tr:first-child{}
.woocommerce-MyAccount-content table.subscription_details tr:first-child td {    background: #f1f3ff !important; font-size: 15px; font-weight: 600; color: #000;}
.woocommerce-MyAccount-content table.subscription_details tr td { border:solid 1px #f1f3ff; }

.woocommerce-MyAccount-content h2 { font-size: 18px; font-weight: bold;    margin: 0 !important; }

.woocommerce-orders-table{ box-shadow: 0 0 14px #ddd; border-radius: 20px; padding: 20px;}
.woocommerce-account table.shop_table tr th.product-name { background: #f1f3ff !important; }
.woocommerce-account table.shop_table tr th.product-total { background: #f1f3ff !important; }
.woocommerce-account table.shop_table tr td{border:solid 1px #f1f3ff;    padding: 15px; line-height: 1.5; vertical-align: middle;}
.woocommerce-account table.shop_table tr td a{color:#333;}

tr.order_item ul.wc-item-meta { list-style: none; }
tr.order_item ul.wc-item-meta li { }
tr.order_item ul.wc-item-meta li strong {    display: inline-block; }
tr.order_item ul.wc-item-meta li p { display: inline-block; font-size: 14px; font-weight: 500; }
.woocommerce-account table.shop_table tr th { font-size: 15px; font-weight: 600; padding: 15px; line-height: 1.5; vertical-align: top; border: 1px solid #efefef !important;}


.accord-content { display: none; }
.accord-content .panel-body { padding-top: 10px; }
.numbersteps ul li strong { color: #000; }
.accord-header { cursor: pointer; }
 span.plusminus { font-size: 20px; font-weight: bold; color: #000; }



.cs-navigation-heading{width: 26%;}
.woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 26%; }

.woocommerce-account .woocommerce-MyAccount-content { float: right; width: 71%; padding-bottom: 40px;min-height: 500px;}
.woocommerce-account .woocommerce-MyAccount-content .button{background:#000; color:#FFF;}
.woocommerce-account .woocommerce-MyAccount-content .button:hover{background:#333; color:#FFF;}

table.content-detail th:first-child { width: 150px; }


.woocommerce-order { margin: 22px 0; }

.woocommerce-EditAccountForm { box-shadow: 0 0 14px #ddd; border-radius: 20px; padding: 20px; }
.woocommerce-EditAccountForm fieldset {     margin: 15px 0; }

.woocommerce table.my_account_orders { font-size: .85em; padding: 0; box-shadow: 0 0 0 #ddd; }
.woocommerce ul.order_details { margin: 15px 0; list-style: none; padding: 6px 0; text-align: center; border: solid 1px #f3f3f3; }
.woocommerce ul.order_details li { padding: 0; width: 20%; margin: 0; line-height: 23px; }

.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th { padding: 9px 8px; vertical-align: middle; }

.woocommerce-order a{color:#000;}
.woocommerce-order .woocommerce table.shop_table th{    border-top: 0px solid #ccc;}
.woocommerce-order table th { border-left: none; border-bottom: none;border-top: none !important;border: 1px solid #f7f7f7;}
.woocommerce-order h2 { color: #000; }



.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {float: left; margin-top: 15px;}

.order_number.loading:after {
    -webkit-animation: spin 500ms infinite linear;
    animation: spin 500ms infinite linear;
    border: 2px solid #b1cbe5;
    border-radius: 32px;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    content: "";
    display: block;
    height: 16px;
    top: 15px;
    right: 5px;
    position: absolute;
    width: 16px;
}


a.reveal-number{ cursor: pointer; }
a.reveal-number {
    color: #000;
    text-decoration: underline !important;
}



/* End custom CSS */



.ajaxloader { position: fixed; background: rgb(255 255 255 / 68%); top: 0; left: 0; right: 0; bottom: 0; z-index: 99; display:none;}
.ajaxloader span{ position: fixed; font-size: 50px; top: 50%; left: 50%; transform: translate(-50%, -50%); }


.woocommerce-billing-fields h3, #billing_email_field{display: none;}
.woocommerce-EditAccountForm .woocommerce-Input--email{display: none;}


/* Thank you */
.woocommerce-order-received .page-header{ margin-top:40px;}
.woocommerce-thankyou-order-received { color: green; text-align: center; font-size: 15px; font-weight: bold; background: #daedda; padding: 12px 1px; margin-top: 16px; border: solid 1px #9abb9a; }

.woocommerce ul.order_details { display: flex; justify-content: space-around; flex-wrap: wrap; }
.woocommerce table.my_account_orders {margin-top: 20px; }
.woocommerce table.my_account_orders tr th { font-size: 14px;}

.security-setting { background: #FFF; } 
.security-setting ul { margin:7px 17px 17px 17px; }
.security-setting .msg { padding: 14px 21px; margin: 0; }
.security-setting .close-sec { position: absolute; right: 13px; font-size: 20px; top: 4px; cursor: pointer; }
.security-setting .close-sec :hover { opacity: 0.5; }


@media(min-width:992px){
/* login page    */
div#customer_login .col-1 { width: 49% !important; float: left !important; }    
div#customer_login .col-2 { width: 49% !important; float: right !important; }   
    

    
    
}


@media(max-width:1142px){
.search-select .block {width: 25%; position: relative;}
 
 
    
}

@media(max-width:1000px){
nav.mobile_menu>ul { width: 100% !important; margin: 0 auto; }  
nav.mobile_menu ul li a { color: #646464 !important; }  
nav.mobile_menu ul li a:hover { color: #6c87fa !important; }
nav.mobile_menu ul li.current-menu-item a{ color: #6c87fa !important; }


.secure-block .block { width: 48%; margin: 20px 0; }


}



@media(max-width:991px){
     
    
.virtual-main-upper{overflow-x:auto;}   
.virtual-main-upper .virtual-main{min-width: 886px;}    

/* Dashboard */

.dasboard-icon .block { display: flex; justify-content: space-between; flex-wrap: wrap; }
.dasboard-icon .block .box { border: solid 1px #dce0eb; width: 48%; text-align: center; margin-bottom: 17px; } 
 
 
.cs-navigation-heading h5{top: 15px;}
.dasboard-icon .block .box p{font-size: 13px;}
.cs-navigation-heading { width: 100%; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { padding: 4px 0 18px 0; }    
.woocommerce-account .woocommerce-MyAccount-navigation { border-radius: 0 0 20px 20px; } 

.woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 100%!important; } 
.woocommerce-account .woocommerce-MyAccount-content { width: 100%; margin-top: 30px;}    

.woocommerce-account .woocommerce-MyAccount-content {overflow-x: auto;width: 100%!important; }
.woocommerce-account .woocommerce-MyAccount-content table { width: 700px !important; } 

.woocommerce-account .woocommerce-MyAccount-content table .button { padding: 0; background: no-repeat; color: #000; border: none; height: auto; text-decoration: underline; margin: 0 6px; } 

.accountsuspend {margin-bottom: 0px; }
/* order-received */
.woocommerce ul.order_details li { width: 33.33%; margin: 12px 0; }


/* checkout start */
div#order_review { display: inline-block; width:100%; }
div#order_review table.shop_table { width: 100%; }
div#order_review div#payment { width: 100%; margin: 35px 0 0 0; }

/* checkout end */



}   
    

@media(max-width:767px){
.woocommerce-page.woocommerce-cart .woocommerce table.cart {  border: solid #f4f6ff; }  
.woocommerce-page.woocommerce-cart .woocommerce table.cart dl.variation table{width:100%;}  
    
div#topbarus a#search-number {margin-top: 42px;}
.virtual-main-upper{ padding-bottom: 30px;} 
.search-select{display:inline-block; width:100%;padding-right:0px; }
.search-select .block {width: 100%;margin-top: 20px;}

.search-select .block .select2-container { top: -1px; background: #FFF; left: -1px; position: absolute; right: 0;    }
.search-select { margin-left: 0; margin-bottom: 0px; } 
.search-select .block{padding-left:0px;}
 
/* login page */
.woocommerce #customer_login .lost_password { margin-left: 0 !important; display: block; margin-top: 12px; }
 div#customer_login .woocommerce-form .woocommerce-Input--text {  width: 100% !important; }


.woocommerce-account .woocommerce-MyAccount-content table.content-detail { width: 100% !important; } 

.dasboard-icon .block .box {  width: 100%; }
.shop_table .product-name .variation {     margin: 9px 0 0px 0; }

.virtual-main-upper .virtual-main{min-width: 100%;}

.virtual-main{min-width: 100%;width:100% !important;}
#search-results .virtual-main td { vertical-align: middle; padding: 9px 9px !important; }
.is_desk {    display: none;}

/* order-received */
.woocommerce ul.order_details li { width: 100%;}

/* ------------- */
.secure-block .block { width: 100%; margin: 0; }
.secure-block .price-block{margin-top:30px;}
.activate-block .block{ width: 100%; }

.woocommerce-account-fields .create-account .form-row { width: 100%; }

}