EVOLUTION-NINJA

Edit File: main.css

html, body {
	margin:0 !important;
	padding:0 !important;
	color: #616161 !important;
	font-family: 'Open Sans', sans-serif !important;	
	overflow-x:hidden !important;
}
span, label, h1, h2, h3, h4, h5, h6, p, ul, li {
	margin:0 auto;
	padding:0;
}
p {
    margin: 0 0 0px !important; 
}
a
{
	text-decoration:none !important;
	transition:all .5s ease-in-out;
}
.clr {
	clear:both;
}

/*-------------------------------- Header Top--------------------------------------------*/
.header_top
{
	padding:5px 0px;
	background:#606062;
	color:#fff;
}
.header_top_right
{
	text-align:right;
}
.header_top_left p a, .header_top_right p a
{
	color:#fff;
}
.header_top_left p a:hover, .header_top_right p a:hover
{
	color:#ff6600;
}
@media only screen and (min-width:320px) and (max-width:640px) {
	.header_top_left, .header_top_right
	{
		text-align:center;
	}
}

/*-------------------------------- logo and nav bar --------------------------------------*/
.act a
{
	background:#FF6600;
	color:#ffffff !important;
	border-radius:4px;
}

.my_nav
{
	//background:#ccc;
}

.navigation nav {
    padding-top: 30px !important;
}

/*------------------------------- home middle 1 -----------------------------*/
.home_middle_1
{
	padding-bottom:30px;
	padding-top:10px;
	background:#f8f8f8;
}

.header_pag
{
	text-align:center;
	padding-bottom:20px;
}

.header_pag h3
{
	color:#ff6600;
	text-transform:uppercase;
	font-weight:bold;
}

.header_pag h3 span
{
	color:#2a2a2a;
}

.home_middle_1 p
{
	text-align:center;
	line-height:1.6;
	color:#555;
}

/*------------------------------- home middle 2 -----------------------------*/
.home_middle_2
{
	padding-bottom:30px;
	padding-top:10px;
	background:#fef4ed;
}

.row_pad
{
	padding:10px 15px;
}

.service_main
{
	position: relative;
	display: block;
	background: #2a2a2a;
	transition:all .5s ease-in-out;
}
.service_main_left
{
	position: relative;
	float: left;
	width: 50%;
}

.service_main_right
{
	position: relative;
	float: right;
	width: 50%;
	color: #ffffff;
}
.inner
{
	position: relative;
	padding: 10px 15px;
}

.service_main_right h4
{
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom: 5px;
}
.service_main_right p
{
	line-height:1.6;
	text-align:justify;
}
.read_more
{
	padding-top:15px;
}
.read_more a
{
	padding:7px 10px;
	background:#ff6600;
	color:#fff;
	border-radius:5px;
}

.service_main:hover {
	box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.20);
	background: #ff6600;
}

@media only screen and (min-width:320px) and (max-width:640px) {
	.row_pad
	{
		padding:0px 15px;
	}
	
	.service_main
	{
		margin:20px 0px;
	}
	.service_main_left
	{
		float: none;
		width: auto;
	}
	
	.service_main_right
	{
		float: none;
		width: auto;
	}
	.inner {
		padding: 10px 15px 20px;
	}
	.service_main {
		margin: 10px 0px;
	}
	.read_more
	{
		text-align:center !important;
	}
}
@media only screen and (min-width:641px) and (max-width:991px) {
	.row_pad
	{
		padding:0px 15px;
	}

.service_main
	{
		margin:20px 0px;
	}
	.service_main_left
	{
		width: 35%;
	}
	
	.service_main_right
	{
		width: 65%;
	}
}

/*------------------------------- home middle 3 -----------------------------*/
.home_middle_3
{
	padding-bottom:30px;
	padding-top:10px;
	background:#f5f5f5;
}

/*---- carousel ---*/
.my_owlcarousel
{
	position:relative;
}

.customNavigation .prev
{
	position: absolute;
	left: -50px;
	top: 40%;
	font-size: 25px;
}

.customNavigation .next
{
	position: absolute;
	right: -50px;
	top: 40%;
	font-size: 25px;
}

@media only screen and (min-width:641px) and (max-width:991px) 
{
	.customNavigation
	{
		text-align:center;
	}
	
	.customNavigation .next, .customNavigation .prev
	{
		position: initial;
	}
}

@media only screen and (min-width:320px) and (max-width:640px) 
{
	.customNavigation
	{
		text-align:center;
	}
	
	.customNavigation .next, .customNavigation .prev
	{
		position: initial;
	}
}

