*, p{
  	padding: 0;
  	margin: 0;
}

a{
  	text-decoration: none;
  	color: inherit;
}

a:focus{
  	outline: 0;
}

h1, h2, h3{
  	padding: 0;
  	margin: 0;
  	font-size: inherit;
  	font-weight: normal;
  	line-height: inherit;
}

*::selection{
  	background-color: #ffffff;
  	text-shadow: none;
  	color: #24add8;
}

*::-moz-selection{
  	background-color: #ffffff;
  	text-shadow: none;
  	color: #24add8;
}	

input, select, textarea{
	outline: none;
	resize: none;
}

body{
  	background: url(../gfx/bg.jpg) no-repeat center top;
  	background-attachment: fixed;
  	background-size: cover;
}

.clear{
  	clear: both;
}

.flexbox{
  	display: flex;
}

.relative{
  	position: relative;
}

.overflow_hidden{
  	overflow: hidden;
}

@font-face{
    font-family: 'robotothin';
    src: url('../fonts/roboto-thin-webfont.eot');
    src: url('../fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-thin-webfont.woff2') format('woff2'),
         url('../fonts/roboto-thin-webfont.woff') format('woff'),
         url('../fonts/roboto-thin-webfont.ttf') format('truetype'),
         url('../fonts/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* cz_ wsplna */
.container-fluid{
  	max-width: 1600px;
}

#header{
  	position: fixed; top: 0; z-index: 3;
  	width: 100%;
  	height: 70px;
  	overflow: hidden;
  	background: rgba(19, 141, 209, 0.8);
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

#header.active{
  	opacity: 1;
}

#logo{
  	width: 83px;
  	height: 58px;
  	display: block;
  	float: left;
  	overflow: hidden;
  	margin: 6px 0 0;
}

#logo img{
  	width: 100%;
  	height: 100%;
  	display: block;
}

.section{
  	position: relative;
	overflow: hidden;
}

.section_box{
  	position: relative;
}

.section_box > div > div{
  	padding: 120px 0 0;
}

#footer{
  	position: fixed; bottom: 0; z-index: 3;
  	width: 100%;
  	display: block;
  	overflow: hidden;
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

#footer.active{
  	opacity: 1;
}

#footer_up{
  	width: 100%;
  	height: 60px;
  	overflow: hidden;
  	background: #1a1a1a;
}

#logo_novitus{
  	width: 108px;
  	height: 13px;
  	display: block;
  	overflow: hidden;
  	margin: 23.5px 0 0;
}

#logo_novitus img{
  	width: 100%;
  	height: 100%;
  	display: block;
}

#footer_expander{
  	width: 21px;
  	height: 20px;
  	display: block;
  	margin: 19px auto 0;
  	background: url(../gfx/arrow_2_up.png) no-repeat center center;
  	background-size: contain;
  	cursor: pointer;
   	-moz-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

#footer_expander.active{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#icon_email, #icon_tel{
  	height: 31px;
  	overflow: hidden;
  	float: right;
  	padding: 0 0 0 41px;
  	margin: 14.5px 0 0 30px;
  	background: url(../gfx/icon_email.png) no-repeat left center;
  	background-size: 31px 24px;
  	font-family: 'robotoregular', sans-serif;
  	font-size: 16px;
  	line-height: 31px;
  	color: #9a9a9a;
}

#icon_tel{
  	padding: 0 0 0 37px;
  	background: url(../gfx/icon_tel.png) no-repeat left center;
  	background-size: 26px 31px;
}

@media (min-width: 1600px) and (max-width: 1899px) {

.section_box > div > div{
  	padding: 90px 0 0;
}

  
#header{
  	height: 60px;
}

#logo{
  	width: 75px;
  	height: 52px;
  	margin: 4px 0 0;
}

.section{
	padding-bottom: 70px;
}

#footer_up{
  	height: 50px;
}

#logo_novitus{
  	width: 97px;
  	height: 12px;
  	margin: 15px 0 0;
}

#footer_expander{
  	width: 19px;
  	height: 18px;
  	margin: 14px auto 0;
}

#icon_email, #icon_tel{
  	height: 25px;
  	padding: 0 0 0 33px;
  	margin: 12.5px 0 0 24px;
  	background-size: 25px 19px;
  	font-size: 15px;
  	line-height: 25px;
}

#icon_tel{
  	padding: 0 0 0 30px;
  	background-size: 21px 25px;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {

.container-fluid{
  	max-width: 1170px;
}

.section_box > div > div{
  	padding: 70px 0 0;
}

#header{
  	height: 50px;
}

#logo{
  	width: 60px;
  	height: 42px;
  	margin: 4px 0 0;
}

.section{
	padding-bottom: 35px;
}

#footer_up{
  	height: 40px;
}

#logo_novitus{
  	width: 78px;
  	height: 10px;
  	margin: 14px 0 0;
}

#footer_expander{
  	width: 15px;
  	height: 14px;
  	margin: 11px auto 0;
}

#icon_email, #icon_tel{
  	height: 20px;
  	padding: 0 0 0 26px;
  	margin: 10px 0 0 19px;
  	background-size: 20px 15px;
  	font-size: 13px;
  	line-height: 20px;
}

#icon_tel{
  	padding: 0 0 0 24px;
  	background-size: 17px 20px;
}
  
}

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

.container-fluid{
  	max-width: 750px;
}

.section_box > div > div{
  	padding: 60px 0 0;
}

#header{
  	height: 40px;
  	opacity: 1;
}

#logo{
  	width: 48px;
  	height: 34px;
  	margin: 3px 0 0;
}

.section{
	padding-bottom: 20px;
}

#footer{
  	display: block;
  	opacity: 1;
}

#footer_up{
  	height: 35px;
}

#logo_novitus{
  	width: 78px;
  	height: 8px;
  	margin: 13.5px 0 0;
}

#icon_email, #icon_tel{
  	height: 16px;
  	padding: 0 0 0 21px;
  	margin: 8px 0 0 15px;
  	background-size: 16px 12px;
  	font-size: 12px;
  	line-height: 16px;
}

#icon_tel{
  	padding: 0 0 0 19px;
  	background-size: 14px 16px;
}
  
}

@media (max-width: 767px) {

.hidden_mobile{
  	overflow: hidden;
}

.visible_mobile{
  	overflow: visible;
}

.container-fluid{
  	max-width: 100%;
}

.section_box > div > div{
  	padding: 55px 15px 0;
}

#header{
  	height: 40px;
  	opacity: 1;
}

#logo{
  	width: 43px;
  	height: 31px;
  	margin: 4.5px 0 0;
}

.section{
	padding-bottom: 0;
}

#footer{
  	position: static; bottom: auto;
  	display: block;
  	opacity: 1;
}

#footer_up{
  	height: auto;
  	padding: 10px 0;
}

#logo_novitus{
  	width: 78px;
  	height: 8px;
  	margin: 0 auto 3px;
}

#footer_icons{
  	width: 100%;
  	overflow: hidden;
  	margin: 0 auto;
  	text-align: center;
}

#icon_email, #icon_tel{
  	height: 16px;
  	display: inline-block;
  	float: none;
  	padding: 0 0 0 21px;
  	margin: 8px 0 0 15px;
  	background-size: 16px 12px;
  	font-size: 12px;
  	line-height: 16px;
}

#icon_tel{
  	padding: 0 0 0 19px;
  	background-size: 14px 16px;
}
  
}

/* footer expand */
#footer_down{
  	width: 100%;
  	display: none;
  	overflow: hidden;
  	padding: 35px 0 30px;
  	background: #000000;
}

.naglowek_stopka{
  	margin: 0 0 28px;
  	font-family: 'robotobold', sans-serif;
  	font-size: 16px;
  	line-height: 16px;
  	color: #9a9a9a;
}

.naglowek_stopka.naglowek_stopka2{
  	margin: 0 0 13px;
}

.naglowek_stopka span, .naglowek_stopka a{
  	display: inline-block;
  	margin: 0 0 0 5px;
  	font-family: 'robotoregular', sans-serif;
  	font-size: 21px;
  	line-height: 21px;
  	color: #9a9a9a;
}

.footer_description a{
  	display: block;
  	margin: 0;
  	font-family: 'robotoregular', sans-serif;
  	font-size: 12px;
  	line-height: 30px;
  	color: #9a9a9a;
}

#newsletter_email{
  	width: 276px;
  	height: 50px;
  	display: block;
  	float: left;
  	padding: 0 15px;
  	margin: 0 22px 0 0;
  	border: 1px solid #9a9a9a;
  	background: transparent;
  	font-family: 'robotoregular', sans-serif;
  	font-size: 16px;
  	line-height: 50px;
  	color: #ffffff;
}

