/*!
Theme Name: Eldo
Theme URI: https://eldo.co.uk
Author: Eldo Web Design Ltd
Author URI: https://eldo.co.uk
Description: Eldo for... erm... Eldo Web Design Ltd
Version: 2022.0
License: Private
License URI: https://eldo.co.uk
Text Domain: Eldo
Tags: bespoke
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

*,
*::before,
*::after {
  box-sizing: inherit;
}
html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	  float:left;
  width:100%;
  position: relative
}
@-ms-viewport {
  width: device-width;
}
html, body {
  float: left;
  width: 100%;
  position: relative;
  overflow-x: hidden;
}
body {
	margin: 0;
	background: #fff;
	font-family: elza, sans-serif;
	color: #082236;
	font-weight: 400;
	font-size: 16px;
	float:left;
	width:100%;
	overflow-x: hidden;
	position: relative;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	line-height:1.6;
}
.anim {
	visibility: hidden;
  	position:relative;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a {
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
b,
strong {
	font-weight: bolder;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
img {
	border-style: none;
}
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
details {
	display: block;
}
summary {
	display: list-item;
}
template {
	display: none;
}
[hidden] {
	display: none;
}
.dark-bg *:not(a){
	color: #fff;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
input,
select,
optgroup,
textarea {
	color: #082236;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
  color: #082236;
  font-weight: 700;
  clear: both;
  font-family: elza, sans-serif;
    font-weight: 600;
}
h1 {
	font-size:5em;
	font-family: elza, sans-serif;
    font-weight: 700;
	line-height: 1;
	color: #0D3756;
    background: #C83A8C;
        background: linear-gradient(90deg, #0D3756 0%, #3498db 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	padding-bottom: 8px;
}
#banner h1 span.hand {
	font-family: reklame-script, sans-serif;
	font-weight:700;
	letter-spacing: normal;
	font-size: 1em;
	background: linear-gradient(229deg, #C83A8C 0%, #3498db 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
        padding-right: 6px;
            padding-left: 5px;
}
body.home #banner h1 span.hand {
	background: linear-gradient(56deg, #C83A8C 0%, #3498db 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
body.home #banner h2 span.hand {
	background: linear-gradient(56deg, #C83A8C 0%, #3498db 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size: 2em;
}
h2 {
	font-size:2.3em;
	line-height:1.2;
	color: #0D3756;
    background: #3498db;
    background: linear-gradient(229deg, #0D3756 0%, #3498db 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-position:center center;
	background-size:100%;
    font-weight:700;
    display:inline-block;

}
h2:not(.section-title) {
	    margin-bottom:4px
}
h2 span.hand {
	font-family: reklame-script, sans-serif;
	font-weight:700;
	letter-spacing: normal;
	font-size: 1em;
}
h2 span.cite {
	font-size:0.7em
}
h2.title {
	margin-bottom:0
}
h2.section-title {
	margin-top:10px
}
.dark-bg h2 {
	color:#fff;
	background: linear-gradient(-90deg, #ccc 0%, #fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.restrict-h2 h2 {
	max-width:670px
}
h3 {
	font-size:1.4em;
	line-height:1.4;
}
h4 {
	font-size:1em;
	line-height: 1.5;
}
h5 {
	font-size:0.8em;
}
h6 {
	font-size:0.6em;
}
p {
	margin-bottom: 1.5em;
}
span.hand {
	font-family: reklame-script, sans-serif;
	font-weight:700;
	letter-spacing: normal;
	font-size: 1em;
}
dfn, cite, em, i {
	font-style: italic;
}
cite {
	font-size:1em;
	color:#55595e
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
	font-style:normal
}
span.pink {
	font-weight:900;
	color:#3498db!important;
	font-size:1.1em
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
ul.one-col {
	columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  padding-left:20px
}
ul.one-col li {
	padding-right:10px;
}
ul.two-col {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  padding-left:20px
}
ul.two-col li {
	padding-right:10px;
}
ul.three-col {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  padding-left:20px
}
ul.four-col {
  columns: 4;
  -webkit-columns: 4;
  -moz-columns: 4;
  padding-left:20px
}
ul.three-col li,
ul.four-col li {
	padding-right:10px;

}
#flexible-content ul.one-col li::marker,
#flexible-content ul.two-col li::marker ,
#flexible-content ul.three-col li::marker,
#flexible-content ul.four-col li::marker {

    font-size: 1em;
    color:#3498db
}
#flexible-content .dark-bg ul.two-col li::marker ,
#flexible-content .dark-bg ul.three-col li::marker,
#flexible-content .dark-bg ul.four-col li::marker {
    color:#fff
}
.dark-bg {
  background: linear-gradient(311deg, #C83A8C 0%, #0D3756 100%);
}
.features.dark-bg {
	background: linear-gradient(311deg, #C83A8C 0%, #0D3756 100%);
}

.light-bg {
  background: #eeeeee;
}
@media (hover: hover) {
  .light-bg:before {
  	content: '';
      position: absolute;
      left: 0;
      top:-2px;
      width: 100%;
      height: 120px;
      clip-path: polygon(100% 0%, 0% 0% , 0% 65%, 1% 64.95%, 2% 64.8%, 3% 64.6%, 4% 64.3%, 5% 63.9%, 6% 63.45%, 7% 62.9%, 8% 62.25%, 9% 61.55%, 10% 60.8%, 11% 59.95%, 12% 59.05%, 13% 58.1%, 14% 57.1%, 15% 56.05%, 16% 55%, 17% 53.9%, 18% 52.8%, 19% 51.65%, 20% 50.5%, 21% 49.35%, 22% 48.2%, 23% 47.05%, 24% 45.9%, 25% 44.8%, 26% 43.75%, 27% 42.75%, 28% 41.75%, 29% 40.8%, 30% 39.9%, 31% 39.1%, 32% 38.35%, 33% 37.65%, 34% 37.05%, 35% 36.5%, 36% 36.05%, 37% 35.65%, 38% 35.35%, 39% 35.15%, 40% 35.05%, 41% 35%, 42% 35.05%, 43% 35.2%, 44% 35.45%, 45% 35.75%, 46% 36.15%, 47% 36.65%, 48% 37.2%, 49% 37.85%, 50% 38.55%, 51% 39.35%, 52% 40.2%, 53% 41.1%, 54% 42.05%, 55% 43.05%, 56% 44.1%, 57% 45.15%, 58% 46.3%, 59% 47.4%, 60% 48.55%, 61% 49.7%, 62% 50.85%, 63% 52%, 64% 53.15%, 65% 54.25%, 66% 55.35%, 67% 56.4%, 68% 57.45%, 69% 58.4%, 70% 59.35%, 71% 60.2%, 72% 61.05%, 73% 61.8%, 74% 62.45%, 75% 63.05%, 76% 63.6%, 77% 64.05%, 78% 64.4%, 79% 64.7%, 80% 64.85%, 81% 65%, 82% 65%, 83% 64.9%, 84% 64.75%, 85% 64.5%, 86% 64.2%, 87% 63.75%, 88% 63.25%, 89% 62.7%, 90% 62.05%, 91% 61.3%, 92% 60.5%, 93% 59.65%, 94% 58.75%, 95% 57.8%, 96% 56.8%, 97% 55.75%, 98% 54.65%, 99% 53.55%, 100% 52.4%);
      background: #fff;
      z-index: 2;
      -webkit-transition: all ease-out 1s;
      transition: all ease-out 1s;
  }
  .light-bg:hover:before {
  	height:20px;
  	width:100%;
  	-webkit-transition: all ease 0.6s;
  	transition: all ease 0.6s;
  }
  .dark-bg:before {
  	content: '';
      position: absolute;
      left: 0;
      top:-2px;
      width: 100%;
      height: 120px;
      clip-path: polygon(100% 0%, 0% 0% , 0% 65%, 1% 64.95%, 2% 64.8%, 3% 64.6%, 4% 64.3%, 5% 63.9%, 6% 63.45%, 7% 62.9%, 8% 62.25%, 9% 61.55%, 10% 60.8%, 11% 59.95%, 12% 59.05%, 13% 58.1%, 14% 57.1%, 15% 56.05%, 16% 55%, 17% 53.9%, 18% 52.8%, 19% 51.65%, 20% 50.5%, 21% 49.35%, 22% 48.2%, 23% 47.05%, 24% 45.9%, 25% 44.8%, 26% 43.75%, 27% 42.75%, 28% 41.75%, 29% 40.8%, 30% 39.9%, 31% 39.1%, 32% 38.35%, 33% 37.65%, 34% 37.05%, 35% 36.5%, 36% 36.05%, 37% 35.65%, 38% 35.35%, 39% 35.15%, 40% 35.05%, 41% 35%, 42% 35.05%, 43% 35.2%, 44% 35.45%, 45% 35.75%, 46% 36.15%, 47% 36.65%, 48% 37.2%, 49% 37.85%, 50% 38.55%, 51% 39.35%, 52% 40.2%, 53% 41.1%, 54% 42.05%, 55% 43.05%, 56% 44.1%, 57% 45.15%, 58% 46.3%, 59% 47.4%, 60% 48.55%, 61% 49.7%, 62% 50.85%, 63% 52%, 64% 53.15%, 65% 54.25%, 66% 55.35%, 67% 56.4%, 68% 57.45%, 69% 58.4%, 70% 59.35%, 71% 60.2%, 72% 61.05%, 73% 61.8%, 74% 62.45%, 75% 63.05%, 76% 63.6%, 77% 64.05%, 78% 64.4%, 79% 64.7%, 80% 64.85%, 81% 65%, 82% 65%, 83% 64.9%, 84% 64.75%, 85% 64.5%, 86% 64.2%, 87% 63.75%, 88% 63.25%, 89% 62.7%, 90% 62.05%, 91% 61.3%, 92% 60.5%, 93% 59.65%, 94% 58.75%, 95% 57.8%, 96% 56.8%, 97% 55.75%, 98% 54.65%, 99% 53.55%, 100% 52.4%);
      background: #fff;
      z-index: 2;
      -webkit-transition: all ease-out 1s;
      transition: all ease-out 1s;
  }
  .dark-bg:hover:before {
  	height:0px;
  	width:100%;
  	-webkit-transition: all ease 0.6s;
  	transition: all ease 0.6s;
  }
  #count:hover:after,
  #count:hover:before {
  	height:0
  }
}

.background-image {
  position: relative;
}

.background-image:before {
	position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
}
#banner h2,
#banner h1 {
	animation-name: bannh1XXX;
  animation-duration: 1.4s;
  -webkit-transition: all ease-in 1.4s;
  animation-fill-mode: backwards;
  animation-delay:0.6s
}
#banner p.sub-heading {
	font-size: 1.4em;
    font-weight: bold;
	margin-top: 0;
}
#banner h3,
#banner p.intro{
	animation-name: bannh3;
  animation-duration: 2s;
  -webkit-transition: all ease-in 2s;
  animation-fill-mode: backwards;
  animation-delay:1.6s
}
#banner a i.fa-chevron-circle-down {
	animation-name: bannh1;
  animation-duration: 3s;
  -webkit-transition: all ease-in 3s;
  animation-fill-mode: backwards;
  animation-delay:2s
}
.announcement {
		animation-name: bannannounce;
  animation-duration: 0.5s;
  -webkit-transition: all ease-in 0.5s;
  animation-fill-mode: backwards;
  animation-delay:3s
}

@-webkit-keyframes bannh1 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bannh3 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes banni {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-webkit-keyframes bannannounce {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
 
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after {
	clear: both;
}
/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
button, a.button, .button a, .button a:visited, .button a:focus, input.button,
a.button:visited, input[type="submit"], input[type="submit"]:focus {
	background: #0D3756;
	background: #0D3756;
        background: #C83A8C;

	color: #fff;
	border-radius: 40px;
	font-weight:600;
	padding: 14px 20px 12px 20px;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 2px solid #0D3756;
        border-color: #C83A8C;
	position: relative;
	display: inline-block;
	text-transform: none;
	text-align: center;
	touch-action: manipulation;
	cursor: pointer;
	margin:5px 0;
	    line-height: 1;
}
button:hover, a.button:hover, .button a:hover, input.button:hover,
input[type="submit"]:hover, a.button:focus {
  background: #32B3A0;
  color: #fff;
	border-color: #32B3A0;
}
.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover {
	color: #fff;
	cursor: not-allowed;
}
.woocommerce div.product form.cart .button {
	padding: 10px 20px;
}
/* Secondary button */
a.button.secondary,
.button.secondary a {
	background: none;
	color: #0D3756;
	border-color: #0D3756;
}
a.button.secondary:hover,
.button.secondary a:hover {
	background: #32B3A0;
	color: #fff;
	border-color: #32B3A0;
}
/* Tertiary button */
a.button.tertiary, span.button.tertiary {
	background: none;
	color: #0D3756;
	border: none;
	border-bottom:1px solid #0D3756;
	border-radius:0;
	padding-left:0;
	padding-right:0;
	text-align:left
}
span.button.tertiary {
    display: inline-block;
}
a.button.tertiary:after, span.button.tertiary:after {
	content: "\f138";
    font-family: Font Awesome\ 5 Pro;
    float: right;
    margin-right: 0px;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    margin-left: 10px;
    position: relative;
    font-weight: 100!important;
    top:1px
}
a.button.tertiary:hover {
	background: none;
	color: #3498db;
	border-color: #3498db;
}
a.button.tertiary:hover:after, span.button.tertiary:hover:after {
	margin-left:20px
}
.dark-bg a.button {
	background:#fff;
	border-color:#fff;
	color:#0D3756
}
.dark-bg a.button:hover {
	color:#fff;
	background:#32B3A0;
	border-color:#32B3A0
}

.dark-bg a.button.secondary {
	background:none;
	border-color:#fff;
	color:#fff
}
.dark-bg a.button.secondary:hover {
	color:#fff;
	background:#32B3A0;
	border-color:#32B3A0
}

.dark-bg a.button.tertiary {
	background:none;
	color:#fff
}
.dark-bg a.button.tertiary:hover {
	color:#32B3A0;
	border-color:#32B3A0
}
#welcome-text a.button,
#welcome-text-two a.button,
#welcome-text span.button a ,
.image-right a.button {
	margin-right:10px
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a, a:visited {
    color: #1d71a1;
    text-decoration: none;
    transition: all 0.3s;
    font-weight:600
}
a:hover, a:focus, a:active {
	color: #082236;
}
a:focus {
	outline: none;
}
a:hover, a:active {
	outline: 0;
}
.dark-bg a:not(.button){
	color: #fff;
	border-bottom:1px solid #fff
}
.dark-bg a:not(.button):hover{
	color: #32B3A0;
	border-color:#55595e
}
/*--------------------------------------------------------------
# Menus
--------------------------------------------------------------*/
.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a:visited {
  padding: 12px 0;
  /* make room for the toggle button (sub indicator) */
  padding-right: 18px;
/*   color: #fff; */
  font-size: 1.3em;
  font-weight: 600;
  line-height: 17px;
  text-decoration: none;
}
.sm-clean a.current {
  color: #3498db;
}
.sm-clean a.disabled {
  color: #bbbbbb;
}
.sm-clean a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 44px;
  height: 44px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  border-radius: 5px;

}
.sm-clean a .sub-arrow::before {
  content: '+';
    font-size:1.6em
}
.sm-clean a.highlighted .sub-arrow::before {
  content: '-';
    font-size:1.6em
}
.sm-clean > li:first-child > a, .sm-clean > li:first-child > :not(ul) a {
  border-radius: 5px 5px 0 0;
}
.sm-clean > li:last-child > a, .sm-clean > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  border-radius: 0 0 5px 5px;
}
.sm-clean > li:last-child > a.highlighted, .sm-clean > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  border-radius: 0;
}
.sm-clean li {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.sm ul > li {
	border:0!important
}
.sm-clean > li:first-child {
  border-top: 0;
}
.sm-clean ul {
  font-size:0.8em
}
.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active {
  font-size: 1.5em;
  border-left: 18px solid transparent;
}
.sm-clean ul ul a,
.sm-clean ul ul a:hover,
.sm-clean ul ul a:focus,
.sm-clean ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-clean ul ul ul a,
.sm-clean ul ul ul a:hover,
.sm-clean ul ul ul a:focus,
.sm-clean ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-clean ul ul ul ul a,
.sm-clean ul ul ul ul a:hover,
.sm-clean ul ul ul ul a:focus,
.sm-clean ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-clean ul ul ul ul ul a,
.sm-clean ul ul ul ul ul a:hover,r
.sm-clean ul ul ul ul ul a:focus,
.sm-clean ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}

