﻿@charset "UTF-8";

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/subset-NunitoSans-Regular.eot');
    src: url('../fonts/subset-NunitoSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-NunitoSans-Regular.woff2') format('woff2'),
        url('../fonts/subset-NunitoSans-Regular.woff') format('woff'),
        url('../fonts/subset-NunitoSans-Regular.ttf') format('truetype'),
        url('../fonts/subset-NunitoSans-Regular.svg#NunitoSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/subset-NunitoSans-Bold.eot');
    src: url('../fonts/subset-NunitoSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-NunitoSans-Bold.woff2') format('woff2'),
        url('../fonts/subset-NunitoSans-Bold.woff') format('woff'),
        url('../fonts/subset-NunitoSans-Bold.ttf') format('truetype'),
        url('../fonts/subset-NunitoSans-Bold.svg#NunitoSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/subset-NunitoSans-Italic.eot');
    src: url('../fonts/subset-NunitoSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-NunitoSans-Italic.woff2') format('woff2'),
        url('../fonts/subset-NunitoSans-Italic.woff') format('woff'),
        url('../fonts/subset-NunitoSans-Italic.ttf') format('truetype'),
        url('../fonts/subset-NunitoSans-Italic.svg#NunitoSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/subset-NunitoSans-Light.eot');
    src: url('../fonts/subset-NunitoSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-NunitoSans-Light.woff2') format('woff2'),
        url('../fonts/subset-NunitoSans-Light.woff') format('woff'),
        url('../fonts/subset-NunitoSans-Light.ttf') format('truetype'),
        url('../fonts/subset-NunitoSans-Light.svg#NunitoSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/subset-NunitoSans-LightItalic.eot');
    src: url('../fonts/subset-NunitoSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-NunitoSans-LightItalic.woff2') format('woff2'),
        url('../fonts/subset-NunitoSans-LightItalic.woff') format('woff'),
        url('../fonts/subset-NunitoSans-LightItalic.ttf') format('truetype'),
        url('../fonts/subset-NunitoSans-LightItalic.svg#NunitoSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/subset-NunitoSans-SemiBold.eot');
    src: url('../fonts/subset-NunitoSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-NunitoSans-SemiBold.woff2') format('woff2'),
        url('../fonts/subset-NunitoSans-SemiBold.woff') format('woff'),
        url('../fonts/subset-NunitoSans-SemiBold.ttf') format('truetype'),
        url('../fonts/subset-NunitoSans-SemiBold.svg#NunitoSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/subset-NunitoSans-ExtraBold.eot');
    src: url('../fonts/subset-NunitoSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-NunitoSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/subset-NunitoSans-ExtraBold.woff') format('woff'),
        url('../fonts/subset-NunitoSans-ExtraBold.ttf') format('truetype'),
        url('../fonts/subset-NunitoSans-ExtraBold.svg#NunitoSans-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/subset-NunitoSans-Black.eot');
    src: url('../fonts/subset-NunitoSans-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-NunitoSans-Black.woff2') format('woff2'),
        url('../fonts/subset-NunitoSans-Black.woff') format('woff'),
        url('../fonts/subset-NunitoSans-Black.ttf') format('truetype'),
        url('../fonts/subset-NunitoSans-Black.svg#NunitoSans-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}


html {
    -webkit-text-size-adjust: none;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body, div {
  margin: 0;
  padding: 0;
}

body {
	font-family: 'Nunito Sans', Arial, sans-serif;
	font-size: 16px;
	text-align: center;
	color: #232323;
	line-height: 1.25;
	background: #fff;
}

/* Main Wrapper */

#mainWrapper {
	position: relative;
	text-align: left;
	margin: 0 auto;
	min-width: 375px;
	font-size: 24px;
	overflow: hidden;
	
	/* padding-bottom: 1500px; */
}

/* Section */

.section {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0;
}

/* Header */

#header {
	border-top: 20px solid #e21936;
}

#header .section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 236px;
}

#header .menuBtn {
	display: none;
	position: absolute;
	left: 21px;
	top: 34px;
	width: 35px;
	text-align: center;
}

#header .menuBtn span {
	display: block;
	height: 5px;
	background: #e21936;
	margin-bottom: 4px;
}

#header .menuBtn em {
	display: block;
	font-style: normal;
	font-size: 10px;
	font-weight: 900;
	color: #e21936;
	letter-spacing: 0.025em;
}

#header .logo {
	margin-top: 51px;
	width: 400px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}

