.stepPage{position: relative;width:100%;display: inline-block;padding-top:30px;padding-bottom: 150px;background: white}
.stepPage:after{content: '';position: absolute;top: 0px;left:0px;width: 100%;height: 80px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.1+0,0+100 */background: -moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}
.stepPage a {color: #666;}
.stepPage a:hover{cursor: pointer;text-decoration: none;}
.checkoutPage, #register_form_isCheckout{position:relative;width: 100% !important;}
.form_line.item_tax_payer_options{position:absolute;top:-80px;right:0px;width:auto!important;}
.form_line.item_tax_payer_options .control-label{display:none;}
.form_line.item_tax_payer_options label{width:auto!important;float:left!important;margin-left:20px;}
.form_line.item_tax_payer_options input{float:left;width:auto!important;height:auto!important;margin-right:5px;}
section.section.form_content form .form_content.inner .form_line.select label{font-size: 11px !important;margin-top: 8px!important;}

.breadcrumbs {width: 100%;display: inline-block;text-align: center;margin-bottom: 40px;}
.breadcrumbs span{float: left;font-size: 16px;}
.breadcrumbs span b{color: #666!important;}
.breadcrumbs i{float: left;margin-top: 5px;padding: 0px 30px;font-size: 7px;}
.breadcrumbs .breadcrumbs.text-center{display: inline-block;width: auto;}

.stepPage .title{margin-bottom: 40px;margin-top: 60px;text-transform: uppercase;}
.stepPage .shop_table.cart thead tr th{font-size: 16px;padding-bottom: 15px;font-weight: 600;}
.stepPage .shop_table.cart tbody tr {padding: 20px 0px;position: relative;}
.stepPage .shop_table.cart tbody tr td{vertical-align: middle;padding: 0px;border-bottom: 1px solid #f2f2f2;position: relative;}
.stepPage .shop_table.cart tbody tr td .image{margin:20px 0px;width: 100px;height: 100px;background: white;border: 1px solid #f2f2f2;display: inline-block;float: left;background-repeat: no-repeat;background-size: cover;background-position: center;}
.stepPage .shop_table.cart tbody tr td .cart-product-title{font-size: 18px;font-weight: 600;width: 100%;}
.stepPage .shop_table.cart tbody tr td .cart-product-title a span{color: #666!important;}
.stepPage .shop_table.cart tbody tr td.product-price{font-size: 16px;font-weight: 400;}
.stepPage .shop_table.cart tbody tr td .input-group-btn button{background-color: #666!important;border-radius: 5px;color: #fff;border:none;height:38px;width:26px;line-height: 12px;margin:0px 2px;}
.stepPage .shop_table.cart tbody tr td .input-group-btn button i{font-size: 12px;}
.stepPage .shop_table.cart tbody tr td .input-group-btn button:hover{cursor: pointer;opacity: 0.8;}
.stepPage .shop_table.cart tbody tr td.product-quantity{text-align: center;}
.stepPage .shop_table.cart tbody tr td.product-quantity span{float: left;display: inline-block;width: auto;}
.stepPage .shop_table.cart tbody tr td.product-quantity input{float: left;height:38px;border:1px solid #ddd;border-radius: 5px;font-size: 16px;width:35px;padding:0px;}
.stepPage .shop_table.cart tbody tr td.product-quantity .quantity{display: inline-block;}
.stepPage .shop_table.cart tbody tr td .remove{font-size: 20px;position: absolute;top: 50%;right: 10px;font-size: 22px;transform: translateY(-60%);-moz-transform: translateY(-60%);-webkit-transform: translateY(-60%);-o-transform: translateY(-60%);}
.stepPage .shop_table.cart tbody tr td .remove:hover{cursor:pointer;opacity: 0.8;color: #666;}
.stepPage .container{max-width: 100%;}

.stepPage .total-bags{padding: 10px 0px;}
.stepPage.step0 .total-bags{margin-top: 20px;}
.stepPage .total-bags table{margin-top: 0px!important;}
.stepPage .total-bags table tr td{font-weight: 400;font-size: 22px;text-transform: uppercase;margin-top: 5px;}
.stepPage .total-bags table tr td b{font-weight: 600;font-size: 34px;text-transform: uppercase;display: inline-block;padding-left: 20px;}
.stepPage .total-bags table tr td:nth-child(1){width: 250px;display:inline-block;text-align: left;}
.stepPage .total-bags table tr td:nth-child(2){width: 250px;display:inline-block;text-align: right;}
.stepPage .total-bags table tr td b{padding-left: 0px;}

.stepPage .actions{width: 100%;text-align: right;display: inline-block;margin-top: 30px;padding-bottom: 100px;}
.stepPage .actions .group_button{display: inline-block;}
.stepPage .actions .group_button .button,
.stepPage .login_form form .form_content .button_login,
.stepPage .section_button .button,
.stepPage.step2 .promo_code.form_line .button{float: left;display: inline-block;width: auto!important;border-radius:3px;margin: 0px;text-align: center;text-transform: uppercase;font-size: 15px;padding: 14px 40px!important;height: auto!important;font-weight: 600;margin-left: 10px;color:white;background: #666!important;border:1px solid #666;}
.stepPage .actions .group_button .button.inverse{background: white!important;color: #666;}
.stepPage .section_button .button:hover, .stepPage .actions .group_button .button:hover{color: white;}
.stepPage .section_button .button.inverse:hover, .stepPage .actions .group_button .button.inverse:hover{color: #666;}
.stepPage .actions .group_button .button:after{display:none;}

/* STEP - 1  */
.stepPage.step1{padding: 0px 20px;padding-bottom: 80px;}
.stepPage.step1 .login_form{position: relative;}
.stepPage.step1 .login_form .title_section{width: 100%!important;}
.stepPage.step1 .login_form .title_section .subTitle{width: 100%;text-align: left;font-weight: 700;font-size: 16px;margin-bottom: 20px;}
.stepPage.step1 .login_form .login_facebook{text-align: right;}
.stepPage.step1 .login_form .form_content.inner .form_line{margin: 10px 0px!important;}
.stepPage.step1 .login_form form .form_content .button_login{margin-left: 0px;}


.stepPage.step1 .form_line label,
.stepPage.step2 .form_line label {padding:0px!important;position: absolute !important;margin-left: 20px !important;color: #444!important;font-size: 16px!important;margin-top: 15px!important;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.stepPage.step1 .form_line.input_checkbox label{display: inline-block!important;font-weight:normal;margin-left: 0px!important;width: 100%!important;position: relative!important;}
.stepPage.step1 .form_line.input_checkbox input{margin-top: 6px!important;float: left!important;width: auto!important;font-size: 20px!important;line-height: 0px;height: 20px!important;margin-right: 12px!important;margin: 0px;-ms-transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);}
.stepPage.step1 .form_line.notEmpty:not(.input_checkbox) label,
.stepPage.step2 .form_line.notEmpty:not(.input_checkbox) label{font-size: 11px !important;margin-top: 5px!important;}
.stepPage.step1 .form_line input:not([type=checkbox]), 
.stepPage.step2 .form_line textarea,
.stepPage.step2 .form_line input,
.stepPage.step1 .form_line select{width: 90%!important;height: 54px!important;padding-left: 20px!important;font-size: 16px;border-radius:3px;padding-top: 18px!important;padding-bottom: 0px!important;color:#444!important;border: 1px solid #ddd !important;background: white!important;box-shadow: none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

.stepPage.step1 .blockForm{display: none;}
.stepPage.step1 .login_form .form-group .help-block span{font-weight: 700;cursor:pointer;opacity: 0.8;}
.stepPage.step1 .login_form .condition{width: auto;position: absolute;bottom: 100px;left: 50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);}
.stepPage.step1 .login_form .condition:after{content:'';width:70px;height:1px;background: #ddd;position: absolute;top: 17px;right: 100%;margin-right: 30px;}
.stepPage.step1 .login_form .condition:before{content:'';width:70px;height:1px;background: #ddd;position: absolute;top: 17px;left: 100%;margin-left: 30px;}
.stepPage.step1 .login_form .condition .text{border:none;font-size: 18px!important;font-weight: bold!important;}

.stepPage.step1 .blockForm .title_section {width: 100%;margin-bottom: 0px;padding-bottom: 0px;border: none;}
.stepPage.step1 .blockForm .title_section .text_section{width: 100%;text-align: left;font-weight: 700;font-size: 16px;margin-bottom: 20px;}
.stepPage.step1 .blockForm .title_section:before{display: none;}

.stepPage.step1 #terms_of_conditions_group{width: 100%;display: inline-block;margin-top: 40px!important;}
.stepPage.step1 #terms_of_conditions_group label,
#delivery_address > .form_line label{position: relative!important;left: 0px;top:0px;font-size: 16px!important;margin: 0px !important;font-weight: normal;width: 100%}
.stepPage.step1 #terms_of_conditions_group input,
#delivery_address > .form_line input{margin-top: 4px!important;float: left!important;width: auto!important;font-size: 20px!important;line-height: 0px;height: 20px!important;margin-right: 12px!important;margin: 0px;-ms-transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);}
.stepPage.step1 .blockForm .section_button{margin-top: 50px;width: 100%;float: none;display: inline-block;}
.stepPage.step1 .blockForm .section_button .button{margin-left: 0px;color:white;margin-top: 0px;box-shadow: none;border-radius: 3px;border:none;}
.stepPage.step1 .blockForm .section_button .button:after{display: none;}


#alternative_delivery_address{display: none;}
#alternative_delivery_address.active{display: inline-block;}
#alternative_delivery_address .form_value{margin-top: 20px;}

/* STEP - 2  */
.stepPage.step2 .paymentsSection .title_section{padding-top: 50px;}
.stepPage.step2 .title_section .text_section{width: 100%;text-align: left;font-weight: 700;font-size: 16px;margin-bottom: 20px;}
.stepPage.step2 .list_payment_horizontal{display: inline-block;width: auto;padding: 0px;background: transparent;margin:0px;display: inline-block;width: 100%;margin-bottom: 0px;height: auto;}
.stepPage.step2 .list_payment_horizontal .mini_box{margin-right: 10px;margin-bottom: 10px;border: 1px solid #e4ebee;padding: 20px;border-radius: 3px;float: left;text-align: center;position: relative;}
.stepPage.step2 .list_payment_horizontal .mini_box img{height:30px;padding: 0px 10px;margin-bottom: 5px;}
.stepPage.step2 .list_payment_horizontal .mini_box input{position: absolute;top:10px;left:10px;margin: 0px;}
.stepPage.step2 .list_payment_horizontal .mini_box label:hover{cursor: pointer;opacity: 0.8;}
.stepPage.step2 .list_payment_horizontal .infos_for_payment{width: 100%;display: inline-block;margin-top: 10px;margin-top: 0px}
.stepPage.step2 .promoSection{display: inline-block;width: 100%;}
.stepPage.step2 .promoSection .form_line{width: 100%;padding: 0px;}

.stepPage.step2 .half{float: left;width: 50%;}
.stepPage.step2 .promo_code.form_line input{float: left;width: 50%!important;}

.stepPage.step2 .more_info_order{width: 100%;padding-top: 50px;padding-left:0px;}
.stepPage.step2 .more_info_order textarea{height: 150px!important;text-align: left;}

.stepPage.step2 .deliveryoptions{padding-top: 50px;    display: inline-block;width: 100%;padding-left: 0px;}
.stepPage.step2 .deliveryoptions .deliveryoption label{border: 1px solid #e4ebee;padding: 12px 20px;border-radius: 3px;float: left;text-align: center;position: relative;margin-right: 10px;margin-bottom: 10px;}
.stepPage.step2 .deliveryoptions .deliveryoption label:hover{cursor: pointer;opacity: 0.8;}
.stepPage.step2 .deliveryoptions .deliveryoption label input{margin-right: 10px}
.stepPage.step2 .deliveryoptions #allPointsOfSale select{font-size: 16px;border-radius: 3px;border: 1px solid #e4ebee !important;background: white!important;box-shadow: none!important;-webkit-appearance: none;color: #979797;padding: 6px 20px;padding: 12px 20px;}

.stepPage.step2 .groupBox{border:1px solid #e4ebee;border-radius:3px;overflow: hidden;} 
.stepPage.step2 .groupBox .cart-wrap{display: inline-block;width: 100%;padding: 10px 20px;}
.stepPage.step2 .groupBox .cart-wrap table{margin:0px;width:100%;text-align: left;}
.stepPage .shop_table.cart{width: 100%;}
.stepPage.step2 .shop_table.cart thead {border-bottom: 1px solid #f2f2f2;}
.stepPage.step2 .shop_table.cart .product-name p {margin: 0px;}
.stepPage.step2 .total-bags{width: 100%;padding-top: 30px;}
.stepPage.step2 .total-bags table tr td{font-size: 14px;text-transform: inherit;padding-bottom: 4px;width: 50%;}
.stepPage.step2 .total-bags table tr td:nth-child(2){text-align: right;}

.stepPage.step2 .groupBox .tableTotal{padding: 20px 20px;background: #f3f6f7;width: 100%;display: inline-block;margin-bottom: -5px;}
.stepPage.step2 .groupBox .tableTotal tbody{width: 100%;display: inline-block;}
.stepPage.step2 .groupBox .tableTotal tr{width: 100%;display: inline-block;}
.stepPage.step2 .groupBox .tableTotal tr td{font-size: 16px;font-weight: bold;width: 50%;display: inline-block;float: left;}
.stepPage.step2 .groupBox .tableTotal tr td:nth-child(2){text-align: right;}
.stepPage.step2 .section_button.finish{text-align: center;margin-top: 130px;text-align: center;float: none;}
.stepPage.step2 .section_button.finish .button{margin: 0px;float: none;width: 80%!important;}
.stepPage.step2 .section_button.finish .button:hover{cursor:pointer;opacity: 0.8;}

.stepPage.step2 .shippingSection {display: inline-block;width: 100%;}


/* STEP - 4  */
.stepPage.step4 .header{width: 100%;display: inline-block;margin-bottom: 40px;box-shadow:none}
.stepPage.step4 .header .icon_correct{font-size: 80px;float: left;color: #46deae;margin-right: 30px;}
.stepPage.step4 .header .messenger{float: left;margin-top: 30px;}
.stepPage.step4 .header .messenger .sucess_person{font-weight: bold;font-size: 24px;margin: 0px;}
.stepPage.step4 .header .messenger .sub_msg{font-weight: 400;font-size: 16px;}
.stepPage.step4 .header .success_buy_info{float: right;margin-top: 40px;font-size: 14px;text-align: left;}
.stepPage.step4 .dataGroup{width: 100%;display: inline-block;margin-bottom: 80px;display: -ms-flex; display: -webkit-flex; display: flex;}
.stepPage.step4 .dataGroup .send_info{border: 1px solid #e4ebee;border-radius: 3px;padding:20px;width: 32.5%;flex:1;}
.stepPage.step4 .dataGroup .send_info:nth-child(2){margin: 0px 14px;}
.stepPage.step4 .dataGroup .send_info .heading-2{margin-bottom: 0px;padding-bottom: 0px;border:none;}
.stepPage.step4 .dataGroup .send_info .heading-2:before{display: none;}




/* CHECKOUT-NEW */

.shop_table tr{color: #666;}
.cart_item img{width: 150px;}
.cart-subtotal b{font-size: 20px;text-transform: uppercase;}
.total-bags{float: right !important;background: #fff;border-radius: 10px;text-align: center;padding: 20px;}

.fancy-btn{background: #666 !important;color: #fff;padding: 10px;border-radius: 5px;margin: 3px;cursor: pointer;width: 45%;float: right;}
.section_button a{float: left;background: #fff !important;border: 1px solid #666;color: #666 !important;margin-top: 0px !important;}

.jumbotron {background-color: #fff !important;}
.input-group-btn button{background-color: #666!important;border-radius: 5px;color: #fff;border:none;margin-left: 7px;margin-right: 7px; }
.input-text{background-color: #fff!important;border-radius: 5px;color: #666;border:1px solid #666;text-align: center;}
.fa-chevron-right{font-size: 10px;}

.shop_table tbody{border-radius: 15px;border-top: 1px solid #f2f2f2;}
.product-subtotal{color: #666;text-align: center;}
.product-quantity{text-align: center;}
.product-price{text-align: center;}

.product-qty{width: 200px;}
.fsz-18 {font-size: 20px;text-align: center;font-weight: lighter;}
.fsz-18 b {font-weight: lighter;}
.product-quantity{width: 100px;}
.product-subtotal{width: 200px;}


.col-md-10 {width: 100% !important;}
section.section .login_form .condition .line {display: none !important;}

section.section .login_form .condition .text {font-weight: lighter !important;font-size: 16px !important;background: #fff !important;}
section.section .login_form form .form_content .link {text-align: left !important;width: 100%;display: inline-block;margin-bottom: 20px;}

form .form_content label {font-size: 16px !important;margin-left: 10px !important;}
.col-lg-4 {width: 50% !important;margin-top: 10px;}

section.section .login_form form {padding-right: 60px !important;}
section.section.form_content form .form_content.inner .form_line input[type=checkbox] {margin-top: -6px;box-shadow: none !important;}
section.section.form_content form .form_content.inner .form_line.item_tax_payer_options{width: 50% !important;top: 0px;}
section.section.form_content form .form_content.inner .form_line.item_tax_payer_options label{position: relative!important;width: 100%!important;float: none!important;margin:0px!important;line-height: 14px!important;font-size: 14px!important;}
section.section.form_content form .form_content.inner .form_line.item_tax_payer_options input{width: auto!important;position: relative!important;margin:0px!important;-webkit-appearance: radio!important;-moz-appearance: radio!important;appearance: radio!important;height:auto!important;margin-right:10px!important;}



.iconRequired{color:#f0877c!important;}


.jumbotron {padding: 0px !important;margin-bottom: 0px !important;font-size: 18px !important;font-weight: 200;line-height: 1 !important;color: inherit;background-color: #eee;}

section.section.form_content .group_partial {width: 100% !important;}
section.section .login_form form {width: 50%!important;float: left;padding-right: 20px;border-right: 0px !important;}
section.section.form_content form{width: 50% !important;}

/* -------------------ANIMATED INPUT---------------*/

section.section.form_content form .form_content.inner .form_line {position:relative; margin-top: 10px!important;padding: 0px;padding-right: 20px!important;    box-sizing: border-box;width: 50%;display: inline-block;float: left;text-align: left;}
.active_text{margin-top:-25px !important;}


/* -------------------STEP02---------------*/

.step2 .shop_table tbody {border-top: 0px !important;border-bottom: 0px !important;}
.step2 .product-price{display: none;}.step2 .product-quantity{display: none;}.step2 .product-subtotal{display: none;}
.step2 .cart-product-title{font-size: 20px;float: left;color: #666;}
.step2 .drk-gry{text-align: right !important;float: right;}
.step2 .heading-2 .fsz-18 {font-size: 13px !important;text-align: left !important;font-weight: bolder !important;color: #666 !important;}
.step2 .promo_code input{float: left}
.step2 .product-qty {width: 90px;}

/* -------------------STEP03-IMG---------------*/

.success_buy_info{text-align: right;}

.main-container .col-md-4 {width: 30% !important;}

.fz-final{text-align: left !important;font-size: 15px !important;font-weight: bold !important;}
.finalstep{float: right;width: 30% !important;margin-left: 100%;margin-right: 100px;}
.finalstep .secondbt{background: #666 !important;color: #fff !important;margin-top: 0px !important;text-align: center !important;}
.finalstep .fancy-btn-small{text-align: center !important;}


/* ------------------- RESPONSIVE ---------------*/
@media only screen and (max-width: 770px) {
	.breadcrumbs span{font-size: 10px;margin:0px 5px!important;}
	.breadcrumbs i{padding: 0px;margin: 0px!important;font-size: 5px;margin-top: 4px!important;}
	.breadcrumbs span:nth-child(1),
	.breadcrumbs i:nth-child(2){display: none;}
	.breadcrumbs .breadcrumbs.text-center{margin-bottom: 0px;}
	
	.stepPage .shop_table.cart thead tr th{display: none;}
	.stepPage .shop_table.cart thead tr th:nth-child(1){display: block;}
	.stepPage .shop_table.cart tbody tr td:nth-child(3){display: none;}
	.stepPage .shop_table.cart tbody tr td{border-bottom: none;}
	.stepPage .shop_table.cart tbody tr td .image{width: 50px;height: 50px;}
	.stepPage .shop_table.cart tbody tr{border-bottom: 1px solid #f2f2f2;}

	.stepPage .shop_table.cart tbody tr td .input-group-btn button{width: 35px;margin: 0px;height: 20px;line-height: 26px;float:left;}
	.stepPage .shop_table.cart tbody tr td.product-price span{white-space: nowrap;}
	.stepPage .shop_table.cart tbody tr td .remove{top: 15px;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);padding-left:0px;}
	.stepPage .total-bags table tr td:nth-child(1),
	.stepPage .total-bags table tr td:nth-child(2){width:50%;white-space: nowrap;}
	.stepPage .actions .group_button .button.inverse,
	.stepPage .actions .group_button .button{width:100%!important;margin:10px 0px;}

	section.section.form_content form{width:100%!important;padding-right:0px!important;}
	.stepPage.step1 .form_line input:not([type=checkbox]), .stepPage.step2 .form_line textarea, .stepPage.step2 .form_line input, .stepPage.step1 .form_line select{width:100%!important;}
	.stepPage.step1 .login_form form .form_content .button_login,
	.stepPage.step1 .blockForm .section_button .button{width:100%!important;}
	.stepPage.step1 .login_form .condition{bottom:100px!important;}
	.stepPage.step1 .login_form .login_facebook{display: inline-block;position: relative;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);margin-top: 50px;}
	section.section.form_content form .form_content.inner .form_line{width:100%;padding-right: 0px!important;}

	.stepPage.step2 .half{width:100%!important;padding-left:0px!important;}
	.stepPage.step2 .promo_code.form_line input{width:100%!important;}
	.stepPage.step2 .promo_code.form_line .button{width:100%!important;margin:10px 0px;}

	.stepPage.step4 .header .messenger{width: 65%;margin-top: 0px;}
	.stepPage.step4 .dataGroup{display: inline-block;}
	.stepPage.step4 .dataGroup .send_info{width:100%;flex: none;margin:10px 0px!important}



}