/*###########################################################################*/
/*################################### Reset #################################*/
/*###########################################################################*/

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%;
	vertical-align: baseline;
}
  
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, img{
	display:block;
}
address{
	font-style: normal;
}
body {
	line-height: 1;
	-webkit-text-size-adjust: none; /* avoid automatic text adjustement in safari on mobiles */
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* remove clicked menu hightlight in iphone */
}
ul{
	padding:0px;
}
ul li{
	list-style-type: none;	
}
a:link, a:visited{
	text-decoration:none;
}
a img{
	border:none;
}
a{
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
iframe{
	display:block;
}

/*###########################################################################*/
/*################################# Sprites #################################*/
/*###########################################################################*/

ul.icon li:before,
blockquote:before,
blockquote:after,
.phone:before,
.email:before,
.time:before,
.location:before,
.tripAdvisor,
.facebook,
.wifi,
.qr:before,
.collapsible div,
[data-type='dropDBox'] div,
.inputWrap .label div,
.labelRadio div,
.labelCheck div,
.owl-theme .owl-controls .owl-buttons div,
#topArrow,
.imagelightbox-arrow,
#imagelightbox-close,
.moButton div,
.moArrowR,
.moArrowL,
.skillbar-bar:after,
.skillbar-read-more,
.bubblePic:before,
.littleStory:before{
	background-repeat: no-repeat;
	background: url('../img/sprite2x.png');
	background-size:800px 800px;
}
.catLogo{
	background-repeat: no-repeat;
	background: url('../img/cats2x.png');
	background-size:600px 600px;
}

/*.toApply{
	position: absolute;
	top:-0.1em; left:0;
	width: 25px; height: 25px;
	background-position: -75px -25px;
}*/


/*###########################################################################*/
/*############################### Font Face #################################*/
/*###########################################################################*/

@font-face {
  font-family: 'Museo';
  src: url('font/MuseoSansRounded-500-webfont.eot?') format('eot'), 
  url('font/MuseoSansRounded-500-webfont.woff') format('woff'), 
  url('font/MuseoSansRounded-500-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'Open';
  src: url('font/OpenSans-Regular-webfont.eot?') format('eot'), 
  url('font/OpenSans-Regular-webfont.woff') format('woff'), 
  url('font/OpenSans-Regular-webfont.ttf') format('truetype');
}

/*###########################################################################*/
/*################# Graphic Acceleration, Font Flickering ###################*/
/*###########################################################################*/

/*.touchscreen .container,*/
.touchscreen .slice{ /* Graphic acceleration on touchscreens */
	-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-transform: translateZ(0);*/
	/*-webkit-font-smoothing: antialiased;*/
	/*-webkit-transform: rotateZ(360deg);*/
}

body{
	-webkit-font-smoothing: antialiased; /* Fix Font Flickering With Slideshow, CSS and JS Animations */ 
	/*-webkit-backface-visibility: hidden; /* Fix Flickering With Animations */
}

/* Background attachment */
/*.touchScreen .fixedBackgroundContainer{
	background-attachment:scroll;
}
.touchScreen .backgroundCoverContainer{
	background-size: 100% auto;
	background-repeat:no-repeat;
}*/

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
}

/*###########################################################################*/
/*################################## Grid ###################################*/
/*###########################################################################*/


#contentStartAnchor{
	display:block;
	height:1px;
	width:1px;
	position:absolute;
	top:0px;
}
.displayNone{
	display:none;
}

/* ----- container */
.container{
	width:100%;
	float:left;
	/*overflow:hidden; /* for shadow effect on entire container */ 
}
.slice{
	width: 100%;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.slice:after{ /* Fix float parent collapsing */
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.limited{
	max-width:1350px;
	/* max-width:1190px; /* for testing purpose */
	width:100%; /* In case of imbricated limited sections, or when it is in a smaller container */
}
.limitedSlim{
	width: 100%;
	max-width:770px;
}

/* ----- columns */
.col{
	display: block;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* ----- even col wrapper */

[data-even]{ 
	overflow: hidden;
}
[data-even] > div{
	float: left;
	width:100%;
	position: relative;
}
[data-even] > div > .col{
	position: relative;
}

/* ---- invert order of columns (practical for mobiles pile order) */
.floatRight > .col,
[data-even].floatRight > div > .col{
	float:right;
}

/* fifty */
.fifty > .col,
[data-even].fifty > div > .col{
	width: 50%;
}
[data-even].fifty > div{
	left: 50%;
}
[data-even].fifty > div > .col{
	right: 50%;
}
/* third */
.third > .col{
	width:33%;
}
.third > .col:first-child{
	width:34%;
}

/* sixty fourty */
.sixtyForty > .col,
[data-even].sixtyForty > div > .col{
	width: 40%;
}
.sixtyForty > .col:first-child,
[data-even].sixtyForty > div > .col:first-child{
	width: 60%;
}
[data-even].sixtyForty > div{
	left: 60%;
}
[data-even].sixtyForty > div > .col{ 
	right: 60%;
}
[data-even].sixtyForty.floatRight > div{
	left: 40%;
}
[data-even].sixtyForty.floatRight > div > .col{
	right: 40%;
}

/*
Application:
<div class="slice limited colorLeft sixtyForty floatRight" id="mySectionID" data-even="colorRight">
<div class="col">Right col</div>
<div class="col colourMobilePiling ">Left col because of float:right</div>
</div>
*/

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
.limited{
	/* width:970px; /* for testing purpose */
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.limited{
	/* width:710px; /* for testing purpose */
}
.fifty > .col,
[data-even].fifty > div > .col,
.sixtyForty > .col,
.sixtyForty > .col:first-child,
[data-even].sixtyForty > div > .col,
[data-even].sixtyForty > div > .col:first-child,
[data-even].sixtyForty.floatRight > div > .col{
	width: 100%;
	right: 0;
}
[data-even].fifty > div,
[data-even].sixtyForty > div,
[data-even].sixtyForty.floatRight > div{
	left:0;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.fifty > .col,
[data-even].fifty > div > .col,
.sixtyForty > .col,
.sixtyForty > .col:first-child,
[data-even].sixtyForty > div > .col,
[data-even].sixtyForty > div > .col:first-child,
[data-even].sixtyForty.floatRight > div > .col{
	width: 100%;
	right: 0;
}
[data-even].fifty > div,
[data-even].sixtyForty > div,
[data-even].sixtyForty.floatRight > div{
	left:0;
}
}

/*###########################################################################*/
/*################################ Global Styles ############################*/
/*###########################################################################*/

body{
	font-family: 'Museo';
	font-size: 1.1em;
	line-height: 1.6;
	color: #4F4F4F;
}

/* --------------------------- typo + paragraphs */
a{
	color: #F60;
}
a:hover{
	color: #F60;
	text-decoration:underline;
}
p{
	margin-bottom:1em;
}
h1, h2, h3, h4{
	font-size:1.8em;
	font-weight:normal;
}
h2{
	font-size:1.6em;
}
h3{
	font-size:1.4em;
}
h4{
	font-size:1.2em;
}

.tinyText{
	display:inline-block;
	font-size:0.8rem;
	font-style:italic;
	line-height:1.4;
}


/* --------------------------- colors */
.colorA{
	background-color: #09C;
}
.colorB{
	background-color: #414141;
}
.colorC{
	background-color: #336666;
}
.colorD{
	background-color: #396;
}

/* --------------------------- dough */
.dough{
	padding:0px;
}
.doughTopSlim{
	padding:0px;
}
.fifty .dough{
	padding-left:30px;
}
.fifty .dough:first-child{
	padding-right:30px;
	padding-left:0px;
}
/*.doughMain{
	padding:40px 0 60px 0;
}*/

/* ------ special mobile */
.mobOnly{ /* usage: <br class="mobOnly" /> */
	display:none;
}

/* ------ hide preloading images ---- */
.preloadingImg{
	display:none;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.noTab{ /* usage: <br class="noTab" /> */
	display:none;
}
.fifty .dough,
.fifty .dough:first-child{
	padding:0px;
}
.fifty .dough:first-child{
	margin-bottom:2em;
}
.aboutpage .fifty .dough:first-child{
	margin-bottom:0;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.mobOnly{
	display:inline-block;
}
.noMob{ /* usage: <br class="noMob" /> */
	display:none;
}
body{
	font-size:1.1em;
}
.fifty .dough,
.fifty .dough:first-child{
	padding:0px;
}
.fifty .dough:first-child{
	margin-bottom:2em;
}
}
del{
	text-decoration:line-through;
}


/*###########################################################################*/
/*################################## Preloader ##############################*/
/*###########################################################################*/

#preloadingPage{
	width: 0;
	height: 0;
	line-height: 0;
	border: 22px solid transparent;
	border-radius: 22px;
	border-top: 22px solid;
	border-bottom: 22px solid;
	position: fixed;
	z-index: 9999;
	right: 31px;
	top: 31px;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	-o-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	display: none; /* to comment for adjustment */
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
#preloadingPage.activity{
	display:block;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

/*############################################################################################################################################*/
/*############################################################################################################################################*/
/*####################################################### Frame + Persistent Elements ########################################################*/
/*############################################################################################################################################*/
/*############################################################################################################################################*/


/* ------------------------------------------------------------------------------ Logo */

.logo{
	width: 190px;
	margin: 0 auto;
	display: block;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	opacity:0.5;
	margin-top:5px;
}
a.logo:hover{
	opacity:1;
}
[data-pre="homepage"] .logo{
	width:300px;
	margin:0 auto;
	opacity:1;
	margin-top:0;
}
.logo img{
	max-width:100%;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
[data-pre="homepage"] .logo{
	width:220px;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
[data-pre="homepage"] .logo,
.logo{
	width:230px;
}
.logo{
	margin-top:15px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
[data-pre="homepage"] .logo{
	width:250px;
}
.logo{
	width: 190px;
}
}

/* ------------------------------------------------------------------------------ Header */

.headerColA,
.headerColB,
.headerColC{
	position:relative;
	width:42%;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	min-height:1px;
}
.headerColB{
	width: 16%;
}
[data-pre="homepage"] .headerColA{
	width: 38%;
}
[data-pre="homepage"] .headerColC{
	width: 36%;
}
[data-pre="homepage"] .headerColB{
	width: 26%;
}

#header > .slice{
	position:relative;
	margin-top: 20px;
}
#header{
	position: absolute;
	z-index:1;
}
#topMenuMask{
	width: 100%;
	height: 143px;
	background-color: #FFF;
	opacity:0.1;
	position:absolute;
	top:0px;
	left:0px;
}

[data-pre="homepage"] #topMenuMask{
	opacity:0;
}
#header nav{
	position:absolute;
	transition: all 0.3s ease-out;
   	-webkit-transition: all 0.3s ease-out;
	top:27px;
	right:0;
}
.headerColC nav{
	right:auto;
	left:0;
}
[data-pre="homepage"] #header nav{
	top:51px;
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
[data-pre="homepage"] #header nav{
	top:31px;
}
[data-pre="homepage"] .headerColA{
	width: 39%;
}
[data-pre="homepage"] .headerColC{
	width: 37%;
}
[data-pre="homepage"] .headerColB{
	width: 24%;
}
#header nav{
	top:29px;
}
.headerColA{
	width: 41%;
}
.headerColC{
	width: 39%;
}
.headerColB{
	width: 20%;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.headerColA,
.headerColC{
	display:none;
}
.headerColB,
[data-pre="homepage"] .headerColB{
	width: 100%;
}
#topMenuMask{
	display:none;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.headerColA,
.headerColC{
	display:none;
}
.headerColB,
[data-pre="homepage"] .headerColB{
	width: 100%;
}
#topMenuMask{
	display:none;
}
}

/* ------------------------------------------------------------------------------ Main (Frame) */

#main{
	
}
.homePage #main{
	
}
/*----------------------------------------------------------------------------- Social Layer ---- */

#socialLinks{
	background: #282828; /* Old browsers */
	background: -webkit-linear-gradient(top,  #1c1c1c 0%,#282828 13%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c1c1c 0%,#282828 13%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c1c1c 0%,#282828 13%); /* IE10+ */
	background: linear-gradient(to bottom,  #1c1c1c 0%,#282828 13%); /* W3C */
	text-align: center;
	padding: 70px 0;
	/* Prevent video overlapping */
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#socialLinks a{
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	background-color: #2E2E2E;
	background-size: 60% auto;
	background-position: center center;
	margin: 0 3em 0 3em;
	background-repeat: no-repeat;
}
#socialLinks .faceb{
	background-image: url(../img/social/facebook.png);	
}
#socialLinks .twit{
	background-image: url(../img/social/twitter.png);
}
#socialLinks .insta{
	background-image: url(../img/social/instagram.png);
}
#socialLinks .vim{
	background-image: url(../img/social/vimeo.png);
}
#socialLinks .faceb:hover{
	background-color: #3B5998;	
}
#socialLinks .twit:hover{
	background-color: #4EC2DC;	
}
#socialLinks .insta:hover{
	background-color: #413A33;	
}
#socialLinks .vim:hover{
	background-color: #4EBAFF;	
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#socialLinks a{
	margin: 0 2em 0 2em;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#socialLinks{
	padding: 40px 0 50px 0;
}
#socialLinks a{
	display: inline-block;
	margin: 20px 20px 0 20px;
}
}

/* --------------------------------------------------------------------------------------- Rocket Layer ---- */
#stars{
	background-color:black;
	background-image:
	radial-gradient(circle 2px, rgba(255,255,255,.8), rgba(255,255,255,.1) 2px, transparent 3px),
	radial-gradient(circle 3px, rgba(255,255,255,.4), rgba(255,255,255,.15) 1px, transparent 10px),
	radial-gradient(circle 3px, rgba(255,255,255,0.9), rgba(255,255,255,.1) 2px, transparent 5px),
	radial-gradient(circle 4px, rgba(255,255,255,.8), rgba(255,255,255,.1) 2px, transparent 10px),
	radial-gradient(circle 2px, rgba(255,255,255,.7), rgba(255,255,255,.1) 2px, transparent 4px);
	background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px, 300px 300px;
	background-position: 0 0, 40px 60px, 130px 270px, 70px 100px, 10px 0px;
	position: fixed; left:0; top:0; right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto;
	z-index:-2;
}

