body{
	/*font-family: "Comic Sans MS";*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: "Poppins", sans-serif !important;
	font-size: 15px;
	line-height: 1.5;
	padding: 0;
	margin: 0;
	background-color: #EDF4FB;
	overflow-x:hidden;
}

/* Global */

ul{
	margin: 0;
	padding: 0;
}

/* Header */

header{
	width: 100%;
	/*margin: auto;*/
	overflow: hidden;
	color:#fff;
	min-height: 100px;
	/*background-color: #EDF4FB;*/
	z-index:0;

	height: 600px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7e3ed+13,c2dbf0+28,d7e3ed+41,d7e3ed+55,4992d3+95 */
	background: #d7e3ed; /* Old browsers */
	background: -moz-linear-gradient(45deg, #d7e3ed 13%, #c2dbf0 28%, #d7e3ed 41%, #d7e3ed 55%, #4992d3 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #d7e3ed 13%,#c2dbf0 28%,#d7e3ed 41%,#d7e3ed 55%,#4992d3 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #d7e3ed 13%,#c2dbf0 28%,#d7e3ed 41%,#d7e3ed 55%,#4992d3 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e3ed', endColorstr='#4992d3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

header #showcase-img{
	width: 100%;
	/*filter: brightness(40%);*/
}

header #logo_img{
	max-height: 120px;
	max-width: 120px;
}

/*header container_top*/

header #container_top_wrap{
	width: 80%;
	margin: 0 auto;
	position: relative;
	background-color: transparent;
	z-index: 1;
}

header #container_top_wrap #top_div{
	width: 100%;
	position: absolute;
	font-size: 20px;	
}

header #container_top_wrap #top_div p{
	margin-bottom: -10px;
}

header #container_top_wrap #top_div #email_phone{
	width: 80%;
	float: left;
	color: #1A456B;
}

header #container_top_wrap #top_div #email_phone #info_text_email{
	font-weight: bold; 
	color: #1A456B;
}

header #container_top_wrap #top_div #email_phone #info_text_phone{
	font-weight: bold; 
	color: #1A456B;
	margin-left: 7px;
}

header #container_top_wrap #top_div #social_icons{
	width: 20%;
	float:right;
	text-align: right;
	top: 0;
	font-size: 24px;
}

header #container_top_wrap #top_div #social_icons i{
	color: #C2DBF0;
}

header #container_top_wrap #top_div #social_icons i:hover{
	color: #1A456B;
	text-decoration: none;
	cursor: pointer;
}

header #container_top_wrap #top_div hr{
	border-top: 1px solid #4992D3;
	margin-top: 30px;
}

/*header container_belowtop_wrap*/

header #container_belowtop_wrap{
	width: 80%;
	margin: 0 auto;
	position: relative;
	background-color: transparent;
	z-index: 1;
}

header #container_belowtop_wrap #belowtop_div{
	width: 100%;
	position: absolute;
	margin-top: 50px;
	font-size: 20px;
}

header #container_belowtop_wrap #belowtop_div #logo{
	float:left;
	overflow: hidden;
	background: transparent;
}

header #container_belowtop_wrap #belowtop_div #container_menu{
	width: 83%;
	float:right;
	/*overflow: hidden;*/
	background: transparent;
}
header #container_belowtop_wrap #belowtop_div #containter_menu_mobile{
	display: none;
}

header #span_menu_text{
	float: right;
	margin-right:25px;
	margin-top:-7px;
	font-size:16px;
	color: #1A456B;
}

/*header container_center_wrap*/

header #container_center_wrap{
	width: 100%;
	margin: 0 auto;
	position: relative;
	background-color: transparent;
	z-index: 1;
}

header #container_center_wrap #center_div{
	width: 100%;
	position: absolute;
	margin-top: 300px;
	font-size: 70px;
}

/*header #container_center_wrap #center_div #ball-img{
	width: 200px;
	position: absolute;
	z-index: -1;
	left: 250px;
}*/

header #container_center_wrap #center_div #player-img{
	width: 400px;
	position: absolute;
	z-index: -1;
	left: 110px;
	top:-150px;
}

#container_offer{
	width: 80%;
	height: 400px;
	margin: 0 auto;
}

#increasing_numbers{
	text-align: center;
	background-color: #85B7E2;
	color:#fff;
	font-size: 20px;
}

#increasing_numbers i{
	font-size: 30px;
	margin: 10px 0 5px 0;
}

#last_news{
	height: auto;
}

/* Footer */
footer{
	/*float:left;
	margin-left: 15%;*/
	overflow: hidden;
	color:#1A456B;	
}

