body {
	text-align: left;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #383838;
	
	line-height: 18px;
	
	margin: 0;
	
	font-display: swap;
}
h1, h2, h3, h4, h5, h6 { display:inline; }
h1, h2 { font-weight: 500; }
h3, h4, h5, h6 { font-weight: lighter; }


#container {
	width: 100%;
	
	margin: 0 auto;
	
	background: url(../images/background.jpg) top center fixed;
	background-size: 1400px 828px; 
}
	
@media screen and (min-width : 320px) and (max-width : 479px) {
	#container { background-size: 2852px 1686px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	#container { background-size: 2852px 1686px; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	#container { background-size: 2852px 1686px; }
}

header {
	position: relative;
	width: 100%;
	height: auto;
}

	.header_body {
		position:relative;
		top:0px;
		left:0px;
		width: 1024px;
		height: auto;
	
		margin: 0 auto;
		box-shadow: 0 0 20px 4px rgba(0,0,0,0.6);
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		.header_body { width: 320px; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.header_body { width: 480px; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		.header_body { width: 768px; }
	}

	nav {
		position:relative;
		top:0px;
		left:0px;
		width: 1024px;
	
		margin: 0 auto;
		text-align: center;
		z-index: 2000;
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		nav { width: 320px; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		nav { width: 480px; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		nav { width: 768px; }
	}
		
		#menu {
			float: left;
			background: rgba(24,152,192,0.7);
			padding: 0 20px 0 40px;
			height: 40px;
			line-height: 40px;
			margin-top: 30px;
		}
		
		#menu_social {
			float: right;
			background: rgba(24,152,192,0.7);
			padding: 0 40px 0 20px;
			height: 40px;
			line-height: 40px;
			margin-top: 30px;
			color: #fe8524;
		}
	
		@media screen and (min-width : 320px) and (max-width : 479px) {
			#menu { }
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			#menu { }
		}
		@media screen and (min-width : 768px) and (max-width : 992px) {
			#menu, #menu_social { padding: 0 20px; }
		}
			
			#menu li, #menu_social li {
				display: inline-block;
				text-transform: uppercase;
				font-weight: 500;
				font-family: 'Montserrat', sans-serif;
				
				font-display: swap;
			}
			
			#menu li {
				padding: 0 3px;
			}
			
			#menu li::before, #menu_social li::before, #menu_mobile li::before {
				content:"\2022";
    			color:#fe8524;
    			padding-right: 3px;
			}
			
			#menu li:first-child::before, #menu_social li:first-child::before {
				display: none;
			}
			
			#menu_social li {
				font-size: 18px;
			}
			
				#menu li:first-child {
					padding-left: 0;
				}
			
				#menu li:last-child {
					padding-right: 0;
				}
				
			#menu_social li {
				padding-right: 5px;
			}
			
				#menu_social li:last-child {
					padding-right: 0;
				}
			
			#menu a, #menu_social a {
				text-decoration: none;
			}
				
				#menu .menu_link, #menu_social .menu_link {
					display: inline;
					text-decoration: none;
					color: rgba(255,255,255,1);
					transition: color 0.3s linear;
   				-webkit-transition: color 0.3s linear;
   				-moz-transition: color 0.3s linear;
				}
				
				#menu .menu_link:hover, #menu_social .menu_link:hover {
					color: rgba(255,255,255,0.6);
				}
	
		/*menu mobile*/

		#menu_mobile {
			position: absolute;
			background: rgba(24,152,192,0.7);
			padding: 0 20px 0 40px;
			width: 14px;
			height: 40px;
			line-height: 40px;
			margin-top: 30px;
			z-index: 2000;
			display: none;
		}

			#menu_mobile_icon {
				position: relative;
				color: rgba(255,255,255,1);
				transition: color 0.3s linear;
   			-webkit-transition: color 0.3s linear;
   			-moz-transition: color 0.3s linear;
				cursor: pointer;
			}

			#menu_mobile_icon:hover {
				color: rgba(255,255,255,0.6);
			}

			#menu_mobile_box {
				position: relative;
				top: 0px;
				left: 0px;
				width: 200px;
				height: auto;
				margin-left: -40px;
				margin-top: 5px;

				display: none;
			}
			
				#menu_mobile li {
					display: block;
					text-align: left;
					background: rgba(24,152,192,0.9);
					text-transform: uppercase;
					font-weight: 500;
					font-family: 'Montserrat', sans-serif;
					font-display: swap;
					padding: 0 10px 0 40px;
				}
			
				#menu_mobile a {
					text-decoration: none;
				}
				
					#menu_mobile .menu_link {
						text-decoration: none;
						color: rgba(255,255,255,1);
						transition: color 0.3s linear;
						-webkit-transition: color 0.3s linear;
						-moz-transition: color 0.3s linear;
					}
				
					#menu_mobile .menu_link:hover {
						color: rgba(255,255,255,0.6);
					}

			@media screen and (min-width : 320px) and (max-width : 479px) {
				#menu { display: none; }
				#menu_mobile { display: block; }
			}
			@media screen and (min-width : 480px) and (max-width : 767px) {
				#menu { display: none; }
				#menu_mobile { display: block; }
			}
			@media screen and (min-width : 768px) and (max-width : 992px) {
				#menu { }
				#menu_mobile { }
			}
	
		#logo {
			position: relative;
			width: 800px;
			height: 124px;
			margin: 67px 0;
		}
	
		@media screen and (min-width : 320px) and (max-width : 479px) {
			#logo { width: 300px; height: 47px; margin-top: 30px; margin-bottom: 20px; }
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			#logo { width: 440px; height: 68px; margin-top: 30px; margin-bottom: 20px; }
		}
		@media screen and (min-width : 768px) and (max-width : 992px) {
			#logo { width: 640px; height: 99px; margin: 50px 0; }
		}
		
		#preview {
			position: relative;
			width: 944px;
			height: auto;
			border-top: 1px solid rgba(255,255,255,1);
			color: rgba(255,255,255,1);
			padding: 0 40px 30px 40px;
			display: none;
		}
	
		@media screen and (min-width : 320px) and (max-width : 479px) {
			#preview { width: 300px; padding: 0 10px 20px 10px; border-top: 0; }
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			#preview { width: 460px; padding: 0 10px 20px 10px; border-top: 0; }
		}
		@media screen and (min-width : 768px) and (max-width : 992px) {
			#preview { width: 728px; padding: 0 20px 30px 20px; }
		}
		
			.preview_box {
				position: relative;
				display: inline-block;
				width: 218px;
				height: auto;
				vertical-align: top;
				margin-right: 21px;
			}
			
			.preview_box:last-child {
				margin-right: -3px;
			}
	
			@media screen and (min-width : 320px) and (max-width : 479px) {
				.preview_box { display: block; width: 300px; margin-right: 0; margin-bottom: 10px; }
				.preview_box:last-child { margin-right: 0; }
			}
			@media screen and (min-width : 480px) and (max-width : 767px) {
				.preview_box { display: block; width: 460px; margin-right: 0; margin-bottom: 10px; }
				.preview_box:last-child { margin-right: 0; }
			}
			@media screen and (min-width : 768px) and (max-width : 992px) {
				.preview_box { width: 173px; margin-right: 9px; }
				.preview_box:last-child { }
			}
			
				.preview_bull {
					position: absolute;
					top: -15px;
					left: 94px;
					width: 28px;
					height: 28px;
					border-radius: 50%;
					background: #fe8524;
					border: 1px solid rgba(255,255,255,1);
					line-height: 28px;
				}
	
				@media screen and (min-width : 320px) and (max-width : 479px) {
					.preview_bull { position: relative; top: 0; left: 135px; }
				}
				@media screen and (min-width : 480px) and (max-width : 767px) {
					.preview_bull { position: relative; top: 0; left: 215px; }
				}
				@media screen and (min-width : 768px) and (max-width : 992px) {
					.preview_bull { left: 71px; }
				}
			
				.preview_title {
					text-transform: uppercase;
					font-weight: 500;
					font-family: 'Montserrat', sans-serif;
					font-display: swap;
					padding-top: 20px;
					padding-bottom: 5px;
				}
	
				@media screen and (min-width : 320px) and (max-width : 479px) {
					.preview_title { padding-top: 5px; }
				}
				@media screen and (min-width : 480px) and (max-width : 767px) {
					.preview_title { padding-top: 5px; }
				}
				@media screen and (min-width : 768px) and (max-width : 992px) {
					.preview_title { }
				}
				
					.preview_link {
						text-decoration: none;
						color: rgba(255,255,255,1);
						transition: color 0.3s linear;
   					-webkit-transition: color 0.3s linear;
   					-moz-transition: color 0.3s linear;
   				}
				
					.preview_link:hover {
						color: rgba(255,255,255,0.6);
   				}
			
				.preview_text {
					padding: 10px 5px;
					background: rgba(62,162,249,0.5);
				}
				
