EVOLUTION-NINJA

Edit File: main.css

html, body
{
	margin:0;
	padding:0;
	font-family: 'Lato', sans-serif !important;
	color:#4c4c4c;	
	overflow-x:hidden;
}

ul, li, a, span, lable, h1, h2, h3, h4, h5, h6, div, form, input
{
	margin:0 auto;
	padding:0;
}

/*------------------------------------------------ header -------------------------------------*/
.header-top{
	background:#4D4A45;
	padding-bottom:3px;
	padding-top:7px;
}
.header-top a{
	color:#fff;
}

.header-top a:hover{
	color:#8a8aff;
}

.logo h3 a
{
  	color: #2a2aaa;
	font-weight: bold;
  	text-shadow: 1px -1px 2px #000;
}

.logo h3 a:hover
{
 	text-decoration:none; 
}

#gruemenu > ul > li > a {
    border-right:none !important;
	font-weight:bold;
	padding: 28px 15px !important;
}
#gruemenu > ul {
    box-shadow: none !important;
	//padding-top:12px;
}
@media only screen and (min-width:320px) and (max-width:640px){
	.header-top{
		text-align:center;
	}
	.logo h3{
		text-align:center;
	}
  .padd_logo
  {
    padding-left:0px !important;
  }
  .logo a img
  {
    width: 255px !important;
  }
  #navigation-toggle {
    top: 42px !important;
  }
}
@media only screen and (min-width:641px) and (max-width:991px){
	#gruemenu.grue_94, #gruemenu.grue_94 ul, #gruemenu.grue_94 ul li, #gruemenu.grue_94 ul > li > a {
		font-size: 12px !important;
	}
	.logo h3{
		font-size:18px;
	}
	#gruemenu > ul {
		padding-top:8px;
	}
  #navigation-toggle {
    top: 40px !important;
  }
}

@media only screen and (min-width:992px) and (max-width:1258px){
  #gruemenu > ul > li > a {
		padding: 28px 16px !important;
	}
  #navigation-toggle {
    top: 40px !important;
  }
}
#gruemenu.grue_94 ul ul li:hover > a, #gruemenu.grue_94 ul ul li.active > a, #navigation-toggle:hover {
    color: #0E0EC7;
    background: #020202 !important;
}
#gruemenu.grue_94 ul ul li:hover > a, #gruemenu.grue_94 ul ul li.active > a, #navigation-toggle {
    color: #0E0EC7;
    background: #020202 !important;
}
/*----------------------------------------- footer ------------------------------*/
.footer
{
	padding-bottom:10px;
	padding-top:10px;
	background:#082D26;
	color:#ffffff;
}

.myaddress
{
 
}

.myaddress h4, .mymenufooter h4, .mytimer h4, .mysocial h4
{
	padding-bottom: 5px;
  	font-size: 20px;
}

.row-1, .row-2
{
	padding-bottom:10px;
	padding-top:10px;
}

.addr-icon
{
	padding-bottom:10px;
  	color:#fff;
}

.addr-icon i, .addr-icon p, .myweek, .myhour
{
	display:table-cell;
}

.addr-icon p
{
  font-size:16px;  
}
.addr-icon i
{
	font-size:20px;
	color:#FFF;
	width: 25px;
}

.mymenufooter ul li
{
	list-style:none;
	line-height:1.6;
  	font-size: 16px;
  	color:#fff;
	}

.mymenufooter ul li i
{
	color:#fff;
	margin-right:5px;
}

.mymenufooter ul li a
{
	color:#fff;
}
.mymenufooter ul li a:hover
{
	color:#fff;
	text-decoration:none;
}
.myhour
{
	//width:48%;
}

.mysocial ul li
{
	list-style:none;
	display:inline;
}

.mysocial ul li i
{
	width:40px;
	height:40px;
	text-align:center;
	color:#fff;
  	background:#000000;
	border-radius:50%;
	margin-left:5px;
	margin-right:5px;
	font-size:25px;
	line-height:40px;
}
.mysocial ul li i:hover
{
  	background:#F3CC29;
}

.time-hour li
{ 
	list-style:none;
  	font-size:16px;
  	color:#fff;
}
.myweek-mon span
{
	padding-right:14px;
}
.myweek-sat span
{
	padding-right:60px;
}
.myweek-sun span
{
	padding-right:93px;
}
.row-2
{
	text-align:center;
	//border-top:3px solid #fff;
  	color:#fff;
  	background: #03241e;
}
.row-2 p
{
	margin: 0 !important;
	font-size: 12px;
}
.jayblues
{
	color:#fff;
}
.jayblues:hover
{
	color:#fff;
	text-decoration: none;
}

.blues {
	background-color: #017dc6;
	padding-left: 8px;
	padding-right: 8px;
	color: white;
	border-radius: 3px;
}

