body {
    font-family: 'Open Sans', sans-serif;
}
* {
	-webkit-font-smoothing:antialiased;
}
*:focus {
	outline:none;
}
ul {
	list-style: none;
	padding: 0;
}
a {
	color:inherit;
}
.animateMe {
	opacity:0;
}
.section_c {
	position:relative;
}
.arrow {
	width: 46px;
	height: 46px;
	background: url(../img/down.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin: 0 0 0 -23px;
	z-index: 99;
	cursor: pointer;
    animation: 1.4s ease-in-out infinite fadebottom;
    -webkit-animation: 1.4s ease-in-out infinite fadebottom;
}
.arrow_gray {
	background-image:url(../img/down_gray.png);
}
/*
======================================================
======================================================
:::::::::::::::::::::::::::- BEGIN HEADER
======================================================
======================================================
*/

@keyframes fadebottom {
	0% {
	    opacity: 0;
	    transform: translateY(0px);
	    -moz-transform: translateY(0px);
	    -o-transform: translateY(0px);
	}
	30% {
		opacity: 1;
	}
	100% {
	    opacity: 0;
	    transform: translateY(20px);
	    -moz-transform: translateY(20px);
	    -o-transform: translateY(20px);
	}
}
@-webkit-keyframes fadebottom {
	0% {
	    opacity: 0;
	    transform: translateY(0px);
	    -webkit-transform: translateY(0px);
	}
	30% {
	    opacity: 1;
	}
	100% {
	    opacity: 0;
	    transform: translateY(20px);
	     -webkit-transform: translateY(20px);
	}
}

#header {
    background: url('../img/slider.jpg') no-repeat center 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow:hidden;
    padding:255px 0 80px;
    position:relative;
}
#header .logo {
	width: 634px;
	padding:139px 0 0;
	margin:0 auto 155px;
	background: url('../img/AT-Logo.png') no-repeat 0 0;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	height: 0;
}
#header .menu {
	width:399px;
	text-align:center;
	border-radius:10px;
	border:solid 1px #fff;
	overflow:hidden;
	margin:auto;
}
#header .menu li{
	width:33.333%;
	float:left;
	border-left:solid 1px #fff;
}
#header .menu li:first-child{
	border:none;
}
#header .menu a{
	color: #FFFFFF;
	font-size: 17px;
	text-decoration:none;
	display:block;
	height:50px;
	line-height:50px;
	-webkit-transition: .2s cubic-bezier(.55,0,.1,1);
	-moz-transition: .2s cubic-bezier(.55,0,.1,1);
	-ms-transition: .2s cubic-bezier(.55,0,.1,1);
	-o-transition: .2s cubic-bezier(.55,0,.1,1);
	transition: .2s cubic-bezier(.55,0,.1,1);
}
#header .menu a:hover{
	background:#fff;
	color:#00aeef;
}
@media screen and (max-width:720px) {
	#header {
		padding:80px 20px;
	}
	#header .logo {
		width:auto;
		padding:23% 0 0;
		margin:0 0 20px;
	}
	#header .menu {
		max-width:280px;
		margin:auto;
	}
	#header .menu a {
		font-size:12px;
		height:40px;
		line-height:40px
	}
}

/*
======================================================
======================================================
:::::::::::::::::::::::::::- END HEADER
======================================================
======================================================
*/


/*
======================================================
======================================================
:::::::::::::::::::::::::::- BEGIN INFO COMPANY
======================================================
======================================================
*/


.about-us, .what-we-do{
	text-align: center;
}

.about-us h3, .what-we-do h3{
	font-size: 35px;
	font-weight: bold;
	margin: 70px 0 0;
}

.about-us h4, .what-we-do h4{
	font-size: 25px;
	margin: 0;
}

.about-us p, .what-we-do p{
	font-size: 16px;
	color: #999999;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 50px;
}

.about-us h3{
	color: #00AEEF;
}

.about-us h4{
	color: #00AEEF;
	font-weight: normal;
}

.what-we-do h3{
	color: #FCA536;
}

.what-we-do h4{
	color: #FCA536;
	font-weight: 200;
}

@media screen and (min-width:970px) {
	.text-cont{
		padding: 80px 0 50px;
	}
}


/*
======================================================
======================================================
:::::::::::::::::::::::::::- END INFO COMPANY
======================================================
======================================================
*/


/*
======================================================
======================================================
:::::::::::::::::::::::::::- BEGIN SERVICE
======================================================
======================================================
*/

.service-1, .service-5{
	background-color: #2C2C2C;
	overflow:hidden;
}
.service-2{
	background-color: #1F1F1F;
	overflow:hidden;
}

.service-3, .service-5{
	background-color: #1A1A1A;
	overflow:hidden;
}

