@charset "UTF-8";
/* CSS Document */

/*-----------------------------
RESET
-----------------------------*/
html, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, p,h1, h2, h3, h4, h5,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align:top;
	background: transparent;
}
ol, ul {
	list-style: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
body {
	font-family:"Open Sans",sans-serif;
	font-size:14px; 
	line-height:24px;
	margin:0;
	color:#696969;
	background:#fff;
	overflow-x: hidden;
	
}
#content {
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
	z-index:100;

}


/*========================================================================
NAVIGATION
------------------------------------------------------------------------*/

#navwrapper{
	
	width: 100%;
    height: 90px;
    position: fixed;
    top: -10px;
	z-index: 1000;
	background:#fff;

	/*border-bottom: 1px solid #b5b7b9;*/
	 -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
	   -o-transition: all 0.2s linear;
  		  transition: all 0.2s linear;
}
.tiny{
	  height: 77px !important;
       top: -26px !important;
}
.showNav{
	top:0 !important;
}	
#navouter{
  width: 95%;
  max-width: 95%;
  height: auto;
  position: relative;
  margin: 13px auto 0;
  	 -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
	   -o-transition: all 0.2s linear;
  		  transition: all 0.2s linear;
}

#nav {
    width: 65%;
    float: right;
    clear: right;
    text-align: right;
    margin: 22px 0 0 0;
}

#nav li {
    display: inline-block;
    margin: 3px 0 0 15px;
    position: relative;
}


#nav li a {
  	color: #000;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 11px;
    font-weight: 700;
    opacity: 0.7;
    text-decoration: none;
    text-transform: lowercase;
  	 -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
	   -o-transition: all 0.2s linear;
  		  transition: all 0.2s linear;
}

#nav li a:hover,
#nav li a.active{
  /*color: #00a7e8;*/
  opacity:1;
}


#logo{
  width: 100%;
	width: auto;
  max-width: 200px;
  float: left;
  margin: 0 0 0 0;
  	 -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
	   -o-transition: all 0.2s linear;
  		  transition: all 0.2s linear;
}

#logo img {
  width: 100%;
  max-width: 146px;
  	 -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
	   -o-transition: all 0.2s linear;
  		  transition: all 0.2s linear;
}


#mainMenuMobile {display:none; 
z-index: 16543215;
}
#mainMenuMobile li{
	height:auto;
	border-bottom:1px solid #4f4f4f;
	padding:10px 0 10px 10px;
}
#mainMenuMobile li .submenu{
	display:none;	
	margin:10px 0;
	 -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
	   -o-transition: all 0.2s linear;
  		  transition: all 0.2s linear;
}
.submenu > a {
    font-size: 12px;
    margin: 10px 0 10px 20px;
}

#mainMenuMobile li a{
	display:block; 
	color:#fff;
	font-weight:700; 
	text-transform:uppercase;
	text-decoration:none;
	font-size: 14px;
}
.mobilemenu {
 background-color: #099910;
    display: none;
    font-size: 14px;
    height: 27px;
    line-height: 20px;
    margin: 3px 0 0;
    padding: 11px;
    position: absolute;
    right: -1.5%;
    text-align: center;
    top: -1px;
    transition: all 0.2s linear 0s;
    width: 30px;
}
#showMainMenu2 {
    background: #fff none repeat scroll 0 0;
    right: 0;
    top: -3px;
}
#showMainMenu2 .icon-bar {
    background-color: #2eaadd;
}
.hideBurger{
	 -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
	   -o-transition: all 0.2s ease;
  		  transition: all 0.2s ease;
	display:none !important;	
}

.leftMobileMenu {
	position: fixed;
	width: 70% !important;
	height: 100% !important;
	top: 0;
	z-index: 1000;
	background-color:#111111;
	right: 0;
	 -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
	   -o-transition: all 0.2s ease;
  		  transition: all 0.2s ease;
}