#header .logo img {
	display: block;
	width: 100%;
}

#header .contacts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 86px 0 0 auto;
	padding: 0;
}

#header .contacts li {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #58595b;
	font-size: 24px;
	font-weight: 900;
	background: no-repeat 0 0.2916666666666667em;
	background-size: auto 1.708333333333333em;
}

#header .contacts li a {
	display: inline-block;
	padding: 0 0.625em 0 1.666666666666667em;
	color: #58595b;
	-webkit-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}

#header .contacts li a:hover {
	color: #000;
}

#header .contacts li span {
	display: block;
	font-size: 0.8333333333333333em; /* 20px */
	font-weight: normal;
}

#header .contacts li.phone {
	background-image: url(../images/phone-ico.svg);	
	width: 9.166666666666667em; /* 220px */
}

#header .contacts li.email {
	background-image: url(../images/email-ico.svg);	
	width: 12.33333333333333em; /* 296px */
}

#header .contacts li.email a {
	padding-left: 2.041666666666667em;
}

#header .contacts li.location {
	background-image: url(../images/location-ico.svg);	
	width: 11.5em; /* 265px */
}

#header .contacts li.location a {
	padding-right: 0;
}

/* Navigation */

#navigation {
	background: #e21936;
}

#navigation .section {
	padding-top: 25px;
	padding-bottom: 25px;
}

#navigation .navi {
	margin: 0 -40px;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#navigation .navi li {
	margin: 0 40px;
	padding: 0;
	list-style: none;
	font-size: 24px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
}

#navigation .navi li:hover,
#navigation .navi li.active {
	color: #232323;
}

#navigation .navi li a {
	display: inline-block;
}

/* Slider */

#slider {
	border-bottom: 10px solid #e21936;
}

#slider .swiper-slide {
	position: relative;
	height: 500px;
	background: no-repeat center top;
	background-size: cover;
}

#slider .swiper-slide .overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
}

#slider .swiper-slide .overlay .section {
	position: relative;
	height: 100%;
}

#slider .swiper-slide .overlay .section .text {
	position: relative;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 40px;
	font-weight: 900;
	z-index: 1;
	max-width: 800px;
	height: 100%;
	padding-bottom: 25px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

#slider .swiper-slide .overlay .section .text .actionBtn {
	margin-top: 10px;
}

#slider .swiper-slide .overlay .section .curve {
	position: absolute;
	right: 100%;
	top: 0;
	width: 3000px;
	height: 100%;
	background: #1a1a1a;
	opacity: 0.87;
}

#slider .swiper-slide .overlay .section .curve:after {
	content: "";
	position: absolute;
	left: 100%;
	top: 0;
	width: 1038px;
	height: 100%;
	background: url(../images/overlay-curve.svg) no-repeat;
	background-size: 100% 100%;
}


#slider .slider-prev,
#slider .slider-next {
	position: absolute;
	top: 50%;
	margin-top: -26px;
	width: 52px;
	height: 52px;
	background: url(../images/slider-arrows.svg) no-repeat left top;
	background-size: 100%;
	cursor: pointer;
	z-index: 1;
	opacity: 0.5;
	outline: none;
	-webkit-transition: opacity 0.3s, left 0.3s, right 0.3s;
	-o-transition: opacity 0.3s, left 0.3s, right 0.3s;
	transition: opacity 0.3s, left 0.3s, right 0.3s;
}

#slider .slider-prev {
	left: 2.604166666666667%;	
}

#slider .slider-next {
	right: 2.604166666666667%;	
	background-position: left bottom;
}

#slider .slider-prev:hover,
#slider .slider-next:hover {
	opacity: 0.8;
}

/* Banner */

#banner {
	position: relative;
	color: #fff;
	background: no-repeat center top;
	border-bottom: 10px solid #e21936;
	background-size: cover;
}

#banner:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(35,35,35,0.7);
}

#banner:after {
	content: "";
	position: absolute;
	left: -100px;
	right: -100px;
	top: 0;
	bottom: 0;
	-webkit-box-shadow: inset 0 3px 20px 2px rgba(0,0,0,0.7);
	        box-shadow: inset 0 3px 20px 2px rgba(0,0,0,0.7);
}

#banner .section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 250px;
	padding-top: 15px;
	padding-bottom: 15px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#banner h2 {
	position: relative;
	margin: 0;
	z-index: 1;
}

/* Breadcrumb */

#breadcrumb {
	padding-top: 20px;
}

#breadcrumb ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

