@charset "utf-8";
@import url(fonts/Raleway-v29/font.min.css);
@import url(fonts/Bitter-v33/font.min.css);

:root{
	--c-main: #676a84;
	--c-other: #9094b1;
	--c-title: #303974;	
	--c-green: #16e69f;
	--c-purple: #a2bdf6;
	--c-blue: #16bae6;
	--c-sep: #4e59a0;
	--bg-light: #f8f2ee;
	--bg-blue: #262b4d;
	--bg-purple: #303974;
	--bg-lightgreen: #effffa;
	--bg-lightpurple: #f4f8ff;
	--bg-lightblue: #f0fcff;
	--bg-lightpurple2: #e3eaf7;
	--c-border: #b2c1dd;
	--c-lightborder: #e4edff;
	--c-price: #07c987;
	--c-red: #ec115e;
	--w-main: 1200px;
	--f-title: 'Bitter', serif;
	--f-main: 'Raleway', sans-serif;
	--p-main: 50px;
	--fz: 18px;
	--fl: 28px;
	--fz-b: 22px;
	--fl-b: 32px;
	--fz-s: 16px;
	--fl-s: 22px;
}  
html.paranaWidget *, 
html.paranaWidget *:before, 
html.paranaWidget *:after{ 
	margin: 0; padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html.paranaWidget{ 
	width: 100%; height: 100%; background: #fff; 
	color: var(--c-main); text-align: left;
	font-family: var(--f-main); font-size: var(--fz); line-height: var(--fl); font-weight: 400;
	-webkit-locale: "en";
	-moz-locale: "en";
	-ms-locale: "en";
	-o-locale: "en";
	overflow: hidden;
}
html.paranaWidget img{ max-width: 100%; }
html.paranaWidget a img{ border: 0px solid; }
html.paranaWidget a{ text-decoration: none; outline: none; color: var(--c-title); }
html.paranaWidget a:hover{ text-decoration: underline; }
html.paranaWidget p{ margin: 20px 0; }
html.paranaWidget ul, 
html.paranaWidget ol{ padding-left: 30px; margin: 10px 0; }
html.paranaWidget ul > li, 
html.paranaWidget ol > li{ margin: 3px 0; }
html.paranaWidget h1,
html.paranaWidget h2,
html.paranaWidget h3,
html.paranaWidget h4,
html.paranaWidget h5,
html.paranaWidget h6{ margin: 10px 0; font-weight: 600; font-family: var(--f-title); font-weight: 600; line-height: 1em; }

html.paranaWidget .paranaWidget-wrapper{ 
	width: 100%; max-width: calc( var(--w-main) + 2 * var(--p-main) ); 
	margin: 0 auto; padding: var(--p-main); 
	position: relative;  
}
html.paranaWidget .paranaWidget-wrapper > h3{
	font-size: 46px; font-weight: 600; line-height: normal; 
	text-align: center;
} 
html.paranaWidget .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;
}
html.paranaWidget .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; 
}
html.paranaWidget .paranaWidget-btn:hover{ background-color: var(--bg-purple); text-decoration: none; }
 
html.paranaWidget .btn-green{ background-color: var(--c-price); border-color: var(--c-price);  }
html.paranaWidget .btn-green:hover{ background-color: var(--c-green); }
html.paranaWidget .btn-green-s{ background-color: transparent; border: 1px solid var(--c-price); color: var(--c-price); }
html.paranaWidget .btn-green-s:hover{ color: #fff; border-color: var(--c-green); }

html.paranaWidget .btn-pay{ display: inline-block; margin: 0 0 0px 10px; float: right; } 

html.paranaWidget .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; 
}

html.paranaWidget .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;
}
html.paranaWidget .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; 
}
html.paranaWidget .paranaWidget-content.o-waiting:after{ opacity: 0.5; z-index: 999; }

html.paranaWidget .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: 9;
}
html.paranaWidget .paranaWidget-wrapper{ padding-bottom: 152px; }
html.paranaWidget .paranaWidget-btn-group:after, html.paranaWidget .paranaWidget-content .order-overview:after{
	content: ''; display: block; clear: both;
}
/* buttons */
html.paranaWidget .paranaWidget-back-btn, 
html.paranaWidget .paranaWidget-next-btn{ width: 180px; padding-left: 60px; padding-right: 60px; position: relative; float: left; }
html.paranaWidget .paranaWidget-back-btn{ padding-right: 45px; }
html.paranaWidget .paranaWidget-next-btn{ padding-left: 45px; float: right; }
html.paranaWidget .paranaWidget-back-btn::before, 
html.paranaWidget .paranaWidget-next-btn::before,
html.paranaWidget .paranaWidget-back-btn::after, 
html.paranaWidget .paranaWidget-next-btn::after{
	content: ''; display: block; width: 12px; height: 2px; background: #fff;
	position: absolute; top: 50%;
}
html.paranaWidget .paranaWidget-back-btn::before, 
html.paranaWidget .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;
}
html.paranaWidget .paranaWidget-back-btn::after, 
html.paranaWidget .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;
}
html.paranaWidget .paranaWidget-next-btn::before{ margin-top: -5px; }
html.paranaWidget .paranaWidget-next-btn::after{ margin-top: 3px; }
html.paranaWidget .paranaWidget-back-btn::before, 
html.paranaWidget .paranaWidget-back-btn::after{ left: 40px; }
html.paranaWidget .paranaWidget-next-btn::before, 
html.paranaWidget .paranaWidget-next-btn::after{ right: 40px; }

html.paranaWidget .paranaWidget-back-btn:focus, 
html.paranaWidget .paranaWidget-back-btn:hover{ background: var(--c-title); border: 1px solid var(--c-title); }

html.paranaWidget .paranaWidget-btn-inactive{ background: var(--c-purple); }

