.es_one { 
	font: 125%/1.4 Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; 
	padding: 0; 
	margin: 0; 
	color: #555; 
	line-height:1.5;
}

.logo{
	width:200px;
	border-radius: 20px;
}

.top_bar{
	background: #4261D8 !Important;
}

.top_bar div{
	max-width:1200px;
	width:90%;
	margin:0 auto;
	padding:10px 0;
}

.es_one_container { 
	max-width:1080px;
	width:90%;
	margin: 1rem auto; 
}

h2 { 
	padding: 20px 0; 
	margin-top: 0; 
	color:#55a7d8;
	font-weight:bold;
	line-height:1;
	border-bottom: 5px solid #55a7d8;
	
}

.es_one_paragraph { 
	font-family: lato, sans-serif;
	font-style: normal;
	font-weight: 400;

	margin-top:0;
	padding: 10px 0; 
	font-size:1rem;
	color:#6386A5;
}

.logo-div{
	font-weight: bold;
	font-size: 1.8rem;
}

.logo-div a{
	color:#fff;
	text-decoration:none;
}

.pad-t-50{
	padding-top:50px;
}
	
.top-right-bg-img{
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	height: 30vw;
}

.hero-heading{
	padding:50px 50px 50px 0;

}

.hero-heading h1{
	font-family: proxima-nova, sans-serif;
	font-weight: 800;
	font-style: normal;

	color:#F7C800;
}

.hero-heading p{
	font-family: lato, sans-serif;
	font-style: normal;
	font-weight: 400;

	font-size:1rem;
	margin:20px 0;
	color:#6386A5;
}

.hero-heading button{
	background:#1C60DB;
	color:#fff;
	border-radius:50px;
	border:none;
	padding:10px 30px;
	font-size:1.2rem;
	-webkit-box-shadow: 1px 10px 20px 0px rgba(173,200,255,1);
	-moz-box-shadow: 1px 10px 20px 0px rgba(173,200,255,1);
	box-shadow: 1px 10px 20px 0px rgba(173,200,255,1);
}



.top-shape{
	width: 100%;
    position: absolute;
    margin-top: -300px;
    left: 0;
    right: 0;
    height: 301px;
	z-index:-1;
}

.top-section-drug{
	position: absolute;
	right: 20px;
	margin-top: -100px;
	width: 202px;
}

.bg-secondary{
	background:#CCDFF2 !Important;
}

.blue-h2{
	font-family: proxima-nova, sans-serif;
	font-weight: 800;
	font-style: normal;


	font-size: 4.5rem;
	text-transform: uppercase;
	color: #1B2CAE;
	border-bottom: none;
}

.es-theme-blue{
	color: #1B2CAE;
}


footer{
	background:#303136;
	color:#fff;
	padding:15px;
	font-size:.9rem;
}

.hide-desktop{
	display:none;
}

.our-aim{
	font-family: proxima-nova, sans-serif;
	font-weight: 800;
	font-style: normal;

	position: absolute;
	margin-top: -70px;
	font-size: 4.5rem;
	text-transform: uppercase;
	color: #1B2CAE;
	border-bottom: none;
}

.shape-3{	
	margin-top: -170px;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 555;
	height: 160px;
}

.how-suppliment{
	margin-top:200px;
	padding-bottom:100px;
}

.footer-logo{
	margin-left:-70px;
}

@media only screen and (max-width: 600px){
	.blue-h2{
		font-size:2.5rem;
	}
	.footer-logo{
		margin-left:-20px;
		margin-bottom:20px;
	}
	
	.how-suppliment{
		margin-top:80px;
	}
	.shape-3{	
		height:auto;
		margin-top:-19vw;
	}
	.m-pad-t-50{
		padding-top:50px;
	}
	.our-aim{
		position: absolute;
		margin-top: -35px;
		font-size: 3rem;
		text-transform: uppercase;
		color: #1B2CAE;
		border-bottom: none;
		font-weight: bold;
	}
	.top-shape{
		height:auto;
		margin-top:-90px;
	}
	
	.hero-heading{
		padding:0 20px;
	}
	.hide-desktop{
		display:block;
	}

	.hide-mobile{
		display:none;
	}
	
	.top-right-bg-img{
		height:50vw;
		z-index:1;
	}
	.logo{
		width: 55vw;
	}
}

@media only screen and (max-width: 450px){
	.shape-3{	
		margin-top: -18vw;
	}
	
	.top-shape{
		margin-top:-115px;
	}
}


@media only screen and (max-width: 375px){
	.shape-3{	
		margin-top: -18vw;
	}
	
	.top-shape{
		margin-top:-90px;
	}
}


@media only screen and (max-width: 320px){
	.shape-3{	
		margin-top: -19.7vw;
	}
}