@import "grid.css";
.f14{
	font-size:14px;
}
.p-card {
	margin-left: 10px;
	margin-top: 0px;
	
}
.p-card h3 {
	font-size: 14px;
	margin: 10px 0px 15px 0px;
	line-height: 19px;
	max-width:74%;
}	
.p-card .ht_price{
	padding-top: 11px;	
	font-size: 14px;
}
.p-card .ht_price > p{
	margin-bottom: 5px;
}

.p-card .ht_price p+p {
	font-weight: bold;
	font-size: 18px;
}

.p-card .ht_quantity p+p{
	font-size: 14px;
	font-weight: 400;
	margin-top: 7px;
}

.p-card .p_price{
	margin-right: 28px;
	font-weight: bold;
	margin-top: 20px;
	font-size:18px;
}

.db-block {
	margin-top:25px;
	margin-bottom:20px;
}
.c-plus, 
.c-minus,
.c-value{
	width: 43px;
	height: 43px;
	text-align:center;
	display:inline-block;
	font-size: 13px;
	color: #1c1c1c;
	background:transparent;
	border:0px;
	text-align:center;
}

.c-plus, .c-minus {
	position: relative;
	font-size: 21px;
	width:25px;
	top: -33px;
	cursor:pointer;
}

.c-value {
	display: inline-block;
	margin: 0px 3px;
}

.c-value .c-value-round{
  border-width: 1px;
  border-color: rgb(194, 194, 194);
  border-style: solid;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  box-shadow: inset 0px 0px 7px 0px rgba(6, 8, 8, 0.3);
  width: 43px;
  height: 43px;
  position:relative;
  margin-bottom:5px;
}

.c-value input {
	border: 0px;
	background: transparent;
	width: 20px;
	font-size: 14px;
	position: relative;
	text-align: center;
	top: 10px;
}
.p_rel{
	position:relative;
}
.dell-btn{
	background:#efefef url('img/dell-icon.png') center center no-repeat;
	width:40px;
	height:100%;
	position:absolute;
	right:0px;top:0px;
	cursor:pointer;
}
.p_list_14 p{
	font-size:14px;
	margin-bottom:10px;
}

.c-size a {
	font-size: 13px;
	display: inline-block;
	color: #1c1c1c;
	padding: 2px 6px;
	border: 1px #c2c2c2 solid;
	width: 30px;
	height:28px;
	border-radius: 1px;
	text-align: center;
}

.c-size a.active:hover,
.c-size a.active{
	background:#c2c2c2;
	color:#fff;
	text-decoration:none;
}

.c-items{
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#a7a7a7;
}
.c-items li:before{
	content:'';
}
.c-items li {
	padding: 0px;
	margin: 10px 0px;
}
.c-items span{
	color:#1c1c1c;
}

.c-item {
	border: 1px #c2c2c2 solid;
	padding-top: 10px;
	padding-bottom: 51px;
	margin-bottom: 9px;
	align-items: flex-start;
	padding-left: 4px;
}
.c-color {
	display: inline-block;
	margin-top: 5px;
	margin-right: 10px;
}
.c-color a{
	display: inline-block;
	margin-top: 0px;
	margin-right: 3px;
}
.p-card .jq-checkbox.checked .jq-checkbox__div {
	width: 16px;
	height: 6px;
}

.c-color img{
	display:inline-block;
	width:26px;
	height:26px;
	border-radius: 50%;
	overflow:hidden;
	border:1px #fff solid;
}

.c-color .active img{
	box-shadow: 0px 2px 3px 0px rgba(6, 8, 8, 0.34);
}
.db-block{
	font-size:12px;
	color:#1c1c1c;
}
.db-block > span{
	display:block;
	margin-bottom:8px;
}
.p-card .img-col,
.p-card .c-box{
	position:relative;
}

.c-box {
	display: block;
	float: left;
	width: 30px;
	margin-top: 7px;
}

.c-box .jq-checkbox{
	width: 23px;
	height: 23px;
	margin-right:20px;
}
.img-col {
	/*max-width: 20.5%;*/
}
.img-col .c-img {
	display: block;
	padding-left: 17px;
}
.bg_gray{
	background:#707070;
}
.order-header{
	margin-top: 6px;
	margin-bottom: 26px;
}
.arrow-b-right:hover{
	border-bottom:0px;
}