#breadcrumb ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #e21936;
}

#breadcrumb ul li:after {
	content: ">";
	display: inline-block;
	margin: 0 7px;
}

#breadcrumb ul li:last-child:after {
	display: none;
}

/* Intro */

#intro .section {
	padding-top: 160px;
	padding-bottom: 160px;
}

#intro h2 {
	color: #e21936;
}

#intro h2 em {
	color: #58595b;
}

#intro .textImage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#intro .textImage .text {
	width: 50.76923076923077%;
}

#intro .textImage .image {
	width: 42.30769230769231%;
	margin-left: auto;
	margin-top: 10px;
}

/* Our Services */

#ourServices {
	background: #333333;
	color: #fff;
}

#ourServices .listing {
	margin: 100px -80px 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

#ourServices .listing li {
	margin: 0 80px;
	padding: 0;
	list-style: none;
	font-weight: 800;
	width: 270px;
}

#ourServices .listing li a {
	display: block;
}

#ourServices .listing li img {
	display: block;
	height: 195.1px;
	margin: 0 auto 68px;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
}

#ourServices .listing li a:hover img {
	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
}

#ourServices .listing li span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	min-height: 2.5em;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* Content */

.content .section {
	padding-top: 133px;
	padding-bottom: 160px;
}

.content.grayContent {
	background: #f5f5f5;
}

/* Projects */

.projectsGallery {
	margin: 0 -1.923076923076923%;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.projectsGallery li {
	margin: 0;
	padding: 1.923076923076923%;
	list-style: none;
	width: 33.33333333333333%;
}

.projectsGallery li a {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 7px;
}

.projectsGallery li img {
	display: block;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
}

.projectsGallery li span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 24px;
	font-weight: 800;
	color: #fff;
	min-height: 2.916666666666667em;
	background: rgba(26,26,26,0.79);
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.projectsGallery li a:hover img {
	-webkit-transform: scale(1.04);
	    -ms-transform: scale(1.04);
	        transform: scale(1.04);
}

.projectsGallery li ul {
	display: none;
}

#projects .viewBtn {
	display: table;
	margin: 50px auto 0;
}

/* Our People */

#ourPeople .listing {
	margin: 0;
	padding: 0;
}

#ourPeople .listing li {
	margin: 0;
	padding: 95px 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#ourPeople .listing li:last-child {
	padding-bottom: 43px;
}

#ourPeople .listing li .pic {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	width: 260px;
	margin-right: 22px;
}

#ourPeople .listing li .pic img {
	display: block;
	width: 100%;
	border-radius: 100%;
}

#ourPeople .listing li .text {
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
	font-weight: 600;
}

#ourPeople .listing li .text p:last-child {
	margin-bottom: 0;
}

#ourPeople .listing li .text .meta {
	margin-bottom: 14px;
	font-size: 26px;
}

#ourPeople .listing li .text .meta p {
	margin: 0;
}

#ourPeople .listing li .text .meta .name {
	font-weight: 900;
}

#ourPeople .listing li .text .meta .name em {
	font-style: italic;
	font-weight: 300;
	color: #e21936;
}

#ourPeople .listing li .text .meta .qbcc {
	font-weight: 300;
}

/* Image Text */

.imageText {
	margin-top: 70px;
}

.imageText .image {
	float: right;
	width: 46.15384615384615%; /* 600px */
	margin-left: 7.692307692307692%;
	margin-bottom: 30px;
	border: 6px solid #232323;
	border-radius: 13px;
	overflow: hidden;
}

.imageText .image a {
	display: block;
	position: relative;
	z-index: 1;
}

.imageText .image img {
	display: block;
	width: 100%;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
}

.imageText .image a:hover img {
	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
}

.imageText .image a.video:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../images/play-btn.svg) no-repeat center;
	background-size: 28%;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
}

.imageText .image a.video:hover:after {
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}

/* Full Video */

.fullVideo {
	position: relative;
	display: block;
	width: 93.53846153846154%;
	margin: 80px auto 0;
	overflow: hidden;
}

.fullVideo img {
	display: block;
	width: 100%;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
}

.fullVideo:hover img {
	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
}

.fullVideo:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../images/play-btn.svg) no-repeat center;
	background-size: 27.05592105263158%;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;	
	pointer-events: none;
}

.fullVideo:hover:after {
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}

/* Download */

#download {
	display: block;
	background: #e21936;
	color: #fff;
	font-size: 40px;
	font-weight: 900;
	text-align: center;
	-webkit-transition: background-color 0.6s;
	-o-transition: background-color 0.6s;
	transition: background-color 0.6s;
}

