/* ***********************************************************
// panorama
*********************************************************** */

.panorama {
    position: relative;   
    zoom: 1; 
    min-height: 1px;
}

* html .panorama{ height: 1px; } 
.panorama:after { content: "."; height: 0; visibility: hidden; clear: both; display: block; }

.panorama > ul, .panorama > ul > li {
    min-height: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;    
}

.panorama {	
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
	-webkit-transform-style: preserve-3d;		
}

.panorama ul.animate {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	overflow: visible;
}

.panorama > ul {
	transform: translate3d(0%,0,0) scale3d(1,1,1);
	-o-transform: translate3d(0%,0,0) scale3d(1,1,1);
	-ms-transform: translate3d(0%,0,0) scale3d(1,1,1);
	-moz-transform: translate3d(0%,0,0) scale3d(1,1,1);
	-webkit-transform: translate3d(0%,0,0) scale3d(1,1,1);            
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}

.panorama > ul {
	position: relative;
	z-index: 1;
	zoom: 1;
	overflow: visible;
}

.panorama > ul > li {
	float: left;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0,0,0);
	background: none;
	display: block;
	cursor: pointer;
}

.panorama > ul > li.active {
	cursor: auto;
}

.panorama img {
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.panorama__nav{
	position: absolute;
	text-align: center;
	z-index: 100;
	right: .80%;
	left: .80%;
	padding: 0 0 0;
	height: 0;
	top: -100px;
}

.panonav__link{
	position: absolute;
	color: #000;
	background: none;
	display: block;
	bottom: 50%;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 35px;
    z-index: 100;
}

.panonav__link[disabled]{ display: none; }

.panonav__link--previous{ left: 0px;}
.panonav__link--next{ left: auto; right: 0px; }

.panonav__link:hover{
	color: #00b214;
	background: none;
}



@media screen and (min-width: 600px){
	.panorama__nav{
		right: -0.87%;
		left: -0.87%;
	}
	.panonav__link{
		width: 40px;
		height: 40px;
		line-height: 40px;
        bottom: auto;
        top: -.5em;
	}
	
	.panonav__link--next{ right: -40px; }
	.panonav__link--previous{ left: -40px; }
}

@media screen and (min-width: 1000px){
	.panonav__link{
		width: 45px;
		height: 45px;
		line-height: 45px;
	}
	
	.panonav__link--next{ right: -45px; }
	.panonav__link--previous{ left: -45px; }
}

@media screen and (min-width: 1300px){
	.panonav__link{
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	
	.panonav__link--next{ right: -50px; }
	.panonav__link--previous{ left: -50px; }
}

@media screen and (min-width: 1600px){
	.panonav__link{
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	
	.panonav__link--next{ right: -60px; }
	.panonav__link--previous{ left: -60px; }
}


/* ***********************************************************
// hparticle
*********************************************************** */

.hparticles{
	position: relative;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	margin: 0 -7.5% 15%;	
}

.hparticle{
	position: relative;	
	min-height: 1px;
	z-index: 1;
	padding: 0 6.5%;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: opacity .33s ease-in-out .5s;
	transition: opacity .33s ease-in-out .5s;	
	opacity: .1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
}

.active .hparticle{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }


.hparticle__header{
}

.hparticle__featureimg{
	background: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 0;
	padding: 55% 0 0; /* 16:9 */ 
	margin-bottom: 7.5%;
	display: block;
/*    -webkit-filter: grayscale(100%); */
    -webkit-transition: -webkit-filter .33s ease-in-out 0s;
    -webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.rgb {
	 -webkit-filter: grayscale(0%) !important;
}

.client-top-margin {
	margin: 65% auto 5% auto !important;
}
.active .hparticle__featureimg{ -webkit-filter: grayscale(0%); }
.lt-ie9 .hparticle__featureimg{ behavior: url(../../backgroundsize.htc); }

.hparticleheading{
	margin-bottom: 5%;
}

.hparticleheading__link{
	color: #000;
}

.hparticleheading__link:hover{
	color: #a7a9ac;
}

.no-csscolumns .hparticle__body{ max-width: 700px; }
.hparticle__body{ padding: 0 0 0 10%; }

.hparticle__leader{
	font-size: 1em;
	font-family: 'Graphik Semi', Helvetica, Arial, Sans-serif; font-weight: 600; font-style: normal; font-stretch: normal;
	margin: 0 0 1em 0;
}

.hparticle__text{ display: none; margin-bottom: 1em; }

/*
// article tags
*/

.articletags{ 
	border-bottom: solid 2px #00b214;
	font-size: .69em;
	padding: .5em 0;
	margin: 0 0 1em;
	font-family: 'Graphik Semi', Helvetica, Arial, Sans-serif; font-weight: 600; font-style: normal; font-stretch: normal;
	display: none;
}

.articletags__categories{ 
	padding: 0 0 .5em;
	margin: 0;
}
.articletags__categories li{ 
	padding: 0 0 0;
	margin: 0;
	background: none;
}

.articletags__categories a{ color: #000; line-height: 18px; }
.articletags__categories a:hover{ color: #a7a9ac; }


@media screen and (min-width: 600px){
	.hparticles{ margin-bottom: 10%; }
    .hparticleheading{ margin-bottom: 5%; }
	.hparticle__featureimg{ margin-bottom: 4.5%;  }
	
	.hparticle__body{ padding: 0 0 0 0%; float: left; width: 79.9%; overflow: visible; height: 100px;	  }
	
	.hparticle__text{
		-webkit-column-count:2;
		-moz-column-count:2;	
		column-count:2;
		-webkit-column-gap:30px;
		-moz-column-gap:30px;
		column-gap:30px;	        
        display: block; 

        position: relative;      
	}

	.active .hparticle__body{ height: auto; }	
			
	.articletags{ 
        display: block;
		width: 23.5%;
		float: left;
		margin: 0 3% 0 -6.5%;
		border-top: none;
		padding-top: 5px;
	}
}

@media screen and (min-width: 1000px){
	.hparticle{ opacity: .25; }
	
	.hparticle__body{ width: 80%;  }
	
	.hparticle__text{
		-webkit-column-count:3;
		-moz-column-count:3;	
		column-count:3;
		margin-bottom: 2em;
	}
	
	
	.articletags{ 
		font-size: .75em;
		width: 19%;
		float: left;
		margin: 0 4.5% 0 -6.5%;
	}
}

@media screen and (min-width: 1300px){
	.hparticles{ margin-bottom: 7.14%; }
}

@media screen and (min-width: 1600px){
    .hparticles{ margin-bottom: 5%; }
	.hparticleheading{ margin-bottom: 4.5%; }
	.hparticle__featureimg{ margin-bottom: 2.5%;  }
}

/* ***********************************************************
// hpprofile
*********************************************************** */


.hpprofile{
	position: relative;
	min-height: 1px;
}

.hpprofile__heading{
	margin: 0 0 .5em;
}

.hpprofile__description{
	margin: 0 0 2em 10%;
	padding: 0 0 1em;
	max-width: 300px;
	border-bottom: solid 2px #00b214;
}

.hpprofilelogo{
	margin: 0 0 0 13.5%;
	position: relative;
	max-width: 180px;
}


.hpprofilelogo__img{
	width: 100%;
}


@media screen and (min-width: 600px){
	.hpprofile__description{
		width: 45%;
		float: left;
		margin: 0 0 0 20%;
	}
	
	.hpprofilelogo{
		width: 25%;
		float: right;
		margin: 0;
		max-width: 400px;
		position: absolute;
		right: 0;
		bottom: -1.5%;
	}
}

@media screen and (min-width: 1000px){
	.hpprofile__description{
		margin: 0 0 0 10%;
	}
	
	.hpprofilelogo{ width: 33%; }
}

@media screen and (min-width: 1200px){
	.hpprofile__description{
		width: 45%;
		float: left;
	}
	
	.hpprofilelogo{
		width: 40%;
		float: right;
		margin: 0;
		max-width: 400px;
	}
}

.bottom-margin {
	margin-bottom:50px !important;
}

.font-small {
	 font-size: 26px !important;
    line-height: 20px;
    width: 100%;
	letter-spacing:1px;
}

.font-medium {
	    font-size: 18px !important;
    line-height: 32px;
    width: 100%;
    float: left;
	letter-spacing:.7px;
}

.font-large {
	font-size:40px !important;
	line-height:20px;
}

.video-gallery {
	width:100%;
	margin:0px auto;
	padding:0px;
	display:block;
}
.video-gallery .left_col {
	width:45%;
	height:550px;
	margin:0px;
	padding:0px;
	display:block;
	float:left;
}
.video-gallery .left_col img {
	width:100%;
	
}

.video-gallery .right_col {
	width:55%;
	margin:0px;
	height:550px;
	padding:0px;
	display:block;
	position:relative;
	float:left;
}
.video-gallery .right_col .first {
	width:48%;
	margin:0% 1% 1% 1%;
	height:225px;
	padding:0px;
	display:block;
	position:relative;
	float:left;
	background-color:#CCCCCC;
}
.video-gallery .right_col .first img {
	width:100%;
}


.video-gallery .right_col .second {
	width:48%;
	margin:0% 1% 1% 1%;
	padding:0px;
	display:block;
		height:225px;
	position:relative;
	float:left;
	background-color:#999999;
}
.video-gallery .right_col .second img {
	width:100%;
}

.video-gallery .right_col .third {
	width:48%;
	margin:0% 1% 1% 1%;
	padding:0px;
	display:block;
		height:225px;
	position:relative;
	float:left;
	background-color:#666666;
}
.video-gallery .right_col .third img {
	width:100%;
}
.video-gallery .right_col .fourth {
	width:48%;
	margin:0% 1% 1% 1%;
	padding:0px;
	display:block;
		height:225px;
	position:relative;
	float:left;
	background-color:#333333;
}

.video-gallery .right_col .fourth img {
	width:100%;
}

.ani-arrow {
	top:210px!important;
}

.client {
	width:90%;
	height:250px;
	margin:50px auto;
	padding:20px;
	background-color:#f3f4f4;
}


.client .client-title {
	width:80% !important;
	font-size:36px;
	font-family:"Benton Sans Light";
	letter-spacing:1px;
	margin:10px auto;
	padding:20px;
	display:block;

	text-align:center;

}

.client ul {
	width:80%;
	height:250px;
	margin:0px auto;
	padding:20px;
	list-style:none;
}


.client ul li{
	width: 8%;
    height: 100px;
    margin: 2%;
    float: left;
    padding: 0px;
    list-style: none;
}

.client ul li img{
	width:100%;
	
}

@font-face {
 font-family: "Benton Sans Light";
 src: url("//cloud.webtype.com/webtype/ff2/2/65c854eb-0ac8-4bb1-aadc-a3fd02fe84f0?ec_token=8f7c4c4997246fd7fa920070cd943b56859259700fdecc77382a89fe762ed69d1dd9297a81fb2d1525fc920c279d326934045242375b541b890324cb3ad18a230cbbec420b1016936bcdf860aa7ec4188d010a7b1c4284041aa5a77cc1218d82ed48711af3f627ab2f652366741305d1fa2f3ecb04ddd7a4853be4a57a870c0f8ebcaae8eb4e242e9fc5f987b35090bddf4b622c59797b8221aa8f8612");
 src:  url("//cloud.webtype.com/webtype/ff2/2/65c854eb-0ac8-4bb1-aadc-a3fd02fe84f0?ec_token=8f7c4c4997246fd7fa920070cd943b56859259700fdecc77382a89fe762ed69d1dd9297a81fb2d1525fc920c279d326934045242375b541b890324cb3ad18a230cbbec420b1016936bcdf860aa7ec4188d010a7b1c4284041aa5a77cc1218d82ed48711af3f627ab2f652366741305d1fa2f3ecb04ddd7a4853be4a57a870c0f8ebcaae8eb4e242e9fc5f987b35090bddf4b622c59797b8221aa8f8612#iefix")  format("embedded-opentype"),
  url("//cloud.webtype.com/webtype/ff2/3/28a6130c-03c3-411f-b7bc-313a988f30a4?ec_token=8f7c4c4997246fd7fa920070cd943b56859259700fdecc77382a89fe762ed69d1dd9297a81fb2d1524fc96012593366eb9c6fccf25ac3a776797f780d6c29561b575711d30a55741c7a2cb80315df78269f843dc915fc74edce08a5ef20e0a7e80e0bafdde2019b84aaaf3f86fbf9d9673e5f5cc21092d50b22a2fe67bcc71a2f02c314b3569fcf775bb9d90ecf2c5d1803f65accd8f473d64fe833207") format("woff"),
  url("//cloud.webtype.com/webtype/ff2/1/4ae6916d-f9bf-44f1-8630-695a74b1aac8?ec_token=8f7c4c4997246fd7fa920070cd943b56859259700fdecc77382a89fe762ed69d1dd9297a81fb2d1526fc905821933e6ce3525915a4860dcc871d95a68a4febcd4aea6feac641d4ce01c077c5cdaa622007538dc32bf92dc8d349ef42551fe53bb1c9a052f23a614ec1c35529ecdbff7226aad8dbd68b295a6df7417773fb8245c07556388fd5ee4a62acd546948ba0f6269100eee051e3149d5172af00") format("truetype"),
  url("//cloud.webtype.com/webtype/ff2/4/c6c93bb1-e2de-46ec-92d8-59d993e4226b?ec_token=8f7c4c4997246fd7fa920070cd943b56859259700fdecc77382a89fe762ed69d1dd9297a81fb2d1523fcc70f279c343fcd0a5dd5e343331ab1a2e96b04cb8ea3b67e5090828722d50e62263b8a86e06f42b5773d5d72b4506254984d6980d6e79040008bba15ca59c185a6f67a454212216e66c2f64602ea766f5053c7c76b851b0f5fdde876e49b1b9ca10e491d32e4fd4b386f3d3a1aa4823716d6cd#web") format("svg");
 font-style: normal;
 font-weight: normal;
}


.client-top-margin-small {
	margin: 15% auto 5% auto !important;
}
.client-top-margin-med {
	margin: 25% auto 5% auto !important;
}

.client-top-margin-max {
	margin: 80% auto 5% auto !important;
}

/* Localized */