/*
Theme Name: Avenla Boilerplate
Description: Avenla Boilerplate
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

h1, .h1{
	font-size: 35pt!important;
	font-weight: bold;
}
h2, .h2{
	font-size: 35pt!important;
	font-weight: bold;
}
h3, .h3{
	font-size: 45pt!important;
	font-weight: 400;
}
h4, .h4{
	font-size: 20pt!important;
	font-weight: 400;
	color: #000;	
}
p{
	font-size: 13pt!important;
}
.red{
	color: rgb(206, 0, 0)!important;
}

p.slider{
	font-size: 45pt!important;
	font-weight: 400;
	margin: 0!important;
	padding: 0!important;
}

/* Nav*/
.nav-uppercase>li>a{
	text-transform: none!important;
	text-decoration: none!important;
	font-size: 13pt!important;
	font-weight: 400!important;
	color: #fff!important;
}

.mfp-content{
	overflow-y: auto!important;
	width: 200px!important;
}
.sidemenu-logo{
	width: 100%;
	background: #fff;
	padding: 25px 0;
}
.html_topbar_left{
	padding: 0!important;
	text-align: center;
}
a{
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
p.lead{
	font-size: 45px!important;
	font-weight: 700!important;
	margin: 0!important;
	padding: 0!important;
}



/* ### Form ### */
.wpcf7 p{
	padding: 0!important;
	width: auto!important;
}
.wpcf7 label{
	background: #464646;
	color: #fff;
	border: 1px solid #fff;
}
.width-25{
	width: 24.75%!important;
	display: inline-block;
	margin: 0!important;
	padding: 15px;
}
.width-100{
	width: 100%!important;
	display: inline-block;
	margin: 0!important;
	padding: 15px;
}
input, textarea{
	padding: 0!important;
	margin: 0!important;
	text-align: center;
}
.wpcf7-submit{
	padding: 0 50px!important;
}
label{
	margin: 0!important;
}
.g-recaptcha>div{
	margin: auto;
	margin-bottom: 15px;
}


.limit-img .img{
	max-width: 300px;
	margin: auto;
}
.limit-img-225 .img{
	max-width: 200px;
}



/* ### Footer ### */
.absolute-footer{
	padding: 10px 0 0;
}
.footer-primary{
	padding: 7.5px 0;
}

@media only screen and (max-width: 991px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.width-25{
		width: 49.5%!important;
	}
	h1, .h1{
		font-size: 30pt!important;
	}
	h2, .h2{
		font-size: 30pt!important;
	}
	h3, .h3{
		font-size: 40pt!important;
		font-weight: 400;
	}
	h4, .h4{
		font-size: 18pt!important;
		font-weight: 400;
		color: #000;	
	}
	p{
		font-size: 12pt!important;
	}
}

@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.width-25{
		width: 100%!important;
	}
	h1, .h1{
		font-size: 25pt!important;
	}
	h2, .h2{
		font-size: 25pt!important;
	}
	h3, .h3{
		font-size: 35pt!important;
		font-weight: 400;
	}
	h4, .h4{
		font-size: 17pt!important;
		font-weight: 400;
		color: #000;	
	}
	p{
		font-size: 11pt!important;
	}
}



/* ### Custom Plugin css ### */
.desktop-menu, .desktop-menu-top, .desktop-menu-bot{
	display: none;
}
.icon-menu{
	font-size: 2.2em!important;
}

@media only screen and (min-width: 1500px) {
	.desktop-menu{
		display: inline-block;
		top: 0;
		left: 0;
		width: 200px;
		z-index: 100;
		background: #000;
		padding-top: 200px;
		height: 100%;
		position: fixed;
		color: #fff!important;
	}
	.desktop-menu a{
		color: #fff!important;
		margin-left: 15px;
		text-decoration: none;
		padding: 12px 0!important;
	}
	.desktop-menu ul{
		position: relative;
		width: 100%;
		z-index: 200;
	}
	.desktop-menu-top{
		display: inline-block;
		width: 200px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 110;
		color: #fff;
	}
	.desktop-menu-bot{
		display: inline-block;
		width: 200px;
		position: fixed;
		top: 490px;
		left: 0;
		z-index: 110;
		color: #fff;
	}
	#header{
		display: none;
	}
}