#newsletter_submit{
  	width: 50px;
  	height: 50px;
  	display: block;
  	float: left;
  	padding: 0;
  	border: none;
  	background: url(../gfx/ok.png) no-repeat center top;
  	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	background-size: contain;
}

.stopka_sep{
  	position: absolute; right: 35px;
  	width: 1px;
  	height:  100%;
  	margin: 0;
  	background: #444444;
}

#stopka_f, #stopka_y{
  	width: 50px;
  	height: 50px;
  	display: block;
  	margin: 0 0 20px;
  	background: url(../gfx/fb.png) no-repeat center top;
  	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	background-size: contain;
}

#stopka_y{
  	margin: 0;
  	background: url(../gfx/yt.png) no-repeat center top;
  	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	background-size: contain;
}

.tresc_stopka{
  	margin: 0 0 28px;
  	font-family: 'robotoregular', sans-serif;
  	font-size: 12px;
  	line-height: 16px;
  	color: #9a9a9a;
}

.stopka_sep2{
  	width: 100%;
  	height: 1px;
  	margin: 29px 0 25px;
  	background: #444444;
}

#copyright{
  	padding: 36px 0 0;
  	margin: 24px 0 0;
  	border-top: 1px solid #444444;
}

#copyright_text{
  	margin: 0 0 16px;
  	font-family: 'robotoregular', sans-serif;
  	font-size: 12px;
  	line-height: 16px;
  	color: #9a9a9a;
}

#copyright_text b{
  	font-family: 'robotobold', sans-serif;
  	font-weight: normal;
}

#copyright_linki{
  	font-family: 'robotoregular', sans-serif;
  	font-size: 12px;
  	line-height: 16px;
  	color: #9a9a9a;
}

@media (min-width: 1600px) and (max-width: 1899px) {
  
#footer_down{
  	padding: 30px 0 25px;
}

.naglowek_stopka{
  	margin: 0 0 22px;
  	font-size: 14px;
  	line-height: 14px;
}

.naglowek_stopka.naglowek_stopka2{
  	margin: 0 0 11px;
}

.naglowek_stopka span, .naglowek_stopka a{
  	margin: 0 0 0 4px;
  	font-size: 17px;
  	line-height: 17px;
}

.footer_description a{
  	font-size: 12px;
  	line-height: 24px;
}

#newsletter_email{
  	width: 221px;
  	height: 40px;
  	padding: 0 12px;
  	margin: 0 18px 0 0;
  	font-size: 14px;
  	line-height: 40px;
}

#newsletter_submit{
  	width: 40px;
  	height: 40px;
}

.stopka_sep{
  	right: 28px;
}

#stopka_f, #stopka_y{
  	width: 40px;
  	height: 40px;
  	margin: 0 0 16px;
}

.tresc_stopka{
  	margin: 0 0 22px;
  	font-size: 12px;
  	line-height: 15px;
}

.stopka_sep2{
  	margin: 23px 0 20px;
}

#copyright{
  	padding: 29px 0 0;
  	margin: 19px 0 0;
}

#copyright_text{
  	margin: 0 0 18px;
  	font-size: 12px;
  	line-height: 15px;
}

#copyright_linki{
  	font-size: 12px;
  	line-height: 15px;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {
  
#footer_down{
  	padding: 25px 0 20px;
}

.naglowek_stopka{
  	margin: 0 0 17px;
  	font-size: 13px;
  	line-height: 13px;
}

.naglowek_stopka.naglowek_stopka2{
  	margin: 0 0 9px;
}

.naglowek_stopka span, .naglowek_stopka a{
  	margin: 0 0 0 3px;
  	font-size: 15px;
  	line-height: 15px;
}

.footer_description a{
  	font-size: 12px;
  	line-height: 18px;
}

#newsletter_email{
  	width: 177px;
  	height: 32px;
  	padding: 0 10px;
  	margin: 0 14px 0 0;
  	font-size: 13px;
  	line-height: 32px;
}

#newsletter_submit{
  	width: 32px;
  	height: 32px;
}

.stopka_sep{
  	right: 20px;
}

#stopka_f, #stopka_y{
  	width: 32px;
  	height: 32px;
  	margin: 0 0 12px;
}

.tresc_stopka{
  	margin: 0 0 17px;
  	font-size: 12px;
  	line-height: 15px;
}

.stopka_sep2{
  	margin: 18px 0 16px;
}

#copyright{
  	padding: 23px 0 0;
  	margin: 15px 0 0;
}

#copyright_text{
  	margin: 0 0 14px;
  	font-size: 12px;
  	line-height: 15px;
}

#copyright_linki{
  	font-size: 12px;
  	line-height: 15px;
}

}

/* menu */
#menu{
  	display: block;
  	float: right;
  	padding: 0;
  	margin: 0; 	
}

#menu li{
  	display: block;
  	float: left;
  	padding: 0 10px;
  	margin: 0; 	
  	list-style: none;
}

#menu li.menu_login{
  	padding: 0 18px;
  	background: #ffa200;
}

#menu li:last-child{
  	padding: 0 18px;
  	background: #000000;
}

#menu li:last-child img{
  	width: 158px;
  	height: 20px;
  	display: block;
  	margin: 20px auto 0;
}

@media (min-width: 1600px) and (max-width: 1899px) {
  
#menu li{
  	padding: 0 8px;
}

#menu li.menu_login, #menu li:last-child{
  	padding: 0 14px;
}

#menu li:last-child img{
  	width: 126px;
  	height: 16px;
  	margin: 18px auto 0;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {

#menu li{
  	padding: 0 7px;
}

#menu li.menu_login, #menu li:last-child{
  	padding: 0 11px;
}

#menu li:last-child img{
  	width: 107px;
  	height: 14px;
  	margin: 15px auto 0;
}
  
}

@media (min-width: 992px) and (max-width: 1199px) {

#menu li{
  	padding: 0 6px;
}

#menu li.menu_login, #menu li:last-child{
  	padding: 0 8px;
}

#menu li:last-child img{
  	width: 96px;
  	height: 13px;
  	margin: 11px auto 0;
}
  
}

#menu li a{
  	width: 100%;
  	height: 70px;
  	display: block;
  	text-align: center;
  	font-family: 'robotolight', sans-serif;
  	font-size: 16px;
  	line-height: 70px;
  	text-align: center;
  	color: #ffffff;
}

@media (min-width: 1600px) and (max-width: 1899px) {
  
#menu li a{
  	height: 60px;
  	font-size: 14px;
  	line-height: 60px;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {

#menu li a{
  	height: 50px;
  	font-size: 14px;
  	line-height: 50px;
}
  
}

@media (min-width: 992px) and (max-width: 1199px) {

#menu li a{
  	height: 40px;
  	font-size: 13px;
  	line-height: 40px;
}
  
}

#menu li.on a{
  	color: #000000;
}

/* menu mobilne */
#menu_mobile_button{
  	display: block;
  	float: right;
  	padding: 0 7px;
  	cursor: pointer;
  	font-family: 'robotoregular', sans-serif;
  	font-size: 14px;
  	line-height: 40px;
  	text-align: center;
  	color: #ffffff;
}

#menu_mobile_box{
  	position: fixed; top: 0; left: 0; z-index: 9999;
  	width: 100%;
  	height: 100%;
  	display: none;
  	background: rgba(0, 0, 0, 0.95);
}

#menu_mobile{
  	width: 100%;
  	display: block;
  	margin: 100px auto 0;
}

@media (max-width: 767px) {

#menu_mobile{
  	width: 100%;
  	display: block;
  	margin: 50px auto 0;
}
  
}

#menu_mobile.mobilek2{
  	margin: 30px auto 0;
}

#menu_mobile.mobilek3{
  	margin: 20px auto 0;
}

#menu_mobile li{
  	position: relative;
  	height: 40px;
  	padding: 0 50px;
  	list-style: none;
}

@media (max-width: 767px) {

#menu_mobile li{
  	padding: 0 20px;
}
  
}

#menu_mobile li a{
  	width: 100%;
  	height: 100%;
  	display: block;
  	font-family: 'robotoregular', sans-serif;
  	font-size: 30px;
  	line-height: 70px;
  	text-align: center;
  	color: #ffffff;
}

#menu_mobile.mobilek2 li a{
  	font-size: 24px;
}

#menu_mobile.mobilek3 li a{
  	font-size: 18px;
}

#menu_mobile li.on a{
  	color: #f99d1c;
}

/* section 1 */
#section_1 .container-fluid.section_box{
  	max-width: 1180px;
}

#img_1_new_box{
  	position: relative;
  	padding: 0 0 211px;
}