#mainMenuMobile > ul {
   left: 23%;
    position: absolute;
    top: 0;
  
    width: 100%;
	-moz-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
	   -o-transition: all 0.8s ease;
  		  transition: all 0.8s ease;
}
.icon-bar {
    background-color: #fff;
    border-radius: 1px;
    display: block;
    height: 3px;
    line-height: 14px;
    margin-top: 5px;
    vertical-align: text-top;
    width: 31px;
	 -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
	   -o-transition: all 0.4s ease 0s;
          transition: all 0.4s ease 0s;
}
.rotateLeft {
    margin-top: 13px;
    position: relative;
    transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.rotateRight {
    margin-top: -3px;
    position: relative;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.menu-open {
	-webkit-transform: translate3d(-20%, 0,  0px) !important;
   		 	transform: translate3d(-20%, 0,  0px) !important;
	-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
	-webkit-transition-duration: .45s;
    		transition-duration: .45s;
	-webkit-transform: translateZ(0px);
			transform: translateZ(0px);
}
.push-toleft {
	-webkit-transform: translate3d(-70%, 0,  0px) !important;
   		 	transform: translate3d(-70%, 0,  0px) !important;
	-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
	-webkit-transition-duration: .25s;
    		transition-duration: .25s;
	-webkit-transform: translateZ(0px);
			transform: translateZ(0px);
}

li.contactNav {
   	background:#099910;
    padding: 3px 9px;
    margin: 0 0 0 20px !important;
	border-radius:3px;
}
li.contactNav a{
	color:#fff !important;
	opacity:1 !important;
}	
/*=====================================================================================================================

CONTENT

=====================================================================================================================*/

#cs-abstract{
padding: 130px 0 90px;
	overflow:auto;
	font-family:'Open Sans', sans-serif;
}
.homeAbstract{
	background: rgb(9,153,16); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(9,153,16,1) 27%, rgba(6,102,17,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(9,153,16,1) 27%,rgba(6,102,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(9,153,16,1) 27%,rgba(6,102,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#099910', endColorstr='#066611',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color:#fff;
}
.insideAbstract{
	
	padding: 50px 0 50px !important;
}
.greenAbstract{
	background: rgb(9,153,16); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(9,153,16,1) 27%, rgba(6,102,17,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(9,153,16,1) 27%,rgba(6,102,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(9,153,16,1) 27%,rgba(6,102,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#099910', endColorstr='#066611',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color:#fff;	
}


.abstractlabel{
	font-weight:300;
	font-size:15px;	
}
.abstractlabel span{
	font-weight:700;
	font-size:30px;	
	display:block;
}
.abstractProposition{
	font-weight:300;
	font-size:50px;
	margin:70px 0 70px;	
	line-height:1.2;
}
.abstractProposition-small{
	font-size:40px;	
}
.sectionIntro {
    overflow: hidden;
    padding: 50px 0 0;
}
.sectionIntro h1, .sectionIntro h2 {
    float: left;
    width: 30%;
	line-height: 60px;
}
.sectionIntro div {
    float: right;
    margin: 20px 0 0;
    width: 65%;
}
#heroImage {
    background-size: cover;
    height: 480px;
    overflow: hidden;
    position: relative;
    transform: scale(1);
    transition: all 0.2s linear 0s;
    width: 100%;
    z-index: 0;
}
#homevideo {
    height: 650px;
	position:absolute;
	z-index:1;
	width:100%;
}
#homeVideo::before {
    /*background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;*/
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
}
/*
#homeVideo:before {
  top: 0;
  background: linear-gradient(to top, #f093fb 0%, transparent 100%);
}

#homeVideo:after {
  bottom: 0;
  background: linear-gradient(to bottom, #f5576c 0%, transparent 100%);
}
*/
#heroText {
    height: 100%;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    z-index: 12;
}
#heroText div {
    left: 1%;
    opacity: 1;
    position: relative;
    text-align: center;
    top: 40%;
    width: 98%;
}
#mainContent {
    background: #f0f0f0;
  /*  padding: 50px 0 0;*/
    position: relative;
    z-index: 100;
    width:100%;
}
.insideContent{
	padding:50px 0 0 0;
}
.insideContent-noPadd{
	margin: 700px 0 0 0;
}
.portfolioContent{
	padding-top:120px !important;	
}

#teamList li,
#workList li {
    position: relative;
	text-align:center;
}
#teamList .image,
#workList .image {
    overflow: hidden;
    position: relative;
	margin:0 0 10px 0;
}
#workList .image{
	margin:0;	
}
#teamList .image img,
#workList .image img {
    transform: scale(1);
    transition: all 1s ease 0s;
    width: 100%;
}
#teamList li:hover .image img,
#workList li:hover .image img {
    transform: scale(1.05);
}
#workList li:hover .portType {
	opacity:0;	
	top:-10px
}