.order-line .b-col{
	margin-bottom:30px;
}
.arrow-no-right,
.arrow-b-right{
	position:relative;
	border-bottom: 1px solid #323232;
	padding-right: 13px;
	font-size:18px;
}
.arrow-b-right:after{
	content:' ';
	width:10px;
	height:10px;
	overflow:hidden;
	position:absolute;
	transform: rotate(-45deg);
	display:block;
	border-right:1px #8d8d8d solid;
	border-bottom:1px #8d8d8d solid;
	right:4px;
	top:7px;
}
.arrow-no-right{
	padding-right:0px;
}

.wrap-grey{
	border: #d6d7d6 1px solid;
	padding:24px;
	margin-bottom:10px;
}
.wrap-2{
	border:0px;
	padding: 9px 24px;
	margin-bottom: 10px;
}
.wrap-2 .order-line .m-btm {
	margin-bottom: 18px;
}
.d-table{
	display: table;
	margin-left:auto;
	margin-right: auto;
	width: auto;
}
.d-table .t_header{
	letter-spacing:-1px;
	display: table-cell;
	padding-bottom: 13px;
}
.d-table .t_sub_header{
	text-transform:none;
	display: table-row;
}	
.f16{
	font-size:16px;
}
.f24{
	font-size:24px;
}
.d-inline-block{
	display:inline-block;
}



.password {
	position: relative;
}
.password-control {
	position: absolute;
	top: 7px;
	right: 11px;
	display: inline-block;
	width: 34px;
	height: 26px;
	background: url(img/p-view.png) 0 0 no-repeat;
}
.password-control.view {
	background: url(img/p-no-view.png) 0 0 no-repeat;
}

.big-select{
	width:100%;
}

.big-select li:hover,
.big-select li.selected {
	background-color: #f4f4f4;
	color: #2d2d2d;
}
.big-select li {
	padding: 10px 20px;
}

.g_text{
	color:#b3adad;
}
.w_p_l_30{
	padding-left:30px;
	width:100%;
}
.g-form label{
	font-size:18px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:10px;
	display:block;
}
.g-form textarea{
	min-height:120px;
}
.g-form .text-area{
	padding:15px;
}

.g-form .text-area .message {
	margin-top: 30px;
	margin-bottom: 30px;
}

.g-form .jq-checkbox {
	width: 20px;
	height: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	float:left;
}
.round-btn{
	border-radius: 36px;
	max-width: 415px;
	font-size: 24px;
	margin-top:50px;
	margin-bottom:50px;
	display: inline-block;
	color: #fff;
	font-weight: 300;
	text-decoration: none;
	border: #2d2d2d 1px solid;
	background: #2d2d2d;
	padding: 10px 20px;
}
.round-btn:hover{
	font-size: 24px;
}


/*-.select option:checked, */
.select option:hover{
	background-color:#ebebeb;
	color:#2d2d2d;
}
.select:after{
	
}
.select {
	background:#f4f4f4 url('img/select.png') right center no-repeat;
    display: block;
    width: 100%;
    border:1px #cccccc solid!important;
    color: #2d2d2d;
    padding: 7px 30px 7px 10px;
    height: 48px;
    vertical-align: top;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
}
.select::-ms-expand {
    display: none;
}
.select:focus,
.select:active {
   /* border-color:#323232;*/
    outline: 0;
}
		
.s_wraper{
	width:77%;
	margin-left:auto;
	margin-right:auto;
}
.h-line{
	margin:16px 40px;
	color: #d6d7d6;
	border-bottom: 1px #d6d7d6 solid;
	width:100%;
}
.mh-line{
	margin:16px 0px;
	border-bottom: 1px #d6d7d6 solid;
	width:100%;
}
.h-order-line {
	margin: 28px 0px 46px 0px;
	display: block;
}

.ibtn_bg_gray{
	background:#959595;
	border-color:#959595;
}
.b-enabled{
	background:#959595;
	border-color:#959595;
	color:#fff;
}