#rocketAdd .slice{
	min-height:800px;
	max-height:950px;
}
#rocketAdd .adText{
	position: absolute;
	left: 550px;
	bottom: 280px;
	z-index: 1;
	color: #FFDC91;
	line-height: 1.5;
	font-size: 1.4em;
}
#rocketAdd h2{
	font-size: 2.2em;
	line-height: 1;
}
#rocketAdd a.buttonAd{
	display: inline-block;
	padding: 0.3em 1em 0.3em 1em;
	border-color: #FFDC91;
	border-style: solid;
	border-width: 2px;
	margin-top: 1.5em;
	text-decoration: none;
	color: #FFDC91;
	font-size:0.8em;
	border-radius:3px;
}
#rocketAdd a.buttonAd:hover{
	color: #000;
	background-color: #FFDC91;
}
#cloudFloor{
	background-color: #FFDC91;
	min-height:6px;
}
#cloudFloor .col{
	position: absolute;
	bottom: -6px; /* fix small bug on screen sizes */
	overflow:hidden;
}
#rocketCloud{
	display:block;
	width:100%;
	max-width:1500px;
	margin:0 auto;
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
#rocketAdd .slice{
	min-height:600px;
}
#rocketCloud{
	width:120%;
}
#rocketAdd .adText{
	left: 50%;
	bottom: 180px;
	line-height: 1.5;
	font-size: 1.3em;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#rocketAdd .slice{
	min-height:600px;
}
#rocketAdd .adText{
	left: 45%;
	bottom: 200px;
	line-height: 1.5;
	font-size: 1.2em;
}
#rocketCloud{
	width:140%;
	margin-left:-90px;
}
#rocketAdd a.buttonAd{
	font-size:1em;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#rocketAdd .slice{
	min-height:700px;
}
#rocketAdd .adText{
	left: 0;
	text-align:center;
	width:100%;
	padding:0 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	bottom: 300px;
	line-height: 1.5;
	font-size: 1.2em;
}
#rocketCloud{
	width:700px;
	margin-left:-45px;
}
#rocketAdd a.buttonAd{
	font-size:1em;
}
}

/* ------------------------------------------------------------------------------------  Price Layer */

#pricingLayer{
	background-color: #F2F2F2;	
	padding: 100px 0 200px 0;
	overflow:hidden;
}

#pricingLayer > .slice{
	font-size: 1.4em;
	width: 900px;
	color: #666;
	margin: 0 auto;
} 
.priceAdColA h1{
	font-size: 2.4em;
	text-shadow: 1px -1px 1px #F2F2F2;
	color: #BFBFBF;
	margin: 0 0 30px 0;
	padding: 0.6em 0 0 0;
}
.priceAdColA{
	margin:0 0 60px 0;
	text-align:center;
}
.priceAdColB,
.priceAdColC{
	width: 48%;
	margin:0;
	float:right;
}
.priceAdColC{
	width: 42%;
	margin:0 0 0 10%;
	line-height:1.4;
	font-size:0.8em;
}
#pricingLayer h2{
	font-size: 2.4em;
	line-height: 1;
	margin:0;
}
#pricingLayer a.buttonAd{
	display: inline-block;
	padding: 0.5em 1.2em;
	margin-top: 2em;
	text-decoration: none;
	font-size: 0.9em;
	border-radius: 3px;
	background-color: #ff822f;
	color: #FFFFFF;
	font-family:'Open';
}
.thickButton{
	display: inline-block;
	padding: 0.5em 1.2em;
	margin-top: 2em;
	text-decoration: none;
	font-size: 0.9em;
	border-radius: 3px;
	background-color: #ff822f;
	color: #FFFFFF;
	font-family:'Open';
}
.thickButton:hover{
	color: #FFFFFF;
	text-decoration:none;
	background-color: #FF6600;
}
.small{
	display:block;
	font-size:0.8rem;
	line-height:1.6;
}

#pricingLayer a.buttonAd:hover{
	background-color: #FF6600;
}

#pricingLayer .pricing{
	font-size:1.6em;
	line-height:1;
	color: #494949;
}
#pricingLayer .pricing span{
	font-size: 1.8em;
	line-height: 1.1;
}
.pricingBite{
	display: block;
	border-radius: 5px;
	background-color: #8ebd65;
	padding: 2em 2.5em;
	color: #446525;
	font-size: 0.75em;
	font-family:'Open';
}
.pricingBite span{
	font-size: 2em;
	line-height: 0.5;
	display: inline-block;
	margin-right: 0.2em;
	vertical-align: top;
}
.pricingBite a{
	color: #31491B;
	text-decoration: underline;
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
#pricingLayer{	
	padding: 20px 0 80px 0;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#pricingLayer > .slice{
	width: 100%;
	padding: 0 20px;
	font-size: 1.3em;
}
.priceAdColA h1{
	font-size: 2em;
}
#pricingLayer{
	padding: 40px 0 120px 0;
}
#pricingLayer .pricing span{
	font-size: 1.7em;
}
#pricingLayer a.buttonAd{
	font-size: 1em;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#pricingLayer{
	padding: 30px 0 0 0;
}
#pricingLayer > .slice{
	width: 100%;
	padding: 0;
	font-size: 1.3em;
}
.priceAdColA h1{
	font-size: 1.6em;
	line-height:1.2;
	padding: 1.3em 0 0;
}
#pricingLayer .pricing span{
	font-size: 1.7em;
}
.priceAdColA{
	margin:0 0 50px;
	padding:0 10px;
}
.priceAdColB,
.priceAdColC{
	width: 100%;
	margin:0;
}
.priceAdColC{
	margin:0 0 50px;
	padding:0 25px;
}
.priceAdColC{
	text-align:center;
	font-size:0.85em;
}
.pricingBite{
	padding: 50px 25px 50px 25px;
	font-size: 0.75em;
	border-radius: 0px;
	text-align:center;
}
#pricingLayer a.buttonAd{
	font-size: 1em;
}
}

/* -----------------------------------  Skill Bars */


.skillbar-title,
.skillbar-bar,
.skillbar{
	height:45px;
	border-radius: 5px;
}
.skillbar{
	float:left;
	position: relative;
	display: block;
	width: 100%;
	cursor: pointer;
	margin-top: 20px;
	padding: 0 77px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #DADADA;
	box-shadow: 1px 1px 1px #FFFFFF;
}
.skillbar.active{
	border-radius: 5px 5px 0 0;
	box-shadow: 1px 0 0 #FFFFFF;
}
.skillbar.active .skillbar-bar,
.skillbar.active .skillbar-title{
	border-radius: 5px 0 0 0;
}
.skillbar + div.details {
	float:left;
	border-radius: 0 0 5px 5px;
	background-color: #E0E0E0;
	text-align: left;
	font-size: 0.7em;
	visibility: hidden;
	opacity:0;
	transition: max-height 0.4s ease-in-out, opacity 0.2s ease-in-out 0.2s; /* with a 0.2 s delay on opacity */
	-webkit-transition: max-height 0.4s ease-in-out, opacity 0.2s ease-in-out 0.2s;
	box-shadow: 1px 1px 1px #FFFFFF;
	font-family:'Open';
}
.skillbar + div.details.display {
	visibility: visible;
	opacity:1;
}
.skillbar-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	font-size: 0.85em;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 5px 0 0 5px;
	text-align: left;
	color: #525252;
	padding: 0.3em 0 0 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.best .skillbar-title {
	color: #446525;
}
.skillbar-bar{
	width: 0px;
	-webkit-transition: 2s ease;
	-moz-transition: 2s ease;
	-ms-transition: 2s ease;
	transition: 2s ease;
	background-color: #9E9E9E;
	position: relative;
}
.best .skillbar-bar {
	background-color: #72AC3F;
}
.bad .skillbar-bar:after,
.best .skillbar-bar:after{
	position:absolute;
	content: '';
	width: 35px;
	height: 35px;
	background-position: -175px -390px;
	right: -40px;
	top: 5px;
}
.best .skillbar-bar:after {
	background-position: -125px -390px;
}
.skillbar-read-more{
	position:absolute;
	right:0;
	top:0;
	width: 25px; height: 25px;
	background-position: -225px -400px;
	right:10px;
	top:11px;
}
.skillbar.active .skillbar-read-more{
	background-position: -275px -400px;
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.skillbar-title {
	padding: 0.4em 0 0 14px;
	width:100%;
}
.skillbar + div.details {
	font-size: 0.8em;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.skillbar-title {
	font-size: 0.8em;
	padding: 0.55em 0 0 14px;
	width:100%;
}
.skillbar + div.details {
	font-size: 0.8em;
}
.bad .skillbar-bar:after{
	display:none;
}
}

/* ----------------------------------------- price - lists */
.colDetailsA,
.colDetailsB,
.colDetailsC{
	width:50%;
	padding: 45px 50px;
}
.colDetailsA{
	width:100%;
	padding-bottom:0;
}
.colDetailsB{
	padding-right:25px;
	padding-bottom:0;
}
.colDetailsC{
	padding-left:25px;
	padding-bottom:0;
}
.details a{
	color: #E15A00;
}
/*ul.icon.good li,
ul.icon.bad li,
ul.icon.warn li{
	padding-left:30px;
	margin-bottom:45px;
}
ul.icon.good li:before,
ul.icon.bad li:before,
ul.icon.warn li:before{
	top:1px;
}*/
ul.icon.good li,
ul.icon.bad li,
ul.icon.warn li{
	padding:25px 0 0 0;
	margin-bottom:45px;
	
}
ul.icon.good li:before,
ul.icon.bad li:before,
ul.icon.warn li:before{
	top:-4px;
	left: 50%;
	margin-left:-30px;
}
ul.icon.good li:before{
	background-position: -200px -450px;
}
ul.icon.bad li:before{
	background-position: -150px -450px;
}
ul.icon.warn li:before{
	background-position: -250px -450px;
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.colDetailsA,
.colDetailsB,
.colDetailsC{
	width:100%;
	padding: 15px 20px;
	text-align:center;
}
.colDetailsB{
	padding-bottom:0;
}

.colDetailsC{
	padding-top:0;
}
ul.icon.good li,
ul.icon.bad li,
ul.icon.warn li{
	padding:25px 0 0 0;
	margin-bottom:45px;
	
}
ul.icon.good li:before,
ul.icon.bad li:before,
ul.icon.warn li:before{
	top:-4px;
	left: 50%;
	margin-left:-12px;
}
}

/* ------------------------------------------------------------------------------ Footer (Contact Layer) */
.novideo #footer{
	background-image: url(../conti/workflow-pattern.gif);
}
#footer > .slice{
	min-height:800px;
	max-height:900px;
	color: #AAAAAA;
}
.centerReference{
	position:absolute;
	top:50%;
	left:50%;
}
.footerHeader,
.footerL,
.footerR{
	width: 450px;
	position: absolute;
	left: -450px;
	top: -120px;
	text-align: center;
}
.footerHeader{
	width: 900px;
	top: -290px;
	left: -450px;
}
.footerHeader h1{
	font-size:3em;
}
.footerR{
	left: 0;
}
.footerL{
	top: -145px;
}
.footerL,
.footerR{
	font-family:'Open';
}
.ltmLogoFooter{
	width:210px;
	display:inline-block;
}
.ltmLogoFooter img{
	max-width:100%;
}
.realFooter{
	font-size:0.8em;
}
.specialAnnouncement{
	background-color: #F0600E;
	color: #FFFFFF;
	font-family: 'Open';
	padding: 15px 20px;
	margin: 20px 0 30px 0;
	display: inline-block;
	border-radius: 4px;
	width:100%;
	max-width: 280px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
#footer > .slice{
	min-height:750px;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.centerReference{
	position:static;
	float:left;
	padding:80px 0;
	text-align:center;
	width:100%;
}
#footer > .slice{
	min-height:700px;
}
.footerHeader{
	width: 100%;
	position:static;
	float:left;
	/* stay above video */
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	margin:0 0 80px 0;
}
.footerL,
.footerR{
	position:static;
	float:right;
	width: 50%;
	/* stay above video */
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	text-align:center;
}
.footerL{
	margin-top:-25px;
}
.ltmLogoFooter{
	width:200px;
	display:inline-block;
}
.footerHeader h1{
	font-size:2.8em;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.footerHeader h1{
	line-height:1;
	font-size:2em;
}
#footer > .slice{
	min-height:600px;
}
.centerReference{
	position:static;
	float:left;
	padding:60px 0;
}
.footerHeader{
	width: 100%;
	position:static;
	float:left;
	margin:0;
	/* stay above video */
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.footerL,
.footerR{
	position:static;
	float:right;
	width: 100%;
	/* stay above video */
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	text-align:center;
}
.footerL{
	margin-top:20px;
}
.ltmLogoFooter{
	width:200px;
	display:inline-block;
}
}

/* ----------------------------------------------------------------------------- Quick Info */

#quickInfo{
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.phone,
.email,
.time,
.location{
	position: relative;
	display: inline-block;
	padding-left: 35px;
}


/* ---------------- Phone(s) */
.phone{
	font-size: 1.2em;
	line-height: 1.45;
	color: #AAAAAA;
}
.phone span{
	font-size: 1.6em;
	vertical-align: middle;
	display:inline-block;
}
.phone span:first-child{
	font-size: 1em;
	vertical-align: middle;
}
.phone:before{
	position:absolute;
	content:'';
	background-position: -225px -150px;
	width:25px;
	height:50px;
	left:0;
	top:0;
}
.phone.secondary{
	font-size:0.9em;
}
.phone.secondary:before{
	display:none;
}


/* ----------------- Email */
.email{
	margin-top:1.5em;
	line-height:1.4;
}
.email:before{
	position:absolute;
	content:'';
	background-position: -225px -225px;
	width:25px;
	height:25px;
	left:0;
	top:0;
}

/* ------------- Time */
.time{
	padding-left: 0;
	margin-top: 50px;
	color: #AAAAAA;
}
.time:before{
	position:absolute;
	content:'';
	background-position: -275px -225px;
	width:25px;
	height:25px;
	left:50%;
	margin-left:-13px;
	top:-30px;
}

