/* Font */
@font-face {
    font-family: HelveticaNeueMediumCondensed;
    src: url("../../assets/fonts/HelveticaNeueLTStd-MdCn.otf");
}
@font-face {
    font-family: HelveticaNeueMedium;
    src: url("../../assets/fonts/HelveticaNeueLTStd-Md.otf");
}
@font-face {
    font-family: HelveticaNeueBoldCond;
    src: url("../../assets/fonts/HelveticaLTStd-BoldCond.otf");
}
@font-face {
    font-family: HelveticaNeueLight;
    src: url("../../assets/fonts/HelveticaLTStd-Light.otf");
}
@font-face {
    font-family: HelveticaNeueLightCond;
    src: url("../../assets/fonts/HelveticaLTStd-LightCond.otf");
}
/* .Font */

/* general */
body{
	font-family: HelveticaNeueMedium, sans-serif;
}
.padded {
    padding: 40px;
}
.max-width{
	max-width:1186px;
	margin:0 auto;
}
strong {
    font-weight: bolder;
}
/* .general */

/* grid */
.col-3, .col-5, .col-7{
	float:left;
}
.col-3{width:30%;}
.col-5{width:50%;}
.col-7{width:70%;}

.clear{
	clear:both;
}
/* grid */

/* header */
.logo-container {
    height: 65px;
    background-color: rgba(255, 255, 255, 0.79);
    z-index: 10;
    margin-bottom: -65px;
    position: absolute;
    width: 100%;
	transition: all .4s;
}
.logo-container.sticky {
    position: fixed;
    height: 44px;
    top: 0px;
    border-bottom: 1px solid RGBA(51, 51, 51, 0.23);
}
.logo-container.sticky img {
    width: 145px;
    transition: all .4s;
}
.logo-container img {
    width: 260px;
    margin-top: 10px;
	 transition: all .4s;
}
.banner {
    background-image: url("../images/slider-background-1.jpg");
    background-size: cover;
    min-height: 650px;
}
.banner .text {
    padding-top: 257px;
    font-family: HelveticaNeueMediumCondensed, sans-serif;
}
.banner .banner-heading {
    font-size: 59px;
    color: white;
}
.banner .banner-sub-heading {
    font-family: HelveticaNeueLightCond, sans-serif;
    color: white;
    margin-top: 10px;
    font-size: 17px;
    margin-bottom: 50px;
}
.banner .banner-button {
    color: white;
    border: 4px solid #00aeef;
    margin-top: 13px;
    padding: 7px 39px;
    text-decoration: none;
    font-size: 19px;
    font-family: HelveticaNeueMedium, sans-serif;
    letter-spacing: 1px;
}
.banner .banner-button:hover {
    border-color: white;
}
/* header */

/* home page */
.border-left {
    border-left: 8px solid #00aeef;
}
.gray-background {
    background-color: #eff1f2;
}

.about-us .image img,
.services .image img {
    max-width: 100%;
}
.about-us .text,
.services .text,
.testimonials .text {
    padding: 0px 54px;
    font-size: 17px;
}
.about-us .text h2,
.services .text h2,
.testimonials .text h2 {
    font-family: HelveticaNeueBoldCond, sans-serif;
    text-transform: uppercase;
    font-size: 35px;
    margin-bottom: 15px;
}
.about-us .text p,
.services .text p,
.testimonials .text p {
    font-family: HelveticaNeueLight, sans-serif;
    line-height: 1.3em;
    font-size: 15px;
}
	
.testimonials-container{
	position:relative;
}
.testimonials-container .flexslider {
    margin-bottom: 0px;
}
.testimonials-container  .flex-control-nav {
    bottom: 0px;
	right:0px;
	width:auto;
}
.testimonials-container .flex-control-paging li a.flex-active {
    background: #00aeef;
    cursor: default;
}
.testimonials-container .flex-control-paging li a {
    width: 14px;
    height: 14px;
    background: rgba(0, 0, 0, 0.03);
}
.testimonials-container .flex-direction-nav .flex-next {
	right: -20px!important;
}
.testimonial {
    padding-left: 55px;
    padding-top: 13px;
}
.testimonial::before {
    background: url('../images/sprites.png') no-repeat -105px -22px;
    width: 34px;
    height: 32px;
    content: "";
    position: absolute;
    margin-left: -48px;
    margin-top: -12px;
}	
.testimonial p.author{
	color:#00aeef;
}
/* .home page */