html.paranaWidget .paranaWidget-btn-cancel{ background-color: var(--c-purple); color: #fff; border: 1px solid var(--c-purple); }
html.paranaWidget .paranaWidget-btn-cancel:focus, 
html.paranaWidget .paranaWidget-btn-cancel:hover{ background: var(--c-title); border-color: var(--c-title); }
html.paranaWidget .paranaWidget-btn.disabled{ opacity: 0.5; }

html.paranaWidget .paranaWidget-content *{ margin: 0; }
html.paranaWidget .paranaWidget-content:after{
	content: ''; display: block; clear: both;
}

html.paranaWidget .paranaWidget-order-panel-top #paranaWidget-mmbox{ }
html.paranaWidget .paranaWidget-order-panel-top #paranaWidget-mmbox h1{ font-size: inherit; line-height: inherit; font-weight: inherit; margin: 0; }
html.paranaWidget .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(close.svg); 	
	background-size: 100% 100%;
	vertical-align: middle;	
} 
html.paranaWidget .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;
}
html.paranaWidget .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;
}  
html.paranaWidget .paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li:first-child{ width: 60px; }
html.paranaWidget .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;
}
html.paranaWidget .paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li.active, 
html.paranaWidget .paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li.active > span{ background-color: var(--c-title); }



/* type */
html.paranaWidget .paranaWidget-type-insurance-wrapper{ width: 100%; margin-right: auto; margin-left: auto; max-width: 850px; }
html.paranaWidget .paranaWidget-type-insurance-wrapper:after{
	content: ''; display: block; clear: both;
}
html.paranaWidget .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; 
}
html.paranaWidget .paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period.active{ border: 2px solid var(--c-green); }
html.paranaWidget .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;
}
html.paranaWidget .paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period.active .paranaWidget-btn{ background: #fff; color: var(--c-title); }
html.paranaWidget .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%;
}
html.paranaWidget .paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period input[type="radio"]{ 
	display: none;
}
html.paranaWidget .paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period:nth-of-type(2n){ float: right; border-top-left-radius: 0; border-bottom-right-radius: 100px; }

html.paranaWidget .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 */
html.paranaWidget .persons-container{ position: relative; padding-bottom: 72px; margin-bottom: 0; }
html.paranaWidget .persons-container .sample-files{ position: absolute; bottom: 0; right: 0; }
html.paranaWidget .persons-container .sample-files a{ display: block; float: right; }
html.paranaWidget .persons-container .sample-files input{ display: none; }
html.paranaWidget .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; 
} 
html.paranaWidget .persons-container .sample-files .btn-icon::before{
	content: ''; display: block; width: 30px; height: 30px;
	background: url(eye.svg);
	background-repeat: no-repeat; background-position: center center;
	background-size: 100% 100%;
	position: absolute; top: 50%; margin-top: -15px; left: 0;
}
html.paranaWidget .persons-container .btn-addperson{
	position: absolute; bottom: 0; left: 0;
}
html.paranaWidget .inside-panel-error{
	display: block; clear: both;
	font-size: 12px; line-height: normal; text-align: center; color: var(--c-title); font-weight: 600;
}

html.paranaWidget .person-input, html.paranaWidget .input-titles{ display: block; width: 100%; float: left; position: relative; margin-bottom: 20px; padding-right: 30px; }
html.paranaWidget .person-input *, html.paranaWidget .input-titles *{ display: block; float: left; margin: 0 10px; }
html.paranaWidget .person-input span{ display: none; }
html.paranaWidget .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(trash.svg) center center no-repeat; background-size: 100% 100%;
}
html.paranaWidget .person-input input.disabled{ border-color: var(--c-lightborder); }

html.paranaWidget .input-titles{ font-size: 14px; line-height: normal; font-weight: 600; text-transform: uppercase; text-align: center; }
html.paranaWidget .person-input .field-egn, html.paranaWidget .person-input .field-birthdate{ width: 140px; text-align: center; padding-left: 0; padding-right: 0; }
html.paranaWidget .input-titles .field-names{ width: 282px; text-align: left; margin-left: 0px; }
html.paranaWidget .input-titles .field-foreigner{ width: 100px; }
html.paranaWidget .input-titles .field-egn{ width: 75px; }
html.paranaWidget .input-titles .field-birthdate{ width: 200px; }
html.paranaWidget .input-titles .field-addres{ width: 245px; }
html.paranaWidget .person-input .field-foreigner{ margin-top: 8px; }
html.paranaWidget .person-input .field-names, html.paranaWidget .person-input .field-addres{ width: 315px; }
html.paranaWidget .person-input .field-names{ margin-left: 0; }
html.paranaWidget .person-input .field-addres{ margin-right: 0; }