/* ---------------- Location */

.location{
	margin-top:2.5em;
}
.location:before{
	position:absolute;
	content:'';
	background-position: -275px -150px;
	width:25px;
	height:59px;
	left:0;
	bottom:-8px;
}

/* ---------------- Address */
.address{
	color: #AAAAAA;
}
.tinySocialB{
	margin-top:30px;
}
.tinySocialB a{
	display: inline-block;
	width: 40px;
	background-color: #000000;
	opacity: 0.6;
	border-radius: 3px;
	margin: 0 4px;
}
.tinySocialB a:hover{
	background-color: #4E4E4E;
}
.tinySocialB a img{
	max-width:100%;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#quickInfo{
	width:280px;
	display:inline-block;
	margin-bottom:40px;
}
.phone{
	font-size: 1.1em;




}
.ltmLogoFooter{
	display:inline-block;
	margin-bottom:10px;
}
.address{
	display:inline-block;
	margin-bottom:20px;
}
.tinySocialB{
	margin-bottom:40px;
	display:inline-block;
}

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#quickInfo{
	width:100%;
	padding:0 2em;
	margin: 2em auto 1em auto;
	text-align:center;
}
#quickInfo h2{
	font-size: 2em;
}
/* -- centering phone logo */
.phone{
	padding-left: 0;
	margin-top:50px;
}
.phone.secondary{
	margin-top:0;
}
.phone:before{
	left:50%;
	margin-left:-13px;
	top:-50px;
}
/* -- centering time logo */
.time{
	padding-left: 0;
	margin-top:50px;
}
.time:before{
	left:50%;
	margin-left:-13px;
	top:-30px;
}
}


/* ---------------------------------------------------------------- QR + Social Icons */

.tripAdvisor, 
.facebook, 
.wifi,
.qr{
	display:inline-block;
}

/* ----- icon boxes */

.tripAdvisor{
	width: 168px; height: 31px;
	background-position: -550px -41px;
}
.facebook{
	width: 125px; height: 30px;
	background-position: -625px -102px;
}
.wifi{
	width: 75px; height: 75px;
	background-position: -625px -175px;
}

/* ----- qr code */
.qr:link, .qr:visited{
	position: relative;
	width: 110px;
	height: 110px;
	background-color: #A9A9A9;
	border-radius: 3px;
}
.qr img{
	max-width:100%;
}
.qr:before{
	content:'';
	width: 25px; height: 59px;
	background-position: -325px -150px;
	position:absolute;
	top:26px;
	right:-27px;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

}
@media only screen and (max-width: 719px) { /* Mobile Devices */

}

/*############################################################################################################################################*/
/*############################################################################################################################################*/
/*############################################################# In-Pages Styles ##############################################################*/
/*############################################################################################################################################*/
/*############################################################################################################################################*/


#main{
	background-color: #333;
}

/* ------------ content header */
.contentHeader{
	color: #FFF;
	font-size: 1.3em;
	line-height:1.4;
	padding: 180px 0 60px 0;
	/*background-attachment: fixed;*/
	text-align:center;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* webkit only */
  /*.contentHeader{
    background-attachment:scroll;
  }*/
}
.introBlock{
	display: inline-block;
	text-align: center;
	-webkit-animation: zoomIn 0.6s;
	animation: zoomIn 0.6s;
	-ms-animation: zoomIn 0.6s;
}
.introBlock > div{
	float:left;
}
.contentHeader h1{
	font-size: 2em;
	font-weight:bold;
	line-height:1.2;
	margin-top:0.3em;
}
.introBlock .pubDate{
	font-size:0.8em;
	opacity:0.4;
}
/*#headingPic{
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	min-height: 300px;
	background-color: #09C;	
}*/

/* ------------ main content */


.greyBack{
	background-color: #F2F2F2;
}
.contentLayout{
	padding-top:60px;
	padding-bottom:60px;
	font-family: 'Open';
	font-size: 1.15em;
}

/* ----- footer menu */

.pageFooter{
	padding-top:60px;
	padding-bottom:20px;
	text-align:center;
}

.pageFooter a{
	display:inline-block;
	color: #FFF;
	background-color: #FF822F;
	padding: 0.5em 1.2em 0.5em 1.2em;
	margin-right: 1.5em;
	border-radius: 5px;
	/*transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;*/
	text-decoration: none;
	font-family:'Open';
}
.pageFooter a:first-child{
	margin-left:0;
}
.pageFooter a:hover{
	background-color: #F60;
}
.smaller{
	display: inline-block;
    font-size: 0.9rem;
    line-height: 1.4;
    font-style: italic;
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.contentHeader h1{
	margin-top:0;
}
.servicecasepage .introBlock div{
	font-size:0.9em;
}
.servicecasepage .introBlock div h1{
	margin-top:20px;
}
.contentLayout{
	padding:60px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.contentHeader h1{
	margin:0 0 5px 0;
	line-height:1;
	font-size:1.6em;
}
.contentLayout{
	padding:30px 25px;
	text-align:left;
}
.contentHeader,
.servicecasepage div.servicepagehead{
	padding: 180px 0 70px 0;
}
.introBlock{
	max-width:300px;
}
.pageFooter a,
.pageFooter a:first-child{
	margin: 0 0.8em 1.5em 0.8em;
}
}

/* ----------------------------------------------------------------------------------------------------- Video */



.introBlock{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}	
video.bgvid{ 
	position: absolute; right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto;
}
video.bgvid.alignTop{
	bottom: auto;
	top:0;
}
.novideo video.bgvid{
	display:none;
}

/* ----------------------------------------------------------------------------------------------------- Service Page */

.serviceColA,
.serviceColB{
	width:50%;
}
.serviceColB{
	padding-left:3em;
}
.servicepagehead .introBlock{
	text-align: left;
}
.servicepagehead .catLogo{
	float:left;
	margin:-15px 40px 0 0;
}
.servicepagehead{
	padding-bottom:28px;
}

/* ------------------------ Services colors and logos customization */

.catLogo{
	width: 150px;
	height: 150px;
	border-radius:3px;
	background-repeat:no-repeat;
}
.servicepage .catLogo{
	margin:0.4em 3em 0 0;
	float:left;
}

.servicespage .catLogo{
	display:inline-block;
}

.seopage .contentHeader,
.marketingpage .contentHeader,
.developmentpage .contentHeader,
.hostingpage .contentHeader,
.custompage .contentHeader,
.supportpage .contentHeader{
	padding-top: 195px;
}

/* ---- Customizations */

.developmentpage .contentHeader,
.seopage .contentHeader,
.supportpage .contentHeader,
.marketingpage .contentHeader,
.hostingpage .contentHeader,
.custompage .contentHeader{
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #333333;
}


/* Dev */
.developmentpage .catLogo,
.servicespage a.development .catLogo{
	background-color: #9A5E3C;
	background-position: -450px -214px;
}
.novideo.developmentpage .contentHeader{ 
	 background-image: url(../conti/wall-27.jpg);
}

/* SEO */
.seopage .catLogo,
.servicespage a.seo .catLogo{
	background-color: #1CA9C9;
}
.novideo.seopage .contentHeader{ 
	background-image: url(../conti/wall-29.jpg);
}

/* Support */
.supportpage .catLogo,
.servicespage a.support .catLogo{
	background-color: #72AC3F;
	background-position: 0px -214px;
}
.novideo.supportpage .contentHeader{
	background-image: url(../conti/wall-32.jpg);
}

/* Marketing */
.marketingpage .catLogo,
.servicespage a.marketing .catLogo{
	background-color: #9E3861;
	background-position: -450px -450px;
}
.novideo.marketingpage .contentHeader{
	background-image: url(../conti/wall-18.jpg);
}

/* Hosting */
.hostingpage .catLogo,
.servicespage a.hosting .catLogo{
	background-color: #FF5959;
	background-position: -450px 0px;
}
.novideo.hostingpage .contentHeader{
	background-image: url(../conti/wall-25.jpg);
}

/* Custom */
.custompage .catLogo,
.servicespage a.custom .catLogo{
	background-color: #B04FDB;
	background-position: 0px -450px;
}
.novideo.custompage .contentHeader{
	background-image: url(../conti/wall-31.jpg);
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

}
@media only screen and (max-width: 719px) { /* Mobile Devices */

.servicepagehead .introBlock{
	text-align: center;
}
.servicecasepage .catLogo{
	display:none;
}
}



/* ------------------------------------------------------------------------------------------ Services Directory Page */

.novideo.servicespage .contentHeader{
	background-image: url(../conti/wall-39.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
	/*background-image: url(../conti/elements/patterns/presence.png);*/
}
.servicespage .ctWrapper{
	background-color: #5C4C35;
}
.servicespage .limitedLarge{
	padding-bottom:130px;
}
.servicespage .serviceListing{
	width: 33%;
	background-color: #F2F2F2;
	padding: 40px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
	/*transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;*/
}
.servicespage .serviceListing:first-child,
.servicespage .serviceListing:nth-child(4){
	width:34%;
}

.servicespage .service{
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Open';
	text-align: center;
	min-height: 300px;
	color: #4F4F4F;
}

.servicespage .description{
	font-size:1em;
	text-align:center;
	line-height:1.6;
}
.servicespage .service h2{
	font-size:1.7em;
	margin-top:0.5em;
	margin-bottom:0.1em;
	font-family:'Museo';
	line-height:1.1;
}

/* ----- Customizations */
.servicespage a.col:hover .service{
	color: #FFF;
}
.servicespage a.col.development:hover{
	background-color: #9A5E3C;
}
.servicespage a.col.seo:hover{
	background-color: #1CA9C9;
}
.servicespage a.col.marketing:hover{
	background-color: #9E3861;
}
.servicespage a.col.support:hover{
	background-color: #72AC3F;
}
.servicespage a.col.hosting:hover{
	background-color: #FF5555;
}
.servicespage a.col.custom:hover{
	background-color: #B04FDB;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
.servicespage .serviceListing:first-child,
.servicespage .serviceListing:nth-child(4),
.servicespage .serviceListing{
	width:50%;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.servicespage .serviceListing:first-child,
.servicespage .serviceListing:nth-child(4),
.servicespage .serviceListing{
	width:50%;
}
.servicespage .service h2{
	font-size:1.5em;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.servicespage .serviceListing:first-child,
.servicespage .serviceListing:nth-child(4),
.servicespage .serviceListing{
	width:100%;
}
.servicespage .service h2{
	font-size:1.5em;
}
.servicespage .serviceListing{
	padding: 40px 30px 60px 30px;
}
}

/* ------------------------------------------------------------------------------ Portfolio Directory Page */

/* Header , Footer and buttons */

.portfoliopage .contentHeader{
	font-family:'Open';
	padding:190px 0 40px 0;
}
.portfoliopage .introBlock{
	max-width:100%;
}
.portfoliopage #main > .slice{
	background-color: #2D261E;
}
.portfoliopage .ctWrapper{
	background-image: url(../conti/wall-41.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-color: #D2BE8C;
}
.portfoliopage .pageFooter{
	font-family: 'Open';
	font-size: 1.1em;
	padding: 80px 25px 80px 25px;
	color: #635225;
}
/* Elements */

#portfolioDirectory.isotope{
	width: 100%; /* needed for approximation of non-floating elements */
	background-color: transparent;
	min-height: 500px;
}
#portfolioDirectory.isotope .isotope-item{
	width: 24%; /* needed for approximation of non-floating elements */
	padding: 0;
	margin: 0.5%;
	display: block;
	background-color: #C7AB6B;	
}
.portfolioItem{
	overflow:hidden;
}
.portfolioItem:before{
	content: '';
	display: block;
	padding-top: 83%; /* To change depending on aspect ratio*/
}
.portfolioPic{
	position:absolute;
	width:100%;
	top:0; 
	left:0;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
.portfolioItem:hover .portfolioPic{
	-webkit-transform: scale(1.1);
   	-moz-transform: scale(1.1);
   	-o-transform: scale(1.1);
   	-ms-transform: scale(1.1);
   	transform: scale(1.1);
}
.portfolioMask, .portfolioInfo{
	width:100%;
	position: absolute;
	left: 0;
	top:0;
}
.portfolioMask{
	display: none;
	bottom: 0; /* occupy full space */
	left: 0;
	background-color: #333;
	opacity: 0.6;
}
.portfolioItem:hover .portfolioMask{
	display:block;	
}


/* Element size variations */
#portfolioDirectory.isotope .isotope-item.large{
	width:49%;
}
.portfolioItem.large:before{
	padding-top: 50%;
}
.portfolioItem.tall:before{
	padding-top: 148%;
}


/* Portfolio Info */
.portfolioInfo{
	vertical-align: middle;
	width: 100%;
	display: none;
	padding: 20px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* centering */
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.portfolioItem:hover .portfolioInfo{
	display: inline-block;
}

.portfolioInfo div.name,
.portfolioInfo a{
	color: #FFFFFF;
	font-size: 1.2em;
	display: inline-block;
	background-color: #272727;
	padding: 8px 16px;
	border-radius: 4px;
	text-decoration: none;
	margin: 14px 5px 0 5px;
}
.portfolioInfo a{
	color: #fff;
	background-color: #ff822f;
	font-size:1.1em;
	padding: 8px 12px;
}
.portfolioInfo a:hover{
	text-decoration: none;
	background-color: #f60;
}
#portfolioDirectory.isotope .isotope-item img {
    max-width: none;
	width:100%;
}
.touchScreen .portfolioPic{ /* Raise performance for small processors - less bugs */
	transition: none;
	-webkit-transition: none;
}
.touchScreen .portfolioItem:hover .portfolioPic{
	-webkit-transform: none;
   	-moz-transform: none;
   	-o-transform: none;
   	-ms-transform: none;
   	transform: none;
}
@media only screen and (min-width: 860px) and (max-width: 1190px) { /*  Normal Screens + Tablets */
#portfolioDirectory.isotope .isotope-item{
	width:32.3%; /* needed for approximation of non-floating elements */
}
/* Element size variations */
#portfolioDirectory.isotope .isotope-item.large{
	width:65.5%;
}
}

