/*body{
background: url("../img/HELLOSLIM_WWW_1280_00_formularz_edytowany.jpg") no-repeat 50% 0px; opacity:0.6;}*/
.clear{clear: both;}
form{margin-bottom: 2em;}
h3{color:#111; margin-top:1.3em;}
.orderform h3, .boxPay h3{margin-top:0.8em;}
h3 span{color:#9e85d2; font-family:GT-Walsheim-Pro-Light; width: 36px; display: inline-block; }
ul{list-style: none;}
header{overflow: hidden;}
header nav div{
	color: #fff;
    font-size: 1.2em;
    letter-spacing: 0;
    display: inline-block;
    width: 34%;
    position: relative;
    box-sizing:border-box;
    margin: 1% 0% 1% 0%;
    vertical-align: top;
    padding:7px 0 7px 70px;
    text-align: left;
}
header nav div.safe{background: url("../img/form/HELLOSLIM_WWW_1280_00_formularz_03.png") no-repeat top left; margin-right:0%}
header nav div.guarantee{background: url("../img/form/HELLOSLIM_WWW_768_RWD_cut_03.png") no-repeat top left; margin-right:0%; height:52px; }
#section_header {background: url("../img/form/HS_formularz_top_foto_09.png") top center repeat-x; height: 318px;}
#section_header article{position: relative;}
#section_header article .box1 {
    text-align: center;
    width: 44%;
    z-index: 2;
    position: relative;
    float:right;
}
#section_header article .box1 h2{color:#fff; margin:0.35em 0 0.3em 0;}
#section_header article .box1 p{color:#fff; font-size: 1.65em;}

.packedOrder > li{border: solid 1px #111;
	 -moz-border-radius:3.5em;
	-webkit-border-radius:3.5em;
	-khtml-border-radius:3.5em; 
	border-radius:3.5em;
	margin: 0 0px 30px 0;
	box-sizing:border-box;
	padding:20px 10px;
	position:relative;
	width: 100%; margin-left:auto; margin-right: auto;
}
.packedOrder > li.selected, .packedOrder > li:hover{border: solid 1px #99E800;
    transition: all 0.3s;}

aside.aLeft{width: 57.5%; float:left; vertical-align: top; margin-right:2%; }
aside.aRight{width: 40.2%; float:right;  vertical-align: top;}

.packProducts li:first-child .img
{
    margin-top: 3%;
    width: 225px;
}
.packProducts li:last-child .img
{
    margin-top: 3%;
    margin-bottom: 0;
}
.packProducts li .img {
    margin: 2% 3% 2% 7%;
    float: left;
    max-height: 179px;
    width: 201px;
    text-align: center;
    vertical-align: middle;
}

.packProducts .information2, .packProducts .information{
font-size: 	1.4em;
float:right; width: 55%;
margin: 0% 0 1% 0;
}
.packProducts .information2 h3{padding:0 0 0 0; margin:0; /*font-family: sofia_pro_soft_regularregular;*/
font-size: 1.4em;}
.packProducts .information2 ul{ padding-bottom: 0.8em; list-style: disc; 
list-style-position: outside; padding-left:20px; margin-right:1em; letter-spacing: -1.65px; font-size:0.85em; }
.packProducts .information2 ul li{font-size: 1em; text-align: justify; line-height: 1.2; margin:3px 0px; }
.packProducts .information2 ul li.free-cup{ color:#ff79c0; }
.packProducts .information2 ul li span{ font-size:1.3em; }
.packProducts .information2 ul li span span{font-size: 0.9em;}
.packProducts{margin-top:2.5em;}
.packProducts .information ul{  text-align: right; margin-right:1em;}
.packProducts .information ul li:last-child{list-style: disc; list-style-position: inside; 
font-size: 1.5em; padding-top:0em;}
.packProducts .information {font-size: 1.2em; margin-top:1.5%}
 .small{text-decoration: line-through; color:#ff79c0; margin-right:5px; }

/*
---------------------------
package not selected
---------------------------
*/
.cDi {
    position: fixed;
    z-index: 999888;
    background: rgba(0,0,0,0.7);
    border-radius: 5px;
    text-align: center;
    top: -80px;
    left: 50%;
    width: 400px;
    height: 38px;
    color: white;
    font: bold 17px arial,verdana;
    padding: 34px 0px 0px 0px;
    margin-left: -200px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
/* info box */
.boxinfo li p{font-size:1.3em; line-height: 1.5em;}
.boxinfo {margin-top:99px;}
.boxinfo li h4{font-size:1.8em; font-weight: normal; padding: 5px 0 10px 57px; margin-bottom:0.4em; }
.boxinfo li {margin-bottom: 3em;}
.boxinfo li.s1 h4{background: url("../img/form/Formularz_prawa_kolumna_03.png") no-repeat top left;}
.boxinfo li.s2 h4{background: url("../img/form/Formularz_prawa_kolumna_03.png") no-repeat top left;}
.boxinfo li.s3 h4{background: url("../img/form/Formularz_prawa_kolumna_06.png") no-repeat top left;}
.boxinfo li.s4 h4{background: url("../img/form/Formularz_prawa_kolumna_12.png") no-repeat top left;}

.boxPay, .box3{width: 32%; margin-right:2%; display:inline-block; vertical-align: top;}
.boxPay:last-child{margin-right:0px;}
#order_form .box3 h3, #order_form .boxPay h3{font-size:2.2em;}
#order_form .box3 h3 span, #order_form .boxPay h3 span{font-weight:bold; padding: 11px 10px;}

.orderPay li h4{padding: 0px 0; font-size:1.7em; margin:0em 1em 0.2em 0; line-height:1.2em; }
.orderPay li h4 strong{ font-size:0.8em; font-weight:400; }

.packedOrder li .select{ position: absolute; top: 50%; margin-top:-15px; left: 3%; display: block; width: 30px; height: 30px;
	border-radius: 90px; border: 2px solid #111; 
}
.orderPay li{border:none !important; padding:0; padding-bottom: 2em; margin:0; }
.orderPay li.selected .select, .orderPay li .select{left:0; top:0px; margin-top:0;}

.packedOrder li .select span{ display: block; width: 15px; height: 15px; border-radius: 90px; margin: 7.5px 0px 0px 7.5px; }
.packedOrder li.selected .select, .packedOrder li.selected .active{ border-color: #99E800; }
.packedOrder li.selected .select span , .packedOrder li.selected .active span{ background: #99E800; }
.orderPay .information{margin-left:14%;}
.orderPay .information p{color:#111; width: 90%; line-height: 1.5; font-size: 1.2em; margin:0; }
.boxPay .summary > div{width: 100%; display: inline-block; vertical-align: top; font-size: 1.1em;
line-height:2;
 line-height: 1.8em;}
 
.summary{font-size: 1.1em; margin-top:2em;}
.summary .razem{font-size: 1.3em; margin:1.5em 0;  display: block;}


.fa-square-o:before{content:''; }
.fa-check-square-o:before{content:''; display:inline-block; width: 15px;
    height: 15px;
    border-radius: 90px;
    margin: 7.5px 0px 0px 7.5px; background: #99E800;}

.boxPay .summary ul.process{width: 100%; display: inline-block; vertical-align: top; margin:0px;}
.processing .input input,.processing2 .input input{display:none;}
.processing .input .checkGraphic,.processing2 .input .checkGraphic{cursor: pointer;
     vertical-align: top; float:left; border:solid 2px #111; width: 30px;
    height: 30px;display:inline-block; border-radius:3em}
.processing .input,.processing2 .input{cursor:pointer;}
.processing .input p, .processing2 .input p{width: 85%; font-size: 1.1em;
padding-top:0px; line-height:1.5; color:#666; margin-left:12%;}
.private{background: url("../img/form/HELLOSLIM_WWW_1280_00_formularz_42.png") no-repeat 0px 0px; 
	color:#9e85d2; font-size: 1em; vertical-align: bottom;
	padding-left:35px; padding-top:8px; padding-bottom:8px;
	text-align: left; 
}
.sButton{margin-top:1em; text-align: center;}
.sButton .noRisk{width:100%; font-size: 1.2em; margin:0.7em auto 0;}
.sButton .bt{border: none; width: 70%; margin:2.0em auto 0; padding:1em 0; outline: none; cursor:pointer;}
#order_form .sButton .bt{margin:30px auto 10px; background:#FF3E73; max-width: 370px; width:90%; border:none; padding:20px;}
#order_form .sButton .bt:hover{background:#f0386c;}
#order_form .sButton .noRisk{margin:10px auto 20px; width: 90%; max-width: 370px;
text-align: center; }


.fa:hover{color:#9e85d2}
.fa-check-square-o{color:#2d69c1}

.boxPay_no_selected{
	margin:1em 0;
	padding:1em;
	box-sizing:border-box;
	color:#9e85d2;
	border:1px dashed #9e85d2;
	text-align:center;
	font-size:1.2em;
	margin-bottom:350px;
	display:none;
}
.boxPay_no_selected i{
	display:block;
	font-size:2em;
	padding:0.2em;
	color:#9e85d2;
}
.summary-details_row{}
.summary-details_row > span:nth-child(1){ float: left;
    width: 48%;}
.summary-details_row > span:nth-child(2){float: right;
    font-weight: bold;
    text-align: right;
    width: 48%;}

.orderform ul{ margin-top:1.5em;}
.orderform ul li{width: 45%;  padding:0em 0 0 0; margin:0em 0 0.7em 0;
display: inline-block; font-size: 1.26em; position:relative; margin-right:4%;  }
.orderform ul li.error{ /*border-bottom:solid 2px red;*/ }
.orderform ul li.error label{color:red;}
.orderform ul li label{ width: 30%; vertical-align: middle; }
.orderform ul li label .reguired{color:red;}
.orderform ul li div.input{width: 100%; display: inline-block; vertical-align: middle; border-radius:5px; border:solid 1px #88898E; margin-top:7px; }
.orderform ul li div.input input, .orderform ul li div.input select {width: 100%;
box-sizing:border-box; margin-bottom: 0em; border:solid 1px #fff; outline: none; background: none; border:none; padding:8px 10px; }
.orderform ul li div.input .inputdesc{font-size: 0.8em; padding:1.1em 0; text-decoration: none; color: #9e85d2; position:absolute; left:0;}
.orderform ul li div.input .inputdesc br{display:none;}
.orderform ul li.country{ width:94%; margin-bottom: 2.2em;}
.orderform ul li.streetName{ }
.orderform ul li.streetNumber{ width:20% }
.orderform ul li.streetNumber label{width: 42%;}
.orderform ul li.streetNumber div.input{width: 100%}
.orderform ul li.apartmentNumber{ width:21%; }
.orderform ul li.apartmentNumber label{width: 40%;}
.orderform ul li.apartmentNumber div.input{width: 100%}
.orderform ul li.postalCode{ }
.orderform ul li.postalCode label{width: 62%;}
.orderform ul li.postalCode div.input{width: 100%}

::-webkit-input-placeholder { color:#111; }
::-moz-placeholder { color:#111; }
:-ms-input-placeholder { color:#111; } 
input:-moz-placeholder { color:#111; }

.infoError{display:none;}

/* info box */
.infoBg{ background: rgba(0,0,0,0.5); z-index: 9998; width: 100%; height: 100%;
position: fixed; display: none; left: 0px; top: 0px; }
.infoBox{
	position: fixed;
	max-width: 500px;
	width:90%;
	height: auto;
	top: 20%;
	left: 50%;
	margin-left: -250px;
	margin-top: -100px;
	z-index: 9999;
	display: none;
	border-radius: 5px;
	background: #fcfdfd; 
	font-size: 1.2em;
}

.infoBox .mhead{
	padding: 10px 20px;  margin: 2px 2px 10px 2px; border-radius: 5px; font-weight: bold; position: relative;
	background: #9e85d2; 
	color:#fff;
}
.infoBox .mhead br{ display: none; }
.infoBox .mhead .fa-times{ display: block; position: absolute; top: 2px; right: 2px; color: white; text-decoration: none; padding: 3px; border: 1px solid rgba(255,255,255,0); border-radius: 2px; font-size: 20px; transition: border .3s, color 0.6s; }
.infoBox .mhead .fa-times:hover{ border: 1px solid rgba(255,255,255,1); color: black; }
.infoBox .mcontent{ padding: 10px 10px; }

.orderform ul li.SpamDecoy { display: none; }

footer nav ul{margin-top:2em;}
	
#PayPal_GPOption.otherPayment:after, #PayPal_ESOption.otherPayment:after, #PayPal_DEOption.otherPayment:after, #PayPal_VitalOption.otherPayment:after, #PayPal_ITOption.otherPayment:after, #PayPal_FROption.otherPayment:after {bottom:-15px;}


.header-top{ margin-bottom:1em; }
.header-top h1{ margin-bottom:0; font-family:GT-Walsheim-Pro-Bold; font-size:4em; }
.header-top p{ font-size:1.4em; }
.form-box-free-deliery{ background:#FF6EBB; color:#FFFFFF; border-radius:20px; box-sizing:border-box; padding:1.5em 2em; }
.form-box-free-deliery h3{ margin:0; color:#FFFFFF; }
.form-box-free-deliery h3 span{ font-family:GT-Walsheim-Pro-Bold; width:auto; display:inline; color:#FFFFFF; }
.form-box-free-deliery p{ font-size:1.4em; margin:0; }

.boxinfo{ margin-top:0; }
.boxinfo li.s1 h4{ margin-top:0; }
.boxinfo strong{ font-family:GT-Walsheim-Pro-Bold; }

.months-curation{ font-size:0.8em; }
.packet-price{ margin:10px 0px; font-size:1.5em; }
.packet-price .free-delivery{ font-size:0.6em; color:#ff79c0; }
.per-bag{ font-size:0.55em; }
.care-reserved{ color:#9e85d2; font-size:1.1em; }
.summary-details_row .free-delivery{ color:#ff79c0; }
#ordertotal{ font-family:GT-Walsheim-Pro-Bold; }
.have-coupon{ border:1px solid #88898E; border-radius: 10px; }
.process li:last-child{ margin-top:20px; }
.boxinfo.form-list-mobile{ display:none; }


#form header{ position:relative; box-shadow:none; }
.packProducts .information2 h3{ font-size:1.7em; }
.months-curation{ font-size:1em; margin:0; }

footer p{ font-size:1.4em; }

.header-top h1{ font-size:3.3em; }
.hello-img, .hello-txt{ display:inline-block; }
.hello-txt{ width:70%; padding-left:3.5em; }

.form-box-free-deliery .h-img, .form-box-free-deliery .h-txt{ display:inline-block; }
.form-box-free-deliery .h-img{ margin-right:1.5em; }


@media screen and (min-width:768px) and (max-width:1023px)
{
    .header-top h1{ font-size:2.9em; }
    .orderpack{ width:90%; margin:0 auto; }
    h3{ font-size:2.2em; }
    .packet-price .free-delivery{ margin-top:0; }
    .packProducts li.num6 .img{ margin-top:3em; }
    .packProducts li.num3 .img{ margin-top:2em; }
    .packProducts li.num1 .img{ margin-top:2em; }
    .care-reserved.private{ padding-bottom:0; }
    .orderPay .information p{ margin-top:0; }
    .orderPay li{ margin-bottom:0; }
    #MassCollectOption, #TransferujGPOption{ padding-bottom:0!important; }
    #MassCollectOption:after{ bottom:-4em; }
    .boxPay{ margin-top:3em!important; }
    .boxPay.clearfix{ margin-top:0!important; }
    .sButton .bt{ max-width:260px; }
    .sButton .noRisk{ font-size:1.3em; max-width:200px; }
    nav ul li:after{ content:''; display:inline-block; width:7px; height:7px; -moz-border-radius:1em; -webkit-border-radius:1em; -khtml-border-radius:1em; border-radius:1em; vertical-align:0.1em; background:#fff; margin:0 1.55em; }
    nav ul li.contact:after{ content:none; display:none; }
}

@media screen and (min-width:1024px)
{
    .header-top p{ margin-top:0; }
    .packedOrder.packProducts li .img{ margin:3em 0 0 3em; }
    .packedOrder.packProducts li.num3 .img{ margin-top:2em; }
    .packedOrder.packProducts li.num1 .img{ margin-top:2.5em; }
    .packet-price .free-delivery{ margin-top:0; }
    .packProducts .information2 ul li span{ font-size:1.2em; }
    .have-coupon label{ font-size:15px!important; }
    .processing .input p, .processing2 .input p{ padding-left:1em; }
    .sButton .bt{ width:90%; max-width:270px; }
    .summary .razem{ font-size:1.23em; }
}

@media screen and (min-width:1280px)
{
    header nav.prawo{ margin-top:0; }
    header nav div{ font-size:1.3em; padding-top:0.3em; }

    .sButton .bt{ max-width:none; width:100%; margin-top:1em; }
}