html.paranaWidget .btn-upload{ background-color: transparent; color: var(--c-purple); border: 1px solid var(--c-purple); }
html.paranaWidget .btn-upload:hover{ color: #fff; background-color: var(--c-purple); }
html.paranaWidget .btn-addperson{ background-color: transparent; color: var(--c-title); border: 1px solid var(--c-title); padding-left: 60px; }
html.paranaWidget .btn-addperson:hover{ color: #fff; background-color: var(--c-title); }
html.paranaWidget .btn-addperson::before{ 
	content: '+'; display: block; font-size: 1.5em;
	position: absolute; top: 0; left: 30px;
}
html.paranaWidget div.state-error.error#personsError{ left: 60px; }


/* coverage */
html.paranaWidget .cover-options:after, 
html.paranaWidget .additional-covers:after{
	content: ''; display: block; clear: both;
}

html.paranaWidget .main-covers, 
html.paranaWidget .additional-wrapper{ 
	width: 100%; float: left; clear: both; padding: 50px 30px; position: relative;
	background: #fff; border-radius: 40px; border-bottom-right-radius: 0px;
}
html.paranaWidget .additional-wrapper{ padding-bottom: 0; }
html.paranaWidget .additional-wrapper{ background: none; padding-right: 0px; padding-left: 0px; }
html.paranaWidget .main-covers p.title,
html.paranaWidget .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; }
html.paranaWidget .additional-wrapper > p.title{ margin-bottom: 35px; }
html.paranaWidget .additional-wrapper .column{ float: left; width: calc((100% - 50px) / 2); }
html.paranaWidget .additional-wrapper .column:nth-of-type(2n+1){ clear: both; }
html.paranaWidget .additional-wrapper .column:nth-of-type(2n){ float: right; }
html.paranaWidget .additional-wrapper .column > div{ margin-top: 30px; }
html.paranaWidget .additional-wrapper .column > div:first-of-type{ margin-top: 0; }
html.paranaWidget .additional-covers-last, 
html.paranaWidget .additional-covers{ padding-top: 45px; }
html.paranaWidget .additional-covers-last > label, 
html.paranaWidget .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; 
}
html.paranaWidget .additional-covers-last > label:first-of-type, 
html.paranaWidget .additional-covers > label:first-of-type{ margin-top: 0; }
html.paranaWidget .additional-covers-last > label > input[type="checkbox"], 
html.paranaWidget .additional-covers > label> input[type="checkbox"]{
	width: 40px; height: 40px;
	position: absolute; top: 0; left: 0; z-index: 0;
}
html.paranaWidget .additional-covers-last > label > input[type="checkbox"]::before, 
html.paranaWidget .additional-covers > label> input[type="checkbox"]::before{ margin: 11px 0 0 15px; }
html.paranaWidget .additional-covers-last > label > span, 
html.paranaWidget .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;
} 
html.paranaWidget .additional-covers-last label:before, 
html.paranaWidget .additional-covers > label:before{ 
	content: ''; display: block; width: 40px; height: 100%;
	position: absolute; top: 0; left: 0; z-index: 1;
}

html.paranaWidget .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;
}
html.paranaWidget .main-covers > label:before{ 
	content: ''; display: block; width: 100%; height: 100%;
	position: absolute; top: 0; left: 0; z-index: 10;
}
html.paranaWidget .main-covers > label > span{ font-size: 16px; line-height: normal; }
html.paranaWidget .main-covers > label.active-cover{ background: var(--c-title); border-color: var(--c-title); color: #fff; }
html.paranaWidget .main-covers > label:first-of-type{ margin-left: 0; clear: both; }
html.paranaWidget .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;
}
html.paranaWidget .main-covers > label input[type="radio"]:checked{ background-color: var(--c-border); }
html.paranaWidget .main-covers > label input[type="radio"]::before{ width: 10px; height: 10px; border-radius: 5px; }

html.paranaWidget .additional-covers{ padding-top: 0; padding-bottom: 30px; }
html.paranaWidget .additional-covers > label{ width: calc((100% - 60px) / 3); margin-left: 30px; margin-top: 0; padding-bottom: 40px; padding-right: 0; }
html.paranaWidget .additional-covers > label:nth-of-type(3n+1){ margin-left: 0; clear: both; }
html.paranaWidget .additional-covers > label > i{ position: absolute; bottom: 0; left: 50px; color: var(--c-main); font-style: normal; font-size: 16px; }
html.paranaWidget .additional-covers > label > span{ top: auto; bottom: 0; right: auto; left: 155px; display: none; }

html.paranaWidget .additional-wrapper .select-box{ width: 100%; max-width: 100%; }

html.paranaWidget .bottom-price{
	display: block; width: 100%; float: left; padding: 30px 0 0 0;
	border-top: 1px solid var(--c-border); 
}
html.paranaWidget .bottom-price p{ margin: 0; text-align: right; font-size: 18px; font-weight: 600; line-height: 40px; text-transform: uppercase; } 
html.paranaWidget .bottom-price p > b{ font-weight: inherit; }
html.paranaWidget .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;
}
html.paranaWidget .bottom-price p > span.total{ font-size: 30px; }

/* login */
html.paranaWidget .login-container .form-content{ margin-top: 0; margin-bottom: 0; }
html.paranaWidget .login-container .form-content .title{ font-size: var(--fz-b); line-height: var(--fl-b); margin-bottom: 20px; }
html.paranaWidget .login-container .form-content:after{ height: calc(100% - 72px); }
html.paranaWidget .login-container .label{ display: block; width: 100%; max-width: 100%; } 

html.paranaWidget .label, 
html.paranaWidget .select-box, 
html.paranaWidget .inputWrapper{ display: block; width: 100%; margin: 15px 0; position: relative; z-index: 0; max-width: 400px; }

html.paranaWidget .inputWrapper.hiddenfield{ opacity: 0; }
html.paranaWidget .inputWrapper.hiddenfield.visible{ opacity: 1; }


html.paranaWidget .label span.txt, 
html.paranaWidget .label span.input, 
html.paranaWidget .select-box > .txt, 
html.paranaWidget .inputWrapper label{ display: block; width: 100%; }
html.paranaWidget .label span.txt, 
html.paranaWidget .select-box > .txt, 
html.paranaWidget .inputWrapper label{ text-transform: uppercase; font-size: 16px; line-height: normal; margin-bottom: 10px; font-weight: 600; }
html.paranaWidget .label input[type=text], 
html.paranaWidget .label input[type=number], 
html.paranaWidget .label input[type=password], 
html.paranaWidget .label textarea{ max-width: none; display: block; width: 100%; }
html.paranaWidget .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 */