.line_height
{
	padding:0px 20px;
}
.foot_socials ul{
    list-style-type:none;
    padding-left:0;
    margin-bottom:0;
}
.foot_socials li{
    display:inline-block;
    margin-right:10px;
}
.foot_socials li i{
    font-size:24px;
}
.foot_socials a,.foot_socials a:hover{
    color:white;
}
@media only screen and (min-width:641px) and (max-width:991px) 
{
	.myweek-mon span
	{
		padding-right:5px;
	}
	.myweek-sat span
	{
		padding-right:52px;
	}
	.myweek-sun span
	{
		padding-right:62px;
	}
	.mysocial
	{
		text-align:center;
	}
}
@media only screen and (min-width:320px) and (max-width:640px) 
{
	.line_height
	{
		display:none;
	}
}
/*------------------------------------------------ header -------------------------------------*/
.welcome {
	padding-bottom:30px;
	padding-top:15px;
}
.welcome h2{
	text-align:center;
	color:#000;
	padding-bottom:20px;
}
.welcome img{
	border:5px solid #aaa;
	border-radius:5px;
}
.welcome p {
	color:#777;
	font-size:16px;
	line-height:25px;
  font-weight:bold;
  text-align: justify;
}
.abt_read{
	background:#000 !important;
	color:#fff !important;
}
.abut_hr {
	border-bottom:2px solid #000;
}
.our_service{
	background:url('../images/banner2.png')no-repeat center center ;
	color:#fff;
	text-align:center;
	padding-bottom:30px;
	padding-top:30px;
}
.our_service h2{
	padding-bottom:30px;
}
.our_service a{
	color:#fff;
}
.our_service a:hover{
	color:#fff;
	text-decoration:none;
}

.our_service h4{
  	font-weight:bold;
}

.gallery{
	background:url('../images/bg.png') center center /cover;
	padding-top:30px ;
	padding-bottom:30px;
	text-align:center;
	color:#fff;
}
.boxplus-viewport ul{
	left:50px !important;
}
.boxplus-next{
	color:#fff;
}
.boxplus-prev{
	color:#fff;
}
@media only screen and (min-width:320px) and (max-width:640px) {
	
}
@media only screen and (min-width:768px) and (max-width:1024px) {
	
}

.impowering
{
  padding: 20px 0px 20px;
}

.home_top
{
  padding-top:1%;
  background:#ebebeb;
  margin-top:-2px;
}

.home_para
{
  text-align:center;
  font-size:18px;
  font-weight:bold;
}

.basic-course p
{
  text-align:justify;
}

.impowering p
{
  line-height:1.6;
  text-align:justify;
}

.impowering h3
{
  margin-top:0px;
}

.impowering h4
{
  margin-top:0px;
  margin-bottom:0px;
}

.our_testi li
{
  padding-bottom:8px;
  line-height:1.6;
  text-align:justify;
}

/*---------------------------------------- contact ---------------------------------------------------*/
.contact_banner
{
	//position:relative;
	background: url("../img/contactus_banner.png") no-repeat center top /cover;
	 height:475px;
	/* //height: 100vh;
	width:100%;  */
	//padding: 200px 0 150px;
}

.contact_banner h1
{
	font-size: 72px;
	font-weight: 800;
	margin-top:70px;
	color:#fff;
	text-shadow: 5px 5px 5px #000;
}

.contact_banner h2
{
	font-size: 36px;
	color:#fff;
	font-weight: 400;
}

.contact_middle_1
{
	padding-top:30px;
	padding-bottom:30px;
	background:#F8F8FF;
}

.contact_address
{
	margin-top: 10%;
}

.contact_address h3, .contact_work h3, .soc_medi h3
{
	font-weight:700;
}

.contact_address ul li
{
	list-style-type:none;
}

.contact_address p, .contact_work p
{
	font-size:16px;
	color:#6B6B6B;
}

.contact_address i
{
	color:#017DC6;
}

.contact_form
{
	//padding-top: 50px;
}
.contact_middle_1 a{
	color:#000;
}
.contact_middle_2
{
	//padding-top:15px;
	//padding-bottom:10px;
	background:#E6E6FA;
}

.contact_middle_2 iframe
{
	width:100%;
	height:300px;;
}
.courses-mid {
    margin-top: 1% !important;
}
.copyright-block {
	display:none;
}
.welcome ul li {
    margin-left: 15px;
    font-size: 16px;
    line-height: 25px;
    color: #777;
  	font-weight: bold;
}
section {
	font-size:16px;
    color:#000;
    padding-bottom:1%;
}
section ul li {
	margin-left:15px;
}
.active a {
	background-color: rgba(0, 0, 255, 0.46) !important;
    color: white !important;
}
.logo h3 {
    margin-top: 16px !important;
}
.contact_address ul li {
	font-size: 16px;
}
.impowering h3 {
	text-align:center;
}
.tab-content h3 {
  	font-weight: 600;
    color: #012c3c;
    text-decoration: underline;
    font-family: cursive;
}
.basic-course {
  	margin-top: 2%;
    border: 1px solid rgba(3, 3, 255, 0.48);
    padding: 10px 10px;
}
.basic-course:hover {
  	box-shadow: 0px 0px 50px #888888;
}

.footer_logo h3
{
  color:#fff;
  text-align:center;
  font-size:30px;
}