#img_1a{
  	width: 469px;
  	height: 456px;
  	margin: 97px 0 0 551px;
  	background: url(../gfx/1a_new.png) no-repeat center top;
  	background-size: contain;
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
  	-moz-transform: translateX(100px);
  	-webkit-transform: translateX(100px);
  	-o-transform: translateX(100px);
  	-ms-transform: translateX(100px);
  	transform: translateX(100px);
}

#img_1a.active{
  	opacity: 1;
  	-moz-transform: translatey(0);
  	-webkit-transform: translatey(0);
  	-o-transform: translatey(0);
  	-ms-transform: translatey(0);
  	transform: translatey(0);
}

#img_1b{
  	position: absolute; top: 202px; left: 253px;
  	width: 473px;
  	height: 290px;
  	margin: 0;
  	background: url(../gfx/1b_new.png) no-repeat center top;
  	background-size: contain;
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
  	-moz-transform: translateX(-100px);
  	-webkit-transform: translateX(-100px);
  	-o-transform: translateX(-100px);
  	-ms-transform: translateX(-100px);
  	transform: translateX(-100px);
}

#img_1b.active{
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1c{
  	position: absolute; top: 429px; left: 529px;
  	width: 308px;
  	height: 139px;
  	margin: 0;
  	background: url(../gfx/1c_new.png) no-repeat center top;
  	background-size: contain;
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
  	-moz-transform: translateX(100px);
  	-webkit-transform: translateX(100px);
  	-o-transform: translateX(100px);
  	-ms-transform: translateX(100px);
  	transform: translateX(100px);
}

#img_1c.active{
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1d{
  	position: absolute; top: 352px; left: 774px;
  	width: 336px;
  	height: 192px;
  	margin: 0;
  	background: url(../gfx/1d_new.png) no-repeat center top;
  	background-size: contain;
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
  	-moz-transform: translateX(100px);
  	-webkit-transform: translateX(100px);
  	-o-transform: translateX(100px);
  	-ms-transform: translateX(100px);
  	transform: translateX(100px);
}

#img_1d.active{
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1e{
  	position: absolute; top: 331px; left: 147px;
  	width: 218px;
  	height: 213px;
  	margin: 0;
  	background: url(../gfx/1e_new.png) no-repeat center top;
  	background-size: contain;
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
  	-moz-transform: translateX(-100px);
  	-webkit-transform: translateX(-100px);
  	-o-transform: translateX(-100px);
  	-ms-transform: translateX(-100px);
  	transform: translateX(-100px);
}

#img_1e.active{
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1f{
  	position: absolute; top: 16px; left: 136px;
  	width: 164px;
  	height: 46px;
  	display: block;
  	margin: 0;
  	background: url(../gfx/1f_new.png) no-repeat center top;
  	background-size: contain;
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
  	-moz-transform: translateX(-100px);
  	-webkit-transform: translateX(-100px);
  	-o-transform: translateX(-100px);
  	-ms-transform: translateX(-100px);
  	transform: translateX(-100px);
}

#img_1f.active{
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1g{
  	position: absolute; top: 72px; left: 136px;
  	width: 164px;
  	height: 46px;
  	display: block;
  	margin: 0;
  	background: url(../gfx/1g_new.png) no-repeat center top;
  	background-size: contain;
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
  	-moz-transform: translateX(-100px);
  	-webkit-transform: translateX(-100px);
  	-o-transform: translateX(-100px);
  	-ms-transform: translateX(-100px);
  	transform: translateX(-100px);
}

#img_1g.active{
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#section_1 .heading_1, #section_1 .text_1{
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

#section_1 .heading_1.active, #section_1 .text_1.active{
  	opacity: 1;
}

@media (min-width: 1600px) and (max-width: 1899px) {

#section_1 .container-fluid.section_box{
  	max-width: 1180px;
}

#img_1_new_box{
  	width: 80%;
  	padding: 0 0 169px;
  	margin: 0 auto;
}

#img_1a{
  	width: 375px;
  	height: 365px;
  	margin: 78px 0 0 441px;
}

#img_1b{
  	top: 162px; left: 202px;
  	width: 378px;
  	height: 232px;
}

#img_1c{
  	top: 343px; left: 423px;
  	width: 246px;
  	height: 111px;
}

#img_1d{
  	top: 282px; left: 619px;
  	width: 269px;
  	height: 154px;
}

#img_1e{
  	top: 265px; left: 118px;
  	width: 174px;
  	height: 170px;
}

#img_1f{
  	top: 13px; left: 109px;
  	width: 131px;
  	height: 37px;
}

#img_1g{
  	top: 58px; left: 109px;
  	width: 131px;
  	height: 37px;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {

#section_1 .container-fluid.section_box{
  	max-width: 940px;
}

#img_1_new_box{
  	padding: 0 0 169px;
}

#img_1a{
  	width: 375px;
  	height: 365px;
  	margin: 78px 0 0 441px;
}

#img_1b{
  	top: 162px; left: 202px;
  	width: 378px;
  	height: 232px;
}

#img_1c{
  	top: 343px; left: 423px;
  	width: 246px;
  	height: 111px;
}

#img_1d{
  	top: 282px; left: 619px;
  	width: 269px;
  	height: 154px;
}

#img_1e{
  	top: 265px; left: 118px;
  	width: 174px;
  	height: 170px;
}

#img_1f{
  	top: 13px; left: 109px;
  	width: 131px;
  	height: 37px;
}

#img_1g{
  	top: 58px; left: 109px;
  	width: 131px;
  	height: 37px;
}

}

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

#section_1 .container-fluid.section_box{
  	max-width: 750px;
}

#img_1_new_box{
  	padding: 0 0 135px;
}

#img_1a{
  	width: 300px;
  	height: 292px;
  	margin: 62px 0 0 353px;
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1b{
  	top: 130px; left: 162px;
  	width: 302px;
  	height: 186px;
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1c{
  	top: 274px; left: 338px;
  	width: 197px;
  	height: 89px;
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1d{
  	top: 226px; left: 495px;
  	width: 215px;
  	height: 123px;
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1e{
  	top: 212px; left: 94px;
  	width: 139px;
  	height: 136px;
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1f{
  	top: 10px; left: 87px;
  	width: 105px;
  	height: 30px;
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1g{
  	top: 46px; left: 87px;
  	width: 105px;
  	height: 30px;
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#section_1 .heading_1, #section_1 .text_1{
  	opacity: 1;
}

}

@media (max-width: 767px) {

#section_1 .container-fluid.section_box{
  	max-width: 100%;
}

#img_1_new_box{
  	width: 280px;
  	padding: 0 0 90px;
  	margin: 0 auto;
}

#img_1a{
  	width: 240px;
  	height: 234px;
  	margin: 50px 0 0 68px;
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1b{
  	top: 104px; left: -5px;
  	width: 242px;
  	height: 149px;
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1c{
  	top: 219px; left: 56px;
  	width: 158px;
  	height: 71px;
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1d{
  	top: 181px; left: 163px;
  	width: 172px;
  	height: 98px;
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1e{
  	top: 170px; left: -34px;
  	width: 111px;
  	height: 109px;
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1f{
  	top: 8px; left: 0;
  	width: 101px;
  	height: 29px;
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#img_1g{
  	top: 44px; left: 0;
  	width: 101px;
  	height: 29px;
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#section_1 .heading_1, #section_1 .text_1{
  	opacity: 1;
}
  
}

/* section 2 */
#section_2 .container-fluid.section_box{
  	max-width: 1180px;
}

#text_2_box{
  	overflow: hidden;
}

#img_2a{
  	width: 450px;
  	height: 389px;
  	float: right;
  	margin: 40px 0 0 20px;
  	background: url(../gfx/2a.png) no-repeat center top;
  	background-size: contain;
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
  	-moz-transform: translateX(100px);
  	-webkit-transform: translateX(100px);
  	-o-transform: translateX(100px);
  	-ms-transform: translateX(100px);
  	transform: translateX(100px);
}

#img_2a.active{
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#section_2 .heading_1{
  	margin-bottom: 30px;
}

#section_2 .heading_2, #section_2 .text_1{
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

#section_2 .heading_2.active, #section_2 .text_1.active{
  	opacity: 1;
}

@media (min-width: 1600px) and (max-width: 1899px) {

#section_2 .container-fluid.section_box{
  	max-width: 1180px;
}

#img_2a{
  	width: 383px;
  	height: 331px;
  	margin: 34px 0 0 17px;
}

#section_2 .heading_1{
  	margin-bottom: 26px;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {

#section_2 .container-fluid.section_box{
  	max-width: 940px;
}

#img_2a{
  	width: 306px;
  	height: 265px;
  	margin: 27px 0 0 14px;
}

#section_2 .heading_1{
  	margin-bottom: 21px;
}

}

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