html.paranaWidget .checkbox-row, 
html.paranaWidget .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;
}
html.paranaWidget .checkbox-row::after, 
html.paranaWidget .radio-row::after{ content: ''; display: block; width: 100%; clear: both; }
html.paranaWidget .checkbox-row:first-of-type{ margin-top: 0; }
html.paranaWidget .checkbox-row > input[type="checkbox"], 
html.paranaWidget .radio-row input[type="radio"]{
	position: absolute; top: 0; left: 0; z-index: 0;
}
html.paranaWidget .checkbox-row p, 
html.paranaWidget .radio-row p{ margin: 10px 0; text-align: left; max-width: 100%; }
html.paranaWidget .checkbox-row p:first-of-type, 
html.paranaWidget .radio-row p:first-of-type{ margin-top: 0!important; }
html.paranaWidget .checkbox-row p:last-of-type, 
html.paranaWidget .radio-row p:last-of-type{ margin-bottom: 0!important; }
html.paranaWidget .checkbox-row div.state-error.error{ left: 50px; }
html.paranaWidget .checkbox-row.terms-agreement{ font-size: 14px; line-height: 20px; font-weight: 500; padding-top: 7px; }
html.paranaWidget .checkbox-row.terms-agreement p{ margin: 7px 0; }
html.paranaWidget .checkbox-row.terms-agreement p a{ font-weight: 600; text-decoration: underline; }

html.paranaWidget .holder-container .label{ display: block; width: calc((100% - 60px) / 2); float: left; max-width: 100%; } 
html.paranaWidget .holder-container .label.full-row{ width: 100%; }

html.paranaWidget .holder-container .label:nth-child(2n){ float: right; }
html.paranaWidget .holder-container .label:nth-child(2n+1){ clear: both; }
html.paranaWidget .holder-container .label-message{ font-size: 14px; line-height: normal; color: var(--c-title); margin-top: 5px; }
html.paranaWidget .holder-container .label-title{ 
	font-size: 16px; font-weight: 600; line-height: normal;
    text-transform: uppercase;
}
html.paranaWidget .holder-container .label.address-label{ width: 100%; max-width: 100%; margin-bottom: 30px; }

/* order overview */

html.paranaWidget div.promo-code > span#discountPrice{ display: block; text-align: right; position: absolute; top: 0; right: 0; width: 300px; } 
html.paranaWidget div.promo-code{ font-weight: 600; position: relative; width: 100%; float: left; margin: 0 0 30px 0; width: 250px;  }
html.paranaWidget div.promo-code > span#discountPrice{ font-family: var(--f-title); color: var(--c-title); font-size: 22px; line-height: 40px; }
html.paranaWidget div.promo-code > label{ font-size: 18px; font-weight: 600; line-height: 40px; display: block; text-align: left; padding-right: 170px; }
html.paranaWidget div.promo-code > label{ padding-right: 0; }
html.paranaWidget div.promo-code .inputWrapper{ width: 250px; margin-top: 15px; margin-bottom: 0px; position: relative; }
 
html.paranaWidget div.promo-code span#promocodeInput{ top: -2px; line-height: 25px; font-weight: 400; border-color: #B2B2B1; }
html.paranaWidget div.promo-code input, 
html.paranaWidget 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;
}
html.paranaWidget div.promo-code input[type=text]:focus{  border: 1px solid var(--c-title); background: var(--bg-lightpurple);  }

html.paranaWidget div.promo-code p{ text-transform: none; color: #575756; padding: 10px 0 0 0; }
html.paranaWidget div.promo-code p b{ color: #EF7D00; font-weight: 400; font-size: 1.2em; }
html.paranaWidget 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;
}
html.paranaWidget div.promo-code .btn-promo:before, 
html.paranaWidget div.promo-code .btn-promo:after{
	content: ''; display: block; width: 15px; height: 2px;
	background: #fff; 
	position: absolute; 
}
html.paranaWidget 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);
}
html.paranaWidget 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);
}
html.paranaWidget div.promo-code .btn-promo.btn-promo-remove:before{ top: 17px; left: 10px; }
html.paranaWidget div.promo-code .btn-promo.btn-promo-remove:after{ top: 17px; left: 10px; }
html.paranaWidget 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%);
}

html.paranaWidget .order-overview .column{ float: left; width: 50%; }
html.paranaWidget .order-overview .column:nth-child(1){ padding-right: 60px; }
html.paranaWidget .order-overview .column > .item{ display: block; float: left; width: 50%; margin-bottom: 30px; }
html.paranaWidget .order-overview .column > .item span{ display: block; }
html.paranaWidget .order-overview .column > .item span.title{ font-size: 16px; line-height: normal; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; }
html.paranaWidget .order-overview .column > .item span.value{ font-family: var(--f-title); color: var(--c-title); font-size: 18px; line-height: normal; font-weight: 600; }
html.paranaWidget .order-overview .column > .item:nth-of-type(2n+1){ clear: both; padding-right: 15px; }
html.paranaWidget .order-overview .column > .item:nth-of-type(2n){ padding-left: 15px; }

html.paranaWidget .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);
}
html.paranaWidget .order-overview .btn-view-list:hover{ text-decoration: underline; }
html.paranaWidget .order-overview .btn-view-list::before{
	content: ''; display: block; width: 30px; height: 30px;
	background: url(eye.svg);
	background-repeat: no-repeat; background-position: center center;
	background-size: 100% 100%;
	position: absolute; top: 50%; margin-top: -17px; left: 0;
}

html.paranaWidget .order-overview .cover-options{ display: block; width: 100%; float: left; margin-top: 30px; }
html.paranaWidget .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;
}
html.paranaWidget .order-overview .cover-options .item{ display: block; width: 100%; float: left; margin-top: 20px; line-height: 24px; }
html.paranaWidget .order-overview .cover-options .item:first-of-type{ margin-top: 0; }
html.paranaWidget .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;
}
html.paranaWidget .order-overview .cover-options .item > span.value{ text-align: right; float: right; width: 170px; margin-bottom: 0; }


html.paranaWidget .order-overview .prices{
	background: #fff; width: 100%; margin-bottom: 30px; float: left;
	padding: 30px 60px; border-top: 0px solid;
	border-bottom-left-radius: 80px;
}
html.paranaWidget .order-overview .prices > p{ 
	text-align: left; padding-right: 300px; position: relative; text-transform: none; margin: 0 0 10px 0; width: 100%; 
	line-height: normal;
} 
html.paranaWidget .order-overview .prices > p:first-child{ margin-top: 0; }
html.paranaWidget .order-overview .prices > p > span{ display: block; text-align: right; position: absolute; top: 0; right: 0; width: 300px; } 
html.paranaWidget .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;
}
html.paranaWidget .order-overview  div.promo-code{ width: 100%; }