#download:hover {
	background-color: #fb3b47;
	color: #fff;
}

#download .section {
	padding-top: 1.575em;
	padding-bottom: 1.575em;
}

#download p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0;
}

#download p em {
	font-weight: normal;
	font-style: normal;
	margin-right: 0.25em;
}

#download p:after {
	display: inline-block;
	content: "";
	width: 1.725em;
	height: 1.8em;
	margin-left: 1.175em;
	background: url(../images/download-ico.svg) no-repeat;
	background-size: 100% 100%;
}

/* Our Clients */

#ourClients {
	background: #232323;
	color: #fff;
}

#ourClients .section {
	padding-top: 106px;
	padding-bottom: 106px;
}

.clients ul {
	margin: 0 -5px;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.clients ul li {
	margin: 0;
	padding: 15px 5px;
	list-style: none;
}

.clients ul li a {
	display: inline-block;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
}

.clients ul li a:hover {
	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
}

.clients ul li img {
	display: block;
	height: 73.170px;
}

/* In Touch */

#inTouch .section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 110px;
}

#inTouch .left,
#inTouch .right {
	width: 50%;
}

#inTouch .left {
	position: relative;
	padding-right: 8.076923076923077%;
}

#inTouch .left:after {
	content: "";
	position: absolute;
	right: -1.5px;
	top: 20px;
	bottom: 0;
	width: 3px;
	background: #ea0a2a;
}

#inTouch .left .contacts {
	margin: 50px 0 0;
	padding: 0;
}

#inTouch .left .contacts li {
	position: relative;
	margin: 0 0 2.5em;
	padding: 0;
	list-style: none;
	font-size: 24px;
	font-weight: 800;
}

#inTouch .left .contacts li:after {
	content: "";
	position: absolute;
	left: 0;
	width: 1.666666666666667em;
	height: 100%;
	background: no-repeat center 0.375em;
	background-size: auto 1.708333333333333em;
}

#inTouch .left .contacts li.phone:after {
	background-image: url(../images/phone-ico.svg);
}

#inTouch .left .contacts li.email:after {
	background-image: url(../images/email-ico.svg);
}

#inTouch .left .contacts li.location:after {
	background-image: url(../images/location-ico.svg);
}

#inTouch .left .contacts li.connect:after {
	background-image: url(../images/linkedin-ico.svg);
}

#inTouch .left .contacts li a {
	display: inline-block;
	padding-left: 2.708333333333333em;
}

#inTouch .left .contacts li span {
	display: block;
	font-weight: normal;
}

#inTouch .right {
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
	padding-left: 8.076923076923077%;
	padding-top: 40px;
	padding-bottom: 40px;
}

#inTouch .right .textbox,
#inTouch .right textarea,
#inTouch .right select {
	display: block;
	margin: 0;
	padding: 0.4166666666666667em 0.625em;
	width: 100%;
	height: 2.166666666666667em;
	font-family: 'Nunito Sans', Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #58595b;
	border: 2px solid #58595b;
	background: none;
	border-radius: 0.1666666666666667em;
	-webkit-appearance: none;
	outline: none;
}

#inTouch .right .fields {
	margin-bottom: 27px;
}

#inTouch .right .fields .field {
	margin-bottom: 18px;
}

#inTouch .right textarea {
	height: 4.875em;
	overflow: auto;
	resize: none;
}

#inTouch .right select {
	background: url(../images/dropdown-arrow.svg) no-repeat right center;
	background-size: 2.083333333333333em;
}

/* Map */

#map {
	position: relative;
	background: #f0f0f0;
	height: 800px;
}

#map #googleMap {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}


/* Effective */

#effective {
	background: #e21936;
	color: #fff;
	font-size: 36px;
	font-weight: 300;
	font-style: italic;
	margin-bottom: 6px;
}

#effective .section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 80px;
	padding-bottom: 80px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#effective p {
	margin: 0 15px 0 0;
}

#effective .actionBtn {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	background: #ffffff;
	color: #232323;
	font-style: normal;
	margin-left: auto;
	margin-right: 15px;
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
}

#effective .actionBtn:hover {
	-webkit-transform: scale(1.03);
	    -ms-transform: scale(1.03);
	        transform: scale(1.03);
}

/* Fancybox */

.fancybox-slide {
	padding: 10px;
}