#section_2 .container-fluid.section_box{
  	max-width: 750px;
}

#img_2a{
  	width: 260px;
  	height: 226px;
  	margin: 23px 0 0 12px;
  	opacity: 1;
}

#section_2 .heading_1{
  	margin-bottom: 17px;
}

#section_2 .heading_2, #section_2 .text_1{
  	opacity: 1;
}

}

@media (max-width: 767px) {

#section_2 .container-fluid.section_box{
  	max-width: 100%;
}

#img_2b{
  	width: 208px;
  	height: 181px;
  	margin: 0 auto;
  	background: url(../gfx/2a.png) no-repeat center top;
  	background-size: contain;
}

#section_2 .heading_1{
  	margin-bottom: 14px;
}

#section_2 .heading_2, #section_2 .text_1{
  	opacity: 1;
}
  
}

/* section 3 */
#section_3{
  	overflow: visible;
}

#section_3 .container-fluid.section_box{
  	max-width: 1180px;
}

#section_3 .heading_2{
  	margin: 20px 0 45px;
}

#section_3 .text_1{
  	margin: 35px 0 0;
}

#text_3_box{
  	overflow: hidden;
  	padding-left: 275px;
}

#section_3 .text_1 img{
  	width: 72px;
  	height: 72px;
  	display: block;
  	float: left;
  	margin: 0 20px 0 0;
}

#img_3a{
  	position: absolute; top: 583px; left: 0; z-index: 1;
  	width: 666px;
  	height: 426px;
  	margin: 0;
  	background: url(../gfx/3a.png) no-repeat center top;
  	background-size: contain;
}

#img_3b{
  	position: absolute; top: 230px; left: -400px;
  	width: 1085px;
  	height: 830px;
  	margin: 0;
  	background: url(../gfx/3b.png) no-repeat center top;
  	background-size: contain;
}

#section_3 .heading_2, #section_3 .subheading_1, #section_3 .section_3_text{
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

#section_3 .heading_2.active, #section_3 .subheading_1.active, #section_3 .section_3_text.active{
  	opacity: 1;
}

@media (min-width: 1600px) and (max-width: 1899px) {

#section_3 .container-fluid.section_box{
  	max-width: 1180px;
}

#section_3 .heading_2{
  	margin: 17px 0 38px;
}

#section_3 .text_1{
  	margin: 30px 0 0;
}

#text_3_box{
  	padding-left: 234px;
}

#section_3 .text_1 img{
  	width: 61px;
  	height: 61px;
  	margin: 0 17px 0 0;
}

#img_3a{
  	top: 496px; left: -50px;
  	width: 533px;
  	height: 341px;
}

#img_3b{
  	top: 196px; left: -390px;
  	width: 868px;
  	height: 664px;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {

#section_3 .container-fluid.section_box{
  	max-width: 940px;
}

#section_3 .heading_2{
  	margin: 14px 0 30px;
}

#section_3 .text_1{
  	margin: 24px 0 0;
}

#text_3_box{
  	padding-left: 187px;
}

#section_3 .text_1 img{
  	width: 49px;
  	height: 49px;
  	margin: 0 14px 0 0;
}

#img_3a{
  	top: 397px; left: -40px;
  	width: 426px;
  	height: 273px;
}

#img_3b{
  	top: 157px; left: -312px;
  	width: 694px;
  	height: 531px;
}

}

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

#section_3 .container-fluid.section_box{
  	max-width: 750px;
}

#section_3 .heading_2{
  	margin: 11px 0 24px;
}

#section_3 .text_1{
  	margin: 19px 0 0;
}

#text_3_box{
  	padding-left: 150px;
}

#section_3 .text_1 img{
  	width: 39px;
  	height: 39px;
  	margin: 0 11px 0 0;
}

#img_3a{
  	top: 318px; left: -62px;
  	width: 341px;
  	height: 218px;
}

#img_3b{
  	top: 126px; left: -280px;
  	width: 555px;
  	height: 425px;
}

#section_3 .heading_2, #section_3 .subheading_1, #section_3 .section_3_text{
  	opacity: 1;
}

}

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


#img_3a{
  	left: -142px;
}

#img_3b{
  	left: -320px;
}

}

@media (max-width: 767px) {

#section_3{
  	overflow: hidden;
}

#section_3 .container-fluid.section_box{
  	max-width: 100%;
}

#section_3 .heading_2{
  	margin: 9px 0 19px;
}

#section_3 .text_1{
  	margin: 0;
}

#text_3_box{
  	overflow: visible;
  	padding-left: 0;
}

#section_3 .text_1 img{
  	width: 31px;
  	height: 31px;
  	float: none;
  	margin: 0 auto 6px;
}

#img_3_box{
  	position: relative;
  	width: 350px;
  	height: 280px;
  	margin: 25px auto 0;
}

#img_3c{
  	position: absolute; top: 100px; right: -40px; z-index: 1;
  	width: 273px;
  	height: 174px;
  	margin: 0;
  	background: url(../gfx/3a.png) no-repeat center top;
  	background-size: contain;
}

#img_3d{
  	position: absolute; top: 0; left: -90px;
  	width: 444px;
  	height: 340px;
  	margin: 0;
  	background: url(../gfx/3b.png) no-repeat center top;
  	background-size: contain;
}

#section_3 .heading_2, #section_3 .subheading_1, #section_3 .section_3_text{
  	opacity: 1;
}
  
}

/* section 4 */
#section_4{
  	overflow: visible;
}

#section_4 .container-fluid.section_box{
  	max-width: 1180px;
}

#section_4 .heading_2{
  	margin: 20px 0 45px;
}

#text_4_box{
  	width: 720px;
}

#img_4_box{
  	position: absolute;
  	width: 100%;
  	height: 200%;
  	overflow: hidden;
}

#img_4a{
  	position: absolute; top: 318px; right: 0px; z-index: 2;
  	width: 787px;
  	height: 706px;
  	margin: 0;
  	background: url(../gfx/4a.png) no-repeat center top;
  	background-size: contain;
}

#img_4b{
  	position: absolute; top: 275px; right: -312px; z-index: 1;
  	width: 583px;
  	height: 353px;
  	margin: 0;
  	background: url(../gfx/4b.png) no-repeat center top;
  	background-size: contain;
}

#img_4c{
  	position: absolute; top: 140px; right: 158px;
  	width: 229px;
  	height: 140px;
  	margin: 0;
  	background: url(../gfx/4c.png) no-repeat center top;
  	background-size: contain;
}

#section_4 .heading_2, #section_4 .subheading_1, #section_4 .text_1{
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

#section_4 .heading_2.active, #section_4 .subheading_1.active, #section_4 .text_1.active{
  	opacity: 1;
}

@media (min-width: 1600px) and (max-width: 1899px) {

#section_4 .container-fluid.section_box{
  	max-width: 1180px;
}

#section_4 .heading_2{
  	margin: 17px 0 38px;
}

#text_4_box{
  	width: 720px;
}

#img_4a{
  	top: 270px; right: 0px;
  	width: 630px;
  	height: 565px;
}

#img_4b{
  	top: 234px; right: -265px;
  	width: 466px;
  	height: 282px;
}

#img_4c{
  	top: 112px; right: 126px;
  	width: 183px;
  	height: 112px;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {

#section_4 .container-fluid.section_box{
  	max-width: 940px;
}

#section_4 .heading_2{
  	margin: 14px 0 30px;
}

#text_4_box{
  	width: 576px;
}

#img_4a{
  	top: 216px; right: 0px;
  	width: 504px;
  	height: 452px;
}

#img_4b{
  	top: 187px; right: -212px;
  	width: 373px;
  	height: 226px;
}

#img_4c{
  	top: 90px; right: 101px;
  	width: 146px;
  	height: 90px;
}

}

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

#section_4 .container-fluid.section_box{
  	max-width: 750px;
}

#section_4 .heading_2{
  	margin: 11px 0 24px;
}

#text_4_box{
  	width: 461px;
}

#img_4a{
  	top: 173px; right: 0px;
  	width: 403px;
  	height: 362px;
}

#img_4b{
  	top: 150px; right: -170px;
  	width: 298px;
  	height: 181px;
}

#img_4c{
  	top: 72px; right: 81px;
  	width: 117px;
  	height: 72px;
}

#section_4 .heading_2, #section_4 .subheading_1, #section_4 .text_1{
  	opacity: 1;

}

}

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

#img_4a{
  	right: -80px;
}

#img_4b{
  	right: -250px;
}

#img_4c{
  	right: 1px;
}

}

@media (max-width: 767px) {

#section_4{
  	overflow: hidden;
}

#section_4 .container-fluid.section_box{
  	max-width: 100%;
}

#section_4 .heading_2{
  	margin: 9px 0 19px;
}