@media only screen and (min-width: 720px) and (max-width: 859px) { /* Tablet Devices size 2 */
#portfolioDirectory.isotope .isotope-item{
	width:49%;
}
/* Element size variations */
#portfolioDirectory.isotope .isotope-item.large{
	width:49%;
}
.portfolioItem.large:before{
	padding-top: 58%;
}
.portfolioItem.tall:before{
	padding-top: 83%;
}

}

@media only screen and (max-width: 719px) { /* All Mobile Devices */
.portfoliopage .contentHeader{
	/*background-image: url(../conti/wall-32.jpg);
	background-size: cover;
	background-repeat: no-repeat;*/
}
.isotopeContainer{
	padding-bottom:1.5%;
}
#portfolioDirectory.isotope .isotope-item{
	width:100%;
	margin: 1.5% 0;
	float:left;
	position:relative;
}
#portfolioDirectory.isotope .isotope-item:first-child{
	margin: 0 0 1.5% 0;
}
/* Element size variations */
#portfolioDirectory.isotope .isotope-item.large{
	width:100%;
}
.portfolioItem.large:before{
	padding-top: 58%;
}
.portfolioItem.tall:before{
	padding-top: 83%;
}

.portfoliopage .isoButtons{
	display:none;
}
.portfoliopage .contentHeader{
	padding:180px 0 70px;
	position:relative;
	font-size:1.1em;
}
.portfoliopage .introBlock h1{
	display:inline-block;
	text-align:center;
	width:100%;
	font-family:'Museo';
	font-size:1.8em;
}
#portfolioDirectory.isotope .isotope-item.noMob{
	display:none;
}
}


/* ------------------------------------------------------------------------------ Portfolio Case Page */