/* footer */
.main-footer {
    background-color: #105FAB;
}
.main-footer .social-media-container {
    margin-top: 18px;
}
.main-footer .social-media {
    list-style: none;
    margin: 0;
    padding: 0;
}
.main-footer .social-media li {
    display: inline-block;
    margin-left: 7px;
}
.main-footer .social-media a {
    background-image: url('../images/sprites.png');
    background-repeat: no-repeat;
    display: block;
    height: 38px;
    transition: all 350ms ease-out;
    -webkit-transition: all 350ms ease-out;
    -o-transition: all 350ms ease-out;
    width: 38px;
}
.main-footer .social-media a:hover {
    background-position-y: 2px; /* Bonus image movement, no support by Firefox and Opera. Requires images with similar y position. */
    filter: alpha(opacity=80); /* Fallback for older versions of IE */
    opacity: 0.8;
}
.main-footer .facebook { background-position: -156px -20px; }
.main-footer .twitter { background-position: -204px -20px; }
.main-footer .youtube { background-position: -249px -20px; }
.main-footer .instagram { background-position: -297px -20px; }

.main-footer .copyright-container{
	text-align:right;
}
.main-footer .copyright-container .copyright {
    color: white;
    font-family: HelveticaNeueLightCond,sans-serif;
    font-size: 15px;
    margin-top: 5px;
    text-decoration: none;
}
.main-footer .contact-us-button img {
    position: relative;
    top: 12px;
    margin-right: 15px;
    margin-left: 14px;
}
.main-footer .contact-us-button:hover {
    border: 4px solid rgba(255, 255, 255, 0.8);
}
.main-footer .contact-us-button {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    border: 4px solid white;
    padding: 15px 33px 15px 4px;
    position: relative;
    top: 11px;
}
.main-footer a.scroll-to-top img {
    max-width: 100%;
}
.main-footer a.scroll-to-top {
    width: 55px;
    height: 56px;
    position: fixed;
    right: 10px;
    bottom: 5px;
    transform: scale(.7);
    opacity: 1;
    cursor: pointer;
    display: none;
    background-color: white;
}
/* footer */

@media screen and (max-width: 1186px){
	
	/* header */
	.banner {
		min-height: 440px;
	}
	.banner .text {
		padding-top: 161px;
		padding-left: 15px;
		padding-right: 15px;
	}
	/* .header */
	
}

@media screen and (max-width:768px){
	/* general */
	.padded {
		padding: 30px;
	}
	/* general */
	/* home page */
	.about-us .image img, 
	.services .image img{
		display:none;
	}
	.col-3, 
	.col-5, 
	.col-7 {
		width: 100%;
	}
	.about-us .text, 
	.services .text, 
	.testimonials .text {
		font-size: 17px;
		padding: 0 10px 0 28px;
	}
	/* home page */
	
	/* footer */
	.main-footer .copyright-container {
		text-align: center;
	}
	.main-footer .copyright-container img {
		display: none;
	}
	.main-footer .social-media-container {
		margin-bottom: 10px;
		margin-top: 0;
		text-align: center;
	}
	.main-footer .contact-us-button {
		color: white;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 18px;
		padding: 1px 33px 20px 0px;
		margin-bottom: 30px;
		display: block;
		text-align: center;
	}
	/* footer */
}

@media screen and (max-width:576px){
	/* header */
	.logo-container {
		padding: 13px 0px;
		text-align: center;
	}
	/* .header */
	
	/* home page */
	.banner .text {
		text-align: center;
	}
	.banner .text {
		padding-top: 137px;
	}
	.banner .banner-button {
		padding: 11px 51px;
	}
	.testimonials-container .flex-control-nav {
		bottom: -37px;
		width: 100%;
	}
	.testimonials-container {
		padding-bottom: 55px;
	}
	/* .home page */
}

@media screen and (max-width:360px){
	/* general */
	.padded {
		padding: 30px 20px;
	}
	/* .general */
	/* header */
	.banner {
		min-height: 486px;
	}
	.banner .banner-heading {
		font-size: 44px;
	}
	.banner .text {
		padding-top: 180px;
	}
	.banner {
		background-position: -137px 0;
	}
	/* .header */
	/* home page */
	.testimonial::before {
		margin-left: -41px;
	}
	.testimonial {
		padding-left: 44px;
	}
	.border-left {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.flex-direction-nav {
		display: none;
	}
	/* .home page */
	/* footer */
	.main-footer .copyright-container .copyright {
		font-size: 12px;
	}
	/* footer */
}