li.current_page_ancestor >a, .current-menu-item >a, .sub-menu .current_page_item a, .current_page_parent >a {
  color:  #555 !important;
}
#footer li.current_page_ancestor >a, #footer .current-menu-item >a, #footer .current_page_parent >a {
	color: #fff !important;
}
.sm li >ul {
	margin-bottom:10px
}
/*--------------------------------------------------------------
# Header & Banners
--------------------------------------------------------------*/
.head-arrow {
	height:40px;
	float:left;
	width:100%;
	-webkit-transition: all ease 0.6s;
	transition: all ease 0.6s;
	margin-top:30px
}
.head-arrow img,
.head-arrow svg {
	width:40px
}
.head-arrow .dsvg {
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.head-arrow svg:hover .dsvg {
	fill:#0D3756
}
.test-badge {
	text-align:center;
	display:inline-block
}
.badge-wrap {
	text-align:center
}
.announcement {
	color:#fff;
	background: linear-gradient(105deg, #C83A8C 0%, #3498db 100%);
	padding:20px;
	font-size:1.5em;
	text-align:center;
	box-shadow:0 8px 8px rgba(0,0,0,0.1);
	font-weight:600;
	width:245px;
	height:245px;
	border-radius:50%;
	flex-wrap: wrap;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;

}
.announcement .hand {
	letter-spacing:2px;
	font-size:1.7em
}
.announcement:hover {
	-webkit-transform: scale(0.95);transform: scale(0.95);
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
}
.announcement i {
	font-weight:400!important;
	font-size:1em!important;
	margin-top:6px
}
.announcement p {
	margin:0;
	line-height:1.2
}
.announcement i {
	font-size:0.8em
}
.announcement a.button {
	color:#fff;
	border-color:#fff;
	font-size:0.9em;
	margin-left:20px
}
.announcement a:hover {
	color:#3498db
}
body.postid-5226 .announcement {
	display:none;
}
.progress-container {
  width: 100%;
  height: 8px;
  background: transparent;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:200
}
/* The progress bar (scroll indicator) */
.progress-bar {
  height: 8px;
  background: linear-gradient(270deg, #12B691, #36D1DC);
  background:#3498db;
  width: 0%;
}
#intro {
	background-image: linear-gradient(#fff, #f5f5f5);
	padding:60px 0;
	min-height:100vh
}
#intro .image {
	max-width:250px;
}
#intro img {
	display:block;
	max-width:250px;
	border-radius:50%;
	border:2px solid #0D3756;
	width:100%
}
#intro .text {
	text-align:left
}
#intro p {
	margin:0
}
h1.title {
	margin:0
}
#intro h3 {
	margin-top:0
}
#header {
	background: #eaeaea;
}
.head-info {
	text-align: right;
}
.vc {
  display: table !important;
  width: 100%;
}
.vci {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
#banner {
      min-height: 600px;
  padding: 80px 0;
	position: relative;
	overflow:hidden;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;

}
#banner .fa-chevron-circle-down {
	font-size:2.6em;
	margin-top:30px
}
#banner .text-wrap {
	z-index:3;
	position:relative;
}
#banner .text {
	z-index:4
}
body.single-post #banner {
	padding-top:100px
}
#banner.error {
  min-height: 200px;
}
#banner.blog {
  min-height: 400px;
}
#banner .container {
  position: relative;
}
#banner:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  opacity:1;
background: linear-gradient(-45deg, #32B3A0, #3498db, #0D3756);
	background-size: 100% 100%!important;
	z-index:1;
}
#banner:after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 130%;
	height: 110%;
 clip-path: polygon(100% 0%, 0% 0% , 0% 65%, 1% 64.95%, 2% 64.8%, 3% 64.6%, 4% 64.3%, 5% 63.9%, 6% 63.45%, 7% 62.9%, 8% 62.25%, 9% 61.55%, 10% 60.8%, 11% 59.95%, 12% 59.05%, 13% 58.1%, 14% 57.1%, 15% 56.05%, 16% 55%, 17% 53.9%, 18% 52.8%, 19% 51.65%, 20% 50.5%, 21% 49.35%, 22% 48.2%, 23% 47.05%, 24% 45.9%, 25% 44.8%, 26% 43.75%, 27% 42.75%, 28% 41.75%, 29% 40.8%, 30% 39.9%, 31% 39.1%, 32% 38.35%, 33% 37.65%, 34% 37.05%, 35% 36.5%, 36% 36.05%, 37% 35.65%, 38% 35.35%, 39% 35.15%, 40% 35.05%, 41% 35%, 42% 35.05%, 43% 35.2%, 44% 35.45%, 45% 35.75%, 46% 36.15%, 47% 36.65%, 48% 37.2%, 49% 37.85%, 50% 38.55%, 51% 39.35%, 52% 40.2%, 53% 41.1%, 54% 42.05%, 55% 43.05%, 56% 44.1%, 57% 45.15%, 58% 46.3%, 59% 47.4%, 60% 48.55%, 61% 49.7%, 62% 50.85%, 63% 52%, 64% 53.15%, 65% 54.25%, 66% 55.35%, 67% 56.4%, 68% 57.45%, 69% 58.4%, 70% 59.35%, 71% 60.2%, 72% 61.05%, 73% 61.8%, 74% 62.45%, 75% 63.05%, 76% 63.6%, 77% 64.05%, 78% 64.4%, 79% 64.7%, 80% 64.85%, 81% 65%, 82% 65%, 83% 64.9%, 84% 64.75%, 85% 64.5%, 86% 64.2%, 87% 63.75%, 88% 63.25%, 89% 62.7%, 90% 62.05%, 91% 61.3%, 92% 60.5%, 93% 59.65%, 94% 58.75%, 95% 57.8%, 96% 56.8%, 97% 55.75%, 98% 54.65%, 99% 53.55%, 100% 52.4%);
  opacity:1;
  background:#fff;
  	-webkit-transform: rotate(180deg);
  	transform: rotate(180deg);
	z-index:2;
	 animation-name: riseXXX;

  animation-duration: 3s;
  -webkit-transition: all ease-out 2s;
	transition: all ease-out 2s;
	animation-fill-mode: backwards;
  animation-delay:0.6s

}
@-webkit-keyframes rise {
	0% {
		height: 5%;
		width:400%
	}
	50% {

	}
	100% {
		height: 110%;
		width:130%
	}
}
#banner.fall:after{
	height:10px;
	width:140%;
	-webkit-transition: all ease-out 1s;
	transition: all ease-out 1s;
}
#nobanner {
	text-align:center;
	padding: 20px 0;
  float: left;
  width: 100%;
  background: #333;
}
#banner h1, #banner p, #banner h3 {
	position: relative;
}
#banner h1 {
	margin-bottom:20px;
	margin-top:0;
}
#banner h3 {
	margin-bottom:20px;
	margin-top:0;
}
#banner h1 span.tm {
	    font-size: 0.2em;
    top: -2.7em;
}
#banner h3 {
	margin:0;
	max-width:600px
}
body.archive #banner h3 {
	margin-bottom:20px;
}
#banner.proj-bann h1 {
	left:0
}
#banner h1 i {
	font-size:0.9em;
	margin-right:10px
}
#banner p {
	margin-bottom: 0;
	font-size: 1.1em;
}
#banner p.shrink {
	font-size: 1em!important
}
#nobanner * {
  color: #fff;
}
#nobanner h1 {
  margin: 0;
}
#nobanner p:last-child {
  margin-bottom: 0;
}
#banner .text {
  text-align: left;
  float: left;
  width: 100%;
  max-width:700px;

}
#banner .text-wrap {
	float:left;
	width:100%;

  margin-top:90px;

}
.banner-image img {
    display: block;
    width: 100%;
}
#banner .text-wrap {
	position:relative;
	-webkit-backface-visibility: visible; /* Safari */
	backface-visibility: visible;
	   mix-blend-mode: multiply;
}
#banner a {

	font-weight:600
}
#banner a i.fa-chevron-circle-down {
	color:#C83A8C;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
#banner a:hover,
#banner a i.fa-chevron-circle-down:hover {
	color:#082236;
}

#banner .button a:hover {
    color: #fff;
}
.cover, .background-image {
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
	background-size: cover;
}
#top-bar, #mobile-bar {
	background: #f5f5f5;
	padding: 3px 0;
}
#mobile-bar {
  display: none;
}
#top-bar .head-info a, #mobile-bar .head-info a {
	margin-left: 10px;
	display: inline-block;
}
/*-----------------------
# Mobile Menu
------------------------*/
.head-menu {
	display:block;
}
#mobile-header {
	padding: 20px 0;
	width:100%
}
header .logo svg, #mobile-header .logo svg{
	width:100%;
	display:block;
	max-width: 190px;
}


ul#mobile-menu {
  /* background: rgb(0 0 0 / 50%);
  padding: 20px;
  border-radius: 10px; */
}
#mobile-menu-overlay  {
  position:  fixed;
	z-index: 888888;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	bottom:0;
  background:rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

    background-size: 100% 100%!important;
	overflow-y: scroll;
	padding: 0;
	display:none;
}
#mobile-menu-overlay .cls-1 {
	fill:#0D3756
}
#mobile-menu-overlay a.button.secondary, #mobile-menu-overlay .button.secondary a {
  color: #fff;
  border-color: #fff;
}
body.menu-open,
html.menu-open {
  /* height: 100vh;
  overflow-y: hidden; */
  position: relative;
  overflow: hidden;
}
#mobile-menu-overlay .sm-clean a {
	padding-right: 0;
	line-height: 1.4;
}
#mobile-menu-overlay .sm-clean li {
  border-top: 1px solid rgb(0 0 0 / 15%);
}
#mobile-menu-overlay .sm-clean > li:first-child {
  border-top: 0;
}
#mobile-menu-overlay a:not(.button) {
color: #082236;
}
#mobile-menu-overlay .menu-logo img {
	display: block;
	height: auto;
	height: auto;
	max-width: 210px;
}
#mobile-menu-overlay .close-button-wrap {
	min-width: 74px;
	text-align: center;
}
#mobile-menu-overlay .button-wrap {
	margin: 10px 0;
}
#mobile-menu-overlay .cta-buttons {
  margin: 15px 0;
}
.close-menu {
	color: #fff;
	font-size: 26px;
	touch-action: manipulation;
	display: inline-block;
}
#mobile-main {
	padding-top:30px;
	padding-bottom:30px;
}
#mobile-main .container {
	max-width:600px
}
.mobile-center {
	min-height:calc(100vh - 86px);
	flex-wrap: wrap
}
.mobile-center .float {
	min-width:100%
}
#mobile-menu-overlay .social {
	text-align:center;
	padding-top:30px;
}
.mob-ctas {
	padding-top:30px
}
@media screen and (max-width: 600px) {
	ul.two-col {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
		padding-left: 20px;
	}
	.mobile-center {
		min-height:calc(100vh - 180px);
	}
}
#mobile-menu-wrap {
	display: none;
}
#mobile-menu-overlay a.button {
color:#C83A8C;
	border-color:#C83A8C;
	font-size:1.1em
}
/*-----------------------
# MENU TOGGLE
------------------------*/
.menu-toggle {
  position: relative;
	z-index:999999;
	display:none;
}
.fancybox-active .menu-toggle {
  z-index: 99;
}
.toggle-wrap {
  position: relative;
  cursor: pointer;
  display: inline-block;
  /*disable selection*/
  -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	touch-action: manipulation;
	width:34px;
	float:right
}
.toggle-bar {
	width: 34px;
	position: relative;
	display: block;
}
.toggle {
	width:34px;
	height:4px;
	float:right;
	background:#fff;
	margin:3px 0;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
  border-radius: 0px 5px 5px 0;
}
.toggle-wrap .toggle.two {
	width:26px;
}
.toggle-wrap .toggle.three {
	width:18px;
}
.toggle-wrap:hover .toggle {
	/* background:#C83A8C */
}
.menu-toggle.magic .toggle.one,
.menu-toggle.magic .toggle.three {
	opacity:0
}
.menu-toggle.magic .toggle.two {
  width:34px;
  background:#0D3756
}
/*-----------------------
# LEFT HEADER
------------------------*/
.strip {
  height:5px;
  float:left;
  width:100%;
  background: linear-gradient(-45deg, #0D3756, #0D3756, #3498db, #32B3A0);
  margin-bottom:12px;
}
#left-header {
  padding: 20px 0;
	position:absolute;
	z-index:99998;
	top:0;
	left:0;
	width:100%;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
#left-header .row {
	/* min-height:55px */
}
#left-header .container {
	max-width:1366px
}
#left-header #header-menu-desktop {
	text-align: right;
	margin-top: 0px;

}
#left-header #header-menu {
	text-align: center;
}
#left-header #menu {
	margin-top: 15px;
}
#left-header #menu {
	display: none;
}
.logo {
	text-align:center;
	line-height:1;
	font-size:11px;
	color:#0D3756;
	position:relative;
}
.logo img {
  display: block;
  margin:0 auto
}
.logo p {
	margin:3px 0 0 0
}
.logo svg {
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.logo .cls-2 {
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.logo a:hover .cls-2{
	fill:#fff;
	color:#fff;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	max-height:52px
}
body.single-projects .logo .cls-2{
	fill:#fff;
	color:#fff;
}
body.single-projects .mega li a.button {
	background:#fff;
	color:#0D3756;
	border-color:#fff
}
body.single-projects .mega li a.button:hover {
	background:#0D3756;
	color:#fff;
	border-color:#0D3756
}
.seen-enough a {
  white-space: nowrap;
}
.logo a {
	display:inline-block;
	float:left
}


/*-----------------------
# Vimeo Background
------------------------*/

.vimeo-background {
	position: relative;
	min-height: 100vh;
}

.vimeo-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
 }
 .vimeo-wrapper iframe {
	width: 100vw;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
 }
/*-----------------------
# Projects Template
------------------------*/
.proj-vid {
	width:100%;
	float:left;
	border:14px solid #222;
	border-radius:14px;
	margin-top: 20px;
	border: none;
	box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 50px -20px, rgba(0, 0, 0, 0.3) 0px 30px 40px -20px;
    border-radius: 10px;
    overflow: hidden;
}
.square-vid {
	width:100%;
	float:left;
	border-radius:14px;
	border: none;
	box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 50px -20px, rgba(0, 0, 0, 0.3) 0px 30px 40px -20px;
    border-radius: 10px;
    overflow: hidden;
	aspect-ratio: 6/4;
	object-fit: cover;
	margin-bottom: 50px;
}
.square-vid video {
	width: 100%;
	aspect-ratio: 6/4;
	object-fit: cover;
}


.proj-vid iframe {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 8 / 5;
}
.proj-vid video {
    width: 100%;
    display: block;
    aspect-ratio: 1150 / 720;
    object-fit: cover;
}	

.device.mobile-image.large {
	width: 100%;
    max-width: 400px;
    padding: 32px 8px !important;
    border-radius: 20px;
}
.device.skewed {
	transform: skew(-2deg) rotate(2deg);
	-webkit-transform: skew(-2deg) rotate(2deg);
	-moz-transform: skew(-2deg) rotate(2deg);
}

section.mobile {
	position: relative;
}
section.mobile:before {
    content: '';
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--project-colour);
    clip-path: polygon(0 0, 0 0, 100% 100%, 0% 100%);
	display: none;
}
.full-logo img {
	display: block;
	width: 100%;
	max-width: 400px;
}
.light-gradient-top {
	background: linear-gradient(0deg, #ffffff, #f5f5f5);
}
.project-gradient-top {
	background: linear-gradient(0deg, #ffffff, var(--project-colour));
}
.container.large {
	max-width: 1600px;
}
section.images-grid-wrap .container {
    padding: 0 15px;
}
.images-grid .images-grid-item:nth-child(2) img {
	margin-top: 90px;
}
.images-grid .images-grid-item:nth-child(3) img {
	margin-top: 180px;
}
.images-grid-item {
	float: left;
	width: 33.33%;
	padding: 15px;
}
.project-testimonial.has-logo {
    text-align: left !important;
}
.no-gradient {
	color: #082236;
	background: none;
	-webkit-text-fill-color: inherit;
}
.images-grid-item img {
	display: block;
	width: 100%;
	box-shadow: rgb(114 114 114 / 44%) 0px 8px 24px;
	border-radius: 10px;
}
a.project-button:hover {
	background: #0D3756 !important;
    border-color: #0D3756 !important;
}


.project-cta {
	text-align: center;
}
/*--------------------------------------------------------------
# MENU
-------------------------------------------------------------*/

/*-----------------------
# Mega Menu
------------------------*/
ul.mega {
	margin: 0;
	padding: 0;
	text-align:right
}
ul.mega li {
    list-style: none;
    display: inline-block;
    float: none;
    padding: 0;
    margin: 0 9px;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.mega li a {
	/* border-bottom: 2px solid transparent; */
	color:#fff;
	font-family: elza, sans-serif;
    font-weight: 600;
    font-size:1em
}
.mega li a.button {
  color: #fff;
  margin:0
}
.mega li a:hover {
	color:#0D3756
}
.mega li a.button:hover {
  color: #fff;
}
.sub {
  opacity: 0;
  visibility: hidden;
	background: rgba(249, 249, 249, 0.8);
	padding: 40px 0;
	left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
	width: 100%;
	position: absolute;
	z-index: 99999;
	top: auto;
	margin-top: 15px;
	transition: all 0.3s ease;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow:0 6px 6px rgba(0,0,0,0.05);
	max-width:1280px;
	border-radius:8px
}
/*
.sub#menu-1 {
	opacity:1;
	visibility: visible
}
*/
.sub.show {
	opacity: 1;
	visibility: visible;
}
.menu-item.active, .menu-item.current-page {
	color: #0D3756 !important;
}
a.menu-item.has-sub {
  /* margin-right: 12px; */
}
.sub p {
	font-size:1em
}
.sub h4 {
	font-size:1em;
  margin-bottom: 4px;
  margin-top:0px;
  color:#55595e
}
.sub a h4 {
	display:inline-block;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.sub a h4:hover {
	color:#050a69
}
a.has-sub {
	position: relative;
	padding-right: 10px !important;
}
a.has-sub:after {
	width:10px;
	content: "\25BE";
  position: relative;
  right: -5px;
  top: 0;
  color: #fff;

	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
  line-height: 1;
}
a.has-sub.active:after {
	color:#0D3756
}
ul.menu-items {
	margin: 0;
	padding: 0;
	list-style: none;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}
ul.menu-items.cols-2 li {
  -ms-flex: 0 0 50%;
  	flex: 0 0 50%;
  	max-width: 50%;
}
ul.menu-items.cols-3 li {
  -ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	max-width: 33.33%;
}
ul.menu-items.cols-4 li {
  -ms-flex: 0 0 25%;
  	flex: 0 0 25%;
  	max-width: 25%;
}
ul.menu-items a {
	color: #082236;
	border: none;
	display: inline-block;
	margin: 5px 0;
	font-size: 1.1em;
	font-weight:600;
}
ul.menu-items a.current-page {
	color: #2986C6;
}
.page-id-2355 ul.menu-items a.current-page {
  color: #232323;
}
ul.menu-items a:hover, .page-id-2355 ul.menu-items a.current-page:hover {
	color: #3498db;
}
.sub h3 {
	position:relative;
	font-size:1.5em;
	margin:0;
}
.menu-items li a:after {
  content: "\f138";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 0.8em;
	margin-left: 6px;
  position: relative;
  top: -1px;
  color: #3498db;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.menu-items li a:hover:after {
	margin-left: 15px;
}
.menu-items li {
	min-width:200px;
	width:100%;
	list-style: none;
}
.mega li:last-child {
	margin-right:0
}
.sub a.button {
	font-size:1em
}
.menu-text {
	display:inline-block;
	top:-7px;
	position:relative;
	color:#333333;
	width:100%;
	font-size:0.9em
}
.int p {
	margin-bottom:0;
	margin-top:10px;
	color:#333333
}
.int {
	border-right:1px solid #eee;
}
.sub a.button {
	margin-top:14px
}
/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/
#search-page {
  padding: 20px 0;
}
.title-404 {
  font-size: 2em;
}
.error-404 .search-field, #no-results .search-field, .search-page-form .search-field {
	width: calc(100% - 97px);
}
.search-submit {
  width: auto;
	margin-left: 5px;
  text-align: center;
}
.search-page-form {
  margin-bottom: 20px;
}
.search-submit i {
  margin: 0 auto;
  display: block;
}
#sidebar .search-field {
  width: calc(100% - 43px);
}
.container.sidebar #flexible-content {
  margin-top: 20px;
}
/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
body.home #banner .text {
	  max-width:50%
}
body.home #banner .text-wrap {
	margin-top:180px;

}
#welcome-text i {
	font-weight:840!important
}
#welcome-text .stars {
	white-space: nowrap
}
body.home #banner h1 {
	font-size:4.8em;
	margin:0px 0 0 0;
	line-height:0.95
}
body.home #banner h3 {
	margin-top:20px
}
body.home #banner p.intro,
body.home #banner span.intro {
	font-size:1em;
	font-weight:600;
	margin-top:0px
}