.b-enabled:hover{
	color:#1c1c1c;
}

.red-text{
	color:#bf0606
}
.code{
	width:21px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	border:0px;
	border-bottom:1px #202020 solid;
	padding-bottom:10px;
	margin:5px;
	background:transparent;
	display:inline-block;
}
.ibtn_bold:hover,
.ibtn_bold,
.f_bold{
	font-weight:bold;
}
.big-text{
	line-height: 28px;
}

.s22{
	color:#202020;
}
.resp{
	width:100%;
	height:auto;
}
.n-form{
	padding-bottom:10px;
	margin-top:55px;
}
.w90{
	width:90%;
}
.n-form .row{
	margin-left:10px;
	margin-right:10px;
}
.header1{
	color:#2d2d2d;
	text-transform:uppercase;
	font-size:32px;
	font-weight:normal;
	margin:0px 0px 50px 0px;
}
.header-2{
	color:#2d2d2d;
	font-size:24px;
	font-weight:normal;
	margin:0px 0px 20px 0px;
}
.header-3{
	color:#878787;
}

.grey_laght{
	color:#d9d7d7;
}

.s-underline{
	text-decoration:underline;
}
.s-underline:hover{
	text-decoration:none;
}
.border-p-wrap {
	border: #d6d7d6 1px solid;
	padding: 58px 10px;
	text-align: center;
	margin-bottom:45px;
	font-size:16px;
}
.grey-btn{
	border:1px #ebebeb solid;
	background:#f7f7f7;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: stretch;
}

.m-rows .ibtn_blackborder{
	margin: 10px;
	min-width: 260px;
}

.card-deck {
	display:flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.card-deck .card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0%;
	flex: 1 0 0%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	min-height:170px;
}
.b_btn{
	max-width: 350px;
	margin: auto;
	display: block;
	padding: 16px 20px;
}


.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
}

.bg-3 {
	background: url(img/bg-3.jpg) 0px 37px no-repeat;
}

.bg-greay{
	background:#f7f7f7;
}
.lk-menu{
	border-bottom:1px #c2c2c2 solid;
}
.lk-menu a {
	display: block;
	padding: 15px 23px;
	border: 1px #c2c2c2 solid;
	border-bottom:0px;
	text-transform: uppercase;
}
.lk-menu a:hover,
.lk-menu a.active{
	background:#c2c2c2;
	color:#fff;
	text-decoration:none;
}
.align-items-center{
	align-items:center;
}
.m_box{
	width: 100%;
	padding: 6px;
	font-size: 16px;
	line-height: 20px;
	text-align:center;
}


.bg2{
	background:url(img/bg-2.jpg) center top no-repeat;
}
.c1{
	margin-top: 20px;
	text-transform: uppercase;
}
.c2 {
	display: inline-block;
	font-size: 40px;
	margin-top: 15px;
	margin-bottom: 18px;
}
.c3 {
	display: block;
	text-decoration: underline;
}
.bi {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 10px 10px 65px;
}
.r-line{
	margin-bottom:20px;
}	
.p0{
	padding:0px;
}
.i-1{
	background: url(img/i-1.png) left center no-repeat;
}
.i-2{
	background: url(img/i-2.png) left center no-repeat;
}
.i-3{
	background: url(img/i-3.png) left center no-repeat;
}

.big-enter{
	font-size:50px;
}

.ext {
	background: url(img/ext.png) 20px center no-repeat;
	padding: 28px 0px 20px 53px;
	display: online-block;
}

.head30{
	font-size: 30px;
	font-weight: normal;
}
.bg_black_line {
	position: relative;
	border-bottom: 2px #2d2d2d solid;
	padding: 0px 8vw 30px 8vw;
	display: inline-block;
	text-align: center;
}
.bg_s_black_line {
	border:0px;
	font-size:30px;
	padding:0px;
}
.bg_s_black_line:after{
	content:' ';
	display:block;
	margin: 35px 8vw 35px 8vw;
	border-bottom: 2px #2d2d2d solid;
}
.f18{
	font-size:18px;	
}
.f12{
	font-size:12px;
}
.w100{
	width:100%;
}
.border0{
	border:0px;
}
.binline{
	display:inline-block;
}
.no-border .grey-btn {
	border: 0px;
}
.nav_steps {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 15px 0;
  max-width: 1100px;
}
.nav_steps_item {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  margin: 10px 25px 10px 0;
}
.grey-style{
	flex-wrap: nowrap;
	max-width:100%;
}

