#d-menu ul li a{
	color:#fff;
}

.search-icon{

	background: url(../images/search2.png);
	background-size: 15px 15px;
}

#logo{
	background: url(../images/logo-white.svg) no-repeat;
	background-size: 100%;
}
#banner{

	position: relative;
	overflow: hidden;
	min-height:50vh;
	color:#fff;
}
#banner .text{
	text-align: center;
	padding:0;
	flex:none;
	width:100%;
	z-index: 3;
}

#banner p{

	margin: 0 auto;
	float:none;
	text-align: center !important;
	padding:0 30px;
	max-width: unset;
}

#banner .text h1{
	font-size: 55px;
	line-height: 66px;
	margin:10px 0;
}

#banner img{
	width:173px;
	height:76px;
	display: block;
	margin:50px auto 0 auto;
}

#intro{
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	padding:5vw;
	justify-content: space-between;
}

#intro p{
	max-width: inherit;
	margin:0 0 10px 0;
	font-size: 15px;
	line-height: 27px;
}
#intro .left{
	flex: 0 1 30%;
}

#intro .right{
	flex: 0 1 60%;
}

#intro ul{
	display: flex;
	flex-wrap: wrap;
}

#intro ul li{
	flex: 0 1 40%;
	font-size:12px;
	font-weight:600;
	margin:10px 0px;
	text-transform: uppercase;
}

.ec-clients{
	background:none;
	max-width:none;
	width:100%;
	margin:0;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
}

.ec-clients h2{
	flex: 0 1 100%;
	margin-bottom:30px;
}

.client{
	flex: 0 1 33%;
	margin: 0.1%;
	height:20vw;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items:flex-end;
}
.client h5{
	color:#fff;
	z-index: 2;
	position: relative;
	font-family: Georgia, Times, "Times New Roman", serif;
	padding:30px;
	font-size:17px;
	line-height: 25px;
}
.client .cover{
	z-index: 1;
	top:0;
	left:0;
	-webkit-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
	background-color: rgba(0,0,0,.5);
}
.client .cover:hover{
	-webkit-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
	background-color: rgba(0,0,0,0);
}





.single-ec_client #logo{

	background: url(../images/logo-black.svg) no-repeat;
}

.single-ec_client #d-menu ul li a{
	color:#111;
}
.single-ec_client .search-icon{

	background: url(../images/search.png);
	background-size: 15px 15px;
}

.c-logo{
	width:200px;
	height:200px;
	position: relative;
	top: -140px;
	margin-bottom: -140px;
	display: block;
	-webkit-box-shadow: 0px 5px 10px 4px rgba(0,0,0,0.08);
	box-shadow: 0px 5px 10px 4px rgba(0,0,0,0.08);
}
.single-ec_client #nav{
	position: relative;
	height: 65px;
}

.single-ec_client #banner{

	overflow: hidden;
	width:100vw;
	height: 40vw;
	display: block;
	align-items: unset;
	min-height: unset;
}
.single-ec_client .vimeo-container {
	   padding: 0;
		 width: 100%;
		 height: 100%;
		 overflow: hidden;
		 position: relative;
	}
.single-ec_client .vimeo-container  iframe {
		box-sizing: border-box;

		  min-width: 150%;
		  min-height: 150%;
		  position: absolute;
		  top: -25%;
		  left: -25%;
	}

.single-ec_client .content{
	padding:0 5vw 5vw 5vw;
}

.single-ec_client .two-col{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top:30px;
}

.two-col .left{
	flex: 0 1 30%;
}

.single-ec_client h6{
	font-size: 12px;
	font-weight:600;
	color: #B8B8B8;
	letter-spacing: 0;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
}

.single-ec_client h1{
	font-family: Georgia;
	font-size: 42px;
	color: #111111;
	letter-spacing: 0;
	margin:10px 0 30px 0px;
	line-height: 43px;
}

.single-ec_client .content h5{
	font-weight:600;
	font-size: 12px;
	color: #111111;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0;
	text-transform: uppercase;
}

.two-col .right{
	flex: 0 1 60%;
}

.single-ec_client p b{
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	color: #111111;
	letter-spacing: 0;
	line-height: 29px;
	font-weight:600;
	margin-bottom:30px;
	display: block;
}
.single-ec_client p{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #111111;
	letter-spacing: 0;
	line-height: 28px;
	max-width: 700px;
}

	.single-ec_client  #gallery img{
		display:block;
		height:30vw;
		margin:0 1px;
		max-width: inherit;
	}
.single-ec_client .flickity-page-dots{
	display: none;
}


.single-ec_client #gallery.is-fullscreen img {
	height:100vh;
	}
.flickity-enabled.is-fullscreen{
	padding-bottom:0 !important;
	background:#fff !important;
}

#myfbutton{
	display: block;
	margin:0 auto;
	position: relative;
	top:calc(-15vw - 25px);
	width:180px;
	height:50px;
	border:1px solid #fff;
	padding:14px;
	line-height:20px;
	font-weight: bold;
	font-size:14px;
	text-transform: uppercase;
	text-align: center;
	background:#fff;
	color:#000;
}