#text_4_box{
  	width: 100%;
}

#img_4b_box{
  	position: relative;
  	width: 350px;
  	height: 280px;
  	margin: -30px auto 0;
}

#img_4d{
  	position: absolute; top: 81px; right: 0px; z-index: 2;
  	width: 322px;
  	height: 290px;
  	margin: 0;
  	background: url(../gfx/4a.png) no-repeat center top;
  	background-size: contain;
}

#img_4e{
  	position: absolute; top: 62px; right: -136px; z-index: 1;
  	width: 238px;
  	height: 145px;
  	margin: 0;
  	background: url(../gfx/4b.png) no-repeat center top;
  	background-size: contain;
}

#img_4f{
  	position: absolute; top: 0; right: 65px;
  	width: 94px;
  	height: 58px;
  	margin: 0;
  	background: url(../gfx/4c.png) no-repeat center top;
  	background-size: contain;
}

#section_4 .heading_2, #section_4 .subheading_1, #section_4 .text_1{
  	opacity: 1;

}
  
}

/* section 5 */
#section_5{
  	padding-bottom: 230px;
}

#section_5 .container-fluid.section_box{
  	max-width: 1180px;
}

#section_5 .heading_2{
  	margin: 20px 0 45px;
}

#text_5_box{
  	overflow: hidden;
  	padding-left: 455px;
}

#section_5 .text_1{
  	margin: 0 0 388px;
}

#section_5 .button{
  	margin: 25px 0 0;
}

#img_5a{
  	position: absolute; top: 56px; left: -369px;
  	width: 1054px;
  	height: 889px;
  	margin: 0;
  	background: url(../gfx/5a.png) no-repeat center top;
  	background-size: contain;
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
  	-moz-transform: translateX(-100px);
  	-webkit-transform: translateX(-100px);
  	-o-transform: translateX(-100px);
  	-ms-transform: translateX(-100px);
  	transform: translateX(-100px);
}

#img_5a.active{
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#section_5 .heading_2, #section_5 .subheading_1, #section_5 .text_1, #section_5_button{
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

#section_5 .heading_2.active, #section_5 .subheading_1.active, #section_5 .text_1.active, #section_5_button.active{
  	opacity: 1;
}

@media (min-width: 1600px) and (max-width: 1899px) {

#section_5{
  	padding-bottom: 196px;
}

#section_5 .container-fluid.section_box{
  	max-width: 1180px;
}

#section_5 .heading_2{
  	margin: 17px 0 38px;
}

#text_5_box{
  	padding-left: 387px;
}

#section_5 .text_1{
  	margin: 0 0 285px;
}

#section_5 .button{
  	margin: 21px 0 0;
}

#img_5a{
  	top: 0px; left: -285px;
  	width: 843px;
  	height: 711px;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {

#section_5{
  	padding-bottom: 157px;
}

#section_5 .container-fluid.section_box{
  	max-width: 940px;
}

#section_5 .heading_2{
  	margin: 14px 0 30px;
}

#text_5_box{
  	padding-left: 310px;
}

#section_5 .text_1{
  	margin: 0 0 228px;
}

#section_5 .button{
  	margin: 17px 0 0;
}

#img_5a{
  	top: 0px; left: -228px;
  	width: 674px;
  	height: 567px;
}

}

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

#section_5{
  	padding-bottom: 125px;
}

#section_5 .container-fluid.section_box{
  	max-width: 750px;
}

#section_5 .heading_2{
  	margin: 11px 0 24px;
}

#text_5_box{
  	padding-left: 248px;
}

#section_5 .text_1{
  	margin: 0 0 130px;
}

#section_5 .button{
  	margin: 14px 0 0;
}

#img_5a{
  	top: 0px; left: -182px;
  	width: 539px;
  	height: 454px;
  	opacity: 1;
  	-moz-transform: translateX(0);
  	-webkit-transform: translateX(0);
  	-o-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}

#section_5 .heading_2, #section_5 .subheading_1, #section_5 .text_1, #section_5_button{
  	opacity: 1;
}

}

@media (max-width: 767px) {

#section_5{
  	padding-bottom: 45px;
}

#section_5 .container-fluid.section_box{
  	max-width: 100%;
}

#section_5 .heading_2{
  	margin: 9px 0 19px;
}

#text_5_box{
  	padding-left: 0;
}

#section_5 .text_1{
  	margin: 0 0 40px;
}

#section_5 .button{
  	margin: 11px 0 0;
}

#img_5_box{
  	position: relative;
  	width: 350px;
  	height: 245px;
  	margin: -10px auto 0;
}

#img_5b{
  	position: absolute; top: 0px; left: 20px;
  	width: 323px;
  	height: 285px;
  	margin: 0;
  	background: url(../gfx/5b.png) no-repeat center top;
  	background-size: contain;
}

#section_5 .heading_2, #section_5 .subheading_1, #section_5 .text_1, #section_5_button{
  	opacity: 1;
}

}

/* cennik */
#section_cennik{
  	padding-bottom: 35px;
}

#section_cennik .container-fluid.section_box{
  	max-width: 1180px;
}

#section_cennik .section_box2 > div > div{
  	padding: 0;
}

#section_cennik .section_box2 > div > div.cennik_left{
  	position: relative;
  	padding-right: 39px;
  	margin: 0 0 53px;
}

#section_cennik .section_box2 > div > div.cennik_right{
  	position: relative;
  	padding-left: 56px;
  	margin: 0 0 53px;
  	border-left: 1px solid #ffffff;
}

#section_cennik .heading_2{
  	margin: 4px 0 70px;  	
}

#section_cennik .heading_3{
  	margin-bottom: 24px;	
}

.cennik_text_box{
  	overflow: hidden;
}

#cennik_img_1a{
  	width: 265px;
  	height: 264px;
  	float: right;
  	margin: 0 0 0 20px;
  	background: url(../gfx/cennik_1a.png) no-repeat center top;
  	background-size: contain;
}

#cennik_img_1b{
  	position: relative;
  	width: 440px;
  	height: 273px;
  	margin: -36px 0 0 160px;
  	background: url(../gfx/cennik_1b.png) no-repeat center top;
  	background-size: contain;
}

#cennik_img_1c{
  	position: absolute; bottom: 8px; left: -55px;
  	width: 334px;
  	height: 314px;
  	margin: 0;
  	background: url(../gfx/cennik_1c.png) no-repeat center top;
  	background-size: contain;
}

#cennik_img_2_box{
  	position: absolute; top: -16px; left: 260px;
  	overflow: hidden;
}

#cennik_img_2a{
  	width: 165px;
  	height: 112px;
  	margin: 0;
  	background: url(../gfx/cennik_2a.png) no-repeat center top;
  	background-size: contain;
}

#cennik_img_2b{
  	width: 318px;
  	height: 217px;
  	margin: -40px 0 0;
  	background: url(../gfx/cennik_2b.png) no-repeat center top;
  	background-size: contain;
}

#section_cennik .button{
  	margin-top: 24px;
}

@media (min-width: 1600px) and (max-width: 1899px) {

#section_cennik{
  	padding-bottom: 30px;
}

#section_cennik .container-fluid.section_box{
  	max-width: 1180px;
}

#section_cennik .section_box2 > div > div.cennik_left{
  	padding-right: 35px;
  	margin: 0 0 48px;
}

#section_cennik .section_box2 > div > div.cennik_right{
  	padding-left: 50px;
  	margin: 0 0 48px;
}

#section_cennik .heading_2{
  	margin: 4px 0 63px;  	
}

#section_cennik .heading_3{
  	margin-bottom: 22px;	
}

#cennik_img_1a{
  	width: 225px;
  	height: 224px;
  	margin: 0 0 0 18px;
}

#cennik_img_1b{
  	width: 374px;
  	height: 232px;
  	margin: -19px 0 0 140px;
}

#cennik_img_1c{
  	bottom: 7px; left: -47px;
  	width: 284px;
  	height: 267px;
}

#cennik_img_2_box{
  	top: -16px; left: 260px;
}

#cennik_img_2a{
  	width: 165px;
  	height: 112px;
  	margin: 0;
}

#cennik_img_2b{
  	width: 270px;
  	height: 185px;
  	margin: -36px 0 0;
}

#section_cennik .button{
  	margin-top: 22px;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {

#section_cennik{
  	padding-bottom: 70px;
}

#section_cennik .container-fluid.section_box{
  	max-width: 940px;
}

#section_cennik .section_box2 > div > div.cennik_left{
  	padding-right: 28px;
  	margin: 0 0 38px;
}

#section_cennik .section_box2 > div > div.cennik_right{
  	padding-left: 40px;
  	margin: 0 0 38px;
}