#workList li:hover .dateDisp{
	opacity:0;	
	bottom:-30px
}


#workList li .portType {
	background-color: rgba(0, 0, 0, 0.4);
 	margin: 20px 20px 20px 0;
    position: absolute;
    z-index: 100;
	color:#fff;
	text-align:left;
	line-height:1.2;
	font-weight: 700;
	font-family: "Open Sans",sans-serif;
	opacity:1;
	top:0;
	padding:10px;
	padding-left:10px;
	padding-right:10px;
	 -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
	   -o-transition: all 0.5s ease;
  		  transition: all 0.5s ease;
}

#workList li .dateDisp {
    background-color: rgba(0, 0, 0, 0.4);
    font-family: "Open Sans",sans-serif;
    line-height: 1.2;
    margin: 20px 20px 20px 0;
    opacity: 1;
    padding: 10px;
    position: absolute;
    text-align: left;
    bottom: 0px;
	right:-20px;
    transition: all 0.5s ease 0s;
    z-index: 100;
	
	  color: #dadada !important;
    font-weight: normal !important;
	
}


#workList li .portType span{
	text-transform:uppercase;
	font-size:10px;
	display:block;	
	letter-spacing:1px;
	font-weight:normal;
}

#workList li .wrap::before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.25em;
    vertical-align: middle;
}
#workList li .wrap {
    bottom: 0;
    color: #fff;
    height: 0;
    left: 0;
    margin: auto;
    padding: 0 5%;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: -50px;
    width: 90%;
    z-index: 60;
	opacity:0;
}
#workList li .wrap > div {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
	 position: relative;
	z-index:500;
}
.blanker {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none !important;
    height: 100%;
    margin: 0 !important;
    position: absolute;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 50;
}
#workList li:hover .blanker {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    cursor: pointer;
}
#workList li:hover .wrap{
	opacity:1;	
}


.teamImageCirc {
    max-width: 200px;
    position: absolute;
    top: -100px;
	margin-left:60px;
}
.teamImageCirc img {
    border: 10px solid #f6f6f6;
    border-radius: 50%;
}

.aboutSection{
	overflow:auto;	
	margin:0 0 40px 0;
}

.portfolioContent h5{
	 font-size: 14px;
	padding-top: 6px;
}
.aboutSection h5{
	float:left;
	width:30%;	
}
.aboutSection div{
	float:right;
	width:65%;	
}

.portfolio_images{
	position:relative;	
}
.portfolio_images img{
	margin:0 0 20px 0;	
}
.portfolio_single{
	overflow:auto;	
	position:relative;
}
.portfolio_single h3 {
    color: #303030;
    font-weight: 400;
    line-height: 1.30435em;
    margin: 0 0 20px;
}
.websiteURLBlock {
    color: #fff;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 0;
    padding: 4% 5%;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 100;
}

.wideDivide{
	padding: 40px 0 10px;
    width: 100%;
}
.greyDivide{
	background:#f2f2f2 !important;	
}