/*--------------------------------------------------------------
# News / Blog
--------------------------------------------------------------*/
#breadcrumbs {
    font-size: 0.9em;
    color: #fff;
    margin-bottom:10px;
    font-weight:100!important
}
#breadcrumbs a {
	font-weight:100!important
}
#breadcrumbs a:hover {
	color:#aaa
}

body.single #breadcrumbs {
	background:none;
	color:#082236
}
body.single #breadcrumbs a {
	color:#3498db
}
body.single #breadcrumbs a:hover {
	color:#0D3756
}
body.page-id-1089 #breadcrumbs, body.page-id-2287 #breadcrumbs, body.page-id-2238 #breadcrumbs, body.page-id-2241 #breadcrumbs, body.page-id-4521 #breadcrumbs, body.page-id-4748 #breadcrumbs {
	display:none;
}
#news-page, #no-results {
	padding: 15px 0;
}
.post-wrap {
  margin: 20px 0;
}
.single-thumb {
	border:12px #fff solid;
	position:relative;
	z-index:1;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.single-thumb img {
  display: block;
  width: 100%;
}
#single-post .container, #single-post-img .container {
  max-width: 940px;
}
#single-post-img {
	padding-top:60px
}
body.single article.category-instagram {
	max-width:600px;
	display:block;
	margin:0 auto;
	float:none
}
.container.post {
	max-width: 770px;
}
.breadcrumb_last {
	font-style:italic;
	display:none
}
body.single #banner .text {
	width:100%;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
		max-width:900px;
	margin:0 auto
}
#breadcrumbs i {
	font-size:0.8em;
}
.single-content > p:first-child:first-letter {
	float: left;
	font-size: 48px;
	line-height: 40px;
	font-weight: 600;
	padding-top: 7px;
	padding-right:7px;
	text-align: center;
	padding-bottom:2px
}
#written-by {
	margin:20px 0;
	padding-top:40px
}
#written-by .image {
	max-width:120px;
	min-width:120px
}
#written-by .image img {
	border:1px solid #0D3756;
	border-radius:50%
}
#written-by h4 {
	margin:0 0 6px 0;
	font-size:1.1em
}
.post-quote {
	padding:15px;
	background:#f5f5f5;
	position:relative;
	font-size:1.2em
}
.post-quote i {
	color:#3498db;
	font-size:1.1em
}
img.shadow {
	box-shadow:0 0 10px rgba(0,0,0,0.2)
}
.single-content li {
	margin:7px 0
}
/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
blockquote {
	width:96%;
	margin:30px 2%;
	background:rgba(0,0,0,0.05);
	color: #333;
	padding: 31px 36px;
	font-weight:600;
	position:relative;
	font-size:1.3em
}
blockquote p:first-child {
	margin-top:0
}
blockquote p:last-child {
	margin-bottom:0
}
blockquote:before {
	content:"\f10D";
	font-family: Font Awesome\ 5 Pro;
	position:absolute;
	top:0px;
	left:10px;
	color:#3498db;
	font-size:22px;
	font-weight:900!important
}
blockquote:after {
	content:"\f10E";
	font-family: Font Awesome\ 5 Pro;
	position:absolute;
	bottom:0px;
	right:10px;
	color:#3498db;
	font-size:22px;
	font-weight:900!important
}
.twitter-tweet {
	margin:0 auto;
	display:block
}
iframe {
	display:block;
	margin:0 auto;
	float:none;
}
iframe.instagram-media {
	margin:0 auto!important;
	display:block;
	float:none!important;
}
.map {
}
.contmap {
	margin-top:20px;
	margin-bottom:20px
}
.map iframe {
	width:100%!important;
	height:400px;
	padding:0px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2)
}
hr {
	background-color: #3498db;
	border: 0;
	height: 1px;
	width:60%;
	margin-left: 20%;
	margin-right: 20%;
	margin-bottom: 1.5em
}
.bottom {
	margin-top: auto;
}
/*-----------------------
# Sidebar
------------------------*/
#sidebar {
	max-width: 300px;
}
#sidebar .inner {
	background: #f5f5f5;
	padding: 15px;
}
/*-----------------------
# Captions
------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
	background:#f5f5f5;
	padding-bottom:8px
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0;
}
.wp-caption-text {
	text-align: center;
}
/*--------------------------------
# ISOTOPE
--------------------------------*/
.grid {
	display:block;
	margin:0 auto;
	margin-left: -1%;
	margin-right: -1%;
		min-height:500px
}
.grid .excerpt {
  display: inline-block !important;
  margin-top: 10px;
  margin-bottom: 10px;
}
/* Blog */
.excerpt .icon {
	position:absolute;
	color:rgba(255,255,255,0.7);
	font-size:20px;
	z-index:1;
	top:10px;
	right:13px;
}
.excerpt.category-twitter .icon {
	color:rgba(0,0,0,0.3);
}
.excerpt.category-instagram .icon {
	top:23px;
	right:28px;
	text-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.excerpt h3 {
	margin:0;
	font-size:21px
}
.excerpt-header {
	padding-right:20%;
}
/*--------------------------------
# MODAL
--------------------------------*/
.modal {
	max-width:800px;
	margin:0 10px;
}
.fancybox-infobar {
  display: none !important;
}
.modal-image {
  margin-bottom: 20px;
}
.modal-title, .modal-name {
  margin: 0;
}
.modal-name {
  margin-bottom: 10px;
}
.modal-title {
  margin-bottom: 20px;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
*,
*:before,
*:after {
	box-sizing: inherit;
}
hr {
	background-color: #ddd;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 0em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}
ul li {
	list-style: disc
}
ul li::marker {
    color:#0D3756
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto;
	max-width: 100%;
}
figure {
	margin: 1em 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
#tinymce {
	padding:10px!important;
}
#tinymce * {
  opacity: 1 !important;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.gform_legacy_markup_wrapper .description, .gform_legacy_markup_wrapper .gfield_description, .gform_legacy_markup_wrapper .gsection_description, .gform_legacy_markup_wrapper .instruction {
	font-size:1em!important
}
.gform_legacy_markup_wrapper .gfield_checkbox li label, .gform_legacy_markup_wrapper .gfield_radio li label {
	font-size:1em!important;
	margin-left:10px!important
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border: none;
	outline: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #082236;
	border: 0;
	border-radius: 2px;
	padding: 12px;
	transition: all 0.3s ease;

  -webkit-appearance: none;
  background:rgba(0,0, 0,0.05);

  border: 1px solid rgba(0,0,0,0.1);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #082236;
	outline: none;
	border-color: #3498DB;
}
select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
	padding:15px!important
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
  margin-bottom: 5px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
  margin-bottom: 5px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  padding: 0;
}
.widget-title {
	margin: 15px 0;
	font-size: 1.1em;
}
.widget_recent_entries li {
	margin-bottom: 10px;
}
.widget select {
	max-width: 100%;
}
.widget ul {
	margin: 0;
  margin-bottom: 10px;
  padding-left: 0;
  list-style: none;
}
.widget li:before {
  content: "\f054";
  text-align: center;
  font-family: Font Awesome\ 5 Pro;
  margin-right: 0px;
  font-weight: 300;
  border-radius: 50%;
  padding: 4px;
  position: relative;
  font-size: 0.8em;
  top: 0;
  display: inline-block;
}
.widget_recent_comments li:before {
  display: none;
}
#sidebar {
  font-size: 0.95em;
}
.widget li {
	display: block;
	margin-bottom: 5px;
  text-indent: -12px;
  padding-left: 24px;
}
.widget_recent_comments li {
  padding-left: 0;
  text-indent: 0;
}
/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/
body.error404 {
	background:#94D6E0!important
}
body.error404 #header{
	background:#94D6E0;
}
body.error404 #hello {
	display:none
}
#four {
	background: #94D6E0 url(images/404bg@2x.jpg);
	background-position:center bottom;
	background-size:400px auto;
	background-repeat: repeat-x;
	position:relative;
	padding:170px 30px 0 30px;
	text-align:center
}
#lost {
	margin-bottom:10px;
	text-align:center
}
#lost img {
	max-height:300px;
	width:auto;
}
#four h1 {
	margin-top:0;
}
a.reveal {
	cursor: pointer;
	color:#3498DB
}
a.reveal:hover {
	color:#00A86B
}
body.error404 #count, body.error404 #count h3 {
	color:#fff
}
#four .inner {
	max-width:800px;
	display:block;
	margin:0 auto
}
body.error404 li.menu-item-269:hover a {
	color:#fff!important
}
/*--------------------------------------------------------------
# Flexible layout
--------------------------------------------------------------*/
.rc-anchor-light {
	background:none!important
}
#flexible-content {
	float:left;
	width:100%;
	padding: 0;
}
.member, .download, .link, .testimonial-grid .grid-item, .video-container, .cta {
  margin: 20px 0;
}
#password-protected {
	padding: 40px 0;
}

.background-image div, .background-colour {
	position: relative;
}
.highlighted-boxes .col {
	margin: 20px 0;
  min-width: 25%;
}
.box {
	background: #eee;
	padding: 20px;
	float: left;
	width: 100%;
}
.dark-bg .cta .inner{
	background:none!important
}
.playlist a {
	color:#3498db
}
.music-wrap {
	padding: 10px 40px 1px 40px;
	border-radius:20px;
	max-width:800px;
	margin:0 auto
}
/*--------------------------------
# SLIDER
--------------------------------*/
/* Flickity v2.1.2 */
.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: 0
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background: rgba(0,0,0,0.1);
    border: none;
    color: #fff!important;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
	display:none
}
.flickity-button:hover {
    background:rgba(0,0,0,0.2);
    cursor: pointer
}
.flickity-button:focus {
    outline: 0;
    box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: #fff
}
.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%)
}
.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}
.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}
.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}
.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}
.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -5px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}
.flickity-rtl .flickity-page-dots {
    direction: rtl
}
.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    background: rgba(36, 36, 36, 0.2);
    border: none;
    border-radius: 0;
    opacity: 1;
    cursor: pointer;
    padding:0;
    text-align: center;
        -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.flickity-page-dots .dot:hover {
	background: rgba(36, 36, 36, 0.5);
}
.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}
.flickity-page-dots .dot.is-selected {
    opacity: 1;
     background: rgba(36, 36, 36, 1);
}
.slick-dots {
  bottom: -10px;
}
.slick-list {
  padding: 0 !important;
}
*:focus {
  outline: none;
}
.slide h1, .slide p, .slide .button {
  animation-name: fadeOut;
  animation-duration: 0.5s;
}
.slide.is-selected p {
  animation-name: fadeInUp;
  animation-duration: 1s;
  visibility: visible;
}
.slide.is-selected .button {
  animation-name: fadeIn;
  animation-duration: 1s;
  visibility: visible;
}
.slider .inside  {
  position: relative;
  z-index: 4;
  width: 100%;
  max-width: 1140px;
  text-align: left;
  width: 50%;
}
.slide * {
  color: #fff;
}
.slider .slide {
  min-height:calc(90vh - 76px);
  height:1px;
  padding: 60px 0;
}
.flickity-page-dots {
  bottom: 40px;
}
.testimonial-slider .flickity-page-dots .dot {
  background: #fff;
  height: 12px;
  width: 12px;
}
.project-excerpt.is-selected .proj-img {
  animation-name: fadeInRight;
  animation-duration: 1s;
  visibility: visible;
}
.project-excerpt.is-selected .proj-slider-logo {
  animation-name: fadeInDown;
  animation-duration: 1s;
  visibility: visible;
}

/* Excerpt Website */
.project-excerpt.website .port-meta {
	width: 100%;
	margin: 10px 0 20px 0;
}
.project-excerpt.website h3 {
	font-size: 1.2em;
}
 
.project-excerpt.website .device-screenshot img {
    border-radius: 10px;
    box-shadow: rgb(114 114 114 / 17%) 0px 8px 24px;
    border: 1px solid #e2e2e2;
	transition: all 0.3s ease;
}
.project-excerpt.website a:hover .device-screenshot img {
	transform: translateY(-5px);
}
 
.project-excerpt.website {
	overflow: visible;
}
 

/* fade in image when loaded */
img.flickity-lazy {
  transition: opacity 0.4s;
  opacity: 0;
}

img.flickity-lazy.flickity-lazyloaded,
img.flickity-lazy.flickity-lazyerror {
  opacity: 1;
}
/*-----------------------
# Quote
------------------------*/
.section.quote {
	text-align:center;
	font-size:18px;
	background:#f5f5f5;
	padding-top:20px;
	padding-bottom:20px;
}
/*-----------------------
# Image Top Text Bottom
------------------------*/
.ittb {
  margin: 20px 0;
}
/*-----------------------
# Promo Boxes
------------------------*/
.promo-box {
  margin: 20px 0;
  width: 100%;
}
.promo-box .inner {
  padding: 20px;
  width: 100%;
  position: relative;
}
.promo-box .inner:before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: #000;
}
.promo-box .inner * {
  color: #fff;
}
.promo-box h3 {
  margin-top: 0;
}
.promo-box div {
  z-index: 2;
  position: relative;
}
/*-----------------------
# Page Excerpt
-----------------------*/
.excerpt-page p {
	margin: 0;
	margin-top: 10px;
	font-size: 16px;
}
.excerpt-page img {
	aspect-ratio: 1 / 1;
	transition: all 0.5s ease;
	object-fit: cover;
}
.excerpt-page .inner {
	position: relative;
	overflow: hidden;
}
.excerpt-page .content {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 20px;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	z-index: 2;
}
.excerpt-page .inner:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color:rgba(13, 56, 86, 0.8);
	transition: all 0.5s ease;
	z-index: 1;
}
.excerpt-page .inner:hover:before {
background-color: rgba(13, 55, 86, 0.9);
}
.excerpt-page .inner:hover img {
	transform: scale(1.1);
}
 
