/*
 Theme Name:   MileAce
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Twenty Fourteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/


@import url("../twentyfourteen/style.css");


/* =Theme customization starts here
-------------------------------------------------------------- */

/* Main CSS Start */
body {
	margin: 0;
	color: #000;
	font: 17px/24px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	background: #fff;
	min-width: 990px;
}
img {border-style: none;}
a {
	text-decoration: none;
	color: #152542;
}
input, textarea, select {
	font: 100% 'Source Sans Pro', Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #000;
}
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
#wrapper {
	position:relative;
	overflow:hidden;
}
.container {
	width:980px;
	margin:0 auto;
}
.container:after {
	display:block;
	clear:both;
	content:"";
}
#header {
	padding:35px 0 12px;
}
.logo {
	float:left;
	margin:0 50px 0 0;
}
#nav {
	float:left;
	padding:5px 0 0;
}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:15px;
	line-height:30px;
	font-weight:900;
	text-transform:uppercase;
}
#nav ul li {
	float:left;
	margin:0 0 -3px 9px;
	position:relative;
	padding-bottom:3px;
}
#nav ul li a {
	color:#2f2f2f;
	display:block;
	padding:0 15px;
	border:1px solid #dbdbdb;
	background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%);
	border-radius:3px;
	-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.8);
	box-shadow: 0 1px 0 0 rgba(0,0,0,.8);
}
#nav ul li:hover a ,
#nav ul li.current-menu-item a {
	background:#000;
	color:#fff;
	border-color:#000;
	-webkit-transition: color 0.35s ease, background 0.35s ease, opacity 0.35s ease;
	transition: color 0.35s ease, background 0.35s ease, opacity 0.35s ease;
}
#nav ul li:hover ul { display:block;}
#nav ul li ul {
	position:absolute;
	z-index:999;
	background:#fff;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.8);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.8);
	width:130px;
	padding:14px;
	left:0;
	top:100%;
	font-size:12px;
	line-height:16px;
	font-weight:400;
	display:none;
}
#nav ul li ul li {
	float:none;
	margin:0;
}
#nav ul li ul li a {
	border:none;
	background:#fff !important ;
	box-shadow:none;
	color:#000 !important;
	padding:7px 15px;
}
#nav ul li ul li a:hover { background:#000 !important; color:#fff !important ;}
.right-area {
	float:right;
	font-size:15px;
	line-height:18px;
	color:#303030;
	font-style:italic;
	margin:0 16px 0 0;
}
.right-area span { text-transform:uppercase;}
.right-area .phone {
	display:block;
	font-size:23px;
	color:#ff0000;
	font-weight:900;
	font-style:italic;
}
.visual {
	background:url(images/bg-main.jpg) no-repeat 50% 0 #000;
	background-size:100% 100%;
	/*min-height:1041px;*/
	border-bottom:7px solid #e5e5e5;
}
.visual .description {
	padding:29px 0 0;
	font-size:17px;
	line-height:21px;
	color:#fff;
	text-align:center;
	font-weight:300;
	margin:0 0 30px;
}
.visual .description h2 {
	font-size:28px;
	line-height:32px;
	font-weight:600;
	margin:0 ;
}
.visual .description .title {
	font-size:22px;
	line-height:26px;
	display:block;
	margin:0 0 15px;
	padding:0 80px;
	font-weight:600;
}
.visual .description p {
	margin:0 0 15px;
}
.block-holder {
	position:relative;
	min-height:366px;
}
.block-holder .block {
	position:absolute;
	left:0;
	top:0;
}
.block-holder .block.add {
	left:auto;
	right:0;
}
.block.add  .caption {
	left:auto;
	right:22px;
}
.caption {
	position:absolute;
	left:31px;
	top:25px;
	bottom:0;
}
.block.add  .caption h1 { padding:0 35px 0 0;}
.block.add  .caption:after { width:62%;}
.caption h1 {
	font-size:85px;
	line-height:95px;
	color:#fff;
	font-style:italic;
	font-weight:900;
	margin:0 0 17px;
	position:relative;
	text-transform:uppercase;
}
.caption h1:after {
	position:absolute;
	bottom:0;
	right:0;
	width:87%;
	height:2px;
	background:#fff;
	content:"";
}
.more {
	display:block;
	width:190px;
	margin:0 0 0 72px;
	float:right;
	color:#242424;
	font-weight:900;
	line-height:44px;
	text-align:center;
	font-size:19px;
	text-transform:uppercase;
	background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%);
	border-radius:4px;
	position:relative;
}
.more:after {
	position:absolute;
	top:50%;
	right:25px;
	background:url(images/arrow3.png) no-repeat;
	width:7px;
	height:11px;
	margin:-5px 0 0;
	content:"";
}
.more:hover {
	background:#000;
	color:#fff;
	-webkit-transition: color 0.35s ease, background 0.35s ease, opacity 0.35s ease;
	transition: color 0.35s ease, background 0.35s ease, opacity 0.35s ease;
}
.more:hover:after { background:url(images/arrow2.png) no-repeat;} 
.features {
	overflow:hidden;
}
.features h2 {
	margin:0 0 26px;
	text-align:center;
	font-size:36px;
	line-height:42px;
	font-style:italic;
	font-weight:900;
	color:#fff;
}
.features h2 span {
	font-size:49px;
	color:#ff0000;
	line-height:55px;
}
.features-holder {
	background:url(images/bg-features.png) no-repeat;
	text-align:center;
	margin:0 0 35px;
}
.features-holder .box {
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin:-9px 5px 0;
}
.features-holder .caption-text {
	position:absolute;
	left:0;
	right:0;
	bottom:16px;
	z-index:99;
}
.caption-text h2 {
	color:#fff;
	font-weight:900;
	font-size:35px;
	line-height:42px;
	margin:0 0 0 11px;
	background:url(images/separator.png) no-repeat 50% 0;
	float:left;
	position:relative;
}
.caption-text h2:after {
	position:absolute;
	left:50%;
	background:url(images/separator.png) no-repeat;
	width:58px;
	margin:0 0 0 -29px;
	height:2px;
	content:"";
	bottom:-3px;
}
.more1 {
	float:right;
	background: #ee1a1a url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlMWExYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2U5MTUxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2Q4MDQwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ee1a1a 0%, #e91515 26%, #d80404 81%, #d40000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee1a1a), color-stop(26%,#e91515), color-stop(81%,#d80404), color-stop(100%,#d40000));
background: -webkit-linear-gradient(top,  #ee1a1a 0%,#e91515 26%,#d80404 81%,#d40000 100%);
background: -o-linear-gradient(top,  #ee1a1a 0%,#e91515 26%,#d80404 81%,#d40000 100%);
background: -ms-linear-gradient(top,  #ee1a1a 0%,#e91515 26%,#d80404 81%,#d40000 100%);
background: linear-gradient(to bottom,  #ee1a1a 0%,#e91515 26%,#d80404 81%,#d40000 100%);
	width:117px;
	height:32px;
	line-height:32px;
	font-size:13px;
	color:#fff;
	font-weight:900;
	text-align:center;
	text-transform:uppercase;
	margin:3px 23px 0 0;
	position:relative;
	border-radius:4px;
}
.more1:after {
	position:absolute;
	top:50%;
	right:10px;
	background:url(images/arrow2.png) no-repeat;
	width:7px;
	height:11px;
	margin:-5px 0 0;
	content:"";
}
.more1:hover {
	background:#454545;
	-webkit-transition: color 0.35s ease, background 0.35s ease, opacity 0.35s ease;
	transition: color 0.35s ease, background 0.35s ease, opacity 0.35s ease;
}
.client-holder {
	padding:35px 0 5px;
	position:relative;
	margin:0 -15px 0 0;
	overflow:hidden;
}
.client {
	float:left;
	margin:0 14px 12px 0;
}
.client img { display:block;}
.client:hover { opacity:0.7;}
#main {
	background:url(images/bg-main.jpg) no-repeat 50% 0 #000;
	background-size:100% 100%;
	min-height:400px;
	padding:37px 0;
	font-size:17px;
	line-height:22px;
	color:#010101;
	font-weight:300;
	border-bottom:7px solid #e5e5e5;
}
.content-area {
	background:#fff;
	padding:30px 38px;
}
.content-area h2 {
	font-size:27px;
	line-height:32px;
	margin:0 0 10px;
	font-weight:600;
}
.content-area h3 {
	font-size:23px;
	line-height:30px;
	margin:0 0 10px;
	font-weight:600;
}
.content-area ul {
	margin:0 0 30px;
	padding:0 0 0 30px;
	list-style:none;
	font-size:16px;
}
.content-area ul li {
	padding:0 0 0 20px;
	background:url(images/arrow.jpg) no-repeat 0 5px;
	margin:0 0 10px;
}
.alignleft {
	float:left;
	margin:0 27px 37px 0;
}
.alignright {
	float:right;
	margin:0 0 40px 40px;
}
.clear { clear:both;}
#main p { margin:0 0 30px;}
#main h1 {
	font-size:33px;
	line-height:37px;
	color:#fff;
	font-weight:700;
	margin:0 0 25px 22px;
}
.footer-bar {
	background:#cb0d0d;
	margin:0 0 20px;
}
.footer-nav {
	float:left;
	width:55.5%;
	padding:14px 0;
}
.footer-nav ul {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	font-size:15px;
	line-height:18px;
	color:#fff;
	font-weight:900;
	text-transform:uppercase;
}
.footer-nav ul li:first-child { 
	background:none;
	padding-left:0;
}
.footer-nav ul li {
	float:left;
	padding:0 18px;
	background:url(images/separator2.png) no-repeat 0 3px;
}
.footer-nav ul li a { color:#fff;}
.footer-nav ul li a:hover { color:#454545;}
.footer-phone {
	float:right;
	background:#000;
	width:44.5%;
	margin-right:-9999px;
	padding:11px 9999px 11px 0;
	font-style:italic;
}
.footer-phone strong {
	float:right;
	font-weight:900;
	color:#fff;
	font-size:21px;
	line-height:24px;
}
.footer-phone span {
	font-weight:300;
	font-size:15px;
	line-height:24px;
	color:#fff;
	float:right;
	margin:0 10px 0 0;
	text-transform:uppercase;
}
.copy {
	margin:0 0 20px;
	text-align:center;
	font-size:15px;
	line-height:18px;
	color:#242424
}

.open-bar { 
	display:none;
	background:#666666;
	overflow:hidden;
}
.wrap2{
	overflow:hidden;
}
.opener {
	display:none;
	float:left;
	position:relative;
	color:#fff;
	font-weight:400;
	line-height:16px;
	font-size:20px;
	margin:16px 0 12px 12px;
}
.opener.add {
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	width:31px;
	height:31px;
	margin:6px 10px 0 0;
	
}
.opener.add:before,
.opener.add:after,
.opener.add span{
	background:#fff;
	border-radius:4px;
	position:absolute;
	top:16px;
	left:30%;
	right:-7%;
	height:3px;
	margin-top:-5px; /* height/2 */
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.opener.add:before,
.opener.add:after{
	content:'';
	top:10px;
}
.opener.add:after{top:22px;}
/* close button transition */
.close-btn span,
.active .opener span{opacity:0;}
.opener:hover{opacity:.9;}
.close-btn:after,
.close-btn:before,
.active .opener:after,
.active .opener:before{
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:16px;
	left:15%;
	right:15%;
}
.close-btn:after,
.active .opener:after{
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.content-area{ padding:30px 2%; width:96%}
@media screen and ( max-width:1000px ) {
	.container{ width:98%}
	.block-holder{ width:100%}
	.block-holder .block{ max-width:50%}
	.block-holder .block img{ width:110%; height:100%}
	.features{ width:100%}
	.features-holder .box{ width:32.2%; margin-left:1%; margin-right:0px}
	.features-holder .box:first-child{ margin-left:0}
	.footer-nav ul{ display:none}
	.caption h1{ line-height:65px; font-size:45px;}
	.features-holder .box img{ max-width:100%; height:auto}
	body{ min-width:0}
	.open-bar { display:inline-block; float:right}
	.footer-nav{ padding:0}
	.footer-nav span{ float:left}
	.features h2 span{ display:block}
	.drop ul li{ margin-left:0 !important}
	#nav ul li ul{ width:100%}
	.drop{
		overflow:hidden;
		position:absolute;
		top:100%;
		left:0;
		right:0;
		z-index:999;
	}
	.wrap2.side-push{
		overflow:hidden;
		position:relative;
	}
	.btn-logout { float:none; margin:0 auto; display:block;}
	.wrap2.side-push .drop {
		position:absolute; /* change to fixed */
		top:0;
		left:-240px;
		width:240px;
		bottom:0;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
		background:#666666;
		padding-top:40px;
	}
	.wrap2.side-push .drop > .opener.add { margin-top:0;}
	.wrap2.side-push .hold{
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
	}
	.wrap2.side-push.active .hold{
		margin:0 0 0 240px;
		min-width:480px;
	}
	.wrap2.side-push.active .drop{left:0;}
	.wrap2.side-push .drop .opener{
		position:absolute;
		right:5px;
		top:5px;
		z-index:999;
	}
	.opener { display:block;}
	.drop{
		overflow:scroll !important;
		position:fixed !important;
		top:100%;
		left:0;
		right:0;
		z-index:999;
	}
	.drop ul li{ float:none; padding:0; width:100%; border-bottom:1px solid #666}
	 #nav ul li a { min-height: 44px; line-height: 44px; } 
}

@media screen and ( max-width:767px ) {
	.block-holder{ display:none}
	.visual{ min-height:auto}
	.caption-text h2{ float:none}
	.more1{ float:none; margin:10px auto 0; width:90%; display:block}
	.features-holder .box img{ width:100%; height:auto}
	.features-holder .box{ width:32%}
	.client-holder a{ width:30%; margin:0 1.5% 10px}
	.client-holder a img{ width:100%; height: auto; }
	.visual { background-size: auto; background-position: top left }
	.visual .description .title { padding: 0 10px; }
	}

@media screen and ( max-width:580px ) {
	.features-holder .box{ width:100%}
	.right-area{ display:none}
	.client-holder a{ width:45%; margin:0 1.5% 10px}
	.footer-phone{ display:none}
	.content-area img{ width:100%; height:auto}
	}