html.paranaWidget  .order-overview .prices > p.totalLabel{
	 padding-top: 30px;
}

html.paranaWidget .order-overview .prices > p.totalLabel > span{ font-size: 22px; line-height: inherit; top: 30px; }
html.paranaWidget .order-overview .prices > p.totalLabel > span b{ display: block; color: var(--c-price); font-size: 30px; line-height: inherit; }

html.paranaWidget .checkbox-row.terms-agreement{ clear: both; } 
html.paranaWidget  .order-overview .column.total-column p span.t{ width: 160px; }
html.paranaWidget  .order-overview .column p span.v{ width: calc(100% - 100px); float: left; text-align: right; }
html.paranaWidget  .order-overview .column.total-column p span.v{ width: calc(100% - 160px); }
html.paranaWidget  .order-overview .column p span.v{ font-size: 20px; font-weight: 700; color: var(--c-title); font-family: var(--f-title); }
html.paranaWidget  .order-overview .column h3{ color: var(--c-title); }

html.paranaWidget  .order-overview .column.column-sep p{ margin-top: 5px; }
html.paranaWidget  .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;
}
html.paranaWidget  .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 */
html.paranaWidget .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; 
}
html.paranaWidget .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;
}

/* responsive */
@media screen and (max-width: 1366px) { 
	
	:root{
		--p-main: 20px; 
	}   
	html.paranaWidget .paranaWidget-wrapper{ padding-bottom: 92px; }
	html.paranaWidget .paranaWidget-btn-group{ height: 92px; } 
	html.paranaWidget .paranaWidget-order-panel-top{ margin-top: 50px; }
	html.paranaWidget .paranaWidget-order-panel-top #paranaWidget-mmbox { 
		border-top-left-radius: 130px; border-top-right-radius: 130px; 
	} 
} 

@media screen and (max-width: 1280px) {
	html.paranaWidget .container, 
	html.paranaWidget > .buttons{ padding-left: 30px; padding-right: 30px; } 
	html.paranaWidget .persons-container .btn-addperson{ left: 30px; }
	html.paranaWidget .persons-container .sample-files{ right: 30px; }
	html.paranaWidget div.state-error.error#personsError{ left: 30px; }
	html.paranaWidget .person-input .field-addres{ width: calc(100% - 725px); }
	
	html.paranaWidget .order-overview .prices{ padding-left: 30px; padding-right: 30px; }
	html.paranaWidget .order-overview .column:nth-child(1){ padding-right: 30px; }
	
	html.paranaWidget .login-content .form-content:nth-child(1){ padding-right: 30px; padding-left: 0px; }
	html.paranaWidget .login-content .form-content:nth-child(2){ padding-right: 0px; padding-left: 30px; }
	
	html.paranaWidget > .buttons .btn-back{ position: absolute; left: 30px; bottom: 30px; }
	html.paranaWidget > .buttons .btn-forward{ position: absolute; right: 30px; bottom: 30px; }
	 
}	  
@media screen and (max-width: 1150px) {
	html.paranaWidget .person-input .field-names, 
	html.paranaWidget .person-input .field-addres{ width: calc((100% - 410px) / 2); }
	
	html.paranaWidget .input-titles .field-addres,
	html.paranaWidget .input-titles .field-names{ width: calc((100% - 480px) / 2); }
	html.paranaWidget .main-covers, .additional-wrapper{ padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; border-bottom-left-radius: 0px; }
	html.paranaWidget .main-covers p.title, .additional-wrapper > p.title{ margin-bottom: 15px; }
	html.paranaWidget .main-covers > label{ font-size: 20px; padding-left: 32px; padding-right: 0;}
	html.paranaWidget .main-covers > label input[type="radio"]{ left: 5px; }
	html.paranaWidget .main-covers > label{ margin-left: 10px; width: calc((100% - 40px) / 5); }
	
	
}