#section_cennik .heading_2{
  	margin: 3px 0 50px;  	
}

#section_cennik .heading_3{
  	margin-bottom: 18px;	
}

#cennik_img_1a{
  	width: 180px;
  	height: 179px;
  	margin: 0 0 0 14px;
}

#cennik_img_1b{
  	width: 299px;
  	height: 186px;
  	margin: 12px 0 0 112px;
}

#cennik_img_1c{
  	bottom: 6px; left: -38px;
  	width: 227px;
  	height: 214px;
}

#cennik_img_2_box{
  	top: -16px; left: 246px;
}

#cennik_img_2a{
  	width: 140px;
  	height: 95px;
  	margin: 0;
}

#cennik_img_2b{
  	width: 216px;
  	height: 148px;
  	margin: -29px 0 0;
}

#section_cennik .button{
  	margin-top: 18px;
}

}

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

#section_cennik{
  	padding-bottom: 60px;
}

#section_cennik .container-fluid.section_box{
  	max-width: 750px;
}

#section_cennik .section_box2 > div > div.cennik_left{
  	padding-right: 22px;
  	margin: 0 0 30px;
}

#section_cennik .section_box2 > div > div.cennik_right{
  	padding-left: 32px;
  	margin: 0 0 30px;
}

#section_cennik .heading_2{
  	margin: 3px 0 40px;  	
}

#section_cennik .heading_3{
  	margin-bottom: 14px;	
}

#cennik_img_1a{
  	width: 144px;
  	height: 143px;
  	margin: 0 0 0 11px;
}

#cennik_img_1b{
  	width: 239px;
  	height: 149px;
  	margin: 12px 0 0 90px;
}

#cennik_img_1c{
  	bottom: 5px; left: -30px;
  	width: 182px;
  	height: 171px;
}

#cennik_img_2_box{
  	top: -16px; left: 200px;
}

#cennik_img_2a{
  	width: 119px;
  	height: 81px;
  	margin: 0;
}

#cennik_img_2b{
  	width: 173px;
  	height: 118px;
  	margin: -23px 0 0;
}

#section_cennik .button{
  	margin-top: 14px;
}

}

@media (max-width: 767px) {

#section_cennik{
  	padding-bottom: 30px;
}

#section_cennik .container-fluid.section_box{
  	width: 100%;
  	max-width: 420px;
}

#section_cennik .section_box2 > div > div.cennik_left{
  	padding: 0 15px;
  	margin: 0 0 15px;
}

#section_cennik .section_box2 > div > div.cennik_right{
  	padding: 0 15px 15px;
  	margin: 0 0 35px;
  	border-left: 0;
}

#section_cennik .container-fluid > div > div{
  	padding: 0 15px;
}

#section_cennik .heading_2{
  	margin: 3px 0 32px;  	
}

#section_cennik .heading_3{
  	margin-bottom: 11px;	
}

.cennik_left .text_1, .cennik_right .text_1{
  	text-align: left;
}

#cennik_img_1a{
  	width: 115px;
  	height: 114px;
  	margin: 0 0 0 9px;
}

#cennik_img_1b{
  	width: 191px;
  	height: 119px;
  	float: right;
  	margin: 30px -17px 0 0;
}

#cennik_img_1c{
  	bottom: 5px; left: auto; right: 134px;
  	width: 146px;
  	height: 137px;
}

#cennik_img_2_box{
  	top: -5px; left: 150px;
}

#cennik_img_2a{
  	width: 82px;
  	height: 56px;
  	margin: 0;
}

#cennik_img_2b{
  	width: 138px;
  	height: 94px;
  	margin: -18px 0 0;
}

.cennik_sep{
  	position: absolute; left: 15px; bottom: 0;
  	width: 90%;
  	max-width: 420px;
  	height: 1px;
  	background: #ffffff;
}

#section_cennik .button{
  	margin-top: 18px;
}

}

/* wsparcie */
#section_wsparcie{
  	padding-bottom: 100px;
}

#section_wsparcie .container-fluid.section_box{
  	max-width: 1180px;
}

#form{
  	width: 898px;
  	display: block;
  	margin: 45px auto 0;
}

.form_left{
  	width: 440px;
  	float: left;
  	margin: 0 18px 19px 0;
}

.form_right{
  	width: 440px;
  	float: left;
  	margin: 0 0 19px;
}

.form_center{
  	width: 257px;
  	float: left;
  	margin: 0;
}

.form_right2{
  	width: 165px;
  	float: left;
  	margin: 0 0 19px 18px;
}

#form input[type="text"]{
  	width: 100%;
  	height: 53px;
  	display: block;
  	padding: 0 15px;
  	border: 0;
  	background: #ffffff;
  	font-family: 'robotolight', sans-serif;
  	font-size: 16px;
  	line-height: 53px;
  	color: #3b3b3b;
  	-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.15);
  	box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.15);
}

#form textarea{
  	width: 100%;
  	height: 193px;
  	display: block;
  	padding: 17px 15px;
  	border: 0;
  	background: #ffffff;
  	font-family: 'robotolight', sans-serif;
  	font-size: 16px;
  	line-height: 20px;
  	color: #3b3b3b;
  	-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.15);
  	box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.15);
}

#form .button{
  	margin: 38px 0 0;
}

#message_fade{
  	position: fixed; top: 0; left: 0; z-index: 300;
  	width: 100%;
  	height: 100%;
  	overflow: hidden;
  	padding: 0 35px;
  	cursor: pointer;
  	background: #24add8;
}

#message_fade .heading_1{
  	margin: 220px 0 0;
}

#close_btn{
  	position: absolute; top: 100px; right: 0;
  	width: 60px;
  	height: 60px;
  	display: block;
  	overflow: hidden;
  	margin: 0;
  	background: url(../gfx/close.png) no-repeat center top;
  	cursor: pointer;
  	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	background-size: contain;
}

.grecaptcha-badge{
  	z-index: 3;
}

#video_box iframe{
	width: 350px;
	height: 197px;
}

@media (min-width: 1600px) and (max-width: 1899px) {

#section_wsparcie{
  	padding-bottom: 85px;
}

#section_wsparcie .container-fluid.section_box{
  	max-width: 1180px;
}

#form{
  	width: 898px;
  	margin: 40px auto 0;
}

.form_left{
  	width: 440px;
  	margin: 0 18px 17px 0;
}

.form_right{
  	width: 440px;
  	margin: 0 0 17px;
}

.form_center{
  	width: 257px;
}

.form_right2{
  	width: 165px;
  	margin: 0 0 17px 18px;
}

#form input[type="text"]{
  	height: 48px;
  	padding: 0 14px;
  	font-size: 15px;
  	line-height: 48px;
}

#form textarea{
  	height: 193px;
  	padding: 15px 14px;
  	font-size: 15px;
  	line-height: 19px;
}

#form .button{
  	margin: 34px 0 0;
}

#message_fade .heading_1{
  	margin: 180px 0 0;
}

#close_btn{
  	top: 80px;
  	width: 48px;
  	height: 48px;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {

#section_wsparcie{
  	padding-bottom: 70px;
}

#section_wsparcie .container-fluid.section_box{
  	max-width: 940px;
}

#form{
  	width: 719px;
  	margin: 32px auto 0;
}

.form_left{
  	width: 352px;
  	margin: 0 14px 14px 0;
}

.form_right{
  	width: 352px;
  	margin: 0 0 14px;
}

.form_center{
  	width: 206px;
}

.form_right2{
  	width: 132px;
  	margin: 0 0 14px 14px;
}

#form input[type="text"]{
  	height: 38px;
  	padding: 0 11px;
  	font-size: 14px;
  	line-height: 38px;
}

#form textarea{
  	height: 154px;
  	padding: 12px 11px;
  	font-size: 14px;
  	line-height: 17px;
}

#form .button{
  	margin: 27px 0 0;
}

#message_fade .heading_1{
  	margin: 160px 0 0;
}

#close_btn{
  	top: 60px;
  	width: 38px;
  	height: 38px;
}

#video_box iframe{
	width: 276px;
	height: 155px;
}

}

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

#section_wsparcie{
  	padding-bottom: 60px;
}

#section_wsparcie .container-fluid.section_box{
  	max-width: 750px;
}

#form{
  	width: 609px;
  	margin: 26px auto 0;
}

.form_left{
  	width: 299px;
  	margin: 0 11px 11px 0;
}

.form_right{
  	width: 299px;
  	margin: 0 0 11px;
}

.form_center{
  	width: 175px;
}

.form_right2{
  	width: 112px;
  	margin: 0 0 11px 11px;
}

#form input[type="text"]{
  	height: 30px;
  	padding: 0 9px;
  	font-size: 13px;
  	line-height: 30px;
}