#ctaBar{
	width:100%;
	background: rgb(9,153,16); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(9,153,16,1) 27%, rgba(6,102,17,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(9,153,16,1) 27%,rgba(6,102,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(9,153,16,1) 27%,rgba(6,102,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#099910', endColorstr='#066611',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	overflow:auto;
	padding:50px 0;
}
.ctaText{
	float:left;
	width:80%;	
}
.ctaLink{
	float:right;
	text-align:right;	
	width:20%;
}


#footer{
	width:100%;
	padding:50px 0;	
	background:#303030;
	color:#fff;
	position:relative;
}
#footer a{
	color:#fff;
	text-decoration:none;	
}
.q_social_icon_holder {
    display: inline-block;
    margin: 0 10px 0 0;
    position: relative;
}
#footer i {
    display: block;
    font-size: 19px;
	color: #818181;
	 -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
	   -o-transition: all 0.2s ease;
  		  transition: all 0.2s ease;
}
#footer i:hover{
	color:#fff;	
}
.footer_bottom {
	background:#020000;
    display: table-cell;
    font-size: 12px;
    height: 53px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    width: 1%;
	color:#fff;
}

.videoThumb{
	width:100%;	
}
#visitSite{
	position:absolute;
	top:0;
	right:0;	
}

#filterBar{
	background-color:#DCDCDC;
	padding:10px 2%;
	width: 96%;
}
/*=====================================================================================================================

GENERAALS

=====================================================================================================================*/
.max1600{
	width:95% !important;
	max-width:1600px;
	margin:auto;
	position:relative;	
}
.max1200{
	width:95%;
	max-width:1200px;
	margin:auto;
	position:relative;	
}
.max900{
	width:95%;
	max-width:900px;
	margin:auto;	
	position:relative;	
}
.width95{
	width:95%;
	margin:auto;	
}

.centerThis{
	text-align:center;	
}
.separator.small {
    background-color: #303030;
    display: block;
    height: 2px;
    position: relative;
    width: 22px;
	margin:10px auto 20px;
}

.spT_50{
	margin-top:50px !important;	
}
.spB_50{
	margin-bottom:50px !important;	
}
.spTB_50{
	margin-top:50px !important;	
	margin-bottom:50px !important;	
}
.spT_100{
	margin-top:100px !important;	
}
.spT_150{
	margin-top:150px !important;	
}
.spB_100{
	margin-bottom:100px !important;	
}
.spTB_100{
	margin-top:100px !important;	
	margin-bottom:100px !important;	
}

p{
	margin:0 0 20px 0;	
}

.paddTop{
	padding-top:120px;
}

h1,h2,h5{
	font-family:'Open Sans', sans-serif;	
	text-transform:lowercase;
	font-weight:400 !important;
}
h1 {
    font-size: 50px;
    line-height: 1;
}
h1.small {
    font-size: 24px;
}
h1.medium {
    font-size: 52px;
}
h2 {
    color: #fffefe;
    font-size: 46px;
    line-height: 60px;
	font-weight:700;

	margin:0 0 20px 0;
}
h3 {
    font-size: 40px;
    font-weight: 400;

}
h4 {
    font-size: 15px;
    font-weight: 400;
	
}
#sectionIntro h4{
	max-width: 750px;		
}
h5 {
    font-size: 14px;
    font-weight: 700;
	margin:0 0 10px 0;
}

.subStatem{
	font-weight:300;
	 font-size: 18px;
	text-align: center;
	margin: auto;
}
.weight700{
	font-weight:700 !important;
}
.weight300{
	font-weight:300 !important;	
}
.uppercase{
	text-transform: uppercase;	
}
.whiteText{
	color:#fff;	
}
.blackText{
	color:#000;	
}
.greenText{
	color:#099910;	
}