.fancybox-thumbs {
	top: auto;
	width: auto;
	bottom: 0;
	left: 0;
	right : 0;
	height: 95px;
	padding: 10px 10px 5px 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: rgba(0, 0, 0, 0.3);
}
  
.fancybox-show-thumbs .fancybox-inner {
	right: 0;
	bottom: 95px;
}
  
.fancybox-thumbs-x .fancybox-thumbs__list {
	display: inline-block;
}

/* Footer */

#footer .top {
	background: #232323;
	color: #fff;
}

#footer .top .section {
	padding-top: 135px;
	padding-bottom: 80px;
}

#footer .top .logo {
	display: block;
	width: 400px;
	margin: 0 auto 90px;
}

#footer .top .logo img {
	display: block;
	width: 100%;
}

#footer .top .links {
	margin: 0 -40px 59px;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

#footer .top .links li {
	margin: 0 0 5px;
	padding: 0 40px;
	list-style: none;
}

#footer .top .links li a:hover {
	text-decoration: underline;
}

#footer .top .contacts {
	margin: 0 0 45px;
	padding: 0;
}

#footer .top .contacts li {
	margin: 0 0 4px;
	padding: 0;
	list-style: none;
	text-align: center;
}

#footer .top .policies {
	margin: 0 -35px;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#footer .top .policies li {
	margin: 0 35px 4px;
	padding: 0;
	list-style: none;
}

#footer .top .policies li a:hover {
	text-decoration: underline;
}

#footer .bottom {
	background: #1a1a1a;
	color: #fff;
	text-align: center;
}

#footer .bottom .section {
	padding-top: 50px;
	padding-bottom: 50px;
}

#footer .bottom .copyright {
	margin: 0;
	line-height: 1.556;
}

#footer .bottom .copyright a:hover {
	text-decoration: underline;
}

/* Miscelleneous */

p {
	margin: 0 0 28px;
}

h2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 40px;
	font-weight: 800;
	margin: 0 0 1.3em;
	line-height: 1.2;
}

h2:before {
	content: "";
	display: inline-block;
	width: 1.35em;
	height: 1.5em;
	margin-top: 0.225em;
	margin-right: 0.4em;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	background: url(../images/heading-ico.svg) no-repeat;
	background-size: 100% 100%;
}

h2 span {
	display: block;
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
}

h2 em {
	font-weight: normal;
	font-style: normal;
}

h5 {
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 24px;
}

h6 {
	font-size: 24px;
	font-weight: 800;
	margin: 0 0 24px;
}

.bulletList {
	margin: 0 0 28px;
	padding: 0;
}

.bulletList li {
	position: relative;
	margin: 0;
	padding: 0 0 0 0.8333333333333333em;
	list-style: none;
}

.bulletList.noBullets li {
	padding-left: 0;
}

.bulletList.noBullets li:after {
	display: none;
}

.bulletList.spaceBullets li {
	padding-left: 2.25em;
}

.bulletList li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0.4583333333333333em;
	width: 0.375em;
	height: 0.375em;
	background: #232323;
	border-radius: 100%;
}

.actionBtn {
	display: inline-block;
	font-size: 22px;
	font-weight: 900;
	font-style: normal;
	background: #e21936;
	min-width: 8.181818181818182em;
	text-align: center;
	margin: 0;
	padding: 0.5090909090909091em 1.045454545454545em;
	text-transform: uppercase;
	border-radius: 0.2272727272727273em;
	border: 0;
	color: #fff;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-webkit-transition: background-color 0.6s;
	-o-transition: background-color 0.6s;
	transition: background-color 0.6s;
}

.actionBtn:hover {
	background-color: #fb3b47;
	color: #fff;
}

a {
	outline: none;
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: inherit;
}

img {
	border: 0;
	max-width: 100%;
}

.clear {
	clear: both;
}

.clearfix:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}

.clearfix { 
  display: inline-block;  
}

* html .clearfix{  
  height: 1%;  
}

.clearfix {  
  display: block;  
}

input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

input, select, textarea {
    border-radius: 0;
}

strong {
	font-weight: bold;
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
}

:-moz-placeholder {
	color: inherit;
	opacity: 1;
}

::-moz-placeholder {
	color: inherit;
	opacity: 1;
}

:-ms-input-placeholder {  
	color: inherit;
	opacity: 1;
}


/* Media Queries */

/* Large Screens (Desktops) */

