/* reset.css is here */
*{padding: 0;margin: 0;box-sizing: border-box;}
fieldset,img{border:0;}
figure {margin: 0;}
img{border:0;max-width: 100%;display: block;height: auto;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
q:before,q:after {content:'';}
header,nav,section,article,aside,footer,hgroup,figure,main {display: block; }
a {text-decoration: none !important;display:  block;outline: none; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.no_bor{border:0 none !important; }
ol,ul{list-style: none;margin:  0;}
h1,h2,h3,h4,h5,h6 {}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
p {}
.clear:after {content: '';clear: both;font-size: 1px;line-height: 1px;display: block;height: 0;}
.btn:focus{color:#fff;}
.doit-clr {color: #FDD957;display: inline-block;}
/* reset.css ends here */

@font-face {
    font-family: 'Exo';
    src: url('../fonts/Exo-Bold/Exo-Bold.woff2') format('woff2'),
        url('../fonts/Exo-Bold/Exo-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.font-exo {font-family: 'Exo';}
body { }
.wrapper {width: 100%;}
.container {max-width: 1730px;margin: 0 auto;padding: 0;}
/*--Header Start Here--*/
header { }
.head_top {background: #003F75;}
.head_top_in {padding: 8px 0 12px;}
.head_top_in ul li a.active{color: #4CA1EB;}
nav { }
nav ul{ }
nav ul li{padding: 0 21px;}
nav ul li a{font-size: 16px;line-height: 19px;color: #ffffff;font-family: 'Roboto', sans-serif;font-weight: 400;}
.head_bottom { }
.head_bottom_in {padding: 14px 0 13px;}
.logo { }
.logo a img{ }
.head_right { }
.head_right_in {padding: 9px 5px 0 0;}
.stuff {padding: 0 14px 0 0;}
.stuff ul{ }
.stuff ul li{
    padding: 0 25px;
}
.stuff ul li a{font-size: 16px;line-height: 21px;color: #343434;text-transform: uppercase;font-family: 'Exo';font-weight: 700;}
.stuff ul li a.active {color: #4CA1EB;}
.cate {width: 714px;background: #F9F9F9;border: 1px solid #D2D2D2;border-radius: 5px; }
.stuff ul li a:hover {color: #4CA1EB; }
.cate_in {padding: 9px 0 3px 23px;}
.cate_left {padding: 8px 0 0;}
.cate_left input{font-size: 16px;line-height: 19px;color: #707070;font-family: 'Roboto', sans-serif;font-weight: 400;border: none;outline: none;background:  #F9F9F9;}
.cate_right {padding: 8px 0 0;}
.cate_right ul{ }
.cate_right ul li{padding: 0 23px;position: relative;}
.cate_right ul li:after {content: '';position: absolute;top: -10px;right: 0;width: 2px;height: 44px;background: #E5E5E5;}
.cate_right ul li:nth-child(2):after{display: none;}
.cate_right ul li a i{font-size: 17px;line-height: 18px;color: #707070; }
.cate_right .nice-select{font-size: 16px;line-height: 24px;color: #707070;outline: none;border:  none;width: 100%;height: 40px;background: none;font-family: 'Roboto', sans-serif;font-weight: 400;}
.cate_right .nice-select:after{border-bottom: 2px solid #707070;border-right: 2px solid #707070;top: 34%;}
.cate_right .nice-select ul{width: 100%;}
/*--Header End Here--*/
/*--Sellin Start Here--*/
.selling {background: #111f27;}
.selling_in {max-width: 920px;margin: 0 auto;padding: 66px 0 47px;}
.selling_in h4 {font-size: 30px;line-height: 40px;color: #ffffff;margin: 0;padding: 0 0 25px;font-family: 'Exo';font-weight: 700;text-transform: uppercase;letter-spacing: -1.1px;}
.selling_in a {display: block;width: 215px;height: 51px;background: #5D7282;border-radius: 2px;font-size: 16px;line-height: 51px;color: #ffffff;text-align: center;margin: 0 auto;text-transform: uppercase;font-family: 'Exo';}
/*--Sellin End Here--*/
/*--Trades Start Here--*/
.trades {background: #F6F6F6;}
.trades_in {max-width: 1296px;margin: 0 auto;padding: 97px 0 106px 0;}
.trade_left {padding: 0;}
.trade_left figure img { }
.trade_right {padding: 57px 0 0 41px;}
.trade_right h4 {font-size: 30px;line-height: 36px;color: #1E2C37;font-family: 'Exo';font-weight: 700;letter-spacing: 1.1px;margin: 0;padding: 0 0 16px;}
.trade_right h4 span {display: block;color: #4CA1EB;font-style: italic;letter-spacing: 1.7px;}
.trade_right p {font-size: 20px;line-height: 30px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 400; }
/*--Trades End Here--*/
/*--Sell Start Here--*/
.sell { }
.sell_in { }
.sell_left {padding: 0; }
.sell_left_in {padding: 0 47px 0 361px;}
.sell_left_in h4{font-size: 30px;line-height: 36px;color: #1E2C37;font-family: 'Exo';font-weight: 700;letter-spacing: 1.1px;margin: 0;padding: 0 0 16px; }
.sell_left_in p{font-size: 20px;line-height: 30px;color: #343434;font-family: 'Roboto', sans-serif;;font-weight: 400; }
.sell_right {padding: 0; }
.sell_right figure img{width: 100%;height: auto;}
/*--Sell End Here--*/
/*--Guide Start Here--*/

.guide_in {max-width: 1281px;margin: 0 auto;padding: 96px 0 118px;}
.guide_left {padding: 0;}
.gudie_left figure img { }
.guide_right {padding: 65px 0 0 43px;}
.guide_right h4{font-size: 30px;line-height: 36px;color: #1E2C37;font-family: 'Exo';font-weight: 700;letter-spacing: 1.1px;margin: 0;padding: 0 0 26px;}
.guide_right p{font-size: 20px;line-height: 30px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 400; }
.guide_right a{display: block;font-size: 20px;line-height: 30px;font-family: 'Roboto', sans-serif;font-weight: 400;color: #4CA1EB;}
/*--Guide End Here--*/
/*--cost Start Here--*/
.cost { }
.cost_in { }
.cost_left {padding: 0;background: transparent linear-gradient(270deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; }
.cost_left_in {/* max-width: 486px; */padding: 0 43px 0 361px;/* margin: 0 auto; */}
.cost_left_in h4 {font-size: 30px;line-height: 36px;color: #1E2C37;font-family: 'Exo';font-weight: 700;letter-spacing: 1.1px;margin: 0;padding: 0 0 16px; }
.cost_left_in span {font-size: 20px;line-height: 30px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 400;padding: 0 0 20px;display: block;}
.cost_left_in  p {font-size: 20px;line-height: 30px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 400;padding: 0 0 16px;}
.cost_left_in  a {display: block;font-size: 20px;line-height: 30px;font-family: 'Roboto', sans-serif;font-weight: 400;color: #4CA1EB; }
.cost_right {padding: 0; }
.cost_right figure img{height: auto;object-fit: cover;}
/*--cost End Here--*/
/*--Footer Start Here--*/
footer {background: #1E2C37;}
.foto_in { }
.foto_inner {padding: 31px 0 22px 33px;}
.foto_left {padding: 0; }
.foto_left p{font-size: 14px;line-height: 17px;color: #E5E5E5;font-family: 'Roboto', sans-serif;font-weight: 400;margin: 0;}
.foto_right { }
.foto_right ul{margin: 0 -16px;}
.foto_right ul li{padding: 0 18px;}
.foto_right ul li a{font-size: 14px;line-height: 17px;color: #E5E5E5;font-family: 'Roboto', sans-serif;font-weight: 400;  }
/*--Footer End Here--*/

/*--Product Page Start Here--*/
.lorem {background: #1E2C37;}
.lorem_in {max-width: 1302px;margin: 0 auto;padding: 20px 0 10px;}
.lorem_in h3{font-size: 40px;line-height: 53px;color: #ffffff;text-transform: uppercase;font-family: 'Exo';font-weight: 700;letter-spacing: -1.1px;}
.ipsum { }
.ipsum_in {max-width: 1302px;margin: 0 auto;padding: 18px 0 13px;}
.ipsum_in ul { }
.ipsum_in ul li{padding: 0 1px;}
.ipsum_in ul li a{font-size: 12px;line-height: 14px;color: #1E2C37;text-transform: uppercase;font-family: 'Roboto', sans-serif;font-weight: 700;}
.ipsum_in ul li a.active{color: #4CA1EB;letter-spacing: -0.6px;}
.ipsum_in ul li a:hover{color: #4CA1EB; }
.dolor {background: #F6F6F6;}
.dolor_in {max-width: 1299px;margin: 0 auto;padding: 23px 0 123px;}
.dolor_in > a{font-size: 16px;line-height: 20px;color: #4CA1EB;font-family: 'Roboto', sans-serif;font-weight: 400;display: block;padding: 0 0 0 12px;position: relative;}
.dolor_in > a:after {content: "\f104";position: absolute;top: 0;left: 0;font-size: 16px;line-height: 16px;color: #4CA1EB;font-family: 'FontAwesome';}
.dolor_inner {padding: 16px 0 0;}
.dolor_left {padding: 0;position: relative; }
.reose {position: absolute;top: 14%;left: -25%;content: '';background: #FF00005E;border: 1px solid #707070;padding: 20px 26px 22px 26px;width: 693px;}
.shipping ul li p strong {display: inline-block;color: #4CA1EB;padding: 0 5px 0 0;} 
.reose ul li a {line-height: 38px !important;}
.dolor_left figure img{ }
.dolor_left_in {padding: 28px 0 0;}
.dolor_left_in ul{margin: 0 -8px;}
.dolor_left_in ul li{padding: 0 8px;}
.dolor_left_in ul li img{width: 120px; height: 120px;}
.dolor_right {padding: 0; }
.dolor_right_in {max-width: 640px;padding: 9px 0 0;}
.dolor_right_in h4{font-size: 30px;line-height: 36px;color: #1E2C37;font-family: 'Exo';font-weight: 700;letter-spacing: 0.7px;margin: 0;padding: 0 0 7px;}
.dolor_right_in h4 strong{font-size: 16px;line-height: 24px;color: #AAAAAA;font-family: 'Roboto', sans-serif;font-weight: 400;display: inline-block;}
.dolor_right_in > span {display: inline-block;font-size: 16px;line-height: 36px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 400;padding: 0 0 7px 5px;}
.dolor_right_in span em{color: #4CA1EB; }
.shipping {background: #ffffff;padding: 0 0px 0 0;}
.shipping ul {margin: 0 -18px; }
.shipping ul li {padding: 0 18px;}
.shipping ul li span{font-size: 27px;line-height: 30px;color: #FFFFFF;display: block;text-align: center;font-family: 'Exo';font-weight: 700;background: #4CA1EB;width: 90px;padding: 13px 0 16px;}
.shipping ul li strong{display: block;font-size: 18px;line-height: 24px;color: #F89500;font-family: 'Exo';font-weight: 700;padding: 0 0 6px;}
.shipping ul li p{font-size: 16px;line-height: 20px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 700;margin: 0;}
.shipping ul li a{font-size: 16px;line-height: 20px;color: #003F75;font-family: 'Roboto', sans-serif;font-weight: 700; }
.policy {padding: 26px 0 0;border-bottom: 1px solid #D1D1D1;}
.policy ul{margin: 0 -11px; }
.policy ul li{padding: 0 11px;}
.policy ul li a{font-size: 14px;line-height: 34px;color: #1E2C37;font-family: 'Exo';font-weight: 700;text-transform: uppercase;position: relative;}
.policy ul li a.active{color: #4CA1EB;position: relative;}
.policy ul li a:hover{color: #4CA1EB; }
.policy ul li a.active:after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #4CA1EB;}
.policy ul li a:hover:after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #4CA1EB; }
.emit {padding: 23px 0 0 2px;}
.emit p{font-size: 16px;line-height: 24px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 400;margin: 0;padding: 0 0 26px;}
.emit ul{padding: 0 0 25px;}
.emit ul li span{display: block;font-size: 16px;line-height: 24px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 400;padding: 0 0 0 10px;position: relative;}
.emit ul li span:after {content: '';position: absolute;top: 9px;left: 0;width: 4px;height: 4px;background: #000000;border-radius: 100%;}
.quanty {background: #ffffff; }
.quanty ul li{padding: 0 8px 0;}
.quanty span { font-family: 'Roboto', sans-serif; }
.quanty ul li span{display: inline-block;font-size: 16px;line-height: 51px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 400;}
.quanty ul li a, .quanty .cart, .quanty a {font-size: 16px;line-height: 51px;color: #4CA1EB;font-family: 'Roboto', sans-serif;font-weight: 400;}
.quanty ul li a.cart, .quanty a.cart {display: block;background: #003F75;font-size: 16px;line-height: 51px;color: #FFFFFF;text-align: center;text-transform: uppercase;font-family: 'Exo';font-weight: 700;width: 234px;height: 51px;border-radius: 2px;position: relative;}
.quanty ul li a.cart:after, .quanty a.cart:after {content: "\f218";position: absolute;top: 15px;left: 17%;font-size: 16px;line-height: 20px;color: #ffffff;font-family: 'FontAwesome';}
.quanty .nice-select{font-size: 16px;line-height: 24px;color: #343434;outline: none;border-radius: 4px;border:  1px solid #cecece;width: 100%;height: 40px;}
.quanty .nice-select:after{border-bottom: 2px solid #BCBCBC;border-right: 2px solid #BCBCBC;}
.quanty .nice-select ul{width: 100%;}
.quanty .nice-select{font-size: 14px;line-height: 40px;color: #53484f;outline: none;border-radius: 4px;border:  1px solid #cecece;width: 98px;height: 45px;}
.quanty .nice-select:after{border-bottom: 2px solid #5aa1b2;border-right: 2px solid #5aa1b2;}
.quanty .nice-select ul{width: 100%;}

/*--Checkout Start Here--*/
.billing {max-width: 1301px;margin: 0 auto;padding: 28px 0 39px;}
.bill_left {padding: 0 43px 0 0;}
.bill_left h6{font-size: 20px;line-height: 27px;color: #003F75;font-family: 'Exo';font-weight: 700;margin: 0 0 17px;letter-spacing: 0.5px;padding: 0 0 8px;position: relative;}
.bill_left h6:after {content: '';position: absolute;bottom: 0;left: 0;background: #4CA1EB;width: 50px;height: 3px;}

.checkout {padding: 50px 0 0;}
.checkout .success {padding: 10px 120px 0;}
.checkout .success h6{font-size: 2rem;line-height: 27px;color: #003F75;font-family: 'Exo';font-weight: 700;margin: 0 0 17px;letter-spacing: 0.5px;padding: 0 0 8px;position: relative;}
.checkout .success h6:after {content: '';position: absolute;bottom: 0;left: 48%;background: #4CA1EB;width: 50px;height: 3px;}
.check_out_success {max-width: 180px; margin: 0 auto;}
.checkout .success .listing {padding: 17px 0 26px; text-align: center;}
.checkout .success .listing ul li a.active{display: block;width: 181px;height: 51px;background: #4CA1EB;border-radius: 2px;font-size: 16px;line-height: 51px;color: #FFFFFF;text-align: center;text-transform: uppercase;font-family: 'Exo';font-weight: 700;}
.checkout .success .listing ul li.cancel {padding: 20px 0 0;}

.ways > ul > li{padding: 0 0 13px;}
.ways ul li label{font-size: 16px;line-height: 20px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 400;display: block;margin: 0;padding: 0 0 5px;}
.ways ul li input {display: block;width: 100%;height: 45px;border: 1px solid #C8C8C8;border-radius: 5px;outline: none;padding: 0 10px;}
.ways .nice-select{font-size: 16px;line-height: 45px;color: #343434;outline: none;border-radius: 4px;border:  1px solid #cecece;width: 100%;height: 45px;margin: 0 0 10px;}
.ways .nice-select:after{border-bottom: 2px solid #BCBCBC;border-right: 2px solid #BCBCBC;}
.ways .nice-select ul{width: 100%;}
.exper {padding: 0 0 30px 0}

/*.exper > ul > li:nth-child(2){padding: 24px 0 0; }*/
.exper ul li input{display: block;width: 195px;height: 45px;border: 1px solid #C8C8C8;border-radius: 5px;outline: none;padding: 0 10px;}
.exper .nice-select{font-size: 16px;line-height: 45px;color: #343434;outline: none;border-radius: 4px;border:  1px solid #cecece;width: 93px;height: 45px;margin: 0 0 21px;}
.exper .nice-select:after{border-bottom: 2px solid #BCBCBC;border-right: 2px solid #BCBCBC;}
.exper .nice-select ul{width: 100%;}
.form_cont { }
.form_cont ul{ }
.form_cont ul li{padding: 0 0 9px;}
.form_cont ul li label{font-size: 16px;line-height: 20px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 400;display: block;margin: 0;padding: 0 0 5px; }
.form_cont ul li input{display: block;width: 100%;height: 45px;border: 1px solid #C8C8C8;border-radius: 5px;outline: none;padding: 0 10px;}
.form_cont .nice-select{font-size: 16px;line-height: 24px;color: #343434;outline: none;border-radius: 4px;border:  1px solid #cecece;width: 132px;height: 45px;}
.form_cont .nice-select:after{border-bottom: 2px solid #BCBCBC;border-right: 2px solid #BCBCBC;}
.form_cont .nice-select ul{width: 100%;}
#fstate {width: 311px;}
#fzip {width: 132px;}
.bill_right {padding: 0;margin: 60px 0 0 0;}
/*.checkbox {padding: 0 0 26px;}*/
.checkbox  label{display: inline-block;}
.checkbox label input{display: none;}
.checkbox label span{display: inline-block;background: url(../images/uncheck1.png)no-repeat left center;cursor: pointer;font-size: 16px;line-height: 20px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 400;padding: 5px 0 2px 32px;background-size: 20px 20px;letter-spacing: 0.7px;}
.checkbox label input:checked + span{background: url(../images/check1.png)no-repeat left center;background-size: 20px 20px;}
.bill_right_in {padding: 28px 74px 0 46px;background: #ffffff;box-shadow: 0px 3px 6px #00000029;}
.bill_right_in h6{font-size: 20px;line-height: 27px;color: #003F75;font-family: 'Exo';font-weight: 700;margin: 0 0 25px;letter-spacing: 0.7px;padding: 0 0 8px;position: relative;}
.bill_right_in h6:after {content: '';position: absolute;bottom: 0;left: 0;background: #4CA1EB;width: 50px;height: 3px;}
.gory {border-bottom: 1px solid #E5E5E5;padding: 0 0 3px;margin: 0 0 15px; }
.count {border-bottom: none;padding:  7px 0 5px;}
.gory p{font-size: 16px;line-height: 20px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 400;margin: 0;padding: 0 0 7px;}
.gory strong{display: inline-block;color: #AAAAAA;padding: 0 0 0 12px;}
.count p {font-size: 20px;line-height: 22px;}
.gory span{font-size: 16px;line-height: 20px;color: #1E2C37;font-family: 'Roboto', sans-serif;font-weight: 700; }
.gory div p.listing_title {display: inline-block;width: 140px;white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis;}
.count span {font-size: 20px;line-height: 22px;}
.code {padding: 0 0 32px;}
.code span {font-size: 16px;line-height: 20px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 400;display: block;padding: 0 0 6px;}
.code ul{ }
.code ul li input{width: 221px;height: 45px;border: 1px solid #C8C8C8;border-radius: 5px;outline: none;font-size: 16px;line-height: 20px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 400;padding: 0 10px;}
.code ul li a{display: block;width: 79px;height: 35px;background: #5D7282;font-size: 16px;line-height: 35px;color: #FFFFFF;text-align: center;text-transform: uppercase;font-family: 'Exo';font-weight: 700;}
.check_out {background: #003F75;padding: 17px 0 26px;}
.check_out_in { max-width: 350px;margin: 0 auto;}
.check_out ul { }
.check_out ul li { }
.check_out ul li a {font-size: 16px;line-height: 51px;color: #4CA1EB; font-family: 'Roboto', sans-serif;font-weight: 400;}
.check_out ul li a.active {display: block;width: 181px;height: 51px;background: #4CA1EB;border-radius: 2px;font-size: 16px;line-height: 51px;color: #FFFFFF;text-align: center;text-transform: uppercase;font-family: 'Exo';font-weight: 700;}

/*How to Buy-Sell Start*/
.buy-card {position: relative;display: -ms-flexbox; display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border-radius: .25rem;}
.buy-card-header {padding: .75rem 0;margin-bottom: 0;background-color: rgba(0,0,0,.03);border-top: 1px solid rgba(0,0,0,.125);}
.card-header-text {color: #212529; background-color: #F6F6F6;cursor: pointer;}
.buy-card-header .card-header-text:after {font-family: 'FontAwesome';content: "\f106";float: right; color: #AAAAAA;}
.buy-card-header .card-header-text.collapsed:after {content: "\f107"; color: #AAAAAA;}
.buy-card-header .card-header-text.collapsed{color: #4CA1EB;}
.buy-card-body {background: #F6F6F6;flex: 1 1 auto;min-height: 1px;padding: 1.25rem 0;border-bottom: 1px solid rgba(0,0,0,.125);}
.buy-card-selling-in a {display: block;width: 215px;height: 51px;background: #5D7282;border-radius: 2px;font-size: 16px;line-height: 51px;color: #ffffff;text-align: center;margin-top: 20px;text-transform: uppercase;}
.buy-card-selling-in .btn {display: block;width: 215px;height: 51px;background: #5D7282;border-radius: 2px;font-size: 16px;line-height: 51px;color: #ffffff;text-align: center;margin-top: 20px;text-transform: uppercase;}
/*How to Buy-Sell End*/

.contactus-head-text{font-weight: bold;font-size: 30px;margin-bottom: 28px;}


/*--Listing Start Here--*/
.listing {max-width: 1299px;margin: 0 auto;padding: 51px 0 69px;}
.list_left {padding: 6px 44px 0 0;}
.list_cont {padding: 0 0 22px;}
.list_cont ul{ }
.list_cont ul li{padding: 0 0 16px;}
.list_cont ul li a{font-size: 18px;line-height: 24px;color: #1E2C37; font-family: 'Exo';font-weight: 700;position: relative;}
.list_cont ul li a:after{content:"\f105";position: absolute;top: 0;right: 0;font-size: 16px;line-height: 24px;color: #1E2C37;font-family: "FontAwesome";}
.list_cont ul li a.active{color: #4CA1EB;position: relative;}
.list_cont ul li a.active:after{content:"\f105";position: absolute;top: 0;right: 0;font-size: 16px;line-height: 24px;color: #4CA1EB;font-family: "FontAwesome";}
.list_cont ul li a:hover{color: #4CA1EB; }
.list_cont ul li a span {text-align: right;}
.list_cont ul li a span i {font-size: 18px;line-height: 24px;color: #1E2C37; }
.list_cont_in { }
.list_cont_in a{display: block;width: 261px;height: 51px;background: #5D7282;border-radius: 2px;font-size: 16px;line-height: 51px;letter-spacing: -0.7px;color: #FFFFFF;text-align: center;text-transform: uppercase;font-family: 'Exo';font-weight: 700;}
.list_right {padding: 0 9px 0 0;}
.list_day {padding: 0 0 24px;}
.day_left {padding: 6px 0 0;}
.day_left h6{font-size: 20px;line-height: 27px;color: #003F75;font-family: 'Exo';font-weight: 700;letter-spacing: 0.5px;position: relative;}
.day_left h6:after {content: '';position: absolute;bottom: -6px;left: 0;width: 50px;height: 2px;background: #4CA1EB;}
.day_right { }
.day_right ul{margin: 0 -8px;}
.day_right ul li{padding: 0 8px;}
.elit {position: relative;}
.elit:before {content: "\f002";position: absolute;top: 8px;right: 25px;font-size: 16px;color: #707070;font-family: 'FontAwesome';}
.elit input{width: 420px;height: 44px;background: #ffffff;border: 1px solid #d2d2d2;border-radius: 5px;font-size: 16px;line-height: 44px;color: #707070;font-family: 'Roboto', sans-serif;font-weight: 400;outline: none;padding: 0 26px;}
.day_right .nice-select{font-size: 16px;line-height: 45px;color: #343434;outline: none;border-radius: 4px;border:  1px solid #cecece;width: 202px;height: 45px;font-family: 'Roboto', sans-serif;font-weight: 400; }
.day_right .nice-select:after{border-bottom: 2px solid #BCBCBC;border-right: 2px solid #BCBCBC;}
.day_right .nice-select ul{width: 100%;}
.message_table { }
.message_table ul{ }
.message_table ul li{ }
.mesg_table_cont {background: #dbe2e8;padding: 16px 0 13px 18px;}
.status {padding: 0; }
.status h6{font-size: 14px;line-height: 18px;color: #003F75;margin: 0;font-family: 'Exo';font-weight: 700; }
.mesg_table_in {background: #ffffff;padding: 16px 0 13px 18px;}
.produ {padding: 0; }
.produ span{font-size: 14px;line-height: 18px;color: #4CA1EB;font-family: 'Roboto', sans-serif;font-weight: 400;}
.produ p{font-size: 14px;line-height: 18px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 400;margin: 0;padding: 3px 0 0;}
.produ a{font-size: 14px;line-height: 18px;color: #4CA1EB;font-family: 'Roboto', sans-serif;font-weight: 400;position: relative;}
.produ a.actions:after {content: "\f105";position: absolute;top: 0;right: -12px;font-size: 14px;line-height: 18px;color: #4CA1EB;font-family: "FontAwesome";}
.state .nice-select {width: 140px;}
.expired {background: #f8e6e6 !important;}
.shipped {background: #f6f6f6 !important;}
.comp {background: #e0f8e2 !important;}
.mult {position: relative;}
.goes {position: relative;}
/*
.mult:after {content: '';position: absolute;top: 14px;left: 14px;background: url(../images/img8.png)no-repeat;width: 32px;height: 24px;}
.goes:after {content: '';position: absolute;top: 14px;left: 14px;background: url(../images/img7.png)no-repeat;width: 32px;height: 24px;}
*/
/*--Message Start Here--*/
.history {max-width: 1299px;margin: 0 auto;padding: 57px 0 61px;}
.hist_left {padding: 6px 44px 0 0; }
.hist_right {padding: 0 6px 0 0; }
.hist_right_cont {padding: 0 0 27px; }
.hist_cont {padding: 0;}
.hist_cont h6 {font-size: 20px; line-height: 27px;color: #003F75;    font-family: 'Exo';font-weight: 700;letter-spacing: 0.9px;
    position: relative;}
.hist_list {padding: 8px 0 0; }
.hist_list a{font-size: 16px;line-height: 20px;color: #4CA1EB;font-family: 'Roboto', sans-serif;font-weight: 400; }
.account_table {background: #dbe2e8;padding: 16px 0 13px 18px;}
.commondo {background: #ffffff;padding: 16px 0 13px 18px;}
.commondo-complete {background: rgb(0, 186, 6, 0.2);padding: 16px 0 13px 18px;}
.no-message{background:#e3edf5;border:solid 1px #003F75;border-radius:10px; text-align:center;padding:40px 0px 20px 0px;}
.no-message img{margin:auto;padding-bottom:20px;}
.no-message h5{color: #003F75; font-weight:bold;}
.integer {position: relative;}
.integer:after{content:  '';position: absolute;top: 15px;left: 10px;width: 31px;height: 24px;}
.sem{background: #F6F6F6;}
.select-home-category {margin-top: -8px;margin-bottom: 5px;padding: 0;background: #F9F9F9; border: none;}
.select-zipcode-radius {margin-top: -8px;margin-bottom: 5px;padding: 0;background: #ffffff; border: none;}

/*--Index Start Here--*/
/* Main content starts here */
.main_content				{}
.banner{background: url(../images/banner.png) no-repeat center top;background-size:cover;height: 494px;}
.banner_cont {max-width: 1070px;background: #0f1f29;clip-path: polygon(0% 0%, 100% 0%, 66% 99%, 0% 99%);}
.banner-in{padding: 65px 0 78px 247px;}
.banner-in h4{font-family: 'Exo', sans-serif;font-weight: 700;font-size: 30px;line-height: 40px;color: #ffffff;text-transform: uppercase;padding: 0 0 10px 0;letter-spacing: -1.3px;margin: 0;}
.banner-in h2{font-family: 'Exo', sans-serif;font-weight: 700;font-size: 72px;line-height: 96px;color: #4CA1EB;text-transform: uppercase;padding: 0 0 10px 0;margin: 0;letter-spacing: -1.9px;}
.banner-in ul{}
.banner-in ul li{}
.btn{width: 150px; height: 50px; background: #5D7282 0% 0% no-repeat padding-box;
border-radius: 2px 0px 0px 2px;opacity: 1; color: #ffffff; box-shadow: none !important; border: none !important; font-family: 'Exo', sans-serif; font-weight: 700; font-size: 16px; line-height: 21px;  text-transform: uppercase; text-align: center; margin: 0; padding: 0;}
.btn2{width: 150px !important; height: 50px !important; background: #3A5974 !important; color: #ffffff; box-shadow: none !important; border: none !important; font-family: 'Exo', sans-serif; font-weight: 700; font-size: 16px; line-height: 50px;  text-transform: uppercase; text-align: center; margin: 0 !important; padding: 0 !important; outline: none !important;}

.btn3{ padding: 15px 35px !important; background: #003F75 no-repeat;border-radius: 0px;opacity: 1; color: #ffffff;  border: none !important; font-family: 'Exo', sans-serif; font-weight: 700; font-size: 16px; text-transform: uppercase; text-align: center;}
.btn3:hover{background: #003F75 no-repeat;border-radius: 0px;opacity: 1; color: #ffffff;  border: none !important; font-family: 'Exo', sans-serif; font-weight: 700; font-size: 16px; text-transform: uppercase; text-align: center;}
    .btn2{width: 150px !important; height: 50px !important; background: #3A5974 !important; color: #ffffff; box-shadow: none !important; border: none !important; font-family: 'Exo', sans-serif; font-weight: 700; font-size: 16px; line-height: 50px;  text-transform: uppercase; text-align: center; margin: 0 !important; padding: 0 !important; outline: none !important;}

.btn:hover{color: none !important;}
.electronics{padding: 37px 0 0 0;background: #F6F6F6;}
.elect-in{max-width: 1050px; margin:  0 auto;}
.elect-in ul{}
.elect-in ul li{width: 25% !important; padding: 0 10px 20px 10px;}
.elect-in ul li:last-child{margin-right:130px;}
.elect-in ul li:nth-child(9){margin-left:130px;}
.duct {box-shadow: 0px 3px 6px #00000008;background: #ffffff;padding: 19px 0 11px;}
.duct figure{}
.duct figure img{margin: 0 auto;min-height: 110px;object-fit: contain;}
.duct h5{font-family: 'Exo', sans-serif;font-weight: 700;font-size: 16px;line-height: 27px;color: #003F75;text-transform: uppercase;padding: 20px 0 0px 0;text-align: center;margin: 0;}
.profit{max-width: 1319px;margin: 0 auto;padding: 23px 0 47px 0;}
.profit ul{padding: 0 0 45px 0;}
.profit ul li{position: relative; padding: 0 10px;}
.profit ul li > figure{}
.profit ul li > figure > img{height: 146px;}
.profit-cntnt{position: absolute;left: 0;top: 0;padding: 38px 0 0 29px;}
.profit-cntnt h6{font-family: 'Exo', sans-serif; font-weight: 700; font-size: 20px; line-height: 27px; color: #ffffff; text-transform: uppercase;  text-align: left; }
.profit figure img {margin: 0 auto;}
.way{max-width: 1300px;margin: 0 auto 46px;background: #1e2c37;}
.way-in{max-width: 1075px;margin: 0 auto;padding: 0 0 81px;}
.way figure{}
.way figure img{}
.way-left h4{font-family: 'Exo', sans-serif;font-weight: 400;font-size: 40px;line-height: 60px;color: #4CA1EB;text-align: left;padding: 82px 0 0 17px;}
.way-right p{font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 20px;line-height: 31px;color: #ffffff;padding: 0 0px 14px 0px;letter-spacing: -0.1px;}
.way-right a{width: 199px ; height: 51px ; background: #5D7282 0% 0% no-repeat padding-box;
border-radius: 2px 0px 0px 2px;opacity: 1; color: #ffffff; font-family: 'Exo', sans-serif; font-weight: 700; font-size: 16px; line-height: 21px;  text-transform: uppercase; text-align: center; display: block; padding: 15px 0;}
.way figure img {height: 350px;}
.way-left{padding: 0;}
.way-right{padding: 90px 0 0 38px;/* max-width: 600px; */}

/*--Createlisting 1 start Here--*/
.describe {max-width: 1302px;margin: 0 auto; padding: 34px 0 137px;}
.describe_in {width: 100%;background: #003F75;border-radius: 2px;height: 54px; }
.describe_in .nice-select{font-size: 20px;line-height: 60px;color: #ffffff;outline: none;border: none; width: 100%;height: 53px;font-family: 'Roboto', sans-serif;font-weight: 400;background: none; }
.describe_in  .nice-select:after{border-bottom: 2px solid #ffffff;border-right: 2px solid #ffffff;}
.describe_in  .nice-select ul{width: 100%;}
.describe_inner {padding: 30px  0 0; }
.describe_left {padding: 0  38px 0 0;}
.describe_left h6{font-size: 20px;line-height: 27px;color: #003F75;padding: 0 0 7px;margin: 0 0 15px;position: relative;font-family: 'Exo';font-weight: 700;}
.describe_left h6:after {content: '';position: absolute;bottom: 0;left: 0;width: 50px;height: 2px;background: #4CA1EB;}
.prety { }
.prety > ul{ }
.prety > ul > li{padding: 0 8px 13px 0;}
.prety ul li label{font-size: 16px;line-height: 20px;color: #343434; font-family: 'Roboto', sans-serif;font-weight: 400;}
.prety ul li input{width: 100%;height: 45px;border: 1px solid #C8C8C8;border-radius: 5px;outline: none;color: #BCBCBC;font-size: 16px;line-height: 45px;padding: 0 10px;}
.prety ul li select{width: 100%;height: 45px;border: 1px solid #C8C8C8;border-radius: 5px;outline: none;color: #BCBCBC;font-size: 16px;line-height: 45px;padding: 0 10px;}
.prety .nice-select{font-size: 16px;line-height: 45px;color: #BCBCBC;outline: none; width: 100%;height: 45px;font-family: 'Roboto', sans-serif;font-weight: 400;background: #ffffff;border: 1px solid #C8C8C8;border-radius: 5px; }
.prety  .nice-select:after{border-bottom: 2px solid #BCBCBC;border-right: 2px solid #BCBCBC;}
.prety  .nice-select ul{width: 100%;}
.prety ul li em {position: relative;display: block;}
.prety ul li em:after {content: "\f073";
    content: "\f073";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 17px;
    font-family: FontAwesome;
    color: #d4d7da;
    font-size: 22px;
}
.describe_right {padding: 0;}
.describe_right h6{font-size: 20px;line-height: 27px;color: #003F75; }
.sub_cat .nice-select{font-size: 16px;line-height: 45px;color: #BCBCBC;outline: none;width: 100%;height: 45px;font-family: 'Roboto', sans-serif;font-weight: 400;background: #ffffff;border: 1px solid #C8C8C8;border-radius: 5px;margin: 0 0 12px;}
.sub_cat  .nice-select:after{border-bottom: 2px solid #BCBCBC;border-right: 2px solid #BCBCBC;}
.sub_cat  .nice-select option{width: 100%;}
.sub_cat_in a {display: inline-block;width: 181px;height: 37px;background: #003F75;border-radius: 74px;font-size: 16px;line-height: 37px;color: #ffffff;text-align: center;font-family: 'Exo';font-weight: 700;text-transform: uppercase;}
.sub_cat_in .remove_cat {display: inline-block;width: 181px;height: 37px;background: #dc3545;border-radius: 74px;font-size: 16px;line-height: 37px;color: #ffffff;text-align: center;font-family: 'Exo';font-weight: 700;text-transform: uppercase;}
.sub_cat_img .remove_img {display: inline-block;width: 150px;height: 37px;background: #dc3545;font-size: 16px;line-height: 37px;color: #ffffff;text-align: center;font-family: 'Exo';font-weight: 700;text-transform: uppercase;}
.sub_cat_in span {display: inline-block;font-size: 16px;line-height: 37px;color: #343434;font-family: 'Roboto', sans-serif;font-weight: 400;}
.limit {padding: 20px 0 16px;}
.limit label{display:block;}
.limit input {width: 100%;height: 45px;border: 1px solid #C8C8C8;border-radius: 5px;outline: none; }
.msg_cont { }
.msg_cont label{ }
.msg_img {padding: 12px 0 10px 21px;border: 1px solid #C5C5C5;
    border-radius: 5px 5px 0 0;border-bottom: none;background: #ffffff; }
.form-ctn2 {width: 100%;height: 272px;line-height: 38px;border-radius: 5px;border: 1px solid #C5C5C5;outline: none;padding: 0 15px;resize: none;}
.item_cont {background: #003F75;padding: 20px 15px 20px 15px;}
.item_cont ul{ }
.item_cont ul li{padding: 0 5px; }
.item_cont ul li span{font-size: 14px;line-height: 20px;color: #FFFFFF; }
.preview {padding: 20px 0 0;}
.preview ul{ }
.preview div{padding: 0 10px; }
.preview div a{font-size: 16px;line-height: 51px;color: #4CA1EB; }
.preview div a.creat{width: 220px;height: 51px;background: #4CA1EB;font-size: 16px;line-height: 51px;color: #FFFFFF;text-align: center;border-radius: 2px;display: block;font-family: 'Exo';font-weight: 700;text-transform: uppercase;margin-right: 15px;}
.preview ul li a.view{width: 170px;height: 51px;background: #4CA1EB;font-size: 16px;line-height: 51px;color: #FFFFFF;text-align: center;border-radius: 2px;display: block;font-family: 'Exo';font-weight: 700;text-transform: uppercase;}
.describe_right {padding: 0 0 0 2px; }
.describe_right h6{font-size: 20px;line-height: 27px;color: #003F75;padding: 0 0 7px;margin: 0 0 15px;position: relative;font-family: 'Exo';font-weight: 700;}
.describe_right h6:after {content: '';position: absolute;bottom: 0;left: 0;width: 50px;height: 2px;background: #4CA1EB;} 
.drag {border: 1px dashed #343434;background: #ffffff; }
.drag_in {padding: 53px 0 52px;max-width: 390px;margin: 0 auto;}
.drag_in figure img{margin: 0 auto 13px;}
.drag_in p{font-size: 16px;line-height: 21px;color: #343434;text-align: center;text-transform: uppercase;margin: 0;padding: 0 0 21px;font-family: 'Exo';font-weight: 700;}
.drag_in a{display: block;width: 211px;height: 51px;background: #1E2C37;font-size: 16px;line-height: 51px;color: #ffffff;text-align: center;margin: 0 auto;font-family: 'Exo';font-weight: 700;text-transform: uppercase;}
.feat_img {padding: 35px 0 0;}
.feat_img ul{ }
.feat_img ul li{padding: 0 4px;}
.feat_img ul li img{ }
.drag_in span {display: block;}
.imageupload {text-align: center;position: relative;}
.imageupload .btn-file {overflow: visible;display: inline-block;cursor: pointer;}
.imageupload input[type=file] {text-align: center;position: absolute;opacity: 0;left: 89px;top: 0;width: 211px;height: 51px;cursor: pointer;}
/*.drag_in input {display: none;}*/
.terms { }
.terms span a{display: inline-block;color: #4CA1EB;}
.btn_search_category {border: none; background: #F9F9F9;}
.btn-mark-as-cancel {font-size: 16px;line-height: 51px;color: #4CA1EB;}
.menu_icon{display: none;}
.side_bar{display: none;}

.user-modal .modal-dialog{width:100%; padding: 25px;}
.user-modal .modal-content{flex-direction:unset;}
.user-modal .modal-left{display:inline-block;width:714px;padding:50px 80px 30px 80px;}
.user-modal .modal-right{display:inline-block;width:455px;}
.user-modal .login-logo{text-align:center;width:100%;padding-bottom:30px;}
.user-modal .login-logo img{margin:auto;}
.user-modal .modal-left a{display:inline;}
.user-modal .note-bubble{width:100%;background:#F5F5F5;text-align:center;padding:20px 0px;border-radius:10px;margin-bottom:1rem;}
.user-modal .note-bubble p{margin-bottom:0px;}
.preview_image {height: 150px; width: 150px;}
.invalid-feedback {display:block;width: 100%;margin-top: 0.25rem;font-size: 80%;color: #e3342f;}
.error { color: #ff0000 !important;}

/*Nav tab custom design*/
.nav-tabs .nav-link {border: none;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background-color: transparent; border: none;font-weight: 700; color: #4CA1EB;}
.overlaybg { display: none;}
/* ----------Rsponsive Starts--------- */
@media only screen and (max-width:1740px) {
    .container {max-width: 100%; padding: 0 15px;}
    .foto_right ul {margin: 0;}
    .cate {width: 650px;}
    .head_right_in {padding: 9px 0 0;}
    .stuff ul li {padding: 0 15px;}
    
   /*--Createlistings6--*/
    .sell_left_in {padding: 0 47px 0 70px;}
    .cost_left_in {padding: 0 47px 0 70px;}
}

@media only screen and (max-width:1500px) {
    .reose {width: 635px;padding: 20px 5px 22px 5px;left: -15px;}
    .shipping ul li {padding: 0 10px;}
    
    .mark {padding: 0 0 0 10px;}
}

@media only screen and (max-width:1300px) {
    .way-right p{padding: 0 30px 25px 0px;}
    .way-left h4{font-size: 33px; line-height: 50px;}
    .elect-in ul li h5{font-size: 17px; line-height: 21px;}
    .banner-in { padding: 70px 0 40px 50px;}
    .logo a img {width: 270px;height: auto;}
    .cate {width: 500px;}
    
    /*--Createlistings6--*/
    .trade_right {padding: 57px 0 0 20px;}
    
    .dolor_right_in {padding: 9px 0 0 15px;}
    .shipping ul {margin: 0;}
}

@media only screen and (max-width:1125px) {
    .btn.login-modal-button { width: auto !important; padding: 0px 25px; }
    .banner-in {padding: 50px 0 40px 0px;}
    .btn2{width: 120px !important; height: 40px !important; line-height: 41px;}
    .btn{width: 120px !important; height: 40px !important;}
    .way-left h4 {font-size: 28px;line-height: 45px;padding: 40px 0px 0px 10px;}
    .way-right {padding: 40px 0 60px 0;}
    .cate {width: 415px;}
    .cate_in {padding: 9px 0 3px 15px;}
    .cate_right ul li {padding: 0 12px;}
    .banner_cont {max-width: 100%;margin: 0 25px;}
    
    /*--Createlistings6--*/
    .trade_right {padding: 15px 0 0 20px;}
    .trade_right h4 {font-size: 28px;letter-spacing: 0;}
    .trade_right h4 span {letter-spacing: 0;}
    .guide_right {padding: 20px 0 0 20px;}
    .selling_in h4 {font-size: 26px;letter-spacing: 0;}
    
    .bill_right_in {padding: 28px 30px 0 30px}
    .code ul li input {width: 160px;}
    .gory p {font-size: 14px;}
    .exper ul li input {width: 210px;}
    #fstate {width: 170px;}
    #fzip {width: 115px;}
   .form_cont .nice-select {width: 120px;}
    
    .hist_left {padding: 0 0 20px;}
    .hist_left.col-md-3{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .hist_right.col-md-9 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; }
    .list_cont {width: 286px;}
    
    .list_left.col-md-3 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .list_left {padding: 0 0 20px;}
    .list_right.col-md-9 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    
    .dolor_left_in ul li img {width: 145px;height: auto;}
    .reose{ width: 100%;left: 0;}
    .shipping ul li {padding: 0 2px;}
    .shipping ul li strong {font-size: 14px;}
    .shipping ul li span {width: 70px;font-size: 22px;}
    .shipping ul li p {font-size: 12px;}
    .shipping ul li a {font-size: 12px;line-height: 20px !important;}
    .quanty {padding: 18px 0 10px 0;}
    .quanty ul li {padding: 0 4px;}
    .quanty ul li a.cart {width: 150px;}
    .quanty ul li a.cart:after {left: 0;}
    
    .feat_img ul li {padding: 0 2px;}

    .checkout .success h6:after {left: 47%;}
    
}
@media only screen and (min-width:992px) { 
    .d-none-middle { display: none;} 
}
@media only screen and (max-width:991px) {
    
    .elect-in ul li{padding: 0 0 35px 0;}
    .profit ul li{padding: 0 5px;}
    .profit-cntnt h6{font-size: 15px; line-height: 21px;}
    .banner-in {padding: 50px 0 40px 0px;}
    nav {display: none;}
    .head_top {display: none;}
    .head_right{display: none;}
    .elect-in ul li {width: 32% !important; }
    .foto_inner {padding: 31px 0 22px 0;}
    .foto_left {padding: 0 0 15px;}
    .banner {height: auto;}
    
    .trade_right h4 {font-size: 20px;}
    .trades_in {padding: 50px 0 40px 0;}
    .guide_in{padding: 50px 0 40px 0;}
    .trade_left figure img {width: 100%;}
    .sell_left_in {padding: 15px 15px;}
    .cost_left_in{padding: 15px 15px;}
    .guide_left figure img {width: 100%;}
    
    .message_table {overflow: scroll;}
    .message_table_in {width: 945px;}
    
    .exper ul li input {width: 100%;}
    #fstate {width: 100%;}
    #fzip {width: 100%;}
   .form_cont .nice-select {width: 100%;}
    
    .dolor_left figure img {width: 100%;}
    .dolor_right_in {max-width: 100%;padding: 20px 0 0;}
    .dolor_in {padding: 23px 0 50px;}
    
    .menu_icon {display: block; float: right; background: none; border: 0 none; cursor: pointer; outline: none !important; margin: 0px 0 0 0;position: absolute;top: 25px;right: 15px;z-index: 1;}
	.menu_icon span {width: 35px; height: 3px; background: #000000; display: block; position: relative;}
	.menu_icon span + span {margin: 6px 0 0 0;} 
    .side_bar{position: fixed;top: 0;height: 100%;width: 250px;z-index: 99;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;overflow: auto;background: #ffffff;right:  -250px;display: block;}
	.open_menu .side_bar {right: 0; }
	.open_menu .menu_icon span:nth-child(1) {transform: rotate(45deg); top: 9px;}
	.open_menu .menu_icon span:nth-child(2) {opacity: 0;}
	.open_menu .menu_icon span:nth-child(3) {transform: rotate(-45deg); top: -9px;}
	.wrapper {position: relative;left: 0;width: 100%;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
	.open_menu .wrapper {left: -250px;position: fixed;}
    .side_bar nav {display: block;}
    nav  ul{padding:94px 0 0; }
    nav ul  li {display: block;margin: 0;padding: 0;width: 100%;}
    nav ul li a  {text-align: center;padding: 8px 15px;display: block;line-height: 20px;color: #000000;}
    .side_bar .head_right {display: block;}
    .stuff ul li {display: block;margin: 0;padding: 0;width: 100%;text-align: center;}
    .stuff ul li a {text-align: center;padding: 8px 15px;display: block;line-height: 20px; }
    .cate {width: 100%;margin: 0 15px;}
    .searchbar .cate {width: 100%;margin: 0 0px;}
    .searchbar .cate .cate_left {padding: 9px 0 15px;}
    .menu_icon_custom {position: static;display: block;float: right;background-color: #000;background: none;border: 0 none;cursor: pointer;outline: none !important;margin: 0px 0 0 0;top: 25px;right: 15px;z-index: 1;}
    .menu_icon_custom span{ background-color: #FFF; height: 5px; margin: 15px 0px; width: 100%; }
    .menubox { width: 37px; }
    .menubox img { width: 100%;}

    .cate_left {padding: 0 0 15px;}
    .buttonleft { float: left;}
    .overlaybg { background: rgba(0,0,0,0.8); position: fixed; left: 0px; right:0px; top: 0px; bottom: 0px; display: none;}
    .overlaybg.blockdiv { display: block;}
    .checkout .success h6:after {left: 46%;}
}

@media only screen and (max-width:767px) {
    .elect-in ul li{width: 25% !important;} 
    .banner-in h4{font-size: 25px; line-height: 32px;}
    .banner-in h2{font-size: 50px; line-height: 58px;}
    
    .profit ul li > figure > img{width: 100%; height: auto;}
    .profit ul li {padding: 0 0 10px 0;}
    .way-left h4{text-align: center;}
    .way-left h4 br {display: none;}
    .way-right p {padding: 0px 10px 25px 10px;text-align: center;}
    .way-right a{margin: 0 auto;}
    .elect-in ul li {width: 32% !important;}
    .way-in {padding: 0 0 40px;}
    .way-right {padding: 30px 0 0;}
    
    .day_left {padding: 0 0 20px;}
    .elit input {width: 100%;}
    
    .dolor_left_in ul li {padding: 0 2px;}
    .dolor_left_in ul li img {width: auto;}

    .checkout .success {padding: 10px 0 0;}
    .checkout .success h6:after {left: 45%;}
}

@media only screen and (max-width:599px) {
    .banner-in h4{font-size: 20px; line-height: 25px;}
    .banner-in h2 {font-size: 40px;line-height: 45px;}
    .banner{min-height: 300px;}
    .elect-in ul li {width: 33% !important;}
    .profit-cntnt{padding: 15px 0 15px 20px;}
    .elect-in ul li {width: 48% !important; }
    
    .day_right ul li  {padding: 0 5px 20px;}
    
    .exper ul li {width: 100%;}
    .exper > ul > li:nth-child(2) {padding: 0;}
    .exper .nice-select {width: 100%;}
    .form_cont ul li {width: 100%;}
    
    .dolor_left_in ul li {padding: 0 2px;}
    .dolor_right_in h4 {font-size: 24px;line-height: 28px;}
    
    .preview ul li {width: 100%;padding: 0 0 15px;}
    .feat_img ul li {width: 100%;padding: 0 0 15px;}
    
    .dolor_left_in ul li {width: 100%;padding: 0 0 10px;}
}
@media (min-width: 576px){
	.user-modal .modal-dialog{max-width: 1169px;}

}
@media only screen and (max-width:479px) {
    .banner-in h4 {font-size: 15px;line-height: 20px;}
    .banner-in h2 {font-size: 30px;line-height: 35px;}
    .btn{width: 90px !important; height: 30px !important;}
    .btn2{width: 90px !important; height: 30px !important; line-height: 31px !important;}
    .banner{min-height: 220px;}
    .elect-in ul li {width: 100% !important; padding: 0 0 25px 0;}
    .elect-in ul li figure img {min-height: 88px;}
    .elect-in ul li h5{font-size: 12px; line-height: 15px;}
    .profit-cntnt {padding: 10px 0 10px 10px;}
    .profit-cntnt h6 {font-size: 12px;line-height: 15px;}
    .way-left h4 {font-size: 18px;line-height: 35px;padding: 20px 0px 0px 0px;}
    .way-right p{font-size: 16px; line-height: 25px; padding: 0 5px 25px 5px;}
    .electronics {padding: 30px 0 0 0;}
    .profit{padding: 0 0 25px;}
    .profit ul{padding: 0 0 25px 0;}
    .foto_right ul li a {font-size: 12px;}
    .foto_right ul li {padding: 0 5px;}
    
    .gory p {font-size: 12px;}
    .code ul li {padding: 0 0 15px;}
    .code ul li input {width: 100%;}
    .logo a img {width: 220px;}
    .btn.login-modal-button { height: 40px !important;}
    .checkout .success h6:after {left: 42%;}
    
}
/* Main content ends here */
.loginbgimg { background: url('../images/login-side-image.png') no-repeat; background-size: cover;}
.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    vertical-align: middle;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none;
  }
  .form-select:disabled {
    color: #6c757d;
    background-color: #e9ecef;
  }
  .form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529;
  }
.searchbar { padding: 25px 0px;}
.searchbar .cate { background-color: #FFFFFF;}
/*.searchbar .cate .cate_left { width: calc(100% - 222px);}*/
.searchbar .cate .cate_left input { width: 100%; background-color: #FFFFFF;}
.main-container{max-width: 1302px; margin: 0 auto;}
.buy-card-header { border-top: none;}
.sidebar .buy-card-header .card-header-text.collapsed { color:#1E2C37 ;  font-size: 18px;}
.sidebar .buy-card-header .card-header-text{color: #4CA1EB; font-family: 'Exo';}
.sidebar .buy-card-header .ipsum_in ul { background-color: transparent;}
.sidebar .buy-card  {background-color: transparent;}
.sidebar .buy-card-header { background-color: transparent;}
.sidebar ul.submenu { margin: 0px; padding: 0px;}
.sidebar ul.submenu li { list-style: none; margin: 20px 0px;}
.sidebar ul.submenu li a { color: #003F75; font-size: 16px; font-weight: normal; text-transform: none; padding-left: 10px;}
.sidebar ul.submenu li a.active {color: #4CA1EB;}
.sidebar ul.submenu li a:hover {color: #4CA1EB;}
.sidebar ul.submenu li a.active:before {color: #4CA1EB;content: '|';margin-right: 3px;font-weight: bold;font-size: 20px;}


.sidebar .buy-card-header .card-header-text:after {font-family: 'FontAwesome';content: "\f107";float: right; color: #4CA1EB;}
.sidebar .buy-card-header .card-header-text.collapsed:after {content: "\f105"; color: #1E2C37;}
.sidebar .buy-card-header .card-header-text {font-size: 18px;}
.content-main .viewing-section { color: #343434; font-size: 16px;}
.content-main .viewing-section strong { color: #003F75; font-weight: bold;}
.most-recentytext { padding-left: 15px; padding-right: 15px;}
.box { margin-bottom: 10px;}
.box .cardbox { position: relative;}
.box .cardbox img { width: 100%;}
.box .card-content { padding: 15px 0px;}
.box .card-content strong { font-weight: bold;}
.box .card-content .pricetext { background-color: #4CA1EB; font-size: 18px; font-weight: bold; padding: 7px; color: #fff;}
.box .card-content .pricedisciption { line-height:normal; padding-left: 5px;}
.box .card-content .pricedisciption .price1 {color: #1E2C37; font-size: 14px;}
.box .card-content .pricedisciption .price2 {color: #AAAAAA; font-size: 14px;}
.left-sidebar .card-header-text { background-color: #fff;}
.left-sidebar {position: -webkit-sticky;position: sticky;top: 0;align-self: flex-start;margin-left: 0px;width: 250px;overflow-x: auto;background: transparent;padding: 15px;box-shadow:none;bottom: 0px;z-index: 1;}
.padding-leftright-dektop { padding: 0px 15px;}
ul.pagination { margin-left: auto; }
.pagination-block ul{ margin: 0px; padding: 0px; display: flex; }
.pagination-block ul li { list-style: none; margin: 0px 2px;}
.pagination-block ul li a { width: 25px; height: 25px; border-radius: 50px; color: #343434; font-size: 16px; font-weight: normal; display: flex; align-items: center; justify-content: center;}
.pagination-block ul li a.next:hover {background: transparent; color: black;}
.fs-12 { font-size: 12px;}
.pagination-block ul li a.active,.pagination-block ul li a:hover { background: #4CA1EB; color: #fff;}
.graybg { background: #F5F5F5; padding: 15px; color: #394553; text-align: center; margin-left: -45px; border-radius: 10px; margin-right: -45px;}
.graybg a { color: #2B6DD1;}
.left-sidebar .card-header-text { background-color: transparent;}
.login-row label{color: #343434;}
.login-row .form-control { background-color: #fff; height: calc(1.5em + .75rem + 6px);}
.create-listing .form-control { height: 45px !important; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{  background-color: #003F75;}
.login-row .btn{
    width: auto !important;
    white-space: nowrap;
    padding: 0px 20px !important;
}
button.close {
    position: absolute;
    background: #fff;
    border: #c3b6b6 solid 1px;
    border-radius: 35px;
    width: 30px;
    right: 5px;
    height: 30px;
    padding: 0px;
    opacity: 1;
    top: 5px;}
    button.close span {height: 28px;
        display: block;}
.btnRemoveCouponCode { cursor: pointer; }
.aboutus-content { padding: 35px 30px;}
.aboutus-content h2 { color: #1E2C37; font-weight: bold; font-size: 30px; margin-bottom: 15px; margin-top: 45px;}
.bluetext {color: #4CA1EB !important;}
.whitebg{ background-color: #fff; padding: 35px;}
.whitebg h3 {font-size: 20px; font-weight: bold; margin-bottom: 35px; color: #003F75; text-align: center;}
.card-block-custom { background-color: #D1D1D1; width: 100%; height: 300px;}
.whitebg h4 { color: #4CA1EB; font-weight: bold; margin-top: 15px;}
.breaktxt { word-break: break-all; }

.main-part a{ display: inline;}
.main-part h3 { font-size: 16px; color: #343434; font-weight: bold;}
.main-part ol.listblock { list-style:decimal; margin-left: 20px; }
.main-part ol li { padding-left: 15px;}
.main-part strong  {font-weight: bold; font-weight: 14px; color: #343434;}
.main-part ul.list2 { list-style: disc; margin-left: 15px;}
.main-part ul.list2 li {}
.card-shades{box-shadow: 0px 1px 4px #bbb8b8; padding: 15px;}
.graytext { color: #AAAAAA;}
.text-color2 { color: #343434}
.errortext {  color: #FF0000;}
.card-product h3{ color: #1E2C37; font-size: 20px; font-weight: bold; position: relative; }
.card-product .listtext {color: #343434; font-size: 16px; }
.card-product .listtext a { color: #4CA1EB;}
.card-product.line h3::after { width: 55px; height: 2px; background-color: #4CA1EB; content: ""; position: absolute; bottom: 0px; left:0 ;}
.pricetxt strong { font-weight: bold; font-size: 20px;}
ul.card-summary {margin: 0px; padding: 0px;}
ul.card-summary li { display: flex; align-items: center;  border-bottom: #E5E5E5 solid 1px; padding: 10px 0px;}
ul.card-summary li .txt-span { color: #343434; font-size: 16px;}
ul.card-summary li .text-total { color: #1E2C37; margin-left: auto; font-size: 16px; font-weight: bold;}
ul.card-summary li.subtotal{ border-bottom: none;}
ul.card-summary li.subtotal .text-total{ font-size: 20px;}
ul.card-summary li.subtotal .txt-span{ font-size: 20px;}
.discoundtext .labeltext{ color: #343434; font-size: 16px;}
.bluebg-text { padding: 15px; background-color: #003F75;}
.btn-primary-custom {padding: 15px; background-color: #4CA1EB; color: #FFFFFF; text-transform: uppercase;}
.bluebg-text .link { color: #4CA1EB;}
.custom-modal .modal-content { border-radius: 0px;}
.custom-modal .modal-content .modal-header {background-color: #003F75; border-radius: 0px; padding: 1rem 20px; border-bottom: 0px;}
.custom-modal .modal-content .modal-body,.custom-modal .modal-content .modal-footer { padding: 1rem 20px; }
.custom-modal .modal-content .modal-footer {border-top: none; justify-content: flex-start; padding-top: 0px;}

.custom-modal .modal-content .modal-header h5 { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 24px;}
.custom-modal .modal-content .modal-header .closebtn {margin-top: 6px;}
.custom-modal .modal-content .modal-body .textaria textarea  { resize: none; width: 100%; height: 250px; border-radius: 3px; border: #C8C8C8 solid 1px;}
.custom-modal .modal-content .modal-body .textaria label { color: #343434; font-size: 16px;}

.custom-modal .modal-content .modal-header h5 { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 24px;font-family: 'Exo';}
.custom-modal .modal-content .modal-body h5 { color: #003F75; text-transform: uppercase; font-weight: bold; font-size: 24px;font-family: 'Exo';}
.custom-modal .modal-content .modal-header .closebtn {margin-top: 6px;}
.custom-modal .modal-content .modal-body { padding: 2rem 4rem 1rem; }
.custom-modal .modal-content .modal-body .message-list h6 { color: #003F75; font-family: 'Exo';}
.custom-modal .modal-content .modal-body .message-list span { font-family: 'Exo'; font-weight: bold;}
.custom-modal .modal-content .modal-body .message-list p {margin-top: 10px;}
.custom-modal .modal-content .modal-body .message-list {border-bottom: 2px solid rgba(0,0,0,.125); margin-bottom: 2rem;}
.custom-modal .modal-content .modal-footer { padding: 0 4rem 4rem; }
.custom-modal .modal-content .modal-body .textaria textarea  { resize: none; width: 100%; height: 250px; border-radius: 3px; border: #C8C8C8 solid 1px;}
.custom-modal .modal-content .modal-body .textaria label { color: #343434; font-size: 16px;}

.message-icon {position: relative; display: inline-block;}
.produ span.message-count-blue {position: absolute;bottom: 0;right: -5px;color: white;border-radius: 50%;border: 1px solid #fff;background-color: #4CA1EB;min-width: 16px;height: 16px;font-size: 9px;display: flex;align-items: center;top: 8px;justify-content: center;}
.produ span.message-count-gray {position: absolute;bottom: 0;right: -5px;color: white;border-radius: 50%;border: 1px solid #fff;background-color: #bbb8b8;min-width: 16px;height: 16px;font-size: 9px;display: flex;align-items: center;top: 8px;justify-content: center;}

.btn-blue {display: inline-block;background: #003F75;font-size: 16px; color: #FFFFFF;text-align: center;text-transform: uppercase;font-family: 'Exo';font-weight: 700;padding: 15px;border-radius: 2px;position: relative;}
.searchblock-input {position: relative;}
.searchblock-input:after {position: absolute;height: 25px;width: 1px;background-color: #d2d2d2;right: 57px;content: "";top: 9px;}
.searchblock-selectoption{width: auto !important; display: inline-block; float: none; line-height: normal !important;}
.searchblock-input input {padding: 0 60px 0px 26px !important;} 
.custom-switch.custom-switch-block .custom-control-label::before {width: 33px;}
.custom-switch.custom-switch-block .custom-control-label::before { height: 19px; border-radius: 50px;}
.custom-switch.custom-switch-block .custom-control-label::after {width: calc(1rem - 0px);height: calc(1rem - 0px);}
.custom-switch.custom-switch-block .custom-control-label::after { background: #4CA1EB;}
.custom-switch.custom-switch-block .custom-control-input:checked~.custom-control-label::before {border-color: #C9C9C9; background-color: #fff;}
.cutombtnblock {padding:14px !important; line-height:normal; height:auto; background: #003F75 !important; color: #FFFFFF !important;}
.custom-switch.custom-switch-block .custom-control-input:checked~.custom-control-label::after { background:#CECECE ;}
ul.conversation-list-block li:nth-child(odd) .mesg_table_in{ background: #F6F6F6; }
.produ.dropdown .dropdown-menu { min-width: auto;}
.custom-alert-success { background: #52B975; color: #fff; border-radius: 0px; padding: .75rem 1.25rem !important;}
.closebtn .close { position: static; padding: 0px; opacity: 1; text-shadow: none;}
.custom-card {border: none; box-shadow: 0px 3px 6px #ececec;}
.custom-card { height: 175px; display: flex; margin-bottom: 30px;}
.flex-center {  align-items: center; justify-content: center; display: flex;}
.sponsertext h3 { font-size: 20px; color: #1E2C37; }

@media only screen and (max-width: 1125px){
    .cutombtnblock { height: auto !important;}
    .btn.btn-primary-custom {height: auto !important;}
}
@media only screen and (max-width: 1121px){

}
@media only screen and (min-width:992px) {}
@media only screen and (max-width:991px) {
    .imagemobile {max-width: 375px;margin: auto;}
    .left-sidebar {position: fixed;margin-left: -330px;transition: all 0.3s;width: 250px;overflow-x: auto;background: #fff;top: 0px;padding: 15px;box-shadow: 0px 0px 18px;bottom: 0px;z-index: 1;}
}

@media only screen and (max-width:767px) { 
    .aboutus-content{padding: 0px 0px;}
    .whitebg {padding: 25px 15px;}
    .whitebg h3 { font-size: 16px;}
    .padding-leftright { padding: 0px 15px;}
    .mt-mobile-25 { margin-top: 25px;}
    .pagination-block { margin-top: 25px;}
    .w-tab-100 { width: 100%;}
    /*.searchbar .cate .cate_left { width: calc(100% - 173px);}*/
    .user-modal .modal-right {display: none;}
    .user-modal .modal-left { width: 100%; padding: 50px 25px 30px 25px;}
    .graybg { margin-left: 0px; margin-right: 0px;}
    .user-modal .modal-dialog{ width: auto;}
}
@media only screen and (max-width:575px) {
    .user-modal .modal-dialog { width: auto;     padding: 15px;}
    .user-modal .modal-left {padding: 30px 0px 30px 0px;}
    .login-row .btn {width: auto !important;white-space: nowrap;height: auto !important;padding: 8px 20px !important;}
}
@media only screen and (max-width: 479px){
    .btn.btn-primary-custom {width: auto !important;}
}
@media only screen and (max-width:450px) { .text-right-custom{text-align: right;}
    .mr-custom-0 { margin-right: 0px;}
}
@media only screen and (max-width:400px) {
    .back-login { display: block !important; margin-top: 10px; }
}