@media screen and (max-width: 1040px) { 
	html.paranaWidget .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; }
	html.paranaWidget .paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period:nth-of-type(2n){ float: right; border-top-left-radius: 0; border-bottom-right-radius: 90px; }
	html.paranaWidget .paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period h3{
		position: absolute; top: 20%; left: 0; padding: 0 30px; width: 100%;
	}
	html.paranaWidget .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) { 
	
	html.paranaWidget .paranaWidget-wrapper{ padding-left: 0; padding-right: 0; }
	html.paranaWidget .paranaWidget-btn-group{ width: 100%; left: 0; }
	
	html.paranaWidget .paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li > span{
		width: 50px; height: 50px; line-height: 50px; top: -25px;
	}
	html.paranaWidget .paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li:first-child{
		width: 50px;
	}
	html.paranaWidget .paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li{
		width: calc((100% - 50px) / 6);
	}
	html.paranaWidget .paranaWidget-order-panel-top #paranaWidget-mmbox{
		padding-left: 10px; paddding-right: 10px; 
	}
	html.paranaWidget .paranaWidget-order-panel-top{
		border-top-left-radius: 120px;
    	border-top-right-radius: 120px;
    	padding-bottom: 30px;
	}
	
	html.paranaWidget .select-box span.input{ height: 60px; font-size: 18px; line-height: 60px; padding: 0 50px 0 30px; }
	html.paranaWidget .select-box span.input::after{ right: 30px; top: 27px; }
	html.paranaWidget .select-box > ul{ margin-top: -25px; }
	html.paranaWidget .select-box > ul > li{ padding: 10px 30px; font-size: 18px; line-height: normal; }
	html.paranaWidget .select-box-info > ul > li > span{ font-size: 14px; }	 
	html.paranaWidget .select-box > .txt{ margin-bottom: 10px; }
	html.paranaWidget #rangePicker div.state-error.error{ left: 0px; }
	
	html.paranaWidget .input-titles{ display: none; }
	html.paranaWidget .person-input{ border-bottom: 1px solid var(--c-lightborder); margin-bottom: 20px; padding-bottom: 20px; }
	html.paranaWidget .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; }
	html.paranaWidget .person-input .field-names{ width: calc(100% - 385px); }
	html.paranaWidget .person-input .field-addres{ width: 100%; max-width: 100%; margin-left: 0; }
	html.paranaWidget .person-input input{ margin-top: 20px; }
	html.paranaWidget .person-input .field-foreigner{ margin-top: 28px; }
	html.paranaWidget .person-input span.label-name{ }
	html.paranaWidget .person-input span.label-foreigner{ left: auto; right: 340px; }
	html.paranaWidget .person-input span.label-egn{ left: auto; right: 260px; }
	html.paranaWidget .person-input span.label-birthdate{ left: auto; right: 57px; }
	html.paranaWidget .person-input span.label-address{ top: 70px; }
	
	html.paranaWidget .main-covers > label{ font-size: 18px; padding-left: 32px; padding-right: 0;}
	
	html.paranaWidget .paranaWidget-type-insurance-wrapper{
		width: 100%; padding: 0 30px;
	} 
	
	
	html.paranaWidget .persons-container .btn-addperson{ left: 0; }
	html.paranaWidget .persons-container .sample-files{ right: 0; }
	html.paranaWidget .person-input .field-names{ max-width: 100%; }
	html.paranaWidget .person-input span.label-address{ top: 80px; }
	html.paranaWidget .person-input .field-addres{ margin-top: 30px; } 
}
@media screen and (max-width: 900px) {
	html.paranaWidget .main-covers{ text-align: center; padding-left: 70px; padding-right: 70px; }
	html.paranaWidget .main-covers > label{ float: none; margin: 5px; display: inline-block; width: 160px; }
	html.paranaWidget .additional-covers-last, 
	html.paranaWidget .additional-covers{ padding-top: 0; }
	
	html.paranaWidget .order-overview .column{ width: 100%; margin-bottom: 30px;}
	html.paranaWidget .order-overview .column:nth-child(1){ padding-right: 0; }
	
	
	html.paranaWidget .persons-container .btn-addperson{ left: 10px; }
	html.paranaWidget .persons-container .sample-files{ right: 10px; bottom: 0; }
	 
	html.paranaWidget .persons-container .sample-files{ width: 400px; right: 50%; margin-right: -200px; }
	html.paranaWidget .persons-container .btn-upload{
		padding: 0 20px 0 20px;
    	line-height: 40px;
	}
	html.paranaWidget .persons-container .btn-addperson{
		padding: 0 10px 0 30px;
    	line-height: 40px;
    	width: 230px; left: 50%; margin-left: -115px; bottom: 50px;
	}
	html.paranaWidget .persons-container .btn-addperson::before{ left: 10px; }
	
	html.paranaWidget .persons-container{ padding-bottom: 130px; }
}
@media screen and (max-width: 768px) {
	html.paranaWidget .container, html.paranaWidget > .buttons{ padding-left: 20px; padding-right: 20px; }
	html.paranaWidget .travel-purpose .select-box{ width: 100%; clear: both; margin-bottom: 30px; }
	html.paranaWidget .paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li:first-child { width: 40px; }
	html.paranaWidget .paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li { width: calc((100% - 40px) / 6); }
	html.paranaWidget .paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li > span{ width: 40px; height: 40px; font-size: 16px; line-height: 40px; top: -18px; }
	 
	
	html.paranaWidget .person-input .field-names{ width: 100%; margin-right: 0; max-width: 100%; }
	html.paranaWidget .person-input span.label-address{ top: 140px; }
	
	html.paranaWidget .person-input .field-foreigner{ margin-left: 22px; }
	html.paranaWidget .person-input span.label-foreigner{ top: 70px; right: auto; left: 0; }
	html.paranaWidget .person-input span.label-egn{ top: 70px; right: auto; left: 130px; }
	html.paranaWidget .person-input span.label-birthdate{ top: 70px; right: auto; left: 245px; }
	
	html.paranaWidget .person-input input[type=text], 
	html.paranaWidget .person-input input[type=number], 
	html.paranaWidget .person-input input[type=password]{ height: 40px; border-radius: 20px; padding: 0 15px; margin-bottom: 10px; margin-left: 5px; margin-right: 5px; }
	html.paranaWidget .person-input .field-addres{ margin-bottom: 0; }
	html.paranaWidget .person-input .field-foreigner{ margin-top: 22px; }
	html.paranaWidget .person-input .field-foreigner{ clear: both; }
	
	html.paranaWidget .additional-wrapper .column{ width: 100%; }
	html.paranaWidget .additional-wrapper .column:nth-of-type(2n+1){ margin-bottom: 30px;}
	html.paranaWidget .additional-wrapper{ padding-left: 0; padding-right: 0; }
	
	html.paranaWidget .holder-container .label{ width: 100%; }	 
	
	html.paranaWidget .inputWrapper{ margin-bottom: 10px; }
	html.paranaWidget .inputWrapper label{ margin-bottom: 10px; }
	
	html.paranaWidget .login-content .form-content{ width: 100%; float: none; max-width: 400px; margin-left: auto; margin-right: auto; }
	html.paranaWidget .login-content .form-content:nth-child(1){ padding-right: 0; padding-left: 0px; margin-bottom: 30px; border-bottom: 1px solid var(--c-border); padding-bottom: 30px; }
	html.paranaWidget .login-content .form-content:nth-child(2){ padding-right: 0px; padding-left: 0; }
	html.paranaWidget .login-content .form-content:after{ width: 100%; clear: both; height: 0px; position: static; }
	
	html.paranaWidget > .buttons .btn-back, 
	html.paranaWidget > .buttons .btn-forward{ width: 135px; }
	html.paranaWidget > .buttons .btn-back{ padding-right: 20px; padding-left: 30px; }
	html.paranaWidget > .buttons .btn-forward{ padding-left: 20px; padding-right: 30px; }
	html.paranaWidget > .buttons .btn-back::before,
	html.paranaWidget > .buttons .btn-back::after{ left: 20px; }
	html.paranaWidget > .buttons .btn-forward::before, 
	html.paranaWidget > .buttons .btn-forward::after{ right: 20px; }
	
	
	html.paranaWidget > .buttons .btn-back{ position: absolute; left: 10px; bottom: 20px; }
	html.paranaWidget > .buttons .btn-forward{ position: absolute; right: 10px; bottom: 20px; }
	
	html.paranaWidget .paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period h3{ font-size: 20px; line-height: 26px; top: 20px; }
	html.paranaWidget .paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period .btn{ top: auto; bottom: 15px; }
	html.paranaWidget .paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period{ border-top-left-radius: 50px; }
	html.paranaWidget .paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period:nth-of-type(2n){ border-bottom-right-radius: 50px; }
	
	html.paranaWidget .additional-wrapper > p.title{ margin-bottom: 20px; }
	html.paranaWidget .additional-wrapper{ padding-top: 20px; padding-bottom: 0; }
	
	html.paranaWidget .additional-covers > label, 
	html.paranaWidget .additional-covers > label:nth-of-type(3n+1){ width: 100%; margin-left: 0; }
	html.paranaWidget .additional-covers > label > span{ left: auto; right: 0; bottom: 40px; }
	html.paranaWidget .additional-covers > label > i{ left: auto; right: 115px; bottom: 40px; }
	
	html.paranaWidget .form-content .label{ width: 100%; }  
	
}
@media screen and (max-width: 700px) {
	html.paranaWidget .main-covers{ text-align: center; padding-left: 10px; padding-right: 10px; 
}
@media screen and (max-width: 640px){  
	html.paranaWidget .paranaWidget-order-panel-top{
		padding-top: 50px;
		border-top-left-radius: 80px;
    	border-top-right-radius: 80px; 
	}
	html.paranaWidget .paranaWidget-order-panel-top > ul.paranaWidget-progressbar{ padding: 0px 80px 0 80px; }
	
	html.paranaWidget .paranaWidget-order-panel-top #paranaWidget-mmbox {
	    font-size: 20px;
	    padding-left: 30px;
	    padding-right: 30px;
	}
	html.paranaWidget #rangePicker div.state-error.error{ left: auto; right: auto; }
	html.paranaWidget .bottom-price{ padding-top: 20px; padding-right: 0; } 
	html.paranaWidget .bottom-price p{ font-size: 16px; line-height: 30px; text-align: center; margin-bottom: 5px; }
	html.paranaWidget .bottom-price p > span{ display: block; width: 100%; }
	html.paranaWidget .paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period{  width: 100%; height: 140px; margin-bottom: 10px; }
	 
	html.paranaWidget div.promo-code > label{ padding-right: 0; }
	
	html.paranaWidget .order-overview .prices .mess-pss{ padding-right: 10px; }
	html.paranaWidget .order-overview .prices .mess-pss span.p{ position: static; display: inline-block; vertical-align: middle; line-height: inherit; margin-top: 0; }
	 
	html.paranaWidget .person-input .field-egn, html.paranaWidget .person-input .field-birthdate{
		width: 170px;
	} 
	html.paranaWidget .peopleContainer .person-input .field-foreigner{ 
		margin-left: 10px; margin-right: 40px;
	}
	
	html.paranaWidget .paranaWidget-btn { line-height: 36px; } 
	html.paranaWidget .paranaWidget-back-btn, 
	html.paranaWidget .paranaWidget-next-btn{ width: 130px; padding-left: 10px; padding-right: 10px; position: relative; float: left; text-align: center; }
	html.paranaWidget .paranaWidget-back-btn{ padding-right: 10px; padding-left: 20px; }
	html.paranaWidget .paranaWidget-next-btn{ padding-left: 10px; padding-right: 20px; float: right; }
	html.paranaWidget .paranaWidget-back-btn::before, html.paranaWidget .paranaWidget-back-btn::after{ left: 10px; }
	html.paranaWidget .paranaWidget-next-btn::before, html.paranaWidget .paranaWidget-next-btn::after{ right: 10px; }
	
	
	html.paranaWidget .paranaWidget-btn-group{ padding-bottom: 10px; padding-top: 40px; }
	/*html.paranaWidget .paranaWidget-wrapper{ padding-bottom: 115px; }
	html.paranaWidget .paranaWidget-btn-group{ height: 115px; }*/
	html.paranaWidget .btn-pay{ position: absolute; right: 20px; bottom: 64px; }
	html.paranaWidget .btn-pay#btn-pay-card{ right: 20px; }
	html.paranaWidget .btn-pay#btn-pay-easypay{ right: 218px; }
	
	html.paranaWidget .paranaWidget-content .order-overview{ padding-bottom: 50px; }
	html.paranaWidget .order-overview .column:last-of-type{ margin-bottom: 0; }
	 
} 
 