.excerpt-page span.button {
	visibility: hidden;
	transition: all 0.5s ease;
	opacity: 0;
    color: #fff;
    border-color: #fff;
    padding-bottom: 8px;
}
.excerpt-page span.button:hover:after {

}
.excerpt-page .inner:hover span.button {
	visibility: visible;
	opacity: 1;
}
.excerpt-page .content .text {
	position: relative;
	text-align: center;
}
.excerpt-page .content h3 {
	margin: 0;
	margin-top:34px;
	font-size: 1.4em;
	transition: all ease 0.3s;
    color: #fff;
}
.excerpt-page .inner:hover h3 {
	margin-top:0
}
.excerpt-page .view {
	font-weight: bold;
}
.excerpt-page {
    margin: 10px 0;
}
/*-----------------------
# Child pages
-----------------------*/
.sibling-pages {
	padding:40px 15px;
	background:#f5f5f5
}
.child-pages h3.section-title {
	margin-top:0
}
.child-page {
  margin: 5px 0;
  min-width:20%;
  max-width:20%;
  font-size:14px;
  text-align:left;
  padding-left:5px;
  padding-right:5px
}
.child-page .icon {
	height:34px;
	width:34px;
	text-align:center;
	border-radius:50%;
	border: 1px solid #0D3756;
    color: #32B3A0;
	display:block;
	margin:0 auto;
	-webkit-transition: all ease 0.2s;
	transition: all ease 0.2s;
	background:#fff
}
.child-page .icon:hover {
	background:#32B3A0;
	box-shadow:0 2px 2px rgba(0,0,0,0.1);
	border-color:#32B3A0
}
.child-page .icon i {
	color:#0D3756!important;
	-webkit-transition: all ease 0.2s;
	transition: all ease 0.2s;
}
.child-page .icon:hover i {
	color:#fff!important
}
.child-page.current {
  opacity: 0.5;
  pointer-events: none;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.parent-page {
  margin: 20px 0;
}
.parent-page i {
	font-weight:400!important
}
.no-block {
  width: calc(100% - 40px);
  max-width: 1100px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
  padding: 40px;
  border: 2px dashed #ccc;
}
.child-page p {
	margin:0
}
.child-page p a{
	color:#333!important;
}
.child-page i {
	font-size:18px;
}
.child-page h3 {
	margin: 0;
	font-size:15px;
	padding:0 10px;
	    line-height: 1.3;
}
.child-page h3 a {

}
a.child-toggle {
	display:none!important;
	max-width:50%;
	margin:0 auto;
	min-width:250px;
	font-size:0.95em
}
.child-toggle i {
	font-weight:100!important;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.child-toggle i.spin {
	transform: rotate(180deg)
}
a.button.child-toggle i {
	font-weight:100!important;
}
.ending {
	margin:40px 0 0 0 !important
}
.child-pages.intro-port {
	background:#fff
}
.child-pages.intro-port .child-page {
	min-width:33%;
	max-width:33%;
}
.child-pages.intro-port .child-page .icon {
	background:#fff
}
.child-pages.intro-port .child-page .icon:hover {
	background:#32B3A0
}
.child-pages.intro-port .row {
	    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
/*-----------------------
# Contact Details
-----------------------*/
.small-form .inner{
	border:1px solid #C83A8C;
	padding:0 30px 20px 30px;
	border-radius:10px
}
.contact-small h2 {
	margin-bottom:40px
}
.contact-small h3 {
	margin:20px 0;
	font-size:1.6em;
}
.contact-small a:not(.button) {
	color:#082236;
	border-bottom:1px solid #3498db;
	padding-bottom:4px
}
.contact-small a.button i {
	width:auto!important
}
.contact-small a:hover {
	color:#3498db
}
a.whatsapp {
	border:none!important;
	    margin-top: 10px;
    display: inline-block;
}
a.whatsapp img {
	transition: all ease 0.3s;
	width:207px;
	height:48px;
} 
a.whatsapp:hover img {
	scale: 0.95
}
.contact-small i {
	width:30px!important;
	text-align:center;
	font-size:0.8em
}
.contact-details {

}
.contact-first, .contact-second {
  min-width: 100%;
}
.contact-details i {
  font-size: 0.7em;
  margin-right: 8px;
}
.business-time {
  font-weight: bold;
}
.noanswer {
	font-size:0.9em;
	font-style:italic
}
.info-section i {

	margin-right:10px;
	font-size:0.9em;
	text-align:center
}
.info-section h3 {
	font-size:1.8em
}
address {
	margin-bottom: 1.5em;
	margin-top:1em
}
.grecaptcha-badge {
	display:none!important
}
.ginput_recaptcha {
	text-align:center!important
}
.ginput_recaptcha div {
	display:inline-block!important
}

.rc-anchor-dark {
	background:#666!important
}
#field_1_13 {
	margin-top:0
}
#field_1_14 {
	margin-bottom:40px!important
}
/*-----------------------
# Social Count
-----------------------*/
.social-count h2 span.hand{
	font-size:1.2em;
	padding-left:6px;
	letter-spacing:2px
}
.social-count img {
	max-width:120px;
	margin:0 auto;
	display:block
}
i.fa-star {
	    color: #C9AA46;
    background: #C9AA46;
    background: linear-gradient(230deg, #ffd54c, #ffd54c , #8A540C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight:900!important;
    text-shadow:0 0 6px rgba(0,0,0,0.2)
}
/*-----------------------
# Calltoaction
-----------------------*/
.calltoaction span.hand {
	font-size:1.1em;
	padding-bottom:2px
}
.calltoaction p{
	font-size:1.1em;
}
.calltoaction h2 {
	margin-bottom:0;
	text-align:left;
	    background: linear-gradient(229deg, #C83A8C 0%, #3498db 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.8em;
    line-height:1.1em
}
.calltoaction .container {
	max-width:760px;
}
.calltoaction a.button {
	margin:10px 10px 10px 0
}
.cta-link {
  text-align: center;
}
.pixel {
	position:relative;
	width:92px;
	display: inline-block;
	float: none;
	z-index:2;
	-webkit-transition: all ease 0.6s;
	transition: all ease 0.6s;
	margin-top:110px;
}
.pixel img, .blink img {
	display:block;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	bottom:0;
}
.pixel img {
	width:auto;
	margin:0 auto;
}
.blink {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.tooltiptext {
	width: 100%;
	background: linear-gradient(#eee, #eee);
	text-align: center;
	padding: 18px;
	border-radius: 16px;
	position: absolute;
	z-index: 999;
	text-align:center;
	-webkit-transition: all ease 0.5s;
	transition: all ease 0.5s;
	bottom:108%;
	left:-40px;
	line-height: 1.3;
	z-index:200;
	width:auto;
	min-width:220px;
	font-size:1em;
	    letter-spacing: 1px;
}
.tooltiptext:after {
	content: "";
	display: block; /* reduce the damage in FF3.0 */
	position: absolute;
	bottom: -14px;
	left: 50px;
	width: 0;
	border-width: 15px 15px 0;
	border-style: solid;
	border-color: #eee transparent;
}
.pixel-right .tooltiptext {
	left:-20px
}
.kel .tooltiptext {
	bottom:90%
}
.calltoaction .tooltiptext {
	color:#333;
	min-width: 180px;
}
.double .first .tooltiptext {
	min-width:100px;
	left:-70px
}
.double .first .tooltiptext:after {
	left:90px
}
.double .second .tooltiptext {
	min-width:180px;
	left:-30px;
	bottom: 109%
}
.tooltiptext a {
	color:#3498db;
}
.tooltiptext a:hover {
	color:#32B3A0
}
.blinkmescott {
    -webkit-animation-name: blinkerscott;
    -webkit-animation-duration: 6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinkerscott;
    -moz-animation-duration: 6s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinkerscott;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinkerscott {
    0% { opacity: 0; }
    50% { opacity: 0; }
    51% { opacity: 1 }
    52% { opacity: 0 }
    100% { opacity: 0; }
}
@-webkit-keyframes blinkerscott {
    0% { opacity: 0; }
    50% { opacity: 0; }
    51% { opacity: 1 }
    52% { opacity: 0 }
    100% { opacity: 0; }
}
@keyframes blinkerscott {
    0% { opacity: 0; }
    50% { opacity: 0; }
    51% { opacity: 1 }
    52% { opacity: 0 }
    100% { opacity: 0; }
}
.blinkmekel {
    -webkit-animation-name: blinkmekel;
    -webkit-animation-duration: 6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinkmekel;
    -moz-animation-duration: 6s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinkmekel;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinkmekel {
    0% { opacity: 0; }
    20% { opacity: 0; }
    21% { opacity: 1 }
    22% { opacity: 0 }
    100% { opacity: 0; }
}
@-webkit-keyframes blinkmekel {
    0% { opacity: 0; }
    20% { opacity: 0; }
    21% { opacity: 1 }
    22% { opacity: 0 }
    100% { opacity: 0; }
}
@keyframes blinkmekel {
    0% { opacity: 0; }
    20% { opacity: 0; }
    21% { opacity: 1 }
    22% { opacity: 0 }
    100% { opacity: 0; }
}
.blinkmenathan {
    -webkit-animation-name: blinkmenathan;
    -webkit-animation-duration: 7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinkmenathan;
    -moz-animation-duration: 7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinkmenathan;
    animation-duration: 7s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinkmenathan {
    0% { opacity: 0; }
    70% { opacity: 0; }
    71% { opacity: 1 }
    72% { opacity: 0 }
    100% { opacity: 0; }
}
@-webkit-keyframes blinkmenathan {
    0% { opacity: 0; }
    70% { opacity: 0; }
    71% { opacity: 1 }
    72% { opacity: 0 }
    100% { opacity: 0; }
}
@keyframes blinkmenathan {
    0% { opacity: 0; }
    70% { opacity: 0; }
    71% { opacity: 1 }
    72% { opacity: 0 }
    100% { opacity: 0; }
}
.blinkmeemma {
    -webkit-animation-name: blinkmeemma;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinkmeemma;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinkmeemma;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinkmeemma {
    0% { opacity: 0; }
    50% { opacity: 0; }
    51% { opacity: 1 }
    52% { opacity: 0 }
    100% { opacity: 0; }
}
@-webkit-keyframes blinkmeemma {
    0% { opacity: 0; }
    50% { opacity: 0; }
    51% { opacity: 1 }
    52% { opacity: 0 }
    100% { opacity: 0; }
}
@keyframes blinkmeemma {
    0% { opacity: 0; }
    50% { opacity: 0; }
    51% { opacity: 1 }
    52% { opacity: 0 }
    100% { opacity: 0; }
}
.blinkmefamily {
    -webkit-animation-name: blinkmefamily;
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinkmefamily;
    -moz-animation-duration: 4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinkmefamily;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinkmefamily {
    0% { opacity: 0; }
    50% { opacity: 0; }
    51% { opacity: 1 }
    52% { opacity: 0 }
    100% { opacity: 0; }
}
@-webkit-keyframes blinkmefamily {
    0% { opacity: 0; }
    50% { opacity: 0; }
    51% { opacity: 1 }
    52% { opacity: 0 }
    100% { opacity: 0; }
}
@keyframes blinkmefamily {
    0% { opacity: 0; }
    50% { opacity: 0; }
    51% { opacity: 1 }
    52% { opacity: 0 }
    100% { opacity: 0; }
}
/*-----------------------
# Features List
-----------------------*/
.features {
	background:#f5f5f5;
}
.feature {
	margin-bottom: 15px;
	min-width: 33.33%;
	max-width: 33.33%;
	font-size:1.2em;
	font-weight:500;
	color:#082236
}
.feature .icon i {
  position: relative;
  top: 0px;
  color:#32B3A0

}
.feature .icon {
  max-width: 34px;
  margin-right:10px;
	color: #C83A8C;
	font-size: 1em;
	text-align:center
}
/*-----------------------
# Meet The Team
-----------------------*/
.spare .inner {
	color:#929598;
	border:2px dashed #ccc!important;
  padding: 30px 0;
  height:100%
}
.spare h3 {
	color:#929598
}
a.image-link.fancybox {
  display: block;
  float: none;
  max-width: 150px;
  margin: 0 auto;
  transition: all 0.3s;
}
a.image-link {
  transition: all 0.3s;
}
a.image-link:hover {
  opacity: 0.7;
}
.meet-team {
  /* padding-top:120px */
}
.meet-team .section-title {
	text-align: center;
	margin-top:0;
}
.team-subtitle {
  margin: 0;
}
.member img {
  display: block;
	width: 100%;
  margin: 0 auto;
	height:auto
}
.modal-team img {
	display: block;
  width: 100%;
  max-width: 140px;
	margin: 0 auto;
	margin-bottom: 20px;
	border-radius: 50%;
}
.modal-header {
	text-align: center;
}

.gform_wrapper textarea.medium {
  max-height: 130px!important;
  height:130px!important
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	padding:15px!important
}

.meet-team .pixel {
	margin-top:0
}
.member:not(.spare) .inner {
	border-left:1px solid #C83A8C;
	padding-top:5px;
	padding-bottom:5px
}
.member:last-child, .member:last-child(-1) {
	border-left:2px solid #32B3A0;
	padding-left:0
}

.member i {
	color:#3498DB;
}
.member h4 {
	margin-bottom:18px;
	color:#55595e;
	font-weight:400;
}
.team-title {
	margin: 0;
	font-size:1.6em
}
.team {
    text-align: center;
}
.pixel-left a.button,
.pixel-right .button a{
	margin-top:5px;
	margin-right:10px
}

.project-slider:after {
  content: 'flickity';
  display: none; /* hide :after */
}

/* disable Flickity for large devices */

@media screen and ( min-width: 768px ) {
  .project-slider:after {
    content: '';
  }
}

.project-slider .project-excerpt:last-child {
	margin-bottom:0;
	padding-bottom:60px
}
span.white {
	color:#fff;
}
span.white-go {
	color:#fff;

}
span.tm {
	font-size:11px;
	bottom:3px;
	left:-1px
}
h1 span.tm {
	font-size:11px;
	bottom:22px
}
h2 span.tm {
	font-size:11px;
	bottom:12px;
	left:-2px
}
h3 span.tm {
	font-size:11px;
	position:relative;
	bottom:9px;
	left:-1px
}
h4 span.tm {
	font-size:11px;
	position:relative;
	bottom:4px;
	left:-1px
}
span.upper {
	text-transform:uppercase;
	letter-spacing:-4px
}
.team-wrap {
	width:600px;
	float:left
}
.related-excerpt {
	margin:0;
	padding:10px;
	background:none;
	text-align:center;
}
.related-excerpt .inner {
	height:100%;
	padding:15px
}
.related-excerpt h2 {
	font-size:1.5em
}
.related-excerpt img {
	max-width:90px;
	border:2px solid #fff;
	border-radius:50%
}
/*-----------------------
# ACCORDION
-----------------------*/
.accordion-toggle {
  width:100%;
  cursor: pointer;
  position: relative;
  padding: 5px 20px 5px 20px;
  border-radius: 3px;
  background: #3498db;
  margin-top: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  color:#fff;
  font-weight: 600;
  font-size: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.accordion-toggle:hover {
	background:#999;
}
.accordion-toggle.active {
  background: #666;
}
.accordion-toggle.active-panel {
  background: #ddd;
}
.accordion-content {
  overflow: hidden;
  display: none;
  padding: 20px;
  background: #f5f5f5;
}
.accordion-content.default {
  display: block;
}
.accordion-content p:first-child {
  margin-top: 0px;
}
.accordion-toggle .fa {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  font-size:30px!important;
	margin-left: 10px;
  color: #fff;
}
.rotate180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/*--------------------------------
# Accreditations
--------------------------------*/
.accreditations .section-title {
	text-align: center;
}
.accs {
	text-align: center;
}
.accs img {
  display: inline-block;
  padding: 10px;
  vertical-align: middle;
  max-height: 110px;
  min-width: 50px;
  width: auto;
  max-width: 210px;
}
.accs {
	flex-wrap: wrap
}
.accs .logo-wrap {
	margin:30px 0;
}
/*--------------------------------
# Logo Carousel
--------------------------------*/
.carousel-wrap {
  position: relative;
  text-align:center
}
.carousel-wrap:before {
  content: '';
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 15%;
  background: linear-gradient(90deg, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0) 100%);
  z-index: 5;
}
.carousel-wrap:after {
  content: '';
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  width: 15%;
  background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 100%);
  z-index: 5;
}
.carousel img,
.carousel picture {
  display: block;
  height: auto;
  max-height: 140px;
  min-width: 50px;
  width: auto;
  max-width: 240px;
  padding: 20px 30px;
  top: 100%;
  transform: translateY(-50%)
}
.logo-carousel {
	text-align:center
}
.logo-carousel .flickity-page-dots {
  bottom: 0;
  position: relative;
}
.logo-carousel h2 {
	margin-bottom:40px
}
.logo-carousel h3 {
	margin-top:0
}
.logo-carousel .section-title {
	margin-top:0
}
/*--------------------------------
# Featured posts
--------------------------------*/
.featured-posts .col {
	min-width: 300px;
}
.featured-posts {
	padding:60px 0
}

.project-excerpt h2 i,
.project-excerpt h3 i {
	font-size:0.8em;
	opacity:1;
	    font-weight: 900!important;
}
.featured-posts .project-excerpt {
  min-height: 100%;
}
.featured-posts:before, .shadow-before:before {
	content:'';
  display:block;
  position:absolute;
  top:0;
  background:radial-gradient(farthest-corner at 50% 0px, rgba(0,0,0,0.1) 0%, transparent 70%);
  width:90%;
  margin:0 5%;
  height:20px;
  z-index:1
}
.featured-posts:after, .shadow-before:after {
	content:'';
  display:block;
  position:absolute;
  bottom:0;
  background:radial-gradient(farthest-corner at 50% 0px, rgba(0,0,0,0.1) 0%, transparent 70%);
  width:90%;
  margin:0 5%;
  height:20px;
  z-index:1;
  	-webkit-transform: rotate(180deg);
  	transform: rotate(180deg);
	display:none!important
}
/*--------------------------------
# Latest Posts
--------------------------------*/
.latest-posts {
	background:#fff;
}
.latest-posts .col {
	/* min-width: 300px; */
}
.latest-posts a i {
	font-size:0.8em
}
.latest-updates em {
	font-size:0.7em;
	bottom:1px;
}
.latest-updates .insta-post h3:last-child,
.latest-updates .insta-post p:last-child {

}
.insta-post h3,
.insta-post p {
	color:#082236
}
.latest-updates .insta-post img {
	margin:0;
	display:block
}
.excerpt-header span.upper {
	letter-spacing: -2px!important
}
.excerpt-header span.white-go {
	letter-spacing:-2px!important
}
.latest-updates .insta-post h3 {
	display:none
}
body.postid-8039 hr {
	margin-left:0;
	background-color:#C83A8C
}
/*--------------------------------
# Downloads
--------------------------------*/
.download img {
	max-height: 100px;
	width: auto;
  display: inline-block;
  margin-bottom: 20px;
}
/*--------------------------------
# Links section
--------------------------------*/
.link {
	min-width: 33.33%;
}
.link-title {
  margin-top: 0;
  margin-bottom: 15px;
}
.link-description {
  margin-top: 0;
  margin-bottom: 15px;
}
/*--------------------------------
# TABS
--------------------------------*/
ul.tabs{
  margin: 0px;
  padding: 0px;
  list-style: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ul.tabs li{
  background: none;
  color: #333;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
  transition: all 0.3s;
}
ul.tabs li:hover {
  background: #fafafa;
}
ul.tabs li.current{
  background: #ededed;
  color: #082236;
  pointer-events: none;
}
.tab-content {
  display: none;
  background: #ededed;
  padding: 15px;
}
.tab-content.current{
  display: inherit;
}
/*--------------------------------
# GALLERY
--------------------------------*/
.gallery .strike {
	color:#fff
}
.gallery-icon img {
  display: block;
}
.gallery-item .gallery-caption {
  display: block;
  font-size: 0.9em;
  font-style: italic;
  margin-top: 10px;
}
.gallery-item {
  padding: 0 ;
  margin: 0;
}
.gallery-image a {
  color: #fff;
}
.gallery-image .inner, .gallery-icon {
	position: relative;
	overflow: hidden;
}
.gallery .intro {
  padding: 10px;
  padding-left: 0;
	color:#fff;
}
.gallery .intro h3, .gallery .intro h2 {
	color:#f5f5f5;
	margin-top:0
}
.gallery .intro .text {
  padding-left: 3px;
}
.gallery .intro p:last-child {
	margin-bottom:0
}
.gallery-image img {
	display: block;
	width:100%;
	transition: all 0.3s;
}
div.gallery {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
}
section.gallery .row {
  margin-left: -3px;
  margin-right: -3px;
}
.gallery-image {
	padding: 3px;
}
.gallery.count-4 .gallery-image {
	max-width: 25%;
	min-width: 25%;
}
.gallery-image img {
	width:100%;
	display:block;
	padding:1px
}
/*--------------------------------
# TESTIMONIAL
--------------------------------*/
.testimonial, .testimonial-slider {
	text-align:center;
	background: #0D3756;
	color: #fff;
	padding: 30px 0;
  float: left;
  width: 100%;
}
.testimonial-slider .slide {
  width: 100%;
}
.testimonial-slider .flickity-page-dots {
  position: relative;
  bottom: 0;
}
.testimonial p, .testimonial-slider p {
	font-size: 1em;
}
.testimonial .container, .testimonial-slider .container {
	max-width: 940px;
}
.testimonial .author, .testimonial-slider .author {
	color: #c1c1c1;
  font-style: italic;
  margin-bottom: 20px;
}
.has-one .flickity-page-dots {
  display: none;
}
.testimonial img, .testimonial-slider img {
	display:block;
	margin:0 auto;
  width: 90px;
	border-radius:50%;
	margin-bottom: 10px;
}
.testimonial i, .testimonial-slider i {
	color: #3498db;
}
.testimonial-slider .flickity-viewport {
  transition: all 0.4s;
}
/*--------------------------------
# TESTIMONIAL GRID
--------------------------------*/
.stars {
	font-size:2em;
	margin-bottom:10px
}
.stars i {
	margin:0 3px
}

.social-count h2 {
	margin:0
}
.social-count h3 {
	margin-top:8px
}
.social-count hr {
    margin: 30px auto;
    width: 100%;
    height: 1px;

}
body.blog .social-count,
body.single-post .social-count{
	padding:0!important
}
section.testimonial-grid .section-title {
  text-align: center;
}
.testimonial-grid .container {
	max-width:1240px
}
.testimonial-grid .inner {
  width:100%;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background:#fff
}
.testimonial-grid .inner .image {
  text-align: center;
  padding:0px;
  padding-top: 4px;
}
.testimonial-grid .inner .text {
  padding:0px 0px 0px 10px;
  background:#fff;
    text-align:left;
}
.testimonial-grid .inner .author {
  font-weight: bold;
  text-align: center;
}
.testimonial-grid .inner .image img {
  border-radius: 50%;
  display: block;
  width: 70px;
  margin: 0 auto;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.testimonial-grid .inner .image a {
	display:block;
	margin:0 auto;
}
.testimonial-grid .inner .image img:hover  {
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
}
.testi {
    margin-top: 40px;
    margin-bottom: 40px;
}
.testi .image {
	max-width:80px;
	min-width:80px;
}
.testi .image a picture {
	width:80px;
	height:80px;
}
.testi p {
	margin:0;
	font-size:1.2em;
}
.testi .text a {
	margin-top:8px;
	display:inline-block;
	font-weight:600;
	border-bottom: 1px solid;
	padding-bottom:5px
}
.testi .text a i {
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.testi .text a:hover i {
	margin-left:10px
}
.testi .text i {
	font-weight:900!important
}
.testi i {
	font-size:0.8em
}
.testi a i {
	font-size:0.8em;
	filter:brightness(100%);
}
.modal {
	box-shadow:0 0 6px rgba(0,0,0,0.2)
}
.modal-testimonial .image {
	text-align:left;
	padding:0;
	margin-bottom:20px
}
.modal-testimonial .image img {
  border-radius: 50%;
  width: 80px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
margin:0 20px
}
.modal-testimonial h3 {
	margin:0
}
.modal-testimonial h3 span {
font-style:italic;

color: #333;
font-weight: 400;
font-size: 15px;
}
.modal-testimonial i {
	font-size:0.9em
}
.gtest i.fa-star {
	color: #DDC564;
	font-size:1.5em
}
.gtest .float {
	padding-top:10px
}
.border-wrap {
	display:block;
	border-radius:50%
}
.modal-testimonial a.button:hover {
	background:#32B3A0!important;
	border-color:#32B3A0!important
}
/*--------------------------------
# VIDEO
--------------------------------*/
.video-container {
	min-width: 33.33%;
  max-width: 33.33%;
}
section.video {
	padding: 40px 0;
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Fluid Video Embeds */
.fve-video-wrapper {
    position: relative;
    overflow: hidden;
    height: 0;
    background-color: transparent;
    padding-bottom: 56.25%;
    margin: 0.5em 0;
}
.fve-video-wrapper iframe,
.fve-video-wrapper object,
.fve-video-wrapper embed {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fve-video-wrapper a.hyperlink-image {
    position: relative;
    display: none;
}
.fve-video-wrapper a.hyperlink-image img {
    position: relative;
    z-index: 2;
    width: 100%;
}
.fve-video-wrapper a.hyperlink-image .fve-play-button {
    position: absolute;
    left: 35%;
    top: 35%;
    right: 35%;
    bottom: 35%;
    z-index: 3;
    background-color: rgba(40, 40, 40, 0.75);
    background-size: 100% 100%;
    border-radius: 10px;
}
.fve-video-wrapper a.hyperlink-image:hover .fve-play-button {
    background-color: rgba(0, 0, 0, 0.85);
}
/*--------------------------------
# TABLE
--------------------------------*/
.table td, .table th {
	padding:5px
}
th {
	border: 1px solid #3498db;
}
th {
  background: #3498db;
  color: #fff;
}
td {
  background: #f5f5f5;
}
/*--------------------------------
# CTA
--------------------------------*/
.cta {
	margin:30px 0
}
.cta .inner {
	width: 100%;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.cta.sl .inner {
	background:none;
	padding:5px
}
.cta.sl .titles {
	padding:0
}
.related-projects .cta .inner {
	text-align:center;
	    padding-left: 10px;
    padding-right: 8px;
    padding-top:8px
}
.ctas  {
	text-align:center
}
.cta-title {
	margin: 0;
}
.cta img {
	display:block;
	margin:0 auto;
	max-width: 50px;
	max-height: 50px;
}
.cta {
	text-align:left
}
.cta h4 {
	margin-top:1px;
	color:#55595e;
	font-weight:500
}
.dark-bg .cta h4 {
	color:#ccc
}
.cta .image {
	background: #0D3756;
	width: 70px;
	height: 70px;
	min-width: 70px;
	min-height: 70px;
	border-radius: 50%;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	position: relative;
	z-index: 1;
}
.multiple .cta .image {
	margin-bottom:14px
}
.cta.sl .image {
	background:none;
	box-shadow:none;
	border-radius:0
}
.related-projects .cta .image {
	float:none;
}
.related-projects .cta h3 {
	margin-top:10px;
	margin-bottom:10px
}
.cta p:last-child {
	margin-bottom:10px
}
#package .cta .inner {
	background:none;
	box-shadow:none
}
.cta .image i {
	color:#fff;
	font-size:30px
}
.cta.sl .image i {
	    color: #3498db;
    background: #3498db;
    background: linear-gradient(90deg, #3498db 0%, #12b691 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size:40px;
	padding-top: 3px;
}
.dark-bg .cta.sl .image i {
	background: linear-gradient(90deg, #fff 0%, #ccc 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.port-services .cta .titles {
	padding:0
}
.port-services .cta .image {
	margin-right:20px;
	margin-bottom:14px
}
#home-ctas {
	background:#fff;
	padding-top: 60px;
padding-bottom: 60px;
}
#home-ctas .cta .inner {
	background:#fff;
	box-shadow:none
}

.related-projects .cta {
	margin-top:60px
}
.steps .cta .inner {
	box-shadow:none
}
.steps h2 {

	margin-bottom:5px;
	margin-top:0
}
.steps .cta .image {
	font-size:30px;
	font-weight:600;
	color:#fff;
	margin:0;
	margin-right:15px;
	min-width:60px;
	min-height:60px;
	width:60px;
	height:60px;
	text-align:center;
}
.steps .titles {
	padding:0
}
.button-wrap {
	margin-top:20px;
	text-align:center
}
#packages .container {
	max-width:1240px
}
#packages h2 {
	margin-top:0
}
#packages .image {
	color:#fff;
	font-size:30px;
	font-weight:600;
	letter-spacing: -2px
}
#packages .image svg {
	fill:#fff!important;
	width:50px;
	color:#fff
}
#packages ul, #packages li {
	list-style:none;
	margin:0;
	padding:0
}
#packages li {
	margin:8px 0;
	list-style: none;
    padding: 0;
    padding-left: 32px;
    text-indent: -18px;
    text-align:left!important
}
#packages li i {
	width:14px;
	text-align:center;
	color:#0D3756
}
#packages .cta .inner.fancy {
	box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
	border:1px solid #3498db;
	background:#fff
}
#packages .cta .inner:hover {
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);
}
#packages .cta .inner.fancy.green {
border:1px solid #32B3A0
}
#packages .cta .inner {
	padding:20px;
	border:2px solid #bbb;
	    box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
}
#packages .cta .inner li i {
	color:#55595e
}
#packages .cta .inner.fancy li i {
	color:#3498db
}
#packages .cta .inner.fancy.green li i {
	color:#32B3A0
}
#packages .inner h3 {
	font-size: 1.7em;
	line-height:1
}
#packages .inner h4 {
	margin:20px 0;
}
#packages a.button {
	margin-top:18px;

}
#packages .cta {
	padding-left:25px;
	padding-right:25px
}
#packages .fancy h3 {
/* 	color:#fff */
}
#packages .fancy h4 {
	color:#55595e
}
#packages h2 {
	text-align:center
}
#go-intro .button a{
	font-size:1em;
	padding:4px 8px;
	margin-right:5px
}
#go-intro .button a {
	background:#32B3A0!important
}
#packages .intro h2, #packages .intro h3 {
	text-align:left!important
}
#packages .butts a.button {
	margin:5px auto;
	display:inline-block
}
#packages .butts {
	border-left:1px solid #ccc;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center
}
#packages .intro i {
	color:#3498db;
	font-size:1.2em;
	top:3px;
	position:relative
}
.cost span{
	color:#3498db
}
.deluxe .cost span {
	color:#32B3A0
}
.cost span {
	font-size:1.2em;
	color:#3498db
}
.highlight {
	-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
	margin-top:15px;
padding-left:72px;
padding-right:40px;
}
.maintenance {
	padding:20px!important;
	/* border:1px solid #888; */
  background: rgb(0 0 0 / 11%);
  border-radius: 10px;
	margin-top:5px
}
.maintenance h3 {
	font-size:1.2em
}
.highlight h3 {
	margin-top:10px;
	    line-height: 1.3;
}
.highlight h3 .fal {
	color:#fff!important;
	margin-right:15px
}
.disclaimer {
	font-size:0.6em
}
/*--------------------------------------------------------------
## Search Page
--------------------------------------------------------------*/
.search-result {
  background: #f5f5f5;
  float: left;
  width: 100%;
  padding: 15px;
}
.search-results-wrap {
  margin-bottom: 20px;
}
#search-page .excerpt-search:nth-child(odd) .search-result {
  background: white;
}
.search-result h3 {
  margin: 0;
}
.search-result p:last-child {
  margin-bottom: 0;
}
/*--------------------------------------------------------------
## Posts
--------------------------------------------------------------*/
.excerpt {
	position: relative;
  margin: 0;
  float: left;
	width:31.33%;
	display:inline-block;
	margin:1%
}
.excerpt.category-instagram {
	box-shadow:0 4px 10px rgba(0,0,0,0.25);
}
.excerpt.category-projects {
	background:#111
}
#sidebar {
  margin: 20px 0;
}
.excerpt h4 {
	margin-top:14px;
	float:left
}
.excerpt .inner {
	padding: 20px;
	position:absolute;
	bottom:0;
	top:0;
	left:0;
	right:0;
	background: rgba(13, 55, 86, 0.80);
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.excerpt .inner:hover {
	background:rgba(13, 55, 86, 0.9);
}
.excerpt .inner a {
	color:#fff;
	border-color:#fff
}
.excerpt .inner a:hover {
	color:#3498db;
	border-color:#3498db
}
.excerpt-content p {
  margin: 0;
}
.excerpt .inner i {
	font-weight:900!important;
	font-size:0.8em
}
.excerpt-thumb {
	background: linear-gradient(270deg, #5B86E5, #36D1DC);
	overflow: hidden
}
.excerpt-thumb img, .thumb-wrap img, .image-wrap img {
	display: block;
	width: 100%;
	max-width:100%;
	-webkit-transition: all ease 2s;
	transition: all ease 2s;
}
.excerpt-thumb img:hover {
	opacity:0.5;
	-webkit-transform: scale(1.3);transform: scale(1.3);
}
.excerpt-title {
	margin: 0;
}
.meta span {
	display: inline-block;
}
h1.single-title {
  font-size: 2em;
}
.single-content {
	padding-bottom:60px;
	border-bottom: 1px solid #ccc
}
.single-content a img {
	box-shadow: 0px 3px 9px #b9b9b9;
}
.meta {
  margin: 5px 0;
  font-size:0.9em
}
.excerpt .meta {
	color:#fff;
	font-size:0.8em
}
.excerpt-archive.classic {
	min-width: 100%;
}
.excerpt-classic-image {
	min-width: 300px;
}
.excerpt-classic-content {
	min-width: 300px;
}
.excerpt-archive.classic .excerpt {
	background: none;
}
.sticky {
	display: block;
	position: relative;
}
.excerpt-thumb, .thumb-wrap, .image-wrap {
	position: relative;
  float: left;
  width: 100%;
  flex: 0 0 auto;
}
.excerpt-footer {
	float: left;
	width: 100%;
	padding: 0 20px;
	margin-bottom: 20px;
}
.updated:not(.published) {
	display: none;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.insta-post {
	padding:15px;
	background:#fff;
	position:relative
}
.insta-post img {
	width:100%;
	margin-bottom: 10px;
}
.insta-post h3 {
	font-size:1em;

font-weight:400;
line-height:1.5
}
.insta-post p {
	margin:0
}
.excerpt.category-twitter {
	padding:10px;
	background:#3498DB;
}
.twit-post {
	text-align:left;
	padding:30px
}
.twit-post p:last-child {
	margin-bottom:0
}
.twit-post h3 {
	font-size:1.05em;

color: #fff;
font-weight:400;
line-height:1.4
}
.insta-over {
	position:absolute;
	height:100%;
	width:100%;
	background: rgb(24 159 140 / 95%);
	color:#fff;
	padding:30px 20px;
	font-size:1em;
	top:0;
	left:0px;
	opacity:0;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.latest-updates .insta-post:hover .insta-over {
	opacity:1
}
.lprow {
	margin-right:-1%;
	margin-left:-1%
}
/*--------------------------------
## Pagination
--------------------------------*/
.pagination {
  float: none;
  width: 100%;
  max-width:800px;
  display:block;
	text-align: center;
	font-size: 1.1em;
  margin: 20px auto 0 auto;
  line-height: normal;

  font-weight: 400;
  border-top:#ccc 1px solid;
  padding:30px 0
}
.pagination .page-numbers.current {
  background: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: -webkit-inline-box!important;
  display: -ms-inline-flexbox!important;
  display: inline-flex!important;
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important;
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  padding: 5px;
  align-items: center;
  justify-content: center;
  pointer-events: none
}
.pagination .page-numbers {
  background: #3498db;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: -webkit-inline-box!important;
  display: -ms-inline-flexbox!important;
  display: inline-flex!important;
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important;
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  padding: 5px;
  align-items: center;
  justify-content: center;
}
.pagination .page-numbers:hover {
	background:#32B3A0
}
.pagination a.page-numbers {
	color:#fff
}
.pagination a {
	display: inline-block;
	padding: 5px;
}
.pagination .prev.page-numbers ,.pagination .next.page-numbers {
	width:auto;
	background:none
}
.pagination a.prev.page-numbers,.pagination a.next.page-numbers {
	color:#3498db
}
.pagination a.prev.page-numbers:hover,.pagination a.next.page-numbers:hover {
	color:#32B3A0
}

.next-page:after {
	content:"\f138";
	text-align:center;
	font-family: Font Awesome\ 5 Pro;
	margin-left:3px;
	font-weight:400;
	font-size:0.8em
}
.prev-page:before {
	content:"\f137";
	text-align:center;
	font-family: Font Awesome\ 5 Pro;
	margin-right:3px;
	font-weight:400;
	font-size:0.8em
}
.page-load-status {
  display: none; /* hidden by default */
	position:relative;
  text-align: center;
}
.loader-ellips img {
	height:40px;
	width:40px;
	margin:40px auto 0 auto;
	display:block;
}
.infinite-scroll-request {
	padding:60px 20px;
	text-align:center;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 2s linear infinite;
}
.more-wrap h2, .page-load-status h2 {
	margin-top:0
}
/*--------------------------------
## COMMENTS
--------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
#comments, #related-posts {
	float:left;
	width:100%;
	position:relative;
}
#related-posts h4 {
	text-align:center
}
#related-posts .excerpt .inner{
	padding:10px
}
#related-posts .excerpt-header {
	padding-right:0
}
#related-posts .excerpt-header h4, #related-posts .meta {
	display:none;
}
#related-posts {
	padding-bottom:30px;
	/* border-bottom:1px solid #ccc */
}
#related-posts h4 {
	font-size:1.1em
}
#post-nav {
  padding-top: 20px;
  float:left;
  width:100%;
  position:relative;
  border-top: 1px solid #ccc;
}
textarea#comment {
	resize: none;
}
ol.comment-list {
	list-style:none;
	padding:0;
	margin:0
}
ol.comment-list a {
	text-decoration:none
}
ol.comment-list > li {
	margin: 10px 0;
	padding: 10px;
	background:#f5f5f5
}
li.bypostauthor p, li.bypostauthor .comment-author {
	color:#555;
}
li.bypostauthor .comment-author:before {
	content:"\f007";
	text-align:center;
	font-family: Font Awesome\ 5 Pro;
	margin-right:0px;
	border-radius:50%;
	padding:4px
}
ol.children {
	list-style:none;
	border-left:1px solid #ccc
}
.reply {
	text-align:right;
}
time {
	pointer-events: none;
	color:#999
}
a.comment-reply-link:before {
	content:"\f075";
	font-family: Font Awesome\ 5 Pro;
	margin-right:0px;
	margin-right:3px
}
h3#reply-title:before {
	content:"\f086";
	font-family: Font Awesome\ 5 Pro;
	margin-right:0px;
	margin-right:3px
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
embed,
iframe,
object {
	max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
	font-style:italic
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0;
	padding:4px;
	font-size:14px
}
.wp-caption-text {
	text-align: center;
}
/*--------------------------------------------------------------
## Galleries (Flexible & posts)
--------------------------------------------------------------*/
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
section.gallery.count-5 .col, section.gallery.count-6 .col {
  min-width: 33.33%;
}
.gallery.count-10 .col {
	min-width: 20%;
	max-width: 20%;
}
.gallery.count-14 .gallery-image, .gallery.count-13 .gallery-image {
  min-width: 20%;
}
.gallery.count-13 .gallery-image {
  min-width: 20%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
# Hosting
--------------------------------------------------------------*/
.hosting {
	    background: linear-gradient(270deg, #111, #0D3756);
	color:#fff;
}
.hosting .section-title {
	text-align:center
}
.hosting .image {
	background: #0D3756;
	width: 70px;
	height: 70px;
	min-width: 70px;
	min-height: 70px;
	border-radius: 50%;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	position: relative;
	z-index: 1;
	-webkit-transform: translateZ(0);
	margin: 0 auto;
	background-image: linear-gradient(270deg, rgb(54, 209, 220), rgb(16, 182, 145));
}
.hosting .image i {
	color:#fff;
	font-size:40px
}
.hosting p {
	margin:10px 0
}
.hosting h3, .hosting h2 {
	color:#fff
}
.hosting h3 {
	margin-top:0;
}
.hosting a {
	color:#fff;
	border-bottom:1px solid #fff
}
.hosting a:hover {
	color:#3498db;
	border-bottom:1px solid #3498db
}
.hosting-details {
	padding-left:20px;
	padding-right:20px;

}
.hosting-details .container {
	max-width:1180px
}
.package {
		border-left:4px solid #3498db;
		padding-top:25px;
		padding-bottom:25px;
		margin-top:30px;
		margin-bottom:30px;
		background:rgba(0,0,0,0.3);
}
.package.deluxe {
		border-left:4px solid #32B3A0;
}
.package.bespoke {
		border-left:4px solid #ddd;
}
.package .inner {
	height:100%;
	width:100%;
}
.package .image {
	background: #3498db;
	width: 60px;
	height: 60px;
	min-width: 60px;
	min-height: 60px;
	border-radius: 50%;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	position: relative;
	z-index: 1;
	-webkit-transform: translateZ(0);
	top: 0;
}
.package.deluxe .image {
	background: #32B3A0;
}
.package.bespoke .image {
	    background: linear-gradient(270deg, #32B3A0, #3498db);
}
.package .image i {
	    color: #fff;
    font-size: 30px;
    width:auto
}
.pack-head {
	margin-bottom:20px
}
.pack-head h2 {
	line-height:1.1;
	font-size:1.8em;
	margin:0 0 3px 0
}
.package ul, .package li {
	text-align:left;
	list-style:none;
	padding:0;
	margin:0
}
.package ul {
	margin-top:10px
}
.package li {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;

	padding-left: 24px;
	text-indent: -16px;
}
.package i {
	width: 12px;
	text-align: center;
	color: #3498db;
}
.package-info h2 {
	letter-spacing:-1px
}
.package-info h4 {
	color:#999;
	font-size:1em
}
.package-info h3.cta-title {
	font-size:1.5em
}
.package-info cite {
	color: #999;
    font-size: 0.8em;
}
.package-info .image {
	background: #0D3756;
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    position: relative;
    z-index: 1;
    -webkit-transform: translateZ(0);
    top: 0;
    float: left;
}
.package-info .image i {
	color:#fff;
	font-size:30px
}
.joke {
	padding-top:120px
}
.joke .pixel {
	margin:0 20px
}
.joke .scott .tooltiptext {
	bottom:120%
}
a.reveal {
	display:block;
	color:#3498db
}
.answer {
	opacity:0;
	pointer-events:none;
	left:-80px;
	box-shadow: 0px -1px 3px rgb(0 0 0 / 20%);
}
.answer:after {
	left:100px
}
.answer.show {
	opacity:1;
}
.hide {
	display:none!important
}
#price h4, #price p{
	color:#bbb!important
}
#price h2 {
	color:#fff
}
.packages .section-title {
	margin-bottom:50px
}
.packages .titles {
	padding:0 10px
}
.package .info {
	font-size: 0.7em;
	padding:10px;
    background: rgba(0,0,0,0.2);
    border-top:1px dashed #3498db;
    margin:14px 0 14px 0;
    text-align:center
}
.package .info h3 {
	margin:0
}
.package.deluxe .info {
	border-top:1px dashed #32B3A0;
}
.package.bespoke .info {
	border-top:1px dashed #ddd;
}
.package.deluxe li i {
	color:#32B3A0
}
.package.bespoke li i {
	color:#ddd
}
#terms {
	font-size:0.9em;
	margin-top:-80px;
	display:none;
}
.package.maintain .image {
	background: linear-gradient(270deg,#a2acb5, #545454);
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme .gfield-choice-input {
    display: inline-block;
    margin-top: 4px!important;
    top: 0;
    vertical-align: top!important;
}
.gform_wrapper {
	margin:0 auto!important;
	max-width:850px!important
}
.gform_wrapper .gform_ajax_spinner {
  padding-left: 0 !important;
  max-width: 30px;
  position: relative;
  top: 7px;
  height: 25px;
  float:none!important;
  margin:0 auto!important;
  display:block!important
}
.gform_wrapper label.gfield_label {
	font-size:1em!important;
	font-weight:700!important;
  margin: 0 !important;
}

.gform_wrapper .gfield_required {
	color:red!important
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background-color: transparent !important;
	border: none !important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
  border-radius: 40px!important;
    font-weight: 600!important;
    padding: 8px 24px!important;
  float:none!important;
  display:block!important;
  font-size:1em!important;
  background:#1d71a1;
  border-color:#1d71a1;
  line-height:1.4;
  border:inherit!important
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover , .gform_wrapper .gform_page_footer input[type=submit]:hover {
	background:#32B3A0;
	border-color:#32B3A0
}
.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
.gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio {
    color: #EA4335!important
}

.gform_wrapper .ginput_complex select {
    width: 100%;
    height: auto!important;
    background:rgba(0,0,0,0.05)!important;
    border: 1px solid rgba(0,0,0,0.1)!important;
    box-shadow:none!important;
    border-radius:0px!important;
    -webkit-appearance: none!important;
    padding:15px!important;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.gform_wrapper .ginput_complex select:hover {
	background:rgba(0,0,0,0.05)!important;
    border: 1px solid rgba(0,0,0,0.1)!important;
}
.gform_wrapper .ginput_complex select option {
	color:#333!important
}

input.switch {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	width:40px;
	height:20px;
	background-color:#449988;
	border:1px solid #D9DADC;
	border-radius:50px;
	-webkit-box-shadow: inset -20px 0px 0px 0px #D9DADC;
	box-shadow: inset -20px 0px 0px 0px #D9DADC;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}
input.switch:checked {
	-webkit-box-shadow: inset 20px 0px 0px 1px #4ed164;
	box-shadow: inset 20px 0px 0px 1px #4ed164;
}
input.switch::-ms-check {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
	filter: alpha(opacity=0); /* IE 5-7 */
	opacity: 0;
}

.gform_wrapper {
    margin: 0 auto !important;
    padding: 0px!important;
    overflow: hidden;
}
.gform_wrapper h2.gsection_title {
}
.gform .field_description_above {
	padding-top:40px!important
}
.gform_wrapper ul.gform_fields li.gfield h2.gsection_title {
    padding-top: 20px !important;
    color: #fff;
    margin: 50px 0 0 0 !important;
    -webkit-text-fill-color: #fff;
}
.gform_wrapper span.ginput_product_price {
	color:#fff!important;
	margin-top:25px!important
}
.gform_wrapper span.ginput_total {
	color:#32B3A0!important;
	font-size:1.4em!important;
	font-weight:600!important
}
.gform_wrapper span.ginput_product_price_label {
	display:none!important
}
#field_6_11, #field_6_10 {
	pointer-events: none!important
}
#field_6_11 input, #field_6_10 input, #field_6_7 .ginput_container,
input#input_2_19 {
	pointer-events: none!important;
	background:none!important;
	box-shadow:none!important;
	padding:0!important;
	font-size:18px!important;
	border:0!important
}
#field_6_11 .gfield_label, #field_6_10 .gfield_label, #field_6_7 .gfield_label, #field_6_3 .gfield_label{
	pointer-events: none!important;
	background:none!important;
	box-shadow:none!important;
	padding:0!important;
	font-size:17px!important;

}
#field_6_3 .gfield_label {

	border-top:1px solid #444;
	padding-top:10px!important
}

#gform_wrapper_11 {
	padding:0!important;
	margin:0 auto!important;
	    overflow: visible!important;
}
#gform_wrapper_11 label {
	display:none!important
}
#gform_wrapper_11 input[type="text"], #gform_wrapper_11 input[type="email"], #gform_wrapper_11 textarea {
	background:rgba(0,0,0,0.1);
	padding:  8px!important;
}
#gform_wrapper_11 textarea {
	height:80px!important
}
#gform_wrapper_11.gform_wrapper .gform_footer {
	margin:0!important;
	padding:0!important
}
#gform_wrapper_11.gform_wrapper .gform_footer input[type=submit] {
	float:left!important;
	background-color:#13B693!important;
}
#gform_wrapper_11.gform_wrapper .gform_footer input[type=submit]:hover {
	float:left!important;
	background-color:#3498db!important;
}
#gform_wrapper_11.gform_wrapper ul li.gfield.field_sublabel_above.field_description_below+li.gfield {
	margin-top:18px!important
}
#field_11_1 {
	padding-right:0!important
}
input::placeholder {
	color:#888!important;
	font-style: italic!important
}