footer p,
footer h5,
footer a{
	text-align: center;
}

footer #social_icons{
	text-align: center;
	font-size: 30px;
}

footer #social_icons i{
	color: #85B7E2;
}

footer #social_icons i:hover{
	color: #1A456B;
	text-decoration: none;
	cursor: pointer;
}

footer #created_by{
	text-align: center;
}

/* Media Queries */

/*Smaller monitor*/
@media(min-width: 1018px) and (max-width: 1480px){
	/*Hide main menu - show mobile menu*/
	header #container_belowtop_wrap #belowtop_div #container_menu{
		display: none;
	}
	header #container_belowtop_wrap #belowtop_div #containter_menu_mobile{
		display: block;
	}

	#container_offer{
		max-width: 100% !important;
		width: 100%;
		height: 400px;
	}
	#container_offer .container{
		max-width: 100% !important;
	}
}

/*Tablet - bigger*/
@media(min-width: 830px) and (max-width: 1017px){
	/*Hide main menu - show mobile menu*/
	header #container_belowtop_wrap #belowtop_div #container_menu{
		display: none;
	}
	header #container_belowtop_wrap #belowtop_div #containter_menu_mobile{
		display: block;
	}

	header #container_center_wrap #center_div{
		display: block;
	}

	header #container_center_wrap #center_div #player-img{
		display: block;
	}

	#container_offer{
		height: 760px;
	}
}


/*Tablet - smaller or phone*/
@media(min-width: 501px) and (max-width: 829px){ /*768px*/
	header #container_top_wrap #top_div{
		font-size: 15px;
	}

	header #container_top_wrap #top_div #email_phone{
		margin-top: 10px;
	}

	header #container_top_wrap #top_div hr{
		border-top: 1px solid #4992D3;
		margin-top: 45px;
	}

	/*Hide main menu - show mobile menu*/
	header #container_belowtop_wrap #belowtop_div #container_menu{
		display: none;
	}
	header #container_belowtop_wrap #belowtop_div #containter_menu_mobile{
		display: block;
	}

	header #container_belowtop_wrap #belowtop_div #logo{
		overflow: hidden;
		background: transparent;
		position: absolute;
		margin: 0 auto;
		text-align: center;
	    left: 0;
	    right: 0;
	    width: 100%;
	    margin-top: 100px;
	}

	header #logo_img{
		max-height: 270px;
		max-width: 270px;
	}

	header #container_center_wrap #center_div #player-img{
		display: none;
	}

	#container_offer{
		height: 780px;
	}
}


/*Small phone*/
@media(max-width: 500px){
	header{
		height: 450px;
	}

	header #container_center_wrap #center_div{
		display: none;
	}

	header #container_center_wrap #center_div #player-img{
		display: none;
	}
	
	header #container_top_wrap #top_div #email_phone{
		width: 100%;
		text-align: center;
	}

	/*does the new line between email and number*/
	header #container_top_wrap #top_div #info_text_phone::before {
	  content: "\A";
	  white-space: pre;
	}

	header #container_top_wrap #top_div hr{
		border-top: 1px solid #4992D3;
		margin-top: 100px;
	}

	header #container_top_wrap #top_div #social_icons{
		width: 100%;
		text-align: center;
		top: 0;
		font-size: 28px;
		margin-top: 10px;
	}

	header #container_belowtop_wrap #belowtop_div{
		width: 100%;
		position: absolute;
		/*margin-top: 50px;*/
		margin-top:0px;
		font-size: 20px;
	}

	header #container_belowtop_wrap #belowtop_div #logo{
		overflow: hidden;
		background: transparent;
		position: absolute;
		margin: 0 auto;
		text-align: center;
	    left: 0;
	    right: 0;
	    width: 100%;
	    /*margin-top: 100px;*/
	    margin-top: 0px;
	    top: 150px;
	}

	header #logo_img{
		max-height: 270px;
		max-width: 270px;
	}

	/*Hide main menu - show mobile menu*/
	header #container_belowtop_wrap #belowtop_div #container_menu{
		display: none;
	}

	header #container_belowtop_wrap #belowtop_div #containter_menu_mobile{
		display: block;
	}
	

	header #span_menu_text{
		text-align: center;
		margin-right:25px;
		margin-top:-7px;
		font-size:16px;
		color: #1A456B;
		margin: 0 auto; 
		left: 0; 
		right: 0;
		position: absolute;
	}

	#container_offer{
		width: 100%;
		height: 780px;
	}

	#container_offer .container{
		padding-right: 0;
	    padding-left: 0;
	    margin-right: 0;
	    margin-left: 0;
	}
}