.portfoliocasepage .portfolioCaseHead{
	background-image: url(../conti/wall-41.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.portfolioCaseHead{
	height: 143px;
}
.portfolioCase{
	padding: 50px 0 50px 0;
	background-color: #F2F2F2;
	text-align:center;
}
.portfolioCase h1{
	font-family:'Museo';
	font-size:2.2em;
	margin:0 0 30px 0;
	text-align:center;
}
.caseFeature{
	max-width: 220px;
	margin: 30px 15px 0 15px;
	border-radius: 3px;
	vertical-align: middle;
	background-color: #C1C1C1;
}
.caseFeature:hover{
	background-color: #AEAEAE;
}
.caseFeature img{
	width:100%;
	border-radius:3px;
}
.portfolioCase .asynchronous,
.portfolioCase .responsive{
	display:none;
}
.portfolioCase.mw .responsive,
.portfolioCase.aw .asynchronous{
	display:inline-block;
}
a.launchSite{
	vertical-align:middle;
	text-align:center;
	display: inline-block;
	padding: 0.5em 1.2em;
	border-radius: 3px;
	background-color: #ff822f;
	color: #FFF;
	font-size:0.97em;
	margin: 30px 15px 0 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a.launchSite:hover{
	background-color: #f60;
	text-decoration:none;
}
.portfolioCase.cs a.launchSite,
.portfolioCase.da a.launchSite{
	display:none;
}
.casePicContainer img{
	max-width:100%;
}
.casePicContainer{
	margin:80px 0;
}
.casePicContainer:first-child{
	margin-top:40px;
}
.portfolioCase .pageFooter{
	padding-top:0;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.portfolioCase h1{
	line-height:1;
}
.portfolioCaseHead{
	height: 193px;
}
.portfolioCase{
	padding: 60px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.portfolioCase h1{
	font-size:2em;
	margin:0 0 30px 0;
	line-height:1;
}
.portfolioCase{
	padding:0;
}
.portfolioIntro{
	padding: 50px 25px 30px 25px;
}
.portfolioImgs{
	padding:0;
}
}


/* ----------------------------------------------------------------------------------------------------- Blog Directory Page */

.novideo.blogpage .contentHeader{
	background-image: url(../conti/wall-26.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #504645;
}
@-ms-keyframes colAnim {
	0% {background-color: #0066CC;}
	25%{background-color: #009933;}
	50%{background-color: #CC0000;}
	75%{background-color: #663300;}
	100% {background-color: #0066CC;}
}
@-webkit-keyframes colAnim {
	0% {background-color: #0066CC;}
	25%{background-color: #009933;}
	50%{background-color: #CC0000;}
	75%{background-color: #663300;}
	100% {background-color: #0066CC;}
}
@keyframes colAnim {
	0% {background-color: #0066CC;}
	25%{background-color: #009933;}
	50%{background-color: #CC0000;}
	75%{background-color: #663300;}
	100% {background-color: #0066CC;}
}

.blogpage .contentHeader{
	font-family:'Open';
	padding:190px 0 50px;
}
/*.blogpage .isoButtons a{
	color: #14242C;
}*/
/*.blogpage .contentLayout{
	padding-top:0;
}*/
.blogListing{
	padding: 90px 0;
	border-top-color: #CCC;
	border-top-style: solid;
	border-top-width: 1px;
		text-align:center;
}
.blogListing:first-child{
	border-top-style: none;
	padding-top:30px;
}
a.articleTitle h1{
	font-size: 2.4em;
	color: #4F4F4F;
	font-family:'Museo';
	line-height:1;
	margin: 0 0 0.3em 0;
	font-weight:bold;
}
a.articleTitle:hover{
	text-decoration:none;
}
a.articleReadMore{
	display: inline-block;
	color: #FFF;
	font-size: 0.9em;
	padding: 0.5em 1.2em;
	border-radius: 3px;
	margin-top: 1.3em;
	background-color: #ff822f;
}
a.articleReadMore:hover{
	text-decoration:none;
	background-color: #f60;	
}
.blogListing .blogDate{
	font-size: 0.8em;
	padding: 0 0 10px 0;
	color: #B4B4B4;
	font-style: italic;
}

.inlineImg{
	display:inline-block;
	width:100%;
}
.inlineImg img{
	width:100%;
}
.blogarticlepage .contentLayout h2{
	font-family: 'Museo';
	font-size:1.6em;
	font-weight:bold;
	margin-top:1em;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.blogpage .contentHeader{
	padding:150px 0 30px;
}
a.articleTitle h1{
	font-size: 2em;
	color: #4F4F4F;
	font-family:'Museo';
	line-height:1;
	margin: 0 0 0.3em 0;
}
}



/* ------------------------------------------------------------------------------ Social Page */

.socialpage #main{
	background-image: url(../conti/wall-42.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-color: #504645;
}

.socialpage .contentHeader{
	font-family:'Open';
	padding:190px 0 30px 0;
}
.socialpage .dcsns-toolbar{
	text-align:center;
	padding:0 0 20px 0;
}
.socialpage #dcsns-filter{
	display:inline-block;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.socialpage .contentHeader{
	padding:150px 0 30px 0;
}
.socialpage #main{
	background-size: auto 500px;
}
.socialpage .dcsns-toolbar{
	padding:0 0 15px 0;
}
}

/* ----------------------------------------------------------------------------------------------------- Blog Page */

.blogarticlepage .contentHeader{
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;
}


/* ----------------------------------------------------------------------------------------------------- About Page */

.novideo.aboutpage .contentHeader{
	background-image: url(../conti/wall-19.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.aboutpage .introBlock h1{
	font-size:1.6em;
}
.centeredContainer{
	text-align:center;
}
.bubble{
	position: relative;
	display: inline-block;
	text-align: center;
	margin:0 40px 80px 40px;
}
.bubblePic{
	display:inline-block;
	overflow:hidden;
	border-radius:50%;
	width:240px;
	height:240px;
	position:relative;
}
.bubblePic:after{
	width:240px;
	height:240px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FE6E1C;
	opacity:0.3;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	border-radius: 50%;
}
.bubble:hover .bubblePic:after{
	opacity:0.6;
}
.bubblePic:before{
	width: 50px;
	height: 50px;
	content: '';
	position: absolute;
	top: 120%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	z-index: 1;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	background-position: -400px -425px;
}
.bubble.hal .bubblePic:before{
	background-position: -475px -425px;
}
.bubble.nico .bubblePic:before{
	background-position: -550px -425px;
}
.bubble.spike .bubblePic:before{
	display:none;
}
.bubble:hover .bubblePic:before{
	top: 70%;
}
.bubblePic img{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
}
.bubble.nico .bubblePic img{
	max-width:440px; /* to adjust with picture */
	margin-left:-210px; /* to adjust with picture */
	margin-top:-120px; /* to adjust with picture */
}
.bubble.biggi .bubblePic img{
	max-width:340px; /* to adjust with picture */
	margin-left:-160px; /* to adjust with picture */
	margin-top:-120px; /* to adjust with picture */
}
.bubble.spike .bubblePic img{
	max-width:310px; /* to adjust with picture */
	margin-left:-160px; /* to adjust with picture */
	margin-top:-120px; /* to adjust with picture */
}
.bubble.hal .bubblePic img{
	max-width:320px; /* to adjust with picture */
	margin-left:-155px; /* to adjust with picture */
	margin-top:-125px; /* to adjust with picture */
}

.bubbleTitle{
	position: absolute;
	bottom: -40px;
	width: 100%;
	text-align: center;
	font-size: 0.9em;
	color: #4F4F4F;
}
.bubbleTitle h1{
	display:inline-block;
	padding:5px 15px;
	font-size:1.2em;
}
.littleStory{
	display:inline-block;
	margin:40px 0;
	position:relative;
}
.littleStory:before{
	content:'';
	display:block;
	top:-35px;
	left:50%;
	margin-left:-20px;
	position:absolute;
	width: 40px; height: 40px;
	background-position: -400px -510px;
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.littleStory{
	text-align:center;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.bubble{
	margin:0 0 80px 0;
}
}

/* ------------------------------------------------------------------------------ Map Page */

.mappage #topMenuMask{
	opacity: 0.6;
	background-color: #000;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.mappage #topMenuMask{
	display:block;
	height:193px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.mappage #topMenuMask{
	display:block;
	height:150px;
}
}

/* ------------------------------------------------------------------------------ Error Page */

.errPage .contentHeader{
	background-image: url(../conti/wall-34.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.errPage #main ul li{
	text-align:left;
}

.webinarpage .contentHeader{
	background-image: url(../conti/ice.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.errPage h3{
	font-size:1.2em;
	line-height:1.1;
}
}

/* ------------------------------------------------------------------------------ Paygen + Pay + Page */

/* template related */
.paygenpage .ctWrapper,
.ccpaymentpage .ctWrapper{
	background-image: url(../conti/wall-26.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.paygenpage .contentHeader,
.ccpaymentpage .contentHeader{
	padding: 143px 0 0 0;
}
.paygenpage .contentLayout,
.ccpaymentpage .contentLayout{
	padding-top:50px;
}
/* paygen */
.paygenpage code{
	display: inline-block;
	font-family: inherit;
	background-color: #666;
	padding: 20px 30px;
	color: #F2F2F2;
	font-size: 0.8em;
	border-radius:4px;
}
.centeredInput{
	display:inline-block;
}
.centeredInput .inputWrap{
	margin-right:0;
}
.paygenpage form{
	float:none;
	clear:both;
}
/* pay */
.checkoutInfo{
	float:left;
	padding: 15px 25px;
	margin:0 10px;
	color: #F2F2F2;
	background-color: #666;
	border-radius:4px;
}

#checkout-button{
	display: inline-block;
	padding: 0.5em 1.2em;
	margin-top: 2em;
	text-decoration: none;
	font-size: 0.9em;
	border-radius: 3px;
	background-color: #ff822f;
	color: #FFFFFF;
	font-family:'Open';
	border:none;
	cursor:pointer;
}
#checkout-button:hover{
	background-color:#FF6600;
}
/* paypal success + cancel */
.ccpaymentpage .pageFooter a{
	margin:0;
}
.ccpaymentpage .pageFooter{
	padding:40px 0 0 0;
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.paygenpage .contentHeader,
.ccpaymentpage .contentHeader{
	padding: 193px 0 0 0;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.paygenpage h2,
.ccpaymentpage h2{
	line-height:1.1;
	margin-bottom:0.3em;
}
.centeredInput{
	text-align:center;
}
.checkoutInfo{
	float:none;
	display:inline-block;
	margin:0;
}
.checkoutInfo:first-child{
	margin:0 0 25px 0;
}
}


/* ------------------------------------------------------------------------------ Specific Page */

/* ------------------------------------------------------------------------------ Typorgaphy Page */

/* ------------------------------------------------------------------------------ Gallery Page */

.imgColA{
	width:59%;
}
.imgColB{
	width:36%;
	margin-left: 4%;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

}
@media only screen and (max-width: 719px) { /* Mobile Devices */

}



/*###########################################################################*/
/*################################# Lists ###################################*/
/*###########################################################################*/

ul.icon{
	display:inline-block; /* allow lists with floating objects */
}
ul.icon li{
	position: relative;
	padding-left:1.2em;
}
ul.icon li:before{
	position: absolute;
	top:0.2em; left:0;
	width: 25px; height: 25px;
	content: '';
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
ul.icon li{
	padding-left:0;
	padding-top:25px;
}
ul.icon li:before{
	top:8px; left:50%;
	margin-left:-12px;
}
}
/* -------------------------------------- lists variations */
ul.icon.check li:before{
	background-position: -75px -25px;
}
ul.icon.hand li:before{
	background-position: -25px -25px;
}
ul.icon.arrow li:before{
	background-position: -125px -25px;
}
ul.icon.thinArrow li:before{
	background-position: -225px -50px;
}
ul.icon.star li:before{
	background-position: -25px -75px;
}
ul.icon.play li:before{
	background-position: -224px 0px;
}
ul.icon.roundCheck li:before{
	background-position: -175px -75px;








}
ul.icon.info li:before{
	background-position: -125px -75px;
}
ul.icon.smile li:before{
	background-position: -275px -50px;
}
ul.icon.file li:before{
	background-position: -175px -25px;
}
ul.icon.heart li:before{
	background-position: -75px -75px;
}
ul.icon.present li:before{
	background-position: -325px 0px;
}
ul.icon.bright li:before{
	background-position: -375px 0px;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
ul.icon.play li:before{
	-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
ul.icon.play li{
	text-align:center;
}
}

/* ------------------------------------------- more list variations */

ul.icon.leftArrow li:before{
	background-position: -375px -50px;
}
ul.icon.arrowRight li, 
ul.icon.arrowUp li, 
ul.icon.arrowDown li {
	padding-left:0;
	padding-right:2em;
	display:inline-block;
}
ul.icon.arrowRight li:before{
	background-position: -125px -25px;
	left:auto;
	right:0;
}
ul.icon.arrowUp li:before{
	background-position: -250px -100px;
	left:auto;
	right:0;
	top:-0.4em;
}
ul.icon.arrowDown li:before{
	background-position: -325px -50px;
	left:auto;
	top:0.4em;
	right:0;
}

/* --------------------------------------------- number lists */

ol{
	display:inline-block;
	counter-reset: li; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
}
ol li{
	display: block;
	float:left;
	clear:both;
	position:relative;
	margin-bottom:2.9em;
	padding-left:3.5em;
}
ol li:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;
	top: -0.5em;
	left: 0;
	font-size: 1.4em;
	height: 2em;
	width: 2em;
	border-radius: 1em;
	background-color: #FF9966;
	color: #FFFFFF;
	padding-top: 0.2em;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*###########################################################################*/
/*################################# Drop Caps ###############################*/
/*###########################################################################*/

/* usage: <span class="dropcap">T</span>est */
.dropcap {
	font-size: 320%;
	float: left;
	line-height: 1em;
	padding: 0 0.15em 0 0;
	position: relative;
}

/*###########################################################################*/
/*################################## Quotes #################################*/
/*###########################################################################*/

blockquote{
	display: inline-block;
	margin: 0;
	padding-bottom:1.4em; /* at least the same as margin-bottom for "blockquote:after" */
}
blockquote:after,
blockquote:before{
	display:inline-block;
	width:50px;
	height:40px;
	content:'';
}
blockquote:before{
	background-position: -75px -225px;
	margin-bottom:-0.3em;
	margin-right:0.5em;
}
blockquote:after{
	background-position: -75px -175px;
	margin-bottom:-1.4em;
	margin-left:0.5em;
}

/*###########################################################################*/
/*########################### Content Adjusters #############################*/
/*###########################################################################*/

.vOne{
	margin-top:1em;
}
.vTwo{
	margin-top:2em;
}
.vThree{
	margin-top:3em;
}
.vFour{
	margin-top:4em;
}
.vHalf{
	margin-top:0.5em;
}
.vZero{
	margin-top:0;
}
.vNeg{
	margin-top:-0.5em;
}
.pileOne, .pileTwo, .pileHalf{
	margin-top:0;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.pileOne{
	margin-top:1em;
}
.pileTwo{
	margin-top:2em;
}
.pileHalf{
	margin-top:0.5em;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.pileOne{
	margin-top:1em;
}

.pileTwo{
	margin-top:2em;
}

.pileHalf{
	margin-top:0.5em;
}
}




/*###########################################################################*/
/*################################ Chunk Bite ###############################*/
/*###########################################################################*/

/* Chunk Bites */

.chunkBite{
	display:block;
	border-radius:5px;
	background-color: #000;
	padding:1.5em 2.5em;
}


/*###########################################################################*/
/*################################## Tables #################################*/
/*###########################################################################*/

table{
	width:100%;
	border-left-style:solid;
	border-left-color: #CDCFD6;
	border-left-width: 1px;
	border-top-style:solid;
	border-top-color: #CDCFD6;
	border-top-width: 1px;
}
table td{
	text-align:left;
	padding:2em;
	border-right-style:solid;
	border-right-color: #CDCFD6;
	border-right-width: 1px;
	border-bottom-style:solid;
	border-bottom-color: #CDCFD6;
	border-bottom-width: 1px;
}
table tr:first-child td{
	background-color: #C93;
}
table tr td:first-child{
	background-color: #FF9966;
}

/*###########################################################################*/
/*################################## Tabs ###################################*/
/*###########################################################################*/

.tabContainer{
	float:left;
	position:relative;
	width:100%;
	/*transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;*/
}
.allTabs{
	position:absolute;
	top:100px;
	left:0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity:0;
	/*transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;*/
	width:100%;
	z-index:-1;
}
.displaying{
	opacity:1;
	top:0px;
	z-index:1;
}


/*###########################################################################*/
/*############################## Google Maps ################################*/
/*###########################################################################*/


/* --------------- Map General -------------- */

.google-map{
	width: 100%;
	height: 700px;
	float: left;
	color: #666;
	background-color: #666;
}
.mapControls{ /* Controls Positioning */
	display:block;
	position:absolute;
	right:0px;
	top:160px;
}

/* -------------- Info Windows ------------- */

.google-map .gm-style,
.google-map .gm-style .gm-style-iw, 
.google-map .gm-style .gm-style-iw a, 
.google-map .gm-style .gm-style-iw span, 
.google-map .gm-style .gm-style-iw label, 
.google-map .gm-style .gm-style-iw div{ /* Prevent "Roboto" font default loading + Reset from Google Maps default settings */
	font-family:'Open';
	font-weight:normal;
	font-size:inherit;
}
.google-map .gm-style .gm-style-iw div.infoWindow{
	font-size:0.9em;
}
.google-map .infoWindow{
	padding:10px; /* px fix scroll bar in IE */
	min-width:200px; /* px fix width in IOS */
	max-width:300px;
}


/* ------- Title & Paragraph */

.google-map .infoWindow h1{
	font-size:1.2em;
}
.google-map .infoWindow p{
	margin-top:0.5em;
	display:block;
}

/* -------- Links */
/*.google-map .infoWindow a{
	color: #2FB5FF;
}
.google-map .infoWindow a:hover{
	color: #0099EC;
}*/

.phoneMap{
	display:inline-block;
	
}
.google-map .gm-style .gm-style-iw span.phoneMap span{
	font-size:1.3rem;
}

/* ----------- Zoom Buttons */
.google-map div.zoomButton{
	font-size:0.8em;
	color: #FFF;
	background-color: #ff822f;
	padding:0.4em 0.6em;
	margin: 0.5em 1em 0 0;
	cursor:pointer;
	display:inline-block;
	border-radius:3px;
}
.google-map div.zoomButton:hover{
	background-color: #FF6600;
}



@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.google-map{
	height:800px;
}
.mapControls{ /* Controls Positioning */
	top:220px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.google-map{
	height:600px;
}
}


/*###########################################################################*/
/*########################## Collapsible Elements ###########################*/
/*###########################################################################*/

.collapsible{
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.collapsible + div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	visibility:hidden;
	transition: max-height 0.2s ease-in-out, opacity 0.3s ease-in-out 0.2s; /* with a 0.2 s delay on opacity */
	-webkit-transition: max-height 0.2s ease-in-out, opacity 0.3s ease-in-out 0.2s;
	opacity:0;
}
.collapsible + div.display{
	visibility:visible;
	opacity:1;
}
/* ----- Bullets */
.collapsible div{
	display:inline-block;
	vertical-align:middle;
	margin:0 0.5em 0 0;
	width: 26px; height: 26px;
	background-position: -475px -50px;
}
.collapsible.active div{ 
	background-position: -425px -50px;
}

/* ---- Customizations */


@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

}
@media only screen and (max-width: 719px) { /* Mobile Devices */

}


/*###########################################################################*/
/*################################# Form ####################################*/
/*###########################################################################*/


/* ---------- Blocks */

.form{
	float:left;
	padding:0;
	width:100%;
}
.legend{
	display: inline-block;
	font-style: italic;
	font-size: 0.8em;
	margin-top: 1em;
	color: #999;
}
.hiddenForm{
	display:none;
}
#cellCont{ /* Honey Pot - Anti Spam */ 
	display:none;
}

/* ------------- Inputs */
input[type=text], 
textarea, 
input[type=submit]{
	padding: 0.5em 0.6em;
	font-family:inherit;
	font-size:inherit;
	border: 2px solid;
	-webkit-appearance: none;
	margin:0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	border-radius:6px;
}
input[type=text].emptyField, 
textarea.emptyField{
	color: #999;
}
input[type=text], 
textarea{
	width:100%;
}
textarea{
	height:9em;
	resize: none; 
	overflow: auto; 
	display:block;
}
input[type=submit]{
	margin-top: 1em;
	cursor: pointer;
	padding-top: 0.45em;
	background-color: #FF822F;
	border-color: #FF822F;
	color: #FFF;
}
input[type=submit]:hover{
	background-color: #FE6E1C;
	border-color: #FE6E1C;
}

/* On Focus */
input[type=text]:focus, 
textarea:focus{
	outline: none;
}

/* ----------- Ckeck Boxes / Radio / Form Box / File */

.labelRadio, 
.labelCheck, 
[data-type='dropDBox']{
	display:inline-block;
	cursor:pointer;
	position:relative;
	border-radius:5px;
	margin:1em 1em 0 0;
}
.labelRadio span, 
.labelCheck span,
[data-type='dropDBox'] span{
	display: inline-block;
	vertical-align: middle;
}
.labelRadio div, 
.labelCheck div{
	width: 26px;
	height: 26px;
	margin:0 0.1em 0 0;
	display: inline-block;
	vertical-align: middle;
}
.labelRadio input, 
.labelCheck input{
	position:absolute; 
	top:0;
	left:0;
	z-index:-1; /* Forces IE 8 to behave - instead of hidden*/
}
.labelRadio div{
	background-position: -200px -349px;
}
.labelRadio.checked div{
	background-position: -250px -349px;
}
.labelCheck div{
	background-position: -100px -350px;
}
.labelCheck.checked div{
	background-position: -150px -350px;
}

/* --------- Drop Down (Form Box) */


[data-type='dropDBox'].active{
	border-radius: 5px 5px 0 0;
}
[data-type='dropDBox'] div{
	width: 26px;
	height: 26px;
	margin:0 0.1em 0 0;
	background-position: -349px -100px;
	display:inline-block;
	vertical-align:middle;
}
[data-type='dropDBox'].active div{ 
	background-position: -300px -100px;
}
[data-type='dropDBox'] span{
	margin:0 0.4em 0 0;
}
[data-type='dropDBox'] span.selection{
	margin:0;
}
[data-type='dropDBox'] + div{
	background-color: #4B4B4B;
	padding:0 0 1em 1em;
	border-radius: 0 5px 5px 5px;

	display:none;
}

/* ----------------- Wrappers */
.inputWrap{
	width:100%;
	max-width:15em;
	float:left;
	margin: 1em 2em 0 0;
	border-radius:5px;
	position:relative;
}
.formDate{
	max-width:16em;
}
.formPhone{
	max-width:12em;
}
.formComment{
	max-width:30em;
}
.inputWrap .label div{
	display:inline-block;
	vertical-align:middle;
	margin:0 0.1em 0 0;
	width: 26px; height: 26px;
	background-position: -325px -350px;
}
.inputWrap .label span{
	display: none;
	vertical-align: middle;
	margin-left:0.4em;
}
.formPeople .label div{
	background-position: -375px -250px;
}
.formEmail .label div{
	background-position: -375px -300px;
}
.formPhone .label div{
	background-position: -100px -300px;
}
.formComment .label div{
	background-position: -375px -350px;
}
.formDate .label div{
	background-position: -325px -300px;
}
.formBirthM .label div{
	background-position: -175px -300px;
}
.formCrowd .label div{
	background-position: -275px -300px;
}
.formAddress .label div{
	background-position: -225px -300px;
}
.formCCard .label div,
.ccExpirationM .label div,
.ccExpirationY .label div{
	background-position: -425px -225px;
}
.formCVV .label div{
	background-position: -425px -325px;
}

/* Labeling */
.inputWrap .label{
	display:block;
	position:absolute;
	top:0;
	left:0;
	border-radius:5px 0 0 5px;
}
.formComment .label,
.formAddress .label{
	border-radius: 5px 0 5px 0;
}


/*###########################################################################*/
/*##################### glDatePicker (Date Picker) ##########################*/
/*###########################################################################*/

.gldp-default {
	position: absolute;
	font-family: inherit;
	margin-top:-1px !important;
	font-size:0.95em;
}

/* Core style for every cell */
.gldp-default .core {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
	cursor: pointer;
	font-size:0.95em;
	background: #ffffff;
	color: #5B5B5B;	
}

/* Cell border */
.gldp-default .border {
	border-style: solid;
	border-width: 0;
}

/* Month / Year text and select */
.gldp-default .monyear,
.gldp-default .monyear select {
	font-size: 1em !important;
}

/* Month / Year text */
.gldp-default .monyear span {
	margin: 0 5px 0 5px;
}

/* Prev / Next arrows */
.gldp-default .prev-arrow,
.gldp-default .next-arrow {
	text-decoration:none;
}

.gldp-default .prev-arrow:active,
.gldp-default .next-arrow:active {
	
}

.gldp-default .prev-arrow-off,
.gldp-default .next-arrow-off {
	
}

/* Days of the week */
.gldp-default .dow {
	color: #FFF;	
}

/* Weekdays */
.gldp-default .mon,
.gldp-default .tue,
.gldp-default .wed,
.gldp-default .thu,
.gldp-default .fri {

}

/* Weekend days */
.gldp-default .sat,
.gldp-default .sun {

}

/* Selectable days that are outside of current month being shown */
.gldp-default .outday {
	color: #CCC;	
}

/* Hover + Currently selected day */
.gldp-default .mon:hover,
.gldp-default .tue:hover,
.gldp-default .wed:hover,
.gldp-default .thu:hover,
.gldp-default .fri:hover,
.gldp-default .sat:hover,
.gldp-default .sun:hover,
.gldp-default .today:hover,
.gldp-default .selected {
	background-color: #F60;
	color: #FFF;
	border-right-color: #F60;
	border-bottom-color: #F60;
}

/* Non-Selectable days */
.gldp-default .noday {
	color: #666;
	font-weight: normal;
	cursor:default !important;
}

/* Today */
.gldp-default .today {

}

/* Special */
.gldp-default .special {

}

/*###########################################################################*/
/*############## Form Colors Quick Handle + Error Handling ##################*/
/*###########################################################################*/

input[type=text], 
textarea,
.gldp-default .border{
	border-color: #666666;
}
.labelRadio, 
.labelCheck,

.inputWrap .label,
div[data-type='dropDBox'],
.gldp-default .dow, 
.gldp-default .noday{
	background-color: #666666;
	color: #CCCCCC;
}

.labelRadio, 
.labelCheck, 
div[data-type='dropDBox'],
.inputWrap .label{
	padding:0.45em 0.7em; /* To potentially change with font size - see also in different browsers */
}


/* ---------------------- Errors Handling */

[data-type='dropDBox'].error, 
input[type=text].error, 
textarea.error, 
[data-type='dropDBox'] + div.error, 
.error{
	background-color: #FFA466;
	border-color: #F60;
	color: #B74900;
}
div.inputWrap.error .label{
	background-color: #F60;
	color: #FFF;
}
.errors{
	color: #FF6600;
	font-size: 0.95em;
}

/* -------------------------- Customizations */

/* ----- Link Generator */
.form{
	font-size:1.1rem;
}

.formColA{
	width: 60%;
}
.formColB{
	width: 36%;
	margin-left: 4%;
}

/* --- Contact Form*/

#contactForm textarea{
	height:9em;
}
#contactForm .inputWrap{
	max-width:20em;
}
#contactForm .formPhone{
	max-width:14em;
}
#contactForm .formComment{
	max-width:40em;
}

/* --------  birth date */
.formBirthM,
.formBirthD,
.formBirthY{
	float:left;
	margin:1em 0 0 0;
}
.formBirthM{
	max-width: 12.4em;
}
.formBirthM input{
	border-radius: 3px 0 0 3px;
}
.formBirthD{
	max-width: 3em;
}
.formBirthD input{
	border-radius: 0;
	border-left-style: none;
}
.formBirthY{
	max-width: 3.7em;
}
.formBirthY input{
	border-radius: 0 3px 3px 0;
	border-left-style: none;
}


/*###########################################################################*/
/*############################### Top Arrow #################################*/
/*###########################################################################*/

#topArrow{
	position: fixed;
	top: 30px;
	right: 30px;
	width: 46px;
	height: 46px;
	background-position: -275px -550px;
	z-index: 5;
	opacity: 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
#topArrow.visible{
	opacity: 1;
	cursor: pointer;
}
/*#topArrow:hover{
	
	opacity: 1;
}*/
/*.touchScreen #topArrow{
	display:none;
}*/
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#topArrow{
	display:none;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#topArrow{
	display:none;
}
}

/*###########################################################################*/
/*############################ Viewport Effects #############################*/
/*###########################################################################*/

[data-viewportevent="zoomIn"],
[data-viewportevent="zoomOut"]{
	opacity:0;
}
[data-viewportevent="zoomIn"].seenInViewport{
	-webkit-animation: zoomIn 0.8s; /* Chrome, Safari, Opera */
    animation: zoomIn 0.8s;
	opacity:1;
}
[data-viewportevent="zoomOut"].seenInViewport{
	-webkit-animation: zoomOut 0.8s; /* Chrome, Safari, Opera */
    animation: zoomOut 0.8s;
	opacity:1;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
}


/*###########################################################################*/
/*############################### Main Menu #################################*/
/*###########################################################################*/

.mainMenu{
	margin: 0;
	padding: 0;
	list-style: none;
}
.mainMenu li {
	float: left;
	position: relative;
}

/* ------------------ links */
.mainMenu a{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 7px 24px;
	color: #FFF;
	text-decoration: none;
	margin-right: 1em;
	font-size: 1.2em;
	opacity: 0.6;
	border-radius: 3px;
}
#mainMenuRight.mainMenu a{
	margin-left: 1em;
	margin-right: 0;
}
.mainMenu a:hover,


.mainMenu a.menuActive{
	opacity:1;
	background:rgba(255,255,255, 0.25);
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
.mainMenu a{
	font-size: 1.2em;
	margin-right: 0.8em;
	padding: 5px 18px;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.mainMenu{
	display:none;
}
}

/*###########################################################################*/
/*############################### Accordion Menu ############################*/
/*###########################################################################*/

.accordionMenu li{
	display:block;
	overflow:hidden;
}
.accordionMenu ul{
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	display:block;
}
/* color handles */
.accordionMenu a{
	display:block;
	padding:12px 22px;
	color:#FFF;
	border-top-color: #9DC9F4;
	border-bottom-color: #74B1EF;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #8DBFF2;
	position:relative;
}
.accordionMenu a:hover{
	background-color:#69acf2;
	border-top-color: #69acf2;
	border-bottom-color: #69acf2;
	text-decoration:none;
}
.accordionMenu a.menuActive, 
.accordionMenu a.menuActive:hover{
	background-color: #135295;	
	border-top-color: #135295;
	border-bottom-color: #135295;
}
/* level 2 */
.accordionMenu ul li a{
	background-color: #1B72C9;
	border-bottom-color: #1865B1;
	border-top-color: #2483E1;
}
.accordionMenu ul li a:hover{
	background-color:#135295;
	border-top-color: #135295;
	border-bottom-color: #135295;
}



@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

}

@media only screen and (max-width: 719px) { /* Mobile Devices */

}


/* --------------------------------------------------- mapMenu */

#mapMenu{
	position:absolute;
	top:3em;
	left:3em;
	width:15em;
	z-index:9;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#mapMenu{
	float:left;
	position:static;
	width:100%;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#mapMenu{
	float:left;
	position:static;
	width:100%;
}
}
/*###########################################################################*/
/*######################## Isotope Customization ############################*/
/*###########################################################################*/

.isotopeDir{
	display:none;
}

.isotopeContainer{
	width:100%; 
	overflow:hidden;
}
.isotope{
	width: 103%;
}
/* -------- Elements */
.isotope .isotope-item{
	width:31%;
	margin-right:2%;
	margin-bottom:2%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:1em;
	background-color: #333;
	/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);*/
	font-family:'Open';
}
.isotope .isotope-item img{
	max-width:100%;
}


/* ---------- Isotope buttons */

.isoButtons a{
	display:inline-block;
	font-size:0.8em;
	padding:8px 16px;
	color: #FFF;
	opacity:0.6;
	border-radius:4px;
	margin-right:1em;
	background-color: rgba(255, 255, 255, 0.2);
}
.isoButtons a:hover{
	opacity:1;
	background-color: rgba(255, 255, 255, 0.25);
	text-decoration: none;
}
.isoButtons a.isoActive,
.isoButtons a.menuActive{
	opacity:1;
	background-color: rgba(255, 255, 255, 0.25);
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.isotope{
	width:104%;
}
.isotope .isotope-item{
	width:47.1%;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.isotopeDir{
	display:block;
}
.isotope{
	width:100%;
}
.isotope .isotope-item{

	width:100%;
	margin:0;
}
.isobuttons{
	text-align:center;
}
.isoButtons a{
	margin:0 0.2em;
}
}


/*###########################################################################*/
/*############################## Mobile Menu ################################*/
/*###########################################################################*/

.moMenu{
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	width:100%;
	display:none;
	font-size:1.2em;
	font-family:'Open';
}
.moMenu.moOn{
	overflow: auto;
	height:100%;
}
.moButton{
	display: block;
	width: 100%;
	height:60px;
}
.moButton div{
	width: 60px; height: 60px;
	background-position: -25px -500px;
	float:left;
}
.moOn .moButton div{
	background-position: -100px -500px;
}
.moPanel{
	position:relative;
	width:100%;
	top:0;
	left:-100%;
	/*transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;*/
}
.moOn .moPanel{
	left:0;
}
.moMenu ul{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	/*transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;*/
}
.moMenu li a,
.moMenu li a:hover,
.moButton,
.moOn .moButton{ /* normal button - color handle */
	display: block;
	padding: 17px 15px 15px 15px;
	background-color: #333333;
	border-top-color: #3F3F3F;
	border-bottom-color: #282828;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	color: #FFF;
	text-decoration: none;
}
.moMenu li.moBackB a{ /* back button - color handle */
	background-color: #484848;
	padding-left: 10px;
	border-bottom-color: #484848;
}
.moButton span,
.moButton:hover span{ /* button text handle */
	display:inline-block;
	padding:17px 0 0 5px;
	color: #FFF;
}
.moOn .moButton,
.moButton{ /* heading button (when menu opened) */
	border-top-style: none;
	padding:0;
}
.moButton{
	border-style: none;
}
.moArrowL,
.moArrowR{
	float:right;
	width: 26px; height: 26px;
	background-position: -225px -50px;
	margin-top:4px;
}
.moArrowL{
	float:left;
	-webkit-transform: rotate(180deg); 
  	transform: rotate(180deg);
	margin-right:10px;
}


/*******  Customizations (isotope menu) ********/

#mobIsoCt .moButton div{
	background-position: -25px -600px;
}
#mobIsoCt .moButton span,
#mobIsoCt .moButton:hover span{ /* button text handle */
	color: #ADADAD;
}
#mobIsoCt{
	position:relative;
}
#mobIsoCt.moOn{
	overflow:visible;
	height:100%;
}
#mobIsoCt li a,
#mobIsoCt li a:hover,
#mobIsoCt .moButton,
#mobIsoCt.moOn .moButton{
	background-color: #535353;
	border-top-color: #606060;
	border-bottom-color: #484848;
	color: #ADADAD;
	font-size:1.3rem;
}
#mobIsoCt li.moBackB a{
	background-color: #333;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.moMenu{
	display:block;
}
body:before{
	content: '';
	display: block;
	width: 100%;
	height: 60px;
	background-color: #666;
}
#mobIsoCt{
	display:none;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
body:before{
	content: '';
	display: block;
	width: 100%;
	height: 60px;
	background-color: #666;
}
.moMenu{
	display:block;
}
}


/*###########################################################################*/
/*################################ Owl ######################################*/
/*###########################################################################*/



/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	/*-webkit-transform: translate3d(0px, 0px, 0px);*/
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	/*-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;*/
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
/*.grabbing { 
     cursor:url(../img/grab.png) 8 8, move;
}*/

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }

}
@keyframes scaleUpFrom {

  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}





/*###########################################################################*/
/*################################ Owl Theme ################################*/
/*###########################################################################*/


.owl-theme .owl-controls{
	margin-top: 0px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	display: block;
	width: 50px; height: 100px;
	background-position: -500px -125px;
	position:absolute;
	left:20px;
	opacity:0.4;
}
.owl-theme .owl-controls .owl-buttons div.owl-next{
	background-position: -500px -249px;
	left:auto;
	right:20px;
}
.owl-buttons{
	position:absolute;
	top:50%;
	margin-top:-50px;
	width:100%;
}
.owl-theme .owl-controls .owl-buttons div:hover{
	opacity:1;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	text-decoration: none;
}

/* Styling Pagination */

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 20px;
	height: 20px;
	margin: 10px 15px;
	border-radius: 20px;
	border-color: #FFF;
	border-style: solid;
	border-width: 2px;
	background-color:transparent;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background-color: #FFF;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}


/************************************  Customization *******/

/* --------- General */
.owl-carousel .owl-item img{ /* Makes the image fit its container */
	display: block;
	width: 100%;
	height: auto;
}
.contentSlide .owl-item a{
	display:block;
}
.owlCaption{
	width: 100%;
	text-align: center;
	background-color: #000000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.8em;
}
.owl-pagination{
	position:absolute;
	bottom:20px;
	left:0;
	width:100%;
	text-align:center;
}

/* --------- imgGal */
.imgGal .owl-item > a{
	display:block;
	margin-right: 1em; /* Spacing betwen images when necessary */
}
.owl-carousel.imgGal .owl-wrapper-outer{ /* Fix overlaping images on the sides sometimes - depending on the width - for multiple images */
	padding-left:1px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.imgGal .owl-pagination{
	position:static;
}
/* --------- contentslide (testimonials) */
.contentSlide .owl-pagination{
	position:static;
}
/* --------- fullImg */

/* --------- by ID */

#imageGallery .owl-item img{
	/*max-height: 334px; /* Avoid gallery stretching on load - see settings max width + crop ratio */
}

	
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
/*.owl-buttons{
	display:none;
}*/
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.owl-buttons{
	display:none;
}
}


/*###########################################################################*/
/*##################### Home Slider Text + Animations #######################*/
/*###########################################################################*/


#owl-home .owl-item{
	position:relative;

}
#owl-home .slideBackground{
	width: 100%;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* background-attachment: fixed; /* multiple bug with webkit (refresh issues or not displaying or not fixed) */
}