#gform_wrapper_11.gform_wrapper .field_description_below .gfield_description {
	margin-top:9px!important
}

input#input_2_19 {
	border:0;
	font-size:1.8em!important;
	font-weight:600!important
}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
	margin-top:0!important
}
li#field_2_18 {
	margin-top:50px!important
}
#gform_wrapper_13.gform_wrapper label.gfield_label {
	font-size:1.3em!important
}
body #gform_wrapper_13.gform_legacy_markup_wrapper ul li.gfield {
	margin-top:40px!important
}
#gform_browse_button_13_19 {
	background:#666!important
}


.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
	margin-left:6px!important;
	font-size:16px!important
}
.gform_wrapper.gravity-theme .gfield-choice-input+label {
	margin-left:6px!important
}
.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
	font-size:16px!important
}
h3.gsection_title {
	margin-top:20px!important;
	    background: linear-gradient(90deg, #0D3756 0%, #3498db 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size:1.8em!important
}
.gform_wrapper .gfield_error label,
.gform_wrapper label+[aria-invalid=true] {

}
.gform_wrapper.gravity-theme .ginput_total {
	font-size:2em!important;
	color:#32B3A0!important;
	font-weight:600!important
}
input#input_6_3 {
	padding:0!important
}
#field_6_7 .ginput_container,
#ginput_product_price_6_7,
#input_6_7 {
	font-size:18px!important;
	color:#082236!important
}
.gform_wrapper.gravity-theme .gform_footer {
	margin-top:20px!important
}
#gform_4 .gform_footer {
	margin-top:20px!important
}
.gform_ajax_spinner {
	display:block!important;
	float:left!important
}
.gform_wrapper.gravity-theme .gfield_label {
	font-size:17px!important;
	font-weight:600!important
}
.gform_wrapper .gfield_required {
	font-size:18px!important
}
#gfield_description_1_14 {

}
.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
	background:none!important;
	border:none!important;
	padding:0!important
}
.gform_wrapper .gform_validation_errors {
    background: none!important;
    border: 1px solid #c02b0a;
    border-radius: 5px;
    box-shadow: none;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 16px 16px 16px 16px!important;
    position: relative;
    width: 100%;
}
.gform_wrapper .validation_error {
	border:none!important;
	margin-bottom:0!important
}
.gform_required_legend {
	display:none!important
}
#input_14_16 div {
	margin-bottom:20px!important
}
#label_14_16_0 strong {
	color:#4a8c4a!important;
	font-weight:600!important
}