main {
	position:relative;
	width: 100%;
	height: auto;
}

	.main_body {
		position:relative;
		top:0px;
		left:0px;
		width: 1024px;
		height: auto;
		padding: 40px 0;
	
		margin: 0 auto;
		background: #ffffff;
		box-shadow: 0 5px 20px 4px rgba(0,0,0,0.6);
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		.main_body { width: 320px; padding: 20px 0; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.main_body { width: 480px; padding: 20px 0; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		.main_body { width: 768px; }
	}
	
		.main_body_left {
			display: inline-block;
			width: 604px;
			height: auto;
			vertical-align: top;
			margin-right: -4px;
			padding: 0 20px 0 40px;
			border-right: 1px solid rgba(23,139,235,0.4);
		}
	
		@media screen and (min-width : 320px) and (max-width : 479px) {
			.main_body_left { display: block; width: 300px; padding: 0 10px; border-right: 0; }
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			.main_body_left { display: block; width: 460px; padding: 0 10px; border-right: 0; }
		}
		@media screen and (min-width : 768px) and (max-width : 992px) {
			.main_body_left { width: 388px; padding: 0 20px; }
		}
		
		.main_body_right {
			display: inline-block;
			top: 0px;
			left: 0px;
			width: 300px;
			height: auto;
			padding: 0 40px 0 19px;
			vertical-align: top;
		}
	
		@media screen and (min-width : 320px) and (max-width : 479px) {
			.main_body_right { display: block; width: 300px; padding: 0 10px; margin-top: 40px; }
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			.main_body_right { display: block; width: 460px; padding: 0 10px; margin-top: 40px; }
		}
		@media screen and (min-width : 768px) and (max-width : 992px) {
			.main_body_right { padding: 0 20px 0 19px; }
		}

footer {
	position: relative;
	width: 100%;
	height: auto;
}

	.footer_body {
		position: relative;
		top: 0px;
		left: 0px;
		width: 1024px;
		padding: 40px 0;
		background: rgba(0,0,0,0.4);
		
		margin: 0 auto;
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		.footer_body { width: 320px; padding: 20px 0; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.footer_body { width: 480px; padding: 20px 0; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		.footer_body { width: 768px; }
	}
	
		#menu_footer {
			position: relative;
			text-align: center;
			color: #fe8524;
			border-bottom: 1px solid rgba(255,255,255,0.3);
			padding-bottom: 20px;
		}
	
			#menu_footer li {
				display: inline-block;
				font-weight: 500;
				font-family: 'Montserrat', sans-serif;
				font-display: swap;
				font-size: 14px;
				text-transform: uppercase;
				text-decoration: none;
				padding: 0 3px;
			}
			
			#menu_footer li::before {
				content: "\2022";
    			color: #fe8524;
			}
			
			#menu_footer li:first-child::before {
				display: none;
			}
	
			@media screen and (min-width : 320px) and (max-width : 479px) {
				#menu_footer li { padding: 0 2px; }
			}
			@media screen and (min-width : 480px) and (max-width : 767px) {
				#menu_footer li { }
			}
			@media screen and (min-width : 768px) and (max-width : 992px) {
				#menu_footer li { }
			}
	
			#menu_footer a {
				text-decoration: none;
			}
				
			#menu_footer .menu_link {
				text-decoration: none;
				color: rgba(255,255,255,1);
				transition: color 0.3s linear;
				-webkit-transition: color 0.3s linear;
				-moz-transition: color 0.3s linear;
				display: inline-block;
				padding: 8px 9px;
			}
			
			#menu_footer .menu_link:hover {
				color: rgba(255,255,255,0.6);
			}
	
		.credits {
			position: relative;
			width: 984px;
			height: auto;
			padding: 20px 20px 0 20px;
			text-align: center;
			color: rgba(255,255,255,1);
		}
	
		@media screen and (min-width : 320px) and (max-width : 479px) {
			.credits { width: 300px; padding: 20px 10px 0 10px; }
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			.credits { width: 460px; padding: 20px 10px 0 10px; }
		}
		@media screen and (min-width : 768px) and (max-width : 992px) {
			.credits { width: 728px; }
		}
		
			.credits a {
				text-decoration: none;
				color: rgba(255,255,255,1);
			}
			
			.credits a:hover {
				color: rgba(255,255,255,0.7);
			}