.grey-style .nav_steps_text {
	font-size: 16px;
}
.card{
	margin-bottom:10px;
}
@media (max-width: 767px) {
  .nav_steps_item {
    position: relative;
    width: 100%;
    flex-grow: 1;
    margin: 10px 0;
  }
  
  

  .c2 {
		margin-top: 0px;
		margin-bottom: 18px;
	}
	.grey-style {
		flex-wrap: wrap;
		max-width: 100%;
	}
	.card-deck .card{
		margin-bottom:10px;
	}
  
}

@media (min-width: 768px) {
  .nav_steps_item::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: #d7d7d7 1px solid;
  }
  .nav_steps_item:last-child::before {
    content: '';
    display: none;
  }
  

  
}  
.nav_steps_number {
  position: relative;
  width: 40px;
  min-width: 40px;
  height: 40px;
  line-height: 36px;
  border-radius: 50%;
  background: #ebebeb;
  border: #cfcfcf 2px solid;
  text-align: center;
  color: #1c1c1c;
  font-size: 18px;
  font-weight: bold;
  z-index: 2;
}
.nav_steps_item.active .nav_steps_number {
  border: #e30613 2px solid;
}
.nav_steps_text {
  position: relative;
  color: #1c1c1c;
  font-size: 18px;
  padding: 0 23px;
  background: #fff;
  z-index: 2;
}
.order_column {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 25px -15px;
  align-items: flex-start;
}
.order_column_left {
  flex: 1 1 0;
  margin: 0 15px;
}
.order_column_left_content {
  border: #f6f6f6 1px solid;
  padding: 10px 30px;
  margin: 0 0 20px 0;
}
.order_column_right {
  width: 315px;
  margin: 0 15px;
}
.order_column_right_content {
  border: #d6d7d6 1px solid;
  padding: 10px 30px 30px 30px;
  margin: 0 0 20px 0;
}
@media (max-width: 1024px) {

	.ext {
		padding: 20px 0px 20px 53px;
		background-size: 40px;
		font-size: 35px;
	}
  
  .order_column_left {
    width: 100%;
    flex: 1 1 100%;
    margin: 0 15px;
  }
  .order_column_right {
    width: 100%;
    margin: 0 15px;
    order: -1;
  }
  
	.p-card h3 {
	max-width: 100%;
}
	.c-item {
	padding-bottom: 20px;
	}
	.p-card .p_price {
	margin-right: 0px;
	margin-top: 20px;
	}
}



.payment_column {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 25px -15px;
  align-items: flex-start;
}

.payment_column_left {
  width: calc(50% - 30px);
  margin: 0 15px;
}

.payment_column_left_content {
  border: #d6d7d6 1px solid;
  padding: 10px 30px;
  margin: 0 0 20px 0;
}
.payment_column_left_content2 {
  border: transparent 1px solid;
  padding: 10px 30px;
  margin: 0 0 20px 0;
}

.payment_column_right {
  width: calc(50% - 30px);
  margin: 0 15px;
}

.payment_column_right_content {
  border: #d6d7d6 1px solid;
  padding: 10px 30px;
  margin: 0 0 20px 0;
}
.payment_column_right_content2 {
  border: transparent 1px solid;
  padding: 10px 30px;
  margin: 0 0 20px 0;
}

@media (max-width: 1024px) {
  .payment_column_left {
    width: 100%;
    flex: 1 1 100%;
    margin: 0 15px;
  }

  .payment_column_right {
    width: 100%;
    margin: 0 15px;
    
  }
}
.order_column a,
.payment_column a {
  text-decoration: underline;
}




.form_delivery .iform_label {
  font-size: 14px;
  padding: 0;
}

.total_column {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 300;
  padding: 10px 0;
}
.total_column_sum {
  margin: 10px 0;
  border-top: #c2c2c2 1px solid;
}