#myfbutton:hover{
	BACKGROUND:NONE;
	color:#fff;

}
.flickity-fullscreen-button, .flickity-prev-next-button
{
	display: none;
}

/* Flickity fullscreen v1.0.1
------------------------- */

.flickity-enabled.is-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.9);
  padding-bottom: 35px;
  z-index: 1;
}

.flickity-enabled.is-fullscreen .flickity-page-dots {
  bottom: 10px;
}

.flickity-enabled.is-fullscreen .flickity-page-dots .dot {
  background: white;
}

/* prevent page scrolling when flickity is fullscreen */
html.is-flickity-fullscreen {
  overflow: hidden;
}

/* ---- flickity-fullscreen-button ---- */

.flickity-fullscreen-button {

  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

/* right-to-left */
.flickity-rtl .flickity-fullscreen-button {
  right: auto;
  left: 10px;
}

.flickity-fullscreen-button-exit { display: none; }

.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit { display: block; }
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view { display: none; }

.flickity-fullscreen-button .flickity-button-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 4px;
  top: 4px;
}

.flickity-viewport{
	background:#000;
}

.single-ec_client #gallery img{
	opacity: .5;
}
 .single-ec_client #gallery.is-fullscreen img{
	opacity: 1;
}


.single-ec_client #gallery.is-fullscreen .flickity-prev-next-button{
	display: block;
}

#client_nav{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding:0 30px;
	background: #ebebeb;
	height: 30px;
}

#client_nav .left{
	flex:0 1 30%;
}
#client_nav .back{
	text-align: center;
	flex:0 1 40%;
}
#client_nav .right{
	flex:0 1 30%;
	text-align: right;
}
#client_nav a{
	font-weight:500;
	line-height:20px;
	font-size:13px;
	color:#000;
}



#ec-video{
	width:100%;
	height:100%;
	position: absolute;
	z-index: -1;
}
.page-template-0_ec #banner #cover{

	width:100%;
	height:100%;
	position: absolute;
	background-color: rgba(0,0,0,.5);
	z-index: 1;
}

#ec-video iframe{
	width: 100vw;
	   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	   min-height: 100vh;
	   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	   position: absolute;
	   top: 50%;
	   left: 50%;
	   transform: translate(-50%, -50%);
}

#services{
	text-align: center;
	margin:5vw 0;
}

#blocks{
	width:100vw;
	margin-top:40px;
	padding-top: 10vw;
}

#blocks {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	max-width: none;
}

#blocks .block{
	flex: 0 1 25%;
	height: 20vw;
}
.block .flip-box-front{
	background:url(../images/r_arrow.svg) no-repeat;
	background-size:7%;
	background-position:  calc(100% - 3vw) calc(100% - 3vw);

}

.block.one .flip-box-front, .block.five .flip-box-front{
	background:url(../images/r_arrow2.svg) no-repeat;
	background-size:7%;
	background-position:  calc(100% - 3vw) calc(100% - 3vw);

}

.block .flip-box-back{
	background:url(../images/ec3.svg) no-repeat;
	background-size:10%;
	background-position:  calc(100% - 3vw) calc(100% - 3vw);

}

.block.one .flip-box-back, .block.five .flip-box-back{
	background:url(../images/ec32.svg) no-repeat;
	background-size:10%;
	background-position:  calc(100% - 3vw) calc(100% - 3vw);

}

.block.one .flip-box-front, .block.one .flip-box-back{
	background-color: rgba(255,255,255,1);

}

.block.one .flip-box-front h6, .block.one .flip-box-back p{
	color: #111;
}

.block.two .flip-box-front, .block.two .flip-box-back{
	background-color: rgba(0,107,181,1);
}

.block.two .flip-box-front h6, .block.two .flip-box-back p{
	color: #fff;
}

.block.three .flip-box-front, .block.three .flip-box-back{
	background-color: rgba(28,95,141,1);
}

.block.three .flip-box-front h6, .block.three .flip-box-back p{
	color: #fff;
}
.block.four .flip-box-front, .block.four .flip-box-back{
	background-color: rgba(0,38,65,1);
}
.block.four .flip-box-front h6, .block.four .flip-box-back p{
	color: #fff;
}
.block.five .flip-box-front, .block.five .flip-box-back{
	background-color: rgba(239,239,239,1);
}
.block.five .flip-box-front h6, .block.five .flip-box-back p{
	color: #111;
}





.block h6{
	font-size:20px;
	line-height:27px;
	font-family: Georgia, Times, "Times New Roman", serif;

	font-weight:400;
	width:100%;
}

.block p{
	width:80%;
	font-size:14px;
	line-height:25px;
	color:#111;
}