@media screen and (max-width: 550px){	
	html.paranaWidget .order-overview .prices > p{ padding-right: 0; text-align: right; }
	html.paranaWidget .order-overview .prices > p > span{ width: 100%; position: static; }
	html.paranaWidget div.promo-code > label{ text-align: right; }
	html.paranaWidget div.promo-code > span#discountPrice{ width: 100%; position: static;  clear: both; margin-top: 10px; }
	html.paranaWidget div.promo-code .inputWrapper{ float: right;  }
	
	html.paranaWidget .order-overview .prices > p.totalLabel br:first-of-type{ display: none; } 
	
	html.paranaWidget .person-input .field-egn, html.paranaWidget .person-input .field-birthdate{ clear: both; text-align: left; }
	html.paranaWidget .person-input span{ position: static; display: block; clear: both; padding-left: 20px; }
	html.paranaWidget .person-input input,
	html.paranaWidget .person-input .field-addres{ margin-top: 5px; } 
	html.paranaWidget .person-input .field-foreigner{ margin-bottom: 10px; margin-top: 5px; }
	html.paranaWidget .person-input span.label-foreigner{ position: absolute; top: 87px; left: 60px; padding-left: 0; }
	
	html.paranaWidget .additional-covers > label > span{ left: 155px; right: auto; bottom: 0; }
	html.paranaWidget .additional-covers > label > i{ left: 50px; right: auto; bottom: 0; }
	html.paranaWidget .additional-covers > label, html.paranaWidget .additional-covers > label:nth-of-type(3n+1){
		float: none; margin-left: auto; margin-right: auto; max-width: 290px;
	}
	html.paranaWidget .order-overview .prices{ padding-right: 10px; padding-left: 10px; }
	html.paranaWidget .order-overview .prices .mess-pss span.p{ margin-top: -2px; width: auto; }
	html.paranaWidget .order-overview .prices > p.totalLabel{ padding-top: 10px; margin-top: 10px; text-align: center; } 
	html.paranaWidget .order-overview .prices > p,
	html.paranaWidget .order-overview .prices > p > span{ text-align: center; }
}