@media only screen and (max-width : 1514px) {
	#slider .slider-prev {
		left: 10px;
	}
	
	#slider .slider-next {
		right: 10px;
	}
	
	#intro .section {
		padding-top: 130px;
		padding-bottom: 130px;
	}

}

@media only screen and (max-width : 1450px) {
	.section {
		max-width: 1200px;
	}	
	
	#header .logo {
		width: 367px;
		margin-top: 58px;
	}
	
	#navigation .navi {
		margin-left: -30px;
		margin-right: -30px;
	}
	
	#navigation .navi li {
		margin-left: 30px;
		margin-right: 30px;
	}
	
	#ourServices .listing {
		margin-left: -60px;
		margin-right: -60px;
	}
	
	#ourServices .listing li {
		margin-left: 60px;
		margin-right: 60px;
	}
		
	.projectsGallery li span {
		font-size: 22px;
	}
	
	.clients ul li img {
		height: 69px;
	}
	
	#map {
		height: 700px;
	}
	
	#footer .top .links {
		margin-left: -30px;
		margin-right: -30px;
	}
	
	#footer .top .links li {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	#footer .top .policies {
		margin-left: -25px;
		margin-right: -25px;
	}
	
	#footer .top .policies li {
		margin-left: 25px;
		margin-right: 25px;
	}

}

@media only screen and (max-width : 1355px) {
	#slider .swiper-slide .overlay .section .text {
		padding-left: 30px;
		max-width: 760px;
	}
}

@media only screen and (max-width : 1296px) {
	#slider .swiper-slide .overlay .section .text {
		padding-left: 70px;
		max-width: 760px;
	}	
}

/* Tablet Screens (Landscape) */

@media only screen and (max-width : 1260px) {
	.section {
		max-width: 970px;
	}	
		
	#mainWrapper,
	h5,
	h6 {
		font-size: 20px;
	}
	
	#header .section {
		height: 200px;
	}
	
	#header .logo {
		width: 315px;
		margin-top: 46px;
	}
	
	#header .contacts {
		margin-top: 73px;
	}
	
	#header .contacts li {
		font-size: 19px;
	}
	
	#navigation .section {
		padding-top: 22px;
		padding-bottom: 22px;
	}
	
	#navigation .navi {
		margin-left: -25px;
		margin-right: -25px;
	}
	
	#navigation .navi li {
		font-size: 20px;
		margin-left: 25px;
		margin-right: 25px;
	}
	
	#slider .swiper-slide .overlay .section .text {
		max-width: 685px;
		font-size: 35px;
		padding-left: 0;
	}
	
	.actionBtn {
		font-size: 19px;
	}
	
	#slider .swiper-slide .overlay .section .curve:after {
		width: 900px;
	}
		
	h2 {
		font-size: 35px;
	}
	
	#intro .section {
		padding-top: 90px;
		padding-bottom: 80px;
	}
	
	#intro .textImage .text {
		width: 54%;
	}
	
	.content .section {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	
	#ourServices .listing {
		margin-left: -30px;
		margin-right: -30px;
	}
	
	#ourServices .listing li {
		margin-left: 30px;
		margin-right: 30px;
	}
	
	#ourServices .listing li img {
		height: 156px;
		margin-bottom: 47px;
	}
	
	.projectsGallery li span {
		font-size: 17px;
	}
		
	#ourPeople .listing li {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	#ourPeople .listing li .text .meta {
		font-size: 24px;
	}
	
	#download {
		font-size: 35px;
	}
	
	#ourClients .section {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	
	.clients ul li img {
		height: 56px;
	}
		
	#inTouch .left {
		padding-right: 5%;
	}
	
	#inTouch .left .contacts li {
		font-size: 20px;		
	}
	
	#inTouch .right {
		padding-left: 5%;
	}
	
	#inTouch .right .textbox, #inTouch .right textarea, #inTouch .right select {
		font-size: 20px;
	}
	
	#map {
		height: 600px;
	}
	
	#effective {
		font-size: 29px;
	}
	
	#effective .section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	#footer .top .section {
		padding-top: 100px;
	}
	
	#footer .top .links {
		margin-left: -20px;
		margin-right: -20px;
	}
	
	#footer .top .links li {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#footer .top .policies {
		margin-left: -20px;
		margin-right: -20px;
	}
	
	#footer .top .policies li {
		margin-left: 20px;
		margin-right: 20px;
	}

}

@media only screen and (max-width : 1133px) {
	#slider .swiper-slide .overlay .section .text {
		padding-left: 65px;
	}
}

@media only screen and (max-width : 1045px) {

}