#label_14_16_1 strong {
	color:#7c2323!important;
	font-weight:600!important
}
#gform_fields_14 .gfield {
	margin-bottom:20px!important
}
/*--------------------------------------------------------------
# Projects
--------------------------------------------------------------*/
.project-slider-wrap {
	background:#f5f5f5;
	background-image: linear-gradient(to right, #fff , #f5f5f5, #fff);
	padding:50px 0 70px 0
}
.project-slider-wrap .flickity-slider {
	display:flex;
	align-items: center;
}
.project-slider-wrap .button-row {
  padding: 0 30px;
  text-align: center;
  margin-top:-50px
}
.devices {
	min-height:400px;
}
.banner-image {
    position: absolute;
	right:0;
    z-index: 999;
	height:400px;
	width:50%;
	top: 0;
  bottom: 0;
  margin: auto 0;
  height:100%;
  padding-top:190px
}
#banner.proj-bann {
	position:relative;
	min-height:300px!important;
	animation-name: none!important
}
.proj-bann .proj-vid {
	max-width: 900px;
}
#banner.proj-bann:before {
		position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom left, transparent, #000);
    opacity: 0.4;
}
#banner.proj-bann .container {
	position:relative;
	z-index:3
}
.project-excerpt {
	padding: 0;
	overflow: hidden;
	position:relative;
	text-align:left;
	width:100%;
/* 	box-shadow: inset 0 17px 9px -7px rgba(0,0,0,0.2); */
}