#owl-home-container,
#owl-home .slideBackground,
.homepage #main{
	min-height:730px;
	max-height:850px;
}
#owl-home-container{
	background-image: url(../img/bg-o.png);
}

#owl-home .slideContent{ /* Starting point for captions */
	position: absolute;
	left: 50%;
	top: 48%;
}
#owl-home .caption{
	position: absolute;
	font-weight: normal;
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s; /* Safari */
	line-height: 1.2;
	transform: scale(2);
	-ms-transform: scale(2); /* IE 9 */
	-moz-transform: scale(2); /* Firefox */
	-webkit-transform: scale(2); /* Safari and Chrome */
	opacity: 0;
	font-size: 1.6em;
	text-shadow: none;
}
#owl-home .imageContent{
	position: absolute;
	transition: all 0.3s ease-out;
   	-moz-transition: all 0.3s ease-out;
   	-webkit-transition: all 0.3s ease-out;
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s; /* Safari */
	transform: scale(2);
	-ms-transform: scale(2); /* IE 9 */
	-moz-transform: scale(2); /* Firefox */
	-webkit-transform: scale(2); /* Safari and Chrome */
	opacity: 0;
}
#owl-home .active .caption,
#owl-home .active .imageContent{
	opacity: 1;
	-ms-transform:scale(1); /* IE 9 */
    -moz-transform:scale(1); /* Firefox */
    -webkit-transform:scale(1); /* Safari and Chrome */
}
#owl-home .caption h2{
	font-size: 1.8em;
	color: #FFF;
	line-height:1;
}
#owl-home .caption span{
	color: #FFF;
	opacity:0.7;
	font-size:1em;
}
#owl-home .caption span.readMore{
	display: inline-block;
	border-radius: 5px;
	padding: 0.3em 0.9em;
	background:rgba(255,255,255, 0.7);
	font-size: 0.75em;
	margin-top:0.3em;
	opacity:1;
}
#owl-home .caption .readMore:hover{
	background:rgba(255,255,255, 1);
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
#owl-home .caption{
	font-size: 1.4em;
}
#owl-home .caption span.readMore{
	font-size: 0.9em;
	margin-top:0.3em;
}
#owl-home-container,
#owl-home .slideBackground,
.homepage #main{
	min-height:700px;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#owl-home .caption{
	font-size: 1.4em;
}
#owl-home .caption span.readMore{
	font-size: 0.9em;
	margin-top:0.3em;
}
#owl-home-container,
#owl-home .slideBackground,
.homepage #main{
	min-height:720px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#owl-home .caption h2 {
    font-size: 1.2em;
    line-height: 1.1;
}
#owl-home .caption span.readMore{
	margin-top:5px;
	font-size: 0.8em;
}
#owl-home-container,
#owl-home .slideBackground,
.homepage #main{
	min-height:400px;
}
}


