html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing:border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family:"Volvo Sans",arial,helvetica,sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear { clear:both; height:0px; overflow:hidden; }


/* Customisation */

@font-face {
	font-family: 'Volvo Novum';
	src: url('VolvoNovum-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Volvo Novum Medium';
	src: url('VolvoNovum-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Volvo Sans';
	src: url('VolvoSansWeb-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


/* Main Colors */
body { background-color: #161618; color: #000; text-rendering: geometricPrecision; line-height:140%; }
header { width:calc(100% - 460px); position:relative; height:auto; background-color:#fff;}

header .inner {position:absolute; top: 70px; padding:30px 30px; width: 100%; color:#fff;}

section { width:calc(100% - 460px); display:block; padding: 30px 40px; background-color: #f0f0f0;}
footer { width:calc(100% - 460px); display:block; padding:20px 40px; padding-top:20px;background-color: #f0f0f0;}
/*.swiper-slide { padding-left:80px; padding-right:80px; }*/
.swiper-slide .slide-content { padding:  0px 20px 20px; box-sizing: border-box; width:61%; display:block; float:left;}
.swiper-slide > img { width:34.5%; float:left; }
.swiper-slide h4 { font-size:24px; font-family:"Volvo Sans",arial,helvetica,sans-serif;  text-transform:uppercase;color:#162133;line-height:30px;}
.swiper-slide p { font-size:14px; line-height:130%; padding-top:16px; font-family:"Volvo Novum Medium",Arial; }
.swiper-slide p strong { font-family:"Volvo Sans"; }
.swiper-slide p.big { font-size:16px; line-height:130%; padding-top:0px; padding-bottom:10px; font-family:"Volvo Sans",Arial; }
.swiper-slide .text_light{font-size:16px; font-family:"Volvo Sans",arial,helvetica,sans-serif; color:#162133;line-height:22px;}
.swiper-slide .text_light_small{font-size:12px; font-family:"Volvo Sans",arial,helvetica,sans-serif; color:#162133;line-height:18px;}

.swiper-pagination{
	display:block;
}
/*
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000 !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
	width: 100%;
	clear: both;
	position: relative;
	bottom: auto;
	left: auto;
	margin-top:10px;
}*/

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0;
}

.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
}
.swiper-container{

    padding-top: 0px;
    padding-bottom: 40px;
	margin: 0 40px;
}

.swiper-pagination-bullet-active {
	background: #2b7bcd;
	opacity: 1;
}

article { position: absolute; z-index: 100; top: 0px; right: 0; min-height: 100%; width: 460px; background-color: #161618; padding: 40px; color:#f0f0f0;}

.lightbox { display:none; position:fixed; background-color:rgba(0, 0, 0, 0.8); top:0px; left:0px; width:100vw; height:100vh; z-index:9999; }
.lightbox .sheet { display:block; width:100%; box-sizing:border-box; max-width:600px; position:relative; max-height:80vh; overflow-y:auto; background-color:#fff; padding:20px; margin:auto; margin-top:10vh; }
.lightbox .close {
	position: fixed;
	top: 20px;
	right: 20px;
	text-decoration: none;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
}.lightbox p { color: #000; font-size: 12px; line-height: 120%; }
.big-border-top{height:70px; width:calc(100% - 500px); background-color:#fff;position: absolute;z-index: 101;}
/** FONTS **/
h1 { font-size:20px; color:#000; font-family:"Volvo Sans",arial,helvetica,sans-serif; line-height:30px;  }
h2 { font-size:30px; color:black; font-family:"Volvo Sans",arial,helvetica,sans-serif; font-weight: bold; line-height:30px; text-transform:uppercase; }
h2.blue { font-size:22px; color:#f0f0f0; font-family:"Volvo Sans",arial,helvetica,sans-serif; font-weight: bold; line-height:30px; text-transform:uppercase; padding-top: 17px;}
h2.red { font-size:22px; color:#e60514; font-family:"Volvo Sans",arial,helvetica,sans-serif; font-weight: bold; line-height:30px; text-transform:uppercase;padding-bottom: 15px; }


h1 strong{

	font-family: 'Volvo Novum Medium', Arial;
	font-size: 20px;
	color:#f0f0f0;

}


p.bold_font  {
font-family: 'Volvo Sans', Arial;
	font-size: 14px;
	padding-top: 15px;
	line-height:17px;
}
p.medium_font  {
	font-family: 'Volvo Sans', Arial;
	font-size: 18px;
	padding-top: 18px;
	padding-bottom: 18px;
}

footer p { font-size: 10px;
    font-family: "Volvo Sans",arial,helvetica,sans-serif;
    font-weight: 400;
    line-height: 140%;
	color:#000000;
	}
footer p ul {
    margin: 0 0 0 20px;
}
footer p ul li {
	list-style: disc;
}
h3 {
	font-size: 18px;
    font-family: "Volvo Novum Medium",arial,helvetica,sans-serif;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 0.01px;
    margin-bottom: 14px;}

sup{
 font-size:80%; position:relative; bottom:5px;
}

sub { font-size:60%; position:relative; bottom:-2px; }


form .col20,
form .col40,
form .col45,
form .col50,
form .col55 {
	padding:0px; margin:0px; float:left; display:block;
}
form .col20 { width:20%; }
form .col20.space { width:15%; margin-right:5%; }
form .col40 { width:40%; }
form .col40.space { width:35%; margin-right:5%;  }
form .col45.space { width:35%; margin-right:10%;  }
form .col50 { width:50%; }
form .col50.space { width:47.5%; margin-right:2.5%; }
form .col55 { width:55%; }
form .col55
form .row { clear:both; }

form { width:100%; margin:auto; }
input,select, button {border:1px solid #b4b4b8;-webkit-appearance: none;-moz-appearance: none;appearance:none; }
select:after{content:''; }
.row>div { position:relative; font-size:14px; }
.row label { position:absolute; font-size:12px; color:#f0f0f0; font-family:'Volvo Sans'; }
.row.toc label:before { top:-2px; }
.row.submit { text-align:center; padding-top:20px;padding-bottom:20px;}
.row.toc label a { color:#f0f0f0;font-family:"Volvo Sans",arial,helvetica,sans-serif;text-decoration:none; }
.row { padding-bottom:5px; clear:both; display:block; float:left; width:100%; }
.row.checkbox { padding-bottom:10px; }
.row.checkbox.space { padding-bottom:20px; }

.toc-light{ font-size:12px; font-family:"Volvo Sans",arial,helvetica,sans-serif; font-weight: 300; }
.toc-bold{ font-size:12px; font-family:"Volvo Sans",arial,helvetica,sans-serif; font-weight: bold; }

input[type=text],
input[type=number],
input[type=email],
input[type=button],
input[type=submit] { font-size:14px; font-family:"Volvo Sans",Arial; font-weight:200; color:#000; }
input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder { font-family:"Volvo Sans",Arial; font-weight:200; font-style: italic;}
select { width:100%; padding-left:15px; padding-right:10px; height:40px; background-color: #fff; font-family:"Volvo Sans",Arial; font-weight:bold;background-image:url('../images/dropdown.png');background-repeat:no-repeat;background-position-x: 97%;background-position-y: 18px;}
input[type=email] { box-sizing: border-box; width: 100%; padding-left:15px; padding-right:10px; height:40px; background-color: #fff; }
input[type=text],
input[type=number] {  box-sizing: border-box;  width: 100%; padding-left:15px; padding-right:10px; height:40px; background-color: #fff; }
input[type=radio] { position:relative; opacity:0; -moz-opacity:0; position:absolute; }
input[type=radio] + label { position:relative; padding-left:20px; line-height:120%; }
input[type=radio] + label:before { border-radius:100%; -moz-border-radius:100%; content:" "; background-color:#fff; display:block; width:13px; height:13px; position:absolute; top:2px; left:0px; }
input[type=radio]:checked + label:before {background-color:#2b7bcd; }
input[type=checkbox] { position:relative; opacity:0; -moz-opacity:0; position:absolute; }
input[type=checkbox] + label { margin-top: -1px;position:relative; padding-left:30px; diplay:inline-block; float:left; line-height:155%;font-family:"Volvo Sans",arial,helvetica,sans-serif;   }
input[type=checkbox] + label.gross { text-transform: uppercase; }
input[type=checkbox] + label:before { content:" "; border:1px solid #b4b4b8; background-color:#fff; display:block; width:18px; height:18px; position:absolute; top:0px; left:0px; }
input[type=checkbox]:checked + label:before {background-color:#4a4f54; border-color:#fff; }
label { padding-right:19px; font-weight:normal; display:block; }
input[type=submit] { width:100%; height: 50px; background: #2b7bcd; width:230px; border: 0; padding: 3px; border-radius: 0; color: #fff; font-family:"Volvo Novum Medium",arial,helvetica,sans-serif;  font-size: 16px;  text-transform: uppercase; }
input[type=button] { width:100%; height: 50px; background: #ffffff; width:230px; border: 0; padding: 3px; border-radius: 0; color: #000; font-family:"Volvo Novum Medium",arial,helvetica,sans-serif;  font-size: 18px;  text-transform: uppercase; }


.toc { clear:both; width:auto!important; height:auto; }
form.ng-submitted select.ng-invalid,
form.ng-submitted input.ng-invalid,
form.ng-submitted input.ng-invalid[type=radio] + label:before  { border-color:#e60042; }
form.ng-submitted input.ng-invalid[type=checkbox] + label:before  { border-color:#e60042; }

/* Custom */
#slider { border:0px; -moz-box-shadow:0px; -webkit-box-shadow:0px; box-shadow:0px; position:fixed; top:0px; left:0px; width:100vw; height:100vh; display:block; }
#slider span { display:block; width:100vw; height:100vh; background-position:center center; background-size:cover; }
#slider>div { position:relative; }
.html-caption { position: fixed; bottom: 35px; left: 20px; width: 385px; height: 140px; background-color: rgba(255,255,255,.8); padding: 15px 10px 10px 15px; }
.html-caption { font-size: 14px; font-weight: lighter; color: #000; margin-bottom: 10px; }
.prevNav,
.nextNav { cursor:hand; cursor:pointer; z-index:99999; position:fixed; bottom:195px; left:20px; background:rgba(255,255,255,.8); display:block; width:28px; height:28px; }
.nextNav { left:60px; }
.nextNav:after,
.prevNav:after { border-left:1px solid #000; border-bottom:1px solid #000; content:" "; position:absolute;left:0px; top:8px; height:11px; width:11px; left:11px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.nextNav:after { left:4px; border:0px; border-top:1px solid #000; border-right:1px solid #000; }
.swiper-button-prev{
	left:10px;
	background-image: url("../images/prev.png");

}
.swiper-container.padding-zero{
	padding-top:0px!important;
	padding-bottom:0px!important;
}
.swiper-container.padding-bottom-20{
	padding-bottom:20px!important;
}

.swiper-button-next{
	right:30px;
	background-image: url("../images/next.png");

}
.swiper-button-next,
.swiper-button-prev{
  width: 14px;
  height: 25px;
	-moz-background-size: 14px 25px;
  -webkit-background-size: 14px 25px;
  background-size: 14px 25px;
  top:50%;
  margin-top: 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0 3px;
}
/* Nivo Slider End */

.headerimage {
  overflow: hidden;
  display: block;
}







.padding-content{
	padding-left: 40px;
    padding-right: 40px;
}









.top-header{
	position:relative;
	height:auto;
	min-height:110px;

}


.main-headline{
    width: 100%;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 40px;
}






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

	.swiper-slide .text_light{
		line-height:20px;

	}
	.swiper-slide p {

		padding-top: 5px;
	}
	.swiper-container.padding-bottom-20{
		padding-bottom:0px;
	}
	.swiper-slide .text_light_small {

    line-height: 15px;
	}
	.main-headline {

	padding-top: 0px;
	}
	section{
		padding-bottom:0px!important;
	}
	footer{
		padding-top:0px!important;
	}

	.swiper-slide .slide-content {
    padding-bottom: 0px;
	}
}
/* Responsive */
/* iPad Landscape */
@media only screen and (max-width:1560px) {
	article { width:410px; }
	header,
  section,
  footer{
		width: calc(100% - 410px);
	}
}

@media only screen and (max-width:1350px) {
	header .inner h1 {font-size: 50px;}
}

/* iPad Landscape */
@media only screen and (max-width:1235px) {
   .swiper-slide .slide-content { width:100%; padding-left:0px; padding-right:0px; }
   .swiper-slide > img { width:100%; }

   article { width:320px; }
      header { width:calc(100% - 320px); }



   section { width:calc(100% - 320px); }
   footer { width:calc(100% - 320px); }
   article { width:320px; }

   .swiper-button-next{
   	right:5px;
   }
   .swiper-button-prev{
   	left:5px;
   }
   header .inner h1{
   	font-size: 45px;
   }
   header .inner h2, header .inner p{
   	font-size: 16px;
   }
   header .inner{
   	top:50px;
   }
   .swiper-slide .slide-content{
	   padding-top:20px;
   }
}

@media only screen and (max-height:860px) {
}

/* iPad Portrait */
@media only screen and (max-width:980px) {
   header {
     padding:0px;
     width:100%;
   }
   img.mobile { display:block; width:100%; }
   header .inner { padding:20px 40px; position:relative;left:0; top:0; color: #003056;background-color: #fff;}
   header .inner h1 {font-size: 60px;}
   article { position:relative; top:0px; left:0px; width:100%; height: auto;padding-top: 40px;}
   footer { width:100%; padding-top:40px; clear:both; }
   section { padding:40px 0px; width: 100%; box-sizing: border-box; }
   .freedomdays { width: 100px; left: 15px; top: 10px; position:relative; }
   .swiper-button-next {
   	right:10px;
   }
   .swiper-button-prev{
   	left:10px;
   }
   footer{
       padding-top: 40px!important;
	}
}

/* iPhone Landscape */
@media only screen and (max-width:768px) {
	article,
	footer,
	header .inner{
		padding:20px;
	}
	header .inner h1{
		font-size: 45px;
	}
	header .inner h2, header .inner p{
		font-size: 16px;
	}
	input#zip{
		width:100%;
		display: block;
		margin-bottom: 5px;
	}
	input#city{
		width:100%;
		float:none;
	}
	.header-headline{
		width:100%;
		float:none;
		padding-right: 20px;
		padding-left: 20px;
	    padding-top: 25px;

	}


	h1{
		line-height: 25px;
	}
	h2{
		font-size: 22px;
		line-height: 30px;
	}



}

@media only screen and (max-width:767px) {
	.container-piz-sulai-right{
		margin-left:0px;
	}
	.container-piz-sulai {
		width:100%;
		text-align: center;
		padding-left: 0px;
		min-width: 0;
	}
	.container-piz-sulai img{
		width: 100%;
		height: auto;

	}

}
@media only screen and (max-width:580px) {
	header .inner { padding-top:20px; }
  .swiper-slide h4{
    font-size: 18px;
    line-height: 1.2em;
  }
	h1{
		font-size: 18px;
      line-height: 1.2em;
	}
  .swiper-slide .text_light {
    font-size: 14px;
    line-height: 1.2em;
  }
}

/* iPhone Portrait */
@media only screen and (max-width:480px) {
  .swiper-container {
    margin: 0;
  }
  section {
    padding: 20px 0px;
  }

}

@media only screen and (max-width:320px) {
	article h3{
		font-size: 16px;
	}
  .swiper-slide h4{
    font-size: 16px;
    line-height: 1.2em;
  }
  h1{
    font-size: 16px;
    line-height: 1.2em;
  }
  .swiper-slide .text_light {
    font-size: 12px;
    line-height: 1.2em;
  }
}



/* danian zone */

.lightbox strong {
	font-weight: bold;
}

article strong {
	font-weight: bold;
}

.lightbox ol {
	list-style: decimal;
	padding-left: 20px;
	font-style: italic;
	font-weight: bold;
}
.lightbox table td {
	padding: 10px;
}


@media only screen and (max-width:480px) {
	.main-headline {
		padding: 10px 20px 25px 20px;
	}

	.swiper-pagination{
		display: initial;
	}

	.swiper-slide {
		padding: 0 20px 0 20px;
	}

	.swiper-button-next,.swiper-button-prev {
		display: none;
	}

	article h3{
		font-size: 16px;
	}
}


.clickout a {
	text-transform: uppercase;
	padding: 8px 12px;
	background: #2b7bcd;
	color: white;
	text-decoration: none;
}


.logoimglink {
	/* background: #ffffff21; */
	position: absolute;
	top: 8%;
	right: 4.5%;
	width: 14%;
	height:22%;
}

.logoimglink img {
	width: 100%;
	height: 100%;
}