.service-4{
	background-color: #2C2C2C;
	overflow:hidden;
}

.box-container-services {
	margin: 50px 0 80px;
}

.box-service-info img{
	vertical-align: middle;
}

.box-service-info{
	color: #FFFFFF;
}

.box-service-info h4{
	font-size: 30px;
	font-weight: bolder;
	border-bottom: 2px solid #FFFFFF;
	width: 50px;
	padding-bottom: 15px;
	margin: 30px 0 0;
}

.box-service-info p{
	font-size: 16.5px;
	font-weight: normal;
	line-height: 1.7;
}
.mobile-item-services{
	margin-top: 35px;
}

.mobile-item-services h3 {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 24px;
	padding: 10px 0;
	margin:0;
	display: block;
	position:relative;
	font-weight: bold;
}
.mobile-item-services a i {
	-webkit-transition: .2s cubic-bezier(.55,0,.1,1);
	-moz-transition: .2s cubic-bezier(.55,0,.1,1);
	-ms-transition: .2s cubic-bezier(.55,0,.1,1);
	-o-transition: .2s cubic-bezier(.55,0,.1,1);
	transition: .2s cubic-bezier(.55,0,.1,1);
	margin-top:2px;
	position:absolute;
	right:0;
}
.mobile-item-services.open a i {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}


.item-services ul li{
	color: #FFFFFF;
	font-size: 17px;
	line-height: 1.7;
}

.fa-plus{
padding-right: 15px;
}

.fa-chevron-down{
	color: #FFFFFF;
	float: right;
	margin-left: 10px;
}

.box-img-services{
	text-align: center
}


@media screen and (min-width:970px) {

	.box-container-services{
		margin: 120px 0 140px;
	}

	.item-services {
		display:block !important;
		height:auto !important;
	}

	.mobile-item-services{
		margin-top: 80px;
	}


	 .box-img-services img{
		 margin-top: 50px;
	 }

}


/*
======================================================
======================================================
:::::::::::::::::::::::::::- END SERVICE
======================================================
======================================================
*/
/*
======================================================
======================================================
:::::::::::::::::::::::::::- BEGIN CONTACT US
======================================================
======================================================
*/
.contact-us .message{
    background: #D0CFCF;
    padding:15px;
    color:#333;
    font-size:13px;
    line-height:1.5;
}
.contact-us {
	padding:80px 0;
}
.contact-us h2 {
	width: 230px;
	height:0;
	overflow:hidden;
	padding: 70px 0 0;
	margin:0 0 10px;
	background:url(../img/logo-contact.png) no-repeat;
	background-size:contain;
}
.contact-us h3 {
	font-size: 24px;
	text-transform:uppercase;
	color:#505050;
	font-weight:300;
	margin:0 0 20px;
}
.contact-us h3:after {
	content:'';
	background: #D0CFCF;
	width:216px;
	height:3px;
	display:block;
	margin:14px 0 0;
}
.contact-us input,.contact-us textarea {
	display:block;
	width:100%;
	height:40px;
	border:none;
	border-bottom:solid 1px #727272;
	font-size:12px;
	resize:none;
}
.contact-us textarea {
	margin:10px 0 30px;
}
.contact-us button {
	display:block;
	background:#F6931D;
	border:solid 1px #F6931D;
	color:#fff;
	font-size:12px;
	letter-spacing:1px;
	width:164px;
	height:46px;
	float:right;
	-webkit-transition: .2s cubic-bezier(.55,0,.1,1);
	-moz-transition: .2s cubic-bezier(.55,0,.1,1);
	-ms-transition: .2s cubic-bezier(.55,0,.1,1);
	-o-transition: .2s cubic-bezier(.55,0,.1,1);
	transition: .2s cubic-bezier(.55,0,.1,1);
	cursor:pointer;
}
.contact-us button:hover {
	color:#F6931D;
	background:none;
}
.social{
	margin-bottom: 50px;
}
.contact-us .social a {
	color:#1A1A1A;
	font-size: 28px;
	margin:0 15px 0 0;
}
@media screen and (max-width:767px) {
	.contact-us h2 {
		margin:auto;
	}
	.contact-us h3 {
		font-size:25px;
		text-align:center;
	}
	.contact-us h3:after {
		margin:10px auto 0;
	}
	.contact-us .social a {
		font-size:30px;
		margin:0 5px;
	}
	.contact-us .social {
		text-align:center;
	}
	.contact-us form {
		margin:15px 0 0;
	}
	.contact-us button {
		float:none;
		width:100%;
	}
}
/*
======================================================
======================================================
:::::::::::::::::::::::::::- END CONTACT US
======================================================
======================================================
*/