.flip-box {
	  background-color: transparent;
	  width: 100%;
	  height: 100%;
	  perspective: 1000px;
	}

	.flip-box-inner {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  text-align: center;
	  transition: transform 0.8s;
	  transform-style: preserve-3d;
	}

	.flip-box:hover .flip-box-inner {
	  transform: rotateY(180deg);
	}

	.flip-box-front, .flip-box-back {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  display: flex;
	  align-items: flex-start;
	  text-align: left;
	  padding:3vw;
	  -webkit-backface-visibility: hidden; /* Safari */
	  backface-visibility: hidden;
	}

.flip-box-back {
}

	.flip-box-back {

	  transform: rotateY(180deg);
	}

#tabscontainer input.mytab { display: none; }
#tabscontainer input.mytab + label { display: inline-block }

#tabscontainer input.mytab ~ .tab { display: none !important; }
#tabscontainer #tab1:checked ~ .tab.content1,
#tabscontainer #tab2:checked ~ .tab.content2{ display: flex !important; }

#tabscontainer input.mytab + label {

  background: #EEE;
  padding: 12px 30px;
  position: relative;
  top: 1px;
  cursor: pointer;
  font-size:12px;
  font-weight:500;
  text-transform: uppercase;
}
#tabscontainer input.mytab:checked + label {
  background: #111;
  color:#fff;
  border-bottom: 1px solid transparent;

}
#tabscontainer input.mytab ~ .tab {

  border-top: 1px solid #111;
}

#tabscontainer{

	padding: 0 5vw 5vw 5vw;
}

#tabscontainer .tab{
	padding-top:2vw;
}

/* -------------------------------------------------- RESPONSIVE ---------------------------------- */
@media only screen and (min-width: 1600px) {
	.client h5{

		padding:30px;
		font-size:22px;
		line-height: 35px;
	}
}

@media only screen and (max-width: 1024px) {
	#banner .text h1{
		font-size:35px;
		line-height:46px;
		margin:0;
	}
	#intro ul li{
		flex: 0 1 50%;
	}

	.client{
		flex: 0 1 49%;
		height:30vw;
		margin:.2%;
	}

	.single-ec_client #banner{

		height: 60vw;
	}
	#blocks .block{
		height:25vw;
	}

}


@media only screen and (max-width: 900px) {
	.single-ec_client #nav{
		height:55px;
	}

}
@media only screen and (max-width: 768px){
#banner {
	flex-wrap: inherit;
	padding-top: inherit;
	margin-bottom: inherit;
	min-height:50vh;
}

#blocks .block {
	flex: 0 1 33.3333%;
	height: 33.3333vw;
}

.block.one .flip-box-front, .block.one .flip-box-back{
	background-color: #ddd;
}

#blocks{
	justify-content:flex-start;
	background:none !important;
	padding-top:0;
}
.single-ec_client .two-col{
	display: block;
}

#banner br{
	display: none;
}


	#intro{
		display: block;
	}

	#intro h2{
		margin-bottom:20px;
	}

	#intro h2 br{
		display: none;
	}
	.single-ec_client .two-col .left{
		margin-bottom:30px;
	}
	#client_nav{
		padding:0 20px;
	}
}


@media only screen and (max-width: 600px){
	.block h6 {
		font-size: 14px;
		line-height: 19px;
	}
	#blocks .block {
		flex: 0 1 50%;
		height: 45vw;
	}
	.flip-box-front, .flip-box-back{
		padding:20px;
	}

	.block .flip-box-front, .block .flip-box-back{
		background-position: calc(100% - 20px) calc(100% - 20px) !important;
	}

	.block p{

			font-size: 12px !important;
			line-height: 19px !important;
			width:100%;
	}
	#blocks{

		padding: 0px;
	}


	#myfbutton{

		top:calc(-40vw - 25px);
	}
	.single-ec_client #gallery img{
		height:80vw;
	}
	.single-ec_client .flickity-prev-next-button{
		display: none;
	}
	#banner .text h1{
		font-size: 35px;
		line-height: 46px;
		margin:0 0 10px 0;
	}
	.single-ec_client p b{
		font-size: 15px;
		line-height: 26px;
	}
	.single-ec_client #banner{

		height: 80vw;
	}
	.single-ec_client h1{
		font-size:32px;
		line-height:40px;
		margin-bottom:20px;
	}
	.single-ec_client h5{
	}

	#intro ul li{
		flex: 0 1 100%;
	}

	.client h5{
		padding:30px;
	}
	#banner img{
		width:135px;
		height:59px;

	}
	#intro{
		padding:40px 20px;
	}

	.c-logo {
		width: 130px;
		height: 130px;
		position: relative;
		top: -70px;
		margin-bottom: -70px;
	}



	h2{
		margin-bottom:20px;
		font-size:20px;
	}
	.client{
		flex: 0 1 100%;
		margin:0 0 .3% 0;
		height:55vw;
	}

	.more{
		text-align: center;
		display: block;
		Margin:0 auto;
		margin-top: 20px;
	}

	#insights{
	}
	.single-ec_client .content{
		margin-bottom: 50px;
	}
}