#form textarea{
  	height: 131px;
  	padding: 10px 9px;
  	font-size: 13px;
  	line-height: 16px;
}

#form .button{
  	margin: 22px 0 0;
}

#message_fade .heading_1{
  	margin: 140px 0 0;
}

#close_btn{
  	top: 35px; right: 35px;
  	width: 30px;
  	height: 30px;
}

#video_box iframe{
	width: 220px;
	height: 123px;
}

}

@media (max-width: 767px) {

#section_wsparcie{
  	padding-bottom: 35px;
}

#section_wsparcie .container-fluid.section_box{
  	max-width: 100%;
}

#form{
  	width: 100%;
  	margin: 21px auto 0;
}

.form_left{
  	width: 100%;
  	float: none;
  	margin: 0 0 10px 0;
}

.form_right{
  	width: 100%;
  	float: none;
  	margin: 0 0 10px 0;
}

.form_center{
  	width: 100%;
  	float: none;
  	margin: 0 0 10px 0;
}

.form_right2{
  	width: 100%;
  	float: none;
  	margin: 0 0 10px 0;
}

#form input[type="text"]{
  	height: 28px;
  	padding: 0 7px;
  	font-size: 12px;
  	line-height: 28px;
}

#form textarea{
  	height: 120px;
  	padding: 8px 7px;
  	font-size: 12px;
  	line-height: 14px;
}

#form .button{
  	margin: 18px 0 0;
}

#message_fade .heading_1{
  	margin: 100px 0 0;
}

#close_btn{
  	top: 25px; right: 15px;
  	width: 24px;
  	height: 24px;
}

#video_box iframe{
	width: 276px;
	height: 155px;
	display: block;
	margin: 35px auto 0;
}

}

/* cookies */
#cookies-message-box{
  	position: fixed; left: 0; bottom: 0; z-index: 9;
  	width: 100%;
  	overflow: hidden;
  	background: #1a1a1a;
}

#cookies-message{
  	width: 780px;
  	overflow: hidden;
  	padding: 20px 0;
  	margin: 0 auto;
  	font-family: 'robotoregular', sans-serif;
  	font-size: 14px;
  	line-height: 20px;
  	text-align: center;
  	color: #ffffff;	
}

#cookies-message a{
  	display: inline-block;
  	padding: 3px 20px;
  	margin: 15px 10px 0;
  	background: #ffffff;
  	cursor: pointer;
  	font-family: 'robotobold', sans-serif;
  	line-height: 30px;
  	color: #1a1a1a;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
}

@media (min-width: 1200px) and (max-width: 1599px) {

#cookies-message{
  	width: 700px;
  	padding: 16px 0;
  	font-size: 12px;
  	line-height: 18px;
}

#cookies-message a{
  	padding: 2px 15px;
  	margin: 12px 8px 0;
}

}

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

#cookies-message{
  	width: 700px;
  	padding: 16px 0;
  	font-size: 12px;
  	line-height: 18px;
}

#cookies-message a{
  	padding: 2px 15px;
  	margin: 12px 8px 0;
}

}

@media (max-width: 767px) {

#cookies-message{
  	width: 100%;
  	padding: 12px 10px;
  	font-size: 11px;
  	line-height: 14px;
}

#cookies-message a{
  	padding: 4px 8px;
  	margin: 8px 5px 0;
  	line-height: 12px;
}

}

/* fonts styles */
.heading_1{
  	font-family: 'robotothin', sans-serif;
  	font-size: 56px;
  	line-height: 56px;
  	text-transform: uppercase;
  	color: #ffffff;	
}

.heading_2{
  	font-family: 'robotothin', sans-serif;
  	font-size: 68px;
  	line-height: 68px;
  	text-transform: uppercase;
  	color: #ffffff;	
}

.heading_3{
  	font-family: 'robotolight', sans-serif;
  	font-size: 38px;
  	line-height: 44px;
  	color: #ffffff;	
}

.heading_3 .small{
  	display: block;
  	margin-top: 6px;
  	font-size: 26px;
  	line-height: 30px;
}

.subheading_1{
  	font-family: 'robotothin', sans-serif;
  	font-size: 31px;
  	line-height: 31px;
  	color: #ffffff;	
}

.text_1{
  	font-family: 'robotolight', sans-serif;
  	font-size: 18px;
  	line-height: 26px;
  	color: #ffffff;	
}

.text_1 a{
  	font-family: 'robotobold', sans-serif;
  	font-weight: normal;
  	text-decoration: underline;
}

.text_1 ul{
  	margin-left: 20px;
}

.price_1{
  	font-family: 'robotolight', sans-serif;
  	font-size: 48px;
  	line-height: 48px;
  	color: #ffffff;	
}

.price_2{
  	font-family: 'robotolight', sans-serif;
  	font-size: 28px;
  	line-height: 28px;
  	color: #ffffff;	
}

.button{
  	height: 70px;
  	display: inline-block;
  	padding: 0 70px;
  	margin: 0 auto;
  	border: 0;
  	background: #ffa200;
  	font-family: 'robotomedium', sans-serif;
  	font-size: 28px;
  	line-height: 70px;
  	color: #ffffff;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
  	-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.15);
  	box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.15);
}

.notice_box{
  	position: absolute; top: 320px; left: 0; z-index: 1;
  	width: 375px;
  	overflow: hidden;
  	padding: 15px;
  	border-left: 7px solid #ffffff;
  	background: #ffa200;
  	opacity: 0;
   	-moz-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

.notice_box.active{
  	opacity: 1;
}

.center{
  	text-align: center;
}

.block{
  	display: block;
}

@media (min-width: 1600px) and (max-width: 1899px) {

.heading_1{
  	font-size: 48px;
  	line-height: 48px;
}

.heading_2{
  	font-size: 58px;
  	line-height: 58px;
}

.heading_3{
  	font-size: 34px;
  	line-height: 40px;
}

.heading_3 .small{
  	margin-top: 5px;
  	font-size: 26px;
  	line-height: 30px;
}

.subheading_1{
  	font-size: 28px;
  	line-height: 28px;	
}

.text_1{
  	font-size: 18px;
  	line-height: 26px;
}

.price_1{
  	font-size: 42px;
  	line-height: 42px;
}

.price_2{
  	font-size: 25px;
  	line-height: 25px;
}

.button{
  	height: 60px;
  	padding: 0 60px;
  	font-size: 26px;
  	line-height: 60px;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {

.heading_1{
  	font-size: 38px;
  	line-height: 38px;
}

.heading_2{
  	font-size: 46px;
  	line-height: 46px;
}

.heading_3{
  	font-size: 28px;
  	line-height: 32px;
}

.heading_3 .small{
  	margin-top: 4px;
  	font-size: 24px;
  	line-height: 28px;
}

.subheading_1{
  	font-size: 24px;
  	line-height: 24px;	
}

.text_1{
  	font-size: 15px;
  	line-height: 22px;
}

.price_1{
  	font-size: 34px;
  	line-height: 34px;
}

.price_2{
  	font-size: 20px;
  	line-height: 20px;
}

.button{
  	height: 48px;
  	padding: 0 48px;
  	font-size: 22px;
  	line-height: 48px;
}

.notice_box{
  	top: 205px;
  	width: 312px;
  	padding: 12px;
  	border-left: 5px solid #ffffff;
}

}

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

.heading_1{
  	font-size: 30px;
  	line-height: 30px;
}

.heading_2{
  	font-size: 36px;
  	line-height: 36px;
}

.heading_3{
  	font-size: 24px;
  	line-height: 28px;
}

.heading_3 .small{
  	margin-top: 4px;
  	font-size: 19px;
  	line-height: 24px;
}

.subheading_1{
  	font-size: 20px;
  	line-height: 20px;	
}

.text_1{
  	font-size: 14px;
  	line-height: 18px;
}

.price_1{
  	font-size: 28px;
  	line-height: 28px;
}

.price_2{
  	font-size: 16px;
  	line-height: 16px;
}

.button{
  	height: 40px;
  	padding: 0 38px;
  	font-size: 18px;
  	line-height: 40px;
}

.notice_box{
  	top: 265px; left: auto;
  	width: 290px;
  	padding: 10px;
  	border-left: 4px solid #ffffff;
  	opacity: 1;
}

}

@media (max-width: 767px) {
  
.heading_1{
  	font-size: 24px;
  	line-height: 24px;
  	text-align: center;
}

.heading_2{
  	font-size: 28px;
  	line-height: 28px;
  	text-align: center;
}

.heading_3{
  	font-size: 20px;
  	line-height: 23px;
}

.heading_3 .small{
  	margin-top: 0;
  	font-size: 20px;
  	line-height: 23px;
}

.subheading_1{
  	font-size: 18px;
  	line-height: 18px;
  	text-align: center;	
}

.text_1{
  	font-size: 13px;
  	line-height: 16px;
  	text-align: center;
}

.price_1{
  	font-size: 22px;
  	line-height: 22px;
}

.price_2{
  	font-size: 15px;
  	line-height: 15px;
}

.button{
  	height: 32px;
  	padding: 0 26px;
  	font-size: 16px;
  	line-height: 32px;
}

.notice_box{
  	position: static; top: auto; left: auto;
  	width: 100%;
  	padding: 5px 10px;
  	margin: 40px auto 0;
  	border-left: 0;
  	opacity: 1;
}

.padding_mobile_0{
  	padding: 0;
}
  
}

.center{
  	text-align: center;
}

.uppercase{
  	text-transform: uppercase;
}

b, * b, b *{
  	font-family: 'robotobold', sans-serif;
  	font-weight: normal;
}

/* checkbox */
.checkbox_box{
  	overflow: visible;
  	padding: 0;
  	margin: 27px 0 0;
}

@media (min-width: 1600px) and (max-width: 1899px) {
  
.checkbox_box{
  	margin: 22px 0 0;
}
  
}

@media (min-width: 1200px) and (max-width: 1599px) {

.checkbox_box{
  	margin: 18px 0 0;
}

}

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

.checkbox_box{
  	margin: 14px 0 0;
}
  
}

@media (max-width: 767px) {
  
.checkbox_box{
  	margin: 12px 0 0;
}
  
}

.checkbox2{
  	display: block;
  	overflow: hidden;
  	font-family: 'robotolight', sans-serif;
  	font-size: 14px;
  	line-height: 19px;
  	color: #ffffff;	
}

.checkbox2.one-line{
  	padding-top: 7px;
}

@media (min-width: 1600px) and (max-width: 1899px) {
  
.checkbox2{
  	font-size: 13px;
  	line-height: 18px;
}
  
}

@media (min-width: 1200px) and (max-width: 1599px) {

.checkbox2{
  	font-size: 12px;
  	line-height: 17px;
}

.checkbox2.one-line{
  	padding-top: 0;
}

.checkbox2.one-line2{
  	padding-top: 7px;
}

}

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

.checkbox2{
  	font-size: 11px;
  	line-height: 16px;	
}

.checkbox2.one-line{
  	padding-top: 5px;
}
  
}

