.mountain-page-content > h2{ text-align: center; padding: 0 var(--p-main); padding-top: var(--p-main); } 
.mountain-page-content .image-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 var(--p-main);
    align-items: center;
    padding-top: 32px; padding-bottom: 32px;
} 
.mountain-page-content .image-content .info{
	float: none; width: 100%;
	padding: 0 0 0 calc((100dvw - 13px - var(--w-main)) / 2);
}
.mountain-page-content .image-content .img{ position: relative; top: 0; left: 0; float: none; width: 100%; margin-top: 0; }
.page-content.mountain-page-content .main .c-box{ 
	width: 100%; padding: 32px; background: #fff;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	-webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.1); 
	box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.1);
}
.page-content.mountain-page-content .main .c-box::before{ top: 34px; left: 32px; }
.page-content.mountain-page-content .main .c-box::after{ top: 43px; left: 39px; }
.page-content.mountain-page-content .main .right-c-box{ float: right; }
.page-content.mountain-page-content .main .c-box h3{ padding-left: 38px; margin-bottom: 16px; }
.page-content.mountain-page-content .main .c-box h3 span{
	display: inline-block; padding: 7px 16px; vertical-align: middle; 
	font-size: 0.8em; line-height: normal; margin-left: 24px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: var(--bg-lightpurple2);
}