@media screen and (max-width: 500px){	
	html.paranaWidget .paranaWidget-order-panel-top > ul.paranaWidget-progressbar{ padding: 0px 50px 0 50px; }
	html.paranaWidget .paranaWidget-order-panel-top{
		border-top-left-radius: 80px;
	    border-top-right-radius: 80px; 
    }
    html.paranaWidget .order-overview .cover-options .item > span.title,
    html.paranaWidget .order-overview .cover-options .item > span.value,
    html.paranaWidget .order-overview .column > .item,
    html.paranaWidget .order-overview .cover-options > span.title{ width: 100%; text-align: center; }
    html.paranaWidget .order-overview .btn-view-list,
    html.paranaWidget .order-overview .column > .item span.btn-view-list{ width: auto; display: inline-block; }
     
}
@media screen and (max-width: 450px){
	html.paranaWidget .paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li:first-child { width: 30px; }
	html.paranaWidget .paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li { width: calc((100% - 30px) / 6); }
	html.paranaWidget .paranaWidget-order-panel-top > ul.paranaWidget-progressbar > li > span{ width: 30px; height: 30px; font-size: 14px; line-height: 30px; top: -13px; }
	
	html.paranaWidget .person-input .field-egn{ clear: both; }
	html.paranaWidget .person-input span.label-egn{ top: 128px; left: 0;}
	html.paranaWidget .person-input span.label-address{ top: 195px; }
	html.paranaWidget .person-input span.label-birthdate{ top: 128px; left: 156px; }
	html.paranaWidget .person-input .btn-remove-line{ width: 20px; height: 20px; margin-top: -10px; }
	html.paranaWidget .person-input{ padding-right: 20px; }
	html.paranaWidget .person-input .field-egn, html.paranaWidget .person-input .field-birthdate{ width: 130px; }
	
	html.paranaWidget .persons-container{ padding-bottom: 140px; }
	html.paranaWidget .persons-container .btn-addperson{ bottom: 80px; }
	html.paranaWidget .persons-container .sample-files a{ display: inline-block; float: none; margin: 0 auto; }
	html.paranaWidget .persons-container .sample-files{ width: 230px; margin-right: -115px; text-align: center; }
	html.paranaWidget .persons-container .sample-files .btn-icon{ margin-left: 0; }
	
	html.paranaWidget .select-box span.input, html.paranaWidget .select-box.select-box-extra span.input{ padding-right: 40px; }
	html.paranaWidget .select-box.select-box-extra span.input > span{ display: none; }
	html.paranaWidget .select-box.select-box-extra > ul > li > span{ right: 10px; }
	html.paranaWidget .select-box.select-box-extra > ul > li{ padding-right: 110px; }
	html.paranaWidget .select-box > ul > li{ padding: 10px 10px; }
	html.paranaWidget .select-box span.input::after{ right: 15px; }
	html.paranaWidget .select-box span.input{ padding-left: 20px; }
	
	html.paranaWidget .order-overview .column > .item{ width: 100%; }
	html.paranaWidget .order-overview .column > .item:nth-of-type(2n+1){ padding-right: 0; }
	html.paranaWidget .order-overview .column > .item:nth-of-type(2n){ padding-left: 0; } 
	
	html.paranaWidget .persons-container{ padding-bottom: 70px; }
	html.paranaWidget .persons-container .btn-addperson{ bottom: 0; }
	html.paranaWidget .persons-container .sample-files{ display: none; }
	
	 
	html.paranaWidget .btn-pay#btn-pay-card{ right: auto; left: 50%; width: 190px; margin-left: -95px; bottom: 115px; }
	html.paranaWidget .btn-pay#btn-pay-easypay{  right: auto; left: 50%; width: 210px; margin-left: -105px; } 
	html.paranaWidget .paranaWidget-content .order-overview{ padding-bottom: 90px; }
	
}
@media screen and (max-width: 400px){
	html.paranaWidget .paranaWidget-content,
	html.paranaWidget .paranaWidget-btn-group,
	html.paranaWidget .paranaWidget-type-insurance-wrapper .paranaWidget-inside-panel-period h3,
	html.paranaWidget .paranaWidget-order-panel-top #paranaWidget-mmbox{
		padding-left: 10px; padding-right: 10px;
	}
	html.paranaWidget .paranaWidget-type-insurance-wrapper{ padding-left: 0; padding-right: 0; }
}