@media (max-width: 767px) {
  
.checkbox2{
  	font-size: 11px;
  	line-height: 14px;	
}

.checkbox2.one-line{
  	padding-top: 0;
}

.checkbox2.one-line2{
  	padding-top: 7px;
}
  
}

#form p span.checkbox{
  	position: relative;
  	width: 31px;
  	height: 31px;
  	display: block;
  	float: left;
  	margin: 4px 17px 0 0;	
}

#form p span.checkbox.one_line{
  	margin-top: -4px;	
}

@media (min-width: 1600px) and (max-width: 1899px) {
  
#form p span.checkbox{
  	width: 25px;
  	height: 25px;
  	margin: 4px 15px 0 0;	
}

#form p span.checkbox.one_line{
  	margin-top: -3px;	
}
  
}

@media (min-width: 1200px) and (max-width: 1599px) {

#form p span.checkbox{
  	width: 20px;
  	height: 20px;
  	margin: 3px 12px 0 0;	
}

#form p span.checkbox.one_line{
  	margin-top: -2px;	
}

}

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

#form p span.checkbox{
  	width: 16px;
  	height: 16px;
  	margin: 2px 10px 0 0;	
}

#form p span.checkbox.one_line{
  	margin-top: -2px;	
}
  
}

@media (max-width: 767px) {
  
#form p span.checkbox{
  	width: 16px;
  	height: 16px;
  	margin: 2px 6px 0 0;	
}

#form p span.checkbox.one_line{
  	margin-top: 2px;	
}
  
}

#form input[type="checkbox"]{
  	visibility: hidden;	
}

#form p span.checkbox label{
  	position: absolute; top: 0; left: 0;
  	width: 31px;
  	height: 31px;
  	min-height: 0;
  	display: block;
  	padding: 0;
  	margin: 0;
  	border: 2px solid #ffffff;
  	background: none;
  	cursor: pointer;
}

@media (min-width: 1600px) and (max-width: 1899px) {
  
#form p span.checkbox label{
  	width: 25px;
  	height: 25px;
}
  
}

@media (min-width: 1200px) and (max-width: 1599px) {

#form p span.checkbox label{
  	width: 20px;
  	height: 20px;
}

}

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

#form p span.checkbox label{
  	width: 16px;
  	height: 16px;
}
  
}

@media (max-width: 767px) {
  
#form p span.checkbox label{
  	width: 16px;
  	height: 16px;
}
  
}

#form p span.checkbox label:after{
  	position: absolute; top: 0; left: 0;
  	width: 31px;
  	height: 31px;
  	display: block;
  	background: url(../gfx/checkbox_thick.png) no-repeat 7px 8px;
	background-size: 15px 11px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
}

@media (min-width: 1600px) and (max-width: 1899px) {
  
#form p span.checkbox label:after{
  	width: 25px;
  	height: 25px;
  	background-position: 5px 6px;
  	background-size: 13px 9px;
}
  
}

@media (min-width: 1200px) and (max-width: 1599px) {

#form p span.checkbox label:after{
  	width: 20px;
  	height: 20px;
  	background-position: 4px 5px;
  	background-size: 10px 7px;
}

}

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

#form p span.checkbox label:after{
  	width: 16px;
  	height: 16px;
  	background-position: 2px 3px;
  	background-size: 9px 6px;
}
  
}

@media (max-width: 767px) {
  
#form p span.checkbox label:after{
  	width: 16px;
  	height: 16px;
  	background-position: 2px 3px;
  	background-size: 9px 6px;
}
  
}

#form p span.checkbox input[type="checkbox"]:checked ~ label:after{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#form label.error{
  	width: 100%;
  	display: block;
  	margin: 3px 0 0;
  	font-family: 'robotomedium', sans-serif;
  	font-size: 13px;
  	line-height: 24px;
  	text-align: left;
  	color: #ffb321;
}

@media (min-width: 1200px) and (max-width: 1599px) {

#form label.error{
  	font-size: 12px;
  	line-height: 20px;
}

}

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

#form label.error{
  	margin: 2px 0 0;
  	font-size: 11px;
  	line-height: 16px;
}
  
}

@media (max-width: 767px) {
  
#form label.error{
  	margin: 1px 0 0;
  	font-size: 11px;
  	line-height: 16px;
}
  
}

#form p span.checkbox label#wyslij_regulamin-error, #form p span.checkbox label#wyslij_rules-error, #form p span.checkbox label#form_terms5-error{
  	position: absolute; top: 0; left: -135px;
  	width: 100%;
  	height: auto;
  	display: block;
  	margin: 0;
  	border: 0;
  	background: none;
  	cursor: default;
  	white-space: nowrap;
}

#form p span.checkbox label#wyslij_rules-error, #form p span.checkbox label#form_terms5-error{
  	left: -93px;
}

@media (min-width: 1200px) and (max-width: 1599px) {

#form p span.checkbox label#wyslij_regulamin-error, #form p span.checkbox label#wyslij_rules-error, #form p span.checkbox label#form_terms5-error{
  	left: -135px;
}

#form p span.checkbox label#wyslij_rules-error, #form p span.checkbox label#form_terms5-error{
  	left: -93px;
}

}

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

#form p span.checkbox label#wyslij_regulamin-error, #form p span.checkbox label#wyslij_rules-error, #form p span.checkbox label#form_terms5-error{
  	left: -135px;
}

#form p span.checkbox label#wyslij_rules-error, #form p span.checkbox label#form_terms5-error{
  	left: -93px;
}
  
}

@media (max-width: 767px) {
  
#form p span.checkbox label#wyslij_regulamin-error, #form p span.checkbox label#wyslij_rules-error, #form p span.checkbox label#form_terms5-error{
  	top: -20px; left: 0;
  	text-align: right;
}

#form p span.checkbox label#wyslij_rules-error, #form p span.checkbox label#form_terms5-error{
  	top: -20px; left: 0;
  	text-align: right;
}
  
}

#form p span.checkbox label#wyslij_regulamin-error:after, #form p span.checkbox label#wyslij_rules-error:after, #form p span.checkbox label#form_terms5-error::after{
  	display: none;
}

/* markers */
.marker{
  	position: absolute; top: -700px;
}

@media (min-width: 1600px) and (max-width: 1899px) {
  
.marker{
  	top: -600px;
}
  
}

@media (min-width: 1200px) and (max-width: 1599px) {

.marker{
  	top: -500px;
}

}