.project-excerpt:before {
	position:absolute;
	content:"";
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-image: linear-gradient(to bottom right, transparent, #000);
	opacity:0.4;
	display:none;

}
.project-excerpt:nth-child(even):before {
	background-image: linear-gradient(to bottom right, #000, transparent);
}
.button-row .button {
  margin: 5px 5px;
  padding:0;
  width: 36px;
  height:36px;
  text-align:center
}
.button-row .fa-chevron-right {
	left:1px;
	position:relative
}
.button-row .fa-chevron-left {
	right:1px;
	position:relative
}
.project-excerpt .container .row {
	padding-top:40px!important;
	padding-bottom:60px!important;
}
.project-excerpt * {
	color:inherit
}
.project-excerpt.mobile .container {
	max-width:840px
}
.project-excerpt.tablet .container {
	max-width:940px
}
.project-excerpt h2 {
	margin:0
}
.project-excerpt h3 {
  margin-bottom: 5px;
  margin-top: 15px;
}
.project-excerpt h3.mq {
	margin:0;
	font-size:1.8em
}
.device img {
	display:block;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.device {
	background:#111;
	border-radius:8px;
	padding:10px;

	box-shadow: 0px 10px 14px -1px rgba(0,0,0,0.26);
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.device:hover {
	-webkit-box-shadow: 0px 5px 8px -1px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 5px 8px -1px rgba(0,0,0,0.36);
	box-shadow: 0px 5px 8px -1px rgba(0,0,0,0.36);
}
.device.mobile-image img {
	border-radius:3px;
	width:auto;
	    margin: 0 auto;
}
.device.tablet-image img {
	width:auto
}
.device.desktop-image img {
	width:100%;
	max-width:100%
}
.project-excerpt.mobile .device {
	padding: 30px 6px;
border: 1px solid #666;
border-radius: 20px;
width:200px
}
.project-excerpt.tablet .device {
	padding:10% 3%;
	border:1px solid #aaa;

	border-radius:20px
}
.project-excerpt.desktop .device {
	padding:4%;
	border:1px solid #333;
	border-radius:10px
}
h3.section-title {
	text-align:center
}
.latest-posts .project-excerpt:nth-child(odd) .proj-text {
  order: -1;
}
.project-excerpt.mobile .proj-img {
  max-width: 280px;
}
.project-excerpt.tablet .proj-img {
  max-width: 420px;
}
.project-excerpt.desktop .text {
  max-width: 620px;
}
.project-excerpt.tablet {

}
.pill {
  border-radius: 30px;
  padding: 2px 8px 0px 0;
  text-align: center;
  display: inline-block;
  font-weight: 400;
  font-size: 0.9em;
  color: #47494a;
}
body.single-projects .pill {
	margin-bottom:0px;
	padding:0;
	text-align:right
}
.project-excerpt a {
	display:inline-block;
	border:0;
	box-shadow:none;
	font-weight:600
}
.project-excerpt a.button {
	margin-top:30px;
	    font-size: 1.1em;
}
.project-slider .project-excerpt a.button {
	display: none;
}
.project-slider .project-excerpt.is-selected a.button {
	display: inline-block;
}
.project-excerpt .text.order-first {
	text-align:right
}
.proj-slider-logo img{
	max-width: 60px;
    border-radius: 50%;
}
.project-slider:after {
  content: 'flickity';
  display: none; /* hide :after */
}
.pimg {
	display:inline-block;
	border-radius:50%
}
.pimg img {
	display:block;
}
body.page-template-portfolio-template #banner {
	margin-bottom:80px
}
.sf-input-select, .gfield_select {
	color: #444;
	line-height: 1.3;
	padding: .6em 3.4em .5em .8em !important;
	min-width: 220px;
	max-width: 300px;
	border-radius: 4px;
	box-sizing: border-box;
	margin: 0;
		margin-right:15px;
	border: 1px solid #ccc;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ccc;
	background-image: linear-gradient(
	45deg,transparent 50%,gray 50%),linear-gradient(
	135deg,gray 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);
	background-position: calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;
	background-size: 5px 5px,5px 5px,1px 1.5em;
	background-repeat: no-repeat;
	width: 100%;
}
[data-sf-field-input-type="select"] label {
	display: block;
	width: 100%;
}
.sf-input-select:hover, .gfield_select:hover {
	border-color: #32B3A0;
}
.sf-input-select:focus {
	border-color: #32B3A0;
	box-shadow: 0 0 0 0.15rem rgb(49 205 217 / 40%);
}
.searchandfilter h4 {
	font-size:1.1em;
	padding-top: 0;
}
.wp-pagenavi {
	display:block;
	margin:0 auto;
	width:100%
}
.wp-pagenavi a.page{
	color:#fff;
	margin:2px;
	background: #3498db;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    padding: 5px;
    align-items: center;
    justify-content: center;
}
.wp-pagenavi a.page:hover {
	background:#32b3a0
}
.wp-pagenavi span.current {
	background: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    padding: 5px;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    margin:2px;
}
.wp-pagenavi .pages {
	display:none
}
a.nextpostslink:hover,
a.previouspostslink:hover {
	color:#32b3a0
}
a.nextpostslink:after {
    content: "\f138";
    text-align: center;
    font-family: Font Awesome\ 5 Pro;
    margin-left: 3px;
    font-weight: 400;
    font-size: .8em;
}
a.previouspostslink:before {
    content: "\f137";
    text-align: center;
    font-family: Font Awesome\ 5 Pro;
    margin-right: 3px;
    font-weight: 400;
    font-size: .8em;
    top:-1px;
    position:relative
}
.search-filter-results {
	    float: none;
    width: 100%;
    display: block;
}
 
.project-excerpt.mini:after {
	    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom right, transparent, #000);
    opacity: 0;
}
.project-excerpt .notes {
  color: #55595e;
  font-weight: 400;
  font-size: 0.9em;
  display: inline-block;
}
.port-meta {
	text-align:left;
	z-index:1;
	float:left;
	width:90%;
	margin:30px 5% 0 5%;
	    min-height: 119px;
	    position: relative;
	 }
.port-meta .pill {
	color:#55595e
}
.port-meta h3 a i{
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	font-weight:400!important
}
.port-meta h3 a:hover i{
	margin-left:10px
}
.proj-nav .pagination{
	border:0;
	padding:0
}
.searchandfilter ul {
	margin: 0;
	padding:0;
}
.searchandfilter ul li {
	padding-top: 0;
}
.searchandfilter ul li li {
	padding: 2px 0;
}
label.sf-label-radio {
    font-size: 0.95em;
}
.wp-pagenavi {
	padding: 0;
}
body.projects-template-default .social-count,
.projects-template .social-count{
	padding:0
}
/*--------------------------------------------------------------
## Project Excerpt Mini
--------------------------------------------------------------*/

.project-excerpt.mini {
  width: 46%;
  margin: 20px 2%;
  box-shadow: none;
  padding:0;
  float:left;
  position:relative
}
.project-excerpt.mini .container {
	padding:0
}
.project-excerpt.Tablet .device {
  transform: none !important;
}
.project-excerpt.mini .desktop-image {
  padding: 12px !important;
}
.mobile-image {
  padding: 14px 4px !important;
  width: 100px;
  border-radius: 10px;
  border: 1px solid #444;
}
.tablet-image {
      padding: 12px 4px !important;
  border: 1px solid #444;
}
.project-excerpt:before {
  display: none !important;
}
.project-excerpt.mini #mr {
  position: absolute;
  right: 3%;
  bottom: 174px;
  max-width: 17%;
  width:100%;
  z-index: 100;
}
.project-excerpt.mini #dr {
	max-width:80%;
	margin:0 auto 50px auto;
  position: relative;
   z-index:99;
}
.project-excerpt.mini #tr {
  left: 3%;
  bottom: 174px;
  z-index: 100;
  width: 100%;
  max-width: 30%;
  position: absolute;
}

.project-excerpt a:hover {
  padding-left: 0;
  padding-right: 0;
}
.project-excerpt.mini .mobile-image {
	width:100%;
	padding:8px 2px!important
}

/*--------------------------------------------------------------
## Single Project
--------------------------------------------------------------*/
body.single-projects .mega li a:not(.button):hover,
body.single-projects .mega li a.active {
	color:#ccc!important
}
#banner.proj-bann {
	color:#fff;
	padding-top:82px;
	padding-bottom:80px
}
#banner.proj-bann:after {
	height:70%;
	width:130%;
	animation-name: projrise;
  animation-duration: 3s;
  -webkit-transition: all ease-out 2s;
	transition: all ease-out 2s
}
@-webkit-keyframes projrise {
	0% {
		height: 5%;
		width:400%
	}
	50% {

	}
	100% {
		height: 70%;
		width:130%
	}
}
#banner.proj-bann.fall:after{
	height:10px;
	width:140%;
	-webkit-transition: all ease-out 1s;
	transition: all ease-out 1s;
}
#banner.proj-bann h1 {
	color:#fff;
	margin-top:20px;
	margin-bottom:10px;
	max-width:100%;
		background: linear-gradient(90deg, #fff 0%, #fff 100%);
		    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size:1.4em;
}
#banner.proj-bann h2 {
	color:#fff;
	margin-top:0;
	margin-bottom:20px;
	max-width:100%;
		background: linear-gradient(90deg, #fff 0%, #fff 100%);
		    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size:3.4em
}
.proj-details {
	text-align:right;
}
.proj-details a.button {
	margin-top:20px;
}
.proj-details h3 {
	font-size:1.1em;
}
.proj-logo {
	margin-bottom:10px;
	margin-top:30px;
}
.proj-logo img {
	max-width:58px;
	border-radius:50%;
	margin-right:15px;
	display:block;
	margin:0 auto;
}
#single-project {
	padding-top:0;
}
.proj-details img {
	border-radius:50%;
	max-width:50px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	-webkit-transition: all ease 0.3s;
}
.proj-details a.button i {
	margin-left:8px;
	font-weight:400!important
}
.proj-details h3, .proj-details h4 {
	margin:0!important;
}
.proj-details p {
	margin:0
}
.proj-icon-wrap a {
	font-weight:400
}
.proj-icon-wrap a:hover {
	color:#0D3756!important
}
.proj-icon {
	text-align:center;
	font-size:0.9em;
	font-weight:400;
  min-width: 106px;
  margin: 15px 0;
  max-width: 150px;
  padding:0 5px!important
}
.proj-icon i {
	font-size:3.4em;
	display:block;
	margin:0 auto 10px auto
}
#banner .proj-details h3, #banner .proj-details h4 {
	color:#fff;
}
.proj-details h3, .proj-details h4 {
	margin:0!important;
	color:#333
}
.proj-feat {
	padding:0;
	margin:0;
	list-style:none;
	margin-bottom:25px
}
.proj-details a.button:hover {
	background:#0D3756!important;
	border-color:#0D3756!important
}
.proj-feat i {
	width:18px;
	text-align:center
}
.device-wrap {
	max-width:800px;
	float:none;
	width:100%;
	display:block;
	margin:0 auto;
	text-align:center;
	position:relative;
}
.device-wrap .device {
	display:block;
	margin:0 auto;
	max-width:70%;
	display:inline-block
}
.device-wrap .tablet-image {
	width:220px;
	z-index:1;position:relative;
}
.device-wrap .mobile-image {
	width:120px;
	z-index:1;
	position:relative
}
.project-excerpt.tablet .device {
	padding:30px 10px;
	border:1px solid #444;

	border-radius:17px;
	width:310px
}
.project-excerpt.desktop .device {
	padding:14px 10px;
	border: 1px solid #444;
border-bottom: 1px solid #111;
	border-radius:14px
}
.device-wrap .tablet-image {
	padding: 2.5% 0.8%;
	border: 1px solid #444;
	border-radius: 10px;
	position:absolute;
	bottom:-5%;
	left:5%
}
.device-wrap .mobile-image {
  padding: 2% 0.6%;
  border: 1px solid #444;
  border-radius: 12px;
  position:absolute;
	bottom:-3%;
	right:5%
}
.device-wrap .desktop-image {
  padding: 2.2%;
  border-radius: 10px;
}
#proj-quote {
	background:#f5f5f5;
	text-align:center;
	font-size:1.1em;
	font-weight:600
}
#proj-quote h3 {
	margin-top:0
}
#proj-quote a.button {
	margin-top:30px;
	font-size:0.9em
}
#proj-quote a.button:hover {
	color:#0D3756!important;
	border-color:#0D3756!important
}
#proj-quote .col {
	max-width:900px
}
#proj-quote .author {
	font-style: italic;
	display:block;
	margin-top:15px;
	font-size:0.9em
}
#proj-quote .full-logo img {
	margin: 0 auto;
}
#single-project .container {
	max-width: 900px;
}
.proj-desc > p:first-child:first-letter {
	float: left;
	font-size: 54px;
	line-height: 30px;
font-weight: 600;
	padding-top: 11px;
	padding-right:7px;
	text-align: center;
	padding-bottom:2px
}
.proj-desc blockquote {
	background:#fafafa;
	text-align:center
}
.proj-desc blockquote:before {
	color:#082236;
}
.proj-desc blockquote:after {
	color:#082236;
}
.proj-desc img {
	margin:40px auto;
	display:block;
}
.proj-desc h2 {
	background: none;
    -webkit-background-clip:none!important;
    color:#082236;
    -webkit-text-fill-color:#082236
}
.port-intro {
	font-size:1.1em;
	padding:50px 0;
}
.port-intro p {
	margin:0
}
.port-intro i {
	font-size:60px;
	color:#55595e;
	display:block;
	margin:0 auto
}
.port-intro .icon {
	max-width:100px;
	width:100px;
	padding:0 15px;
	text-align:center;
	text-align:center
}
.port-intro .line {
	border-left:2px solid #3498db;
}
.related-projects {
	text-align:center
}
.related-projects .cta .image {
	background: none;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	box-shadow: 0 6px 6px rgba(0,0,0,0.2);
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	position: relative;
	z-index: 1;
	-webkit-transform: translateZ(0);
	margin: 0 auto;
	top: 0;
	margin-top:-48px;
	padding-top:0!important
}
.related-projects .cta .image img {
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
	max-height:100px;
	border-radius:50%;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.related-projects .cta .image img:hover {
		-webkit-transform: rotate(8deg);
		transform: rotate(8deg);
}
.related-projects .cta h3 {
	color:#fff
}
.related-projects .cta, .related-projects .cta h4  {
	color:#f5f5f5
}
.related-projects .cta a.button, .related-projects .cta a.button-dark {
	font-size:14px;
	padding:4px 8px;
	margin-top:15px
}
.related-projects .inner {
	position:relative;

}
.related-projects img {
	padding: 2.2%;
	border-radius: 3px;
	background: #111;
	box-shadow: 0px 10px 18px -1px rgb(0 0 0 / 26%);
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.related-projects img:hover {
	box-shadow: 0px 5px 9px -1px rgb(0 0 0 / 16%);
	-webkit-transform: scale(0.95);transform: scale(0.98);
}
.rel-proj {
	margin:20px 0
}
.rel-proj a {
	border:none!important
}
/*--------------------------------------------------------------
## IDs
--------------------------------------------------------------*/
#logo-two .image-wrap {
	max-width:40%!important;
	min-width:40%!important
}
#logo-two .text-wrap {
	max-width:60%!important;
	min-width:60%!important
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
body.page-id-6736 #count {
	display:none!important
}
#count {
    background: linear-gradient(270deg, #36D1DC, #12B691);
    padding-top: 50px;
    padding-bottom: 50px;
}
#count:before {
	content: '';
    position: absolute;
    left: 0;
    top:-2px;
    width: 100%;
    height: 40px;
    clip-path: polygon(100% 0%, 0% 0% , 0% 65%, 1% 64.95%, 2% 64.8%, 3% 64.6%, 4% 64.3%, 5% 63.9%, 6% 63.45%, 7% 62.9%, 8% 62.25%, 9% 61.55%, 10% 60.8%, 11% 59.95%, 12% 59.05%, 13% 58.1%, 14% 57.1%, 15% 56.05%, 16% 55%, 17% 53.9%, 18% 52.8%, 19% 51.65%, 20% 50.5%, 21% 49.35%, 22% 48.2%, 23% 47.05%, 24% 45.9%, 25% 44.8%, 26% 43.75%, 27% 42.75%, 28% 41.75%, 29% 40.8%, 30% 39.9%, 31% 39.1%, 32% 38.35%, 33% 37.65%, 34% 37.05%, 35% 36.5%, 36% 36.05%, 37% 35.65%, 38% 35.35%, 39% 35.15%, 40% 35.05%, 41% 35%, 42% 35.05%, 43% 35.2%, 44% 35.45%, 45% 35.75%, 46% 36.15%, 47% 36.65%, 48% 37.2%, 49% 37.85%, 50% 38.55%, 51% 39.35%, 52% 40.2%, 53% 41.1%, 54% 42.05%, 55% 43.05%, 56% 44.1%, 57% 45.15%, 58% 46.3%, 59% 47.4%, 60% 48.55%, 61% 49.7%, 62% 50.85%, 63% 52%, 64% 53.15%, 65% 54.25%, 66% 55.35%, 67% 56.4%, 68% 57.45%, 69% 58.4%, 70% 59.35%, 71% 60.2%, 72% 61.05%, 73% 61.8%, 74% 62.45%, 75% 63.05%, 76% 63.6%, 77% 64.05%, 78% 64.4%, 79% 64.7%, 80% 64.85%, 81% 65%, 82% 65%, 83% 64.9%, 84% 64.75%, 85% 64.5%, 86% 64.2%, 87% 63.75%, 88% 63.25%, 89% 62.7%, 90% 62.05%, 91% 61.3%, 92% 60.5%, 93% 59.65%, 94% 58.75%, 95% 57.8%, 96% 56.8%, 97% 55.75%, 98% 54.65%, 99% 53.55%, 100% 52.4%);
    background: #fff;
    z-index: 2;
    -webkit-transition: all ease-out 1s;
    transition: all ease-out 1s;
}
#count:after {
	content: '';
    position: absolute;
    left: 0;
    bottom:-2px;
    width: 100%;
    height: 40px;
    clip-path: polygon(100% 0%, 0% 0% , 0% 65%, 1% 64.95%, 2% 64.8%, 3% 64.6%, 4% 64.3%, 5% 63.9%, 6% 63.45%, 7% 62.9%, 8% 62.25%, 9% 61.55%, 10% 60.8%, 11% 59.95%, 12% 59.05%, 13% 58.1%, 14% 57.1%, 15% 56.05%, 16% 55%, 17% 53.9%, 18% 52.8%, 19% 51.65%, 20% 50.5%, 21% 49.35%, 22% 48.2%, 23% 47.05%, 24% 45.9%, 25% 44.8%, 26% 43.75%, 27% 42.75%, 28% 41.75%, 29% 40.8%, 30% 39.9%, 31% 39.1%, 32% 38.35%, 33% 37.65%, 34% 37.05%, 35% 36.5%, 36% 36.05%, 37% 35.65%, 38% 35.35%, 39% 35.15%, 40% 35.05%, 41% 35%, 42% 35.05%, 43% 35.2%, 44% 35.45%, 45% 35.75%, 46% 36.15%, 47% 36.65%, 48% 37.2%, 49% 37.85%, 50% 38.55%, 51% 39.35%, 52% 40.2%, 53% 41.1%, 54% 42.05%, 55% 43.05%, 56% 44.1%, 57% 45.15%, 58% 46.3%, 59% 47.4%, 60% 48.55%, 61% 49.7%, 62% 50.85%, 63% 52%, 64% 53.15%, 65% 54.25%, 66% 55.35%, 67% 56.4%, 68% 57.45%, 69% 58.4%, 70% 59.35%, 71% 60.2%, 72% 61.05%, 73% 61.8%, 74% 62.45%, 75% 63.05%, 76% 63.6%, 77% 64.05%, 78% 64.4%, 79% 64.7%, 80% 64.85%, 81% 65%, 82% 65%, 83% 64.9%, 84% 64.75%, 85% 64.5%, 86% 64.2%, 87% 63.75%, 88% 63.25%, 89% 62.7%, 90% 62.05%, 91% 61.3%, 92% 60.5%, 93% 59.65%, 94% 58.75%, 95% 57.8%, 96% 56.8%, 97% 55.75%, 98% 54.65%, 99% 53.55%, 100% 52.4%);
    background: #082236;
    z-index: 2;
    -webkit-transition: all ease-out 1s;
    transition: all ease-out 1s;
    	-webkit-transform: rotate(180deg);
    	transform: rotate(180deg);
}
#count {
	color:#fff
}

