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;font-size:100%;font:inherit;vertical-align:baseline} 
 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} 
 
body{line-height:1} 
 
ol,ul{list-style:none} 
 
blockquote,q{quotes:none} 
 
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} 
 
table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"Avenir Black";src:url("fonts/avenirltstd-black.eot?#iefix");src:url("fonts/avenirltstd-black.eot?#iefix") format("eot"),url("fonts/avenirltstd-black.woff") format("woff"),url("fonts/avenirltstd-black.ttf") format("truetype"),url("fonts/avenirltstd-black.svg#avenirltstd-black") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"Avenir Medium";src:url("fonts/avenirltstd-medium.eot?#iefix");src:url("fonts/avenirltstd-medium.eot?#iefix") format("eot"),url("fonts/avenirltstd-medium.woff") format("woff"),url("fonts/avenirltstd-medium.ttf") format("truetype"),url("fonts/avenirltstd-medium.svg#avenirltstd-medium") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"Avenir Roman";src:url("fonts/avenirltstd-roman.eot?#iefix");src:url("fonts/avenirltstd-roman.eot?#iefix") format("eot"),url("fonts/avenirltstd-roman.woff") format("woff"),url("fonts/avenirltstd-roman.ttf") format("truetype"),url("fonts/avenirltstd-roman.svg#avenirltstd-roman") format("svg");font-weight:normal;font-style:normal}*{vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased} 
 