.page-content.mountain-page-content .main .c-box.add-c-box::after{ 
	top: 30px; left: 32px; content: '+'; 
	text-align: center; font-size: 38px; line-height: 38px; font-weight: 600; color: var(--c-title);
	width: 28px;
    height: 32px; overflow: hidden;
    border-left: 0px solid var(--c-title);
    border-bottom: 0px solid var(--c-title);
	-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.desc-content.mountain-desc-content p{ margin: 12px 0; }
.desc-content.mountain-desc-content > .main > p{ font-size: 16px; text-align: center;  }
.mountain-documents-content.documents-content.desc-content{ padding-top: 0; }

.page-content .main.grid-content {
    display: grid;
    grid-template-columns: 3fr 4fr;
    gap: 0 var(--p-main);  
} 
.page-content .main.grid-content.grid3-content{
    grid-template-columns: 1fr 1fr 1fr; 
}
.page-content .main .icon-box{
	text-align: center; font-weight: 500;
	border: 1px solid var(--c-purple);
	padding: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
}
.page-content .main .icon-box:before{
	content: ''; display: block; width: 100%; height: 50px; margin-bottom: 24px;
	background-size: 50px 50px; background-repeat: no-repeat; background-position: center center;
}
.page-content .main .icon-box.hiking-icon:before{
	background-image: url(../images/icons/hiking.svg);
} 
.page-content .main .icon-box.mountain-icon:before{
	background-image: url(../images/icons/mountain-b.svg);
} 
.page-content .main .icon-box.skiing-icon:before{
	background-image: url(../images/icons/skiing.svg);
} 
.mountain-faq-content{ padding-top: var(--p-main); }


.page-content .main.grid-content table.price-table tr td, 
.page-content .main.grid-content table.price-table tr th,
.page-content .main.grid-content table.price-table tr td:first-child, 
.page-content .main.grid-content table.price-table tr th:first-child{ text-align: left; padding: 10px; background: none;  }
.page-content .main.grid-content table.price-table tr th,
.page-content .main.grid-content table.price-table tr th:first-child{ background: var(--bg-lightblue); color: var(--c-title); }

.calc-content{ padding-bottom: var(--p-main); padding-top: var(--p-main); }
.faq-content .article.open > h3 a{ color: #fff; }

@media screen and (max-width: 1250px) {
	.mountain-page-content .image-content .info{ padding-left: 30px; }
}
@media screen and (max-width: 1024px) {
	.page-content .main.grid-content{
		grid-template-columns: 1fr;
    	gap: 24px; 
	}
	.page-content .main .icon-box{ padding: 16px; }
}
@media screen and (max-width: 768px) {
	
	body > .page-header.mountain-header{ padding-bottom: 140px; }
	.mountain-page-content .image-content{
		grid-template-columns: 1fr;
    	gap: 24px;
    	padding: 0 0 0 30px; margin-bottom: 24px;
	}
	.mountain-page-content .image-content .info{ padding-left: 0;  padding-right: 30px; }
	.mountain-page-content .image-content .img{ width: 100%; float: right; clear: both; }
	
	.page-content .main.grid-content.grid3-content{
		grid-template-columns: 1fr;
    	gap: 24px;
	}
	.page-content .main .icon-box{ position: relative; padding-left: 88px; text-align: left; }
	.page-content .main .icon-box:before{
		width: 88px; height: 100%; position: absolute; top: 0; left: 0;
	}
	.page-content.mountain-page-content .main .c-box{ padding: 16px; }
	.page-content.mountain-page-content .main .c-box::before{ left: 16px; top: 16px; }
	.page-content.mountain-page-content .main .c-box::after{ left: 22px; top: 25px; }
	.page-content.mountain-page-content .main .c-box h3{ padding-top: 2px; }
	.page-content.mountain-page-content .main .c-box.add-c-box::after{ left: 16px; top: 13px; }
	.page-content.mountain-page-content .main .c-box h3 span{ margin-left: 0; }
}
@media screen and (max-width: 640px) {
	body > .page-header.page-header::before{ background-size: auto 100%; background-position: top center; }
	
	.page-content .main.grid-content table.price-table tr td, 
	.page-content .main.grid-content table.price-table tr th, 
	.page-content .main.grid-content table.price-table tr td:first-child, 
	.page-content .main.grid-content table.price-table tr th:first-child{
		padding: 5px; text-align: center; word-break: normal;
	}
	.page-content .main.grid-content table.price-table tr th{ word-break: normal; line-height: normal; padding-left: 0; padding-right: 0; }
}
@media screen and (max-width: 500px) {
	.page-content .main .icon-box{ position: relative; padding-left: 16px; text-align: center; }
	.page-content .main .icon-box:before{
		width: 100%; height: 50px; position: static; top: 0; left: 0; margin-bottom: 0; 
	}
	.page-content .main.grid-content table.price-table tr th{ font-size: 14px; }
}
@media screen and (max-width: 380px) {
	.page-content .main.grid-content table.price-table tr th{ word-break: break-all; } 
}

.paranaWidget-wrapper{  
	width: 100%; max-width: calc( var(--w-main) + 2 * var(--p-main) );  
	margin: 0 auto; padding: var(--p-main);  
	position: relative; 
	padding-top: 0; margin-top: -100px;
}

.paranaWidget-wrapper > h3{

	font-size: 46px; font-weight: 600; line-height: normal; 

	text-align: center;

} 

.paranaWidget-wrapper > p {

    width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; 

    font-size: var(--fz-b); line-height: var(--fl-b);

	text-align: center;

}

.paranaWidget-btn{

	display: inline-block; text-align: center;

	padding: 0 30px; border: 1px solid var(--bg-blue); cursor: pointer;

	font-family: var(--f-title); font-weight: 500; font-size: 16px; line-height: 50px;

	text-transform: uppercase; color: #fff;

	background-color: var(--bg-blue); border-radius: 25px;	

	-webkit-transition: all  200ms ease-in-out;

	-moz-transition: all 200ms ease-in-out;

	-ms-transition: all 200ms ease-in-out;

	-o-transition: all 200ms ease-in-out;

	transition: all 200ms ease-in-out; 

}

.paranaWidget-btn:hover{ background-color: var(--bg-purple); text-decoration: none; }

 

.btn-green{ background-color: var(--c-price); border-color: var(--c-price);  }

.btn-green:hover{ background-color: var(--c-green); }

.btn-green-s{ background-color: transparent; border: 1px solid var(--c-price); color: var(--c-price); }

.btn-green-s:hover{ color: #fff; border-color: var(--c-green); }



.btn-pay{ display: inline-block; margin: 0 0 0px 10px; float: right; } 



.paranaWidget-order-panel-top{ 
	display: block; width: 100%; left: 0; position: relative; 
	text-align: center; color: var(--c-title); 
	font-family: var(--f-title); font-size: 28px; line-height: normal; font-weight: 600;  
	background: var(--bg-lightpurple); 
	border-top-left-radius: 150px; border-top-right-radius: 150px; 
	padding: 67px var(--p-main) var(--p-main) var(--p-main); margin: var(--p-main) 0 0 0; 
	margin-top: 0;
}



.paranaWidget-content{

	display: block; width: 100%; left: 0; position: relative; z-index: 0;

	background: var(--bg-lightpurple);

	padding: 0 var(--p-main) 0 var(--p-main); min-height: 200px; overflow: hidden;

}

.paranaWidget-content:after{

	content: ''; display: block; width: 100%; height: 100%;

	background: rgba(244,248,255,1);

	position: absolute; top: 0; left: 0; z-index: -1; opacity: 0;

	-webkit-transition: all  200ms ease-in-out;

	-moz-transition: all 200ms ease-in-out;

	-ms-transition: all 200ms ease-in-out;

	-o-transition: all 200ms ease-in-out;

	transition: all 200ms ease-in-out; 

}

.paranaWidget-content.o-waiting:after{ opacity: 0.5; z-index: 999; }



.paranaWidget-btn-group{ 
	display: block; width: 100%; position: relative; 
	background: var(--bg-lightpurple); 
	padding: var(--p-main) var(--p-main) var(--p-main) var(--p-main);  
	height: 152px; width: calc( 100% - 2 * var(--p-main));  
	position: absolute; bottom: 0; left: var(--p-main); z-index: 7;

}

.paranaWidget-wrapper{ padding-bottom: 152px; }

.paranaWidget-btn-group:after, .paranaWidget-content .order-overview:after{

	content: ''; display: block; clear: both;

}

/* buttons */

.paranaWidget-back-btn, 

.paranaWidget-next-btn{ width: 180px; padding-left: 60px; padding-right: 60px; position: relative; float: left; }

.paranaWidget-back-btn{ padding-right: 45px; }

.paranaWidget-next-btn{ padding-left: 45px; float: right; }

.paranaWidget-back-btn::before, 

.paranaWidget-next-btn::before,

.paranaWidget-back-btn::after, 

.paranaWidget-next-btn::after{

	content: ''; display: block; width: 12px; height: 2px; background: #fff;

	position: absolute; top: 50%;

}

.paranaWidget-back-btn::before, 

.paranaWidget-next-btn::before{ 

	-moz-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);	

	margin-top: 3px;

}

.paranaWidget-back-btn::after, 

.paranaWidget-next-btn::after{ 

	-moz-transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);	

	margin-top: -5px;

}

.paranaWidget-next-btn::before{ margin-top: -5px; }

.paranaWidget-next-btn::after{ margin-top: 3px; }

.paranaWidget-back-btn::before, 

.paranaWidget-back-btn::after{ left: 40px; }

.paranaWidget-next-btn::before, 

.paranaWidget-next-btn::after{ right: 40px; }



.paranaWidget-back-btn:focus, 

.paranaWidget-back-btn:hover{ background: var(--c-title); border: 1px solid var(--c-title); }



.paranaWidget-btn-inactive{ background: var(--c-purple); }



.paranaWidget-btn-cancel{ background-color: var(--c-purple); color: #fff; border: 1px solid var(--c-purple); }

.paranaWidget-btn-cancel:focus, 

.paranaWidget-btn-cancel:hover{ background: var(--c-title); border-color: var(--c-title); }

.paranaWidget-btn.disabled{ opacity: 0.5; }



.paranaWidget-content *{ margin: 0; }
.paranaWidget-content:after{
	content: ''; display: block; clear: both;
}
.paranaWidget-order-panel-top #paranaWidget-mmbox{ }
.paranaWidget-order-panel-top #paranaWidget-mmbox h1{ font-size: inherit; line-height: inherit; font-weight: inherit; margin: 0; }
.paranaWidget-order-panel-top #paranaWidget-mmbox.m-error h1::before{ 
	content: ''; display: inline-block; width: 30px; height: 30px; margin-right: 15px; margin-top: -4px; 
	background: url(../images/widget/close.svg);
	background-size: 100% 100%;
	vertical-align: middle;	
} 

.paranaWidget-order-panel-top > ul.paranaWidget-progressbar{

	display: block; width: 100%; height: 4px; left: 0; 

	position: absolute; top: 0; z-index: 1;

	margin: 0; padding: 0px 120px 0 120px;

}

.paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li{ 

	display: block; float: left; width: calc((100% - 60px) / 6); height: 4px;

	background: var(--c-purple); margin: 0; position: relative;

}  

.paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li:first-child{ width: 60px; }

.paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li > span{

	display: block; width: 60px; height: 60px; float: right;

	background: var(--c-purple); border-radius: 50%;

	position: absolute; top: -28px; right: 0;

	color: #fff; font-family: var(--f-title); font-size: 20px; line-height: 60px; font-weight: 600; text-align: center;

}

.paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li.active, 

.paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li.active > span{ background-color: var(--c-title); }







/* type */

.paranaWidget-type-insurance-wrapper{ width: 100%; margin-right: auto; margin-left: auto; max-width: 850px; }

.paranaWidget-type-insurance-wrapper:after{

	content: ''; display: block; clear: both;

}

.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period{ 

	display:  block; float: left; width: 400px; height: 200px; overflow: hidden;

	background: #fff; border: 1px solid var(--c-border);

	border-top-left-radius: 100px; text-align: center; position: relative; 

}

.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period.active{ border: 2px solid var(--c-green); }

.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period .paranaWidget-btn{ 

	border: 1px solid var(--c-title); width: 130px;

	position: absolute; bottom: 30px; left: 50%; margin-left: -65px;

}

.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period.active .paranaWidget-btn{ background: #fff; color: var(--c-title); }

.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period h3{ 

	font-size: 22px; line-height: 32px; color: var(--c-title); margin-top: 0; margin-bottom: 0; 

	position: absolute; top: 40px; left: 0; padding: 0 30px; width: 100%;

}

.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period input[type="radio"]{ 

	display: none;

}

.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period:nth-of-type(2n){ float: right; border-top-left-radius: 0; border-bottom-right-radius: 100px; }



.date-picker-wrapper.inline-wrapper{ margin-left: auto; margin-right: auto; }



textarea, input[type=text], input[type=number], input[type=password], select, .select-box span.input{ 

	border: 1px solid var(--c-border); background-color: #fff; border-radius: 25px;	

	padding: 0 30px; width: auto;  max-width: 400px; height: 50px; display: inline-block;

	font-family: var(--f-title); font-size: 18px; line-height: 48px; font-weight: 500; color: var(--c-title);

}

textarea:focus, input[type=text]:focus, input[type=number]:focus, input[type=password]:focus, select:focus{ 

	outline: none; border-color: var(--c-title); background-color: #fff; 

}

textarea{ border-radius: 25px 0 0 25px; min-height: 100px; padding: 15px 30px; line-height: normal; }

input::placeholder{ color: #80839b; font-size: 14px; font-weight: 600; text-transform: uppercase; font-family: var(--f-main); }



input[type="checkbox"]{ 

	display: inline-block; width: 32px; height: 32px; padding: 0; appearance: none; cursor: pointer; border-radius: 5px; 

	border: 1px solid var(--c-border); background-color: #fff;

}

input[type="checkbox"]::before {

	content: ''; display: block;

	transform: scale(0) rotate(45deg);

	height: 16px; width: 8px; margin: 6px 0 0 11px;

	border-bottom: 4px solid var(--c-title); border-right: 4px solid var(--c-title);

	cursor: pointer;

}

input[type="checkbox"]:checked{ border: 1px solid var(--c-title); background: #fff; }

input[type="checkbox"]:checked::before { transform: scale(1) rotate(45deg); }

 

input[type="radio"]{ 

	display: inline-block; width: 32px; height: 32px; margin: 0; padding: 0;

	-webkit-appearance: none; appearance: none;

  	background-color: #fff; cursor: pointer;

  	border: 1px solid var(--c-title); border-radius: 16px;

  	display: grid; place-content: center;

}

input[type="radio"]:checked{ background: #fff;  }

input[type="radio"]::before {

    content: ""; display: block; width: 16px; height: 16px; border-radius: 8px;

    background: var(--c-title);

  	transform: scale(0);

    transition: 120ms transform ease-in-out;

}

input[type="radio"]:checked::before {

    transform: scale(1);

} 

select:focus {

	border-color: var(--c-title);

	outline: 0;

}

select:-moz-focusring {

  color: transparent;

  text-shadow: 0 0 0 #000;

} 

input.error-field, textarea.error-field, input.error{ border-color: var(--c-red); }

input.error-field:focus, textarea.error-field:focus, input.error:focus{ border-color: var(--c-title); }



/* Persons */

.persons-container{ position: relative; padding-bottom: 72px; margin-bottom: 0; }

.persons-container .sample-files{ position: absolute; bottom: 0; right: 0; }

.persons-container .sample-files a{ display: block; float: right; }

.persons-container .sample-files input{ display: none; }

.persons-container .sample-files .btn-icon{ 

	padding-left: 40px; margin-top: 10px; margin-left: 30px; position: relative;

	font-size: 14px; font-weight: 600; color: var(--c-purple); line-height: 30px; 

} 

.persons-container .sample-files .btn-icon::before{
	content: ''; display: block; width: 30px; height: 30px;
	background: url(../images/widget/eye.svg);
	background-repeat: no-repeat; background-position: center center;
	background-size: 100% 100%;
	position: absolute; top: 50%; margin-top: -15px; left: 0;
}

.persons-container .btn-addperson{

	position: absolute; bottom: 0; left: 0;

}

.inside-panel-error{

	display: block; clear: both;

	font-size: 12px; line-height: normal; text-align: center; color: var(--c-title); font-weight: 600;

}



.person-input, .input-titles{ display: block; width: 100%; float: left; position: relative; margin-bottom: 20px; padding-right: 30px; }

.person-input *, .input-titles *{ display: block; float: left; margin: 0 10px; }

.person-input span{ display: none; }

.person-input .btn-remove-line{ 

	position: absolute; top: 50%; right: 0; margin-top: -15px;

	display: block; width: 30px; height: 30px; overflow: hidden; padding: 0;

	border: 0px solid; border-radius: 0; margin-right: 0; cursor: pointer;

	background: url(../images/widget/trash.svg) center center no-repeat; background-size: 100% 100%;

}

.person-input input.disabled{ border-color: var(--c-lightborder); }



.input-titles{ font-size: 14px; line-height: normal; font-weight: 600; text-transform: uppercase; text-align: center; }

.person-input .field-egn, .person-input .field-birthdate{ width: 140px; text-align: center; padding-left: 0; padding-right: 0; }

.input-titles .field-names{ width: 282px; text-align: left; margin-left: 0px; }

.input-titles .field-foreigner{ width: 100px; }

.input-titles .field-egn{ width: 75px; }

.input-titles .field-birthdate{ width: 200px; }

.input-titles .field-addres{ width: 245px; }

.person-input .field-foreigner{ margin-top: 8px; }

.person-input .field-names, .person-input .field-addres{ width: 315px; }

.person-input .field-names{ margin-left: 0; }

.person-input .field-addres{ margin-right: 0; }



.btn-upload{ background-color: transparent; color: var(--c-purple); border: 1px solid var(--c-purple); }

.btn-upload:hover{ color: #fff; background-color: var(--c-purple); }

.btn-addperson{ background-color: transparent; color: var(--c-title); border: 1px solid var(--c-title); padding-left: 60px; }

.btn-addperson:hover{ color: #fff; background-color: var(--c-title); }

.btn-addperson::before{ 

	content: '+'; display: block; font-size: 1.5em;

	position: absolute; top: 0; left: 30px;

}
 
.paranaWidget-content div.state-error.error {
    font-size: 12px;
    line-height: normal;
    color: #fff;
    background: var(--c-red);
    font-weight: 600;
    width: auto;
    max-width: calc(100% - 50px);
    position: absolute;
    bottom: 0;
    left: 25px;
    z-index: 0;
    padding: 2px 5px;
    border-radius: 0 0 5px 5px;
    -moz-transform: translate(0,100%);
    -webkit-transform: translate(0, 100%);
    -o-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    transform: translate(0, 100%);
}

.paranaWidget-content  div.state-error.error#personsError{  
	left: 30px;
    bottom: 106px;
}





/* coverage */

.cover-options:after, 

.additional-covers:after{

	content: ''; display: block; clear: both;

}



.main-covers, 

.additional-wrapper{ 

	width: 100%; float: left; clear: both; padding: 50px 30px; position: relative;

	background: #fff; border-radius: 40px; border-bottom-right-radius: 0px;

}

.additional-wrapper{ padding-bottom: 0; }

.additional-wrapper{ background: none; padding-right: 0px; padding-left: 0px; }

.main-covers p.title,

.additional-wrapper > p.title{ margin-top: 0; margin-bottom: 50px; font-family: var(--f-title); color: var(--c-title); font-weight: 600; font-size: 22px; line-height: normal; text-align: center; }

.additional-wrapper > p.title{ margin-bottom: 35px; }

.additional-wrapper .column{ float: left; width: calc((100% - 50px) / 2); }

.additional-wrapper .column:nth-of-type(2n+1){ clear: both; }

.additional-wrapper .column:nth-of-type(2n){ float: right; }

.additional-wrapper .column > div{ margin-top: 30px; }

.additional-wrapper .column > div:first-of-type{ margin-top: 0; }

.additional-covers-last, 

.additional-covers{ padding-top: 45px; }

.additional-covers-last > label, 

.additional-covers > label{ 

	display: block; width: 100%; float: left; margin-top: 0; position: relative; padding: 5px 100px 5px 50px;

	font-family: var(--f-title); color: var(--c-title); font-weight: 600; font-size: 18px; line-height: 30px;

	cursor: pointer; 

}

.additional-covers-last > label:first-of-type, 

.additional-covers > label:first-of-type{ margin-top: 0; }

.additional-covers-last > label > input[type="checkbox"], 

.additional-covers > label> input[type="checkbox"]{

	width: 40px; height: 40px;

	position: absolute; top: 0; left: 0; z-index: 0;

}

.additional-covers-last > label > input[type="checkbox"]::before, 

.additional-covers > label> input[type="checkbox"]::before{ margin: 11px 0 0 15px; }

.additional-covers-last > label > span, 

.additional-covers > label > span{

	display: block; width: 90px; height: 30px; overflow: hidden;

	font-family: var(--f-title); font-size: 16px; line-height: 30px; font-weight: 600;

	text-align: center; background: var(--c-lightborder); color: var(--c-other); border-radius: 5px;

	position: absolute; top: 5px; right: 0;

} 

.additional-covers-last label:before, 

.additional-covers > label:before{ 

	content: ''; display: block; width: 40px; height: 100%;

	position: absolute; top: 0; left: 0; z-index: 1;

}



.main-covers > label{

	display: block; float: left; height: 80px; width: calc((100% - 80px) / 5);

	background: #fff; border: 1px solid var(--c-border); border-radius: 10px;

	position: relative; overflow: hidden; margin-left: 20px; padding: 15px 15px 0 50px;

	font-family: var(--f-title); font-weight: 600; font-size: 22px; line-height: normal;

	cursor: pointer; white-space: nowrap;

}

.main-covers > label:before{ 

	content: ''; display: block; width: 100%; height: 100%;

	position: absolute; top: 0; left: 0; z-index: 10;

}

.main-covers > label > span{ font-size: 16px; line-height: normal; }

.main-covers > label.active-cover{ background: var(--c-title); border-color: var(--c-title); color: #fff; }

.main-covers > label:first-of-type{ margin-left: 0; clear: both; }

.main-covers > label input[type="radio"]{ 

	border-color: var(--c-border); position: absolute; top: 50%; left: 15px; margin-top: -10px; 

	width: 20px; height: 20px; z-index: 0;

}

.main-covers > label input[type="radio"]:checked{ background-color: var(--c-border); }

.main-covers > label input[type="radio"]::before{ width: 10px; height: 10px; border-radius: 5px; }



.additional-covers{ padding-top: 0; padding-bottom: 30px; }

.additional-covers > label{ width: calc((100% - 60px) / 3); margin-left: 30px; margin-top: 0; padding-bottom: 40px; padding-right: 0; }

.additional-covers > label:nth-of-type(3n+1){ margin-left: 0; clear: both; }

.additional-covers > label > i{ position: absolute; bottom: 0; left: 50px; color: var(--c-main); font-style: normal; font-size: 16px; }

.additional-covers > label > span{ top: auto; bottom: 0; right: auto; left: 155px; display: none; }



.additional-wrapper .select-box{ width: 100%; max-width: 100%; }



.bottom-price{

	display: block; width: 100%; float: left; padding: 30px 0 0 0;

	border-top: 1px solid var(--c-border); 

}

.bottom-price p{ margin: 0; text-align: right; font-size: 18px; font-weight: 600; line-height: 40px; text-transform: uppercase; } 

.bottom-price p > b{ font-weight: inherit; }

.bottom-price p > span{ 

	display: inline-block; width: 200px; text-transform: none;

	font-family: var(--f-title); color: var(--c-title); font-size: 22px; line-height: inherit;

}

.bottom-price p > span.total{ font-size: 30px; }



/* login */

.login-container .form-content{ margin-top: 0; margin-bottom: 0; } 
.login-container .form-content .title{ font-size: var(--fz-b); line-height: var(--fl-b); margin-bottom: 20px; } 
.login-container .form-content:after{ height: calc(100% - 72px); } 
.login-container .label{ display: block; width: 100%; max-width: 100%; }  


.login-container .login-form{
	float: left; width: 50%; padding-right: 32px; border-right: 1px solid var(--c-border);
}
.login-container .guest-form{
	float: left; width: 50%; padding-left: 32px;
}
.login-container .guest-form.logged-user{ width: 100%; padding-left: 0; }
.login-container .form-content .title{ color: var(--c-title); }

.paranaWidget-content .sf a {
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 600;
    font-family: var(--f-title);
}
.login-container .login-form .sep {
	display: block; clear: both; margin: 20px 0 0 0;
    position: relative;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.login-container .login-form .sep::after, .login-container .login-form .sep::before {
    content: '';
    display: block;
    height: 1px;
    width: calc((100% - 160px) / 2);
    background: var(--c-border);
    position: absolute;
    top: 50%;
}
.login-container .login-form p{ clear: both; margin: 10px 0; }

.login-container .login-form .sep::before{
    left: 0;
}
.login-container .login-form .sep::after {
    right: 0;
}

.login-container .login-form .btn.btn-login-icon{ 
	width: 100%; background: #fff; color: var(--c-title);
	border: 1px solid var(--c-border); text-transform: none;
	position: relative; max-width: 400px; margin-top: 20px;
}
.login-container .login-form .btn.btn-login-icon:hover{ border-color: var(--bg-blue); }
.login-container .login-form .btn.btn-login-icon::before{
	content: ''; display: block; width: 24px; height: 24px;
	background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;
	position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -110px;
}
.login-container .login-form .btn.btn-login-icon.btn-facebook::before{ background-image: url(../images/svg/facebook.svg); }
.login-container .login-form .btn.btn-login-icon.btn-google::before{ background-image: url(../images/svg/google.svg); }

.label, 
.select-box, 
.inputWrapper{ display: block; width: 100%; margin: 15px 0; position: relative; z-index: 0; max-width: 400px; }

.inputWrapper.hiddenfield{ opacity: 0; }
.inputWrapper.hiddenfield.visible{ opacity: 1; }

.label span.txt, 

.label span.input, 

.select-box > .txt, 

.inputWrapper label{ display: block; width: 100%; }

.label span.txt, 

.select-box > .txt, 

.inputWrapper label{ text-transform: uppercase; font-size: 16px; line-height: normal; margin-bottom: 10px; font-weight: 600; }

.label input[type=text], 

.label input[type=number], 

.label input[type=password], 

.label textarea{ max-width: none; display: block; width: 100%; }

.label span.input{

	font-family: var(--f-title); font-size: 18px; line-height: 22px; font-weight: 500;

	display: block; width: 100%; color: var(--c-title); padding: 14px 0;

}



/* holder */ 

.checkbox-row, 

.radio-row{ 

	display: block; width: 100%; position: relative; padding: 0 0 5px 50px; max-width: none;

	font-family: var(--f-title); color: var(--c-title); 

	font-weight: 600; font-size: 18px; line-height: 32px;

	cursor: pointer;

}

.checkbox-row::after, 

.radio-row::after{ content: ''; display: block; width: 100%; clear: both; }

.checkbox-row:first-of-type{ margin-top: 0; }

.checkbox-row > input[type="checkbox"], 

.radio-row input[type="radio"]{

	position: absolute; top: 0; left: 0; z-index: 0;

}

.checkbox-row p, 

.radio-row p{ margin: 10px 0; text-align: left; max-width: 100%; }

.checkbox-row p:first-of-type, 

.radio-row p:first-of-type{ margin-top: 0!important; }

.checkbox-row p:last-of-type, 

.radio-row p:last-of-type{ margin-bottom: 0!important; }

.paranaWidget-content .checkbox-row div.state-error.error{ left: 50px; }

.checkbox-row.terms-agreement{ font-size: 14px; line-height: 20px; font-weight: 500; padding-top: 7px; }

.checkbox-row.terms-agreement p{ margin: 7px 0; }

.checkbox-row.terms-agreement p a{ font-weight: 600; text-decoration: underline; }



.holder-container .label{ display: block; width: calc((100% - 60px) / 2); float: left; max-width: 100%; } 

.holder-container .label.full-row{ width: 100%; }



.holder-container .label:nth-child(2n){ float: right; }

.holder-container .label:nth-child(2n+1){ clear: both; }

.holder-container .label-message{ font-size: 14px; line-height: normal; color: var(--c-title); margin-top: 5px; }

.holder-container .label-title{ 

	font-size: 16px; font-weight: 600; line-height: normal;

    text-transform: uppercase;

}

.holder-container .label.address-label{ width: 100%; max-width: 100%; margin-bottom: 30px; }



/* order overview */



div.promo-code > span#discountPrice{ display: block; text-align: right; position: absolute; top: 0; right: 0; width: 300px; } 

div.promo-code{ font-weight: 600; position: relative; width: 100%; float: left; margin: 0 0 30px 0; width: 250px;  }

div.promo-code > span#discountPrice{ font-family: var(--f-title); color: var(--c-title); font-size: 22px; line-height: 40px; }

div.promo-code > label{ font-size: 18px; font-weight: 600; line-height: 40px; display: block; text-align: left; padding-right: 170px; }

div.promo-code > label{ padding-right: 0; }

div.promo-code .inputWrapper{ width: 250px; margin-top: 15px; margin-bottom: 0px; position: relative; }
 
div.promo-code span#promocodeInput{ top: -2px; line-height: 25px; font-weight: 400; border-color: #B2B2B1; }

div.promo-code input, 

div.promo-code span#promocodeInput{ 

	 display: block; width: 250px; height: 50px; padding: 0 30px; 

	 border: 1px solid var(--c-border); background: var(--bg-lightpurple); border-radius: 25px; 

	 font-size: 16px; line-height: 50px;

	 font-family: var(--f-title);

    font-weight: 500;

}

div.promo-code input[type=text]:focus{  border: 1px solid var(--c-title); background: var(--bg-lightpurple);  }



div.promo-code p{ text-transform: none; color: #575756; padding: 10px 0 0 0; }

div.promo-code p b{ color: #EF7D00; font-weight: 400; font-size: 1.2em; }

div.promo-code .btn-promo{

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;

	border: 0px solid; cursor: pointer;

	background-color: var(--c-title); color: #fff;

	transition: background-color 0.5s;

	width: 36px!important; height: 0; overflow: hidden; border-radius: 18px; padding: 36px 0 0 0;

	position: absolute; right: 10px; top: 7px;

}

div.promo-code .btn-promo:before, 

div.promo-code .btn-promo:after{

	content: ''; display: block; width: 15px; height: 2px;

	background: #fff; 

	position: absolute; 

}

div.promo-code .btn-promo:before{

	top: 12px; left: 12px;	

	-moz-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform:  rotate(45deg);

}

div.promo-code .btn-promo:after{	

	top: 21.5px; left: 12px;

	-moz-transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform:  rotate(-45deg);

}

div.promo-code .btn-promo.btn-promo-remove:before{ top: 17px; left: 10px; }

div.promo-code .btn-promo.btn-promo-remove:after{ top: 17px; left: 10px; }

div.promo-code div.error#promoCodeError{ 

	text-align: left; margin-bottom: 0;

	font-size: 12px; line-height: normal; 

	color: #fff; background: var(--c-red); 

	font-weight: 600;

	position: absolute; bottom: 0;

    left: 25px;

    width: 200px; z-index: 0;

	padding: 0 5px; border-radius: 0 0 5px 5px;

	

	-moz-transform: translate(0,100%);

	-webkit-transform: translate(0,100%);

	-o-transform: translate(0,100%);

	-ms-transform: translate(0,100%);

	transform: translate(0,100%);

}



.order-overview .column{ float: left; width: 50%; }

.order-overview .column:nth-child(1){ padding-right: 60px; }

.order-overview .column > .item{ display: block; float: left; width: 50%; margin-bottom: 30px; }

.order-overview .column > .item span{ display: block; }

.order-overview .column > .item span.title{ font-size: 16px; line-height: normal; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; }

.order-overview .column > .item span.value{ font-family: var(--f-title); color: var(--c-title); font-size: 18px; line-height: normal; font-weight: 600; }

.order-overview .column > .item:nth-of-type(2n+1){ clear: both; padding-right: 15px; }

.order-overview .column > .item:nth-of-type(2n){ padding-left: 15px; }



.order-overview .btn-view-list{ 

	position: relative; padding-left: 45px; cursor: pointer; margin-top: 5px;

	font-size: 14px; line-height: 30px; font-weight: 600; color: var(--c-title);

}

.order-overview .btn-view-list:hover{ text-decoration: underline; }

.order-overview .btn-view-list::before{

	content: ''; display: block; width: 30px; height: 30px;

	background: url(../images/widget/eye.svg);

	background-repeat: no-repeat; background-position: center center;

	background-size: 100% 100%;

	position: absolute; top: 50%; margin-top: -17px; left: 0;

}



.order-overview .cover-options{ display: block; width: 100%; float: left; margin-top: 30px; }

.order-overview .cover-options > span.title, .order-overview .cover-options .item > span.value{ 

	display: block; width: 100%; float: left;  margin-bottom: 30px;

	font-family: var(--f-title); color: var(--c-title); font-size: 22px; line-height: inherit; font-weight: 700;

}

.order-overview .cover-options .item{ display: block; width: 100%; float: left; margin-top: 20px; line-height: 24px; }

.order-overview .cover-options .item:first-of-type{ margin-top: 0; }

.order-overview .cover-options .item > span.title{ 

	display: block; float: left; width: calc(100% - 200px); 

	font-size: 16px; line-height: inherit; font-weight: 600; text-transform: uppercase;

}

.order-overview .cover-options .item > span.value{ text-align: right; float: right; width: 170px; margin-bottom: 0; }





.order-overview .prices{

	background: #fff; width: 100%; margin-bottom: 30px; float: left;

	padding: 30px 60px; border-top: 0px solid;

	border-bottom-left-radius: 80px;

}

.order-overview .prices > p{  
	text-align: left; padding-right: 200px; position: relative; text-transform: none; margin: 0 0 10px 0; width: 100%;  
	line-height: normal; 
} 

.order-overview .prices > p:first-child{ margin-top: 0; }

.order-overview .prices > p > span{ display: block; text-align: right; position: absolute; top: 0; right: 0; width: 300px; } 

.order-overview .prices > p.totalLabel{ 

	clear: both; width: 100%; float: left; 

	margin-top: 30px; padding-top: 70px; border-top: 1px solid var(--c-border); 

	line-height: 40px; line-height: 40px;

}

.order-overview .prices > p.rowSep{  
    border-bottom: 1px solid var(--c-border);
    margin-bottom: 20px; padding-bottom: 20px;
}

.order-overview  div.promo-code{ width: 100%; }



 .order-overview .prices > p.totalLabel{

	 padding-top: 30px;

}



.order-overview .prices > p.totalLabel > span{ font-size: 22px; line-height: inherit; top: 30px; }

.order-overview .prices > p.totalLabel > span b{ display: block; color: var(--c-price); font-size: 30px; line-height: inherit; }



.checkbox-row.terms-agreement{ clear: both; } 

 .order-overview .column.total-column p span.t{ width: 160px; }

 .order-overview .column p span.v{ width: calc(100% - 100px); float: left; text-align: right; }

 .order-overview .column.total-column p span.v{ width: calc(100% - 160px); }

 .order-overview .column p span.v{ font-size: 20px; font-weight: 700; color: var(--c-title); font-family: var(--f-title); }

 .order-overview .column h3{ color: var(--c-title); }



 .order-overview .column.column-sep p{ margin-top: 5px; }

 .order-overview  .column.total-column .total-price-row{

	border-top: 1px solid #fff; padding-top: 30px; margin-top: 30px; border-top: 1px solid var(--c-border);  line-height: 36px;

}

 .order-overview .column.total-column p span.p-price{ 

	color: var(--c-price); padding-left: 0; font-size: 30px; line-height: 36px; 

	float: right;

}





/* pss */

.order-overview .prices .mess-pss{

	display: block; padding: 3px 90px 3px 10px; margin-top: 20px!important; clear: both; margin-bottom: 20px!important;

	background: var(--c-title); color: #fff;

	border-bottom-left-radius: 20px; position: relative;	 

	font-weight: 400; font-size: 16px; line-height: 26px;

	color: #fff; background: var(--c-other);

	border-radius: 5px; 

}

.order-overview .prices .mess-pss span.p{

	display: block; width: 100px; text-align: right;

	font-family: var(--f-title); font-size: 20px; line-height: 40px;

	color: var(--c-green)!important; font-weight: 700; 

	position: absolute; right: 10px; top: 50%; margin-top: -20px;

	color: #fff!important;

}


.tooltip-group{
	display: inline-block!important; vertical-align: middle; cursor: pointer;
	position: static!important; margin: -2px 5px 0 0 !important; padding: 0!important; width: 16px!important;
	line-height: 14px!important; color: var(--c-green)!important; font-size: 12px!important;
}
.tooltip-group:before{
	content: 'i'; font-style: italic;
	display: block; text-align: center;
	width: 16px; height: 16px; 
	border: 1px solid var(--c-green);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.widget-tooltip-box{
	position: absolute;
	padding: 12px; z-index: 9999;
	background: #fff; font-size: 14px; line-height: 16px;
	color: var(--c-main);
	width: auto; max-width: 200px;
	border: 1px solid var(--c-green);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}


/* responsive */

@media screen and (max-width: 1366px) {  
	:root{ 
		--p-main: 20px;  
	}    
	.paranaWidget-wrapper{ padding-bottom: 92px; } 
	.paranaWidget-btn-group{ height: 92px; }   
	.paranaWidget-order-panel-top{ margin-top: 0; } 
	.paranaWidget-order-panel-top #paranaWidget-mmbox {  
		border-top-left-radius: 130px; border-top-right-radius: 130px;  
	}  
} 



@media screen and (max-width: 1280px) {

	.container { padding-left: 30px; padding-right: 30px; }  
	.persons-container .btn-addperson{ left: 30px; } 
	.persons-container .sample-files{ right: 30px; } 
	.paranaWidget-content div.state-error.error#personsError{ left: 30px; } 
	.person-input .field-addres{ width: calc(100% - 725px); } 

	.order-overview .prices{ padding-left: 30px; padding-right: 30px; } 
	.order-overview .column:nth-child(1){ padding-right: 30px; } 

	.login-content .form-content:nth-child(1){ padding-right: 30px; padding-left: 0px; }

	.login-content .form-content:nth-child(2){ padding-right: 0px; padding-left: 30px; }

	

	.buttons .btn-back{ position: absolute; left: 30px; bottom: 30px; }

	.buttons .btn-forward{ position: absolute; right: 30px; bottom: 30px; }

	 

}	  

@media screen and (max-width: 1150px) {

	.person-input .field-names, 

	.person-input .field-addres{ width: calc((100% - 410px) / 2); }

	

	.input-titles .field-addres,

	.input-titles .field-names{ width: calc((100% - 480px) / 2); }

	.main-covers, .additional-wrapper{ padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; border-bottom-left-radius: 0px; }

	.main-covers p.title, .additional-wrapper > p.title{ margin-bottom: 15px; }

	.main-covers > label{ font-size: 20px; padding-left: 32px; padding-right: 0;}

	.main-covers > label input[type="radio"]{ left: 5px; }

	.main-covers > label{ margin-left: 10px; width: calc((100% - 40px) / 5); }

	

	

}



@media screen and (max-width: 1040px) { 

	.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period{ width: calc(50% - 15px); padding: 0; height: 0; padding-top: calc(30% - 9px); position: relative; border-top-left-radius: 90px; }

	.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period:nth-of-type(2n){ float: right; border-top-left-radius: 0; border-bottom-right-radius: 90px; }

	.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period h3{

		position: absolute; top: 20%; left: 0; padding: 0 30px; width: 100%;

	}

	.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period .btn{ position: absolute; top: calc(20% + 80px); left: 50%; margin-left: -70px; width: 140px; }

 }

@media screen and (max-width: 1024px) {   
	.paranaWidget-wrapper{ padding-left: 0; padding-right: 0; } 
	.paranaWidget-btn-group{ width: 100%; left: 0; } 
	.paranaWidget-order-panel-top > ul.paranaWidget-progressbar{ padding: 0px 90px 0 90px; }
	.paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li > span{ 
		width: 50px; height: 50px; line-height: 50px; top: -25px; 
	} 
	.paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li:first-child{ 
		width: 50px; 
	} 
	.paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li{ 
		width: calc((100% - 50px) / 6); 
	} 
	.paranaWidget-order-panel-top #paranaWidget-mmbox{ 
		padding-left: 10px; paddding-right: 10px;  
	} 
	.paranaWidget-order-panel-top{ 
		border-top-left-radius: 120px; 
    	border-top-right-radius: 120px; 
    	padding-bottom: 30px; 
	} 
	.select-box span.input{ height: 60px; font-size: 18px; line-height: 60px; padding: 0 50px 0 30px; }

	.select-box span.input::after{ right: 30px; top: 27px; }

	.select-box > ul{ margin-top: -25px; }

	.select-box > ul > li{ padding: 10px 30px; font-size: 18px; line-height: normal; }

	.select-box-info > ul > li > span{ font-size: 14px; }	 

	.select-box > .txt{ margin-bottom: 10px; }

	.paranaWidget-content #rangePicker div.state-error.error{ left: 0px; }

	

	.input-titles{ display: none; }

	.person-input{ border-bottom: 1px solid var(--c-lightborder); margin-bottom: 20px; padding-bottom: 20px; }

	.person-input span{ display: block; font-size: 14px; line-height: 20px; font-weight: 600; text-transform: uppercase; position: absolute; top: 0; left: 0; margin: 0; }

	.person-input .field-names{ width: calc(100% - 385px); }

	.person-input .field-addres{ width: 100%; max-width: 100%; margin-left: 0; }

	.person-input input{ margin-top: 20px; }

	.person-input .field-foreigner{ margin-top: 28px; }

	.person-input span.label-name{ }

	.person-input span.label-foreigner{ left: auto; right: 340px; }

	.person-input span.label-egn{ left: auto; right: 260px; }

	.person-input span.label-birthdate{ left: auto; right: 57px; }

	.person-input span.label-address{ top: 70px; }

	

	.main-covers > label{ font-size: 18px; padding-left: 32px; padding-right: 0;}

	

	.paranaWidget-type-insurance-wrapper{

		width: 100%; padding: 0 30px;

	} 

	

	

	.persons-container .btn-addperson{ left: 0; }

	.persons-container .sample-files{ right: 0; }

	.person-input .field-names{ max-width: 100%; }

	.person-input span.label-address{ top: 80px; }

	.person-input .field-addres{ margin-top: 30px; } 
	
	.paranaWidget-content  div.state-error.error#personsError{  
		left: 30px;
	    bottom: 127px;
	}

}

@media screen and (max-width: 900px) {

	.main-covers{ text-align: center; padding-left: 70px; padding-right: 70px; }

	.main-covers > label{ float: none; margin: 5px; display: inline-block; width: 160px; }

	.additional-covers-last, 

	.additional-covers{ padding-top: 0; }

	

	.order-overview .column{ width: 100%; margin-bottom: 30px;}

	.order-overview .column:nth-child(1){ padding-right: 0; }

	

	

	.persons-container .btn-addperson{ left: 10px; }

	.persons-container .sample-files{ right: 10px; bottom: 0; }

	 

	.persons-container .sample-files{ width: 400px; right: 50%; margin-right: -200px; }

	.persons-container .btn-upload{

		padding: 0 20px 0 20px;

    	line-height: 40px;

	}

	.persons-container .btn-addperson{

		padding: 0 10px 0 30px;

    	line-height: 40px;

    	width: 230px; left: 50%; margin-left: -115px; bottom: 50px;

	}

	.persons-container .btn-addperson::before{ left: 10px; }

	

	.persons-container{ padding-bottom: 130px; }
	
	.paranaWidget-content  div.state-error.error#personsError{  
		left: 0;
	    bottom: 165px;
	}

}

@media screen and (max-width: 850px) {
	.paranaWidget-content .order-overview{ padding-bottom: 90px; } 
	.paranaWidget-btn { line-height: 36px; } 
	.paranaWidget-back-btn, 
	.paranaWidget-next-btn{ width: 130px; padding-left: 10px; padding-right: 10px; position: relative; float: left; text-align: center; }
	.paranaWidget-back-btn{ padding-right: 10px; padding-left: 20px; }
	.paranaWidget-next-btn{ padding-left: 10px; padding-right: 20px; float: right; }
	.paranaWidget-back-btn::before, .paranaWidget-back-btn::after{ left: 10px; }
	.paranaWidget-next-btn::before, .paranaWidget-next-btn::after{ right: 10px; }

	.paranaWidget-btn-group{ padding-bottom: 10px; padding-top: 40px; }

	.btn-pay{ position: absolute; right: 20px; bottom: 64px; }
	.btn-pay#btn-pay-card{ right: 20px; }
	.btn-pay#btn-pay-easypay{ right: 218px; }
	.btn-pay#btn-pay-corporate{ right: 436px; } 
	
	.paranaWidget-content .order-overview{ padding-bottom: 50px; }
	.order-overview .column:last-of-type{ margin-bottom: 0; }
}

@media screen and (max-width: 768px) {

	.container, > .buttons{ padding-left: 20px; padding-right: 20px; }

	.travel-purpose .select-box{ width: 100%; clear: both; margin-bottom: 30px; }

	.paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li:first-child { width: 40px; }

	.paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li { width: calc((100% - 40px) / 6); }

	.paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li > span{ width: 40px; height: 40px; font-size: 16px; line-height: 40px; top: -18px; }

	 

	

	.person-input .field-names{ width: 100%; margin-right: 0; max-width: 100%; }

	.person-input span.label-address{ top: 140px; }

	

	.person-input .field-foreigner{ margin-left: 22px; }

	.person-input span.label-foreigner{ top: 70px; right: auto; left: 0; }

	.person-input span.label-egn{ top: 70px; right: auto; left: 130px; }

	.person-input span.label-birthdate{ top: 70px; right: auto; left: 245px; }

	

	.person-input input[type=text], 

	.person-input input[type=number], 

	.person-input input[type=password]{ height: 40px; border-radius: 20px; padding: 0 15px; margin-bottom: 10px; margin-left: 5px; margin-right: 5px; }

	.person-input .field-addres{ margin-bottom: 0; }

	.person-input .field-foreigner{ margin-top: 22px; }

	.person-input .field-foreigner{ clear: both; }

	

	.additional-wrapper .column{ width: 100%; }

	.additional-wrapper .column:nth-of-type(2n+1){ margin-bottom: 30px;}

	.additional-wrapper{ padding-left: 0; padding-right: 0; }

	

	.holder-container .label{ width: 100%; }	 

	

	.inputWrapper{ margin-bottom: 10px; }

	.inputWrapper label{ margin-bottom: 10px; }
	 

	.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period h3{ font-size: 20px; line-height: 26px; top: 20px; }

	.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period .btn{ top: auto; bottom: 15px; }

	.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period{ border-top-left-radius: 50px; }

	.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period:nth-of-type(2n){ border-bottom-right-radius: 50px; }

	

	.additional-wrapper > p.title{ margin-bottom: 20px; }

	.additional-wrapper{ padding-top: 20px; padding-bottom: 0; }

	

	.additional-covers > label, 

	.additional-covers > label:nth-of-type(3n+1){ width: 100%; margin-left: 0; }

	.additional-covers > label > span{ left: auto; right: 0; bottom: 40px; }

	.additional-covers > label > i{ left: auto; right: 115px; bottom: 40px; }

	

	.form-content .label{ width: 100%; }   
}
@media screen and (max-width: 700px) {
	.paranaWidget-content  div.state-error.error#personsError{  
		left: 0;
	    bottom: 179px;
	}
	
	
	.btn-pay#btn-pay-corporate{ right: 20px; bottom: 12px; }

}
@media screen and (max-width: 700px) {

	.main-covers{ text-align: center; padding-left: 10px; padding-right: 10px; 

}

@media screen and (max-width: 640px){   
	.paranaWidget-order-panel-top{ 
		padding-top: 50px; 
		border-top-left-radius: 80px; 
    	border-top-right-radius: 80px;  
	} 
	.paranaWidget-order-panel-top > ul.paranaWidget-progressbar{ padding: 0px 80px 0 80px; } 

	.paranaWidget-order-panel-top #paranaWidget-mmbox { 
	    font-size: 20px; 
	    padding-left: 30px; 
	    padding-right: 30px; 
	}

	.paranaWidget-content #rangePicker div.state-error.error{ left: auto; right: auto; } 
	.bottom-price{ padding-top: 20px; padding-right: 0; } 
	.bottom-price p{ font-size: 16px; line-height: 30px; text-align: center; margin-bottom: 5px; }
	.bottom-price p > span{ display: block; width: 100%; }
	.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period{  width: 100%; height: 140px; margin-bottom: 10px; }

	div.promo-code > label{ padding-right: 0; }
	.order-overview .prices .mess-pss{ padding-right: 10px; }

	.order-overview .prices .mess-pss span.p{ position: static; display: inline-block; vertical-align: middle; line-height: inherit; margin-top: 0; }


	.person-input .field-egn, .person-input .field-birthdate{
		width: 170px;
	} 

	.peopleContainer .person-input .field-foreigner{ 
		margin-left: 10px; margin-right: 40px;
	} 
} 

 

@media screen and (max-width: 550px){	

	.order-overview .prices > p{ padding-right: 0; text-align: right; }

	.order-overview .prices > p > span{ width: 100%; position: static; }

	div.promo-code > label{ text-align: right; }

	div.promo-code > span#discountPrice{ width: 100%; position: static;  clear: both; margin-top: 10px; }

	div.promo-code .inputWrapper{ float: none; margin: 0 auto;  }

	

	.order-overview .prices > p.totalLabel br:first-of-type{ display: none; } 

	

	.person-input .field-egn, .person-input .field-birthdate{ clear: both; text-align: left; }

	.person-input span{ position: static; display: block; clear: both; padding-left: 20px; }

	.person-input input,

	.person-input .field-addres{ margin-top: 5px; } 

	.person-input .field-foreigner{ margin-bottom: 10px; margin-top: 5px; }

	.person-input span.label-foreigner{ position: absolute; top: 87px; left: 60px; padding-left: 0; }

	

	.additional-covers > label > span{ left: 155px; right: auto; bottom: 0; }

	.additional-covers > label > i{ left: 50px; right: auto; bottom: 0; }

	.additional-covers > label, .additional-covers > label:nth-of-type(3n+1){

		float: none; margin-left: auto; margin-right: auto; max-width: 290px;

	}

	.order-overview .prices{ padding-right: 10px; padding-left: 10px; }

	.order-overview .prices .mess-pss span.p{ margin-top: -2px; width: auto; }

	.order-overview .prices > p.totalLabel{ padding-top: 10px; margin-top: 10px; text-align: center; } 

	.order-overview .prices > p,

	.order-overview .prices > p > span{ text-align: center; }

}





@media screen and (max-width: 500px){	

	.paranaWidget-order-panel-top > ul.paranaWidget-progressbar{ padding: 0px 50px 0 50px; }

	.paranaWidget-order-panel-top{

		border-top-left-radius: 80px;

	    border-top-right-radius: 80px; 

    }

    .order-overview .cover-options .item > span.title,

    .order-overview .cover-options .item > span.value,

    .order-overview .column > .item,

    .order-overview .cover-options > span.title{ width: 100%; text-align: center; }

    .order-overview .btn-view-list,

    .order-overview .column > .item span.btn-view-list{ width: auto; display: inline-block; }

     

}

@media screen and (max-width: 450px){

	.paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li:first-child { width: 30px; }

	.paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li { width: calc((100% - 30px) / 6); }

	.paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li > span{ width: 30px; height: 30px; font-size: 14px; line-height: 30px; top: -13px; }

	

	.person-input .field-egn{ clear: both; }

	.person-input span.label-egn{ top: 128px; left: 0;}

	.person-input span.label-address{ top: 195px; }

	.person-input span.label-birthdate{ top: 128px; left: 156px; }

	.person-input .btn-remove-line{ width: 20px; height: 20px; margin-top: -10px; }

	.person-input{ padding-right: 20px; }

	.person-input .field-egn, .person-input .field-birthdate{ width: 130px; }

	

	.persons-container{ padding-bottom: 140px; }

	.persons-container .btn-addperson{ bottom: 80px; }

	.persons-container .sample-files a{ display: inline-block; float: none; margin: 0 auto; }

	.persons-container .sample-files{ width: 230px; margin-right: -115px; text-align: center; }

	.persons-container .sample-files .btn-icon{ margin-left: 0; }

	

	.select-box span.input, .select-box.select-box-extra span.input{ padding-right: 40px; }

	.select-box.select-box-extra span.input > span{ display: none; }

	.select-box.select-box-extra > ul > li > span{ right: 10px; }

	.select-box.select-box-extra > ul > li{ padding-right: 110px; }

	.select-box > ul > li{ padding: 10px 10px; }

	.select-box span.input::after{ right: 15px; }

	.select-box span.input{ padding-left: 20px; }

	

	.order-overview .column > .item{ width: 100%; }

	.order-overview .column > .item:nth-of-type(2n+1){ padding-right: 0; }

	.order-overview .column > .item:nth-of-type(2n){ padding-left: 0; } 

	

	.persons-container{ padding-bottom: 70px; }

	.persons-container .btn-addperson{ bottom: 0; }

	.persons-container .sample-files{ display: none; } 
	 
	 
	.btn-pay#btn-pay-card{ right: 20px; width: 190px; bottom: 115px; } 
	.btn-pay#btn-pay-easypay{  right: 20px;  width: 210px;  } 
 
	
	.paranaWidget-content  div.state-error.error#personsError{  
		left: 0;
	    bottom: 120px;
	}
	
	.paranaWidget-content .order-overview{ padding-bottom: 90px; }

}

@media screen and (max-width: 400px){

	.paranaWidget-content,

	.paranaWidget-btn-group,

	.paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period h3,

	.paranaWidget-order-panel-top #paranaWidget-mmbox{

		padding-left: 10px; padding-right: 10px;

	}

	.paranaWidget-type-insurance-wrapper{ padding-left: 0; padding-right: 0; }

}