/* Customizations ************************* */



/* --------------------------------------------- Slide Responsive */

#owl-home #slideResponsive .slideBackground{
	width: 100%;
	background-image: url(../img/bg-o.png);
	/* Reset for tiles */
	background-position: 0% 0%;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
}
#owl-home #slideResponsive .caption{
	top: -50px;
	left: 60px;
	width:14em;
	transition-delay: 0.5s;
	text-align:center;
}
#owl-home #slideResponsive .imageContent{
	top: -130px;
	right: -60px;
	width:550px;
	transition: all 0.6s ease-out;
   	-moz-transition: all 0.6s ease-out;
   	-webkit-transition: all 0.6s ease-out;
	transition-delay: 0.2s;
	transform: scale(0.8);
	-ms-transform: scale(0.8); /* IE 9 */
	-moz-transform: scale(0.8); /* Firefox */
	-webkit-transform: scale(0.8); /* Safari and Chrome */
}
#owl-home .active #slideResponsive .imageContent{
	transform: scale(1);
	-ms-transform: scale(1); /* IE 9 */
	-moz-transform: scale(1); /* Firefox */
	-webkit-transform: scale(1); /* Safari and Chrome */
}
#owl-home #slideResponsive .caption .readMore{
	color: #E46717; /* Depending on the background */
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
#owl-home #slideResponsive .imageContent{
	top: -120px;
	right: -60px;
	width:440px;
}
#owl-home #slideResponsive .caption{
	top: -50px;
	left: 50px;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#owl-home #slideResponsive .imageContent{
	top: -40px;
	right: -240px;
	width:440px;
}
#owl-home #slideResponsive .caption{
	top: -170px;
	left: -170px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#owl-home #slideResponsive .imageContent{
	display:none;
}
#owl-home #slideResponsive .caption{
	left:  50%;
	margin-left: -140px;
	width:280px;
	top:-20px;
}
}


/* --------------------------------------------- Slide SEO */
#owl-home #slideSEO .caption{
	top: -40px;
	left: 40px;
	width:14em;
}
#owl-home #slideSEO .imageContent{
	top: -135px;
	right: 50px;
	width:350px;
	transition: all 0.6s ease-out;
   	-moz-transition: all 0.6s ease-out;
   	-webkit-transition: all 0.6s ease-out;
	transition-delay: 1s;
	transform: scale(1);
	-ms-transform: scale(1); /* IE 9 */
	-moz-transform: scale(1); /* Firefox */
	-webkit-transform: scale(1); /* Safari and Chrome */
}
#owl-home .active #slideSEO .imageContent{
	right:0px;
}
#owl-home #slideSEO .caption .readMore{
	color: #65A63E; /* Depending on the background */
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
#owl-home #slideSEO .imageContent{
	top: -120px;
	width:310px;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#owl-home #slideSEO .caption{
	top: -160px;
	left: -7em;
	width:14em;
	text-align:center;
}
#owl-home #slideSEO .imageContent{
	top: -10px;
	right: -80px;
	width:290px;
	/*-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);*/
}
#owl-home .active #slideSEO .imageContent{
	right:-155px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#owl-home #slideSEO .caption{
	top: -30px;
	left: -150px;
	width: 300px;
	text-align:center;
}
#owl-home #slideSEO .imageContent{
	display:none;
}
#owl-home #slideSEO .caption span{
	font-size: 0.9em;
	line-height:1;
}
#owl-home #slideSEO .caption span.readMore{
	font-size: 0.8em;
}
}




/* --------------------------------------------- Slide Stunning */
#owl-home #slideStunning .caption{
	top: -30px;
	left: 40px;
	width:14em;
}
#owl-home #slideStunning .imageContent{
	top: -150px;
	right: 40px;
	width:400px;
	transition: all 0.6s ease-out;
   	-moz-transition: all 0.6s ease-out;
   	-webkit-transition: all 0.6s ease-out;
	transition-delay: 1s;
	transform: scale(1);
	-ms-transform: scale(1); /* IE 9 */
	-moz-transform: scale(1); /* Firefox */
	-webkit-transform: scale(1); /* Safari and Chrome */
}
#owl-home .active #slideStunning .imageContent{
	right: 0px;
}
#owl-home #slideStunning .caption .readMore{
	color: #428D8D; /* Depending on the background */
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
#owl-home #slideStunning .imageContent{
	top: -130px;
	width:330px;
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#owl-home #slideStunning .imageContent{
	top: -225px;
	width:320px;
	right: -100px;
}
#owl-home .active #slideStunning .imageContent{
	right: -160px;
}
#owl-home #slideStunning .caption{
	top: 130px;
	left: -7em;
	width:14em;
	text-align:center;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#owl-home #slideStunning .imageContent{
	display:none;
}
#owl-home #slideStunning .caption{
	top: -30px;
	left: -150px;
	width:300px;
	text-align:center;
}
#owl-home #slideStunning .caption span{
	font-size: 0.9em;
	line-height:1;
}
#owl-home #slideStunning .caption span.readMore{
	font-size: 0.8em;
}
}




/* --------------------------------------------- Slide Performance */

#owl-home #slidePerformance .caption{
	top: 40px;
	left: -230px;


	width: 460px;
	text-align: center;
}
#owl-home #slidePerformance .caption span,
#owl-home #slidePerformance .caption h2{
	color: #000;
}
#owl-home #slidePerformance .imageContent{
	top: -95px;
	right: -135px;
	width:270px;
	transition: all 0.3s ease-out;
   	-moz-transition: all 0.3s ease-out;
   	-webkit-transition: all 0.3s ease-out;
	transition-delay: 0.5s;
	transform: scale(0.5);
	-ms-transform: scale(0.5); /* IE 9 */
	-moz-transform: scale(0.5); /* Firefox */
	-webkit-transform: scale(0.5); /* Safari and Chrome */
}
#owl-home .active #slidePerformance .imageContent{
	transform: scale(1);
	-ms-transform: scale(1); /* IE 9 */
	-moz-transform: scale(1); /* Firefox */
	-webkit-transform: scale(1); /* Safari and Chrome */
}
#owl-home #slidePerformance .caption .readMore{
	color: #FEEEDF; /* Depending on the background */
	background: rgba(0,0,0,0.8);
}
#owl-home #slidePerformance .caption .readMore:hover{
	background:rgba(0,0,0,1);
}
#owl-home[data-slide='2'] .owl-controls .owl-page span{
	border-color:#000;
}
#owl-home[data-slide='2'] .owl-controls .owl-page.active span, 
#owl-home[data-slide='2'] .owl-controls.clickable .owl-page:hover span{
	background-color:#000;
}
@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#owl-home #slidePerformance .imageContent{
	top: -135px;
}
#owl-home #slidePerformance .caption{
	top: 0px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#owl-home #slidePerformance .imageContent{
	display:none;
}
#owl-home #slidePerformance .caption{
	top: -20px;
	left: -150px;
	width: 300px;
}
#owl-home #slidePerformance .caption h2{
	font-size:1.1em;
}
#owl-home #slidePerformance .caption span{
	font-size: 0.9em;
}
#owl-home #slidePerformance .caption span.readMore{
	font-size: 0.8em;
}
}


/* --------------------------------------------- Slide Loop */
#owl-home #slideLoop .caption{
	top: 20px;
	left: -7em;
	width:14em;
	text-align:center;
}
#owl-home #slideLoop .imageContent{
	top: -140px;
	right: -70px;
	width:140px;
	transition: opacity 0.6s ease-out;
   	transition: opacity 0.6s ease-out;
   	-webkit-transition: opacity 0.6s ease-out;
	transition-delay: 0s;
	transform: none;
	-ms-transform: none; /* IE 9 */
	-moz-transform: none; /* Firefox */
	-webkit-transform: none; /* Safari and Chrome */
}
#owl-home .active #slideLoop .imageContent{
	/*-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);*/
	-webkit-animation: LoopingAnim 3s infinite;
  	-moz-animation:    LoopingAnim 3s infinite;
  	-ms-animation:      LoopingAnim 3s infinite;
}
#owl-home #slideLoop .caption .readMore{
	color: #71442F; /* Depending on the background */
}

.stricked{
	display:inline-block;
	text-decoration: line-through;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
#owl-home #slideLoop .caption{
	top: 0px;
}
#owl-home #slideLoop .imageContent{
	top: -150px;
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#owl-home #slideLoop .caption{
	top: -20px;
	width:300px;
	left: -150px;
}
#owl-home #slideLoop .imageContent{
	display:none;
}
#owl-home  #slideLoop .caption span{
	font-size: 0.8em;
}
#owl-home  #slideLoop .caption span.readMore{
	font-size: 0.8em;
}
}

/*###########################################################################*/
/*################################ Lightbox #################################*/
/*###########################################################################*/


/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox{
	cursor: pointer;
	position: fixed;
	z-index: 10000;
	-ms-touch-action: none;
	touch-action: none;
}

/* WITH ACTIVITY INDICATION (Preloader) */

#imagelightbox-loading,
#imagelightbox-loading div{
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#imagelightbox-loading{
	width: 20px; /* 40 */
	height: 20px; /* 40 */
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
	padding: 10px; /* 10 */
	margin: -20px 0 0 -20px; /* 20 */
	/*box-shadow: 0 0 40px rgba( 0, 0, 0, .75 ); /* 40 */
}
#imagelightbox-loading div{
	width: 20px; /* 20 */
	height: 20px; /* 20 */
	-webkit-animation: imagelightbox-loading .5s ease infinite;
	-moz-animation: imagelightbox-loading .5s ease infinite;
	-o-animation: imagelightbox-loading .5s ease infinite;
	animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading{
	from { opacity: .5;	-webkit-transform: scale( .75 ); }
	50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
	to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
}
@-o-keyframes imagelightbox-loading{
	from { opacity: .5;	-o-transform: scale( .75 ); }
	50%	 { opacity: 1;	-o-transform: scale( 1 ); }
	to	 { opacity: .5;	-o-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading{
	from { opacity: .5;	transform: scale( .75 ); }
	50%	 { opacity: 1;	transform: scale( 1 ); }
	to	 { opacity: .5;	transform: scale( .75 ); }
}


/* WITH OVERLAY */

#imagelightbox-overlay{
	position:absolute;
	background-color: #fff;
	background-color: rgba( 255, 255, 255, .9 );
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


/* WITH "CLOSE" BUTTON */

#imagelightbox-close{
	width: 46px; /* 40 */
	height: 46px; /* 40 */
	text-align: left;
	text-indent: -9999px;
	position: fixed;
	z-index: 10002;
	top: 30px; /* 40 */
	right: 30px; /* 40 */
	opacity:0.6;
	background-position: -275px -500px;
}
#imagelightbox-close:hover{
	opacity:1;
}


/* WITH CAPTION */

#imagelightbox-caption{
	text-align: center;
	position: fixed;
	z-index: 10001;
	left: 0;
	right: 0;
	bottom: 0;
}
#imagelightbox-caption span{
	display:inline-block;
	padding: 1em; /* 10 */
	background-color: #FFF;
}

/* --- ARROWS --- */

.imagelightbox-arrow{
	display: block;
	position: fixed;
	top: 50%;
	left: 30px;
	z-index:99999;
	width: 50px; height: 100px;
	background-position: -500px -125px;
	margin-top:-50px;
	border-radius:5px;
	opacity:0.6;
}
.imagelightbox-arrow:hover{
	opacity:1;
}
.imagelightbox-arrow-right{
	left: auto;
	right:30px;
	background-position: -500px -249px;
}

/***************************** Lightbox Customization Handles ***************/

#imagelightbox-loading{
	background-color: rgba(255, 255, 255, 0.4);
}
#imagelightbox-loading div{
	background-color: #FFFFFF;
}
#imagelightbox-overlay{
	background-color: rgba(0,69,112,0.8);
}
#imagelightbox-caption span{
	background-color: rgba(0,105,170,0.9);
	color: #FFF;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
#imagelightbox-close{
	top: 10px;
	right: 10px;
}
.imagelightbox-arrow{
	left: 10px;
}
.imagelightbox-arrow-right{
	left:auto;
	right:10px;
}
}


/*###########################################################################*/
/*############################# Thumbnail Gallery ###########################*/
/*###########################################################################*/


/* ----- Gallery row and columns */
.thumbCol{
	padding:0 2% 2% 0;
	float:left;
}
.thumbCol img{
	max-width:100%;
	display:inline-block;
	vertical-align:top;
}
.imgPerLine2  .thumbCol{
	width:50%;
}
.imgPerLine3  .thumbCol{
	width:33%;
}
.imgPerLine1 .thumbCol,
.firstImgBig .thumbCol:first-child{
	width:100%;
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
.imgPerLine3 .thumbCol{
	width:50%;
}

}
@media only screen and (max-width: 719px) { /* Mobile Devices */

.thumbCol{
	text-align:center;
	width:100%;
	margin:0 0 1.5% 0;
}
}

