@font-face {
    font-family: 'Avenir Next';
    src: url('fonts/AvenirNext-Bold.eot');
    src: url('fonts/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNext-Bold.woff2') format('woff2'),
        url('fonts/AvenirNext-Bold.woff') format('woff'),
        url('fonts/AvenirNext-Bold.ttf') format('truetype'),
        url('fonts/AvenirNext-Bold.svg#AvenirNext-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('fonts/AvenirNext-Medium.eot');
    src: url('fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNext-Medium.woff2') format('woff2'),
        url('fonts/AvenirNext-Medium.woff') format('woff'),
        url('fonts/AvenirNext-Medium.ttf') format('truetype'),
        url('fonts/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/********************************************************************Common css***********************************************/
/************************************* Reset Styles ********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,div{
	vertical-align:top;
}
*{
	outline:none; box-sizing:border-box;
}
li,ol{
	list-style-type:none;
	list-style-image:none;
	list-style:none;
}
img{
	border:0px; max-width:100%; width:100%;
}
textarea {
    resize: none;
}
input:focus,select:focus,textarea:focus,button:focus {
    outline: none;
}
a{
	text-decoration:none;
	}
input, textarea, select, body{
	font-size:14px;
	font-family: 'Avenir Next'; font-weight: 500; -webkit-appearance:none;
	}
	select{background-color:transparent;}
/************************************* Reset End Styles ********************************/

/************************************* Common Styles ********************************/
body{position:relative; overflow-x:hidden;}
.rightAlign{
	text-align:right;
	}
.centerAligned{
	text-align:center;
	}
.centeredBlock{
	margin-left:auto;
	margin-right:auto;
	float:none;
	}
.fullWidth{
	width:100%;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right !important;
}
.posRelative{
	position:relative;
}
.absolutePos{
	position:absolute;
}
.textDecorationNone{
	text-decoration:none;
}
.textDecorationUnderline{
	text-decoration:underline;
}
.fontWeightBold{
	font-weight:bold;
}
.clearBoth{
	clear:both;
}
.clearRight{
	clear:right;
	}
input, textarea, select, body, .smallTop a, .mainMenu a{
	color:#868686; -webkit-appearance:none; border:0 none;
}
/************************************* Common End Styles ********************************/

/************************************* Website Styles ********************************/
.safeArea {width: 1140px;margin: 0 auto;position: relative; z-index: 2;}
header {position: fixed;height: 100vh;top: 0;left: 0;right: 0;width: 100%;}
.topMenu{position:absolute; top:0; left:0; right:0; width:100%;padding: 30px 0 0; z-index:9999;}
.mainBanner, .mainBanner .swiper-slide{height:100vh;}
.swiper-slide{background-size:cover; background-repeat:no-repeat;}
.mainBanner .swiper-slide:after{position:absolute; content:''; background-color:rgba(0,0,0,0.5); left:0; top:0; right:0; bottom:0; width:100%; height:100%;}
.sliderContent {height: 100%; display: flex; align-items: center;}
.logoHolder {width: 300px;float: left;}
.logoHolder a, .logoHolder a img {display: block;width: 100%;}
.logoHolder a{background-image:url(../images/logomain.png); background-repeat:no-repeat; background-size:100% 100%; width:210px; height:118px;}
body.active .logoHolder a{background-image:url(../images/logoinside.png);}
.menuIcon{float:right; width:30px; height:71px; display:flex; align-items:center;}
.sliderCaption {max-width: 650px;}
.bigText {color: #fefefe;font-size: 80px;font-weight: 900;margin-bottom: 20px;line-height: 85px;}
.smallText {font-size: 28px;color: #fefefe; display: block; margin-bottom: 50px;}
.sliderBtn a {display: inline-block; padding-left: 100px; position:relative; color:#fefefe; font-size:20px;}
.sliderBtn a:before{position:absolute; left:0; content:''; background-color:#ffffff; height:1px; width:80px; top:50%; transform:translateY(-50%);}
.sliderBtn a:hover:before{left:10px;}
.paginationHolder {position: relative;bottom: 50px;text-align: center;}
.swiper-pagination{left: 10%; right:10%;}
.swiper-pagination-bullet {width: 35px;height: 4px;display: inline-block;border-radius: 0;background: #c4c3bc;opacity: .2;margin-right: 20px;}
.swiper-pagination-bullet:last-child{margin-right:0;}
.swiper-pagination-bullet:hover, .swiper-pagination-bullet-active {opacity: 1; background: #fefefe;}

@keyframes showIn {
	0% {
		width: 100%;
	}

	50% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

@keyframes showInSec {
	0% {
		width: 75%;
	}

	50% {
		width: 0;
	}

	100% {
		width: 75%;
	}
}

@keyframes showInThird {
	0% {
		width: 88%;
	}

	50% {
		width: 0;
	}

	100% {
		width: 88%;
	}
}

@keyframes showLeft {
	0% {
		left: -2000px;
	}

	100% {
		left: -158px;
	}
}

@keyframes showLeft100 {
	0% {
		left: -2000px;
	}

	100% {
		left: -100px;
	}
}

@keyframes showRight {
	0% {
		right: -2000px;
	}

	100% {
		right: -20px;
	}
}

@keyframes showRight80 {
	0% {
		right: -2000px;
	}

	100% {
		right: -80px;
	}
}

@keyframes showRight60 {
	0% {
		right: -2000px;
	}

	100% {
		right: -60px;
	}
}



#nav-icon3 { width: 30px; height: 19px; position: relative; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
#nav-icon3 span { display: block; position: absolute; height: 2px; width: 100%; background: #f2f2f2; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#nav-icon3 span:nth-child(1) {top: 0px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top: 8px; width:75%;}
#nav-icon3 span:nth-child(4) {top: 16px;width:88%;}

a.menuIcon:hover #nav-icon3 span:nth-child(1) {
	animation: showIn 0.4s;
}

a.menuIcon:hover #nav-icon3 span:nth-child(2), a.menuIcon:hover #nav-icon3 span:nth-child(3) {
	animation: showInSec 0.7s;
}

a.menuIcon:hover #nav-icon3 span:nth-child(4) {
	animation: showInThird 0.5s;
}

body.active a.menuIcon:hover #nav-icon3 span:nth-child(1), body.active a.menuIcon:hover #nav-icon3 span:nth-child(2), body.active a.menuIcon:hover #nav-icon3 span:nth-child(3), body.active a.menuIcon:hover #nav-icon3 span:nth-child(4) {animation: none;}


	a.menuIcon.open #nav-icon3 span:nth-child(1) {
		top: 18px;
		width: 0%;
		left: 50%;
	}
a.menuIcon.open #nav-icon3 span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);background: #000;}
a.menuIcon.open #nav-icon3 span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);background: #000;}
a.menuIcon.open #nav-icon3 span:nth-child(4) {top: 18px;width: 0%;left: 50%;}
.mainMenu {transition: all 1s cubic-bezier(.77,0,.175,1); color: #ffffff; height: 100vh; height: calc(var(--vh, 1vh) * 100);left: -200%; position: fixed; top: 0; width: 100%; z-index: 3; display: flex; padding: 60px 0 30px 0; background-color: #F2EA4B;}
.mainMenu.expanded {left: 0;}
.menuList {height: 100%;display: flex;align-items: center;justify-content: center;width: 100%; opacity: 0;-webkit-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;-webkit-transform: translatex(0px);transform: translatex(0px);-webkit-transition-delay: 1.1s;
 transition-delay: 1.1s;}
.menuList ul li{display:block; text-align:center; margin-bottom:25px;}
.menuList ul li:last-child{margin-bottom:0;}
.menuList ul li a{font-size:30px; font-weight:900; color:#000; position:relative; display:inline-block;}
.menuList ul li a:after{position: absolute; height: 1px;background-color: #000;width: 0;bottom: -5px;left: 0;content: '';}
.menuList ul li.active a:after, .menuList ul li a:hover:after{width:100%;}
.mainMenu.expanded .menuList{opacity:1;}
.socialMedia {margin-right: 20px; position: fixed; z-index: 999; right: 0; bottom: 40px;}
.socialMedia span{display: -ms-flexbox; display: flex; -ms-writing-mode: tb-rl; writing-mode: tb-rl; font-size:14px; color:#fff; font-weight:900;padding-bottom: 140px; width: 100%; align-items: center; position: relative;}
.socialMedia span:after{position:absolute; content:''; bottom:0; height:120px; width:1px; background-color:#fff; left:50%; transform:translateX(-50%);}
body.scrolled .socialMedia span{display:none;}
.socialMedia ul {display: block; margin-top: 20px;}
.socialMedia ul li{display:block; margin-bottom:10px;}
.socialMedia ul li:last-child{margin-bottom:0;}
.socialMedia ul li a{background-color:#fff; width:50px; height:50px; border-radius:100%; background-repeat:no-repeat; background-position:center; display:block; border:1px solid #fff;}
.socialMedia ul li.facebook a{background-image:url(../images/fb.svg); background-size: 10px auto;}
.socialMedia ul li.instagram a{background-image:url(../images/insta.svg); background-size: 15px auto;}
.socialMedia ul li.youtube a{background-image:url(../images/youtube.svg); background-size: 20px auto;}
/*.socialMedia ul li a:hover, body.scrolled .socialMedia ul li a{background-color:#a56f4e; border-color:#a56f4e;}*/
body.active .socialMedia ul li a:hover{border-color:#fff;}
.socialMedia ul li.facebook a:hover, body.scrolled .socialMedia ul li.facebook a{background-image:url(../images/fb-white.svg);}
.socialMedia ul li.instagram a:hover, body.scrolled .socialMedia ul li.instagram a{background-image:url(../images/insta-white.svg);}
.socialMedia ul li.youtube a:hover, body.scrolled .socialMedia ul li.youtube a{background-image:url(../images/youtube-white.svg);}

.socialMedia ul li.play a{background-image:url(../images/play-yellow.svg); background-size: 90px auto; border:1px solid #000;}
body.scrolled .socialMedia ul li.play {background-image:url(../images/play-yellow.svg);}
.socialMedia ul li.play:hover a{background-image:url(../images/play-outlined.svg); background-color: #000;}

body.active .socialMedia span {display: none;}
body.active {overflow-y: hidden;}
.mainMenu:after{position: absolute; display:none;right: 0;bottom: 0;content: '';background-image: url(../images/circle.png); width: 350px; height: 400px; background-repeat: no-repeat;background-size: 100% auto;opacity:0;-webkit-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; -webkit-transform: translatex(0px); transform: translatex(0px); -webkit-transition-delay: 1.5s; transition-delay: 1.5s;}
.mainMenu.expanded:after{opacity:1;}
section.bodyContainer {margin-top: 100vh;position: relative; background-color: #fff;}
body.active section.bodyContainer.subPage {z-index: -1;}
.paddSection {padding: 70px 0; position:relative;}
h2 {color: #000000;font-size: 95px;font-weight: 900;display: block;}
h4{display:block; color:#666666; font-size:23px; margin-bottom:50px; font-weight:300;}
.halfBlocksHolder{font-size:0; margin-bottom:10px; position:relative;}
.halfBlocksHolder:last-child{margin-bottom:0;}
.halfBlock{display:inline-block; vertical-align:middle; width:60%; box-sizing: border-box;}
.halfBlock.imgHolder{width:40%;}
.halfBlock.imgHolder img{width:100%;}
.blockTitle { display: block;color: #303030; font-size: 30px; font-weight: 900; margin-bottom: 20px;}
.padRight {padding-right: 70px;}
.padLeft {padding-left: 70px;}
.blockDesc{display:block; font-size:18px; margin-bottom:20px; color:#727272; line-height:22px;}
.blockLink, .viewAllBtn{display:block;}
.blockLink a, .viewAllBtn a{display:inline-block; padding-left:50px; font-size:16px; color:#707070; position:relative;}
.blockLink a:before, .viewAllBtn a:before{position:absolute; content:''; background-color:#707070; left:0; height:1px; width:40px; top:50%; transform:translateY(-50%);}
.blockLink a:hover:before, .viewAllBtn a:hover:before{left:5px;background-color:#000;}
.blockLink a:hover, .viewAllBtn a:hover{color:#000;}
.halfBlocksHolder:nth-child(2n):after{position:absolute; display:none; content:''; background-image:url(../images/background.jpg); background-size:100% 100%; width:217px; height:217px; right:-100px; top:-54px; z-index:-1; background-repeat: no-repeat;}
body.expertise .halfBlocksHolder:nth-child(2n):after{right:-112px;}
.viewAllBtn{text-align:center;}
.viewAllBtn a{font-size:20px;}
.workList {position: relative;margin-bottom: 70px;}
.workList:after {position: absolute; display:none; content:''; background-image:url(../images/background.jpg); width:217px; height:217px; right:-100px; top:-80px;z-index:-1; background-size:100% 100%;}

body.work .workList:after{right:-100px;}
.workList ul li {float: left; width: 48%; margin-right: 4%;margin-bottom: 60px; position:relative;}
.ourworkSection .workList ul li{margin-bottom: 40px;}
.workList ul li:nth-child(2n){margin-right:0;}
.workList ul li:last-child, .workList ul li:nth-last-child(2){margin-bottom:0;}
.workList ul li .imgHolder {position: relative; margin-bottom: 25px; overflow:hidden; width:100%; display:flex; align-items:center; justify-content:center;}
.workList ul li .imgHolder img {width: 100%; display:block; transition: all linear 400ms;-moz-transition: all linear 400ms;-webkit-transition: all linear 400ms;-ms-transition: all linear 400ms;}
.workList ul li:hover .imgHolder img{transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2);}
.workList ul li .imgHolder a{position:absolute; content:''; left:0; top:0; right:0; bottom:0; width:100%; height:100%; z-index:9;}
.workList ul li .imgHolder a:after {position: absolute; content: '';background-image: url(../images/white-arrow.svg);width: 70px;height: 70px; background-repeat: no-repeat;background-size: 38px auto;right: 25px;bottom: 25px;border: 1px solid #fff;border-radius: 100%; background-position: center center;background-color: transparent;}
.workList ul li:hover .imgHolder a:after{background-color: #fff;background-image: url(../images/blue-arrow.svg);}
.listTitle {display: block;font-weight: 900;color: #666666;font-size: 34px;margin-bottom: 10px;}
.listType {display: block;font-size: 20px; color: #666666; margin-bottom: 15px;}
.listDesc {display: block; color: #666666; font-size: 18px;}
h2.sectionTitle{position:relative;}
h2.sectionTitle:before {position: absolute;left: -2000px; content: ''; background-image: url(../images/black-bullets.svg); width: 200px; background-size: 100%; height:20px; top:50%; transform:translateY(-50%);}


body.work h2.sectionTitle:before, body.abg h2.sectionTitle:before{left: -220px;}
h2.sectionTitle.darkBlue:before{background-image: url(../images/black-bullets.svg); width:228px; height:17px; left:-240px;}
.clientsList ul li{float:left; width:22%; margin-right:2%; border-top:1px solid #ccc; border-bottom:1px solid #ccc;height: 160px;    display: flex; align-items: center; justify-content: center;}
.clientsList ul li img {max-height: 90px; width: auto;}
.homePage .clientsList ul li:nth-child(5), .homePage .clientsList ul li:nth-child(6), .homePage .clientsList ul li:nth-child(7), .homePage .clientsList ul li:nth-child(8){border-top:none;}
.clientsList ul li:nth-child(4n){margin-right:0;}
.clientsList {position: relative;}
.clientsList .swiper-container{padding-bottom:150px;}
.clientsList .paginationHolder{bottom:-75px;}
.clientsList .swiper-pagination-bullet{background: #b5b5b5;opacity: 1; }
.clientsList .swiper-pagination-bullet:hover, .clientsList .swiper-pagination-bullet-active {background: #000;}
.noPadBot{padding-bottom:0;}
.paddSection.noPadBot:before {display:none;position: absolute;content: '';background-image: url(../images/lines.svg);width: 217px;height: 217px; left: calc((100% - 1300px)/2); top: 70px; z-index: 1;}
.backgroundBlock{background-image: url(../images/mission.jpg);background-size: cover;margin-left: calc((100vw - 1140px)/2);height: 900px; position:relative;  background-attachment: fixed; z-index:2;}
.blueBlock{background-color: #F2EA4B; padding-left: calc((100vw - 1140px)/2);position: absolute;    bottom: 0; top: 150px;display:flex; align-items:center; padding-right: 50px; max-width:57%; z-index:3;}
.blueBlock h2, .blueBlock h4 {color: #000;}
.blueBlock h2 {margin-bottom: 10px;font-size: 50px;}
.whiteDesc{color:#000; font-weight:300; font-size:22px; margin:30px 0; line-height:33px;}
.iconsList li{float:left; width:30%; margin-right:3%; font-size:0;}
.iconsList li:last-child{margin-right:0;}
.elIcon {width: 40px; display:inline-block; vertical-align:middle; margin-right: 20px;}
.elIcon img {width: auto;height: 45px; max-width: 100%;}
.elDesc {display:inline-block; vertical-align:middle;  width: calc(100% - 75px); color: #000;}
.elNumber {font-size: 43px;}
.smallTitle {font-size: 18px;}
.flexBlock .blockLink {position: absolute; bottom: 70px;}
.flexBlock .blockLink a{color:#000;}
.flexBlock .blockLink a:before{background-color:#000;}
.contactBlock ul {text-align: center;}
.contactBlock ul li {display:inline-block; width: 33%;}
.iconsHolder {padding: 0 90px; position:relative;}
.iconsHolder a{position:absolute; content:''; left:0; top:0; right:0; bottom:0; width:100%; height:100%;}
.contactBlock ul li .iconHolder {border: 1px solid #000; border-radius: 100%; display: flex; align-items: center;justify-content: center; height: 196px;margin-bottom: 20px; background-size: 70px auto; background-repeat: no-repeat; background-position: center center; background-color:transparent;}
.contactBlock ul li:hover .iconHolder{background-color:#F2EA4B; border-color:#F2EA4B;}
.contactBlock ul li.contactItem .iconHolder {background-image: url(../images/contact.svg);}
.contactBlock ul li.callItem .iconHolder {background-image: url(../images/locate.svg);}
.contactBlock ul li.emailItem .iconHolder {background-image: url(../images/email.svg);}
/*.contactBlock ul li.contactItem:hover .iconHolder {background-image: url(../images/call-white.svg);}
.contactBlock ul li.callItem:hover .iconHolder {background-image: url(../images/locate-white.svg);}
.contactBlock ul li.emailItem:hover .iconHolder {background-image: url(../images/email-white.svg);}*/
.titleContact { display: block;text-align: center;color: #000;font-size: 21px;}
footer{background-color:#F2EA4B;padding: 30px !important;}
.cpHolder, .devLink, .devLink a {color: #000;font-size: 13px;}
.cpHolder{float: left;}
.devLink{float:right; display:none !important;}
.devLink a:hover{text-decoration:underline;}
.sitemapCol {float: left;width: 31%; margin-right: 2%;min-height:150px;}
.sitemapList{margin-bottom:50px;}
.sitemapCol:nth-child(4n){margin-right:0;}
.mainTitle {display: block;min-height: 23px; margin-bottom: 10px;}
.mainTitle a {font-size: 20px; display: block; color: #000; font-weight: 900;}
.mainTitle a:hover{opacity:0.5;}
.sitemapCol ul li{display:block; margin-bottom:10px;}
.sitemapCol ul li:last-child{margin-bottom:0;}
.sitemapCol ul li a { color: #000; font-size: 13px; display: block;}
.sitemapCol ul li a:hover{text-decoration:underline;}
.padTop{padding-top:33px;}
h2.greyTitle, .halfBlocksHolder.aboutList .halfBlock{position:relative;}
.subPageBanner h1{font-size:48px; font-weight:300;color:#fefefe; display:block; margin-bottom:20px; position:relative;}
.subPageBanner h1:before{position: absolute; display:none;left: -220px; content: '';background-image: url(../images/grey-bullets.svg); width: 200px;background-size: 100%; height: 20px; top: 50%; transform: translateY(-50%); background-repeat:no-repeat;}
h2.greyTitle:before{}
.subPage h2.sectionTitle:before{left:-220px;}
.subPageBanner .bannerDesc{font-size:75px; color:#fefefe; display:block; line-height:80px; font-weight:700;}
.subPageBanner{height:100vh; background-size:cover; background-repeat:no-repeat; position:relative;background-position: center center;}
.subPageBanner:after{position:absolute; content:''; background-color:rgba(0,0,0,0.5); width:100%; height:100%; left:0; top:0; right:0; bottom:0; z-index:0;}
.subPageBanner .safeArea{height: 100%;}
.subSliderContent{position:absolute; left:0; right:0; bottom:80px; content:''; width:100%; z-index:4;}
.aboutList .halfBlock.imgHolder {width: 48%;}
.aboutList .halfBlock{width:50%; float:none;}
.halfBlocksHolder.aboutList .halfBlock.imgHolder:nth-child(1):before{position: absolute; display:none; content: ''; background-image: url(../images/circle-about.svg);width: 250px;height: 250px; left: -158px; bottom: -80px; z-index: -1; background-repeat: no-repeat; background-size:100%;}
.halfBlocksHolder.aboutList:nth-child(2n):after {right: -20px !important; }

.subPage.active .halfBlocksHolder.aboutList .halfBlock.imgHolder:nth-child(1):before{animation: showLeft 2s;}
.subPage.active .halfBlocksHolder.aboutList:nth-child(2n):after {animation: showRight 2s;}


.aboutList .blockDesc {display: block;font-size: 24px;margin-bottom: 20px;color: #727272;line-height: 35px;letter-spacing: 1px;}
.whiteDesc.lightDesc {color: #000 font-weight: 300; font-size: 24px; margin: 30px 0; line-height: 35px;}
.centeredSection{text-align:center;}
.blackDesc{color:#303030; font-size:34px; font-weight:700; line-height:40px; margin-bottom:60px;}
.contactUsBlock{border:1px dashed #ccc; padding:90px 0; position:relative;}
.contactUsBlock:before{position:absolute; content:''; left:50%; top:-40px; width:80px; height:80px; background-image:url(../images/icon.svg); transform:translateX(-50%);}
.greyText {font-size: 24px; color: #898989; line-height: 35px; margin-bottom: 40px;}
.believeBlock .blackDesc {margin: 30px 0 50px; display: block; font-size: 34px; font-weight: 700; color: #303030;}
ul.believeList li{display: block; border-bottom: 1px dashed #cccccc; padding-bottom: 35px; margin-bottom: 35px;}
ul.believeList li:last-child{margin-bottom:0;}
ul.believeList .iconHolder {width: 10%;margin-right: 5%;float: left;}
.believeList .textHolder {float: left; width: 85%; font-size: 24px; color: #000; line-height: 32px;}
.paddSection.believeBlock {padding-bottom: 0;}
.popTitle {display: block; position: relative;font-size: 34px; color: #a56f4e; font-weight: 700; padding-left: 80px; margin-bottom: 30px; line-height:50px;}
.popTitle:before{position:absolute; content:''; left:0; top:0; background-image:url(../images/call.svg); width:50px; height:50px; background-repeat:no-repeat; background-size:100%;}




.formHolder {text-align: center;}
input[type="text"] {border-bottom: 1px solid #c9c9c9; width: 100%; padding: 10px 0; color: #3a3a3a; font-size: 16px;}
.formRow{display:block; padding-bottom:18px; position:relative;}
.formAction {display:inline-block; margin:30px auto 0; position:relative; padding-left:50px;}
.formAction:before{position: absolute; content: ''; background-color: #707070; left: 0; height: 1px; width: 40px; top: 50%; transform: translateY(-50%);}
input[type="submit"]{font-size: 16px; color: #707070; -webkit-appearance:none; background-color:transparent; cursor:pointer;}
.formAction:hover input[type="submit"]{color:#a56f4e;}
.formAction:hover:before{background-color: #a56f4e;}
.popupHolder {width: 580px; display:none;}
.error {position: absolute;font-size: 12px;color: red;right: 0;bottom: 0;}
.tabsLinks {border-bottom: 1px solid #666666; padding:0 10px;}
.tabsLinks a {display: inline-block; padding: 20px 5px; font-size: 18px;text-decoration: none;margin-right: 10%;position: relative;color: #777777;font-weight: 300; max-width: 16%; text-align: center; padding-top:70px;}
.tabsLinks a:last-child{margin-right:0;}
.tabsLinks a.active {color: #000; font-weight:700;}
.tabsLinks a.active:after{position:absolute; content:''; width:100%; left:0; bottom:0; right:0; height:2px; background-color: #000;}
.tab {display: none; padding-top: 50px;}
.tabsLinks a span{position:absolute; top:0; left:50%; transform:translateX(-50%); background-repeat:no-repeat; background-size:100%;}
.tabsLinks a span.sports{background-image:url(../images/sports.svg); width:70px;height:70px;}
.tabsLinks a.active span.sports{background-image:url(../images/sports-blue.svg);}
.tabsLinks a span.exhibitions{background-image:url(../images/exhibitions.svg);width:70px;height:70px;}
.tabsLinks a.active span.exhibitions{background-image:url(../images/exhibitions-blue.svg);}
.tabsLinks a span.communication{background-image:url(../images/communication.svg);width:70px;height:70px;;}
.tabsLinks a.active span.communication{background-image:url(../images/communication-blue.svg);}
.tabsLinks a span.education{background-image:url(../images/book.svg); width:70px;height:70px; }
.tabsLinks a.active span.education{background-image:url(../images/book-blue.svg);}
.tab .blackDesc {margin-bottom: 110px;}
.leftList {float: left; width: 48%; margin-right: 4%;}
.rightList {float: left; width: 48%; margin-top:60px;}
.leftList > ul > li, .rightList > ul > li {margin-bottom:40px;position:relative;}
.leftList > ul > li.lines:before{position:absolute; display:none; content:''; background-image:url(../images/lines.svg); left:-100px; width:217px; height:217px; background-size:100% 100%; top:-80px; z-index:-1;}
.rightList > ul > li.lines:before{position:absolute; display:none; content:''; background-image:url(../images/lines.svg); right:-100px; width:217px; height:217px; background-size:100% 100%; top:60%; z-index:-1;}
.rightList > ul > li.bubbles:before{position:absolute; display:none; content:''; background-image:url(../images/background.jpg); right:-100px; width:217px; height:217px; background-size:100% 100%; top:60%; z-index:-1;}
.subPage.active .leftList > ul > li.lines:before{animation:showLeft100 2s;}
.subPage.active .rightList > ul > li.bubbles:before{animation:showRight60 2s;}

.serviceImg{margin-bottom:30px;  overflow:hidden; display:block; width:100%;}
.serviceImg img {display: block; width: 100%;}
.serviceImg:hover img{-webkit-transform: scale(1.2); transform: scale(1.2);}
.serviceTitle {display: block;color: #303030;font-size: 30px;font-weight: 700; margin-bottom: 20px;}
.serviceInfo ul li{display:block;margin-bottom:15px;}
.careersList ul li{padding-left:30px; position:relative; font-size:18px; color:#727272;}
.serviceInfo ul li:before{position:absolute; content:''; left:0; top:50%; background-image:url(../images/arrow.svg); width:17px; height:11px; background-size:100% 100%; background-repeat:no-repeat;transform: translateY(-50%);}
.serviceInfo ul li:last-child{margin-bottom:0;}
.workList ul li.lines:after {position: absolute;content: '';background-image: url(../images/lines.svg);width: 217px;height: 217px;right: -80px;top: -60px;z-index: -1;}
.workList ul li.bubbles:after {position: absolute; content: ''; background-image: url(../images/background.jpg); width: 217px; height: 217px;  background-size:100% 100%;
 right: -100px; top: 60%; z-index: -1; background-repeat:no-repeat;}

.subPage.active .workList ul li.lines:after{animation:showRight80 2s;}

.popupHolder.workPopup {width: 100%;}
.wideImgHolder {display: block; margin-bottom: 40px;}
.workDetails .blackDesc {float: left; width: 48%; margin-right: 5%;}
.workDetails .blockDesc {font-size: 24px; margin-bottom: 20px; color: #727272; line-height: 35px; letter-spacing: 1px; float:left; width:47%;}
.workDetails{margin-bottom:50px;}
.workControls a{display: inline-block; padding-left: 50px; font-size: 20px; color: #707070; position: relative;}
.workControls a:before{position: absolute;content: '';background-color: #707070;left: 0;height: 1px;width: 40px;top: 50%; transform: translateY(-50%);}
.workControls a:hover{color:#a56f4e;}
.workControls a:hover:before{background-color:#a56f4e;}
a.prevArticle {float: left;}
a.nextArticle {float: right;}
.fancybox-slide--html .workPopup .fancybox-close-small {right: 80px;  top: 80px;}
/*.fancybox-button svg{display:none;}*/
.fancybox-close-small{background-image:url(../images/close.svg); width:48px; height:48px; padding:0; background-size:100% 100%;}
.innerPop {max-width: 1100px; margin: 0 auto;}
.subPage .clientsList ul li{margin-bottom:20px;}
.subPage .clientsList ul li img {max-height: 90px; width: auto;}
h3 {font-size: 40px;color: #303030;font-weight: 700; display: block;margin-bottom: 45px;}
.subPage .clientsList{margin-bottom:50px;}
.subPage .clientsList:last-child{margin-bottom:0;}
#callyou button.fancybox-button.fancybox-close-small {right: 20px;top: 20px; width: 25px; height: 25px;}
.vacanciesList { margin-top: 40px;}
.serviceInfo .careersList ul li {float: left; width: 31%; margin-right: 2%;}
.serviceInfo .careersList ul li:nth-child(3n){margin-right:0;}
.serviceInfo .careersList{margin-bottom:50px;}
.serviceInfo .careersList ul li:before{position: absolute; content: '';left: 0; top: 50%;background-image: url(../images/arrow.svg);width: 17px; height: 11px;background-size: 100% 100%;background-repeat: no-repeat; transform: translateY(-50%);}
.leftList .serviceInfo .careersList ul li, .rightList .serviceInfo .careersList ul li { float: none;width: 100%;  margin-right: 0;}
.vacanciesList ul li{width:48%; margin-right:3%; float:left; margin-bottom:30px;border:1px dashed #ccc;}
.vacanciesList ul li:nth-child(2n){margin-right:0;}
.vacancyHolder{padding:30px; }
.vacancyTitle {font-size: 30px; color: #303030; font-weight: 700; display: block; margin-bottom: 15px;}
.vacancyHolder .listDesc {margin-bottom: 25px; line-height: 24px;}
.paddSection.noPadBot.careersBlock:before{display:none; }
.paddSection.noPadBot.careersBlock .backgroundBlock {background-image: url(../images/careers-bg.jpg);margin-left: 40%;height: 600px;   background-attachment: inherit;}
.paddSection.noPadBot.careersBlock .blueBlock{max-width: 70%;}
.careersBlock .flexBlock .blockLink {position: static;bottom: inherit;margin: 40px 0;}

.mainBranch {padding: 60px 0; display: flex; align-items: center; justify-content: center;border: 1px dashed #ccc; margin-bottom: 50px;}
.countryIcon {display: inline-block; width: 100px; height: 100px; margin-right: 40px; }
.countryInfo {display: inline-block; }
.countryTitle{font-size:30px; color:#303030; font-weight:700; display:block; margin-bottom:20px;}
.infoRow{display:block; margin-bottom:10px; }
.infoRow,.infoRow a{font-size:18px; font-weight:300; color:#666666;}
.infoRow span{display:inline-block; margin-right:5px; font-weight:700; color:#161616;}
.countryInfo .blockLink{margin-top:30px;}
.infoRow a:hover{text-decoration:underline;}
.branchesList ul li {float: left; width: 49%; margin-right: 2%; margin-bottom:40px;}
.branchesList ul li:nth-child(2n){margin-right:0;}
.branchesList ul li:nth-last-child(1), .branchesList ul li:nth-last-child(2){ margin-bottom:0;}
.branchesList ul li .countryIcon {margin-bottom: 30px;}
.branchesList ul li .countryInfo {display: block;}
.contactContainer{background-color: #000; padding:90px 0;}
.contactContainer h2{font-size: 75px; color:#fff; }
/***********************************************************************************************************************************/
.contactContainer .formRow{padding-bottom:18px; position:relative; float:left; width:32%; margin-right:2%;    margin-bottom: 20px;}
.contactContainer .formRow:nth-child(3n){margin-right:0;}
.contactContainer .formRow.fullWidth{ width:100%; margin-right:0;}
.textboxHolder {width: 100%;position: relative;overflow-x: visible; background-color: #000; border-bottom:1px solid #fff;}

.textboxHolder input, .textboxHolder textarea{width: 100%;border: none;background-color: transparent;}

.textboxHolder textarea, .textboxHolder input {padding: 25px;}
.textboxHolder label:not(.lblEyeIcon) {position: absolute;left: 15px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);background-color: transparent;padding-right: 5px; font-size:30px; }
.textboxHolder textarea ~ label{top:25px !important;}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    .textboxHolder input:focus ~ label, .textboxHolder input:not(:-ms-input-placeholder) ~ label, .textboxHolder textarea:focus ~ label{
        top: 0 !important;font-size:18px; color:#fff;    }
	.textboxHolder input:focus, .textboxHolder textarea:focus{color:#fff;}
}
.textboxHolder input:focus ~ label:not(.lblInfoTooltip), .textboxHolder input:not(:placeholder-shown) ~ label:not(.lblInfoTooltip), .textboxHolder textarea:focus ~ label {top: 0 !important;font-size:13px;color:#fff;}
.textboxHolder input:focus, .textboxHolder textarea:focus{ color:#fff;}
.textboxHolder textarea ~ label{top:25px !important; font-size:16px;}
textarea {height: 130px;}

@supports (-ms-ime-align:auto) {
    .textboxHolder input:focus ~ label, .textboxHolder input.visited ~ label, .textboxHolder textarea:focus ~ label {
        top: 0 !important; font-size:13px;color:#fff;
    }
}
.textboxHolder.withIcon label {color: #fff; font-size:16px;}
.textboxHolder.withIcon label i:not(.passwordEyeIcon) {font-size: 15px !important;vertical-align: middle;margin-right: 5px;      margin-top: -2px;}
.contactContainer .formRow {position: relative;}
.contactContainer .formHolder {margin-top: 20px;margin-bottom: 0; width:100%; text-align:left;}
.textboxHolder label{transition: all linear 200ms;-moz-transition: all linear 200ms; -webkit-transition: all linear 200ms; -ms-transition: all linear 200ms;}
.textboxHolder.withIcon label span {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 10px; background-repeat:no-repeat; background-size:100%;
}
.textboxHolder.withIcon label span.name{background-image:url(../images/name.svg);}
.textboxHolder.withIcon label span.email{background-image:url(../images/mail.svg);}
.textboxHolder.withIcon label span.phone{background-image:url(../images/phone.svg);}
.textboxHolder.withIcon label span.message{background-image:url(../images/message.svg);}

.contactContainer .formAction{margin:0;}
.contactContainer .formAction:before {background-color: #fff;}
.contactContainer .formAction:hover:before{left:5px;}
.contactContainer .formAction input[type="submit"] {color: #fff;font-size: 24px;}
body.active header {z-index: 9999;}
.vacancyImage {height: 150px;display: block;width: 150px;margin-bottom:20px;border-radius: 50%;}
.vacancyImage img {border-radius: 50%;width: auto;height: 150px;display: block;}
strong {font-weight:700;}
.youtubeHolder{width:100%; position:relative; display:block;}
a.playVideo{position:absolute; content:''; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-position:center center; background-image:url(../images/play.svg); background-size:100px 100px;}
.workList ul li .imgHolder.youtubeHolder a::after{display:none;}

.serviceList ul li {float: left;width: 48%;margin-right: 4%; margin-bottom:45px;}
.serviceList ul li:nth-child(2n){margin-right:0;}
.sevriceItem {position: relative;}
/*.sevriceItem a{position:absolute; content:''; width:100%; height:100%; top:0; left:0; right:0; bottom:0; z-index:3;}*/
.servicesInfoHolder {position: absolute;content: '';top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: flex;   align-items: center; padding: 40px; background-color: #F2EA4B; opacity:0;}
.serviceList ul li:hover .servicesInfoHolder{opacity:1;}
.servicesTitle {color: #000;font-size: 30px;display: block;margin-bottom: 15px;font-weight: 900; line-height:32px;}
.servicesDesc {color: #000;font-size: 22px;line-height: 27px;display: block;margin-bottom: 15px;}
.servicesDetails .blockLink a{color:#000; opacity:0.6; font-size:18px;}
.servicesDetails .blockLink a:before{background-color:#000;}
.servicesDetails .blockLink a:hover{opacity:1; color:#000;}
.servicesDetails .blockLink a:hover:before{background-color:#000;}
.servicesList, .serviceList {margin-bottom:40px;}

.smLinks span {display: inline-block;vertical-align: middle;color: #000;font-size: 18px;margin-right: 20px;}
.smLinks ul, .smLinks ul li {display:inline-block; vertical-align:middle;}
.smLinks ul li{margin-right:10px; margin-bottom:0 !important;}
.smLinks ul li a{display:block; width:40px; height:40px; border-radius:100%; background-color:transparent; border:1px solid #000; background-repeat:no-repeat; background-position:center center;}
.smLinks ul li a:hover{background-color:#000; }
.smLinks ul li a:hover:after{display:none;}
.smLinks ul li.facebook a {background-image: url(../images/fb-black.svg);background-size: 12px auto;}
.smLinks ul li.instagram a {background-image: url(../images/insta-black.svg);background-size: 17px auto;}
.smLinks ul li.youtube a {background-image: url(../images/youtube-black.svg);background-size: 20px auto;}
.smLinks ul li.vimeo a {background-image: url(../images/tiktok-black.svg);background-size: 20px auto;}
.smLinks ul li.tiktok a {background-image: url(../images/tiktok-black.svg);background-size: 20px auto;}
.smLinks ul li.facebook a:hover {background-image: url(../images/fb-yellow.svg);background-size: 12px auto;}
.smLinks ul li.instagram a:hover {background-image: url(../images/insta-yellow.svg);background-size: 17px auto;}
.smLinks ul li.youtube a:hover {background-image: url(../images/youtube-yellow.svg);background-size: 20px auto;}
.smLinks ul li.tiktok a:hover {background-image: url(../images/tiktok-yellow.svg);background-size: 20px auto;}
.smLinks ul li.vimeo a:hover {background-image: url(../images/tiktok-yellow.svg);background-size: 20px auto;}
a.whatsappBtn{position:fixed; left:3px; bottom:40px; width:60px; z-index:99; height:60px; background-color:#F2EA4B; border-radius:50%; border:1px solid #000;background-repeat:no-repeat; background-position:center; background-size:33px auto; background-image:url(../images/whatsapp-black.svg);}
a.whatsappBtn:hover{background-image:url(../images/whatsapp-yellow.svg); background-color: #000;}
.sitemapCol.padTop {padding-top: 0;}

.swiper-button-next:after, .swiper-button-prev:after{display:none;}
.swiper-button-next, .swiper-button-prev{background-image:url(../images/ico_buttonarrow.svg); width:33px; height:20px; background-repeat:no-repeat; background-size:100% 100%;}
.swiper-button-prev{transform:rotate(180deg);}
.halfBlocksHolder.aboutList {margin-bottom: 80px;}
.halfBlocksHolder.aboutList:last-child {margin-bottom: 0;}

.subPageBanner.aboutBanner {background-image: url(../images/About-Header.jpg);}
.subPageBanner.servicesBanner{background-image: url(../images/Services-header.jpg);}
.subPageBanner.mediaBanner {background-image: url(../images/Work-Header.jpg);}
.subPageBanner.contactBanner {background-image: url(../images/contact.jpg);}





a, .sliderBtn a:before, .menuList ul li a:after, .blockLink a:before, .viewAllBtn a:before, .workList ul li .imgHolder a:after, .contactBlock ul li .iconHolder, .serviceImg img, .contactContainer .formAction:before, .servicesInfoHolder {
	transition: all linear 200ms;
	-moz-transition: all linear 200ms;
	-webkit-transition: all linear 200ms;
	-ms-transition: all linear 200ms;
}
	
	.halfBlocksHolder:nth-child(2n):after, .workList:after, h2.sectionTitle:before, h2.sectionTitle.darkBlue:before {
	transition:all linear 1000ms;
	-moz-transition:all linear 1000ms;
	-webkit-transition:all linear 1000ms;
	-ms-transition:all linear 1000ms;
	}
	
 .paddSection.noPadBot:before {
	transition:all linear 2000ms;
	-moz-transition:all linear 2000ms;
	-webkit-transition:all linear 2000ms;
	-ms-transition:all linear 2000ms;
	}
	
	.mapDirectoryHolder {
	display: block;
	/*border: 1px solid #000;
	margin-bottom: 60px;*/
}
	.mapDirectoryHolder iframe {
		width: 100%;
		height: 500px;
	}