/* font and btt styles */

.c1 {
	color: rgba(254,133,36,1);
}

strong {
	font-weight: 700;
}

.xl {
	font-size: 18px;
}

.link {
	color: rgba(254,133,36,1);
	text-decoration: none;
}

	.link:hover {
		text-decoration: underline;
	}

.btt {
	cursor:pointer;
}
	
.inactive {
	opacity: .4;
	cursor: default;
}

	.inactive:hover {
		text-decoration: none;
	}
	
.pg_title {
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	font-display: swap;
	color: #383838;
	text-transform: uppercase;
}
	
.pg_text {
	margin-top: 10px;
}

.page_top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	opacity: .7;
	z-index: 200;
}

.page_top:hover {
	opacity: 1;
}
	
@media screen and (min-width : 320px) and (max-width : 479px) {
	.fa-3x { font-size: 2em; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	.fa-3x { font-size: 2em; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	.fa-3x { }
}
	
	
	
	
	
	/*	btts	*/
	.btt_main_solid {
		/*background: rgba(254,133,36,1);
		border: 1px solid rgba(254,133,36,1);*/
		background: #eeeeee;
		border: 1px solid #fe8524;
		padding: 5px 0;
		font-weight: 700;
		font-size: 12px;
		text-transform: uppercase;
		text-align: center;
		/*color: #fe8524;*/
		color: #383838;
		cursor: pointer;
	}
	
		.btt_main_solid:hover {
			color: #fe8524;
		}
		
		.btt_main_solid a {
			color: #383838;
			text-decoration: none;
			transition: color 0.3s linear;
			-webkit-transition: color 0.3s linear;
			-moz-transition: color 0.3s linear;
		}
		
		.btt_main_solid a:hover {
			color: #383838;
		}
		
		
	
	
	.btt_main_outline {
		background: #FFFFFF;
		border: 1px solid rgba(254,133,36,1);
		padding: 5px 0;
		font-weight: 700;
		font-size: 12px;
		text-transform: uppercase;
		text-align: center;
		color: rgba(254,133,36,1);
		cursor: pointer;
	}
	
		.btt_main_outline:hover {
			color: rgba(254,133,36,1);
		}
		
		.btt_main_outline a {
			color: rgba(254,133,36,1);
			text-decoration: none;
			transition: color 0.3s linear;
			-webkit-transition: color 0.3s linear;
			-moz-transition: color 0.3s linear;
		}
		
		.btt_main_outline a:hover {
			color: rgba(254,133,36,1);
		}
		

.slick-prev,
.slick-next
{
	width: 50px;
	height: 50px;
	z-index: 200;
}

@media screen and (min-width : 320px) and (max-width : 479px) {
	.slick-prev, .slick-next { width: 30px; height: 30px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	.slick-prev, .slick-next { width: 30px; height: 30px; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	.slick-prev, .slick-next { width: 30px; height: 30px; }
}

.slick-prev:before,
.slick-next:before
{
	font-size: 50px;
}

@media screen and (min-width : 320px) and (max-width : 479px) {
	.slick-prev:before, .slick-next:before { font-size: 30px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	.slick-prev:before, .slick-next:before { font-size: 30px; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	.slick-prev:before, .slick-next:before { font-size: 30px; }
}

.slick-prev
{
	 left: 10px;
	 top: 50%;
}

.slick-next
{
	 right: 10px;
	 top: 50%;
}