/*------------------------------ about us ------------------------*/
.about_middle_1
		{
			padding-top:20px;
			padding-bottom:20px;
		}
		
		.about_det_pad1
		{
			background:url('../images/vision_icon.png') no-repeat top right;
		}
		
		.about_det_pad2
		{
			background:url('../images/mission_icon.png') no-repeat top right;
		}
		
		.about_det_icon, .about_det_pad
		{
			display:table-cell;
			vertical-align:middle;
		}
		.about_det_icon
		{
			width:120px;
			
		}
		.about_det_pad1 h4, .about_det_pad2 h4
		{
			font-weight:bold;
			color:#ff6600;
		}
		
		.about_det_pad1 p, .about_det_pad2 p
		{
			line-height:1.6;
			text-align:justify;
		}
@media only screen and (min-width:320px) and (max-width:640px) 
{
.about_det_pad1
		{
			background:url('../images/vision_icon.png') no-repeat bottom right;
		}
		
		.about_det_pad2
		{
			background:url('../images/mission_icon.png') no-repeat bottom right;
		}
}

/*----------------------------- career page ------------------------*/
.career_middle_1
{
	padding-bottom:30px;
	padding-top:10px;
}
.career_content h4
{
	font-weight:bold;
	color:#1A1A1A;
}
.career_content ol
{
	padding-left:15px;
	line-height:1.6;
}

/*------------------------------ contact us page -------------------*/
/*------------------------------------------------ contact us page --------------------------------------*/
.contact-middle-1
{
	padding-bottom:30px;
	padding-top:10px;
}
.contact-address h4, .contact-form h4
{
	padding-bottom:10px;
	font-weight:bold;
}
.header-page
{
	padding-bottom:15px;
	text-align:center;
	color:#007CC3;
}

.addr-icon, .addr-title
{
	display: inline-table;
}
.addr-title
{
	vertical-align: top;
}
.icon-addr1
{
	margin:5px 0px;
}
.addr-icon 
{
	width:35px;
	background:#FF6600;
	height:35px;
	line-height:35px;
	text-align:center;
	margin-right:10px;
	color:#fff;
	border-radius: 50%;
	display: inline-table;
}
.addr-icon svg
{
	font-size:15px;
	
}
.addr-title p
{
	font-size:16px;
	line-height:1.6;
}
.app-top, .submit
{
	border-radius: initial !important;
}

.app-top:focus
{
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255, 102, 0, .6) !important;
	border-color: #ff6600 !important;
}

.contact-middle-2 iframe
{
	width:100%;
	height:300px;
	margin-bottom: -5px;
}

@media only screen and (min-width:320px) and (max-width:640px) 
{
	.mob_pad
	{
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.contact-form
	{
		padding-top:20px;
	}
}

/*----------------------------- footer -------------------------------*/
.footer
{
	//background:#616161;
	background:#1A1A1A;
	color:#ffffff;
	padding:10px 0px 10px;
}

.footer_logo
{
	padding-bottom:15px;
}

.social-media
{
	text-align:center;
}

.my_addr h4
{
	color:#ff6600;
}

.my_addr .addr_icon, .my_addr p
{
	display:table-cell;
}

.my_addr .addr_icon
{
	width:20px;
	//text-align:center;
}

.my_addr p
{
	color:#959595;
	line-height:1.6;
}

.footer_menu
{
	text-align:center;
}

.footer_menu ul li
{
	display:inline;
	padding:0px 15px;
}

.footer_menu ul li a
{
	color:#959595;
}

.footer_menu ul li a:hover
{
	color:#FF6600;
}

.footer_act a
{
	color:#FF6600 !important;
}

@media only screen and (min-width:320px) and (max-width:640px) {
	.footer
	{
		padding:20px 0px 20px;
	}
}

/*------- social media --------------*/
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}

/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #C2C2C2;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#007BB6;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover svg, .social-network a.icoFacebook:hover svg, .social-network a.icoTwitter:hover svg,
.social-network a.icoGoogle:hover svg, .social-network a.icoVimeo:hover svg, .social-network a.icoLinkedin:hover svg {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 40px;
	height: 40px;
	font-size:20px;
	background-color: #C2C2C2; 
	line-height:40px;
}
.social-circle li svg {
	margin:0;
	line-height:40px;
	text-align: center;
}

.social-circle li a:hover svg, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle svg {
	color: #252525;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

/*------------------------------------- copyright --------------------------------*/
.copyright
{
	background:#c95d08;
	//font-size: 12px;
	padding:5px 0px 8px;
	color:#fff;
	text-align:center;
	
}

.jayblues
{
	color:#c2c2c2;
}

.jayblues:hover
{
	text-decoration:none;
	color:#ffffff;
}

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

.line_height
{
	padding:0px 20px;
}

@media only screen and (min-width:320px) and (max-width:640px) {
	.line_height
	{
		display:none;
	}
}

/*------------------------ back to top ---------------*/
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 0;
    right: 20px;
    display: none;
    background: transparent !important;
    border-color: transparent !important;
}

.back-to-top img
{
	background:#2a2a2a;
	transition:all 0.5s ease-in-out;
	border-radius:5px;
}

.back-to-top img:hover
{
	background:#ec8534;
}