.total_delivery {
  margin: 0 -30px;
}
.total_delivery_row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  border-top: #d6d7d6 1px solid;
  border-bottom: #d6d7d6 1px solid;
  margin: -1px 0 0 0;
}
.total_delivery_row.active {
  background: #f4f4f4;
}

.total_delivery_radio {
  padding: 15px 20px;
}
.total_delivery_logo {
  width: 130px;
  text-align: center;
  padding: 15px 0;
}
.total_delivery_logo img {
  max-width: 100%;
}
.total_delivery_descript {
  flex: 1 1 0;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 300;
}
.total_delivery_name {
  font-size: 18px;
  font-weight: bold;
}
.total_delivery_text p {
  margin: 5px 0;
}
.total_delivery_text b,
.total_delivery_text strong {
  font-weight: 500;
}
.total_delivery_sum {
  width: 200px;
  font-size: 24px;
  font-weight: 500;
  padding: 15px 20px 15px 0;
}
.total_delivery_buttons {
  margin: 40px -20px;
}
.total_delivery_buttons .total_delivery_buttons_item {
  margin: 10px;
}
@media (max-width: 1024px) {
  .total_delivery_row {
    flex-wrap: wrap;
  }
  .total_delivery_descript {
    flex: 1 1 100%;
  }  
  .total_delivery_sum {
    width: 100%;
    padding: 0 20px 15px 20px;
  }
}



.order_delivery_map {
  margin: 20px 0;
}
.order_delivery_map img {
  max-width: 100%;
}
.cost_disabled {
  font-size: 14px;
  color: #989898;
  text-decoration: line-through;
}

.total_column_large {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  padding: 5px 0;
}

.total_column_large_sum {
  margin: 10px 0;
  padding: 30px 0 10px 0;
  border-top: #c2c2c2 1px solid;
}
.total_column_large_value {
  font-size: 24px;
  font-weight: 300;
}
.total_column_large_sum .total_column_large_text {
  font-size: 24px;
  font-weight: 300;
}
.total_column_large_sum .total_column_large_value {
  font-size: 24px;
  font-weight: 500;
}
.payment_delivery {
  padding: 0 0 20px 0;
}
.payment_delivery_row {
  font-size: 14px;
  font-weight: 300;
  padding: 4px 0;
}
.payment_delivery_row b,
.payment_delivery_row strong {
  font-weight: 500;
}

@media (min-width: 1140px) {
	.img-col {
		
		max-width: 20.5%;
		
		
	}
}
@media (max-width: 1024px) {
  .total_column_large .text_size24 {
    font-size: 18px !important;
  }
  .total_column_large .text_size36 {
    font-size: 24px !important;
  }
}  
.d-block{
	display:block;
}
.d-flex{
	display:flex;
}
.p0{
	padding:0px!important;
}
.m0{
	margin:0px!important;
}
.m_b_16{
	margin-bottom:16px;
}
@media (max-width: 768px) {
	.c-item {
		padding-bottom: 10px;
		padding-left:0px;
	}
	.dell-btn {
		position: static;
		display: block;
		margin: 5px 0px -10px 0px;
		width:100%;
		height:40px;
	}
}	
@media (max-width: 640px) {
	.w_p_l_30 {
		padding-left:0px;
	}
	.round-btn{
		font-size:18px;
	}
	.bg_s_black_line {
		font-size: 26px;
	}
	.s_wraper {
		width: 100%;
	}
	.s_wraper .w90{
		width: 100%;
	}
	.f18 {
		font-size: 14px;
	}
	.c2 {
		font-size: 30px;
	}
	.sm-text-center{
		text-align:center;
	}
	.d-sm-block{
		display:block;
	}
	
	.p-card h3 {
		max-width: 100%;
	}
	.p-card {
		margin-left: 0px;
		padding-left: 16px;
		padding-right: 16px;
	}
	
	.p-card .p_price {
		margin-right: 0px;
	}
		
	.wrap-2 {
		padding: 10px 0px;
	}
	.wrap-2 .order-line .m-btm {
		padding:5px;
		text-align:center;
	}
	.sf24{
		font-size:17px;
	}
}
.gray{
	color:#878787;
}