/*--------------------------------------------------------------------------------------*/
/*General-css-here
/*--------------------------------------------------------------------------------------*/

*{margin:0; padding:0; box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{font-weight:normal; margin:0; padding:0;}
img{border:none; outline:none; max-width:100%;}
a{outline:none; text-decoration:none; transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;-webkit-transition-duration:0.5s;}
body a:focus{text-decoration:none;}
a:hover{text-decoration:none;}
input[type="submit"]{transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;-webkit-transition-duration:0.5s;}
input:focus{transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;-webkit-transition-duration:0.5s;}
textarea:focus{transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;-webkit-transition-duration:0.5s;}
body{margin:0;padding:0; background:#f0f0f0; font-family:"Roboto-Reguler";overflow-x:hidden;}
html { font-family:"Roboto-Reguler"; }
ul{margin:0;padding:0;list-style:none;}
textarea{font-family:"Roboto-Reguler";}
button,input[type="submit"]{cursor:pointer;}
header,footer,nav,section,article{display:block;}
header:after,header:before,footer:after,footer:before,nav:after,nav:before,section:after,section:before,article:after,article:before{display:table;clear:both;content:"";}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
.col_lg3{display:block;}
.col_lg3:after,.col_lg3:before{display:table;clear:both;content:"";}
.col_lg3 .col1{float:left;width:33.3%;}
.col_lg4{display:block;}
.col_lg4:after,.col_lg4:before{display:table;clear:both;content:"";}
.col_lg4 .col1{float:left;width:25%;}
.col_lg5{display:block;}
.col_lg5:after,.col_lg5:before{display:table;clear:both;content:"";}
.col_lg5 .col1{float:left;width:20%;}
.container{margin:auto;width:1170px; padding:0px 30px;}
.container:after,.container:before{display:table; clear:both; content:"";}
.warper{display:block;min-height: 700px;}
.warper:after,.warper:before{display:table; clear:both; content:"";}
.clear {clear: both;}
hr {float:left; width:100%; border:solid 1px #d9d9d9; margin:22px 0px;}
.no_margin {margin: 0px !important;}
.no_padding {padding: 0px !important;}
.float_left {float: left !important;}
.float_right {float: right !important;}
.text_align_left{text-align:left;}
.text_align_right{text-align:right;}
.site_content{width:1170px; margin:auto;}
.site_content:after, .site_content:before{display:table; clear:both; content:"";}
.full_row {display:block;}
.full_row:after,.full_row:before{display:table; clear:both; content:"";}

/*--------------------------------------------------------------------------------------*/
/*Tables-css-here
/*--------------------------------------------------------------------------------------*/

table {width: 100%;border-collapse:collapse;border-spacing: 0;border-collapse: collapse;display:table;text-align: left;border: 1px solid #c9c9c9;}
table th{padding:15px;border-top: 1px solid #c9c9c9;text-transform:capitalize;background:#f4f4f6;border-right: 1px solid #c9c9c9;}
table td {padding:15px;border-top: 1px solid #c9c9c9;border-bottom: 1px solid #c9c9c9;border-right: 1px solid #c9c9c9;font-size: 14px;color: #1b1b1b;}

/*--------------------------------------------------------------------------------------*/
/*font-face-css-here
/*--------------------------------------------------------------------------------------*/
/** Generated by FG **/
@font-face{font-family:'Montserrat-Bold'; src: url('fonts/Montserrat-Bold.eot'); src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg'); font-weight:normal; font-style:normal;}

/** Generated by FG **/
@font-face{font-family:'Montserrat-Regular'; src: url('fonts/Montserrat-Regular.eot'); src: local('☺'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg') format('svg'); font-weight:normal; font-style:normal;}

@font-face{font-family:'Notosans-Regular'; src: url('fonts/notosans-regular.eot'); src: local('☺'), url('../fonts/notosans-regular.woff') format('woff'), url('../fonts/notosans-regular.ttf') format('truetype'), url('../fonts/notosans-regular.svg') format('svg'); font-weight:normal; font-style:normal;}

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

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

@font-face{font-family:'RobotoMedium'; src: url('../fonts/roboto-medium.eot'); src: url('../fonts/roboto-medium.eot') format('embedded-opentype'), url('../fonts/roboto-medium.woff2') format('woff2'), url('../fonts/roboto-medium.woff') format('woff'),
url('../fonts/roboto-medium.ttf') format('truetype'), url('../fonts/roboto-medium.svg#RobotoMedium') format('svg');}

@font-face{font-family:'Roboto-Light'; src: url('../fonts/Roboto-Light_gdi.eot'); src: url('../fonts/Roboto-Light_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light_gdi.woff') format('woff'),
url('../fonts/Roboto-Light_gdi.ttf') format('truetype'), url('../fonts/Roboto-Light_gdi.svg#Roboto-Light') format('svg');
font-weight:300; font-style:normal; font-stretch:normal; unicode-range: U+000D-25CA;}

/*--------------------------------------------------------------------------------------*/
/*header-css-here
/*--------------------------------------------------------------------------------------*/

.logo{display:block;float:left;}
.top_header{color:#464646;}
.top_header .nav li{margin-left:10px}
.top_header .nav li a{color:#464646;font-size:15px;text-transform:uppercase;}
.top_header .nav li:hover{background:#ff3131;color:#fff;}
.top_header .nav.navbar-nav li.active a{background:#ff3131;color:#fff;}
.nav > li > a:hover, .nav > li > a:focus{background:#ff3131;color:#fff;}
.top_header .navbar-nav { margin-top: 10px;margin-left: 15px; }
header{padding:5px 0px; border-bottom:1px solid #dfdfdf; background:#fff;}
.form_bg{display:block;background:url(../images/background.jpg)no-repeat;background-size:cover;height:800px;width:100%;}
.form_content_bg{display:block;background:#fff;border-radius:0px 0px 20px 20px;padding:30px;}
.form_box{width:400px;margin:auto;}
.form_box_signup {width:600px;margin:auto;}
.head_des{display:block;background:#464646;border-radius:20px 20px 0px 0px;margin-top:30px;}
.head_des h1{font-size:24px;font-family:"Roboto-Bold";text-align:center;color:#fff;padding:30px;}
.input_field{width:100%;margin-bottom:10px;}
.input_field input{color:#454749;height:50px;background:#f5f8f9;border:none;border-radius:5px;font-size:12px;box-shadow:none;}
.input-group .btn{width:100%;height:45px;color:#fff;background:#ff0e0e;border:none;text-transform:uppercase;transition-duration:0.5s;margin-top:20px;}
.input-group .btn:hover{background:#464646;}
.navbar {margin-bottom:0px;}
.navbar-header .logo a {display:block;}

/*--------------------------------------------------------------------------------------*/
/*login-css-here
/*--------------------------------------------------------------------------------------*/

.checkbox{margin-top:20px;}
.checkbox a{color:#ff0e0e;}
.create_account{display:block;margin-top:30px;text-align:center;}
.create_account p{font-size:14px;color:#353739;}
.create_account a{color:#fff;}

/*--------------------------------------------------------------------------------------*/
/*checkout_step_1-css-here
/*--------------------------------------------------------------------------------------*/

.type_order_content{display:block;margin-top:40px;}
.type_order_content:after,.type_order_content:before{display:table;clear:both;content:"";}
.type_order_content ul{margin-left:-5px;margin-right:-5px;text-align:center;}
.type_order_content li{float:left;width:auto;padding:0px 5px;}
.step_content_bg{padding:0px 145px;}
.type_order_content a{color:#7b7b7b; background:#d6d6d6; display:block; padding:10px 10px; border-radius:5px; text-transform:uppercase; font-size:14px;}
.type_order_content a:hover{background:#ff0e0e; color:#fff;}
.type_order_content .active a{background:#ff0e0e; color:#fff;}
.content_bg{padding-top:30px;}
.country_content{display:block; margin-top:0px; margin-bottom:15px;}
.country_content h1{font-size:20px; color:#337ab7; font-family:'RobotoMedium';} 
.country_content p{font-size:12px; font-family:"Roboto-Reguler"; margin-top:5px;}
.country_content .radio span{font-size:14px; font-family:"Roboto-Reguler"; }
.next_button{display:block; margin-top:100px;}
.next_button a{display:block; background:#ff0e0e; color:#fff; font-size:16px; text-transform:uppercase;border-radius:5px;min-width:200px;height:45px;line-height:45px;text-align:center;}
.next_button a:hover{background:#464646;color:#fff;}

/*--------------------------------------------------------------------------------------*/
/*checkout_step_2-css-here
/*--------------------------------------------------------------------------------------*/

.Order_date{display:block;padding-top:30px;}
.Order_date label{margin-right:10px;font-family:"Roboto-Reguler";}
.Order_date input{border:solid 1px #dde3e8;color:#788995;font-family:"Roboto-Reguler"; }
.Order_date .input_field{width:20%;}
.order_content{display:block;}
.order_content p{font-size:15px;color:#000;margin-top:15px;}

/*--------------------------------------------------------------------------------------*/
/*checkout_step_5-css-here
/*--------------------------------------------------------------------------------------*/
.collect_content{display:block;text-align:center;padding:110px;padding-bottom: 40px;}
.collect_content h1{font-size:30px;color:#1b2125;font-weight:bold;}
.collect_content i{display:block;font-size:20px;color:#1b2125;margin-top:40px;}
.enter_items_details{display:block;margin-top:30px;}
.enter_items_details th{background:#e8e9e9;border:solid 1px #fff;font-size:14px;color:#1b2125;text-align:center;}
.enter_items_details td{font-size:12px;color:#1b2125;border:solid 1px #dde3e8;text-align:center; background:#fff; padding:4px;}  
.enter_items_details td .input-group{margin-bottom:0;}

.enter_items_details .input-group input{border:solid 1px #dde3e8; border-radius:3px!important;}
.add_items_button{display:block;margin-top:30px;}
.add_items_button a{display:inline-block;background:#454545;color:#fff;font-size:14px;padding:0px 40px;text-transform:uppercase;border-radius:3px;height:45px;line-height:45px;}
.back_bottom_content{display:block; margin-top:30px; margin-bottom:55px;}
.back_button{display:block;margin-top:15px;}
.back_button a{color:#788995;font-size:16px;}
.back_button i{color:#788995;font-size:16px;margin-right:5px;}
.back_bottom_content .next_button{margin-top:0px;}

/*--------------------------------------------------------------------------------------*/
/*checkout_step_5-css-here
/*--------------------------------------------------------------------------------------*/

.confirm_content_section{display:block;width: 75%;margin: 0px auto;}
.confirm_changes{display:block;width:910px;margin:auto;}
.content_confirm{display:block;text-align:center;margin-top:60px;}
.content_confirm p{font-size:22px;color:#1b2125;}
.confirm_list{display:block;margin-left:-15px;/*margin-top:35px;*/}
.confirm_list li{margin-bottom:0px; line-height:50px; border-bottom:solid 1px #fff;}
.confirm_list li:last-child{line-height:normal; padding-top:8px;}
.confirm_list p{color:#1b2125;font-size:16px;margin:0px;}
.confirm_list span{color:#fb000f;font-size:12px;}
.confirm_list h1{font-size:20px;color:#0e0e0e;font-weight:bold;}
.confirm_list i{display:block;font-size:14px;color:#0e0e0e;margin-top:3px;}
.content_total{display:block;}
.content_total li{display:block; background:#f5f5f5; border-radius:3px; margin-bottom:1px; height:50px; line-height:50px; padding:0px 20px; font-size:15px; font-weight:bold;}
.content_total li:last-child{background:#858585; color:#fff; margin-top:10px;}

/*--------------------------------------------------------------------------------------*/
/*footer-css-here
/*--------------------------------------------------------------------------------------*/

footer{background:#5b5b5b; padding:30px 0px; text-align:center;}
.foot_section{display:block;}
.foot_section ul{display:inline-block;}
.foot_section:after,.foot_section:before{display:table;clear:both;content:"";}
.foot_section li{float:left;margin-left:15px;}
.foot_section li a{color:#fff;font-size:16px;}
.copy_right{display:block;margin-top:10px;}
.copy_right p{color:#fff;font-size:14px; margin: 0px;}
.back_bottom_content:after { display: table;clear: both;content: ""; }
.MyClear:after,.MyClear:before { display: table;clear: both;content: ""; }
.desktop-bg{height: 100%;/* position: fixed;*/ width: 100%;z-index : -22; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f8f2ec 55%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f8f2ec 55%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#f8f2ec 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f2ec',GradientType=0 ); /* IE6-9 */ background-image: url(../images/desktop.png) ; background-size: contain; 
background-repeat: no-repeat; background-position: right; background-attachment: fixed; min-height:750px;}
.desk-contain {width:100%; overflow:auto; height:100%; display:flex; align-items:center; margin-left:0px;}
.desk-contain .left-contain {width:70%; margin-top:100px;}
.left-contain .desk-logo {text-align:center; margin-bottom:50px;}
.left-contain ul li .desk-btn {margin-top:15px; font-size:15px; text-transform:uppercase; min-width:200px; height:45px; line-height:45px; padding:0px 15px; text-align:center; color:#fff; background:#ff0c0c; border-radius:4px; display:inline-block; font-weight:bold;}
.left-contain ul li desk-btn:hover {background:#ff3131;}
.left-contain ul li h2 {color:#363637; font-size:22px; font-family:"Roboto-Bold";}
.left-contain ul li h4 {color:#363637; font-size:14px; margin-top:10px; min-height:32px;}
.left-contain ul li {margin-bottom:30px; width:48.5%; padding:15px; border:solid 1px #ccc; float:left; min-height:160px; background:#fff; text-align:center;}
.left-contain ul li:nth-child(even){float:right;}
.left-contain ul li:last-child{width:48.5%; margin:auto; float:none; clear:both;}
.left-contain ul li p i {font-size:14px; margin-top:20px; display:block;}
.FormBox .row .FormBoxInner{border-bottom: 1px solid #d8d8d8;  padding:20px 0px;}
.FormBox .row .FormBoxInner:first-child{border-top: 1px solid #d8d8d8; margin-top:40px;}
.radio-box-inline .radio{display:inline-block; margin-right:20px;}
.mar-bttm-15 {margin-bottom:15px;}
.input-2 input {height:45px; border-radius:4px !important; box-shadow:none; width:100%; border-color:#bebebe;}
.input-2 {width:100%;}
.FormBox-tit h2 {font-size:18px; font-weight:bold;}
.FormBox-tit p {font-family:"Roboto-Reguler"; font-style:italic; font-size:15px; margin-top:5px;}
.FormBox .row .FormBoxInner .input-lable {padding-top:12px;}
.radio-box-inline {font-family:"Roboto-Reguler";}
.customer-dash ul li {padding:0px 15px; float:left; width:20%;}
.customer-dash ul li article {border-radius:5px; text-align:center; padding:20px; position:relative;}
.customer-dash ul li:nth-child(1) article {background:#b8e986;}
.customer-dash ul li:nth-child(2) article {background:#50e3c2;}
.customer-dash ul li:nth-child(3) article {background:#9b9b9b;}
.customer-dash ul li:nth-child(4) article {background:#4a90e2;}
.customer-dash ul li:nth-child(5) article {background:#ff99cc;}
.customer-dash ul:after {display:table; clear:both; content:"";}
.customer-dash ul li article h6 {font-weight:bold; color: #fff; font-size: 24px; }
.customer-dash ul li article img { width: 60px; display: block;margin: 0px auto; margin-bottom: 10px; }
.customer-dash ul li.active article { background: #ff0000; }
.customer-dash ul li.active article:after { height: 30px; border-radius: 10px; width: 100%; background: url(../images/bottom-img.png); content: ""; position: absolute; bottom: -24px;left: 0;background-size: 193px;background-position: center;background-repeat: no-repeat; left: 0; }
.customer-dash { margin-top: 40px; margin-bottom: 40px; }
.site-btn a { background: #ff0000;text-transform: uppercase; height: 55px; border-radius: 4px; display: inline-block; line-height: 55px; color: #fff; padding: 0px 50px; font-size: 24px; }
.place-order-btn { margin-top: 60px; }
.site-btn a:hover { background: #333; }
.Profile-tabs ul { border: 1px solid #979797; border-radius: 4px; }
.Profile-tabs ul li { width: 50%; float: left; }
.Profile-tabs ul li a { color: #979797; padding: 20px; display: block; text-align: center; font-size: 22px; }
.Profile-tabs ul li:hover a { background: #ebebeb; }
.Profile-tabs ul li.active a { background:#979797; color: #fff;  }
.profile-forms { position: relative; width: 70%; margin: 0px auto; margin-top: 30px; }
.profile-forms .input-lable { margin-top: 5px;font-size: 15px;font-weight: normal; }
.profile-forms .input-lable span { font-size: 13px; display: block; color: red; font-weight: normal;}
.dash-tit h4 { text-align: center; font-size: 30px; margin-bottom: 40px; padding-top: 30px; }
.customer-profile .site-btn a { min-width: 300px; }
.customer-profile { margin-bottom: 60px; position: relative; }
.profile-forms  .edit-pro-btn { width: 35px; height: 35px; position: absolute; top: 0px;right: -162px; }
.table-site { margin-bottom: 60px; }
.table-site .table-box { border-radius: 5px 5px 0px 0px; overflow: hidden;}
.table-site table tr th { background: #979797; color: #fff; border-color:#979797;font-size: 16px; text-align: center;  }
.table-site table tr td { border-right: none; color: #979797; font-size: 16px;font-family:"Roboto-Reguler";  text-align: center;  }
.table-figure { height: 80px;width: 150px; border-radius: 5px; overflow: hidden; }
.table-figure img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.order-track-process ul { text-align: center; width: 900px; margin: 0px auto; }
.order-track-process ul li { position: relative; display: inline-block; padding: 0px 40px;  }
.order-track-process ul li figure { width: 40px; height: 40px; border-radius: 50%; background: #d8d8d8; margin: 0px auto;}
.order-track-process ul li figure:after { height: 8px; background: #d8d8d8; content: ""; position: absolute; top: 15px;width: 290px;left: 120px;z-index: -1; }
.order-track-process ul li:last-child figure:after { content: ""; display: none; }
.order-track-process ul li h2 { font-size: 20px; margin-top: 16px; margin-bottom: 10px; }
.order-track-process ul li p { font-size: 16px;font-family:"Roboto-Reguler";  }
.order-track-process ul li.active figure { background: #ffa535; }
/* .order-track-process ul li.active figure:after { content: ""; background: #ffa535; } */
.order-track-process { margin-bottom: 50px; }
.pre-hisotry-head h2 { font-size: 20px; }
.pre-hisotry-head { border-bottom: 2px solid #d8d8d8; padding: 15px 0px;  }
.pre-hisotry-head .pull-left,.list-pre-history ul li .pull-left { width: 80%; }
.pre-hisotry-head .pull-right,.list-pre-history ul li .pull-right { width: 20%; }
.list-pre-history ul li { padding: 15px 0px; border-bottom: 1px solid #d8d8d8; }
.list-pre-history ul li .pull-left p { font-size: 12px; margin-bottom: 0px;font-family:"Roboto-Reguler";   }
.list-pre-history ul li h6 { font-size: 14px;font-weight:bold; }
.list-pre-history ul li .pull-right h6 { margin-top: 15px; }
.pre-his-tit { font-size: 24px;font-weight:bold; }
.pre-order-hisotry { margin-bottom: 60px; }
.table-btn .resume-btn { height: 40px; line-height: 40px; padding: 0px 20px; background: #36ac11; border-radius: 5px; display: inline-block; color: #fff; margin-right: 10px; }
.table-btn .del-btn { color: red; font-size: 26px; display: inline-block; }
.table-btn .resume-btn:hover { background: #333; }
.order-item-collect { border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; padding: 20px 0px; }
.form_bg-login { display: flex;align-items: center; }
.itme_collect_head{display:block;text-align:center;padding-bottom:30px;}
.itme_collect_head h4{font-size:20px;color:#337ab7;font-weight:bold;}
.modal_head{display:block;}
h4.modal_head{font-size:20px;color:#000;line-height:26px;}
.modal-body .model_content {list-style-type: square;}
.modal-body .model_content li{color:#858585;font-size:13px;margin-bottom:10px;}
.modal-body .model_content li { color:red;}
.modal-body .model_content li p { color:#858585; }
.modal-body .model_content { margin-top:20px; margin-left:15px; }
.modal-header{border:none;}
#myModal .modal-body {position: relative; padding: 45px;}
#myModal .close{position:absolute;top: 5px;right: 15px;z-index:111;font-size: 30px;}
.left-contain ul li.new_customers h4 a{font-size:12px;}
.content_center_box{text-align:center;}
.content_inner_bg{text-align:left; display:inline-block;}
.content_inner_bg .back_bottom_content{display:block; text-align:center;}
.content_inner_bg .next_button{float:none !important; display:inline-block;}
.item_detail_bg .enter_items_details th{background:#337ab7; color:#fff;}
.radio-box-inline h5{font-size:14px; color:#337ab7; font-family:'RobotoMedium';}
.pay_bank_bg{margin-bottom:10px;}
.payment_instruction_bg{display:block; text-align:center;}
.payment_instruction_inner{display:inline-block; text-align:left;}
.order-list { margin-top: 15px; list-style: disc; margin-left: 15px;font-size: 12px;color: #1b2125; }
.order-list li { margin-bottom: 5px;color: #337ab7; }
select optgroup { color: red; }
select optgroup option{color:#000;}
.confirm_list ul {margin-top:0px;}
.confirm_content_section:after{display:table; clear:both; content:"";}
.margin-top50 {margin-top:50px;}
.payment_detail_bg{display:block; margin-top:20px;}
.payment_detail_head{display:block; padding-bottom:15px;}
.payment_detail_head h2{font-size:18px; color:#333; font-family:"Roboto-Bold";}
.payment_table_bg{display:block; overflow:auto;}
.payment_table_bg table{width:100%;}
.payment_table_bg table tr th{font-size:14px; color:#333;}
.payment_table_bg table tr td{font-size:14px; color:#333;}
.enter_items_details .form-group{margin-left:0; margin-right:0;}
.enter_items_details .form-group .form-control{padding:6px 12px; border-radius:4px;}
.enter_items_details table tr td{vertical-align:top;}
.category_select{width:140px;}
.item_description{width:250px;}
.item_description .input-group {width:100%;}
.item_description .form-control{width:100%; height:34px;}
.ConfirmTable { padding: 20px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); }
.ConfirmTable table { border: 1px solid #ededed; }
.ConfirmTable table tr td{ border: none;border-bottom: 1px solid #ededed; }
.ConfirmTable table p { margin: 0px; }
.ConfirmTable table tr td:last-child { width: 150px; }
.ConfirmTable table tr td span { font-family: "Roboto-Bold"; }
.ConfirmTable table tr:last-child td  { background: #333; color: #fff; }
.ConfirmTable table tr td h4 { font-size: 20px;margin-bottom: 10px;}
.ConfirmTable table tr td .price_con { width: 100%;padding: 10px 10px; background: red;display: block; text-align: center; border-radius: 5px; font-size: 16px; }
.ConfirmTable table tr td h5 { opacity: 0.4; }
.FormBoxInner { border: none !important; padding: 20px !important;margin-bottom: 20px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1);border: 1px solid #ededed !important;  }
.FormBoxInner .FormBox-tit { margin-bottom: 30px; }
.input-lable {font-weight:normal; font-family:"Roboto-Bold";}
.payment_table_bg table tr th {font-weight:normal; font-family:"Roboto-Bold";}
.NumberInput {width:150px;}
#restrictitemModal h4.modal-title { color:red; }
#restrictitemModal .modal-body ul li { position:relative; }
#restrictitemModal .modal-body ul li:after { content:"";width:5px;height:5px;border-radius:50%;background:orange;position:absolute;top:8px;left:0;}
#restrictitemModal .modal-body ul li { color:#777777;padding-left: 20px;}
.invoice_template_bg{display:block; overflow:auto; margin-bottom:30px;}
.invoice_template_bg table{border:none;}
.invoice_template_bg table tr td{border:none; padding:0;}
body .invoice_template_bg .user_detail_table tr td{padding:5px;}
body .invoice_template_bg .secure_question_table{width:300px;}
body .invoice_template_bg .secure_question_table tr td{border:solid 1px #000000; padding:5px;}
body .invoice_template_bg select{border:solid 1px #ccc; padding:10px;}







/*new design home page*/
footer { padding: 10px 0px; }
.FrontBanner { position: relative; z-index: 1;overflow: hidden;}
.FrontBanner .img-1 { position: absolute;top: 40px;width: 260px;z-index: 1;transition: 0.9s;pointer-events: none; }
.FrontBanner .img-2 { position: absolute;bottom: 10px;width: 220px;z-index: 1;left: 50%;transition: 0.9s;pointer-events: none; }
.FrontBanner figure { height: 350px;overflow: hidden;position: relative; z-index: -1;}
.FrontBanner figure img { object-fit: cover;object-position:top right;width: 100%;height: 100%; } 
.FrontBanner figcaption { position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.FrontBanner figcaption .container { display: flex; align-items: center; height: 100%; }
.FrontBanner figcaption .container article { width: 48%; padding-left: 35px; padding-right: 20px; box-sizing: border-box; text-align: left; }
.FrontBanner figcaption h1 { font-size: clamp(20px, 2.3vw, 30px); color: #ff0e0e; font-family: "Roboto-Bold", sans-serif; text-transform: uppercase; margin-bottom: 10px; white-space: nowrap; }
.FrontBanner figcaption h4 { color: #333; font-size: clamp(13px, 1.25vw, 16.5px); line-height: 1.4; margin-bottom: 4px; white-space: nowrap; }
.FrontBanner figcaption h5 { color: #444; margin-top: 4px; font-size: clamp(12px, 1.1vw, 15px); white-space: nowrap; }
.HomeScreenLogin { background:#f6f6f6; padding:100px 0px;}
.HomeScreenLogin .container{width:900px;}
.FromBox{margin-bottom:15px;}
.HomeScreenLogin .container .col-md-6 h2{font-family:"Roboto-Bold"; font-size:20px; color:#ed0000; margin-bottom:5px;}
.HomeScreenLogin .container .col-md-6 h4{font-size: 14px; color:#939393;}
.HomeScreenLogin .container .col-md-6 article{padding:30px; background:#fff; box-shadow:0 2px 2px rgba(0, 0, 0, 0.1); }
.HomeScreenLogin .FormHead{margin-bottom:20px;}
.LoginBtn input{font-size:16px; font-family: "Roboto-Bold"; }
.WebBtns .btn{color: #fff;display: inline-block; background: #ff0e0e;border: none;text-transform: uppercase;transition-duration: 0.5s; }
.WebBtns .btn:hover { background: #333; }
.HomeScreenLogin .WebBtns { margin-top: 20px; } 
.HomeScreenLogin .col-md-6 article ul li { margin-bottom: 43px;padding-bottom: 43px;border-bottom: 1px solid #e0e0e0; }
.HomeScreenLogin .col-md-6 article ul li:last-child { margin-bottom: 0px;border-bottom: none;padding-bottom: 0px; }
a:focus { outline: none !important; }
.FrontBanner:hover .img-2 { transform: translateX(-100%) ; }
.FrontBanner:hover .img-1 { transform: translateY(-150%)  translateX(100%) ; }
#bs-example-navbar-collapse-9 .navbar-nav { float: right; }
.gray_bg{background:#f5f5f5;}
.step_content_bg{padding:0px 145px;} 
.step_content_bg .input-group .form-control{height:35px;}
.footer_bg footer{width:1170px; margin:auto;}
body .nav>li>a{padding:10px;}


@media only screen and (min-width:1170px) and (max-width:1365px){
.desk-contain .left-contain{width:51%; padding-left:15px;}
.left-contain ul li{min-height:175px;}
}

@media only screen and (min-width:1366px) and (max-width:1561px){
.desk-contain .left-contain{width:65%; padding-left:15px;}
}

@media only screen and (min-width:1200px) and (max-width:1366px){
.HomeScreenLogin { padding: 60px 0px; }
.FrontBanner .img-1 ,.FrontBanner .img-2 { width: 200px; }
}