.button{
	border-radius: 4px;
    box-sizing: initial !important;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    height: 39px;
    line-height: 39px;
    outline: 0 none;
    padding: 0 23px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    transition: color 0.1s linear 0s, background-color 0.1s linear 0s, border-color 0.1s linear 0s;
    white-space: nowrap;
    width: auto;
}
.greenBtn{
	background:#099910;	
	color:#fff;
	border:2px solid #099910;
}
.greenBtn:hover{
	color:#fff;
	text-decoration:none;	
}
.whiteBtn{
	border-color: #fff;
    color: #fff;
	border:2px solid #fff;
}
.whiteBtn:hover {
    background-color: rgb(255, 255, 255);
    border-color: #ffffff;
    color: rgb(162, 162, 162);
}
.smallBtn{
	height:30px;
	line-height:30px;	
}
.img100{
	width:100%;	
}

.fa-stack{
	font-size:80px !important;	
	color:rgb(219, 219, 219);
	 -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
	   -o-transition: all 0.2s ease;
  		  transition: all 0.2s ease;
}
.fa-stack:hover{
	color:#217b19;	
}
.fa-stack-1x{
	font-size:60px !important;
	color:#a3a3a3 !important;	
}
.fa-stack:hover .fa-stack-1x{
	color:#fff !important;	
}

.whiteBackground{
	background:#fff;	
}
/*================================================================================================================================================

COLUMN LISTS

------------------------------------------------------------------------------------------------------------------------------------------------*/
.split1, 
.split2, 
.split3, 
.split4, 
.split5,  
.split6,
.split7,
.split8,
.split9,
.split10,
.tightGrid1,
.tightGrid2,
.tightGrid3,
.tightGrid4,
.tightGrid5,
.tightGrid6{
	width:auto;
	overflow:hidden;
}
.split1 li, 
.split2 li, 
.split3 li, 
.split4 li,
.split5 li,
.split6 li,
.split7 li,
.split8 li,
.split9 li,
.split10 li{
	/*display:inline-block;
	margin:0 0 0 -4px;*/
	float:left;
	vertical-align:top;	
}
.split1 li:first-child, 
.split2 li:first-child, 
.split3 li:first-child, 
.split4 li:first-child,
.split5 li:first-child,
.split6 li:first-child{
	/*margin:0 !important;*/
}

.split1 li{
	width:95%;
	max-width:1180px;
	text-align:center;	
}
.split2 li{
	width:50%;	
}
.split3 li{
	width:33.333%;	
}
.split4 li{
	width:25%;	
}
.split5 li{
	width:20%;	
}
.split6 li{
	width:16.6667%;	
}
.split7 li{
	width:14.285%;	
}
.split8 li{
	width:12.5%;	
}
.split9 li{
	width:11.111%;	
}
.split10 li{
	width:10%;	
}

.split5 li li,
.split4 li li,
.split3 li li,
.split2 li li{
	width:auto !important;	
}

.two_columns_66_33{
	 width: 100%;	
}
.two_columns_66_33 > .column1 {
    float: left;
    width: 66.66%;
}
.two_columns_66_33 > .column1 > .column_inner {
    padding: 0 20px 0 0;
}
.two_columns_66_33 > .column2 > .column_inner {
    padding: 0 0 0 20px;
}


.wrap{
	padding:0 30px;	
}

.normalList > li {
    float: none;
    list-style: outside none disc;
    margin: 5px 0 5px 13px;
    padding: 0 10px 0 5px;
    width: 100%;
}