#count h3 {
	margin:0;
	color:#fff
}
#count a {
	color:#0D3756
}
#count a:hover {
	color:#fff
}
.pixels {
	min-width:68px;
	display:inline-block;
	text-align:center;
	color:#C83A8C
}
.social {
	justify-content: space-around;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px
}
.social i {
	font-size:2em
}
/*
.facebook a.social-link  {
    color: #1877f2!important;
}
.twitter a.social-link {
    color: #1da1f2!important;
}
.pinterest a.social-link {
    color: #bd081c!important;
}
.instagram a.social-link {
    color: #c13584!important;
}
.linkedin a.social-link {
    color: #00a0dc!important;
}
.google-plus a.social-link {
    color: #dd4b39!important;
}
.youtube a.social-link {
    color: #cd201f!important;
}
.vimeo a.social-link {
	color:#1ab7ea!important;
}
.mailchimp a.social-link {
	color:#239ab9!important;
}
*/
#footer a.social-link {
    display: block;
}
a.social-link:hover {
	color:#3498db!important
}
#footer a.social-link:hover {
    color: #fff !important;
    transform: scale(1.1);
}
.fa-paper-plane {
	position:relative;
	left: -2px;
}
.social-foot {
	font-size:1.2em;
}
#footer .social-foot h3 {
	margin:0 0 10px 0;
	font-size:1.5em
}
#footer-nav {
	max-width:200px;
	min-width:200px!important
}
ul#footer-menu li, ul#footer-menu  {
	list-style:none;
	padding:0;
	margin:0
}
ul#footer-menu li {
	margin-bottom:4px
}
#footer {
	float: left;
	width: 100%;
	padding: 60px 0 20px 0;
	font-size: 0.85em;
	background: #082236;
	color:#fff
}
#footer .x {
    width: 24px;
    display: block;
}
#footer .logo svg {
  display: block;
  width: 200px;
}
#footer hr {
	background-color:#444
}
#footer .container {
	max-width:1240px
}
#footer .col {
	min-width: 220px;
	margin: 25px 0;
}
#footer .co {
	margin:15px 0 35px 0
}
#footer h3 {
	color:#3498db;
font-size:1.1em;
}
#footer-menu {
	margin: 0;
}
#footer a {
	color:#fff
}
#footer a:hover {
	color:#3498DB
}
#footer li a {
	padding-top:3px;
	padding-bottom:3px;
	display:block
}
#copyright {
	float: none;
	width: 100%;
	text-align: center;
	font-size: 0.9em;
	color:#aaa;
	margin:0 auto
}
#copyright .col {
	max-width:660px
}
#copyright p {
	margin: 0;
}
#copyright a {
  white-space: nowrap;
}

span.credit:before {
  position: relative;
  content: '-';
  margin: 0 5px;
}
.fab-container {
  position: fixed;
  bottom: -80px;
  right: 20px;
  z-index:99;
  font-size:0.8em
}
.to-top {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  position: relative;
  cursor: pointer;
  transition: .3s;
  background: #3498db url(images/up.svg) center no-repeat;
  background-size: 15px;
  display:inline-block;
}
.fab-container a.button {
	display:inline-block;
	margin-right:10px;
	background:#C83A8C;
	border-color:#C83A8C;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}
.fab-container a.button:hover {
	background:#0D3756;
	border-color:#0D3756
}
#footer img {
	max-height:26px;
	margin-right:6px
}
.cards p {
	margin:0 0 8px 0;
}
.cards {
	margin-bottom:20px;
}
.cards i {
	font-size:2.2em;
	margin-right:4px;
	opacity:0.7
}
.cards img {
	display:inline-block;
	top:2px;
	position:relative
}
#footer #logo {
	max-width:220px;
}
#footer #logo svg {
	display:block
}
#footer .col-md-6 p:last-child {
	margin-bottom:0
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 1160px) {
	
	.images-grid-item {
		width: 50%;
	} 
}
@media screen and (max-width: 1100px) {
  .container:not(.np) {
    padding: 0 20px !important;
  }
  .row:not(.narrow):not(.custom-spacing) {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .row:not(.narrow):not(.custom-spacing) > .col,
  .row:not(.narrow):not(.custom-spacing) > [class*="col-"] {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
@media screen and (max-width: 1080px) {
	h1 {
		font-size:4.5em
	}
	h2 {
		font-size:2em
	}
}
@media screen and (max-width: 1024px) {
	body.home #banner h1 {
		font-size:4em
	}



}
@media screen and (min-width: 1024px) {
  #footer h3 {
    min-height: 46px;
  }


}
@media screen and (max-width: 1023px) {
	.feature {
	margin-bottom: 15px;
	min-width: 50%;
	max-width: 50%;
	font-size:1.2em;
	font-weight:600;
	color:#082236
}
    .head-menu {
	display:none;
}
	.banner-image {
		width:100%;
		position:relative;
		width:100%;
		padding:0;
		top:auto;
		bottom:auto;
		left:auto;
		right:auto;
		height:auto;
	
		
	}
	.square-vid, .square-vid video {
		aspect-ratio: 16/9
	}
	body.home #banner .text-wrap {
		margin-top:0
	}
	body.home #banner .text-wrap, body.home #banner .text {
		width:100%;
		max-width:100%
	}
	.test-badge {
		margin-top:30px;
		margin-bottom:30px
	}
	.filter-shortcode {
		margin-bottom: 20px;
	}
 
	.small-form .inner{
		border:none;
		padding:0;
	}
	.images-grid .images-grid-item:nth-child(2) img,
	.images-grid .images-grid-item:nth-child(3) img {
		margin-top: 0;
	}
	.projects-template .mobile .device-image-wrap {
		margin-bottom: 20px;
	}
	.contact-small .dets{

	}
	.small-form .inner {
		margin-top:60px
	}
	#related-posts .excerpt:last-child {
		display:none!important
	}
	.device {
		box-shadow: 0px 10px 14px -1px rgba(0,0,0,0.26);
	}
	.latest-updates .excerpt:last-child {
		display:none!important;
	}
	#footer .co {
		margin:15px 0
	}
	.image-wrap {
		margin-bottom:30px
	}
	#banner:after {
		width:160%
	}
	@-webkit-keyframes rise {
		0% {
			height: 5%;
			width:400%
		}
		50% {

		}
		100% {
			height: 100%;
			width:160%
		}
	}
	#menu-desktop {
		display:none;
	}
	.proj-details {
		text-align: center;
		margin-bottom: 30px;
		border: 0 !important;
	}
	.excerpt {
		width: 48%;
	}
	.menu-toggle {
		display:block
	}
	.gallery .intro {
		padding: 30px 0;
	}
	.footer-text {
		order: 6;
	}
	section.related-projects .rel-proj:nth-of-type(n+5) {
		display: none !important;
	}
	#copyright {
		max-width: 100%;
		padding-bottom: 50px;
	}
	#copyright .col-12 {
		padding: 0;
	}
}
@media screen and (max-width: 767px) {
	.feature {
	margin-bottom: 15px;
	min-width: 100%;
	max-width: 100%;
	font-size:1.1em;
	font-weight:600;
	color:#082236
}
	body.home #banner h2 span.hand {
		font-size: 1.5em;
	}
	
	.project-testimonial.has-logo {
		text-align: center !important;
	}
	
	#proj-quote .full-logo img {
		margin-top: 20px;
	}
	.images-grid-item {
		width: 100%;
		padding: 15px 0;
	}
	#banner.proj-bann h1 {
		font-size:1.1em;
	}
	#banner.proj-bann h2 {
		font-size: 2.2em;
	}
/*
	.nomob {
		display:none!important
	}
*/

	body.home #banner h1 span.hand {
		font-size:1em
	}
	
	#banner:after,
	#banner.proj-bann:after {
		animation-name: rise2
	}
	body.home #banner:after {
		width:182%;
		height:138%;
		animation-name: risehome2
	}
	@-webkit-keyframes risehome {
		0% {
			height: 5%;
			width:100%
		}
		50% {

		}
		100% {
			height: 138%;
			width:182%
		}
	}
	body.home #banner.fall:after{
		height:10px;
		width:140%;
		-webkit-transition: all ease-out 1s;
		transition: all ease-out 1s;
	}
	cite {
		font-size:0.9em
	}
	.all {
		display:none
	}
	#home-services h2 {
		text-align:center!important
	}
	header .logo svg, #mobile-header .logo svg {
		max-width:160px
	}
	.project-excerpt.mini #dr {
		margin: 0 auto 30px auto;
	}
	.project-excerpt.mini .container {
		margin:0!important;
		padding:0!important
	}
	.port-meta {
		width:100%;
		margin-left:0;
		margin-right:0
	}
	.forest {
		font-size:0.7em
	}
	.meet-team h2.section-title,
	.member h3,
	.member h4 {
		text-align:center;
		width:100%
	}
	.member:not(.spare) .inner {
		border-left:0
	}
	.member .pixel {
		display:block;
		margin:0 auto
	}
	.social-count {
		text-align:center
	}
	.social-count h2 {
		margin-top:30px
	}
	ul.three-col {
		columns:2;
		-webkit-columns:2
	}
	ul.four-col {
	  columns: 2;
	  -webkit-columns:2;
	  -moz-columns: 2;
	}
	.logo-carousel .tc {
		text-align:left!important
	}
	#logo-two .text-wrap,
	#logo-two .image-wrap {
		min-width:100%!important;
		max-width:100%
	}
	.packages .section-title {
		text-align:left
	}
	.packages .tc {
		padding-left:0!important
	}
	.packages .section-title {
		margin-bottom:20px
	}
	#banner {
		min-height:500px
	}
	.tooltiptext {
		font-size:0.9em
	}
	.pixel {
		width:82px
	}
	#footer .co {
		margin: 8px 0
	}
	.calltoaction,
	.calltoaction h2 {
		text-align:center
	}
	.multiple.ctas .cta .inner,
	.port-services .cta .inner {
		text-align:center;
		justify-content: center
	}
	.multiple.ctas .cta .image,
	.port-services .cta .image {
		margin-left:auto;
		margin-right:auto
	}
	.ctas .section-title {
		text-align:left
	}
	h1 {
		font-size:3.3em
	}
	h2 {
		font-size:2.1em
	}
	h3 {
		font-size:1.3em
	}
	body.home #banner h1 {
		font-size:3em
	}

  #banner:after {
    width: 182%;
    height: 121%;
  }
  section {
    padding: 40px 0;
  }
  .project-excerpt.desktop .device {
		padding:5px;
	}
  .device-wrap .tablet-image {
    width: 30%;
    border-radius: 5px;
    padding: 2% 1%!important;
    left:1%
  }
	.device-wrap .mobile-image {
		    width: 17%;
    border-radius: 6px;
    border: 1px solid #333;
    padding: 2% 0.5%!important;
    right:1%
	}
  .device-wrap .device {
	  max-width:80%
  }
	.devices {
		min-height:100px;
	}
  .project-excerpt.mini {
    width: 100%;
    margin-left:0;
    margin-right:0
  }
  @-webkit-keyframes rise {
  	0% {
  		height: 5%;
  		width:400%
  	}
  	50% {

  	}
  	100% {
  		height: 121%;
  		width:182%
  	}
  }
  section.testimonial-grid .testi:nth-of-type(n+16) {
    display: none !important;
  }
  /* logos.php */
  .accs img {
    padding: 10px;
    max-height: 80px;
    min-width: 50px;
  }
}

@media screen and (max-width: 650px) {
  .excerpt {
    width: 98%;
    margin:12px 1%
  }

}

@media screen and (max-width: 525px) {
  .container.narrow-mobile {
    padding: 0 15px !important;
  }
  .row.narrow-mobile {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .narrow-mobile > .col,
  .narrow-mobile > [class*="col-"] {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  /* logos.php */
  .accs img {
    max-width: 100%;
  }

  /* packages */
  .package .highlight {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 15px;
  }

  /* meet-the-team.php */
  .member .image {
    min-width: 100%;
    margin-bottom: 20px;
    order: -1;
  }

  /* modals */
  .modal-testimonial .image {
    flex-direction: column;
  }
  .modal-testimonial .image img {
    margin-bottom: 10px;
  }
  .modal-testimonial h3 {
    text-align: center;
  }
  .modal-testimonial {
    border: 0 !important;
  }
  .modal-testimonial .text {
    padding: 0;
  }
  .fancybox-content .text a.button {
    display: block;
  }
}

@media print {
  #footer, #menu, .fab-container, #comments, #sidebar, #post-nav, #related-posts, iframe, .embed-container, .fve-video-wrapper {
    display: none !important;
  }
  .background-image div, .background-colour, #banner h1, #banner p, #nobanner h1, #nobanner p, .testimonial, .testimonial-slider, .promo-box .inner *, .button, a.button, a.button:visited {
    color: #333;
  }
  #single-post, #single-post-img {
    padding: 0;
  }
  #banner {
    min-height: 0;
  }
  .anim {
    visibility: visible !important;
  }
  .download, .promo-box {
    min-width: 50%;
  }
  section.gallery .row {
    display: block;
  }
  .gallery-image {
    width: 25% !important;
    display: inline-block;
    min-width: 0 !important;
    float: left;
  }
  .section-title {
    page-break-before: always;
    position: relative;
  }
  .single-title {
    font-size: 2em;
  }
  #flexible-content section {
    page-break-inside: avoid;
    position: relative
  }
  .image-wrap img {
    display: block;
    margin: 0 auto;
    max-width: 50%;
  }
}
/*--------------------------------------------------------------
## CONTACT
--------------------------------------------------------------*/
body.page-id-619 #banner:before {
	background: linear-gradient(-45deg, #3498db, #C83A8C);
}
/*--------------------------------------------------------------
## GRAPHIC DESIGN
--------------------------------------------------------------*/
body.page-id-5300 #banner:before {
	background: linear-gradient(153deg, #C83A8C, #0D3756)
}
body.page-id-5300 #banner h1 {
	background-image: linear-gradient(153deg, #0D3756, #C83A8C )
}
/*--------------------------------------------------------------
## HOSTING
--------------------------------------------------------------*/
body.page-id-2208 #banner:before {
	background: linear-gradient(-45deg, #0D3756, #3498DB);
}
/*--------------------------------------------------------------
## CONTACT
--------------------------------------------------------------*/
body.page-id-619 #banner .text-wrap:after {

}
/*--------------------------------------------------------------
## PRICING
--------------------------------------------------------------*/

#pricing .cta i{
	font-weight:400!important;
	font-size:1.5em
}
#pricing .cta:last-child i{
	font-weight:900!important;
	font-size:1.8em
}
#pricing .cta:first-child i{
	font-weight:100!important;
	font-size: 1.1em;
}

/*--------------------------------------------------------------
## TESTIMONIALS
--------------------------------------------------------------*/
body.page-id-344 #banner:before {
	background: linear-gradient(270deg, #3498db, rgb(56, 199, 178));
}
/*--------------------------------------------------------------
## PORTFOLIO
--------------------------------------------------------------*/
body.page-id-851 #banner:before {
}
.portfolio-filter #url {
  margin-bottom: 10px;
}
.filter-shortcode {
	max-width: 220px;
}

 @media screen and (max-width: 991px) {
	.filter-shortcode {
		max-width: 100%;
		min-width: 100%;
	}
	.portfolio-filter .the-results {
		min-width: 100%;
	}
 }
button {
  border: 0;
}
ul.industries {
	text-align:left;
	columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  margin:0 0 0 20px;
  padding:0
}
/*--------------------------------------------------------------
## COPYWRITING
--------------------------------------------------------------*/
body.page-id-6008 #banner:before {
	background: linear-gradient(-45deg, #36D1DC, #C83A8C );
}
/*--------------------------------------------------------------
## TREES
--------------------------------------------------------------*/
body.page-id-6736 #banner:before {
	background: linear-gradient( 270deg, #36D1DC, #12B691);
}
.trees {
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	background:#291502
}
.trees .container {
	max-width:100%
}
.tree {
	font-size:2em;
	text-align:center;
	padding:0 7px;
}
.tree i {
	color:#13B692;
	text-shadow:3px -5px 6px rgba(0,0,0,0.1);
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.tree .fad:after {
	color:#A8988A;
	opacity:1
}
.tree:nth-child(5n+5) i {
	color:#086651;
	opacity:1
}
.tree:nth-child(3n+2) i {
    color: #40913d;
}
.tree:nth-child(7n+2) i {
	color:#094a3c;
	opacity:1
}
.forest {
	margin:20px 0;
}
.tree:nth-child(3n+3) {
	font-size:1.1em;

}