*{ box-sizing:border-box; }
.clearfix:after{content:"";display:table;clear:both;}
.sticky .header{position: fixed !important;width: 100% !important;left: 0 !important;top: 0 !important;z-index: 20 !important;border-top: 0 !important;}
a {
	color: #3C5ED8;
}
html{ height: 100%;}
body { min-height: 100%; position:relative;}
body{background:url(/templates/client/images/texture-noise.png);  font-family:lato, arial;}
.wrapper{ position:relative; max-width:1200px; width:100%; clear:both; margin:0 auto;}
.logo{ display:inline-block; margin:10px 0 0 0; width: 250px; height: 90px; background:url(/templates/client/images/logo.png) no-repeat center; background-size: contain;  text-indent:-9999px;}
.topBar{ position: relative; z-index: 100; color: #fff; font-family: lato; height:30px; }
.topBar .wrapper{ text-align: right; padding: 5px; display: block; }
.topBar .topright{ position:absolute; right:0; width:100%; padding-right:10%;}
.topBar .wrapper .social{ float: right; color: #fff;  }
.topBar .wrapper .social a{ color: #fff; display: inline-block; padding: 7px; min-width: 2em; text-align: center; padding-left: 5%; }
.topBar .topright>a{ color: #fff; text-decoration:none; font-family: lato; display: inline-block;  padding-right: 3%; }
.topBar .phone{}
.topBar .wrapper .social i{}
@media screen and (max-width: 880px) {
	.topBar .wrapper .social{ display:none;}
}
header{ position: relative; z-index: 1000; left: 0; right: 0; position:absolute; top:0; height:130px;}
.header{background: url(/templates/client/images/texture-noise.png) #242829;color:#fff;}
nav ul li.contact a{ padding-bottom:10px; position:relative; transition:all 0.3s ease; }
nav ul li.contact a:before{ content: '';  position: absolute; transition:all 0.3s ease;bottom: 0; left: -10px; height: 0; width: 0; border-top: 10px solid #41455a; border-left: 10px solid transparent; }
nav ul li.contact a:after{ content: '\f0ab'; display:block;  position: absolute; z-index:-1; pointer-events:none; transition:all 0.3s ease; height: 0; width: 0;  left:39px; bottom: 50px; font-family:fontawesome; font-size:2em; color:#000; opacity:0;  }
nav ul li.contact a:hover{ box-shadow:inset rgba(255, 255, 255, 0.72) 0px -30px 40px -20px;text-shadow: #fff 0px 0px 10px,#fff 0px -7px 20px,#fff 0px 8px 20px; padding-top:10px; animation-name: example; animation-duration: 0.3s;animation-timing-function: ease-out;}
nav ul li.contact a:hover:before{ border-top-width: 20px;animation-name: example2; animation-duration: 0.3s;animation-timing-function: ease-out;}
nav ul li.contact a:hover:after{ text-shadow:none; opacity:1;display:block;bottom: 25px;  color:#fff; }
header.sticky nav ul li.contact a:hover:after{ opacity:1;display:block;bottom: 0px; color:#000; }
nav ul li.contact a.active:after{bottom: 50px !important; opacity:0 !important;}

@keyframes example {
    0%   {padding-top:0px; }
    50%  {padding-top:13px; }
    100% {padding-top:10px; }
}
@keyframes example2 {
    0%   {border-top-width: 11px; }
    50%  {border-top-width: 25px; }
    100% {border-top-width: 21px; }
}
@keyframes example3 {
    0%   {padding-top:0px; }
    50%  {padding-top:13px; }
    100% {padding-top:10px; }
}
nav { float:right; }
nav > ul { list-style:none; padding:0em; margin:0; }
nav > ul > li { display:block; float:left; transition:background 0.25s; cursor:pointer; position:relative; z-index:10; }
nav > ul > li.selected,
nav > ul > li:not(.contact):hover { background: #264642; border-bottom: 2px solid #47F5D3;}
nav > ul > li.selected,
nav > ul > li:not(.contact):hover { background: #264642; border-bottom: 2px solid #47F5D3;}
nav > ul > li:hover > ul { display:block; height:200px; }
nav > ul > li:not(.contact):hover ul{}
nav > ul > li > a {line-height:100px;  display:inline-block;margin:0 10px; padding:0 10px; color:#fff; font-family:lato; text-decoration:none; text-transform:uppercase; font-size:0.8em}
nav > ul > li > ul { transition:all 0.3s ease; height:0; overflow:hidden; list-style:none; padding:0; margin:0; position:absolute;   z-index:3; }
nav > ul > li > ul > li { transition:background 0.25s;background: #242829;    border-top: 1px solid #3B3F40; }
nav > ul > li > ul > li:hover { background: #264642; }
nav > ul > li > ul > li > a { display:inline-block; padding:10px; color:#fff; text-decoration:none; min-width: 200px; }

@media screen and (max-width: 980px) {
	nav{/* margin-right:10px; */}
	nav ul li a{ margin:0 5px;padding:0 5px;}
	nav ul li.contact a{ border-left:none; border-right:none; }
}
@media screen and (max-width: 850px) {
	nav{ width:100%; position:relative; z-index:290; margin:0;}
	nav ul{ position:relative; width:100%; }
	nav>ul:before{ position:relative; display:block; cursor:pointer; content:'\f0c9\00a0\00a0\00a0Menu'; margin-right:10px; font-family:fontawesome, Lato; color:#fff; text-align:right;}
	nav ul li{ float:none; display:none; background:#000; transition:all 0.4s ease;  overflow:hidden; width:100%; }
	nav > ul > li:hover{ border:none !important; }
	nav>ul.selected li{overflow:visible; display:block; }
	nav ul li a{ display:block; width:100%; font-size:1.2em;  text-transform:none; padding:0 20px; line-height:50px; margin:0; border-top:1px solid #2B2E2F; }
	nav ul li.contact a{ padding:0 20px;}

	nav > ul > li:hover > ul { display:none; }
	header{ height:80px;}
	.header.menu li{ height:50px; }
	.header{ height:50px; line-height:50px;}
	.logo{ height: 66px; margin:0; position:absolute; z-index:500; width: 180px;}
	.zdepth.logo{ z-index:50;}
}
header.sticky .header{ height:50px; background:url(/templates/client/images/texture-noise.png) #242829;  color:#fff;}
header.sticky nav>ul>li>a{ line-height:50px;}
.home header.sticky{ background:none; }
.sticky .logo{ height: 66px; margin:0;}
.sticky .logo{ height: 66px; margin:0;}
.content p{ line-height:1.6em;}
.boxYellow{ display:block; padding:5px;  background:#edd31b; color:#4a515d; text-decoration:none; font-family:lato;  }
.slides{ position:relative; top:80px; z-index: 1; margin:0; padding:0; list-style:none; background:url(/templates/client/images/header-home-main.jpg) no-repeat center,url(/templates/client/images/header-home-repeat.jpg) repeat-x center; background-size:cover, auto; width:100%; height:600px;}
.slides li{}
.slides li.a{}
.slides li.a .slideText{ padding:20px; font-family:lato; position:absolute; top:100px; font-size: 1.6em; text-transform: uppercase; font-weight: 900; color: #fff; text-shadow: #9B97A8 0px 0px 6px;}
.sticky .slides li.a .slideText{ padding-top:50px;}
.slides li.a .slideText>div{ color: #000; font-size: 2.3em;}
.slides li.a .slideText>div>span{ display: block;font-size: 0.7em;}

@media screen and (max-width: 900px) {
	.slides{ height:450px; }
	.slides li.a .slideText{  font-size:1em; }
}

@media screen and (max-width: 560px) {
	.slides{ height:200px; margin:0px; }
	.slides li.a .slideText{ font-size:0.6em; padding:10px; position:relative; top:0; left:0; margin: 0 5%; padding: 20px 0 0 0; }
}

section.homeIcons{ position:relative; z-index:10; min-height: 280px; }
section.homeIcons:before{ content:''; display:block; width:100%; height: 120px; background-color: #30bfa3; box-shadow: inset #29b698 0px 60px 0px 0px,#d2f0e9 0px 5px 0 0; border: none; position:absolute;}

section.homeIcons ul{ list-style:none; padding: 0; height: 0; }
section.homeIcons ul li{ float: left; width: 25%; position: relative; transition: all 0.3s ease; display: block; height: 1px; text-align: center; }
section.homeIcons ul li a{ position: absolute; left: 5%; display: block; background: #479aaa; text-align: center; color: #fff; border: none; margin: 0 auto; margin-top: 150px; padding: 12px; font-size: 1.4em; text-decoration: none; transition: all 0.3s ease; top: 0px; width: 90%; box-shadow: inset rgba(0, 0, 0, 0.5) 0px 0px 0 0;}
section.homeIcons ul li a:before{ display: block; content: ''; background: url(/templates/client/images/home-icons-web.png) no-repeat 50% 50% #62c1d3; height: 160px; position: absolute; margin-top: -20px; width: 100%; top: -150px; left: 0; transition: all 0.8s ease;}
section.homeIcons ul li a:after{ content: ''; position: absolute; top: 0; left: -20px; height: 0; width: 0; border-bottom: 20px solid #407781; border-left: 20px solid transparent; margin-top: -170px; transition: all 0.3s ease; }
section.homeIcons ul li:nth-child(2) a{ background-color:#c09a36;}
section.homeIcons ul li:nth-child(2) a:before{ background-color:#efbf41;background-image: url(/templates/client/images/home-icons-seo.png);}
section.homeIcons ul li:nth-child(2) a:after{ border-bottom-color:#817740;}
section.homeIcons ul li:nth-child(3) a{ background-color:#c85c30;}
section.homeIcons ul li:nth-child(3) a:before{ background-color:#f27744;background-image: url(/templates/client/images/home-icons-hospitality.png);}
section.homeIcons ul li:nth-child(3) a:after{ border-bottom-color:#814040;}
section.homeIcons ul li:nth-child(4) a{ background-color:#744479;}
section.homeIcons ul li:nth-child(4) a:before{ background-color:#96579d;background-image: url(/templates/client/images/home-icons-booking.png);}
section.homeIcons ul li:nth-child(4) a:after{ border-bottom-color:#33465a;}
section.homeIntro{ text-align:center;    margin-bottom: 60px; }
section.homeIntro p{ text-align:left;}

section.homeIcons ul li:hover{}
section.homeIcons ul li:hover a{ top: -50px; padding: 40px 0; box-shadow: inset rgba(0, 0, 0, 0.19) 0 -140px 0 0; }
section.homeIcons ul li:hover a:before{ top: -150px; margin-top: -10px; }
section.homeIcons ul li:hover a:after{ border-bottom-width: 60px; top: 10px; }
@media screen and (max-width: 760px) {

	section.homeIntro{ padding:40px 0;}
	section.homeIcons:before{display:none;}
	section.homeIcons{ margin-top: 80px;}
	section.homeIcons ul li{ width: 50%; height: auto; }
	section.homeIcons ul li a{ position: relative; left: 0; width: 100%; margin: 0; padding: 0;}
	section.homeIcons ul li a:before{ position: relative; margin-top: 0px; top: 0px; left: 0; height: 100px; background-size: 40%;}
	section.homeIcons ul li a:after{ display:none;}
	section.homeIcons ul li:hover a:before{top: -20px; margin:0;}
	section.homeIcons ul li:hover a{ top: 0px; padding: 0 0;}
}
@media screen and (max-width: 560px) {
	section.homeIntro{ padding:20px 0;}
}
section.homeLatest{ background:url(/templates/client/images/texture-noise.png) #eaeaea; border-top:13px solid #bababa; border-bottom:13px solid #bababa;  text-align:center; padding-bottom:20px;}
section.homeLatest h3{    font-size: 2em;
	font-weight: lighter;
	margin: -33px 20px 0 20px;
	background: url(/templates/client/images/texture-noise.png) #565d89;
	color: #fff;
	padding: 20px;}
section.homeLatest h3:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0px;
	height: 0;
	width: 0;
	border-bottom: 20px solid #3D4158;
	border-left: 20px solid transparent;
	margin-top: 0;
}
section.homeLatest .browse{ position:relative; text-align:right; font-weight:900; text-transform:uppercase; margin:20px 20px 0px 20px; padding-right:15px; }
section.homeLatest .browse:before{ position:relative; content:'\f054'; display:inline-block; float:right; font-family:fontawesome; line-height: 1.3em; color:#fff;}
section.homeLatest .browse:after{ position:relative; content:'\f054'; display:inline-block; float:right; font-family:fontawesome; margin: 0 -4px 0 5px; line-height: 1.3em; color:#fff;}

@media screen and (max-width: 1120px) {
	section.homeLatest ul>li a{ margin:0 10px;}
	section.homeLatest ul>li>a>img{ width:100%; height:auto}
}
/*
.grid { padding: 20px 20px 100px 20px; max-width: 1300px; margin: 0 auto; list-style: none; text-align: center; }
.grid li { display: inline-block; width: 440px; margin: 0; padding: 20px; text-align: left; position: relative; }
.grid figure { margin: 0; position: relative; }
.grid figure img { max-width: 100%; display: block; position: relative; }
.grid figcaption { position: absolute; top: 0; left: 0; padding: 20px; background: #F0DB3B; color: #000; }
.grid figcaption h3 { margin: 0; padding: 0; color: #000; font-weight:bold; }
.grid figcaption span:before { content: 'by '; }
.grid figcaption a { text-align: center; padding: 5px; border-radius: 2px; display: inline-block; background: #7E45A4; color: #FFF; text-decoration:none; text-transform:uppercase; }
.cs-style-4 li { perspective: 1700px; perspective-origin: 0 50%; }
.cs-style-4 figure { transform-style: preserve-3d; }
.cs-style-4 figure > div { overflow: hidden;}
.cs-style-4 figure img {transition: transform 0.4s; }
.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img { transform: translateX(5%); }
.cs-style-4 figcaption { height: 100%; width: 50%; opacity: 0; backface-visibility: hidden; transform-origin: 0 0; transform: rotateY(-90deg); transition: transform 0.4s, opacity 0.1s 0.3s; }
.no-touch .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption { opacity: 1; transform: rotateY(0deg); transition: transform 0.4s, opacity 0.1s; }
.cs-style-4 figcaption a { position: absolute; bottom: 0px; left: 0%; right:0; margin: 10px; }
*/
@media screen and (max-width: 760px) {
	section.homeLatest ul>li { width:33.33%;}
}

@media screen and (max-width: 560px) {
	section.homeLatest ul>li { width:50%;}
}

section.homeTestimonials{ background:url(/templates/client/images/home-testimonials-tiled3.jpg) repeat center; background-attachment:fixed; min-height:466px; text-align:center; color:#fff; display: -webkit-box;display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; text-shadow: #0F2F44 2px 1px 8px; box-shadow: inset #000 0px 2px 20px -3px; }
section.homeTestimonials a{ color:#fff; text-decoration:none;}
section.homeTestimonials h3{ font-family:lato; font-size:1.2em; font-weight:900; text-transform:uppercase;}
section.homeTestimonials ul{ padding:0; list-style:none; }
section.homeTestimonials ul>li{ position:relative; font-family:Arapey; font-size:1.4em; }
section.homeTestimonials ul>li>p{ font-family:Arapey; font-size:1.6em; padding:0 100px; position:relative;}
section.homeTestimonials ul>li>p:before{ content:'{'; display:block; position:absolute; top:50%; left:0; font-size:4em; line-height:0; margin-top: -40px; }
section.homeTestimonials ul>li>p:after{ content:'}'; display:block; position:absolute; top:50%; right:0; font-size:4em; line-height:0; margin-top: -40px; }
section.homeTestimonials ul>li>.client{ margin-top:15px; font-style:italic;}

@media screen and (max-width: 1120px) {
	section.homeTestimonials{ min-height:360px; }
	section.homeTestimonials ul>li>p{ width:90%; margin:0 auto; font-size:1.4em;}
}

@media screen and (max-width: 760px) {
	section.homeTestimonials ul>li>p{ font-size:1.2em; padding:0 50px;}
	section.homeTestimonials ul>li>p:before,section.homeTestimonials ul>li>p:after{ margin-top:0; line-height:0;}
}

@media screen and (max-width: 560px) {
	section.homeTestimonials ul>li>p{ font-size:1em; padding:0 50px;}
}

section.homeClients{ background:#eaeaea url(/templates/client/images/texture-noise.png); border-top:13px solid #bababa; text-align:center;}
section.homeClients h3{}
section.homeClients ul{ padding:0 0 2em 0; margin:0; list-style:none; display: -webkit-box;display: -webkit-flex;  display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: wrap; -webkit-flex-flow: row wrap;align-content: flex-start;flex:0; justify-content: space-between; align-content: flex-start; align-items: flex-start; }

section.homeClients ul>li{ 
background-color: #dadee8;
    border-radius: 6px;
    margin: .3%;
	padding: 10px;
    width: 16%;
    height: 175px; flex-grow: 0; flex-shrink: 0; -webkit-flex-direction: column; -webkit-flex-flow: row wrap;align-content: center;flex:0; flex-basis: 16%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center;
}
section.homeClients ul>li>a{}
section.homeClients ul>li>img{ max-width:75%; width: 100%; height:auto;}
section.homeClients ul>li:nth-child(1)>img{max-width: 190px;}

section.homeMarketing{background: url(templates/client/images/texture-noise.png) #31bea2}
section.homeMarketing ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
	flex-flow: row wrap;
}
/*
section.homeMarketing ul li:first-child{ width:50%;    border-bottom: 2px solid #BCC; }
section.homeMarketing ul li:nth-child(2){    border-bottom: 2px solid #BCC;
    width: 50%;
    color: #fff;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
}
section.homeMarketing ul li:nth-child(2) div{padding: 2em;display: flex;align-items: center;flex-flow: column;justify-content: center;height: 100%;}
section.homeMarketing ul li:nth-child(2) h2{
    width: 100%;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 3em;
}
section.homeMarketing ul li:nth-child(2) h3{
    margin: 0;
    text-align: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 1.6em;
}
section.homeMarketing ul li:nth-child(2) p{
    margin: 0.35em 0 0 0;
	width:100%;
}
*/
section.homeMarketing ul li{display: flex; justify-content: center; align-items: center; width: 30%; }
section.homeMarketing ul li a{
    display: block;
    width: 100%;
    height: auto;
    padding: 2em;
    max-width: 500px;
    margin: 0 auto;
}
section.homeMarketing ul li a img{
	display: block;
    width: 80%;
    height: auto;
}

@media screen and (max-width: 760px) {
	section.homeClients ul>li{ width: 20% !important; flex-basis:20% !important; height:auto !important; padding: 0 !important }
	section.homeClients ul>li>img { max-width: auto; height: auto; width: 100% !important; padding: 10px; }
}
@media screen and (max-width: 560px) {
	section.homeMarketing ul li{width:50%;}
	section.homeMarketing ul li a{padding: 20px;}
	
	section.homeClients ul>li{ width: 31.33%; flex-basis:31.33% !important; height:120px; }
	section.homeClients ul>li>img { max-width: auto; height: auto; width: 100%; padding: 10px; }
}

footer{ /*position: absolute; bottom: 0;*/ position:relative; background:#191919; color:#fff; border-top:20px solid #303030; padding:20px 0; width: 100%;-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}

footer>.clearfix>div{ float:left; width:30%; padding:0 10px; text-align:center; color:#fff; font-size:14px; }
footer>.clearfix>div:nth-child(2){ width:40%;}
footer>.clearfix>div:nth-child(2) a{ color:#fff; text-decoration:underline; }
footer>.clearfix>div:nth-child(2) .clientlogin{ display:block; padding:5px 0;}
footer .button{ position:relative; display:block; color:#000; text-align:left; background:#edd31b; border-radius:0px; padding:10px;    max-width: 400px;margin: 0 auto; }
footer .button span{ float:left; width:50%; text-align:center; line-height:1.1em;    font-size: 1.2em;}
footer .button strong{ font-family:Arapey; font-size:3em; line-height:0.9em; }
footer .button:before,footer .footerBottom .button:after{ content:'\f054 '; font-family:fontawesome; position:absolute; color:#fff; height:0; -ms-transform: scale(1.2,3); -webkit-transform: scale(1.2,3); transform: scale(1.2,3); line-height:normal; }

footer .button:before{  right:20px;opacity:0.5}
footer .button:after{ right:10px; }
footer .clientlogin{ display:block; color:#fff; margin:10px 0;}

footer .phone{ position:relative; color:#fff;}
footer a{ text-decoration:none; }
footer .phone:before{ content:'\f095'; font-family:fontawesome; font-size:1em; color:#edd31b; position:absolute; left:-20px;}
footer div.social>a { font-size: 3em; margin: 0 5px; color: #fff;}

@media screen and (max-width: 1030px) {
	footer { text-align:center; padding:0; }
	footer>.clearfix>div{ float:none; width:100%; }
	footer>.clearfix>div:nth-child(2){ width:100%; margin:10px 0;}
	footer>.clearfix>div {font-size: 16px;}
}

.contactTop{ height:0; overflow:hidden; transition:all 0.1s ease-in}


/***************************
	INTERRIOR CONTENT
****************************/
.texture_noise{ background:#eaeaea url(/templates/client/images/texture-noise.png);}
.interrior.content{ background-color:#fff; padding:30px 30px 30px 30px; font-size:1.1em;}
.interrior.content .pageTitle h1{ color:#fff; font-weight:lighter; padding:0px; margin:0;}
.interrior.content .pageTitle div{ color:#fff;}
.interrior.content .pageTitle div a{ color:#fff;}
.interriorWrapper{ top: 130px; padding-bottom: 170px; }
.interriorHeader{ position:relative; height:315px;}
.interrior.content .pageTitle{ margin: -30px -30px 0; padding: 10px  20px; }
.interrior .subPageTitle{ margin-top:20px; font-weight:bold;}
.interriorWrapper .cms__subnav{ float: right; list-style:none; padding:0; margin: -10px 0 20px 0;  }
.interriorWrapper .cms__subnav li{ float:left; margin-right:10px;}
.interriorWrapper .cms__subnav li a{ position:relative; color:#fff; text-decoration:none; font-weight:lighter; padding:10px 20px; transition:all 0.3s ease;    top: 0px;}
.interriorWrapper .cms__subnav li a:before{ content: ''; position: absolute; top: 0; left: -10px; height: 0; width: 0; transition:all 0.3s ease; border-bottom: 10px solid #41455a; border-left: 10px solid transparent; }
.interriorWrapper .cms__subnav li a:hover{    top: -10px;    box-shadow: #616161 1px 3px 4px -2px;
    border-bottom: 2px solid #fff !important;}
.interriorWrapper .cms__subnav li a:hover:before{border-bottom-width: 20px}
.intSubNav{ list-style: none; margin: 0; padding: 0;}
.intSubNav li a{ text-decoration:none;}
.intSubNav li{ margin: 10px 0; background: #E6E7EC; display: inline-block; padding: 5px 10px; border-bottom: 3px solid #BEC5E8; }

.morph-button-fixed .morph-content{ width:100px; height:110px;}
.sticky .morph-content{ width:100px; height:60px;}

.content-style-form{ border-top: 5px solid #34BDA3; }

li.contact .morph-content h2{ margin: 0; font-size: 3em; text-align: center; line-height: 1em; padding-top: 20px; }
li.contact .morph-content{ box-shadow: black 2px 2px 15px -6px;}
li.contact .morph-content *{ line-height:normal; }
li.contact .morph-content form{ padding:0 20px;}
li.contact .morph-content form div{ margin-top:10px;}
li.contact span.icon-close i{ position: absolute; right: 0; padding: 5px 10px 0 0; }
li.contact input,li.contact textarea{ line-height: normal; padding: 10px; border: none; border-radius: 4px; color: #000; font-weight: bold; width:100%;}
li.contact textarea{ height:100px;}
li.contact label{ display:inline-block; width:100%; text-align:left; }
li.contact .morph-content form button{display: block; width: 100%; line-height: 50px; background-color: #145145; border: none; color: #fff; }

.bgTeal header{ background:#30BFA3;}
.bgTeal .interriorWrapper{background: url(/templates/client/images/header-a-fade.png) repeat-x 0 0px; position:relative;}
.bgTeal .interriorHeader{ background-color:#30bfa3;}
.bgTeal nav ul li.contact a{ background:url(/templates/client/images/texture-noise.png) #565D89;}
.bgTeal .interrior.content{box-shadow: #268270 0 0 13px 0px; }
.bgTeal .interrior.content .pageTitle{ background:url(/templates/client/images/texture-noise.png) #565d89; }
.bgTeal .interriorWrapper .cms__subnav li a{ background:url(/templates/client/images/texture-noise.png) #828aba; border-bottom: 2px solid #AAB0D2;}
.bgTeal .topBar:before{ content: ''; position: relative; height: 30px; width: 100%; background: url(/templates/client/images/texture-noise.png); display: block; position: absolute; z-index: 1; pointer-events: none;}
.bgTeal .topBar{background: #565d89;}
.bgTeal .topBar .wrapper .social a{ color: #fff; background-color: #828ABA;}

.bgNavy header{ background:#565d89;}
.bgNavy .interriorWrapper{ background: url(/templates/client/images/header-b-fade.png) repeat-x 0% 0px;position:relative;}
.bgNavy .interriorHeader{ background-color:#565d89;}
.bgNavy nav ul li.contact a{ background:url(/templates/client/images/texture-noise.png) #30bfa3;}
.bgNavy .interrior.content{ box-shadow: #50567B 0 0 13px 0px;}
.bgNavy .interrior.content .pageTitle{ background:url(/templates/client/images/texture-noise.png) #30bfa3;}
.bgNavy .interriorWrapper .cms__subnav li a{ background:url(/templates/client/images/texture-noise.png) #27A089; border-bottom: 2px solid #52E4C8;}
.bgNavy .topBar:before{ content: ''; position: relative; height: 30px; width: 100%; background: url(/templates/client/images/texture-noise.png); display: block; position: absolute; z-index: 1; pointer-events: none;}
.bgNavy .topBar{background: #30BFA3;}
.bgNavy .topBar .wrapper .social a{ color: #fff; background-color: #27A089;}

@media screen and (max-width: 760px) {
	.bgNavy nav ul li.contact a, .bgTeal nav ul li.contact a{    background: #231344 !important;
    box-shadow: none;
    text-shadow: black 3px 3px 14px;}
	nav ul li.contact a{ background:#403264 !important; padding-top:0; }
	nav ul li.contact a:hover{ padding-top:0; background:inherit; -webkit-animation: none !important;
		 -moz-animation: none !important;
		 -o-animation: none !important;
		 -ms-animation: none !important;
		 animation: none !important;}
	nav ul li.contact a:before{ display:none !important; }
	nav ul li.contact a:after{ display:none !important; }
}

.bgTeal .morph-button-modal-2 > button,
.bgTeal .morph-button-modal-2 .morph-content,
.bgTeal .morph-button-modal-3 > button,
.bgTeal .morph-button-modal-3 .morph-content{ background:#828aba; color:#fff;}
.bgTeal li.contact .morph-content form button{background:#565D89;}

.bgNavy .morph-button-modal-2 > button,
.bgNavy .morph-button-modal-2 .morph-content,
.bgNavy .morph-button-modal-3 > button,
.bgNavy .morph-button-modal-3 .morph-content{ background:#27A089; color:#fff;}
.bgNavy li.contact .morph-content form button{}

.nobg .interriorWrapper{ background:none; border-color:#565d89;}
.nobg .interriorHeader{ height:355px; background:none; border-bottom:2px solid #A7A8AF}
.nobg .interrior.content{ margin-top:-50px;}

.interriorHeader h2{ position:relative; font-size:5em; font-weight:900; margin:0; padding: 70px 0 0 0; color:#fff; text-transform:uppercase;}
.interriorHeader span{ display:inline-block; font-family: lato, sans-serif; margin: 0; padding: 0px 0 0 0; color: #ffda70; font-size: 2.3em; font-weight: 300; text-transform: uppercase; }

.home header{ background-color:transparent;}
.headerClick{ background: url(/templates/client/images/header-a.png) no-repeat 0 100%;}
.headerClick h2{ margin-left: 340px;}
.headerClick span{ margin-left: 380px;}

.headerMobile{ background: url(/templates/client/images/header-mobile-bg.png) no-repeat 0 100%;}
.headerMobile h2{ margin-left: 340px;}
.headerMobile span{ margin-left: 380px;}

.headerTech{ background: url(/templates/client/images/header-tech-bg.png) no-repeat 20% 100%; background-size:cover;}
.headerTech h2{ margin-left: 200px;}
.headerTech span{ margin-left: 240px;}
.headerTech:before{ position: absolute; top: 6%; content:''; background: url(/templates/client/images/header-tech-crez.png) no-repeat center; width:173px; height:303px; }

.headerCity{ background: url(/templates/client/images/header-city-bg.png) no-repeat 0% 100%;}
.headerCity h2{ margin-left: 340px;}
.headerCity span{ margin-left: 380px;}
.headerCity h2:before{ position: absolute; left: -100px; content:''; background: url(/templates/client/images/header-city-icon.png) no-repeat center; width:73px; height:83px; }

.headerRocket{ background: url(/templates/client/images/header-rocket-bg.png) no-repeat 100% 50%;}
.headerRocket h2{ margin-left: 40px;}
.headerRocket span{ margin-left: 80px;}

.headerGears{ background: url(/templates/client/images/header-gears-bg.png) no-repeat 0% 50%;}
.headerGears h2{ margin-left: 440px;}
.headerGears span{ margin-left: 480px;}

.headerArrows{ background: url(/templates/client/images/header-arrows-bg.png) no-repeat 0% 100%;}
.headerArrows h2{ margin-left: 340px;}
.headerArrows span{ margin-left: 380px;}
.headerArrows h2:before{ position: absolute; left: -100px; margin-top:20px; content:''; background: url(/templates/client/images/header-arrows-icon.png) no-repeat center; width:77px; height:64px; }

.headerUrl{ background: url(/templates/client/images/header-url-bg.png) no-repeat 0% 50%;}
.headerUrl h2{ margin-left: 470px;}
.headerUrl span{ margin-left: 480px;}

@media screen and (max-width: 1200px) {
	.interriorHeader{ background-size:contain; height:250px; }
	.interriorHeader h2{ font-size:4em; margin-left:370px; }
	.interriorHeader span{ font-size:2em; margin-left:380px; }
	.headerRocket h2{ margin-left:50px; }
	.headerRocket span{ margin-left:60px; }
	.headerArrows h2:before{ margin-top:26px; }
	.headerArrows h2{ margin-left:300px; }
	.headerArrows span{ margin-left:310px; }
}

@media screen and (max-width: 960px) {
	.interriorHeader{ height:200px;}
	.interriorHeader h2{ font-size:2.5em; margin-left:320px;}
	.interriorHeader span{ font-size:1em; margin-left:330px; }
	.headerCity h2{ margin-left:250px;}
	.headerCity span{ margin-left:260px; }
	.headerGears h2{ margin-left:250px;}
	.headerGears span{ margin-left:260px; }
	.headerRocket h2{ margin-left:50px; padding-top:50px;font-size:3em;}
	.headerRocket span{ margin-left:60px; }
	.headerMobile{ background-size:300px;}
	.headerMobile h2{  margin-left: 260px; padding-top: 50px;}
	.headerMobile span{ margin-left:260px; }
	.headerArrows h2:before{ margin-top:26px; }
	.headerArrows h2{ margin-left:200px; }
	.headerArrows span{ margin-left:210px; }
	.headerClick h2{margin-left:260px;}
	.headerClick span{margin-left:280px;}
}
@media screen and (max-width: 760px) {
	.interriorWrapper{ padding-top:0px; padding-bottom:130px; border-top:0; top:80px;}
	.interrior.content .pageTitle{ padding:10px 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow:column; -webkit-flex-wrap: wrap;  }
	.interrior.content .pageTitle h1{ width:100%; display:block; -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; }
	.interriorWrapper .cms__subnav{ position: relative; width:calc( 100% + 40px); display: block; top:0; margin:10px -20px -10px; float:none; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
	.interriorWrapper .cms__subnav li{ float: none; margin: 0;}
	.interriorWrapper .cms__subnav li a{ display: block; padding:10px;}
	.interriorWrapper .cms__subnav li a:before{ display:none;}
	.interriorWrapper .cms__subnav:before{ content: ''; position: absolute; top: -10px; right: 100px; height: 0; width: 0; border-bottom: 10px solid #828ABA; border-right: 10px solid transparent; border-left: 10px solid transparent; }
	.bgTealy .interriorWrapper .cms__subnav:before{border-bottom-color:#828ABA;}
	.bgNavy .interriorWrapper .cms__subnav:before{border-bottom-color:#27A089;}
}
@media screen and (max-width: 560px) {
	.interriorHeader{ height:200px;}
	.interriorHeader h2{  margin: 0; text-align: center; padding: 60px 0 0 0;	}
	.interriorHeader span{
		margin: 0; text-align: center; width: 100%; }
	.headerCity{ }
	.headerCity h2{
		padding: 80px 0 0 0;
		line-height: 1;
	}
	.headerCity span{ }
	.headerCity h2:before{
		left: 0;
		width: 100%;
		top: 0;
		background-size: 62px;
	}
	.headerGears{ background-size:cover;}

	.headerRocket{     background-position: 50%;
    background-size: cover;}
	.headerRocket h2{ margin: 0;
    text-align: left;
    padding: 20px 10px 10px;
    width: 100%;
    font-size: 2em;}
	.headerRocket span{    font-size: 1em;
    width: 60%;
    margin: 0;
    padding-left: 10px;
    text-align: left;}

	.headerMobile{ background-size: contain; background-position: -130px 100%; }
/*	.headerMobile h2{ margin-left: 0; padding-top: 30px; text-align: left; width: 60%; padding-left: 32%; font-size: 1.6em; }*/
	.headerMobile h2 {
		margin-left: 0;
		padding-top: 30px;
		text-align: left;
		width: 60%;
		padding-left: 32%;
		font-size: 1.6em;
	}
	.headerMobile span{
		width: 76%;
		padding-left: 39%;
		padding-top: 5px;
		text-align: left;
	}
	.headerUrl h2 {
		padding-top: 12px; font-size:1.6em;
	}
	.headerUrl span{    padding-top: 117px;}

	.headerClick{    background-size: 30%;}
	.headerClick h2{    padding: 20px 33px 0px 0px;
    text-align: right;}
	.headerClick span{    padding: 10px 40px 0 130px; text-align:right}

	.headerTech{background-size: cover;
    background-position: 100%;}
	.headerTech:before{ display:none;}

	.headerArrows h2{    padding-top: 20px;}
	.headerArrows h2:before{
	    margin-top: 26px;
		padding-bottom:20px;
    left: inherit;
    width: 80px;
    margin: 0 auto;
    position: relative;
    display: block;
	}
	.headerArrows div{}
	.headerArrows span{}

}

.fullwidth{ background:url(/templates/client/images/texture-noise.png) #30bfa3; color:#fff; position:relative; margin:0 -30px; padding:1px 30px;}
.fullwidth:before { content: ''; background:url(/templates/client/images/texture-noise.png) #30BFA3; width: calc( 50vw - 610px); height: 100%; display: block; position: absolute; right: 100%; top: 0; box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 0px 0px, inset rgba(0, 0, 0, 0.1) -60px 0 83px 2px;}
.fullwidth:after { content: ''; background: url(/templates/client/images/texture-noise.png) #30BFA3; width: calc( 50vw - 610px); height: 100%; display: block; position: absolute; left: 100%; top: 0; box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 0px 0px,inset rgba(0, 0, 0, 0.1) 60px 0 83px 2px; }
.fullwidth.blue{ background:url(/templates/client/images/texture-noise.png) #565d89; }
.fullwidth.blue:before { background:url(/templates/client/images/texture-noise.png) #565d89;}
.fullwidth.blue:after { background:url(/templates/client/images/texture-noise.png) #565d89; }
.fullwidth.black{ background:url(/templates/client/images/texture-noise.png) #242829; }
.fullwidth.black:before { background:url(/templates/client/images/texture-noise.png) #242829;}
.fullwidth.black:after { background:url(/templates/client/images/texture-noise.png) #242829; }
.fullwidth.portlink{ background:url(/templates/client/images/texture-noise.png) #B4EFDD; border-color:#92CAB9; color:#1DA67F; }
.fullwidth.portlink:before { background:url(/templates/client/images/texture-noise.png) #B4EFDD;}
.fullwidth.portlink:after { background:url(/templates/client/images/texture-noise.png) #B4EFDD; }
@media screen and (max-width: 1200px) {
.fullwidth{}
.fullwidth:before { display:none;}
.fullwidth:after { display:none; }

}
@media screen and (max-width: 760px) {
	nav > ul > li.contact{ width:100%;  margin:0 !important;}
}
@media screen and (max-width: 600px) {
.fullwidth{ margin:0 -10px; padding:1px 10px;}
}




.portfolio{ list-style:none; margin:0; padding:0;}
/*
.portfolio>li.items{
	float: left;
	width: 25%;
	border-bottom:2px solid #CED0DC;
}
*/
.portfolio{

	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-flow: row wrap;
	align-content: flex-start;
	flex:0;
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;
}
.portfolio>li.items{
	width:25%;
	    border-top: 2px solid #ccc;}
.portfolio>li{
	padding: 20px;
	display:none;
}
.homeLatest .portfolio>li{
	display:block;
}
.portfolio>li.active{ display:block;}
.portfolio>li.items a{
	background-repeat: no-repeat;
	background-size: 100%;
	position:relative;
	width: 100%;
	height: 0;
	padding-top:100%;
	margin:0 auto;
	/*box-shadow: inset 0px 0px 0 150px;*/
	text-align:center;
	display:block;
	transition:all 0.5s ease;
	overflow:hidden;
	color:#000;
	box-shadow:inset 0px -0px 0 0;
	top:0;
	opacity:1;
	/*border:2px solid #E6E6E6;*/
}
.portfolio>li.items a:hover{
	box-shadow:inset 0px -369px 0 0;
}
.portfolio>li.items>a>div{ position:absolute; top:0; bottom:0; left:0; right:0;
	/*
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	*/
	position:absolute;
}
.portfolio>li.items>a>.top{
	position: absolute;
	top:0;
	height: 65%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	transition:all 1s ease;

}
.portfolio>li.items>a>.bot{
	font-size:14px;
	padding:10px;
	position: absolute;
	height: 15%;
	top: 60%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	justify-content: center;
	transition:all 0.7s ease;
}
.portfolio>li.items>a>.bot p{
	line-height: 1.2em;
}
.portfolio>li.items>a>.launch{
	font-size:14px;
	padding:0px;
	position: absolute;
	height: 20%;
	top: 80%;
	transition:all 0.4s ease;
}
.portfolio>li.items>a>.launch:after{
    display: block;
    content: '';
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 0;
    top: 10px;
}
.portfolio>li.items>a>.launch>span{
	background-color: #16B3A6;
	padding: 10px 30px;
	color:#fff;
	position:relative;
	top: 0px;
	z-index: 1;
	width: 50%;
	min-width: 120px;
	display: block;
	margin: 0 auto;
}
.portfolio>li.items>a>.launch>span:after{
	content: '';
	position: absolute;
	top: 0;
	left: -10px;
	height: 0;
	width: 0;
	border-bottom: 10px solid #41455a;
	border-left: 10px solid transparent;
}
.portfolio>li.items>span{ position:relative; padding: 10px;
    text-align: center;
    background: url(/templates/client/images/texture-noise.png) #242829;
    color: #fff;
    display: block;
    font-size: 0.8em;
    margin-top: 5px; }
	.portfolio>li.items>span:before{    content: '';
    display: block;
    position: absolute;
    top: -15px;
    right: 15%;
    height: 0;
    width: 0;
    border-bottom: 15px solid #242829;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;}
.portfolio li.items a .top,.portfolio li a .bot,.portfolio>li>a>.launch{ margin-top:200%; }
.portfolio li.items a:hover .top,.portfolio li a:hover .bot,.portfolio>li>a:hover>.launch{ margin-top:0%;}
.portfolio li.items a img{ margin:0 auto; max-width: 80%; max-height: 80%; display:block;}
.portfolio>li.items>a>div{ color:#fff; width:100%;}

.portfolio>li.links{ clear:both; float:none; width:100%;    position: relative;
    top: -10px;
    background:url(/templates/client/images/texture-noise.png) #fff; }
.portfolio>li.links h3{ border-bottom: 2px solid #C7CDD0;  margin-top:0;  font-size: 1.2em; cursor:pointer;}
.portfolio>li.links h3:before{     display: inline-block;
    position: relative;
    content: '\f067';
    font-family: fontawesome;
    padding: 5px 10px;
    background-color: #30BFA3;
    color: #fff;
    margin-right: 10px;
    font-weight: normal;}
	.portfolio>li.links h3:hover{ border-bottom-color:#30BFA3}
.portfolio>li.links ul{ list-style-type:square; color: #42D6B9; display:none; }
.portfolio>li.links ul li{ float:left; width:33%; }
.portfolio>li.links ul li a{ line-height:1.4em; }


.homeLatest .portfolio>li.items a{box-shadow:inset 0px -369px 0 0;}
.homeLatest .portfolio li.items a .top,.homeLatest .portfolio li a .bot,.homeLatest .portfolio>li>a>.launch{ margin-top:0%; }
.homeLatest .portfolio>li.items a:hover{box-shadow:inset 0px 0 0 0;}
.homeLatest .portfolio li.items a:hover .top,.homeLatest .portfolio li a:hover .bot,.homeLatest .portfolio>li>a:hover>.launch{ margin-top:200%;}



.ccms__listingscatnav{ padding:0; margin:0; list-style:none; border-bottom: 3px solid #30BFA3;
    box-shadow: #7BEAD5 0px 2px 0px 0px; position:relative; z-index:10;}
.ccms__listingscatnav li{ display:inline-block;margin-top: 3px;}
.ccms__listingscatnav li a{    display: inline-block;
    padding: 10px 20px;
    background: #4F797D;
    color: #fff;
    text-decoration: none;
    margin-right: 3px;
	transition:all 0.3s ease;
	position:relative;
	border-bottom:none;
	top:0;
	}
.ccms__listingscatnav li a:hover{ background:#20E8C1; }
.ccms__listingscatnav li a.active{ background:#30BFA3; }

@media screen and (max-width: 960px) {
	.portfolio>li.items{
		width: 33.33%;
	}
}
@media screen and (max-width: 760px) {
	.portfolio>li{ padding:10px; }
	.portfolio>li.items{
		width: 50%;
	}
	.portfolio>li.links ul li{ float:left; width:50%; }

}
@media screen and (max-width: 600px) {
	.interrior.content{ padding:30px 10px 10px 10px;}
	.interrior.content .pageTitle{ margin: -30px -10px 0; }
	.portfolio li{ width:50%;}

	.portfolio>li.items>a>.bot{ display:none; }
.ccms__listingscatnav li{ display:block;margin-top:2px}
.ccms__listingscatnav li a{ display: block; margin:0;}
}
@media screen and (max-width: 550px) {
	.portfolio>li.links ul li{ float:none; width:100%; }
	.portfolio>li.items>a>.launch{height: 35%;
    top: 68%;}
}
@media screen and (max-width: 350px) {
	.portfolio li{ display:block; width:100% !important;}
}






.portfolio .mix{
    display: none;
}

.portTitle,.portSubTitle{background: url(/templates/client/images/texture-noise.png) #242829;
    margin: 0;
    padding: 20px;
    color: #fff;
    font-weight: lighter;
    font-size: 2em;}

.portSubTitle{ padding:10px;}




.featured-work{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-flow: row wrap;
	align-content: flex-start;
	flex:0;
	justify-content: center;
/*	align-content: flex-start;
	align-items: flex-start;
*/	width:100%;
}
.featured-work .image{
	background-position:center;
}
.featured-work .col{
	width: 50%;
	margin-top:100px;
}


.featured-work .details{
	padding: 40px;
	width:50%;
}
.featured-work .details h2{
	font-size: 2em;
	font-weight: 900;
	margin: 0px 0 0 0;
}
.featured-work .details p{}
.featured-work .details .url{ color:#AFAFAF;}
.featured-work .details ul{
	list-style: none;
	margin-left: 0;
	padding-left: 20px;
}
.featured-work .details ul li{ position:relative; line-height: 1.6em;}
.featured-work .details ul li:before{
	position: relative;
	content: '\f058';
	display: inline-block;
	color: #38BCA2;
	font-family: fontawesome;
	margin-right: 10px;
}
.featured-work .details .launch{
	display: inline-block;
	background: #1da67f;
	color: #fff;
	text-decoration: none;
	padding: 10px 40px;
	/* width: 50%; */
	text-align: center;
	font-weight: bold;
	line-height: 1;
}

.fullwidth .featured-work .details ul li:before{ color: #fff; }
.fullwidth .featured-work .details .launch{ background:#fff; color:#000}
.col>.image{width: 100%;
    padding-top: 75%;}
.featured-next{
	display: block;
	background: url(/templates/client/images/texture-noise.png) #242829;
	color: #FFF;
	text-align: center;
	line-height: 50px;
	margin: 0 -30px;
	text-decoration: none;
}
.featured-port{	display: block;
	text-align: center;
	line-height: 50px;
	margin: 0 -30px;
	text-decoration: none;
	background:#B4EFDD;color:#1DA67F; }
@media screen and (max-width: 1200px) {
	.featured-work .image{ background-size:contain !important;}
}
@media screen and (max-width: 600px) {
	.featured-next{margin:0 -10px; padding:1px 10px;}
}

@media screen and (max-width: 560px) {
	.featured-work{
		display: block;
		width:100%;
	}
	.featured-work .col{
		width: 100%;
		margin-top:30px;
	}
	.featured-work .image{
		height:250px;
		background-size: contain !important;
		background-position:center;
	}
	.featured-work .details{
		padding: 0 0 20px 0;
		width: 100%;
		background-position:center !important;
	}

}




.webdesignh4{ font-size:1.6em; font-weight:normal; margin:0px;}
.list.webdesign{     margin: 10px 0;
    padding: 10px 0;
    list-style: none;
    border-top: 5px solid #D1D3DF;
    border-bottom: 1px solid #D1D3DF; }
.list.webdesign li{ float:left; width:50%; position:relative; padding:20px ;}
.list.webdesign li:before{ content:''; display:block; float:left; width:128px; height:128px; background:url(/templates/client/images/icons-sprite.png) #50567b no-repeat 0 0; margin-right:10px; }
.list.webdesign li:nth-child(2):before{background:url(/templates/client/images/icons-sprite.png) #30bfa3 no-repeat 0 -128px; }
.list.webdesign li:nth-child(3):before{background:url(/templates/client/images/icons-sprite.png) #efbf41 no-repeat 0 -256px; }
.list.webdesign li:nth-child(4):before{background:url(/templates/client/images/icons-sprite.png) #f27744 no-repeat 0 -384px; }
.list.webdesign li div{ float:left;}
.list.webdesign li h3{     display: block;
    margin: 0;
    margin-top: 5px;
    padding: 0; }
.list.webdesign li a{ display:block;}
@media screen and (max-width: 760px) {
	.list.webdesign li:before{ float:none; width:auto;}
}
@media screen and (max-width: 560px) {
	.list.webdesign li{ float:none; width:auto;}
}

.list.hosting{ padding:0; margin:0;}
.list.hosting li{ display:block; position:relative; clear:both; border-bottom: 2px solid #ccc; padding: 20px;  }
.list.hosting li:before{content:''; display:block; float:left; width:128px; height:128px; background:url(/templates/client/images/icons-sprite.png) #50567b no-repeat 0 -1536px; margin:0px 30px 20px 0px;}
.list.hosting li:after{content:"";display:table;clear:both;}
.list.hosting li:nth-child(2):before{ background:url(/templates/client/images/icons-sprite.png) #30BFA3 no-repeat 0 -512px; }
.list.hosting li:nth-child(1),.list.hosting li:nth-child(3),.list.hosting li:nth-child(5){ background: #ECEDF5 }
.list.hosting li:nth-child(4):before{ background:url(/templates/client/images/icons-sprite.png) #30BFA3 no-repeat 0 -640px; }
.list.hosting li:nth-child(5):before{ background:url(/templates/client/images/icons-sprite.png) #50567b no-repeat 0 -768px; }
.list.hosting li:nth-child(3):before{ background:url(/templates/client/images/icons-sprite.png) #50567b no-repeat 0 -896px;; }

.list.hosting li h2{ margin-top:10px; }
.list.hosting li a{}


.list.seo{ margin: 10px 0;
    padding: 10px 0;
    list-style: none;
    border-top: 5px solid #D1D3DF;
    border-bottom: 1px solid #D1D3DF;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-flow: row wrap;
	align-content: flex-start;
	flex:0;
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;

	 }
.list.seo>li{ width:50%; position:relative; padding:20px ;}
.list.seo>li div{ float:left;}
.list.seo>li h2{
    margin: 0;
    margin-top: 5px;
    padding: 0;
    height: 128px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    padding-left: 148px;
    background: url(/templates/client/images/icons-sprite.png) #50567b no-repeat 0 -1024px;
}
.list.seo>li:nth-child(2) h2{background:url(/templates/client/images/icons-sprite.png) #30bfa3 no-repeat 0 -1152px; }
.list.seo>li:nth-child(3) h2{background:url(/templates/client/images/icons-sprite.png) #efbf41 no-repeat 0 -1280px; }
.list.seo>li:nth-child(4) h2{background:url(/templates/client/images/icons-sprite.png) #f27744 no-repeat 0 -1408px; }

/*
.list.seo>li a{ display:block;}
*/
@media screen and (max-width: 760px) {
	.list.seo>li{ float:none; width:auto;}
}
@media screen and (max-width: 560px) {
	.list.seo>li{ padding:0;}
	.list.seo>li h2{ padding-left:128px; font-size:1.2em;}
}


.list.hospitality{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  list-style:none;
  padding:0;
  margin:0;

 }
.list.hospitality li{
width: 48%;

    background-color: rgba(229, 229, 230, 0.46);
    margin: 1%;
    padding: 0px;
    border-bottom: 5px solid #ccc;
    box-shadow: inset #E8E8E9 0px 0px 0px 5px;}
.list.hospitality li a{
	display: block;
    position: relative;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
    font-weight: normal;
    border-bottom: 3px dashed #F3F3F4;
    background-color:#565D89;
    margin: 5px;
    padding: 20px;
    color: #fff;
	text-align: center;
    box-shadow: inset rgba(0, 0, 0, 0.12) 3px 3px 6px 0px;
    background: url(/templates/client/images/hospitality-bg-fade.png) repeat-x #565D89 top left;
}
.list.hospitality li a:before{
    content: "";
    position: relative;
    display: block;
    background: url(/templates/client/images/screen-eno.jpg) no-repeat 0;
    width: 269px;
    margin: 0 auto;
    padding: 0;
    height: 269px;
    margin-bottom: 20px;
    border: 2px solid #ccc;
}
.list.hospitality li:nth-child(2) a:before{ background-image:url(/templates/client/images/screen-norestaurants.jpg);}
.list.hospitality li:nth-child(3) a:before{ background-image:url(/templates/client/images/screen-noweddings.jpg);}
.list.hospitality li:nth-child(4) a:before{ background-image:url(/templates/client/images/screen-best.jpg);}
.list.hospitality li:nth-child(5) a:before{ background-image:url(/templates/client/images/screen-mardigras.jpg);}
.list.hospitality li:nth-child(6) a:before{ background-image:url(/templates/client/images/screen-nocoupons.jpg);}
.list.hospitality li:nth-child(7) a:before{ background-image:url(/templates/client/images/screen-nokids.jpg);}
.list.hospitality li:nth-child(8) a:before{ background-image:url(/templates/client/images/screen-noparties.jpg);}
.list.hospitality li p{     font-size: 0.94em;    margin: 30px;}
@media screen and (max-width: 760px) {
	.list.hospitality li{
		width: 100%;
		text-align: center;
		margin: 0 0 20px 0;
	}
}
@media screen and (max-width: 760px) {
	.list.hospitality li a:before{
		width: 100%;
		padding-top:100%;
		height:auto;
		background-size:cover;
	}
}



.list.programming{ list-style:none; margin:0; padding:0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-flow: row wrap;
	align-content: flex-start;
	flex:0;
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;

}
.list.programming li{     position: relative;
    width: 33.33%;
    padding: 20px;
    text-align: left; }
.list.programming li:before{     content: '';
    display: block;
    height: 128px;
    margin: 0 auto;
    background: url(/templates/client/images/icons-sprite.png) #5A8A9C no-repeat 50% -1536px;}
.list.programming li:nth-child(2):before{ background-color:#30bfa3; background-position:50% -1664px;}
.list.programming li:nth-child(3):before{ background-color:#efbf41; background-position:50% -1792px;}
.list.programming li:nth-child(4):before{ background-color:#f27744; background-position:50% -1920px;}
.list.programming li:nth-child(5):before{ background-color:#71559E; background-position:50% -2176px;}
.list.programming li:nth-child(6):before{ background-color:#5A8A9C; background-position:50% -2304px;}
.list.programming li a{}
.list.programming li h2{}
.list.programming li p{}


.list.partners{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  list-style:none;
  padding:0;
  margin:0;

 }
.list.partners li{
    width: 23%;
    margin: 1%;
    text-align: center;
    background-color: rgba(229, 229, 230, 0.46);

    border-bottom: 5px solid #ccc;
    box-shadow: inset #E8E8E9 0px 0px 0px 5px;
	padding: 10px;
    font-size: 0.8em;}
.list.partners li p{ text-align:left;}


.list.partners li:before{ display:block; height:120px; content:''; background:no-repeat center; background-size: 80% }
.list.partners li:nth-child(1):before{ background-image:url(/templates/client/images/partners/google.png); }
.list.partners li:nth-child(2):before{ background-image:url(/templates/client/images/partners/tripadvisorpartner.png); }
.list.partners li:nth-child(3):before{ background-image:url(/templates/client/images/partners/icontact.png); }
.list.partners li:nth-child(4):before{ background-image:url(/templates/client/images/partners/yext.png); }

.whoweare{ margin:0 0 10px 0 ; padding:0; }
.whoweare li{ display:inline-block;  }
.whoweare li:before{    display: inline-block;
    content: '';
    width: 275px;
    background-size: 285px;
    background-position: center;
    height: 104px;
    background-repeat: no-repeat; }
.whoweare li:nth-child(1):before{ background-image:url(/templates/client/images/partners/google.png); }
.whoweare li:nth-child(2):before{ background-image:url(/templates/client/images/partners/googleanalytics.png); width:125px; }
.whoweare li:nth-child(3):before{ background-image:url(/templates/client/images/partners/tripadvisorpartner.png);width:125px; }

@media screen and (max-width: 960px) {
	.list.partners li{
    width: 48%;
    margin: 1%;
	}
}
@media screen and (max-width: 760px) {
.list.programming li{ width:50%}
}
@media screen and (max-width: 560px) {
.list.programming li{ width:100%}
	.list.partners li{
    width:98%;
    margin: 1%;
	font-size:1em;
	}
}

.colcontainer{ }
.halfcol.fltleft{ float:left; width:50%;}
.innerlink{ display:inline-block; color:#fff; padding:10px 20px; font-size:1.2em; background:#4BA9D6; text-decoration:none;     font-size: 1em;
    color: #DCDEE8;  }
.innerlink:hover{ background-color:#44B6ED; color:#fff;}
.innerlink:before{font-family:fontawesome;  display:inline-block; margin-right:10px;}
.innerlink.chat:before{  content:'\f075';  }
.innerlink.paper:before{content:'\f1ea';}
.innerlink.star:before{content:'\f005';}
.innerlink.phone:before{content:'\f095';}
.innerlink.process:before{content:'\f013';}
.innerlink.hosting:before{content:'\f233';}

.content p.sitelistContainer {
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-around;
	list-style:none;
	padding:10;
	margin:0;
	line-height:0 !important;
}
.innerlink.sitelist{ position:relative; width:23%; margin:10px 1%; display:block; text-align:center;font-size:0; }
.innerlink.sitelist:before{
	content: '';
    display: block;
    width: 80%;
    height: 100px;
    background-size: contain !important;
    background: no-repeat center;
    margin: 0 auto;
}
.sitelistContainer .innerlink.sitelist:nth-child(1):before{ background-image:url(/uploads/listings/bestlogo_1441915315.png);}
.sitelistContainer .innerlink.sitelist:nth-child(2):before{ background-image:url(/uploads/listings/attractenologo_1442953485.png);}
.sitelistContainer .innerlink.sitelist:nth-child(3):before{ background-image:url(/uploads/listings/norlogo_1441987754.png);}
.sitelistContainer .innerlink.sitelist:nth-child(4):before{ background-image:url(/uploads/listings/weddingslogo_1441987838.png);}
.sitelistContainer .innerlink.sitelist:nth-child(5):before{ background-image:url(/uploads/listings/attractmgnologo_1442794893.png);}
.sitelistContainer .innerlink.sitelist:nth-child(6):before{ background-image:url(/uploads/listings/attractnokidslogo_1442433397.png);}
.sitelistContainer .innerlink.sitelist:nth-child(7):before{ background-image:url(/uploads/listings/attractnopartieslogo_1442433747.png);}
.sitelistContainer .innerlink.sitelist:nth-child(8):before{ background-image:url(/uploads/listings/attractsteamboatnatlogo_1442433614.png);}

.innerTitle{     display: block;
    padding: 5px 20px 5px 0;
    font-size: 1.2em;
    text-decoration: none;
    border-bottom: 2px solid #DBDDDE; }
.innerTitle:before{font-family: fontawesome;
    display: inline-block;
    margin-right: 10px;
    background-color: #44B6ED;
    padding: 10px;
	font-weight:lighter;
    color: #fff;}
.innerTitle.management:before{  content:'\f075';  }
.innerTitle.promote:before{  content:'\f0a3'; background-color: #77DA7A; }
.innerTitle.ptouch:before{  content:'\f087'; background-color: #D477DA; }
.innerTitle.groupres:before{  content:'\f0c0'; background-color: #FFB631; }
.innerTitle.packages:before{  content:'\f02c'; background-color: #D65252; }
.innerTitle.cards:before{  content:'\f27a'; background-color: #31E2FF; }

.row{ padding:20px;}
.row:nth-child(even){ background:#EAF1EF;}
.row:nth-child(odd){ }
.row .innerTitle{margin:0;}

.row.awards  .lgtxt{ font-size:1.6em !important;}

.compurezFeatures{}
.list.compurezFeatures{ list-style:none; margin:0; padding:0;   display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.list.compurezFeatures li{     position: relative;
    width: 33.33%;
    padding: 20px;
    text-align: center; }
.list.compurezFeatures li:before{     content: '\f274 ';
    display: block;
    margin: 0 auto;
    background: #5A8A9C;
	line-height:128px;
	font-family:fontawesome;
	color:#fff;
	font-size:4em;
	font-weight:lighter;
	}
.list.compurezFeatures li:nth-child(2):before{ content:'\f02b';}
.list.compurezFeatures li:nth-child(3):before{ content:'\f0f7';}
.list.compurezFeatures li:nth-child(4):before{ content:'\f069';}
.list.compurezFeatures li:nth-child(5):before{ content:'\f00c';}
.list.compurezFeatures li:nth-child(6):before{ content:'\f155';}
.list.compurezFeatures li:nth-child(7):before{ content:'\f273';}
.list.compurezFeatures li:nth-child(8):before{ content:'\f080';}
@media screen and (max-width: 760px) {
	.list.compurezFeatures li{ width:50%;}
	.row{ padding:10px;}
	.halfcol.fltleft{ float:none; width:100%;}

}
@media screen and (max-width: 560px) {
	.list.compurezFeatures li{ width:100%;}
	.innerlink.sitelist{ width:48%;}
}
.availchecks{}
.availchecks h3{    font-size: 2.6em; margin-bottom:0;}
.availchecks h4{     font-size: 1.6em;
    color: #F3F1B3;
    margin-top: 0;}


.list.devprocess {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
.list.devprocess > li {
    position:relative; /* Create a positioning context */
    margin:0; /* Give each list item a left margin to make room for the numbers */
    padding: 20px 20px 20px 80px;
    list-style:none; /* Disable the normal item numbering */
    border-top:2px solid #97A0D6;
}
.list.devprocess > li:nth-child(even){ background:#EAF1EF;}
.list.devprocess > li:nth-child(odd){ }

.list.devprocess > li:before {
    font-family:fontawesome,lato;
	counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-10px;
    left: 20px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border-top:2px solid #97A0D6;
    color:#fff;
    background:#97A0D6;
    font-weight:lighter;
    text-align:center;
	font-size:1em;
}
.list.devprocess > li:after {
    content: '';
    position: absolute;
    top: -10px;
    left: 55px;
    height: 0;
    width: 0;
    border-bottom: 8px solid #5C6498;
    border-right: 8px solid transparent;
}
.list.devprocess > li:nth-child(1):before {  content:counter(li) ' \f27a';}
.list.devprocess > li:nth-child(2):before {  content:counter(li) ' \f044';}
.list.devprocess > li:nth-child(3):before {  content:counter(li) ' \f0e8';}
.list.devprocess > li:nth-child(4):before {  content:counter(li) ' \f013';}
.list.devprocess > li:nth-child(5):before {  content:counter(li) ' \f121';}
.list.devprocess > li:nth-child(6):before {  content:counter(li) ' \f06e';}
.list.devprocess > li:nth-child(7):before {  content:counter(li) ' \f120';}
.list.devprocess > li:nth-child(8):before {  content:counter(li) ' \f135';}
.list.devprocess > li:nth-child(9):before {  content:counter(li) ' \f00c';}

div.devprocess{  }
.devprocessContainer>div:nth-child(1){ float:left; width: 60%; }
.devprocessContainer>div:nth-child(2){    float: left;
    width: 30%;
    margin: 5%;
    padding: 5%;
    background: #DDDEE6;
    text-align: center;
    border: 2px dashed #FFF;}
.devprocessContainer>div:nth-child(2) h3{    font-size: 4em;
    color: #333;
    margin: 0;}
.devprocessContainer .innerlink.wide{

	margin: 0 5%;
	width: 30%;
	text-align: center;
	line-height: 2em;
	font-size: 1.4em;
}
@media screen and (max-width: 1200px) {
	.devprocessContainer>div:nth-child(2) h3{font-size: 3em;}
	.devprocessContainer .innerlink.wide{font-size: 1em;}
}
@media screen and (max-width: 960px) {
	.devprocessContainer>div:nth-child(1){ float:none; width: auto; }
	.devprocessContainer>div:nth-child(2){ float:none; width: auto;}
	.devprocessContainer .innerlink.wide{ width:auto; display:block;}
}

.contactWrapper{  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  list-style:none;
  padding:0;
  margin:0;
}
.contactContainer{ padding-right:30px; width:50%}
#map{ margin-top:30px; width:50%; position:relative;}
#map iframe{ position:absolute; min-height:350px;}

@media screen and (max-width: 960px) {
	.contactContainer{width:60%}
	#map{ width:40%}
}
@media screen and (max-width: 760px) {
	.contactWrapper{  display: bloxk; }
	.contactContainer{width:100%; padding:0;}
	#map{ width:100%; height:350px; margin-top:0; min-height:350px;}
}

.formErrors{ display:none;}
label.error{ display:none !important;}
input.error{ box-shadow: inset red 0px 0px 0px 2px !important;; background-color: #A20000 !important;}

.testblurb{ clear:both; display:block; border-bottom:2px solid #ccc;}
.testblurb .testimgwrapper{ float: left; width: 20%; padding:20px; height: auto; }
.testblurb .testimgwrapper img{ width:100%; height:auto}
.testblurb .imgblurb{ float: left; width: 80%; }
.testblurb .lgtxt{ font-weight:bold;}

@media screen and (max-width: 760px) {
	.testblurb .testimgwrapper{ width:60%; float:none; margin:0 auto; }
	.testblurb .imgblurb{ width:100%; float:none; }
}

.customcomps{}
.customcomps>div{}
.customcomps img{ float:left; margin:0 15px 15px 0;}



.form {margin-top:25px; /*background:rgba(255, 255, 255, 0.75);*/ transition:3s; transition: 0.3s;}
::-webkit-input-placeholder {color:#e2e2e2;}
:-moz-placeholder {color:#e2e2e2;}
::-moz-placeholder {color:#e2e2e2;}
:-ms-input-placeholder {color:#e2e2e2;}

.form ul {padding:0 !important;}
.form ul li {display:block; float:left; position:relative; }
.form ul li:before {display:none;}
.form input{padding: 5px 2%;}
.form .inputText{ width: 94%; }
/*.form img{ border: none !important; border-radius: 3px;margin: 0px !important; padding: 1px 0px 2px 0px; position: absolute;top: 0px; right: 0; width:100px !important; }
*/
.form input, .form select, .form textarea {outline: 0; border: none; background-color: #565d89; padding: 6px 2%;margin: 0;border-right: none; font-size: 17px; margin-bottom: 20px; transition: 0.3s;
/* box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); */ box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.11);   -moz-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.11);  -webkit-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.11); }
.form textarea{ margin-top: 5px; padding:5px 1%; width:98%; height:70px; resize:vertical; }
/*.form input[type="radio"], .form input[type="checkbox"]  {border: none !important; background:none !important; -moz-box-shadow:none !important;  -webkit-box-shadow:none !important;  box-shadow:none !important;}*/
.form button, .form  input[type="submit"] { position:relative; width:100%; border:none; padding:8px 40px; font-size:15px; cursor:pointer;  border-radius:2px;  text-transform:uppercase; margin-top: 0; outline: 0; background: #36B2B4 ;color: #fff; cursor: pointer; vertical-align: top; transition: 0.4s, margin-top 0.0s;}
.form button:hover, .form  input[type="submit"]:hover  { background:#000000; }
.form button:active , .form  input[type="submit"]:active {}
.form button:after {content: "\f054";font-family: FontAwesome;position: absolute;right: 10px;font-size: 17px;color: #fff;}

.form label {display: none ; margin-top: -20px; color:#53320C}
.catcha { width:100%; height:auto;}
.form img { box-shadow: none;-moz-box-shadow: none;  -webkit-box-shadow: none; }
.inputsFull {padding:0; list-style:none !important}
.inputsFull label {margin-top:10px;}

 body form fieldset div.formfields input,body form fieldset div.formfields textarea{ background-color:#565d89; color:#fff;}

.contactContainer form ul li:nth-child(1),.contactContainer form ul li:nth-child(2),.contactContainer form ul li:nth-child(3){ width:33.33%; margin:0;}
.contactContainer form ul li:nth-child(4){ width:100%; }
.contactContainer form ul li:nth-child(5){ width:33.33%; }
.contactContainer form ul li:nth-child(6){width:20; }
.contactContainer form ul li:nth-child(7){width:46.67%; padding-left: 10%; }

.contactContainer input::-webkit-input-placeholder, .contactContainer textarea::-webkit-input-placeholder {
   color:#D7D7D7;
}

.contactContainer input:-moz-placeholder, .contactContainer textarea:-moz-placeholder{ /* Firefox 18- */
   color:#D7D7D7;
}

.contactContainer input::-moz-placeholder, .contactContainer textarea::-moz-placeholder {  /* Firefox 19+ */
   color:#D7D7D7;
}

.contactContainer input:-ms-input-placeholder, .contactContainer textarea:-ms-input-placeholder {
   color:#D7D7D7;
}
/*.contactContainer form ul li:nth-child(6){ width:50%; padding-left:10%; }
*/
	.contactContainer .form input, .contactContainer .form select, .contactContainer .form textarea { color:#fff}
@media screen and (max-width: 560px) {
.contactContainer form ul li{ width:100% !important; padding:0 !important; margin:10px 0 !important; float:none; }
	.form input, .form select, .form textarea { width:100% !important; margin:0; padding:10px;}
	.form button{padding:20px 40px;}
}


.pulldownContact{ position: absolute;
top:30px;
    left: 0;
    right: 0;
	z-index:-1;
	height:1px;
	}
	.pulldownContact.sticky{ position:fixed;top:-1px;}
.pulldownContact.active{ }
.pulldownContact>div.wrapper{ text-align:right;	height:1px;}
.pulldownContact>div.wrapper>div.container{
height:260px;
box-shadow: inset #fff 0px 0px 160px 40px,inset #000 0px 0px 0px 2px, rgba(0, 0, 0, 0.33) 2px 2px 5px -2px;
    background-color: rgba(255, 255, 255, 0.85);
transition:all 0.4s ease; position:relative;
top:-260px; float:right; width:50%;
display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-flow: row wrap;
	align-content: flex-start;
	flex:0;
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;}
.pulldownContact.hover>div.wrapper>div.container{top:-155px;}
.sticky .pulldownContact{ position:fixed; }
.sticky .pulldownContact.hover>div.wrapper>div.container {top:-235px}
.pulldownContact.active>div.wrapper>div.container{ top:100px;}

.sticky .pulldownContact.active>div.wrapper>div.container {
    top: 20px;
}
.pulldownContact>div.wrapper>div.container>div.col{     width: 40%;
    text-align: center; padding-left:20px
    }
.pulldownContact>div.wrapper>div.container>form.col{     width: 60%;
    padding: 20px;  }


.pulldownContact h3{    font-size: 2em;
    font-weight: normal; color:#BF3030}
.pulldownContact p{}
.pulldownContact form{ }
.pulldownContact form>div{ padding-bottom:8px;}
.pulldownContact form input{}
.pulldownContact form textarea{ height: 105px; }
.pulldownContact form .captcha input{ float:left; width:70%; display:block;}
.pulldownContact form .captcha img{float:left; width:30%; height:auto;}
.pulldownContact form button{
	display:none !important;
	background: #BF3030;
    border: 0;
    color: #fff;
    padding: 6px 40px;
    position: relative;
    right: 0;
    width: 80%;
    font-weight: bold;
    font-size: 1.2em;
	transition:all 0.3s ease;
	}
.pulldownContact form button:before{
	content: '';
    position: absolute;
    bottom: 0;
    left: -10px;
    height: 0;
    width: 0;
    border-top: 19px solid #41455a;
    border-left: 10px solid transparent;
}

.pulldownContact.active form button{ display:block !important; }
.pulldownContact .close{ display:none; }
.pulldownContact.active .close{     display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 1.4em;
    color: #242829;
    margin: 10px; }
.pulldownContact.active .close i{  }
@media screen and (max-width: 760px) {
	.pulldownContact{ display:none;}
}

/* Blog */
section .blogitem {  }
section .blogitem img {     vertical-align: top;
    float: left;
    margin: 0 0.7em 0.7em 0;
    border: 2px solid #ccc; }
section .blogitem .date { font-style:italic;    font-size: 0.9em;
    color: #666; }
section .blogitem .category {   background: #FBFBFB;
    font-size: 0.9em;
    padding: 0.1em 0.3em;
    margin-left: 10px;}
section .blogitem h2{    font-weight: normal;
    margin: 10px 0 0 0;
    font-size: 1.4em;}
section .blogitem>a{ text-decoration:none;}
section .blogitem a.readmore{    background: #9397B4;
    color: #fff;
    padding: 5px 15px;
    font-size: 0.9em;}

.pageContainer{    border-top: 2px solid #ECECEC;
    padding-top: 20px;}
.pageContainer span{    display: inline-block;
    padding: 5px 10px;
    background-color: #EAF1EF;}
.pageContainer a{  display:inline-block;   padding: 5px 10px;
    background: #9397B4;
    color: #fff; white-space:nowrap; word-wrap:normal; word-break:keep-all; margin-bottom:5px;}
.size-medium{}
.alignright{ float:right; margin:10px 0 10px 10px;}
.alignleft{ float:left; margin:10px 10px 10px 0px;}
.blogback{    background: #30BFA3;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    text-align: center;}
@media screen and (max-width: 550px) {
	section .blogcontainer{ margin-top:10px;}
	section .blogitem img {         display: block;
		float: none;
		width: 100%;
		height: auto;
	 }
	 .alignright,.alignleft,.postcontainer img{ float:none; margin:0px; display:block; width:100%; height:auto;}
	.blogback{ display:block;}
	.row.wbenc img{ width:100%; height:auto;}
}

/* COMPUREZ FORM STUFF */
form.compurez{}
form.compurez ul{ list-style:none; padding:0; margin:0;}
form.compurez ul li{
	column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-webkit-column-break-inside:avoid;
}
form.compurez ul li.hotelname,form.compurez ul li.roomname,form.compurez ul li.ratecode{ font-size:1.4em; display: inline-block; width:33%; }
form.compurez ul li.ratecode{ width:60%;}
form.compurez ul li.hotelname input,form.compurez ul li.roomname input,form.compurez ul li.ratecode input{ display:block;}
form.compurez ul.amenities{
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	-webkit-column-rule: 1px solid lightblue;
	-moz-column-rule: 1px solid lightblue;
	column-rule: 1px solid lightblue;
	-webkit-column-span: all;
	column-span: all;
}
form.compurez ul.amenities label{ padding:10px; display: block; width:100%; cursor:pointer;}
form.compurez ul.amenities label:hover{ text-decoration:underline;}
form.compurez ul.amenities li:nth-child(even){ background:#f1f1f1;}
form.compurez ul li input{ margin-right:10px;}

form.compurez ul li.captcha{
	background: #eaeef5;
    padding: 20px;
    margin: 10px;
}
form.compurez ul li.captcha input{ padding:10px; }
form.compurez ul li.submit{}
form.compurez ul li.submit button{ display: block; width:100%; border:0; padding:10px; color:#fff; background:#10ab10; font-size:1.6em; font-weight:bold;}


@media screen and (max-width: 1220px) {
	form.compurez ul li.hotelname,form.compurez ul li.roomname,form.compurez ul li.ratecode{ font-size:1em; }
	form.compurez ul.amenities{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}

}
@media screen and (max-width:760px) {
	form.compurez ul li.hotelname,form.compurez ul li.roomname,form.compurez ul li.ratecode{ display:block; width:100%;}
	form.compurez ul.amenities{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	form.compurez ul li{ white-space:normal; padding:10px 5px; }
}



/* Gallery============================ */
#gallery-categories { list-style: none !important; padding: 0; margin: 0 0 70px 0;}
#gallery-categories li {position:relative;width: 25%;width: 48%;float:left;margin: 10px 1%;border: solid 8px #f6f4f1 !important;padding: 0px 0px 0px 0px;border-radius: 4px;box-sizing:border-box;}
#gallery-categories li:before {display:none;}
#gallery-categories li a { position: relative; display:block; }
#gallery-categories li a span {position: absolute;top: 50%;left: 50%;display: inline-block;width: 280px;margin: -22px 0 0 -140px;background: rgba(255, 255, 255, 0.86);background: #e6bc68 url(../images/content.jpg) repeat center;text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20);text-align:center;font-size:24px;letter-spacing: 1px;font-size: 27px;border-radius: 3px;padding: 11px 20px 11px 20px;color: black;box-sizing:border-box;border-radius: 4px;transition:0.3s;}
#gallery-categories li:hover a span {background: rgba(255, 255, 255, 0.9);}
#gallery-categories li a img { display:block; width:100%; height:auto;     max-width: 100%; margin-bottom: 0px;}

@media screen and (max-width: 700px) {	
		#gallery-categories li {float:none;display:block;margin:0px auto 40px auto;width: 100% !important;max-width:410px;}
	}
	
		
/* Aligned Gallery*/
.aligned-gallery { list-style:none;  columns:1;   padding: 0px 0px 0px 15px;}
.aligned-gallery li {display:block;float:left;margin: 5px !important;width: inherit !important;padding: 0px !important;box-;box-shadow: 0px 0px 11px -8px rgba(0, 0, 0, 0.0);sition:0.3s;}
.aligned-gallery li:hover {/* box-shadow: 0px 10px 11px -8px rgba(0, 0, 0, 0.41); */}
.aligned-gallery li:before {display:none;}
.aligned-gallery li a { display:block; cursor:zoom-in}
.aligned-gallery li a img { display:block; margin:0px !important; border-radius: 3px; max-width: 100%;}
	

	@media screen and (max-width: 780px) {	
		#gallery-categories li {display:block;margin: 0px auto 10px auto;width: 50%;max-width: 400px;}
	}
	@media screen and (max-width: 550px) {	
		#gallery-categories li {float:none;display:block;margin: 0px auto 0px auto;width: 100%;max-width:300px;}
	}