.two_columns_75_25 {
    width: 100%;
	overflow:auto;
}
.two_columns_75_25 > .column1 {
    float: left;
    width: 75%;
}
.two_columns_75_25 > .column2 {
    float: left;
    width: 25%;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.formWrap div {
    position: relative;
}
label {
    color: #fad300;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}
.formWrap textarea, .formWrap input[type="text"], .formWrap input[type="password"] {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    color: #9a9a9a;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 600;
    height: 35px;
    line-height: 20px;
    margin: 0 0 5px;
    padding: 5px 1.5%;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}


.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: none;
    color: #333;
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
    line-height: 1.42857;
    padding: 5px 8px;
	font-size: 12px;
}


.largeForm input[type="text"] {
    height: 40px;
}
.largeForm label {
    color: #000000;
}
textarea {
    height: 100px !important;
    resize: none;
}
.requiredField {
    border: 1px solid red !important;
    transition: all 0.2s linear 0s;
}
.shortInput {
    display: block !important;
    width: 30% !important;
}
form i {
    color: red;
    position: absolute;
    right: 0;
    top: 30px;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.alert-danger {
    background-color: #ffbfbf;
    border-color: #ebccd1;
    color: #b50a0a;
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
.alert {
    border-width: 1px;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
.wow {
   visibility: hidden;
}

.flRi{
	float:right;
}

.projType {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: normal;
    margin-top: -10px;
}

a {
	color:#616161;
	text-decoration:none;
}
a:hover{
	color:green;
	text-decoration: underline;
}

.fixedFiler{   
	position: fixed !important;
    top: 80px !important;
       /*width: 97.6% !important;*/
	z-index:1000;
}

.shrunk .fixedFiler{
	
	top:50px !important;
}

.noPaddTop{
	padding-top:0 !important;
	margin-top:0 !important;
}

.vidRestrict{
	width:95%;
	max-width:1500px;
	margin:auto;
}

.sectionIntro span{
  color: #8a8a8a;
    display: block;
    font-size: 18px;
    letter-spacing: -0.4px;
    margin-top: -14px;
    padding-left: 2px;
}

.callBA{
	
	   display: inline-block;
    margin: 3px 0 0 15px;
    position: relative;
		  color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    text-transform: lowercase;
    transition: all 0.2s linear 0s;
	
	
	background: #099910 none repeat scroll 0 0;
    border-radius: 3px;
  padding: 8px 29px;
}


.subFootLinks a:hover{

	text-decoration:underline;
	color:#fff;
}
.subFootLinks a{
	
	color:#818181 !important;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    text-transform: lowercase;
    transition: all 0.2s linear 0s;

}

.subFootLinks li {
 display: inline-block;
    margin: 10px;
    position: relative;
}


.projType a {
	color:#fff;
    color: rgba(255, 255, 255, 0.7);
}

.buttonRow{
	float:none !important;
	width:100%
	
}

.buttonRow a{
	margin-left:0 !important;
}

.active {
    border-bottom: 2px solid green;
	color:green !important;
}

.frontElem{
	display:none;
}
.leftAlign{
	text-align:left;
}

#contactform .split2 li{
 padding: 1%;
    width: 48%;
}

figure {
    margin-left: 0;
    padding-left: 0;
	width:100%;
}


/*================================================================================================================================================

LANDING PAGE SPECIFICS

------------------------------------------------------------------------------------------------------------------------------------------------*/
#lp-videoHeader{
 	position:relative;
	overflow:hidden;
}
#lp-videoText{
	position:absolute;
	z-index:3;	
	width:100%;
	top:45%;
}
#lp-video-blanker{
	position:absolute;
	width:100%;
	height:100%;
	background:black;
	z-index:2;
	opacity:1;
	 -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
	   -o-transition: all 0.5s ease;
  		  transition: all 0.5s ease;
}
.removeBlanker{
	opacity:0 !important;	
}
#lp-Video{
	position:relative;	
	z-index:1;
}
#lp-Video:before{
	position:absolute;
	content:"";
	z-index:10;
	background:rgba(0,0,0,0.3) !important;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
}

#cs-abstract {
    font-family: "Open Sans",sans-serif;
    overflow: auto;
}
.abstractlabel {
    font-size: 15px;
    font-weight: 300 !important;
	text-transform: none;
}
.abstractProposition {
    font-size: 70px;
    font-weight: 300 !important;
    line-height: 1;
	margin:auto;
    margin-top:30px;
	margin-bottom:45px;
	text-transform: none;
	text-align: center;
	max-width:900px;
}