/*###########################################################################*/
/*################################## Timeline ###############################*/
/*###########################################################################*/


ul.timeline{
	display:inline-block;
	width:100%;
}
ul.timeline li{
	margin:0;
	padding-left:3.6em;
	margin-left:18em; /************ handle *******/
	border-left-color: #ED5505;
	border-left-style: solid;
	border-left-width: 10px;
	padding-bottom:2em;
	position:relative;
}
ul.timeline li:before{
	content:'';
	width: 20px;
	height: 20px;
	border-radius: 15px;
	position:absolute;
	top:-2px;
	left:-20px;
	background-color: #F4F4F4;
	border-color: #ED5505;
	border-width: 5px;
	border-style: solid;
}
ul.timeline li span.date{
	display:block;
	position:absolute;
	top:0.2em;
	left:-14em; /************ handle *******/
	width:10em; 
	text-align: right;	
}
ul.timeline li span.details{
	font-size:0.85em;
}
ul.timeline li span.info{
	display:inline-block;
	background-color: #E8E8E8;
	position:relative;
	padding:0.5em;
	padding-left:1em;
	padding-right:1em;
	margin-top:-1em;
	border-radius:6px;
}
ul.timeline li span.info:before{
	content:'';
	position:absolute;
	top:1em;
	left:-20px;
	width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent; 
	border-right:20px solid #E8E8E8; 
}
/* One line */
ul.timeline li.oneLine span.info{
	margin-top:-0.5em;
}
ul.timeline li.oneLine span.info:before{
	top:0.25em;
}
/* Separator */
ul.timeline li.separator{
	padding-top:4em;
}
ul.timeline li.separator span.date{
	font-size:1.6em;
	left:-12.4em; /************ handle *******/
	font-weight:bold;
	color: #ED5505;
	top:2em;
}
ul.timeline li.separator span.info,
ul.timeline li.separator:before{
	display:none;
}


@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */
ul.timeline li{
	margin-left:16em; /************ handle *******/
}
}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */
ul.timeline li{
	margin-left:16em; /************ handle *******/
}
}
@media only screen and (max-width: 719px) { /* Mobile Devices */
ul.timeline li{
	margin-left:0.5em;
}
ul.timeline li.separator span.date{
	left:2.5em;
	top:1.5em;
	text-align:left;
	margin-bottom:0;
}
ul.timeline li span.date{
	position:static;
	text-align: left;
	font-weight:bold;
	margin-bottom:0.5em;	
	width:auto;
}
ul.timeline li span.info,
ul.timeline li.oneLine span.info{
	margin-top:0;
}
ul.timeline li span.info:before,
ul.timeline li.oneLine span.info:before{
	display:none;
}
ul.timeline li{
	padding-left:1.5em;
}
}



/*###########################################################################*/
/*################################ Social Stream ############################*/
/*###########################################################################*/


.dcsns-content {
	position: relative;
	padding: 0;
}

/* Stream Boxes */
.stream p {
	margin: 0;
	padding: 0;
}
.stream li a {
	/*color: #2DB6E8;*/
}
ul.stream li.isotope-item{
	background-color: #F2F2F2;
	position: relative;
	padding: 0;
	color: #333;
	overflow: hidden;
}
.stream li .inner {
	padding: 1.5em;
	display:block;
	float:left;
	padding-top:3em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
}
/*.stream li .icon {
	position: absolute;
	left: 3px;
	bottom: 0;
	z-index: 3;
}*/
.stream li .section-intro {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.6em;
	color: #FFF;
	padding-left:3em;
	font-size:0.9em;
}
.stream li .clear {
	clear: both;
}
.stream li > a {
	display: block;
	position: absolute;
	top: 2px;
	left: 4px;
	width: 40px;
	height: 40px;
}
.stream li > a img{
	width:100%;
}


/* Content blocks */

.stream li .inner > span {
	display: block;
	float:left;
	width:100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.stream li .section-intro a {
	color: #FFF;
	text-decoration: underline;
	margin-right:1em;
}
.stream li .section-title {
	margin-top:1em;
}
.stream li .section-title a {
	
}
.stream li .section-title a:hover {
	
}
.stream li .section-thumb {
	margin-top:1em;
}
.stream li .section-thumb img {
	
}
.stream li .section-text {
	margin-top:1em;
}
.stream li .section-text br {

}
.stream li .section-user {
	margin-top:1em;
}
.stream li .section-user:before {
	content:'Author:';
	margin-right:0.4em;
}
.stream li .section-share {

}


/* ------------------------------------ Sharing Buttons */
.stream li .section-share a {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin: 0 2px 0 0;
	background-color: #413A33;
}

/* --------------------------- Toolbar */
.dcsns-toolbar {
	padding: 0;
	width: 100%;
	overflow: hidden;
	position: relative;
}
/* ------------------------- Filter */
.dcsns-toolbar .filter {
	padding: 0;
	margin: 0 0 1em 0;
}
.dcsns-toolbar .filter li {
	float:left;
	padding: 0;
	margin: 0;
	margin-right:1px;
}
.dcsns-toolbar ul.filter li:before{
	display:none;
}
.dcsns-toolbar .filter .link-all {
	color: #fff;
	text-align: center;
	padding-top:0.55em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.dcsns-toolbar .filter li a {
	width: 45px;
	height: 45px;
	display: block;
	float: left;
	font-family:'Open';
	/*background-color: rgba(255, 255, 255, 0.2);*/
	border-radius:5px;	
	margin:0 10px;
}
.dcsns-toolbar .filter li a.iso-active {
	background-color: rgba(255, 255, 255, 0.25);
}
.dcsns-toolbar .filter li img {
	width:100%;
	/*margin:2.5% 0 0 2.5%;*/
}

@media only screen and (min-width: 980px) and (max-width: 1190px) { /* Normal Screens */

}
@media only screen and (min-width: 720px) and (max-width: 979px) { /* Tablet Devices */

}
@media only screen and (max-width: 719px) { /* Mobile Devices */
.socialpage #dcsns-filter{
	text-align:center;
	margin:0;
}
.dcsns-toolbar .filter li{
	float:none;
	display:inline-block;
}
.stream li .inner {
	padding: 20px;
	display:block;
	float:left;
	padding-top:50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
}
}

/* ------------------------------------------------------ Feeds network specific styles */

.dcsns-toolbar .filter a:hover {
	background-color: rgba(255, 255, 255, 0.2);
	text-decoration:none;
}
/*.stream li .section-intro{
	background-color: #0058B1;
}*/
.stream li.dcsns-rss .section-intro, .filter .f-rss a:hover, .dcsns-toolbar .filter .f-rss a.iso-active{
	background-color: #FF9800;
}
.stream li.dcsns-flickr .section-intro, .filter .f-flickr a:hover {
	background-color: #f90784;
}
.stream li.dcsns-delicious .section-intro, .filter .f-delicious a:hover {
	background-color: #3271CB;
}
.stream li.dcsns-twitter .section-intro, .filter .f-twitter a:hover, .dcsns-toolbar .filter .f-twitter a.iso-active{
	background-color: #4ec2dc;
}
.stream li.dcsns-facebook .section-intro, .filter .f-facebook a:hover, .dcsns-toolbar .filter .f-facebook a.iso-active {
	background-color: #3b5998;
}
.stream li.dcsns-google .section-intro, .filter .f-google a:hover {
	background-color: #2d2d2d;
}
.stream li.dcsns-youtube .section-intro, .filter .f-youtube a:hover, .dcsns-toolbar .filter .f-youtube a.iso-active {
	background-color: #DF1F1C;
}
.stream li.dcsns-pinterest .section-intro, .filter .f-pinterest a:hover, .dcsns-toolbar .filter .f-pinterest a.iso-active {
	background-color: #CB2528;
}
.stream li.dcsns-lastfm .section-intro, .filter .f-lastfm a:hover {
	background-color: #C90E12;
}
.stream li.dcsns-dribbble .section-intro, .filter .f-dribbble a:hover {
	background-color: #F175A8;
}
.stream li.dcsns-vimeo .section-intro, .filter .f-vimeo a:hover, .dcsns-toolbar .filter .f-vimeo a.iso-active {
	background-color: #4EBAFF;
}
.stream li.dcsns-stumbleupon .section-intro, .filter .f-stumbleupon a:hover {
	background-color: #EB4924;
}
.stream li.dcsns-deviantart .section-intro, .filter .f-deviantart a:hover {
	background-color: #EB4924;
}
.stream li.dcsns-tumblr .section-intro, .filter .f-tumblr a:hover {
	background-color: #365472;
}
.stream li.dcsns-instagram .section-intro, .filter .f-instagram a:hover, .dcsns-toolbar .filter .f-instagram a.iso-active {
	background-color: #413A33;
}


/* ---------------------------------------------- Facebook */
.stream li.dcsns-facebook .section-text img {
	margin: 0;
	float: left;
	border: none;
	padding: 0;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 2%;
}
/*.stream li.dcsns-facebook .section-text a:first-of-type img {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}*/
.stream li.dcsns-facebook .section-text .fbBigImageReplaced{
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}


/* -------------------------------------------- Twitter */
.stream li.dcsns-twitter .section-thumb img {
}
.stream li.dcsns-twitter .section-user {
	padding: 0;
	background: none;
}
.stream li.dcsns-twitter .section-text img {
	width:100%;
	margin-top:1em;
}
.stream li.dcsns-twitter a {
	color: #38AEAE;
}
.stream li.dcsns-twitter a:nth-last-child(2) { /* Hack to remove the second link */
	display:none;
}
.stream li.dcsns-twitter .section-intro span a {
	text-decoration: none;
}
.stream li.dcsns-twitter .section-intro a{
	color: #FFF;
}
.stream li.dcsns-twitter a:hover {
	text-decoration: underline;
}
.stream li.dcsns-twitter .twitter-user {
	display:none;
}
.stream li.dcsns-twitter .twitter-user a {
	display:inline-block;
	margin-right:1em;
}
.stream li.dcsns-twitter .twitter-user a:hover {
}
.stream li.dcsns-twitter .twitter-user a strong{
}
.stream li.dcsns-twitter .twitter-user a:hover strong {
}
/* --------------------------------------------- Google */
.stream li.dcsns-google .section-title {
}
.dcsns .stream li.dcsns-google .section-thumb img {
}
.stream li.dcsns-google .meta span.plusones {
}
/* ------------------------------------------------- Rss */
.stream li.dcsns-rss .section-text img {
}
/* ------------------------------------------------- Stumbleupon */
.dcsns .stream li.dcsns-stumbleupon .section-title {
}
.dcsns .stream li.dcsns-stumbleupon .section-thumb img {
}
/* -------------------------------------------- Youtube */
.stream li.dcsns-youtube .section-thumb img {
	width: 100%;
}
/* ---------------------------------------------- Vimeo */
.stream li.dcsns-vimeo .section-thumb img {
	width: 100%;
}
.dcsns .stream li.dcsns-vimeo .section-title {
	display: block;
	clear: both;
}
.stream li.dcsns-vimeo .section-text {
}
.stream li.dcsns-vimeo .section-text .meta {
}
.stream li.dcsns-vimeo .logo {
}
/* --------------------------------------------- Flickr */
.stream li.dcsns-flickr .section-thumb {
}
.stream li.dcsns-flickr .section-thumb img{
}
/* --------------------------------------------- Pinterest */
.stream li.dcsns-pinterest .section-thumb {
	display: block;
}
.stream li.dcsns-pinterest .section-text {
	clear: both;
}
.stream li.dcsns-pinterest .section-thumb img {
	width: 100%;
}
/* ------------------------------------------ Dribbble */
.stream li.dcsns-dribbble .inner img {
}
/* -------------------------------------------- Lastfm */
.stream li.dcsns-lastfm .section-title {
}
/* -------------------------------------------- Deviantart */
.stream li.dcsns-deviantart .section-thumb {
}
.stream li.dcsns-deviantart .section-thumb img {
}
/* ------------------------------------------ Tumblr */
.stream li.dcsns-tumblr .section-text img {
}
.stream li.dcsns-tumblr .track {
}
/* ------------------------------------------ Instagram */
.stream li.dcsns-instagram .section-thumb img {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}



/*###########################################################################*/
/*############################### CSS Animations ############################*/
/*###########################################################################*/


/* Looping ------------------------------------------------------- */

@-webkit-keyframes LoopingAnim {
0%   {
	-webkit-transform: rotate(0deg);
}
100% {
	-webkit-transform: rotate(360deg);
}
}
@-ms-keyframes LoopingAnim {
0%   {
	transform: rotate(0deg);
}
100% {
	transform: rotate(360deg);
}
}
@keyframes LoopingAnim {
0%   {
	transform: rotate(0deg);
}
100% {
	transform: rotate(360deg);
}
}



/* Appear from deep ------------------------------------------------- */

@-webkit-keyframes zoomIn {
0%   {
	-webkit-transform: scale(0.5); /* Safari and Chrome */
	opacity:0;
}
100% {
	-webkit-transform: scale(1); /* Safari and Chrome */
	opacity:1;
}
}
@-ms-keyframes zoomIn {
0%   {
	-ms-transform: scale(0.5); /* IE 9 */
	opacity:0;
}
100% {
	-ms-transform: scale(1); /* IE 9 */
	opacity:1;
}
}
@keyframes zoomIn {
0%   {
	transform: scale(0.5);
	opacity:0;
}
100% {
	transform: scale(1);
	opacity:1;
}
}


/* Appear big and zoom down ----------------------------------------- */

@-webkit-keyframes zoomOut {
0%   {
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	opacity:0;
}
100% {
	-webkit-transform: scale(1); /* Safari and Chrome */
	opacity:1;
}
}
@-ms-keyframes zoomOut {
0%   {
	-ms-transform: scale(1.5); /* IE 9 */
	opacity:0;
}
100% {
	-ms-transform: scale(1); /* IE 9 */
	opacity:1;
}
}
@keyframes zoomOut {
0%   {
	transform: scale(1.5);
	opacity:0;
}
100% {
	transform: scale(1);
	opacity:1;
}
}




/******************************************* End Of CSS ********************************************/