/*
	Base Theme Stylesheet - Contains Major Items Which Effects this theme. Do not delete.
	*/

	/* Normalize CSS */
	@import "normalize.css";

	/* Modules */
	@import "../modules/module.css";

	/* Animate CSS */
	@import "animation.css";

	/* AOS */
	@import "aos.css";


	@font-face {
		font-family: 'Font Awesome 5 Pro';
		src: url('fonts/fa-light-300.eot'); /* IE9 Compat Modes */
		src: url('fonts/fa-light-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/fa-light-300.woff2') format('woff2'), /* Super Modern Browsers */
		url('fonts/fa-light-300.woff') format('woff'), /* Pretty Modern Browsers */
		url('fonts/fa-light-300.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('fonts/fa-light-300.svg#svgFontName') format('svg'); /* Legacy iOS */
	}

	/* Container Size */
	.container{
		max-width: 100%;
		width: auto;
		padding: 0 5.5vw;
	}


	.row{
		margin-bottom: 0;
	}

	img{
		width: 100%;
	}

	@media (max-width: 1024px){
		.container{
			padding:0 4vw;
		}
	}
	@media (max-width: 768px){
		.container{
			padding:0 25px;
		}
	}
	@media (max-width: 550px){
		.container{
			padding:0 15px;
		}
	}

/*--------------------------------------------------------------
## Yo
--------------------------------------------------------------*/

html, body, .page-wrapper { 
	height: 100%;
}

/*
* { border:1px solid #f1f1f1; }
* * { border:1px solid rgba(0,0,255,.2); }
* * * { border:1px solid rgba(0,0,255,.2); }
* * * * { border:1px solid rgba(255,0,255,.2); }
* * * * * { border:1px solid rgba(0,255,255,.2); }
* * * * * * { border:1px solid rgba(255,255,0,.2); }
* * * * * * * { border:1px solid rgba(255,0,0,.2); }
* * * * * * * * { border:1px solid rgba(0,255,0,.2); }
* * * * * * * * * { border:1px solid rgba(0,0,255,.2); }
*/


@media (max-width: 1601px){

    /*
    * { border:1px rgba(255,0,114,.1); }
    * * { border:1px solid rgba(255,0,114,.2); }
    * * * { border:1px solid rgba(255,0,114,.2); }
    * * * * { border:1px solid rgba(255,0,114,.2); }
    * * * * * { border:1px solid rgba(255,0,114,.2); }
    * * * * * * { border:1px solid rgba(255,0,114,.2); }
    * * * * * * * { border:1px solid rgba(255,0,114,.2); }
    * * * * * * * * { border:1px solid rgba(255,0,114,.2); }
    * * * * * * * * * { border:1px solid rgba(255,0,114,.2); }
    */

    /*.container { border: 1px solid red; }*/


}




.o-flex{
	display: flex;
}




.letterSpacing3 {
	letter-spacing: 3px;
}
.lineHeight4 {
	line-height: 1.4;
}



@keyframes fadeInLeft {
	0% {
		opacity:0;
		-webkit-transform:translate3d(-100%,0,0);
		-ms-transform:translate3d(-100%,0,0);
		transform:translate3d(-100%,0,0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none
	}
}
@keyframes fadeInUp {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0,100%,0);
		-ms-transform:translate3d(0,100%,0);
		transform:translate3d(0,100%,0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none
	}
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity:1
	}
	100% {
		opacity:0;
		-webkit-transform:translate3d(0,100%,0);
		transform:translate3d(0,100%,0)
	}
}





/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

#primary-menu {
	width: auto;
	text-align: center;
}

.site-nav{
	padding:0px !important;
}

.main-navigation { 
	clear: both;
	display: block;
	width: 100%;
	background-color: transparent;
	box-shadow: none;
	/*display: flex;
	align-items: flex-end;*/
	/*justify-content: center;*/
	margin-top:0px;
	height: auto;

}

.main-navigation ul ul{
	display: block !important;
	z-index: 99999;
	border-radius: 0;
	background-color: #0083cb;
	width: 240px;
	/*padding:20px 0;*/
}

.main-navigation ul ul a{
	color:#fff;
	width: 100%;
	line-height: normal;
	padding: 12px 22px;
	margin:0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

/*.main-navigation ul ul:before{
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top: -20px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #35766b;
	}*/


	.main-navigation .current-menu-item a{
		color:#0083cb;
	}


	.main-navigation ul ul ul {
		left: -999em;
		top: 0;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
	}


	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;
		left: -50%;
		right: -50%;
	}
	.sub-menu li{
		width: 100%;
	}
	.main-navigation ul ul a{
		width: 100%;
	}
	.main-navigation li {
		display: inline-block;
	}
	.main-navigation li:last-child{
		padding-right: 0;
	}
	.main-navigation a, .header-discuss a {
		color: #000;
	}
	.main-navigation a, .header-discuss a, .link-w-bg {
		display: block;
		text-decoration: none;
		font-size: 22px;
		font-weight: 500;
		padding: 60px 18px;
		text-transform: uppercase;
		font-family: 'Dosis', sans-serif;
		letter-spacing: 3px;
	}
	.link-w-bg, .header-discuss a {
		font-weight: 600;  
	}
	.link-w-bg-btn { 
		display: inline-block;
		margin-top: 20px; 
	}
	.header-discuss a { 
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.main-navigation ul ul a{
		color:#fff !important;
	}
	nav ul a:hover{
		background-color: initial;
	}
	nav ul li {
		float: none;
	}


	/* Small menu. */
	.menu-toggle,
	.main-navigation.toggled ul {
		display: block;
	}


	.site-main .comment-navigation, .site-main
	.posts-navigation, .site-main
	.post-navigation {
		margin: 0 0 1.5em;
		overflow: hidden;
	}

	.comment-navigation .nav-previous,
	.posts-navigation .nav-previous,
	.post-navigation .nav-previous {
		float: left;
		width: 50%;
	}

	.comment-navigation .nav-next,
	.posts-navigation .nav-next,
	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}





	@media (max-width: 1330px){
		.main-navigation a{
			font-size:14px;
		}
	}

	@media (max-width: 1244px){
		.main-navigation a{
			font-size:18px;
			padding: 27px 7px;
		}
	}
	@media (max-width: 1173px){
		.main-navigation a{
			font-size:15px;
		}
	}




	@media (min-width: 993px){
		.mobile{
			display: none;
		}
	}