/* Tablet Screens (Portrait) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding: 0 15px;
	}	
	
	#mainWrapper,
	h5,
	h6 {
		font-size: 16px;
	}
	
	#header {
		border-top-width: 13px;
	}
	
	#header .section {
		height: 140px;
	}
	
	#header .logo {
		width: 230px;
		margin-top: 32px;
	}
	
	#header .contacts {
		margin-top: 52px;
	}
	
	#header .contacts li {
		font-size: 14px;
	}
	
	#navigation .navi {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	#navigation .navi li {
		font-size: 16px;
		margin-left: 15px;
		margin-right: 15px;
	}
	
	h2 {
		font-size: 27px;
	}
	
	#slider .slider-prev, 
	#slider .slider-next {
		display: none;
	}
	
	#slider .swiper-slide .overlay .section .curve:after {
		width: 710px;
	}
	
	.actionBtn {
		font-size: 16px;
	}
	
	#slider .swiper-slide {
		height: 350px;
	}
	
	#slider .swiper-slide .overlay .section .text {
		font-size: 27px;
		padding-left: 15px;
		max-width: 470px;
	}
	
	#slider .swiper-slide .overlay .section .text p {
		margin-bottom: 10px;
	}
	
	#banner .section {
		height: 195px;
	}
	
	#intro .section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.content .section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	#ourServices .listing {
		margin-left: -15px;
		margin-right: -15px;
		margin-top: 68px;
	}
	
	#ourServices .listing li {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	#ourServices .listing li {
		width: 200px;
	}
	
	#ourServices .listing li img {
		height: 135px;
		margin-bottom: 30px;
	}
	
	.projectsGallery li span {
		font-size: 12.5px;
	}
	
	.imageText {
		margin-top: 40px;
	}
	
	.imageText .image {
		border-width: 4px;
	}
	
	.fullVideo {
		margin-top: 50px;
	}
	
	#ourPeople .listing li {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	#ourPeople .listing li .text .meta {
		font-size: 20px;
	}
	
	#ourPeople .listing li .pic {
		width: 200px;
	}
	
	#download {
		font-size: 27px;
	}
	
	#ourClients .section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.clients ul li {
		padding-top: 7px;
		padding-bottom: 7px;
	}
	
	.clients ul li img {
		height: 41px;
	}	
	
	#inTouch .section {
		padding-bottom: 60px;
	}
	
	#inTouch .left .contacts li {
		font-size: 16px;
	}
	
	#inTouch .right .textbox, #inTouch .right textarea, #inTouch .right select {
		font-size: 16px;
	}

	#map {
		height: 500px;
	}
	
	#effective {
		font-size: 22px;
	}
	
	#effective .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	#footer .top .section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	#footer .top .logo {
		width: 300px;
		margin-bottom: 45px;
	}
	
	#footer .top .links {
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: 40px;
	}
	
	#footer .top .links li {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#footer .top .policies {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	#footer .top .policies li {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	#footer .bottom .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}

}

/* Mobile Screens */