html,body{height:100%}body{font-family:'Avenir Roman';line-height:1.3;color:#fff;background-color:#000} 
 
h1{position:fixed;z-index:10000;top:7px;left:20px;display:inline-block} 
 
h1 img{width:57px;height:35px}@media (min-width: 979px){h1{top:20px;left:20px} 
 
h1 img{width:131px;height:79px; cursor: pointer;}}
h2{font-family:'Avenir Black';font-size:38px;padding:52px 0 10px 0;text-transform:uppercase} 
 
a{text-decoration:none; cursor: pointer;} 
strong{ font-weight: bold;}
p span{color:#f68428}.first-para{font-family:'Avenir Medium';font-size:18px;line-height:1.2;padding:0 4% 33px 2%}@media (min-width: 979px){.first-para{font-size:22px}}
.container{
	display: block;
}
.hire-button{ -webkit-transition: all 0.3s;
	  -moz-transition: all 0.3s;
	  transition: all 0.3s;position:fixed;z-index:999;bottom:20px;left:20px;display:none;width:131px}@media (min-width: 979px){.hire-button{display:block}}
.hire-button:hover,
.hire-button:active {
	color: #000;
	background: #ffc13e;
	border: 2px solid #ffc13e;
}
.hire-button:after {
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffc13e;
}
.hire-button:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  transition: all 0.7s;

}
.hire-button:hover:after,
.hire-button:active:after {
	width: 100%;
}

.services .content-wrap, .about .content-wrap{
	    background-color: #fff;
    background-image: url('../images/background-shape-2.png');
    background-position:-135px center;
    background-repeat: no-repeat;

}
.
@media (max-width: 979px){
	.services .content-wrap, .about .content-wrap{
	background: none;
	}
}
.mobile-menu-trigger{position:fixed;z-index:10000;top:15px;right:10px;width:30px;height:21px;text-indent:-9999px;background:url(../images/mobile-button-menu.svg) left top no-repeat}@media (min-width: 979px){.mobile-menu-trigger{display:none}}
.close-trigger{position:fixed;z-index:10000;top:10px;right:10px;display:none;width:30px;height:30px;text-indent:-9999px;background:url(../images/button-close-orange.svg) left top no-repeat;-webkit-background-size:30px;background-size:30px}
.close-trigger:hover{
	background:url(../images/button-close-orange-hover.svg) left top no-repeat;
}
.close-trigger:active{
	background:url(../images/button-close-orange-click.svg) left top no-repeat;
}
@media (min-width: 979px){.close-trigger{top:62px;right:39px;width:60px;height:60px;-webkit-background-size:60px;background-size:60px}}.overlay{position:fixed;z-index:9999;top:0;display:none;width:100%;height:100%;opacity:0;background-color:#000}
.hide{display:none}
@media (max-width: 979px){
	.hide-on-mobile{display: none}
.hide-on-desktop{
display: block;
}
.close-trigger:hover{
	-webkit-background-size:30px;background-size:30px;
}
}
@media (min-width: 979px){
	.hide-on-desktop{
display: none !important;
}
}

.clear{clear:both}
.container{position:relative;height:100%}.fullscreen{width:100%}.fullscreen .circle{display:none}@media (min-width: 979px){.fullscreen{position:absolute;height:100%}.fullscreen .circle{display:block}}.mobile-header{position:fixed;z-index:10000;width:100%;height:50px;background-color:#141414;-webkit-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.4);-moz-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.4);box-shadow:0px 2px 3px 0px rgba(0,0,0,0.4)}@media (min-width: 979px){.mobile-header{display:none}}#welcome{top:0;position:relative;height:100%}@media (min-width: 979px){#services{top:100%;margin-top:0}#work{top:200%}#studio{top:300%}#about{top:420%}
#contact{top:520%} #footer{  top: 620%; height: 140px;}}.content-wrap{height:100%;position:relative;z-index:2}.display-table{display:table;height:100%}.button{font-family:'Avenir Black';font-size:14px;text-align:center;text-transform:uppercase;background: none;color:#f68428;border:2px solid #f68428}.button--box{line-height:30px;height:30px;padding:0 10px}
.more-button{font-size:24px;line-height:50px;display:block;width:230px;height:48px;margin:0 auto 20px auto}
#studio .first-para{font-size:22px;text-align:center;}
.studio{height: 120%;}
#studio .slideshow, #studio .slick-slide{max-height:648px;}
@media (min-width: 979px){
	.more-button{
		font-size:14px;
		line-height:28px;		
		position:absolute;
		z-index:9999;
		right:82px;
		bottom:15px;
		left:auto;
		width:160px;
		height:30px;
		-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
	}
}
@media (min-width: 979px){.contact .more-button{display:none}}

.more-button:hover,
.more-button:active {
	color: #000;
	background: #ffc13e;
	border: 2px solid #ffc13e;
}
.more-button:after {
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffc13e;
  content: '';
  position: absolute;
  z-index: -1;	
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;

}
@media (min-width: 979px){
	.hoverArrow{
		display: none;
	}
	.more-button:hover:after,
	.more-button:active:after {
		width: 100%;
	}
}
.next-prev-button{ cursor: pointer; width:40px;height:40px;text-indent:-9999px;display:inline-block;margin-bottom:20px;background:url(../images/mobile-button-next.svg) center bottom no-repeat;-webkit-background-size:40px;background-size:40px}@media (min-width: 979px){.next-prev-button{display:none}}
.next-prev-button.next-prev-button--prev{margin-right:10px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.circle{position:absolute;z-index:1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.circle--left{background-image:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #000), color-stop(100%, #262626));background-image:-webkit-radial-gradient(center, circle cover, #000 0%, #262626 100%);background-image:-moz-radial-gradient(center, circle cover, #000 0%, #262626 100%);background-image:-ms-radial-gradient(center, circle cover, #000 0%, #262626 100%);background-image:-o-radial-gradient(center, circle cover, #000 0%, #262626 100%);background-image:radial-gradient(center, circle cover, #000 0%, #262626 100%);background-color:#000}.circle--right{background-color:#fff}
.navigation{font-family:'Avenir Black';font-size:36px;position:fixed;z-index:9999;top:50%;left:0;width:294px;height:278px;margin-top:-137px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-transform:uppercase}
@media (min-width: 888px){.navigation{font-size:18px;width:147px;height:159px;margin-top:-70px}}
.navigation li{
	height:54px;
	margin-bottom:2px;
	-webkit-transition:all .6s ease-in-out;
	-webkit-transition-timing-function: linear;
	-moz-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
	transition-timing-function: linear;
}
@media (min-width: 888px){.navigation li{height:33px;margin-bottom:1px}}
.next-prev-button:hover{
background:url(../images/mobile-button-next-click.svg);
center bottom no-repeat;-webkit-background-size:40px;background-size:40px;
}
.navigation a{
	display:block;
	padding:7px 0 0 30px;
	color:#fff; 
	font-size: 19px; 
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
	position: relative;
	}
	@media (min-width: 888px){
		.navigation a{
			padding:7px 0 0 22px;
			height:27px;
		}
	}
	@media (max-width: 888px){
		.navigation a{
			font-size: 36px;
		}
	}

.navigation a:hover div{
	background: url(../images/menu-item-hover.png);
	width: 9px;
	margin-right: 7px;
	-webkit-transition:all .6s ease-in-out;
	-webkit-transition-timing-function: linear;
	-moz-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
	 transition-timing-function: linear;
	left: 30px;
}
.navigation a:hover{
	 padding: 7px 0px 0px 43px !important;
	 -webkit-transition:all .6s ease-in-out;
	  -webkit-transition-timing-function: linear;
	-moz-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
	 transition-timing-function: linear;
}
.navigation a div{
	  float: left;
	  text-indent: -9999px;
	  display: block;
	  width: 9px;
	  height: 19px;
	  left: -9px;
	  background: url(../images/menu-item-hover.png);
	  position: absolute;
	   -webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
}
.navigation li:hover{
   -webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
}
.navigation a.clicked div{
	background: url(../images/menu-item-hover.png);
	width: 9px;
	margin-right: 7px;
	left: 30px;
}
.navigation a.clicked{
	padding: 7px 0px 0px 43px !important;
}
@media(max-width:  769px){
	.navigation a.clicked div{
	    background-size: 15px 15px;
    	background-repeat: no-repeat;

    }
    .navigation a.clicked {
    	padding: 7px 0px 0px 50px !important;
	}
	.navigation a:hover{
	 padding: 7px 0px 0px 50px !important;
	}
	.navigation a div{
    	top: 20px;
	}
}
.navigation__welcome{width:294px;max-width: 315px; min-width: 294px;background:url(../images/button-nav-welcome.svg) left top ;-webkit-background-size:294px 54px;background-size:294px 54px}
@media (min-width: 888px){.navigation__welcome{width:147px; max-width: 168px; min-width: 147px;-webkit-background-size:147px 28px;background-size:147px 28px}}
.navigation__services{width:280px;min-width: 280px;max-width: 301px; background:url(../images/button-nav-services.svg) left top ;-webkit-background-size:280px 54px;background-size:280px 54px}
@media (min-width: 888px){.navigation__services{width:140px;min-width: 140px;max-width: 161px;-webkit-background-size:140px 28px;background-size:140px 28px}}
.navigation__work{width:224px;min-width: 224px;max-width: 245px;background:url(../images/button-nav-work.svg) left top ;-webkit-background-size:224px 54px;background-size:224px 54px}
@media (min-width: 888px){.navigation__work{width:112px;max-width: 133px;min-width: 112px;-webkit-background-size:112px 28px;background-size:112px 28px}}
.navigation__about{width:238px;min-width: 238px;max-width: 251px;background:url(../images/button-nav-about.svg) left top ;-webkit-background-size:238px 54px;background-size:238px 54px}
@media (min-width: 888px){.navigation__about{width:119px;max-width: 140px;min-width: 119px;-webkit-background-size:119px 28px;background-size:119px 28px}}
.navigation__contact{width:280px;max-width: 301px;min-width: 280px;background:url(../images/button-nav-contact.svg) left top ;-webkit-background-size:280px 54px;background-size:280px 54px}
@media (min-width: 888px){.navigation__contact{width:140px;max-width: 161px;min-width:140px;-webkit-background-size:140px 28px;background-size:140px 28px}}
.navigation--offscreen{left:-294px}@media (min-width: 979px){.navigation--offscreen{left:-147px}}.social{display:none}@media (min-width: 979px){.social{display:block;position:absolute;z-index:2}
.social.social--welcome{right:20px;bottom:50px;width:168px;height:30px;}}.welcome{text-align:center;overflow:hidden}.welcome__text{line-height:1.2;font-family:'Avenir Black';margin:0 auto;padding:0 10%;display:table-cell;vertical-align:middle}
.welcome__text-1{font-size:28px;line-height:28px;margin-bottom:23px; padding-top: 11px;}@media (min-width: 979px){.welcome__text-1{font-size:56px;line-height:56px}}.welcome__text-2{font-size:15px;margin-bottom:23px;padding-left:12px; text-transform:uppercase}@media (min-width: 979px){.welcome__text-2{font-size:30px}}.welcome__text-3{font-size:24px;text-transform:uppercase}@media (min-width: 979px){.welcome__text-3{font-size:48px}}.welcome__footer{display:none}@media (min-width: 979px){.welcome__footer{font-family:'Avenir Black';font-size:14px;color:#f68428;display:block;position:absolute;bottom:20px;right:20px;z-index:2;text-transform:uppercase}}
.welcome__scroll{display:none}
@media (min-width: 979px){
	.welcome__scroll{
		font-family:'Avenir Medium';
		font-size:18px;
		color:#fff;
		display:block;
		position:absolute;
		bottom:-90px;
		left:50%;
		z-index:2;
		width:120px;
		height:97px;
		margin-left:-60px;
		background:url(../images/button-scroll-down-orange.svg) center 37px no-repeat;
		-webkit-transition:all .8s ease-in-out;
		-moz-transition:all .8s ease-in-out;
		-ms-transition:all .8s ease-in-out;
		-o-transition:all .8s ease-in-out;
		transition:all .8s ease-in-out;
}
.welcome__scroll:hover
 {
	background:url(../images/button-scroll-down-orange-hover.svg) center 37px no-repeat;
}
.welcome__scroll:active{
background:url(../images/button-scroll-down-orange-click.svg) center 37px no-repeat;
}
.welcome__scroll.welcome__scroll--onscreen{bottom:28px}
}
.welcome__menu-trigger{-webkit-transition:all .8s ease-in-out;
		-moz-transition:all .8s ease-in-out;
		-ms-transition:all .8s ease-in-out;
		-o-transition:all .8s ease-in-out;
		transition:all .8s ease-in-out; display:none;font-family:'Avenir Black';font-size:12px;text-align:left;color:#f68428;position:absolute;bottom:70px;left:20px;z-index:2;height:21px;padding:12px 0 0 40px;text-transform:uppercase;background:url(../images/button-menu.svg) left top no-repeat}@media (min-width: 979px){.welcome__menu-trigger{display:block}}
.welcome__image{display:none}
@media (min-width: 979px){.welcome__image{display:block;position:absolute;z-index:2;top:20px;right:-152px;width:152px;height:152px;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.welcome__image.welcome__image--onscreen{right:20px}}
.slider__image{display:none}
@media (min-width: 979px){.slider__image{display:block;position:absolute;z-index:2;top:20px;right:-152px;width:152px;height:152px;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.slider__image.slider__image--onscreen{right:20px}}

.welcome__menu-trigger:hover{
background:url(../images/button-menu-hover-two.svg) left top no-repeat;
}
.welcome__menu-trigger:active{
background:url(../images/button-menu-click.svg) left top no-repeat;
color: #ffc13e;
}
.circle--right{
	    display: block;
    box-sizing: border-box;
    width: 200% !important;
    height: 200% !important;
    border-radius: 50%;
    transform: skewX(5deg);
    content: '';
    top: -45% !important;
    left: 11% !important;
    display: none !important;
}
.welcome__green{position:absolute;top:189px;left:-112px;width:28px;height:58px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}@media (min-width: 979px){.welcome__green{top:144px;width:56px;height:96px}}.welcome__green.welcome__green--onscreen{left:-21px}@media (min-width: 979px){.welcome__green.welcome__green--onscreen{left:0}}
.welcome__orange{position:absolute;top:242px;left:-96px;width:48px;height:48px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}@media (min-width: 979px){.welcome__orange{width:96px;height:96px}}.welcome__orange.welcome__orange--onscreen{left:-34px}@media (min-width: 979px){.welcome__orange.welcome__orange--onscreen{left:16px}}
.welcome__pink{position:absolute;right:-70px;bottom:130px;width:35px;height:48px;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out}@media (min-width: 979px){.welcome__pink{width:70px;height:96px}}.welcome__pink.welcome__pink--onscreen{right:-21px}@media (min-width: 979px){.welcome__pink.welcome__pink--onscreen{right:0}}.welcome__hire-button{position:absolute;bottom:20px;width:230px;margin-left:-115px;font-size:24px;line-height:50px;height:48px}@media (min-width: 979px){.welcome__hire-button{display:none}}.services{text-align:center;overflow:hidden;color:#555;background-color:#fff}@media (min-width: 979px){.services{background-color:transparent}
.services .circle{display:block}}
.services__squares-green{position:absolute;left:-13px;bottom:-13px;width:34px;height:34px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media (min-width: 979px){.services__squares-green{left:40px;bottom:85px;width:68px;height:68px}}.services__squares-blue{position:absolute;right:-7px;top:57px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:21px;height:83px}@media (min-width: 979px){.services__squares-blue{right:0;width:42px;height:166px}}
.content{width:100%;height:100%;padding:0 5%;position:relative;   font-family: 'Avenir Medium';}@media (min-width: 979px){.content{width:80%;margin-left:15%}}
.service{width:100%;float:none;padding:0 1%;display:none}.service img{display:block;margin:0px auto 7px auto;}@media (min-width: 979px){.service{display:block; float:left;width:20%;}}
.service__title{font-family:Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;font-style:italic;font-size:18px;margin-bottom:33px; font-weight: bold;line-height: 16px;}
.service__img-title{font-family:'Avenir Black';text-transform:uppercase;margin:15px 10% 11px;display:inline-block;border-bottom:4px solid #555; font-size: 18px; padding-bottom: 2px;}
.services__scroll{		-webkit-transition:all .8s ease-in-out;
		-moz-transition:all .8s ease-in-out;
		-ms-transition:all .8s ease-in-out;
		-o-transition:all .8s ease-in-out;
		transition:all .8s ease-in-out;display:none}@media (min-width: 979px){.services__scroll{display:block;text-indent:-9999px;position:absolute;bottom:20px;left:50%;z-index:2;width:60px;height:60px;margin-left:-30px;background:url(../images/button-scroll-down-blue.svg) center bottom no-repeat}}.work{text-align:center;overflow:hidden}.work__squares-pink{position:absolute;bottom:0;left:-27px;width:48px;height:48px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media (min-width: 979px){.work__squares-pink{bottom:93px;left:116px;width:96px;height:96px}}.work__squares-green{position:absolute;right:0;top:60px;width:21px;height:84px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media (min-width: 979px){.work__squares-green{width:42px;height:166px}}
.services__scroll:hover{background:url(../images/button-scroll-down-blue-hover.svg) center bottom no-repeat;}
.services__scroll:active{background:url(../images/button-scroll-down-blue-click.svg) center bottom no-repeat;}
.slideshow{display:block; max-height: 448px;}@media (min-width: 979px){.slideshow{display:block;margin-bottom:30px; margin-top: 17px;}}

.work__scroll{		-webkit-transition:all .8s ease-in-out;
		-moz-transition:all .8s ease-in-out;
		-ms-transition:all .8s ease-in-out;
		-o-transition:all .8s ease-in-out;
		transition:all .8s ease-in-out;display:none}@media (min-width: 979px){.work__scroll{display:block;text-indent:-9999px;position:absolute;bottom:20px;left:50%;z-index:2;width:60px;height:60px;margin-left:-30px;background:url(../images/button-scroll-down-green.svg) center bottom no-repeat}}
.work__scroll:hover{background:url(../images/button-scroll-down-green-hover.svg) center bottom no-repeat;}
.work__scroll:active{background:url(../images/button-scroll-down-green-click.svg) center bottom no-repeat;}
.about{text-align:center;overflow:hidden;color:#555;background-color:#fff}.about .circle{display:none}@media (min-width: 979px){.about{background-color:transparent}.about .circle{display:block}}
.about__squares-yellow{position:absolute;left:-20px;bottom:92px;width:41px;height:41px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media (min-width: 979px){.about__squares-yellow{left:55px;bottom:92px;width:82px;height:82px}}.about__squares-pink{position:absolute;right:0;top:58px;width:21px;height:84px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media (min-width: 979px){.about__squares-pink{width:42px;height:166px}}.about__list{width:100%;margin:0 auto}@media (min-width: 979px){.about__list{width:660px; margin-top: -20px;}}
.about__list li img{
	float: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.about__list li{cursor: pointer; overflow: hidden; position:relative;width:240px;height:240px;-webkit-background-size:240px;background-size:240px;margin:0 auto 20px auto;text-align:left}
@media (min-width: 979px){.about__list li{float:left;width:200px;height:200px;margin:10px;-webkit-background-size:200px;background-size:200px}}
.about__list a{width:100%;height:100%;padding:10px}

.about__list .about__list-hover{position:absolute;width:100%;height:100%;background-color:#f68428;;left:0;opacity:.3;  background-image: url(../images/about-img-view-arrow.svg); background-repeat: no-repeat;background-position: center;}.about__list .about__list-person{position:absolute;bottom:10px;width:100%;font-size:13px;font-family:'Avenir Black';color:#fff}.about__list .about__list-person strong{color:#fff}

.about__list .about__list-hover:active{ border: 2px solid #ffc13e; background-color:#ffc13e; }
.about__list .about__list-person:active strong{color: #ffc13e;}
.about__list .about__list-hover, .about__list .about__list-person{
	bottom:-200px;
	-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out
}
@media (max-width: 979px){
	.about__list .about__list-hover{
	bottom:-240px;	
	}
}
.about__scroll{		-webkit-transition:all .8s ease-in-out;
		-moz-transition:all .8s ease-in-out;
		-ms-transition:all .8s ease-in-out;
		-o-transition:all .8s ease-in-out;
		transition:all .8s ease-in-out;display:none}@media (min-width: 979px){.about__scroll{display:block;text-indent:-9999px;position:absolute;bottom:20px;left:50%;z-index:2;width:60px;height:60px;margin-left:-30px;background:url(../images/button-scroll-down-pink.svg) center bottom no-repeat}}
.about__scroll:hover{background:url(../images/button-scroll-down-pink-hover.svg) center bottom no-repeat;}
.about__scroll:active{background:url(../images/button-scroll-down-pink-click.svg) center bottom no-repeat;}
.contact{text-align:center;overflow:hidden}.contact__details{width:100%}.contact__details p{margin-bottom:10px}
.contact__details.contact__details--left{text-align:center}@media (min-width: 979px){.contact__details{width:40%;float:left; margin-top: 15px;}.contact__details.contact__details--left{text-align:left; width: 55%;}}
.modal{position:fixed;z-index:9999;top:0;width:100%;padding:55px 20px;text-align:center}@media (min-width: 979px){.modal{  width: 70%;margin: 0 20% 0 24%;text-align:left}}.modal p{margin-bottom:20px}.modal__title{color:#f68428;margin-bottom: 2px; font-size:30px;font-family:'Avenir Black'}h4 span{  margin-bottom: 22px;font-family: 'Avenir Black'; display:block;color:#fff; font-size: 24px;}@media (min-width: 979px){.modal__image{float:right;margin:8px 30px 50px 50px;}}.modal__link{color:#fff;display:inline-block;height:25px;padding:5px 20px 0 0}.modal__link--tel{padding-left:55px;background:url(../images/about-icon-phone.svg) left center no-repeat}.modal__link--email{padding-left:45px;background:url(../images/about-icon-email.svg) left center no-repeat}


/** Totalsurf CSS **/
.styleBold{
	font-weight: bold;
	  font-family: 'Avenir Black';
}
.scrollmodal{
  height: 100%;
}
.slider__text-1{  
	font-size:38px;
 	line-height:38px;
  }
.what-we{
	background: #000;
    width: 100%;
    padding: 10px 0px 5px 0px;
    margin-top: -10px;
    font-size: 38px;
    font-family: 'Avenir Black';
}
/** Services **/
.service.selected{
	display: block;
}
.singleworks{
	display: none;
}
.singleworks.selected{
	display: block;
}
.singleworks .flexwrapper{
	margin-top: 24px;
}
.singleworks .flexwrapper .slick-slider{
	width: 98.5%;
}
.service p{
	margin-bottom: 15px;
  	padding: 0px;
  	font-size: 14px;
}
.service-buttons{
	margin-top: 10px;
}
.download-hire{
  color: #fff;
  font-size: 18px;
  margin-bottom: 10px;
  width: 260px;
  display: block;
}
.download-hire span{
	background: url(../images/button-download.svg);
  text-indent: -9999px;
  display: block;
  background-repeat: no-repeat;
  float: left;
  width: 31px;
}
.download-hire:hover span{
margin-top: -3px;
}
.download-hire:active span{
	background: url(../images/button-download-click.svg);	
}
.modal p{
	font-size: 18px;
}
.worksNav{
  clear: both;
  position: fixed;
  top: 88%;
  width: 80px;
  text-indent: -9999px;
  display: none;
  right: 33px;
   z-index: 100000;
}
@media (max-width: 768px){
	.worksNav{
		right: 40%;
		bottom: 10px;
		top: 93%;
	}
}
.worksNav li{
	display: block;
  	height: 30px;
  	width: 30px;
  	float: left;
  	margin-left: 10px;
  	cursor: pointer;
}
.worksNextButton{
background: url('../images/button-arrow-right-orange.svg');

}
.worksPrevButton{
background: url('../images/button-arrow-left-orange.svg');
}
.worksNextButton:hover{
background: url('../images/button-arrow-right-orange-hover.svg');
}
.worksPrevButton:hover{
background: url('../images/button-arrow-left-orange-hover.svg');
}
.workleft{
	width: 72%;
	float: left;
	  margin-right: 25px;
}
.workright{
	width: 22%;
	float: left;  
	margin-top: 48px;
}
@media (max-width: 768px){
	.workleft, .workright{
		width: 100%;
	}
	.flexwrapper{
		min-height: 192px !important;
	}
	.slick-slider{
		margin-bottom: 10px !important;
	}
}
@media (max-width: 768px){
	.mCSB_scrollTools{
		opacity: 0 !important;
	}
	.mCSB_inside > .mCSB_container{
		margin-right: 0px !important;
	}
}
#works-modal h3{
	color: #f68428;
	font-size: 30px;
  	text-transform: uppercase;
  	font-weight: 800;
  	  font-family: 'Avenir Black';
}
#works-modal h4{
	font-size: 21px;
	text-transform: uppercase;
  	font-weight: 800;
  	  font-family: 'Avenir Black';
}
#works-modal h5{
	color: #f68428;
	font-size: 21px;
	font-weight: bold;
	  font-family: 'Avenir Black';
	  margin-top: 11px;
  margin-bottom: 9px;
}
#works-modal p{

}

.testimonialbox{
	border: 2px solid #f68428;
	color: #f68428;
	font-style: italic;
	padding: 10px;
	margin-top:  8px;
}
.testimonialbox p{
	font-size: 14px;
	margin-bottom: 0px;
}
.servicebox{
	background: #878888;
	padding: 10px;
	margin-top: 18px;
}
.quoteMark{
	background: url(../images/quote-mark-orange.svg);
	background: url(../images/quote-mark-orange.svg);
	width: 29px;
	height: 20px;
	display: block;
}
.servicebox h6{
	font-family: 'Avenir Black';
}
.servicebox ul li{
	color: #fff;
	font-size: 14px;
	
}
.servicebox ul li:before{
	content: "- ";
	
}
.about__list-person strong{
	text-transform: uppercase;
}
.staffpopup{
font-family:"Avenir Roman";
}
.staffpopup H3{
	text-transform: uppercase;
}
.modal__link--email, .modal__link--tel{
	font-size: 18px;
}
.contact__squares-yellow{position:absolute;left:-20px;bottom:70px;width:41px;height:41px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
@media (min-width: 979px){.contact__squares-yellow{left:116px;bottom:110px;width:82px;height:82px}}
.contact__squares-pink{position:absolute;right:0;top:60px;width:21px;height:84px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
@media (min-width: 979px){.contact__squares-pink{width:42px;height:166px}}
.sendproject{
	  font-family: 'Avenir Black';
	  font-size: 14px;
	  background: none;
	  cursor: pointer;
	  padding: 7px 10px;
	  display: inline-block;
	  margin: 0px 0px;
	  text-transform: uppercase;
	  outline: none;
	  position: relative;
	  -webkit-transition: all 0.3s;
	  -moz-transition: all 0.3s;
	  transition: all 0.3s;
	  border: 2px solid #f68428;
	  color: #f68428;
	  margin-bottom: 10px;
}
@media(max-width: 979px){
	.sendproject{
		font-size: 24px;
	    line-height: 50px;
	    display: block;
	    width: 230px;
	    height: 48px;
	    margin: 0 auto 20px auto;
	    padding: 0px 10px;
	}
}
.sendproject.done{
	color: #000;
	background: #ffc13e;
	border: 2px solid #ffc13e;
}
.sendproject:hover,
.sendproject:active {
	color: #000;
	background: #ffc13e;
	border: 2px solid #ffc13e;
}
.sendproject:after {
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffc13e;
}
.sendproject:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;

}
.sendproject:hover:after,
.sendproject:active:after {
	width: 100%;
}
.contacthalf{
	float: left;
	width: 40%;

}
@media (max-width: 979px){.contacthalf{width: 100%;}}
.contacthalf a{
	color: #fff;

}
.contact__details p, .contact__details h6{
	font-size: 16px;
}
.contact__details h6{
	color: #f68428;
}
.contact-map #map{
	border: 4px solid #f68428;
	overflow: hidden;
}
input[type="text"], textarea{
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 6px;
	color: #555555;
	width: 90%;
	font-family:"Avenir Medium";
	margin-bottom: 19px;
}
.validation_message{
	color: #f68428;
	font-style: italic;
	  margin-top: -13px;
  display: block;
}
.footer{
	background: url('../images/footer.jpg');
	background-repeat: no-repeat;
	display: block;
	padding: 20px 35px 0px 35px;
  	  z-index: 2;
}
.one-third
{
	width: 33%;
	float: left;
}

.backTop{
	background: url(../images/button-scroll-up-white.svg);
  display: block;
  height: 60px;
  width: 60px;
  margin: auto;
}
.backTop:hover{
	background: url(../images/button-scroll-up-white-hover.svg);
			-webkit-transition:all .8s ease-in-out;
		-moz-transition:all .8s ease-in-out;
		-ms-transition:all .8s ease-in-out;
		-o-transition:all .8s ease-in-out;
		transition:all .8s ease-in-out;
}
.backTop:active {
	background: url(../images/button-scroll-up-white-click.svg);
}
.centerText{
	text-align: center;
}
@media (max-width: 600px){
	.one-third:first-child{
		width: 70%;
		font-size: 14px;
	}
	.one-third:nth-child(2){
		width: 30%;
	}
	.backTop{
	  height: 40px;
	  width: 40px;
	  background-size: 40px 40px;
	}
}
/** Social Media Links **/
.twitter{
	background-position: -41px 0px !important;
}
.linkedin{
	background-position: -82px 0px !important;
}
.mail{
	background-position: -123px 0px !important;
}
.footerSocialLinks li a{
	background: url(../images/button-social-email-white.svg);
	 width: 30px;
  	height: 30px;
  	display: block;
  	text-indent: -9999px;
  	float: right;
  	margin-right: 10px;
}
.footerSocialLinks li a:hover{
	background: url(../images/button-social-email-white-click.svg);
	margin-top: -3px
}
.footerSocialLinks li a:active {
	background: url(../images/button-social-email-white-click.svg);
}
.social li a{
	background: url(../images/button-social.svg);
	 width: 30px;
  	height: 30px;
  	display: block;
  	text-indent: -9999px;
  	float: left;
  	margin-left: 12px;
}
.social li a:hover{
	background: url(../images/button-social-email-click.svg);
	margin-top: -3px;
}
.social li a:active {
	background: url(../images/button-social-email-click.svg);
}

.mobile-social{
	position: fixed;
    bottom: 0px;
    background-color: #f68428;
    z-index: 9999;
    width: 100%;
    display: none;
    font-size: 25px;
    color: #fff;
}
.call{
	float: left;
	font-weight: bold;
	margin-left: 5px;
	padding: 5px;
}
.call a{
	color: #fff;
	font-weight: normal;
}
.mobileSocialLinks{
	margin-top: 10px;
}
.mobileSocialLinks li a.sml{
	background: url(../images/button-social-email-white.svg);
	 width: 30px;
  	height: 30px;
  	display: block;
  	text-indent: -9999px;
  	float: right;
  	margin-right: 10px;
}
.mobileSocialLinks li a.sml:hover{
	background: url(../images/button-social-email-white-click.svg);
	margin-top: -3px
}
.mobileSocialLinks li a.sml:active {
	background: url(../images/button-social-email-white-click.svg);
}

/** End of Social Media **/

@media (min-width: 979px){
 	.slider__text-1{
 		font-size: 56px;
  		line-height: 65px;
	}
}
.slider__text-2{
	font-size:40px;
	margin-bottom:20px;
	text-transform:uppercase;
}
@media (min-width: 979px){

	.slider__text-2{
		
		font-size:72px;
	}
}

@media (min-width:1680px){
	.slider__text-1{
		font-size: 83px;
	}
	.slider__text-2{
		font-size: 107px;
	}
	h2{
		font-size: 56px;
	}
	.first-para{
		font-size: 32px;
	}
	.service__title, .service__img-title{
		font-size: 26px;
	}
	.service p{
		font-size: 20px;
	}
	#works-modal h3{
		font-size: 44px;
	}
	#works-modal h4{
		font-size: 35px;
	}
	#works-modal h5{
		font-size:  31px;
	}
	.modal p, .modal__link--email, .modal__link--tel{
		font-size: 26px;
	}
	.testimonialbox p{
		font-size: 20px;
	}
	.servicebox h6, .servicebox ul li{
		font-size: 20px;
	}
	.modal__title{
		font-size: 46px;
	}
	h4 span{
		font-size: 35px;
	}
	.contact__details p, .contact__details h6{
		font-size: 26px;
	}
}
.progress{
	margin-top: 113px;
}
.preload{
	text-align: center;
    padding: 10%;
    position: fixed;
  	width: 100%;
  	display: none;
}
* {
  box-sizing: border-box;
}

.wrapper {
    width: 68px;
    height: 68px;
    margin: 14px auto;
    position: relative;
    border-radius: 50%;
    transition: width 0.5s, height 0.5s;
    overflow: hidden;
    background: #ebebeb;
}
.preload-bg{
    background: #ebebeb;
    width: 68px;
    height: 68px;
    float: left;
    border-radius: 50%;
}
.pie {
    width: 50%;
    height: 100%;
    transform-origin: 100% 50%;
    position: absolute;
    background: radial-gradient(circle at left center, #f4a91d 0px, #fed800 100%);
}
.dot{
        width: 18px;
    height: 18px;
    background-color: #000;
    position: absolute;
    top: 25px;
    left: 25px;
    border-radius: 50%;
    z-index: 1005;
}
.spinner {
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
  z-index: 200;
  background: radial-gradient(circle at right center, #f4a91d 0px, #fed800 100%);
  border-right: none;
  animation: rota 10s linear infinite;
}
.spinner::after {
  position: absolute;
  height: 20px;
  top: 0px;
  right: 0px;
  transform: rotate(270deg);
  transform-origin: 100% 100%;
  color: #000;
  font: 16px/20px sans-serif;
}

.filler {
  border-radius: 0 100% 100% 0 / 0 50% 50% 0;
  left: 50%;
  opacity: 0;
  z-index: 100;
  animation: fill 10s steps(1, end) infinite;
  border-left: none;
}

.mask {
    width: 50%;
    height: 100%;
    position: absolute;
    background: inherit;
    opacity: 1;
    z-index: 300;
    animation: mask 10s steps(1, end) infinite;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
}

@keyframes rota {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes mask {
  0% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
@keyframes fill {
  0% {
    opacity: 0;
  }
  50%, 100% {
    opacity: 1;
  }
}
.counter{
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    text-align: center;
}
span > span {
	margin-bottom: 0;
}
code, code > span {
	text-align: left;
	display: block;
	background: #444;
	color: #fff;
	padding: 20px;
	font-size: 14px;
	margin-bottom: 100px;
}
code > span {
padding: 0;
margin: 0;
}
/** Home Slider **/
.cb-slideshow,
.cb-slideshow:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.cb-slideshow li span.image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 50s linear infinite 0s;
    -moz-animation: imageAnimation 50s linear infinite 0s;
    -o-animation: imageAnimation 50s linear infinite 0s;
    -ms-animation: imageAnimation 50s linear infinite 0s;
    animation: imageAnimation 50s linear infinite 0s;   
}
.cb-slideshow li div {
    z-index: 1000;
    width: 100%;
    opacity: 0;
    position: absolute;
  	top: 15%;
  	color: transparent;
    -webkit-animation: titleAnimation 50s linear infinite 0s ;
    -moz-animation: titleAnimation 50s linear infinite 0s;
    -o-animation: titleAnimation 50s linear infinite 0s;
    -ms-animation: titleAnimation 50s linear infinite 0s;
    animation: titleAnimation 50s linear infinite 0s;  
}
.cb-slideshow li div h3 {

}
.cb-slideshow li:nth-child(1) span.image {  }
.cb-slideshow li:nth-child(2) span.image {
    background-image: url(../images/background-2A.jpg);
    -webkit-animation-delay: 10s;
    -moz-animation-delay:10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}
.cb-slideshow li:nth-child(3) span.image {
    background-image: url(../images/background-2B.jpg);
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s;
}
.cb-slideshow li:nth-child(4) span.image {
    background-image: url(../images/background-2C.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(5) span.image {
    background-image: url(../images/background-2D.jpg);
    -webkit-animation-delay: 40s;
    -moz-animation-delay:40s;
    -o-animation-delay: 40s;
    -ms-animation-delay: 40s;
    animation-delay: 40s;
}
.cb-slideshow li:nth-child(1) div{ 
 }
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 10s;
    -moz-animation-delay:10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 40s;
    -moz-animation-delay:40s;
    -o-animation-delay: 40s;
    -ms-animation-delay: 40s;
    animation-delay: 40s;
}
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-webkit-keyframes titleAnimation { 
0%   { opacity: 0; text-shadow: 0px 0px 20px rgb(0,0,0); }
10%   { opacity: 1; text-shadow: 0px 0px 0px rgb(255,255,255); }
15%   { opacity: 1; text-shadow: 0px 0px 0px rgb(255,255,255); transform: scale(1.0);}
20%   { opacity: 1; text-shadow: 0px 0px 0px rgb(255,255,255); transform: scale(1.0);}
35% { opacity: 0; text-shadow: 0px 0px 20px rgb(0,0,0); transform: scale(1.3);}	
}
@-moz-keyframes titleAnimation { 
0%   { opacity: 0; text-shadow: 0px 0px 20px rgb(0,0,0); }
10%   { opacity: 1; text-shadow: 0px 0px 0px rgb(255,255,255); }
15%   { opacity: 1; text-shadow: 0px 0px 0px rgb(255,255,255); transform: scale(1.0);}
20%   { opacity: 1; text-shadow: 0px 0px 0px rgb(255,255,255); transform: scale(1.0);}
35% { opacity: 0; text-shadow: 0px 0px 20px rgb(0,0,0); transform: scale(1.3);}

}
@-o-keyframes titleAnimation { 
0%   { opacity: 0; text-shadow: 0px 0px 20px rgb(0,0,0); }
10%   { opacity: 1; text-shadow: 0px 0px 0px rgb(255,255,255); }
15%   { opacity: 1; text-shadow: 0px 0px 0px rgb(255,255,255); transform: scale(1.0);}
20%   { opacity: 1; text-shadow: 0px 0px 0px rgb(255,255,255); transform: scale(1.0);}
35% { opacity: 0; text-shadow: 0px 0px 20px rgb(0,0,0); }

}
@-ms-keyframes titleAnimation { 
0%   { opacity: 0; text-shadow: 0px 0px 20px rgb(0,0,0); }
10%   { opacity: 1; text-shadow: 0px 0px 0px rgb(255,255,255); }
15%   { opacity: 1; text-shadow: 0px 0px 0px rgb(255,255,255); transform: scale(1.0);}
20%   { opacity: 1; text-shadow: 0px 0px 0px rgb(255,255,255); transform: scale(1.0);}
35% { opacity: 0; text-shadow: 0px 0px 20px rgb(0,0,0); transform: scale(1.3);}
}
@keyframes titleAnimation { 
0%   { opacity: 0; text-shadow: 0px 0px 20px rgb(0,0,0); }
10%   { opacity: 1; text-shadow: 0px 0px 0px rgb(255,255,255); }
15%   { opacity: 1; text-shadow: 0px 0px 0px rgb(255,255,255); transform: scale(1.0);}
20%   { opacity: 1; text-shadow: 0px 0px 0px rgb(255,255,255); transform: scale(1.0);}
35% { opacity: 0; text-shadow: 0px 0px 20px rgb(0,0,0); transform: scale(1.3);}
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span.image{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) { 
	.cb-slideshow li div h3 { font-size: 50px }
}
.hide-on-map{
	display: none;
	margin-bottom: 15px;
	}
@media (max-width: 560px){
	.hide-on-map{
	display: block;
	width: 100%;
	}
	.map-hide-on-mobile{
		display: none;
	}
}
@media (max-width: 979px){
	.service.selected{
		margin-top: 25px;
	}
}
@media (max-width: 979px){
	.slideshow, .slick-slider, .slick-slide {
    height: auto !important;
	}
	.slider__text-2{
	}
	h2{
		font-size: 33px;
	}
	.service p, .first-para{
		font-size: 24px;
	}
	.contact__details p, .contact__details h6{
		font-size: 20px;
	}

}
@media (max-width: 480px){
	.slideshow, .slick-slider, .slick-slide {
    height: auto !important;
	}
	.cb-slideshow li div{
		top: 10%;
	}
	.slider__text-2{
		font-size: 2.2em;
	}
	h2{
		font-size: 33px;
	}
	.service p, .first-para{
		font-size: 24px;
	}
	.contact__details p, .contact__details h6{
		font-size: 20px;
	}

}

.slider-caption{
	z-index: 9999;
	display: block;
}

.CaseSlider .slick-slide{
	max-height: 490px;
}
.CaseSlider .slick-dots{
	bottom: 60px;
}
@media (min-width:990px){
.CaseSlider .slick-slide {
    max-height: 724px;
}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	.CaseSlider img{
    	display: block;
    	width: 309px;
    	height: 161px !important;
    	margin: auto;
	}
	.CaseSlider {
		height: 222px !important;
	}
	#works-modal.modal{
		padding: 55px 20px 10px 20px;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	.CaseSlider img{
    	display: block;
    	width: 320px;
    	height: 167px !important;
	}
	.CaseSlider {
		height: auto !important;
	}
	.call p{
		font-size: 17px;
	}
}

@media only screen and (min-width : 767px) {
	.CaseSlider img{
    	display: block;
    	width: 400px;
    	height: 195px !important;
    	margin: auto;
	}
	.CaseSlider {
		height: auto !important;
	}
	#works-modal.modal{
		padding: 55px 20px 10px 20px;
	}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 1025px) {
	.CaseSlider img{
    	display: block;
    	    width: 100%;
    height: auto !important;
	}
	.CaseSlider{
	   height: auto !important;
	 }
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.CaseSlider img{
    	display: block;
    	width: 698px;
    	height: 347px !important;
	}
	.CaseSlider{
	   height: auto !important;
	 }
}

@media only screen and (min-width : 979px) {
	.CaseSlider img{
    	display: block;
    	width: 100%;
    	height: auto !important;
    	margin: auto;
    	max-width: 1280px;
	}
	.CaseSlider {
		height:auto !important;
	}
	#works-modal.modal{
		padding: 55px 20px 10px 20px;
	}
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}
#terms{
	top: 0px;
	color: #000;
}
#terms2{
	top: 100%;
	color: #000;
	padding-top: 20px;
}
.terms h1{
	position: relative;
	font-weight: bold;
	font-size: 20px;
	left: 0px;
}
.terms h2 {
    font-size: 18px;
    font-weight: bold;
}
.terms h3{
	font-weight: bold;
}
.terms a{
	color: #EA5E0D;

}
.terms .content-wrap{
	margin-left: 20%;
    margin-right: 5%;
}
.terms-footer {
    top: 200% !important;
    height: 140px;
}
.term-button{
	color: #fff;
}
.terms p{
	margin-bottom: 10px;
	font-size: 16px;
}