body { font-family: 'Comfortaa', cursive; }
	a, .btn { text-decoration: none; transition: all 0.4s; }
	img { max-width: 90%; }
	h1 { font-size: 36px; }
	h2 { font-size: 26px; font-weight: 700; }
	h3 { font-size: 21px; font-weight: 700; }
	h4 { font-size: 18px; line-height: 25px; }
	h5 { font-size: 13px; }
	
	#header, #footer { position: fixed; height: 50px; display: block; width: 100%; background: #fff; z-index:9;	padding: 10px 0 0 0; }
	#header { top: 0px; }
	.wrap { margin-left: auto; margin-right: auto; width: 960px; position: relative; }
	.intro p { width: 50%; margin: 0 auto; font-size: 1.5em; }
	.logo { width: 170px; margin-left: 20px; }
	.font-2 { font-family: 'Open Sans', sans-serif; }
	.black { color: #000 !important; }
	.white { color: #fff; }
	.orange { color: #ff5000; }
	.grey { color: rgba(0,0,0,0.5); }
	
	.arrow-up { position: absolute; z-index: 9; top: 20px; left: 50%; transform: translateX(-50%); text-align: center; }
	.arrow-down { position: absolute; z-index: 9; bottom: 20px; left: 50%; transform: translateX(-50%); text-align: center; }
	.arrow-up a img, .arrow-up a h6, .arrow-down a img, .arrow-down a h6 { display: inline-block; vertical-align: top; 
		line-height: 36px; margin: 0; transition: all 0.4s; color: #fff; font-size: 11px; }
	.arrow-up a img, .arrow-down a img { width: 36px; height: 36px; }
	.arrow-up a:hover h6, .arrow-down a:hover h6 { color: #000; }
	
	.btn { display: inline-block; padding: 14px 30px; font-family: 'Open Sans', sans-serif; font-size: 18px; letter-spacing: 1px; border: 1px solid #fff; }
	.btn-black { background-color: #000; color: #fff; }
	.btn-black:hover {  border: 1px solid transparent; cursor: pointer; }
	
	.section { text-align: center; background-size: cover; background-repeat: no-repeat; }
	.section h1 { font-family: 'Open Sans', sans-serif; font-weight: 800; margin: 0; padding: 0; }
	.section p { font-size: 14px; line-height: 22px; padding: 0 30px; }
	
	#section0{ background-image: url('../images/bg-1-01.jpg'); background-position: 50% top; background-color: #051030; }
	#section1{ background-image: url('../images/bg-2-01.jpg'); background-position: 50% 50%; }
	#section2{ /* background-image: url(https://raw.githubusercontent.com/alvarotrigo/fullPage.js/master/examples/imgs/bg4.jpg); */ }
	#section3{ background-image: url('../images/bg-3.jpg'); background-position: 50% 50%; }
	#slide2{ background-image: url(https://raw.githubusercontent.com/alvarotrigo/fullPage.js/master/examples/imgs/bg5.jpg);
		padding: 6% 0 0 0; }
		
	#section-thank{ background-image: url('../images/bg-1-01.jpg'); background-position: 50% top; 
		background-size: cover; background-color: #333333; }
	
	
	.cover-text { display: block; position: absolute; width: 100%; text-align: center; top: 2%; }
	.cover-text h4 { width: 690px; display: inline-block; }
	
	
	.cover-text h2 { margin-bottom: 15px; }
	
	.icon { width: 150px; }
	 img.badge { margin-bottom: 30px; }
	.images { margin-bottom: 100px; }
	.images img { vertical-align: top; }
	.flag { width: 170px; }
	
	.bar-skew { width: 80px; height: 15px; display: inline-block; -webkit-transform: skewY(-4deg); transform: skewY(-4deg); margin: 20px auto; }
	.bg-black { background-color: #000; }
	.bg-white { background-color: #ffffff; }
	.bg-orange { background-color: #207f9b; }
	#section0 .white { margin: 0; text-shadow: 0 5px 10px rgba(0,0,0,0.5); }
	#section0 h1 { font-weight: 400; color: #ffffff; }
	#section0 h1 span { font-size: 55px; color: #ff5000; }
	#section0 h5 { line-height: 20px; }
	#section1 h1, #section1 h2 { margin: 0 !important; }
	#section1 h3.white { width: 80%; display: inline-block; line-height: 24px; }
	
	#section0 .arrow-down h6, #section1 .arrow-up h6 { color: #ffffff; }
	/* #section0 .arrow-down img, #section1 .arrow-up img { filter: invert(100%); } */
		
	.box-row { display: inline-block; margin-bottom: 60px; }
	.box { display: block; vertical-align: top; margin: 0; padding: 25px 0; }
	.box h3 { font-family: 'Open Sans', sans-serif; margin: 0; }
	.box h5 { margin: 0; }
	.box-big { width: auto; margin: 0 20px; }
	
	.image1 { width: 550px; /* background-color: rgba(0,29,47,0.8); */ }
				
	#section1 .box h2 { display: inline-block; color: #ffffff; font-size: 18px; line-height: 26px; width: 90%; }
	
	#section1 h4 { font-size: 13px; }
	
	#section2 p, #section3 p { width: 80%; display: inline-block; }
		
	form input.input-box { font-size: 24px; width: 40%; text-align: center; padding: 20px 30px; }
	
	.box h1 font { font-size: 18px; text-transform: uppercase; }
	.box h5 { margin: 0 0 10px 0; text-transform: uppercase; }
	.box-big h3 { text-align: left; }
	.box h5 { margin: 0; }
	.box img { width: 85%; background-color: #fff; border-radius: 50%; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); margin-bottom: 10px; }
			
	.box-big ul { display: inline-block; text-align: left; color: #fff; list-style-type: none; padding-left: 20px; }
	.box-big ul li { line-height: 35px; }
	.box-big ul li strong { text-transform: uppercase; text-shadow: 3px 4px 8px rgba(0,0,0,0.9); }
	.box-big ul li span { display: inline-block; width: 12px; height: 12px; background-color: #207f9b; border-radius: 50%; margin-right: 5px; }
	
	.footer{ padding: 0 0 50px 0; font-size: 13px; color: #777; }
	.footer a { color: #fff; }
	.social a img { height: 24px; margin: 0 3px; }
	
	#menu { position: fixed; top: 0; right: 10px; height: 40px; z-index: 70; padding: 0; margin: 0; }
	#menu li { display:inline-block; margin: 10px 0; }
	#menu li a { font-size: 14px; font-family: 'Open Sans', sans-serif; text-decoration: none; color: #444; background: #fff; 
		transition: all 0.4s; -webkit-border-radius: 10px; border-radius: 10px; }
	#menu li:hover a { background: #666; color: #fff; }
	#menu li a, #menu li.active a { padding: 10px 15px; display: block; }
	#menu li.active a { background: #ff5000; color: #fff; }
	
	#fp-nav ul li, .fp-slidesNav ul li { width: 24px; height: 23px; }
	#fp-nav ul li a span, .fp-slidesNav ul li a span { width: 10px; height: 10px; margin: -5px 0 0 -5px; }
	#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 14px; height: 14px; margin: -7px 0 0 -7px; }
	#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
		height: 20px; width: 20px; margin: -10px 0 0 -10px; }
		
	#myDIV { transition: all 0.4s; }
	#myDIV a { transition: none; }
	
	.button { padding: 10px; background: transparent; color: #ffffff; border: 2px solid #ffffff; border-radius: 5px; outline: none !important; }
	.button:hover { cursor: pointer; }
		
			
			.btn-orange { background: #0380aa; color: #fff; transition: all 0.3s; border: 3px solid #fff; }
			.btn-orange:hover { color: #fff; cursor: pointer; border: 3px solid transparent; }
			
			.help-block { color: #fff; font-size: 10px; line-height: 10px !important; display: none; }
			
			.form-group { width: 48%; float: left; text-align: left; padding: 5px 1%; }
			.control-label { color: #fff; text-transform: uppercase; font-size: 12px; }
			.form-control {  width: 90%; }
			
			.arrow-back { width: 26px;transform: rotate(90deg); position: relative; top: 5px; }

			.clear { display: block; width: 100%; height: 0px; clear: both; }
			
			.checkbox label { color: #fff; font-size: 10px; line-height: 10px !important; }
			
			.popup-box {position:relative; }
			.popup-box a { text-transform: uppercase; }
			.popup-box a, .popup-box .or { display: inline-block; vertical-align: top; }
			.popup-box .or{ position: absolute; width: 34px; height: 34px; line-height: 34px; border-radius: 50%; z-index:3; font-size: 14px; color: #fff; 
				background: #888; text-align: center; top: 9px; left: calc(50% - 26px); border: 1px solid #fff; }

	
			.box-inline { display: inline-block; padding: 50px 50px; margin: 0 auto;
				background-color: rgba(0,29,47,0.8); }
			
			.thank-you ul { display: inline-block; text-align: left; margin-top: 50px; }
			.thank-you ul li { margin-bottom: 10px; color: #333; font-weight: 800; }
			.thank-you ul li strong { color: #ff5000; width: 22px; height: 22px; line-height: 22px; text-align: center; display: inline-block; 
				border-radius: 50%; border: 2px solid #000; margin-right: 5px; }
				
			.thank-you a { font-weight: 800; color: #000;  }


			#fp-nav ul li a span, .fp-slidesNav ul li a span {
				background: #fff !important;
			}
	
	
	/* RESPONSIVE */
	
		/* RESPONSIVE */
			
		@media (min-width: 1400px) {
			.cover-text { top: 9%; }
			.image1 { width: 550px; }
			
		}
			
		@media (max-width: 1200px) {
			.box4 { width: 24%; }
			#section1 .box h3, .box-price { width: 90%; }
			.box-table { width: 94%; }
			.image1 { position: relative; top: 10%; }
		}
			
		@media (max-width: 768px) {
			.section { height: auto; }
			.huge { font-size: 26px; line-height: 26px; }	
			#section0 h1 span { font-size: 40px; }
			h1 { font-size: 26px; }			
			h4 { font-size: 16px; line-height: 19px; }			
			.images { margin-bottom: 30px; }
			.box-row { margin-bottom: 20px; }
			.box { display: block; vertical-align: top; width: 100%; }
			.box-big { margin: 0; }
			.box-big ul li { font-size: 14px; }
			.arrow-down, .arrow-up { display: none; }			
			
			.box-big ul li { font-size: 14px; line-height: 18px; }
			img.badge { margin-top: 0; margin-bottom: 20px; width: 260px; }
			#section2 img.flag { width: 120px; }
			#section1 .box { border-right: none; }
			#section1 .box h2 { font-size: 16px; line-height: 19px; }
			#section1 h3.white {  font-size: 14px; line-height: 17px; }
			form input.input-box { width: 70%; padding: 10px 0; font-size: 18px; }
			
			.popup{ width: 90%; }
			.image1 { margin-bottom: 30px; }
			
			.form-group { padding: 2px auto 0 auto; }
			.content input, .content select { font-size: 14px; padding: 3px 6px; }			
			#section2 .slide {display: inline-block; height: 100%;}
			.section p { font-size: 15px; line-height: 20px; }
			
			
			ul.custom-radio li label { font-size: 18px; padding: 7px 5px 5px 50px; }
			ul.custom-radio li .check { left: 10px; }
			
			.bar-skew { display: none; }
			.btn { padding: 8px 17px; font-size: 15px; }
			.popup-box { margin-top: 10px; }
			.popup-box a{ margin-bottom: 10px; }
			.popup-box .or { display: none; }
			
			.cover-text { bottom: 40px; }
			.cover-text-title:after { height: 0; }
			.cover-text-title h1 { display: block; font-size: 28px; line-height: 32px; }
			
			ul.custom-radio li { height: 50px; }
			

			#section3 h1.white {padding-top: 200px;}
			#section1 h3.white br { display: none; }
			
			#section-thank .box-inline { padding: 30px 0; width: 90%; }
			.thank-you ul { width: 90%; }
			.thank-you ul li { font-size: 12px; }	

			.cover-text h4 { width: 90%; }
			
		}