@media only screen and (max-width : 767px) {
	
	#header .menuBtn {
		display: block;
	}
	
	#header {
		border-top-width: 8px;
	}
	
	#header .contacts {
		display: none;
	}
	
	#header .section {
		height: auto;
		padding-top: 16px;
		padding-bottom: 16px;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	
	#header .logo {
		width: 167px;
		margin-top: 0;
	}
	
	#navigation {
		position: absolute;
		left: -250px;
		top: 96px;
		width: 166px;
		padding: 30px 20px;
		opacity: 0;
		z-index: 10000;
		background: rgba(35,35,35,0.95);
		-webkit-transition: opacity 1s, left 0.6s;
		-o-transition: opacity 1s, left 0.6s;
		transition: opacity 1s, left 0.6s;
		-webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.5);
		        box-shadow: 0 0 15px 1px rgba(0,0,0,0.5);
	}
	
	#navigation .navi {
		margin-left: 0;
		margin-right: 0;
		display: block;
	}
	
	#navigation .navi li {
		margin: 0 0 17px;
		font-size: 16.65px;
		font-weight: 900;
		color: #e21936;
	}
	
	#navigation .navi li:last-child {
		margin-bottom: 0;
	}
	
	#navigation .navi li:hover, #navigation .navi li.active {
		color: #e21936;
	}
	
	#navigation .section {
		padding: 0;
	}
	
	#navigation.active {
		left: 0;
		opacity: 1;
	}
	
	#slider {
		border-bottom-width: 4px;
	}
	
	#slider .swiper-slide {
		height: 230px;
	}
	
	#slider .swiper-slide .overlay .section .text {
		padding-left: 0;
		font-size: 16px;
		max-width: 246px;
	}
	
	#slider .swiper-slide .overlay .section .text p {
		margin-bottom: 1px;
	}
	
	#slider .swiper-slide .overlay .section .text .actionBtn {
		font-size: 13px;
	}
	
	#slider .swiper-slide .overlay .section .curve:after {
		width: 368px;
	}
		
	#banner {
		border-bottom-width: 4px;
	}
	
	#banner .section {
		height: 115px;
	}
	
	#intro .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	#intro .textImage {
		display: block;
	}
	
	#intro .textImage .text {
		width: auto;
	}
	
	#intro .textImage .image {
		display: block;
		width: 267px;
		margin: 0 auto;
	}
	
	.content .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	#breadcrumb {
		display: none;
	}
	
	h2 {
		margin-bottom: 23px;
	}
	
	#ourServices .listing li img {
		height: 62px;
		margin-bottom: 15px;
	}
	
	#ourServices .listing {
		margin-left: -2.5%;
		margin-right: -2.5%;
		margin-top: 34px;
	}
	
	#ourServices .listing li {
		width: 100px;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	
	#ourServices .listing li span {
		font-size: 12px;
	}
	
	.projectsGallery li {
		width: 50%;
	}
	
	.projectsGallery li span {
		font-size: 10px;
	}
	
	.projectsGallery li a {
		border-radius: 3px;
	}
	
	#projects .viewBtn {
		margin-top: 18px;
	}
	
	#ourPeople .listing li {
		padding-top: 25px;
		padding-bottom: 25px;
	}
		
	#ourPeople .listing li:last-child {
		padding-bottom: 14px;
	}
	
	#ourPeople .listing li .pic {
		width: 88px;
		margin-right: 10px;
	}
	
	#ourPeople .listing li .text .meta {
		font-size: 18px;
		margin-bottom: 6px;
	}

	#download {
		font-size: 14px;
	}
	
	#ourClients .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.imageText {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin-top: 0;
	}
	
	.imageText .image {
		float: none;
		width: auto;
		margin: 0 0 28px;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		border-width: 3px;
	}
		
	.imageText .text {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
		
	.fullVideo {
		width: 100%;
		margin-top: 30px;
	}
	
	.clients ul li img {
		height: 27px;
	}
	
	h2 {
		font-size: 23px;
	}
	
	#inTouch .section {
		display: block;
		padding-bottom: 20px;
	}
	
	#inTouch .left {
		width: auto;
		padding-right: 0;
	}
	
	#inTouch .left:after {
		bottom: 0;
		top: auto;
		left: 20px;
		right: 20px;
		height: 3px;
		width: auto;
	}
	
	#inTouch .left .contacts {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-top: 38px;
	}
	
	#inTouch .left .contacts li {
		width: 50%;
	}
	
	#inTouch .right {
		padding-left: 0;
		width: 80%;
		margin: 0 auto;
	}
	
	#inTouch .right .submitBtn {
		display: table;
		margin: 0 auto;
	}
	
	#map {
		height: 267px;
	}
	
	#effective {
		margin-bottom: 5px;
	}
	
	#effective .section {
		display: block;
		text-align: center;
		padding-top: 25px;
		padding-bottom: 30px;
	}
	
	#effective p {
		margin-right: 0;
	}
	
	#effective .actionBtn {
		margin-right: 0;
		margin-top: 15px;
	}
	
	#footer .top .section {
		padding-top: 42px;
		padding-bottom: 30px;
	}
	
	#footer .top .logo {
		width: 167px;
		margin-bottom: 37px;
	}
	
	#footer .top .links {
		display: none;
	}
	
	#footer .top .contacts {
		margin-bottom: 30px;
	}
	
	#footer .top .policies {
		display: block;
		margin: 0;
		text-align: center;
	}
	
	#footer .top .policies li {
		margin: 0 0 8px;
	}
	
	#footer .bottom .copyright {
		font-size: 11px;
	}
	
	#footer .bottom .section {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

@media only screen and (max-width : 534px) {
	#inTouch .left .contacts li {
		width: 100%;
	}
		
	h2 br {
		display: none;
	}
	
	#footer .bottom .copyright {
		font-size: 8px;
	}
}

@media only screen and (max-width : 479px) {

}