#service-photos{
	height:752px;
	width:100%;
	position:relative;	
	margin:0;
}
#service-photos-scroller {
  
    background-position: center center;
    background-size: auto 752px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1;
}
#service-photos-label {
    background: #fff none repeat scroll 0 0;
    height: 276px;
    padding: 50px;
    position: absolute;
    right: -40px;
    top: 188px;
    width: 540px;
    z-index: 92;
}
#service-video{
	height:auto;
	width:100%;
	position:relative;	
}
#service-video .service-video-wrap{
	padding:50px;	
	margin:auto;
}
.serviceLabel {
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    max-width: 540px;
    position: relative;
    z-index: 10;
}
.serviceLabel h3{
	font-size:40px;
	font-weight:300;
	text-transform:none;
	margin:0 0 10px 0;
}
.serviceLabel span {
    color: #2b7ef9;
    float: left;
    font-size: 140px;
    font-weight: 700;
    line-height: 0.85;
    width: 20%;
}

.priceHeader {
    border-bottom: 1px solid #099910;
	padding:0 0 30px 0;
}
.priceHeader h2 {
    margin: 0 0 20px 0;
	line-height:1;
	font-size:60px;
}
.priceHeader h2 span {
    font-size: 20px;
    line-height: 1.7;
    margin: 0 5px 0 0;
}
.priceHeader h4, .priceHeader span {
    display: inline-block;
    margin: 0 0 0 20px;
}
.priceContents{
	padding:20px 0;	
}
.pricingList > li {
    border-bottom: 1px solid #e4e4e4;
    
    margin: 6px 0 10px 13px !important;
    padding: 0 10px 6px 5px !important;
    
}

#ctaFooter {
    background: #099910  none repeat scroll 0 0;
    color: #fff;
    padding: 100px 0;
    width: 100%;
}

@media only screen and (max-width : 1000px) 
{
	.serviceLabel h3 {
		font-size: 40px !important;
		text-align: center;
	}
	
	
	
	.abstractProposition,
	.abstractlabel{
		text-align:center;	
	}
	#service-website {
		height: auto;
		overflow: auto;
		position: relative;
		padding: 0 0 100px;
	}
	
	#service-website-label {
		position: relative;
		top: 0;
	}
	
	#service-photos-label {
	
		height: 276px;
		padding: 5%;
		position: relative;
		right: 0;
	
		width: 90%;
	
	}

	
	
	.serviceLabel div {
		text-align: center;
		width: 100%;
	}
	.serviceLabel{
		max-width:none !important;	
	}
	
	.priceHeader {
		border-top: 5px solid #099910;
		margin: 20px 0 0;
		padding: 20px 0 30px;
	}
	
}
.nocaps{
	text-transform: none;
}

.sp_30{
	padding-bottom:30px;
}

.formWrap textarea, .formWrap input[type="text"], .formWrap input[type="password"] {
	box-sizing: border-box;
}
.videoThumb {
	float: left;
}
#teamList .image img, #workList .image img {
	transform: scale(1.01);
}
#workList.clear li {
	/*margin-bottom: -1px;
	float: left;*/
}
#workList.clear li:nth-child(2n+3) {
	clear: both;
}

.showreel li .portType{
	font-size:17px;
	
}

.showreel {
	margin:1%;
}
.showreel li {
	width:32.3%;
	margin:0.5%;
	
}
@media only screen and (min-width : 769px) {	
	#workList.clear li:nth-child(2n+3) {
		clear: none;
	}
	#workList.clear li:nth-child(3n+4) {
		clear: both;
	}
}
@media only screen and (min-width : 1550px) {
	#workList.clear li:nth-child(3n+4) {
		clear: none;
	}
	#workList.clear li:nth-child(4n+5) {
		clear: both;
	}
}
#workList li .wrap {
	height: 100%;
	display: table;
	top: 0;
}
#workList li .wrap > div {
	height: 100%;
	display: table-cell;
}

	.blackText{
		color: #959595;
line-height: 1.2;
font-weight: lighter;
	}
h3{
	line-height: 1.2;
}