/*Controllers*/
.cb.plain {
	position: absolute !important;
	opacity: 0.3;
	display: none;
}
.cb.plain:hover {
	opacity: 1;
}
.cb.plain .cb-link .button {
	padding: 6px 12px !important;
}
.global-danger {
	display: none;
}section

/***Main CSS***/
html {
	font-family: "proxima-nova", "proxima nova", 'europa', sans-serif;
}
body {
	background-color:#FFF;
	font-family: "proxima-nova", "proxima nova", 'europa', sans-serif;
}
.body {
	padding: 0;
	/*padding: 80px 0;*/
}

h1, .h1, 
h2, .h2, 
h3, .h3, 
h4, .h4, 
h5, .h5 {
  	font-family: "proxima-nova", "proxima nova", sans-serif;	
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
}
h1,.h1 {
	font-size: 42px;
	line-height: 38px;
	color: #4C6772;
	font-weight: 200;
}
h3,.h3 {
	font-size: 24px;
	line-height: 26px;
	letter-spacing: -1px;
}
h4,.h4 {
	color: #333 !important;
	font-weight: 300;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 3px;
}
a:hover{
	text-decoration:none;
}

.frame {
	width:1600px;
}
.small-frame {
	width:800px;
	margin: 0 auto;
}
.small-frame.pad-lg,
.frame.pad-lg {
	padding: 40px 0;
}
p {
	color:#4d4d4d;
}
/*p:not([class]) {
	line-height: 26px;
	font-weight: 300;
}*/

.text-render {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Buttons */
.button {
    font-family: 'proxima-nova', sans-serif;
    font-weight: 600;
	padding:15px 20px;
	background-color: transparent;
}
.button:hover {
	text-decoration: none !important;
	text-shadow: none !important;
}
.button.bt-outline {
	border-color: #90469b;
	color:#90469b;
}
.button.bt-outline:hover {
	border-color: #90469b !important;
	background-color:#90469b !important;
	color:#FFF !important;
}
input[type="submit"], button {
	background-color: #90469b;
}
input[type="submit"]:hover, button:hover {
	background-color:#652D90;
	border-radius: 0;
	color: #FFF;
	box-shadow: none;
}

/*Header*/
.navigation {
	border: none;
	background-color: transparent !important;
}
.logo {
	display: inline-block;
    height: 35px;
    background-position: left;
    min-width: 250px;
    max-width: 250px;
    z-index: 15;
}
.site-logo {
	background-image: url(images/logo.svg) !important;
	position: relative;
}
.site-logo::after {
	content: "";
	transition: all 0.4s ease-out 0.2s;
	background-image: url(images/logo-alt.svg) !important;
	background-size: contain;
	background-position: left;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
}

.header,
.header::before {
	transition: all 0.4s ease-in-out 0s;	
	/*animation: sat-shift 25s linear infinite;*/
}
	
.header {
	padding: 30px 35px;
	position: fixed;
	width: 100%;
	background-color: transparent;
	z-index: 999;
}
.header::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 120%;
	height: 0%;
	background-size: 120%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background: #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,0.02),0 5px 20px rgba(0,0,0,0.04);
	/*background: #F8FBFD;*/
	/*background: linear-gradient(to right, #0279AC, #059BC0);
	border-bottom: 1px solid rgba(0,0,0,0);*/
	z-index: -1;
}
.header .logo-wrap {
	text-align: center;
}

.header.fix-menu {
	/*background-color: rgba(0,108,155,0.95);*/
	padding: 15px 25px 15px;
}
.header.fix-menu::before {
	height: 100%;
	opacity: 1 !important;
	/*border-bottom: 1px solid #059BC0;*/
}
.header.fix-menu .site-logo::after {
	opacity: 1;
}

.head-space {
	display: none;
	transition: all 0.4s ease-out 0s;
	background-image: url(images/bg-section-blue.jpg);
	background-size: cover;
	height: 105px;
	width: 100%;
}
.head-space.head-less {
	height: 80px;
}
.head-space.head-none {
	display: block;
}

.copyright {
	background-color:transparent;
	border-bottom: none;
	text-align: left;
	padding: 90px 0 0px;
}
.copyright p{
	color: #FFF;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 2px;
	margin: 15px 0;
}

/*Banner*/
.banner {
	background-image: url(images/bg-banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding:0;
	background-color: transparent;
}
.banner > .frame {
	padding:0;
}

.banner-box {
	width: 600px;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.banner h1,
.banner .h1 {
	color:#fff;
	font-weight:300;
	font-size:50px;
	line-height: 60px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 30px;
}
.banner p{
	font-weight:300;
	line-height: 25px;
}
.banner h2,
.banner .h2 {
	font-weight: 100;
	font-size: 26px;
	line-height: 26px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.banner .bt .button {
	background-color:rgba(0,0,0,0);
	font-size:18px;
	padding:10px 20px;
	border:2px solid #eee;
	text-decoration:none;
	font-weight: 500;
	letter-spacing: 2px;
	color: #fff;
}
.banner .bt .button .fa {
	position: relative;
	top:-2px;
}
.banner .bt .button:hover {
	border:2px solid #FFF;
	background-color:#fff;
	color:#333;
}

.banner .slide .slide-inner {
	text-shadow: none;
	background-color: transparent;
}
.banner .slide .slide-inner a{
	margin-top: 50px;	
}
.banner .slider-wrapper {
    box-shadow: none;
}

/*General Animations*/
@keyframes squish-anim {
	0% { transform: scale(1,1)}
	30% { transform:scale(1.1,0.90) }
	50% { transform:scale(0.95,1.05) }
	75% { transform:scale(1.02,0.98) }
	100% { transform: scale(1,1)}
}

/*On View Animations*/
@keyframes slide-delay-none {
	0%    {opacity: 0; left: -100px;}
	10%   {opacity: 1; left: 0%;}
	100%  {opacity: 1; left: 0%;}
}
@keyframes slide-delay-1 {
	0%    {opacity: 0; left: -100px;}
	10%   {opacity: 0; left: -100px;}
	20%   {opacity: 1; left: 0;}
	100%  {opacity: 1; left: 0;}
}
@keyframes slide-delay-2 {
	0%    {opacity: 0; left: -100px;}
	15%   {opacity: 0; left: -100px;}
	25%   {opacity: 1; left: 0%;}
	100%  {opacity: 1; left: 0%;}
}
@keyframes slide-delay-3 {
	0%    {opacity: 0; left: -100px;}
	20%   {opacity: 0; left: -100px;}
	30%   {opacity: 1; left: 0%;}
	100%  {opacity: 1; left: 0%;}
}

@keyframes slide-delay-alt-2 {
	0%    {opacity: 0; right: -100px;}
	15%   {opacity: 0; right: -100px;}
	25%   {opacity: 1; right: 0%;}
	100%  {opacity: 1; right: 0%;}
}
@keyframes slide-delay-alt-3 {
	0%    {opacity: 0; right: -100px;}
	20%   {opacity: 0; right: -100px;}
	30%   {opacity: 1; right: 0%;}
	100%  {opacity: 1; right: 0%;}
}

.slide-delay-none {
	position: relative;
	animation: slide-delay-none;
	animation-duration: 10s;
}
.slide-delay-1 {
	position: relative;
	animation: slide-delay-1;
	animation-duration: 10s;
}
.slide-delay-2 {
	position: relative;
	animation: slide-delay-2;
	animation-duration: 10s;
}
.slide-delay-3 {
	position: relative;
	animation: slide-delay-3;
	animation-duration: 10s;
}

.slide-delay-alt-2 {
	position: relative;
	animation: slide-delay-alt-2;
	animation-duration: 10s;
}
.slide-delay-alt-3 {
	position: relative;
	animation: slide-delay-alt-3;
	animation-duration: 10s;
}

/*Slide Animations*/
@keyframes slide-in-1 {
	0%    {opacity: 0; left: -100px;}
	5%    {opacity: 0; left: -100px;}
	15%   {opacity: 1; left: 0%;}
	100%  {opacity: 1; left: 0%;}
}
@keyframes slide-in-2 {
	0%    {opacity: 0; left: -100px;}
	10%   {opacity: 0; left: -100px;}
	20%   {opacity: 1; left: 0%;}
	100%  {opacity: 1; left: 0%;}
}
.slide-in-1 {
	position: relative;
	animation: slide-in-1;
	animation-duration: 10s;
	z-index: 99;
}
.slide-in-2 {
	position: relative;
	animation: slide-in-2;
	animation-duration: 10s;
	z-index: 99;
}

/*Main Button*/
a.button {
	font-size: 13px;
	font-weight: 600;
	padding: 12px 24px 12px;
	border: 2px solid rgba(255,255,255,1);
	letter-spacing: 2px;
	margin: 0 5px;
	position: relative;
	overflow: hidden;
	border-radius: 3px;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	text-transform: uppercase;
	position: relative;
	z-index: 11;
}
a.button::before,
a.button::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 105%;
    height: 105%;
    z-index: -1;
    background-color: #1F9CD1;
    -webkit-transition: all 0.2s;
    transition: all 0.3s;
    -webkit-transform: translate(-100%,0);
    transform: translate(-100%,0);
}
a.button::after {
	-webkit-transform: translate(100%,0);
    transform: translate(100%,0);
	background:#005687;
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;	
}
a.button.bt-bor {
	color: #37a4d2;
	border-color: #37a4d2;
	border-radius: 50px;
	padding: 15px 30px;
}
a.button i {
	transform: scale(1.4) translateX(-4px);
	margin-left: 4px;
}

a.button:hover::before,
a.button:hover::after {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
a.button:hover {
	border: 2px solid #005687;
	color: #fff;
}

/**Button Alternative**/
a.button.bt-alt {
	padding: 14px 28px 14px;
	background:linear-gradient(240deg, #E7D83B 10%, #81B147);
	border:none !important;
	text-align: center;
}
a.button.bt-alt::after,
a.button.bt-alt::before {
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: rgba(255,255,255,0.00);
    transition: all 0.2s ease 0s;
}
a.button.bt-alt:hover::after,
a.button.bt-alt:hover::before {
	transition: all 0.5s cubic-bezier(0, 0, .3, .99) 0s;
	width: 115%;
	height: 350%;
	background-color: rgba(26,122,7,0.70);
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
a.button.bt-alt:hover::after {
	transition: all 0.5s cubic-bezier(0, 0, .3, .99) 0.2s;
	background-color: #fff;
}
a.button.bt-alt:hover {
	color: #539D41;
	transition: all 0.2s ease 0.2s;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05), 0 3px 18px rgba(0,0,0,0.05);
}

a.button.bt-alt.bt-orange { background:linear-gradient(40deg, #E9A728 10%, #D56606);}
a.button.bt-alt.bt-orange:hover::before {background-color: rgba(148,69,2,0.70);}
a.button.bt-alt.bt-orange:hover {color: #D4770B;}

a.button.bt-alt.bt-green2 { background:linear-gradient(60deg, #04764C,#3ac6aa);}
a.button.bt-alt.bt-green2:hover::before {background-color: rgba(58,198,70,0.70);}
a.button.bt-alt.bt-green2:hover {color: #04764C;}

a.button.bt-alt.bt-blue { background:linear-gradient(120deg, #1FC6DA , #1262B4);}
a.button.bt-alt.bt-blue:hover::before {background-color: rgba(6,192,220,0.80);}
a.button.bt-alt.bt-blue:hover {color: #0B99D4;}

a.button.bt-alt.bt-teal { background:linear-gradient(120deg, #00A0B3 , #2FD3C1);}
a.button.bt-alt.bt-teal:hover::before {background-color: rgba(5,220,210,0.80);}
a.button.bt-alt.bt-teal:hover {color: #34CFD7;}

a.button.bt-alt.bt-purple { background:linear-gradient(40deg, #AD54C1 10%, #563AA8);}
a.button.bt-alt.bt-purple:hover::before {background-color: rgba(88,14,122,0.70);}
a.button.bt-alt.bt-purple:hover {color: #A354C1;}

a.button.bt-alt.bt-white { background:none; color: #fff; border: 2px solid #fff !important; border-radius: 6px;}
a.button.bt-alt.bt-white:hover::before {background-color: rgba(255,255,255,0.34); background:linear-gradient(40deg, #E7D83B 10%, #81B147); border: 0px solid #fff;}
a.button.bt-alt.bt-white:hover {color: #7FB54D;}

a.button:active,
a.button.bt-alt:active {
	animation: squish-anim;
	animation-duration: 0.25s;
}

/* News */
.post-content .image {
	padding: 8px;
	border: 1px solid #EEE;
	margin: 20px;
	max-width: 800px;
	width: 100%;
	vertical-align: top;
	border-radius: 5px;
}
.post-wrap.post-type-news .post-image {
	padding: 0;
}
.post-wrap.post-type-news .post-item .post-body {
	width: 100%;
	height: 120px;
	padding: 20px;
}
.post-wrap.post-type-news .post-item .post-body > h3 {
	line-height: 1.5em;
}
.post-item .post-image.date-label .date {
	z-index: 100;
	text-transform: uppercase;
	color:#999;
	font-weight: 300;
	top: 8px;
	left: 8px;
	border-radius: 20px;
}


/*Default Text*/
.default-text {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
}
.default-text h1 {
	
}
.default-text h2 {
	color: #B8B8B8;
	font-weight: 300;
	letter-spacing: 3px;
	font-size: 40px;
	line-height: 45px;
	margin: 0 0 15px;
}
.default-text h3 {
	color: #37A4D2;
	font-size: 26px;
	line-height: 32px;
	font-weight: 300;
	letter-spacing: 1px;
}
.default-text h4 {
	
}
.default-text p {
	color: #828282;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 1px;
}
.default-alt p {
	line-height: 26px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.disclaimer p,
p .disclaimer {
	font-size: 14px;
	line-height: 26px;
	color: #999;
}

/*Video Banner*/
.vid-slider {
	background-image: url(images/bg-temp.jpg);
	background-size: cover;
	background-position: center;
	position: relative;
	height: 100vh;
	min-height: 700px;
	overflow: hidden;
	transition: all 1s;
}
.vid-slider video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
}
.vid-slider .vid-wrap {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
	background: linear-gradient(40deg, rgba(11,19,35,0.60), rgba(5,90,111,0.60));
	transition: all 1s;
}

.vid-slider.main-vid.color-swap {
	height: 80vh !important;
}
.vid-slider.main-vid.color-swap .vid-wrap {
	box-shadow: inset 0 -9999px 0 0.01px rgba(0,0,0,0.4) !important;
}

.vid-slider .vid-wrap .vid-text {
	padding-top: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	display: table;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 90%;
	max-width: 770px;
}
.vid-slider .vid-wrap .vid-text h1 {
	font-weight: 200;
	font-size: 94px;
	line-height: 95px;
	letter-spacing: 5px;
	color: #F8F7F7;
}
.vid-slider .vid-wrap .vid-text h1 i {
	font-style: normal;
	font-size: 102px;
}
.vid-slider .vid-wrap .vid-text h1 b {
	font-size: 75px;
	line-height: 85px;
}
.vid-slider .vid-wrap .vid-text .h2 {
	font-weight:300;
	font-size: 50px;
	line-height: 55px;
	letter-spacing: -3px;
	text-transform: none;
	color: #F8F7F7;
	text-transform: uppercase;
}
.vid-slider .vid-wrap .vid-text h2 b {
	font-weight:800;
	letter-spacing: -2px;
	color: #F8F7F7;
}
.vid-slider .vid-wrap .vid-text p {
	font-size: 16px;
	letter-spacing: 1px;
	color: #F8F7F7;
}
.vid-slider .vid-wrap .vid-text a.button {
	padding: 15px 30px 15px;
}
.vid-slider .vid-wrap .vid-text a.button.bt-alt {
	padding: 17px 30px 17px;
}

.scroll-arrow {
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	height: 20px;
	width: 40px;
	background-image: url(images/misc/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	animation: scroll-anim;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}

@keyframes scroll-anim {
	0%   {bottom: 50px;}
	20%  {bottom: 50px;}
	50%  {bottom: 58px;}
	53%  {bottom: 44px;}
	56%  {bottom: 52px;}
	59%  {bottom: 50px;}
	100% {bottom: 50px;}
}


/*PAGE HEADER*/
.page-head {
    transition: all 1s;
    background: linear-gradient(30deg, #1583BC, #6ABAE6);
    background: #0090D1 url(images/bg-section-blue.jpg) no-repeat center / cover;
    box-shadow: inset 0 -9999px 0 0.01px rgba(0,0,0,0.00);
    position: relative;
    /*min-height: 360px;
	height: 50vh;*/
	min-height: 30vh;
	min-height: 50vh;
    padding: 150px 60px;
    overflow: hidden;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-head.color-swap {
    min-height: 40vh;
	box-shadow: inset 0 -9999px 0 0.01px rgba(2,22,51,0.4);
}
.top-textbox {
    padding: 50px 20px 0 20px;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    display: table;
    text-align: center;
    width: 100%;
}

.top-textbox .h2,
.top-textbox h2 {
	color: #F9F7F4;
	font-weight: 200;
	letter-spacing: 5px;
	font-size: 45px;
	line-height: 45px;
    text-transform:none;
}
.top-textbox .h5,
.top-textbox h5 {
	color: #F9F7F4;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 500;
	margin: 25px 0 20px;
	font-family: "proxima-nova", 'europa', sans-serif;
	font-size: 16px;
}
.top-textbox p {
	color: #F9F7F4;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin: 20px 0;
}
.top-textbox .capsule {
	border-color:#FFF;
}

.top-textbox h1 {
	margin: 0;
	color: #fff;
	font-size: 60px;
	line-height: 62px;
	letter-spacing: -3px;
	text-transform: uppercase;
	font-weight: 800;
}
.top-textbox .breadcrumb,
.page-head .breadcrumb {
	margin-bottom: 15px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.page-head .breadcrumb a,
.top-textbox .breadcrumb a,
.breadcrumb .divide, .breadcrumb em {
	color: #fff;
}
.top-textbox .breadcrumb a:hover,
.page-head .breadcrumb a:hover {
	color: #91E0FC;
}
.top-textbox .breadcrumb b,
.page-head .breadcrumb b {
	font-weight: 700;
}

.desat {
	filter: grayscale(0.8);
}

/*Post Headers*/
.top-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 20px;
	background-size: contain;
	background-repeat: no-repeat;
}
.top-icon.top-gallery {
	background-image: url(images/icons/gallery.svg);
}

.frame.post-pad {
	padding: 80px 20px !important;
}
.frame.post-pad p {
	line-height: 26px;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
}

/*Path & Svg Classes*/
.fill-white {
	fill:#fff;
}
.fill-light {
	fill:rgba(255,255,255,0.30);
}
.fill-grey {
	fill:#92abb7;
}
.fill-blue {
	fill:#37a4d2;
}

.fill-ghost {
	fill:rgba(255,255,255,0.10);
	stroke:#fff; stroke-width: 2px;
}

/*Svg Animations*/
.pulse1 {animation: pulse1 5s infinite linear 1s;}
.pulse2 {animation: pulse2 5s infinite linear 1s;}
.pulse3 {animation: pulse3 5s infinite linear 1s;}
.pulse4 {animation: pulse4 5s infinite linear 1s;}

/*.pulse1 {animation: pulse1 3s infinite linear 1s;}
.pulse2 {animation: pulse2 3.5s infinite linear 1s;}
.pulse3 {animation: pulse3 4s infinite linear 1s;}
.pulse4 {animation: pulse4 4.5s infinite linear 1s;}*/

@keyframes pulse1 {
	0%   {transform: scale(1); fill:rgba(255,255,255,0.10);}
	5%  {transform: scale(1.15) translate(-6.5px, -6.5px); fill: rgba(255,255,255,0.40);}
	10%  {transform: scale(1); fill:rgba(255,255,255,0.10);}
}
@keyframes pulse2 {
	5%  {transform: scale(1); fill:rgba(255,255,255,0.10);}
	10%  {transform: scale(1.15) translate(-6.5px, -6.5px); fill: rgba(255,255,255,0.40);}
	15%  {transform: scale(1); fill:rgba(255,255,255,0.10);}
}
@keyframes pulse3 {
	10%  {transform: scale(1); fill:rgba(255,255,255,0.10);}
	15%  {transform: scale(1.15) translate(-6.5px, -6.5px); fill: rgba(255,255,255,0.40);}
	20%  {transform: scale(1); fill:rgba(255,255,255,0.10);}
}
@keyframes pulse4 {
	15%  {transform: scale(1); fill:rgba(255,255,255,0.10);}
	20%  {transform: scale(1.15) translate(-6.5px, -6.5px); fill: rgba(255,255,255,0.40);}
	25%  {transform: scale(1); fill:rgba(255,255,255,0.10);}
}


.mic1 {fill:rgba(255,255,255,0); animation: 1.2s mic1 infinite linear}
.mic2 {fill:rgba(255,255,255,0); animation: 1.2s mic2 infinite linear}
.mic3 {fill:rgba(255,255,255,0); animation: 1.2s mic3 infinite linear}

@keyframes mic3 {
	0%   {fill:rgba(255,255,255,0);}
	15%  {fill: rgba(255,255,255,1);}
	30%  {fill:rgba(255,255,255,0.4);}
}
@keyframes mic2 {
	10%  {fill:rgba(255,255,255,0);}
	25%  {fill: rgba(255,255,255,1);}
	40%  {fill:rgba(255,255,255,0.4);}
}
@keyframes mic1 {
	20%   {fill:rgba(255,255,255,0);}
	35%   {fill: rgba(255,255,255,1);}
	50%   {fill:rgba(255,255,255,0.4);}
}


/*Elements*/
.html-style ul li::before, ul.bullet li::before, ul.bullet-list li::before {
	color: #CCC;
}

.break-section {
	width: 100%;
	height: 50px;
}
.no-margin {
	margin: 0 !important;
}

.coltable .col.first {
	padding-right: 40px;
}
.coltable .col.last {
	padding-left: 40px;
}

::selection {
	background: #22C7D0;
	color: #fff;
}
::-moz-selection {
	background: #22C7D0;
	color: #fff;
}

/*Index Assets*/
.homebox .col {
	padding: 5px;
}
.homebox .col:first-child {
	padding-left: 0px;
	padding-right: 0px;
}
.homebox .col:nth-child(2) {
	padding-right: 0px;
}
.homebox .col:last-child {
	padding-left: 0px;
	padding-right: 0px;
}
.homebox .col img {
	vertical-align: top;
	width: 100%;
}
.homebox .col .hb-text {
	padding: 35px 40px;
}
.homebox .col .hb-text h3 {
	font-size: 35px;
	text-transform: uppercase;
	font-weight: 500;
	color:#fff;
	font-family: "europa",sans-serif;
	margin:auto 0;
	padding: 120px 0;
	text-align:center;
	letter-spacing: 8px;
}
.homebox .col .hb-text p {
	text-align: justify;
	font-size: 12px;
	line-height: 24px;
	color: #ffffff;
}
.homebox .col .hb-text p a.button {
	padding: 5px 15px;
	border-radius: 0;
	border-color: #bbb;
}
.hb-text  {
	min-height: 400px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
    vertical-align: middle;
	transition: all 0.2s ease-in-out 0s;
}
.hb-text:hover {
    background-size: 120% 120%;
}
.hb-text.web-design{
	background-image: url(images/home-1.jpg);
	box-shadow: inset 0 0 0 210px rgba(14,124,121,0.8);
}
.hb-text.brading-identity{
	background-image: url(images/home-2.jpg);
	box-shadow: inset 0 0 0 210px rgba(20,92,144,0.8);
}
.hb-text.online-software{
	background-image: url(images/home-3-overlay.jpg);
	/*box-shadow: inset 0 0 0 210px rgba(70,80,169,0.8);*/
}
.hb-text.digital-marketing{
	background-image: url(images/home-4.jpg);
	box-shadow: inset 0 0 0 210px rgba(120,88,173,0.8);
}
.side-box{
	background: rgba(55,145,191,0.4);
	width:100%;
}
.side-box-inner h2{
	font-family: "europa",sans-serif;
	font-weight: 300;
}
.side-box-inner a:after{
    font-family: "Font Awesome 5 Pro";
    content: "\f054";
	padding-left: 10px;
}
.side-box-inner a{
	font-family: "proxima-nova",sans-serif;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 2px;
}
.side-box-inner h2 {
	color: #fff;
	font-weight: 200;
	font-size: 25px;
	letter-spacing: 5px;
	text-transform: uppercase;
}
.side-box-inner a {
	color: #fff;
	text-transform: uppercase;
}
.side-box-inner{
	text-shadow: 0 2px 0 rgba(0,0,0,0.1);
	background: rgba(55,145,191,0.2);
	padding: 35px 45px;
	margin-left: 30px;
	transition:all 0.2s ease-in-out 0s;
}
.side-box-inner:hover{
	background-color: #1898C8;
	margin-left: 50px;
}
.project-box > .col{
	padding:2px 4px;
}
.project-box > .col img{
	width:100%;
}

/*Features*/
.features * {
	transition: all 0.2s ease-in-out 0s
}
.features {
	padding: 60px 0px;
}
.features img{
	width: 120px;
	transition:all 0.2s ease-in-out 0s;
}
.features .feature-text .icon{
	filter:brightness(1);
}
.features .feature-text:hover .icon{
	filter:brightness(1.2);
}
.features .icon:hover img{
	/*transform:scale(1);   
	animation: icon-anim;
	animation-duration: 0.4s;*/
}

@keyframes icon-anim {
	0% {transform:scale(.8, .8)}
	40% {transform:scale(1.1, 1.1)}
	60% {transform:scale(.9, .9)}
	100% {transform:scale(1, 1)}
}

@keyframes bounce-anim {
	0% {top: 0px; box-shadow: 0px 0px 0px rgba(0,64,110,0.2), 0px 0px 10px rgba(0,63,108,0.5);}
	40% {top: -19px; box-shadow: 0px 19px 15px rgba(0,64,110,0.2), 0px 19px 20px rgba(0,63,108,0.5);}
	60% {top: -10px; box-shadow: 0px 10px 3px rgba(0,64,110,0.2), 0px 10px 20px rgba(0,63,108,0.5);}
	100% {top: -14px; box-shadow: 0px 14px 10px rgba(0,64,110,0.2), 0px 14px 20px rgba(0,63,108,0.5);}
}

.features .col .feature-text {
	padding: 40px 30px;
	text-align: center;
	transition: all 0.5s ease-out 0s;
	top: 0px;
	position: relative;
}

.features .col .feature-text:hover {
	top: -14px;
	animation: bounce-anim;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	background-color: #0C3450;
	box-shadow: 0px 14px 10px rgba(0,64,110,0.2), 0px 14px 20px rgba(0,63,108,0.5);
}
.features .col .feat-title {
	min-height: 100px;
	padding: 20px 0;
	position: relative;
}

.features .col .feature-text h3 {
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: 600;
	color:#fff;
	margin:auto 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	letter-spacing: 3px;
	font-family: "proxima-nova",sans-serif;
}
.features .col .feature-text p {
	font-family: "proxima-nova",sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #ffffff;
	font-weight: 500;
}

.feature-text .icon {
	transform: scale(.9);
	background-size:cover;
	padding: 30px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 100px;
	box-shadow: -1px 1px 5px rgba(0,64,110,0.15), -1px 1px 22px rgba(0,63,108,0.15);
}

.icon img{
	transform: scale(0.8);
	vertical-align: middle;
}
.icon.ico-bg-green{
	background-image: url(images/backgrounds/bg-seagreen.jpg);
}

.icon.ico-bg-teal{
	background-image: url(images/backgrounds/bg-teal.jpg);
}

.icon.ico-bg-blue{
	background-image: url(images/backgrounds/bg-blue.jpg);
}

.icon.ico-bg-purple{
	background-image: url(images/backgrounds/bg-purple.jpg);
}

.icon.ico-bg-violet{
	background-image: url(images/backgrounds/bg-violet.jpg);
}

/* Col */
.col-laptop img{
	position: relative;
	left: -267px;
	margin-bottom: -176px;
}
.col-mobile img{
	position: relative;
	margin-bottom: -176px;
}
.col-mobile-friendly{
	padding: 100px;
}
.col-mobile-friendly img{
	width: 100%;
	max-width: 150px;
}
.col-foot-menu{
	padding:60px 0;
}
/* Global Footer */
.global-contact {
	background-color: #EEE;
	padding: 5px;
	font-size: 14px;
}
.global-contact .item {
	overflow: hidden;
}
.global-contact .item li {
	list-style: none;
	float: left;
	margin-right: 10px;
	color: #999;
}
.global-contact .item li a {
	color: #999;
}

/* Footer */
.footer-btn{
	position: relative;
	margin-top: -60px;
	margin-bottom: 10px;
}
.footer-btn a{
	padding: 10px 20px;
	background-color:#3b9dd4;
	color:#fff !important;
	margin-right: -5px;
	font-weight: 500;
	letter-spacing: 2px;
}
.footer-btn a.link-git{
	background-color:#247fb7;
}
.footer {
	background-color:#90469b;
	background: url(images/bg-footer.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	padding:120px 100px;
	/*border-top: 3px solid #3b9dd4;*/
}
.footer .foot-menu {
	border: none;
}

.footer .h4,
.footer p {
	color:#FFF;
}
.footer .h4 {
	font-size: 24px;
	margin: 0;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #888;
}
.footer .break {
	width: 80px;
	height: 2px;
	margin: 20px 0 20px;
	border-radius: 10px;
	background-color: #999;
}
.footer .foot-menu {
	margin: 0;
	padding-top: 60px;
	padding-right:20px;
}
.footer .foot-menu > li a {
	padding: 8px 0;
	border: none;
	font-weight: 500;
	letter-spacing: 1px;
	border-color:#0d63a1;
	font-size: 16px;
	color: #ffffff;
	font-family: "proxima-nova",sans-serif;	
	position: relative;
	right: 0;
}
.footer .foot-menu > li a:hover {
	right: -5px;
	border: none !important;
	color: #BAED37;
}
.footer .foot-product-wrap {
	background-color: #FFF;
	box-sizing: border-box;
	border-radius: 8px;
	overflow: hidden;
	color: #000;
}
.footer .foot-product-wrap .h4 {
	font-size: 24px;
	color: #90469b;
}
.footer .foot-product-wrap a {
	color: #068ed0;
	text-decoration: none;
}
.footer .foot-product-wrap p {
	color:#999;
	margin: 0;
}
.copyright a {
	color: #FFF !important;
}
.copyright p {
	margin: 5px 0 0;
}

/*Stuff*/
.hr-mini {
	background-color:#90469b;
	width:50px;
	height:4px;												
	border-radius:5px;
	margin:10px 0 20px;
}
.feature-box {
	text-align:center;
}
.feature-box h2 {
	font-size:20px;
}
.feature-box img {
	width:80%;
	vertical-align:top;
}
.feature-box:hover {
	transform:scale(1.1,1.1);
	transition:all 0.2s ease-in-out 0s;
}

hr {
	border: none;
	height: 1px;
	width: 100%;
	background: linear-gradient(to right, rgba(0,0,0,0.0), rgba(0,0,0,0.08), rgba(0,0,0,0.08), rgba(0,0,0,0.0))
}

/*Rocket Icon*/
.fa-icon-circle .fa-fw {
	width: 36px;
	padding: 10px 0;
	background-color: #eee;
	transition: all 0.5s ease-out 0s;
	background-image: url(images/backgrounds/lines.png);
	background-size: 100px auto;
	background-repeat: repeat;
	border-radius: 100%;
	text-align: center;
	margin-right: 10px;
	position: relative;
	animation: rocket-bg linear 0.6s infinite;
	animation-play-state: paused;
}
.fa-icon-circle .fa-fw::before {
	position: relative;
	top: 0;
	left: 0;
	animation: rocket-anim linear 0.4s infinite;
	animation-play-state: paused;
	color: #D54F30;
}
.fa-icon-circle .fa-fw::after {
	content: "";
	height: 18px;
	width: 3px;
	padding: 2px;
	background: linear-gradient(to bottom, #E05622,#EDAA3D,rgba(250,221,123,0.00) );
	position: relative;
	top: 0;
	left: 0;
	-webkit-transform: rotate(42deg) translate(14px, 12px);
	transform: rotate(42deg) translate(14px, 12px);
	border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
	position: absolute;
	animation: rocket-blast linear 0.05s infinite;
	animation-play-state: paused;
	opacity: 0.8;
}

.fa-icon-circle:hover .fa-fw {
	transform: scale(1.3);
	background-color: #D7E8F3;
	animation-play-state: running;
}
.fa-icon-circle:hover .fa-fw::before{
	animation-play-state: running;
}
.fa-icon-circle:hover .fa-fw::after {
	animation-play-state: running;
}

@keyframes rocket-anim {
	0%   {top: 0px; left: 0px;}
	20%  {top: -1px; left: 1px;}
	40%  {top: -0.5px; left: 0.5px;}
	60%  {top: 0.5px; left: 1px;}
	80%  {top: -1px; left: 0.5px;}
	100% {top: 0px; left: 0px;}
}
@keyframes rocket-blast {
	0%   {top: 0px; left: 0px; height: 18px;}
	20%  {top: 0px; left: 3px; height: 15px;}
	40%  {top: -0.5px; left: 0.5px; height: 18px;}
	60%  {top: 1.5px; left: 0.5px; height: 18px;}
	80%  {top: 1px; left: 2.5px; height: 15px;}
	100% {top: 0px; left: 0px; height: 18px;}
}
@keyframes rocket-bg {
	0%   {background-position: 0px 0px;}
	100% {background-position: -100px 100px;}
}

.fa-icon-circle.contact-icon .fa-fw,
.fa-icon-circle.contact-icon .fa-fw::before,
.fa-icon-circle.contact-icon .fa-fw::after {
	animation-play-state: running;	
}
.fa-icon-circle.contact-icon .fa-fw {
	transform: scale(2.3);
	background-color: #C6E2F4;
	width: 35px;
	margin-bottom: 29px;
	overflow: hidden;
}

/*Section*/
.section-default {
	padding: 100px 0;
}
.section-expad {
	padding: 160px 0;
}
.section-feature {
	padding: 80px 0;
}
.section-variant3 {
	background-color:#006cb9;
}
.section-variant2 {
	background-color:#DDD;
}
.section-variant1 {
	background-color:#EEE;
}
.body .frame > *:last-child {
	margin-bottom:0;
}
.section-feature.sf-variant3 * {
	color:#FFF;
}
.section-feature.sf-variant3 .divide {
	background-color:#FFF;
}
.section-contact-form {
	background-color: #068ed0;
	background-image: url(images/bg-contact.jpg);
}
.section-feature .button.bt-outline {
	color: #FFF;
	border-color:#FFF;
	margin: 0;
	border: 2px solid #FFF;
}
.payment-summary {
	border: none;
	background-color: #652D90;
}
.payment-summary .button {
	border: none;
	background-color: #068ed0;
	color: #FFF;
}
.payment-summary .button:hover {
	background-color: #FFF;
	color: #652D90;
}
.section.section-bg-blue{
	background-size: cover;
	background-image: url(images/bg-section-blue.jpg);
	color:#fff;
}
.section.section-bg-blue .h1{
	font-weight: 300;
	line-height: 55px;
	font-size: 50px;
	color:#fff;
}
.section.section-bg-white{
	background-size: cover;
	background-image: url(images/bg-section-white.jpg);
	color:#4d4d4d;
}
.section.section-bg-white .button{
	color:#4d4d4d;
	border-color:#4d4d4d;
}
.section.section-bg-white .button:hover {
    color: #fff;
    border-color: #4d4d4d;
    background-color: #4d4d4d;
}
.section.section-bg-white h1{
	font-weight: 300;
	letter-spacing: 5px;
	padding: 40px 0;
}

#map_canvas {
	height: 600px;
}
.section-contact-map{
	padding:0px;
}
.section-contact-map h2 {
	width: auto;
	letter-spacing: 2px;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 500;
	padding: 15px 30px;
	text-shadow: 0 2px 0px rgba(0,0,0,0);
	background: rgba(0,52,95,0.60);
	border-radius: 0 0 10px 10px;
	left: 50%;
	transform: translateX(-50%);
}

/*Element Overrides*/
.product-image-container {
	box-shadow: none;	
}
.social a {
	font-size: 16px;
    padding: 7px;
    background-color: transparent;
    color: #ffffff !important;
    border: 2px solid #ffffff;
	border-radius: 100px;
    display: inline-block;
	vertical-align: middle;
	margin: 0 2px;
}
.social a:hover {
    background-color: #3b9dd4;
	border-color: #3b9dd4;
	animation: squish-anim;
    animation-duration: 0s;
	animation-duration: 0.35s;
}
a.icon-soundcloud{
	border: none;
	padding: 0px;
	font-size: 55px;
	margin-left: 8px;
	line-height: 20px;
}
a.icon-soundcloud:hover{
	color:#3b9dd4 !important;
	background-color: transparent;
}

.btn-gaq {
	margin: 0 0 2px;
}
.btn-gaq .button {
	border-radius: 40px;
	vertical-align: bottom;
  	font-family: "proxima-nova",sans-serif;	
	font-size: 14px;
	letter-spacing: 2px;
	padding: 12px 30px 14px;
	font-weight: 600;
	line-height: 20px;
}
.btn-gaq .button .far {
	font-size: 20px;
	line-height: 20px;
	position: relative;
	top: 2px;
	left: -2px;
}

/*Contact New*/
.section-contact {
	padding: 40px 0;
	box-shadow: inset -9999px 0 0 0.01px rgba(0,96,138,0.05);
	background-image: url(images/bg-section-white.jpg);
	background-position: center;
	background-size: cover;
}
.con-box .col {
	vertical-align: bottom;
	padding: 0 30px;
}
.con-box .col .con-text {
	width: 100%;
	max-width: 500px;
	background: #fff;
	padding: 10px 30px;
	border-radius: 10px;
	margin: 0 0 0 auto;
	position: relative;
}
.con-box .col .con-text::after {
	content: "";
	position: absolute;
	top: 80%;
	right: -20px;
	border: 20px solid transparent;
	border-left: 20px solid #fff;
	border-right: 0px solid #fff;
}

.con-box .col .con-text .contact {
	padding: 25px 10px;
	border-bottom: 1px solid #eee;	
}
.con-box .col .con-text .contact {
	padding: 25px 10px;
	border-bottom: 1px solid #eee;	
}
.con-box .col .con-text .contact:last-child {
	border-bottom-width: 0px;
}
.con-box .contact h3{
	color:#068ed0;
}
.con-box .contact p b,
.con-box .contact p strong {
	letter-spacing: -0.5px;
	font-weight: 700;
}

.con-box .col.w40 {
	text-align: center;
}
.con-box .col.w40 img {
	vertical-align: bottom;
	position: relative;
	width: 100%;
	max-width: 400px;
	/*bottom: -122px;*/
	transform: translateY(122px);
}

.section-contact-form button{
	background-color: transparent;
	text-transform: uppercase;
	color:#4d4d4d;
	border:2px solid #4d4d4d;
	font-family: "proxima-nova",sans-serif;
}
.section-contact-form button:hover{
	background-color: #4d4d4d;
	color:#ffffff;
}


/*Foot Options*/
.footer * {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
}
.fit-footer {
	width: auto;
	min-width: 580px;
}
.fit-footer .col {
	padding-right: 80px;
}

.form form {
	position: relative;
}
.form input {
    width: 100%;
    padding: 13px 22px 13px;
    background-color: #ffffff;
    border-radius: 25px;
	font-size: 12px;
    color: #aaa;
    border: none;
	font-weight: 600;
	letter-spacing: 2px;
}
.form button {
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    background-color: #3791bf;
    transition-duration: 0.05s;
    padding: 13px 15px;
    border-radius: 0px 40px 40px 0px;
    position: absolute;
	letter-spacing: 2px;
    width: 150px;
	border: none;
	top: 0;
	right: 0;
	bottom: 0;
}
.form button:hover {
    background-color: #fff;
	color: #3791bf;
}
.foot-form{
	text-align: center;
}

.foot-option {
	display: table;
	width: 100%;
	padding: 40px 0;
	max-width: 600px;
	margin: 0 0 0 auto;
}
.footer-img,
.fo-text {
	display: table-cell;
	vertical-align: middle;
}
.footer-img {
	max-width:180px;
	min-width:140px;
	border: 4px solid #fff;
	border-radius: 100px;
	width:10%;
}
.footer-img:hover {
	animation: squish-anim;
    animation-duration: 0s;
	animation-duration: 0.4s;
}
.fo-text {
	width: 90%;
	padding-left: 40px;
}

.foot-form .h3 {
	font-size: 22px;
	margin-bottom: 8px;
	font-weight: 600;
	letter-spacing: 3px;
	color: #FFF;
	text-transform: uppercase;
}
.foot-form p{
	font-size: 13px;
	font-weight: 500;
	margin: 0 0 20px;
}

/*Coltable Stuff*/
.col-expad .col {
	padding: 100px;
}
.col-expad .col:first-child {
	padding-left: 30px;
}
.col-expad .col:last-child {
	padding-right: 40px;
}
.cursive {
	font-family: "Al fresco", sans-serif;
	font-size: 25px;
}

/*Check List*/
ul.checklist {
	margin: 0 0 35px;
}
ul.checklist li {
	list-style: none;
	position:relative;
	margin-left:30px;
	margin-bottom:6px;
	color: #777;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 1px;
}
ul.checklist li::before {
	font-family: "Font Awesome 5 Pro";
	content: "\f00c";
	color:#97C738;
	font-weight: 800;
	padding-right:10px;
	position:absolute;
	left:-25px;
	top:0px;
	transform: scale(1.2);
}

/*Post Overrides*/
.post-item * {
	transition: all 0.4s ease-out 0s;
	position: relative;
	z-index: 10;
}
.post-item {
	position: relative;
	overflow: hidden;
	transition: all 0.4s ease 0s;
	background: linear-gradient(to bottom, #fff 80%, #F5F5F5);
	box-shadow: inset 999px 0 0 0.01px rgba(255,255,255,0);
	border: 1px solid #f3f3f3 !important;
	border-radius: 5px;
}
.post-wrap .col:hover .post-item {
	box-shadow: inset 999px 0 0 0.01px rgba(255,255,255,1);
}

.post-item .post-image {
	padding: 20px;
	padding-bottom: 0px;
	top: 0;
	opacity: 0.9;
}
.post-item:hover .post-image {
	top: -5px;
	opacity: 1;
}

.post-item .post-body {
	text-align: center;
	padding: 10px 10px 40px;
}
.post-item .post-body h3 {
	color: #4C6772;
	font-size: 30px;
}
.post-item:hover .post-body h3 {
	color: #1785bd;
}

.post-wrap .col {
	padding: 20px;
	position: relative;
	z-index: 10;
}
.post-wrap .col::before {
	content: '';
	background-color: #fff;
	position: absolute;
	top: 21px;
	left: 21px;
	right: 21px;
	bottom: 21px;
	z-index: -1;
	border-radius: 7px;
	background-image: url(images/misc/wipe-bg.jpg);
	background-size: 600px;
	background-position: 0px center;
	transition: all 0.3s ease 0s;
	animation: wipe-anim 1.5s linear infinite;
	animation-play-state: paused;
}
.post-wrap .col:hover::before {
	top: 17px;
	left: 17px;
	right: 17px;
	bottom: 17px;
	animation-play-state: running;
}
@keyframes wipe-anim {
	0%   {background-position: 0px center;}
	100% {background-position: 600px center;}
}

/*Podcasts*/
.section-podcast {
	padding: 40px 0;
}
.post-podcast .col {
	width: 100%;
	padding: 10px;
}
.post-podcast.post-wrap .col:hover::before {
	top: 8px;
	left: 8px;
	right: 8px;
	bottom: 8px;
	border-radius: 4px;
	filter: hue-rotate(200deg) brightness(1.5);
}
.post-podcast .post-item {
	height: 130px;
	border-radius: 3px;
	border: none !important;
	display: table;
	width: 100%;
	background:#fafafa;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
}
.post-podcast .post-item * {
	position: static;	
}

.post-podcast .post-item .pod-image {
	position: relative;
	background-color: #EA9113;
	vertical-align: middle;
	display: table-cell;
	width: 130px;
}
.post-podcast .post-item .pod-image a::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-40%, -50%);
	border: 25px solid transparent;
	border-left: 40px solid #fff;
	border-right-width: 0px;
	opacity: 0;
	transition: all 0.3s;
	z-index: 10;
}
.post-podcast .post-item .inner {
	vertical-align: middle;
	display: table-cell;
	padding: 20px 30px;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
}

.post-podcast .post-item .pod-image img {
	width: 100%;
	vertical-align: top;
}
.post-podcast .post-item p.title  {
	margin: 0;
}
.post-podcast .post-item p.title a {
	font-size: 20px;
	font-weight: 400;
	line-height: 22px;
	color: #25404B;
}
.post-podcast .post-item p.title a .date-posted{
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	color: #9AA6B0;
	display: block;
	margin-bottom: 5px;
}
.post-podcast .post-item p.title a .pod-duration {
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	color: #9AA6B0;
	display: table;
	margin-top: 8px;
	padding:5px 10px;
	border-radius: 5px;
	border: 1px solid #e3e3e3;
	position: absolute;
	background: #fff;
	right: -5px;
	top: -12px;
}
.post-podcast .post-item p.title a .pod-duration i {
	color: #079CD6;
}

.post-podcast .col:hover .post-item p.title a .pod-duration {background:#EA9113; border-color: #EA9113; color: #fff; }
.post-podcast .col:hover .post-item p.title a .pod-duration i {color: #fff;}
.post-podcast .col:hover .post-item .pod-image a::after {opacity: 0.8;}
.post-podcast .col:hover .post-item .pod-image img {opacity: 0.1;}
.post-podcast .col:hover .post-item p.title a {color: #EA9113;}


.section-pod {
	padding: 80px 0;
}
.section-pod .coltable .col {
	padding: 30px;
}
.section-pod .coltable .col.w40 img {
	border-radius: 10px;
}
.section-pod p:not([class]) {
	color: #4C6772;
	font-weight: 300;
	line-height: 24px;
	margin: 0 0 15px;
}

.section-pod hr {
	margin: 15px 0 25px;
}
.section-pod h1 {
	margin-bottom: 30px;
}
.section-pod .capsule {
	background: #fafafa;
	border-radius: 5px;
	border: 1px solid #e3e3e3;
	padding: 10px 15px;
	font-weight: 300;
	margin-top: 6px;
}
.section-pod audio {
	border-radius:5px;
	width: 100% !important;
	vertical-align: top;
}

.section-transcribe {
	padding: 100px 0;
	border-top:1px solid #E6E9EE;
	background-image: url(images/bg-section-white.jpg);
	background-position: center;
	background-size: cover;
}
.section-transcribe p {
	font-weight: 300;
	line-height: 24px;
}
.section-transcribe p.h2 {
	font-weight: 400;
	color: #079CD6;
}

/*Service Options*/
.so-section {
	padding: 60px 0;
	/*background-image: url(images/backgrounds/bg-pattern.jpg);
	background-repeat: repeat;
	background-size: 600px auto;*/
}
.so-section .intro-head {
	padding-bottom: 60px;
}
.service-options .col {
	position: relative;
}

.service-options .col a {
	overflow: visible;
}
.service-options .col h3 {
	padding: 55px 55px;
	text-align: right;
	position: relative;
	box-shadow:inset 0 0 0 0.01px #3786B4;
	transition: all 0.4s ease-out 0.2s;
	background: #f3f3f3;
	color: #4C6772;
	margin: 2px;
	z-index: 20;
	overflow: visible;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	font-size: 28px;
}
.service-options .col a h3:hover {
	transition: all 0.3s ease-out 0s;
	box-shadow:inset 520px 0 0 0.01px #2DA9DD;
	margin-right: -40px;
	font-weight: 600;
	color: #fff;
}
.service-options .col a h3::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: auto 90%;
	background-position: left -35px center;
	background-repeat: no-repeat;
	transition:all 0.3s ease-out 0.2s;
	opacity: 0;
}
.service-options .col a:nth-child(1) h3::after {
	background-image: url(images/icons/web.svg);
}
.service-options .col a:nth-child(2) h3::after {
	background-image: url(images/icons/brand.svg);
}
.service-options .col a:nth-child(3) h3::after {
	background-image: url(images/icons/software.svg);
}
.service-options .col a:nth-child(4) h3::after {
	background-image: url(images/icons/marketing.svg);
}
.service-options .col h3:hover::after {
	background-position: left 5px center;
	transition:all 0.3s ease-out;
	opacity: 0.8;
}


/*.service-options .col h3::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0px;
	bottom: 0;
	transition: all 0.3s ease-out 0s;
	border-top: solid 53px transparent;
	border-bottom: solid 53px transparent;
	border-left: solid 0px #3786B4;
	z-index: -1;
}
.service-options .col h3:hover::before {
	transition: all 0.3s ease-out 0.3s;
	border-left: solid 53px #3786B4;
	right: -53px;
}*/


.service-options .col .so-bg {
	/*position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	bottom: 30px;*/
	height: 500px;
	background: #eee;
	position: relative;
	background-image: url(images/bg-section-blue.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	z-index: 1;
}
.service-options .col .so-web,
.service-options .col .so-brand,
.service-options .col .so-software,
.service-options .col .so-market {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-size: 1250px auto;
	background-position: center;
	z-index: 1;
	opacity: 1;
	width: 0%;
	transition: all 0.7s cubic-bezier(.24, .38, .55, 1) 0.3s;
	overflow: hidden;
}
.service-options .col .so-web {background-image: url(images/misc/bg-web-design.jpg);}
.service-options .col .so-brand {background-image: url(images/misc/bg-brand-design.jpg);}
.service-options .col .so-software {background-image: url(images/misc/bg-online-software.jpg);}
.service-options .col .so-market {background-image: url(images/misc/bg-digital-marketing.jpg);}

.service-options .col video {
	width: 100%;
    height: auto;
	min-width: 1000px;
    position: absolute;
    top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
}
.service-options .col .so-show {
	opacity: 1;
	width: 100%;
}

/*Stand Out Section*/
.section-standout, 
.section-standout * {
	/*transition: all 1s cubic-bezier(0, .41, .43, .98) 0s;	*/
}
.section-standout {
	box-shadow: inset -9999px 0 0 0.01px rgba(0,0,0,0.5);
	background-image: url(images/bg-standout.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	/*padding: 140px 0 60px;*/
	padding: 250px 0 125px;
}
.standout-alt {
	padding: 200px 0 200px;
}
.standout-text {
	width: 100%;
	max-width: 500px;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	/*text-shadow: 0px 2px 4px rgba(3,16,43,0.10);
	background: linear-gradient(90deg, #fff ,#C5EBF9 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
	margin: 0 auto;
}
.standout-text .h3 {
	color: #fff;
	font-size: 28px;
	line-height: 32px;
	letter-spacing: 0.5;
	font-weight: 400;
	margin-bottom: 8px;
}
.standout-text .h1 {
	color: #fff;
	letter-spacing: -2px;
	font-size: 80px;
	font-weight: 800;
	line-height: 70px;
}
.standout-text p {
	color: #fff;
	letter-spacing: 0.5;
}

/********Feature List General CSS*********/
.section-features {
	/*padding: 0px 0px 140px;*/
	padding: 40px 0px 200px;
	background-color: #F2F5F6;
	background-image: url(images/bg-section-white.jpg);
	box-shadow: inset -9999px 0 0 0.01px rgba(207,221,227,0.20);
	background-size: cover;
}
.feature-list {
	height: 250px;
	position: relative;
	/*top: -74px;*/
}

.feat-wrap * {
	transition: all 0.3s ease-out 0s;
}
.feat-wrap {
	float: left;
	width: 33.333%;
	display: table;
	padding: 12px;
	position: relative;
	transition: all 0.3s cubic-bezier(.22, .2, .34, 1.5) 0s;
	z-index: 11;
	top: 0;
}
.feat-item {
	padding: 10px;
	border-radius: 2px;
	background-color: #fff;
	padding-left: 0;
	box-sizing: border-box;
	box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	z-index: 12;
}
.feat-wrap::after {
	content: "";
	position: absolute;
	top: 0;
	left: 10px;
	right: 10px;
	bottom: -15px;
	transition: all 0.3s cubic-bezier(.22, .2, .34, 1.5) 0s;
	background-image: url(images/shadow.png);
	background-position: bottom center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
}
.feat-item .feat-icon {
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	width:30%;
}
.feat-item .feat-text {
	display: table-cell;
	vertical-align: middle;
	width: 70%;
	padding: 8px 10px 12px 0px;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
}


.feat-item .feat-icon svg {
	transition: all 0.3s cubic-bezier(.22, .2, .34, 1.5) 0s;
	vertical-align: top;
	position: relative;
	left: -25px;
} 
.feat-item .feat-text h4 {
	color: #aaa;
	font-weight: 800;
	font-size: 23px;
	letter-spacing: -1px;
	margin-bottom: 10px;
	line-height: 25px;
}
.feat-item .feat-text p {
	color: #6E7A8A;
	font-size: 14px;
	font-size: 200;
	margin: 0;
}

.feat-wrap:hover {
	top: -5px;
}
.feat-wrap:hover::after {
	bottom: -20px;
	opacity: 0.8;
}
.feat-item:hover svg {
	left: -15px;
}
.feat-item:hover .p1,
.feat-item:hover .p2,
.feat-item:hover .p3 {
	fill:#fff !important;
	/*stroke:#fff;
	stroke-width: 3px;
	overflow: visible;
	stroke-dasharray: 1000;
	stroke-dashoffset: 0;*/
}
.feat-item:hover .feat-text h4,
.feat-item:hover .feat-text p {
	color:#fff !important;
}

/*Features icons & colours*/


.feat-item .p1 {fill:#227FB6;}
.feat-item .p2 {fill:#4DB5E2;}
.feat-item h4 {color:#227FB6 !important;}
.feat-item {box-shadow: inset 0px 0 0 0.01px #35ACE0; transition: all 0.25s ease-in 0s;}
.feat-item:hover {box-shadow: inset 600px 0 0 0.01px #35ACE0;}

.feat-wrap:nth-child(1) .feat-item {filter: hue-rotate(-45deg);}
.feat-wrap:nth-child(2) .feat-item {filter: hue-rotate(-30deg);}
.feat-wrap:nth-child(3) .feat-item {filter: hue-rotate(-15deg);}
.feat-wrap:nth-child(4) .feat-item {filter: hue-rotate(-5deg)}
.feat-wrap:nth-child(5) .feat-item {filter: hue-rotate(15deg)}
.feat-wrap:nth-child(6) .feat-item {filter: hue-rotate(30deg)}

/*.fi-easy-edit .p1 {fill:#49A8BA;}
.fi-easy-edit .p2 {fill:#66C3CE;}
.fi-easy-edit h4 {color:#49A8BA !important;}
.fi-easy-edit {box-shadow: inset 0px 0 0 #52BACD; transition: all 0.25s ease-in 0s;}
.fi-easy-edit:hover {box-shadow: inset 600px 0 0 #52BACD;}

.fi-passion	.p1 {fill:#3987B5;}
.fi-passion	.p2 {fill:#66B0D0;}
.fi-passion	h4 {color:#3987B5 !important;}
.fi-passion {box-shadow: inset 0px 0 0 #4BA7CF; transition: all 0.25s ease-in 0s;}
.fi-passion:hover {box-shadow: inset 600px 0 0 #4BA7CF;}

.fi-designer .p1 {fill:#778CCD;}
.fi-designer .p2 {fill:#606CBB;}
.fi-designer h4 {color:#778CCD !important;}
.fi-designer {box-shadow: inset 0px 0 0 #606CBB; transition: all 0.25s ease-in 0s;}
.fi-designer:hover {box-shadow: inset 600px 0 0 #606CBB;}*/


/*Section STORY & MOBILE*/
.section-story {
	padding: 0;
	background-color: #3391C1;
	background-image: url(images/bg-section-blue-flip.jpg);
	background-size: cover;
}
.section-story .frame {
	padding: 0 !important;
}
.section-story .coltable .col img {
	width: 100%;
	max-width: 520px;
	vertical-align: top;
	display: table;
	margin: -70px auto 0
}
.section-story .standout-text,
.section-mobile .standout-text {
	max-width: 600px;
}
.section-story .standout-text h3 {
	font-size: 25px;
	font-weight: 200;
	line-height: 30px;
	margin-bottom: 5px;
}
.section-story .standout-text h1,
.section-mobile .standout-text h1 {
	font-size: 50px;
	line-height: 50px;
	font-weight: 300;
	letter-spacing: 6px;
	margin-bottom: 40px;
}
.section-story .standout-text a.button,
.section-mobile .standout-text a.button {
	font-size: 12px;
	padding: 10px 20px;
	margin-top: 25px;
}

/*Section MOBILE*/
.section-mobile {
	padding: 80px 0;
	background-image: url(images/bg-section-white.jpg);
	background-size: cover;
}
.section-mobile .frame {
	padding: 0 !important;
}
.section-mobile .standout-text h1 {
	color: #4D4D4D;
}
.section-mobile .standout-text p {
	color: #4D4D4D;
}
.section-mobile .standout-text a.button {
	color: #4D4D4D;
	border-color: #4D4D4D;
}
.section-mobile .standout-text a.button:hover {
	color: #fff;
	border-color: inherit;
}

.mobile-background {
	width: 280px;
	height: 580px;
	padding: 25px;
	background-image: url(images/mobile-bg.jpg);
	background-size: 100% auto;
	position: relative;
	border-radius: 30px;
	display: table;
	margin: 0 auto -100px;
	transition:all 0.5s;
}
.mobile-foreground {
	position: absolute;
	top: -20px;
	left: -20px;
	right: -20px;
	bottom: -20px;
	background-image: url(images/mobile.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.mobile-background.mf-at {background-image: url(images/mobile-bg-at.jpg);}
.mobile-background.mf-bo {background-image: url(images/mobile-bg-bo.jpg);}
.mobile-background.mf-mg {background-image: url(images/mobile-bg-mg.jpg);}
.mobile-background.mf-zulu {background-image: url(images/backgrounds/mobile-zulu.jpg);}


/******ABOUT PAGE*******/
.section-about {
	padding: 100px 0;
	box-shadow: inset -9999px 0 0 0.01px rgba(31,34,46,0.20);
	background-image: url(images/bg-about.jpg);
	background-position: center;
	background-size: cover;
}
.section-about .coltable .col {
	padding: 50px;
}
.section-about .col  {
	padding: 40px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.section-about .col h3 {
	color: #fff;
	font-size: 35px;
	font-weight: 700;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.section-about .col p {
	font-weight: 400;
	color: #fff;
	letter-spacing: 0px;
	font-size: 15px;
	line-height: 26px;
	text-align: justify;
}

.section-about .col p.quote {
	padding: 20px 40px;
	font-size: 30px;
	font-weight: 300;
	color: #fff;
	line-height: 50px;
	letter-spacing: 2px;
	text-align: center;
	margin: 0;
}

/**TIMELINE**/
.section-timeline {
	padding: 120px 0 40px;
	background: #fff;
}
.timeline {
	position: relative;
}
.linetime {
	position: absolute;
	left: 80px;
	width: 90%;
	top: 20%;
	transform: translateY(-50%);
	height: 6px;
	background-color: #eee;
	z-index: 1;
	opacity: 1;
}
.timeline .col {
	padding: 35px;
	width: 16.666%;
	position: relative;
	z-index: 11;
	transition: all 1s cubic-bezier(.21, 0, .27, 1) 0s !important;
	/*transition: all 2s !important;*/
}

.timeline .col .time-icon {
	width: 100%;
	max-width: 160px;
	border-radius: 150px;
	background-color: #54BCEA;
	background-image: url(images/backgrounds/bg-blue.jpg);
	background-size: cover;
	margin: 0 auto;
}
.timeline .col .time-icon img {
	width: 100%;
	padding: 35px;
	vertical-align: top;
}
.timeline .col .time-icon:hover {
	animation: squish-anim;
	animation-duration: 0.4s;
}

.timeline .col .time-text {
	padding: 40px 0 0 0;
	text-align: center;
}
.timeline .col .time-text h4 {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #9c9c9c !important;
	margin-bottom: 10px;
}
.timeline .col .time-text p {
	font-size: 12px;
	font-weight: 300;
	line-height: 16px;
	text-align: justify;
	color: #9c9c9c;
}

.timeline .col:nth-child(2) .time-icon {filter: hue-rotate(-45deg);}
.timeline .col:nth-child(3) .time-icon {filter: hue-rotate(-30deg);}
.timeline .col:nth-child(4) .time-icon {filter: hue-rotate(-15deg);}
.timeline .col:nth-child(5) .time-icon {filter: hue-rotate( 0deg)}
.timeline .col:nth-child(6) .time-icon {filter: hue-rotate( 15deg)}
.timeline .col:nth-child(7) .time-icon {filter: hue-rotate( 25deg) grayscale(0.1);}

.timeline .col:nth-child(2) {transition-delay: 0s !important;}
.timeline .col:nth-child(3) {transition-delay: 0.05s !important;}
.timeline .col:nth-child(4) {transition-delay: 0.1s !important;}
.timeline .col:nth-child(5) {transition-delay: 0.15s !important;}
.timeline .col:nth-child(6) {transition-delay: 0.2s !important;}
.timeline .col:nth-child(7) {transition-delay: 0.25s !important;}

/*Section Team*/
.section-team {
	padding: 60px 0;
	box-shadow: inset -9999px 0 0 0.01px rgba(207,221,227,0.50);
	background-image: url(images/bg-section-white.jpg);
	background-position: center;
	background-size: cover;
}

.team-title {
	text-align: center;
	margin-bottom: 60px;
}
.team-title h2 {
	font-size: 30px;
	text-align: center;
	font-weight: 300;
	letter-spacing: 6px;
	text-transform: uppercase;
	color: #92abb7;
	margin: 15px 0 20px;
}

.probox * {
	transition: all 0.3s cubic-bezier(0, 0, 0, .99) 0s;
}
.probox .col {
	padding: 25px;
	position: relative;
	display: inline-block;
	float: left;
	width: 25% !important;
}

.probox .col .pro-image {
	position: relative;
	overflow: hidden;
}
.probox .col .pro-image img {
	width: 100%;
	vertical-align: top;
}
.probox .col .pro-image::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: rgba(51,51,51,0.00);
	transition: all 0.2s ease 0s;
}
.probox .col .pro-image::after {
	content: "View Profile";
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	padding: 14px 22px;
	letter-spacing: 3px;
	border: 2px solid #fff;
	text-transform: uppercase;
	transform: translate(-50%, -50%);
	transition: all 0.3s cubic-bezier(0, 0, .3, .99) 0s;
	border-radius: 2px;
	text-align: center;
	opacity: 0;
}

.probox .col .pro-content {
	background-color: #fff;
	padding: 40px 25px;
	text-align: center;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	position: relative;
}
/*.probox .col .pro-content::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #fff;
	transition: all 0.2s ease 0s;
	z-index: 1;
}*/
.probox .col .pro-content h3 {
	font-size: 29px;
	text-align: center;
	font-weight: 300;
	letter-spacing: 4px;
	color: #808080;
	margin: 0;
	position: relative;
	z-index: 11;
}
.probox .col .pro-content p {
	color: #b8b8b8;
	font-weight: 700;
	margin: 10px 0 0;
	position: relative;
	z-index: 11;
}


.probox .col a:hover .pro-image::before {
	transition: all 0.5s cubic-bezier(0, 0, .3, .99) 0s;
	width: 500px;
	height: 500px;
	background-color: rgba(51,51,51,0.80);
}
.probox .col a:hover .pro-image::after {
	opacity: 1;
}
.probox .col a:hover .pro-image::after:hover {
	background-color: #fff;
	color: #333;
}
.probox .col a:hover .pro-content {
	background-color: #333;
	transition: all 0.6s;
}
/*.probox .col:hover .pro-content::after {
	transition: all 0.6s cubic-bezier(0, 0, .3, .99) 0s;
	width: 400px;
	height: 400px;
	background-color: #37A4D2;
}*/
.probox .col a:hover .pro-content h3,
.probox .col a:hover .pro-content p {
	color: #fff;
}

/*Sub Probox*/
.probox.prosub {
    width: auto;
	margin: 0 auto;
	text-align: center;
}
.probox.prosub .col {
    padding: 0px;
	margin: 1px;
    width: 160px !important;
	float: none;
	display: inline-block;
	border: 1px solid rgba(0,0,0,0.05);
}
.probox.prosub .col .pro-content {
	padding: 15px;
}
.probox.prosub .col .pro-image::after {
	font-size: 10px;
	padding: 25px 15px;
	border-width: 1px;
}
.probox.prosub .col .pro-content h3 {
    font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0px;
	min-height: 
}
.probox.prosub .col .pro-content p {
	display: none;	
}


/*Section Sponsor*/
.section-sponsor {
	padding: 60px 0;
	background: #fff;
}
.coltable.cir-img .col {
	padding: 25px;
}
.cir-img img {
	width: 100%;
	vertical-align: top;
	border-radius: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.cir-img img:hover {
	animation: squish-anim;
	animation-duration: 0.4s;
}
.h2-alt {
	font-size: 30px;
	text-align: center;
	font-weight: 300;
	letter-spacing: 6px;
	text-transform: uppercase;
	color: #37a4d2;
}


/*HELP LIST*/
.help-all {
	padding: 25px;
	border-radius: 150px;
	border: 1px solid #e3e3e3;
	margin-bottom: 25px;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:anti-aliased;
}
.help-all .help-img {
	vertical-align: middle;
	width: 6%;
	min-width: 120px;
}
.help-all .help-text {
	vertical-align: middle;
	width: 94%;
}
.help-all .help-img p {
	width: 120px;	
	height: 120px;
	background-color: #2DA9DD;
	border-radius: 100%;
	position: relative;
	transition: all 0.2s;
	margin: 0;
}
.help-all .help-img p i {
	position: absolute;
	color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 55px;
}

.help-all .help-text {
	padding:0 30px;
}
.help-all .help-text h3 {
	font-size: 30px;
	font-weight: 300;
	color: #888;
}
.help-all .help-text p {
	font-size: 14px;
	margin: 0;
	color: #888;
}
.help-all .help-text a {color: #2DA9DD;}
.help-all .help-text a:hover {color: #87B510;}
.help-all .help-img p:hover {background-color: #118DC0;}

.help-all:nth-child(2) {
	filter: hue-rotate(-15deg);
}
.help-all:nth-child(3) {
	filter: hue-rotate(-30deg);
}
.help-all:nth-child(4) {
	filter: hue-rotate(-45deg);
}

/*****SERVICE PAGE******/
/*Head*/
.page-head.head-service {
	overflow: visible;
	padding: 150px 60px 90px;
	min-height: auto;
}
.page-head.head-service.color-swap {
	min-height: auto;
}
.head-service .coltable .col.first { width: 45%; text-align: right !important; padding-right: 35px !important;}
.head-service .coltable .col.last { width: 55%; transition: all 0.6s !important;}
.head-service .coltable .col {
	padding: 0 20px;
	position: relative;
}

.head-service .coltable .col img {
	width: 100%;
	vertical-align: top;
	margin-bottom: -130px;
	max-width: 680px;
}
.head-service .coltable .col .h2,
.head-service .coltable .col h2 {
	color: #F9F7F4;
	font-weight: 200;
	letter-spacing: 3px;
	font-size: 55px;
	line-height: 60px;
	margin: 0 0 25px;
    text-transform:none;
}
.head-service .coltable .col p {
	color: #F9F7F4;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 500;
	margin: 25px 0px 0px;
}

/*Section Website Type*/
.section-sitetype {
	padding: 0;
}
.section-sitetype .coltable .col {
	position: relative;
	padding: 50px 50px 70px;
	text-align: center;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	box-shadow: inset -9999px 0 0 0.01px rgba(0,0,0,0);
	transition: all 0.6s ease 0s;
	width: 47%;
}
.section-sitetype .coltable .col * {
	position: relative;
	z-index: 11;
}
.section-sitetype .coltable .col.site-business {
	background-color: #EC8D32;
	background-image: url(images/backgrounds/site-business-bg.jpg);
	background-position: center;
	background-size: cover;
}
.section-sitetype .coltable .col.site-retail {
	background-color: #37A4D2;
	background-image: url(images/backgrounds/site-retail-bg.jpg);
	background-position: center;
	background-size: cover;
	transition: all 0.6s ease 0.1s;
}
.section-sitetype .coltable .col img {
	width: 100%;
	vertical-align: top;
	margin: -110px 0 70px;
	max-width: 650px;
	position: relative;
	transition: all 0.6s ease 0s;
	top: 0;
}
.section-sitetype .coltable .col h2 {
	color: #F9F7F4;
	font-weight: 300;
	letter-spacing: 2px;
	font-size: 45px;
	line-height: 50px;
	/*font-weight: 700;
	letter-spacing: -2px;
	font-size: 40px;
	line-height: 45px;*/
	margin: 0 0 15px;
}
.section-sitetype .coltable .col p {
	color: #F9F7F4;
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: 400;
}

.section-sitetype .coltable .col.site-business:hover {
	box-shadow: inset -9999px 0 0 0.01px rgba(150,60,0,0.30);
	width: 53%;
}
.section-sitetype .coltable .col.site-retail:hover {
	box-shadow: inset -9999px 0 0 0.01px rgba(0,43,117,0.30);
	width: 53%;
}
.section-sitetype .coltable .col.site-business a.button{
	filter:saturate(2) hue-rotate(180deg);
}
/*.section-sitetype .coltable .col:hover img {
	top: -15px;
}*/


.section-sitetype .col.site-business::after,
.section-sitetype .col.site-retail::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
	padding:20px 0 0;
	background: url(images/misc/waves_front.png) right / 150px auto,
			    url(images/misc/waves_mid.png) right / 200px auto,
			    url(images/misc/waves_back.png) right / 240px auto;
	background-repeat: repeat-y;
	transition: all 0.4s ease 0s;
	animation: wind 20s linear infinite;
	opacity: 0;
	z-index: 1;
}
.section-sitetype .col.site-retail::after {
	transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
}
.section-sitetype .col.site-business:hover::after {opacity: 0.5;}
.section-sitetype .col.site-retail:hover::after {opacity: 0.5;}


@keyframes wind{
  0%   {background-position: right 190px, right 195px, right 100px;}
  100% {background-position: right 1700px, right -700px, right 700px;}
}


/****BUSINESS WEBSITES PAGE*****/

/*Page Head BS*/
.page-head.head-bussite {min-height: 65vh;}
.page-head.head-bussite.color-swap {min-height: 55vh;}
.page-head.head-bussite .top-textbox {max-width: 750px;}

.page-head.head-bussite .top-textbox h2 {margin: 10px 0 0; font-size: 50px;}
.page-head.head-bussite .top-textbox h5 {margin: 0px 0 10px;}
.page-head.head-bussite .top-textbox p {margin: 20px 0 35px;}

/*Head*/
.page-head.head-bussite {
	overflow: visible;
	padding: 200px 60px 40px;
	min-height: auto;
}
.page-head.head-bussite.color-swap {
	min-height: auto;
}
.head-bussite .coltable .col.first { width: 45%; text-align: right !important; padding-right: 35px !important;}
.head-bussite .coltable .col.last { width: 55%; transition: all 0.6s !important;}
.head-bussite .coltable .col {
	padding: 0 20px;
	position: relative;
}
.page-head.head-bussite .min-box {
	max-width: 600px;
	margin: 0 0 0 auto;
}

.head-bussite .coltable .col img {
	width: 100%;
	position: relative;
	vertical-align: top;
	margin-bottom: -68px;
	max-width: 700px;
	z-index: 10;
}
.head-bussite .coltable .col .h2,
.head-bussite .coltable .col h2 {
	color: #F9F7F4;
	font-weight: 200;
	letter-spacing: 3px;
	font-size: 55px;
	line-height: 60px;
	margin: 0 0 25px;
    text-transform:none;
}
.head-bussite .coltable .col .h5,
.head-bussite .coltable .col h5 {
	color: #F9F7F4;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 500;
	margin: 25px 0px 0px;
	font-size: 18px;
}
.head-bussite .coltable .col p {
	color: #F9F7F4;
	margin-bottom: 35px;
	font-size: 16px;
	line-height: 26px;
}
.head-bussite .coltable .col p a.button {
	line-height: normal;
}


/*Site Ready (Mobile)*/
.section-site-ready {
	background: #fff; 
	position: relative;
	padding-top: 50px;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	overflow: hidden;
}
.section-site-ready::after {
	content: '';
	z-index: 99;
	position: absolute;
	background-image: url(images/shadow-flip.png);
	background-position: top center;
	background-size: 130% 300%;
	opacity: 0.5;
	height: 50px;
	width: 100%;
	bottom: 0;
	left: 0;
}
.section-site-ready .coltable .col:first-child {
	padding-right: 100px;
}
.section-site-ready .mobile-background {
	margin: 40px 0 -100px auto;
	width: 300px;
	height: 620px;
}

.section-site-ready ul.checklist {
	margin: 30px 0 0;
}
.section-site-ready ul.checklist li {
	margin-bottom: 9px;
	font-weight: 300;
	color: #333;
}
.section-site-ready ul.checklist li::before {
	content: "\f058";
	/*color: #00b781;*/
	color: #F1961D;
	transform: scale(1);
	left: -29px;
}
.section-site-ready.hb-premier ul.checklist li::before {
    color:#02A977;
}
.section-site-ready.hb-plain ul.checklist li::before {
	color:#37A4D2;
} 
ul.checklist.check-purple li::before {
	color:#A354C1;
} 

/*Section Examples*/
.section-examples {
	padding: 100px 0;
	position: relative;
	box-shadow: inset -9999px 0 0 0.01px rgba(173,219,239,0.10);
	background-image: url(images/bg-section-white.jpg);
	background-position: center;
	background-size: cover;
	z-index: 22;
}
.section-examples.se-reverse {
	background-image: url(images/bg-section-blue-flip.jpg);
}
.section-examples.se-reverse h5,
.section-examples.se-reverse h2 {
	color: #FFF;
}
.example-img * {
	transition: all 0.2s ease-out 0s;
}
.example-img {
	margin: 30px 0 60px; 
}
.example-img .exi {
	padding: 30px;
}
.example-img .exi img {
	width: 100%;
	max-width: 300px;
	padding: 20px;
	box-shadow: 0px 6px 16px rgba(0,17,39,0.08);
	background-color: #fff;
	border-radius: 100%;
	vertical-align: top;
	opacity: 0.9;
	display: table;
	margin: 0 auto;
}
.example-img h3,
.example-img h5 {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: rgba(0,0,0,0.35);
	margin-top: 10px;
}
.example-img.example-service h3 {
	color: #FFF;
	text-transform: none;
	font-size: 22px;
}
.example-img.example-service p {
	color: #FFF;
	text-align: center;
}
.example-img .exi:hover {
	transform: scale(1.1);
}
.example-img .exi:hover img {
	animation: squish-anim;
	animation-duration: 0.5s;
	opacity: 1;
}

.example-img .ext {
	padding: 5px 20px;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
}
.example-img .ext h3 {
	font-size: 24px;
	margin-bottom: 10px;
	letter-spacing: -1px;
}
.example-img .ext p {
	font-size: 14px;
	font-weight: 600;
}

.example-img.example-edge .exi img {
	padding: 5px;
}

/*Quote & Testimonial*/
.quote-box {
	width: 100%;
	max-width: 450px;
	margin: 0 0 0 auto;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	border-radius: 10px;
	position: relative;
	box-shadow: 0 5px 20px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.08);
	z-index: 99;
}
.quote-box h2.qb-title {
	color: #fff;
	font-size: 33px;
	font-weight: 300;
	letter-spacing: 2px;
	border-radius: 10px 10px 0 0;
	background: linear-gradient(70deg, #80b23f, #e8da21);
	text-align: center;
	padding: 25px;
	margin: 0;
}
.quote-box .alert {
    margin:0;
}
.quote-box .form-block {

}
.quote-box .form-block .field {
	background-color: #fff;
	padding: 0 30px !important;
}
.quote-box .form-block .field input {
	box-shadow: none;
	border: none;
	padding: 30px 0;
	font-size: 16px;
	font-weight: 400;
	font-family: "proxima-nova", 'europa', sans-serif;
	color: #333;
	border-bottom: 1px solid #eee;
}
.quote-box .form-block .field:first-child input {
	padding-top: 40px;
}
.quote-box .form-block .field:nth-child(3) input {	
	border-bottom: none !important;
	padding-bottom: 40px;
}

.quote-box .form-block .field.submit {	
	background: none;
	padding: 0 !important;
	margin: 0;
}
.quote-box .form-block .field.submit button{	
	display: block;
	width: 100%;
	padding: 20px;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 1px;
	border-radius: 0 0 10px 10px;
	font-family: "proxima-nova", 'europa', sans-serif;
	background: linear-gradient(60deg, #80b23f, #e8da21);
	box-shadow: inset 450px 0 0 0.01px rgba(41,74,14,0.00);
}
.quote-box .form-block .field.submit button:hover {	
	filter: hue-rotate(120deg);
}

.testimini {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	max-width: 450px;
	margin: 0 auto 0 0;
}
.testimini .bx-wrapper {
    background:none;
    margin:0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background:#D8E9F9 !important;
}
.testimini .bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#78b4ec !important;
}
.testimini h3 {
	color: #37A4D2;
	font-size: 33px;
	letter-spacing: 3px;
	margin-bottom: 30px;
}
.testimini p {
	line-height: 25px;
	color: rgba(0,0,0,0.5);
}
.testimini .author {
	display: table;
	margin-top: 30px;
	padding: 10px 15px;
	border-radius: 0 15px 15px;
	background: #fff;
}
.testimini .author img {
	display: table-cell;
	max-width: 70px;
	min-width: 60px;
	vertical-align: middle;
	position: relative;
	left: -10px;
	margin-top: -3px;
	margin-bottom: -3px;
	border-radius: 5px;
}
.testimini .author p {
	vertical-align: middle;
	display: table-cell;
	color: #37A4D2;
	padding-right: 2px;
	letter-spacing: 1px;
	line-height: 16px;
}

/*Reviews Page*/
.testimonial {
	overflow: hidden;
	border-radius: 5px;
	padding: 0px;
	margin: 0 0 30px !important;
	background-color: #fff;
	box-shadow: 0 2px 1px rgba(0,0,0,.15), 0 8px 15px rgba(0,0,0,.05);
}
.testimonial .test-body {
	padding: 25px;
}
.testimonial .test-body p {
	font-size: 14px;
	font-weight: 300;
	color: #666;
	line-height: 26px;
}

.testimonial p.auth {
	margin: 0;
	padding: 25px;
	font-weight: 500;
	font-size: 16px;
	color: #aaa;
	background: linear-gradient(to right, #fff, #f3f3f3);
	border-top: 1px solid #f3f3f3;
}
.testimonial.procedure .button {
	
}
.testimonial blockquote > footer > p.auth img {
    max-width: 120px;
	min-width: 60px;
}

/* Panel */
.panel {
	overflow: hidden;
	border-radius: 5px;
	padding: 0px;
	margin: 0 0 30px !important;
	background-color: #fff;
	box-shadow: 0 2px 1px rgba(0,0,0,.15), 0 8px 15px rgba(0,0,0,.05);
}
.panel .panel-body {
	border: none;
	padding: 25px;
	padding-top: 0;
}
.panel .panel-heading {
	padding: 25px;
	font-size: 18px;
}
.panel .panel-heading.head-alt {
	background:linear-gradient(120deg, #1FC6DA , #1262B4);
}
.panel .panel-heading.head-alt h3 {
	color: #FFF;
	margin: 0;
}
.panel .panel-heading.head-alt + div {
	padding-top: 25px;
}
.panel .panel-footer {
	margin: 0;
	padding: 25px;
	font-weight: 500;
	font-size: 16px;
	color: #aaa;
	background: linear-gradient(to right, #fff, #f3f3f3);
	border-top: 1px solid #f3f3f3;
}
.step {
	padding: 12.5px 0;
	border-bottom: 1px solid #EEE;
}
.step p {
	margin: 0;
	margin-top: 12.5px;
}
.step p.title {
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: #37A4D2;
	font-weight: 300;
}

/*Section Call*/
.section-call {
	background: linear-gradient(30deg, #80b23f, #e8da21);
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	padding: 50px 0;
}
.section-call .h1 a,
.section-call .h1 {
	color: #fff;
	margin: 0;
	font-weight: 200;
}
.section-call .h1 a {
    font-weight:800;
}
.section-call .h3 a,
.section-call .label {
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
}
.section-call .h3 {
	vertical-align: middle;
}

h3 .button {
	font-size: 20px;
	padding: 15px 30px;
	vertical-align: top;
}

/*Section FAQ*/
.section-faq {
	padding: 60px 20px;
}

.faq * {transition: background-color 0.2s ease-out 0s, color 0.2s ease-out 0s;}
.faq {
	padding: 0px;
	border-radius: 10px;
	overflow: hidden;
}
.faq .faq-inner {
    padding: 20px 25px 20px;
	background-color: #FAFAFA;
	border-top: 1px solid #f3f3f3;
}

.faq:hover .faq-inner {background-color: #37A4D2;}
.faq:hover {border-color:#37A4D2;}
.faq:active,
.faq:focus {border-color: #B0C546;}

.faq h3 {
	color:#37A4D2;
	font-weight: 400;
	padding: 20px 25px;
}
.faq h3 i {
	color:#37A4D2;
	margin-right: 5px !important;
}
.faq p {
	color:#4C6772;
	line-height: 26px;
	font-weight: 300;
}
.faq:hover p {
	color:#fff;
}

/*Section Policy*/
.section-policy .pb-block-content {
	padding: 15px 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
}
.section-policy .pb-block-content h3 {
	margin-bottom: 10px;
}


/*PROFILES*/
.profile-vid .vid-slider {
    height: 80vh;
    min-height: 500px;
}
.profile-vid .vid-slider.color-swap {
    height: 70vh !important;
}
.profile-vid .vid-slider .vid-wrap {
    background: rgba(17,103,146,0.80);
    transition: all 1s;
}

.profile-vid .vid-slider .vid-wrap .vid-text h2 {
	font-weight: 200;
	letter-spacing: 2px;
	font-size: 60px;
	line-height: 66px;
}
.profile-vid .vid-slider .vid-wrap .vid-text h2 b,
.profile-vid .vid-slider .vid-wrap .vid-text h2 strong{
	font-weight: 800;
	letter-spacing: -2px;
}
.profile-vid .vid-slider .vid-wrap .vid-text p {
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	display: table;
	margin: 0 auto;
	letter-spacing: 5px;
	text-transform: uppercase;
}
.profile-vid .vid-slider .vid-wrap .vid-text p i {
	font-style: normal;
}

.pro-blurb {
	padding: 30px 0 20px;
}
.pro-blurb p {
	color: #666;
	font-weight: 500;
	line-height: 28px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-align: justify;
}

.spec-box {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.spec-box h4,
.spec-box p {
	color: #fff !important;
}

ul.spec-list {
	display: table;
	width: auto;
	margin: 0 auto;
	text-align: center;
}
ul.spec-list li {
	display: inline-block;
	border: 2px solid #fff !important;
	font-size: 16px;
	margin: 2px;
	padding: 8px 16px;
	border-radius: 2px;
	color: #fff;
	letter-spacing: 1px;
	font-weight: 400 !important;
	position: relative;
	padding-left: 30px;
}
ul.spec-list li::before {
	content: "";
	border-left: 18px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}


/* Alert */
.alert.alert-danger {
    background:linear-gradient(to right, #C00, #F00);
    border-bottom:1px solid #C00 !important;
    border-top:1px solid #F66 !important;
}
.alert.alert-success {
    background:linear-gradient(30deg, #80b23f, #e8da21);
    border-bottom:1px solid #80b23f !important;
    border-top:1px solid #80b23f !important;
}

/*Form Override*/
.section-contact-form {
	padding: 100px 0;
	background-image: url(images/bg-section-blue-flip.jpg);
	background-size: cover;
	background-position: center;
}
.section-contact-form .form-wrapper {
	padding: 15px 30px 20px;
	border-radius: 15px;
}
.section-contact-form .form-block .field label {
	font-size: 14px;
	font-weight: 300;
	color: #ccc;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: none;
}
.section-contact-form .form-block .field input,
.section-contact-form .form-block .field textarea,
.section-contact-form .form-block .field select{
	padding: 25px 0px;
	box-shadow: none;
	border-radius: 0;
	border: 1px solid #fff;
	border-bottom-color: #ddd;
	font-size: 16px;
	letter-spacing: 0.5px;
	display: block;
}
.section-contact-form .form-block .field textarea {
	padding: 15px 0px;
	max-width: 100%;
	min-height: 55px;
	height: 55px;
	transition: all 0.4s;
}
.section-contact-form .form-block .field textarea:hover {
	border-bottom-color: #079CD6;
}
.section-contact-form .form-block .field textarea:active,
.section-contact-form .form-block .field textarea:focus {
	min-height: 130px;
	border-bottom-color: #079CD6;
}
.section-contact-form .form-block .field select {
	display: block;
	color: #999;
	/*text-indent: -2px;*/
	padding: 15px 0px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url(images/icons/arrow-down.svg);
	background-position: right 10px center;
	background-size: 20px auto;
	background-repeat: no-repeat;
	transition: all 0.2s;
	height: auto;
}
.section-contact-form .form-block .field select:hover {
	color: #079CD6;
	background-size: 25px auto;
	background-position: right 7.5px center;
	border-bottom-color: #079CD6;
}
.section-contact-form .form-block .field input:hover,
.section-contact-form .form-block .field input:active,
.section-contact-form .form-block .field input:focus {
	border-bottom-color: #079CD6;
}
.section-contact-form button {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 15px 30px 15px;
	border: 2px solid rgba(255,255,255,1);
	letter-spacing: 2px;
	margin: 0 auto 5px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: inset 0 -999px 0 0.01px rgba(195,204,44,0.00);
	background:linear-gradient(120deg, #1FC6DA , #1262B4);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	position: relative;
	z-index: 11;
	display: table;
	transition: all 0.2s;
}
.section-contact-form button:hover {
	box-shadow: inset 0 -999px 0 0.01px #C3CC2C;
}

.section-quote {
	background-image: url(images/bg-section-white.jpg);
	box-shadow: inset 0 -9999px 0 rgba(0,80,135,0.10);
}
.section-quote h2 {
	display: none;
}

.form-block {
	border:none;
}

/*Portfolio - Gallery*/
.sat-in {
	background: linear-gradient(30deg,#6AD7B8, #5CC64D, #BCC724);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	padding: 40px 0;
	animation: sat-shift 20s linear infinite;
	transition: all 0.7s ease-out 0s;
}
.sat-in .label {
	margin: 0 20px;
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
}
.sat-in .button {
	line-height: 24px;
	padding: 12px 25px;
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
}
.sat-in .col:first-child {
	text-align: left;
}
@keyframes sat-shift {
	0% {filter: hue-rotate(0deg);}
	100% {filter: hue-rotate(360deg);}
}

.portalt {
	background-image: url(images/backgrounds/bg-portfolio.jpg);
	box-shadow: inset 0 -9999px 0 0.01px rgba(0,0,0,0.30);
}
.portalt.color-swap {
    box-shadow: inset 0 -9999px 0 0.01px rgba(0,0,0,0.60);
}
.portalt h1 {
	font-size: 75px;
}

/*404*/
.section-404 {
	padding: 100px 20px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.section-404 .frame {
	position: relative;
	z-index: 1;
}
.section-404::after {
	content: "404";
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-49%);
	font-size: 700px;
	font-weight: 800;
	color: rgba(0,0,0,0.02);
	font-family: "proxima-nova", sans-serif;
	letter-spacing: -2px !important;
	z-index: 0;
}
.section-404 h1{
	font-size: 80px;
	line-height: 80px;
	font-weight: 700;
	color: #707583;
	letter-spacing: -1px;
	margin-bottom: 30px;
}
.section-404 h4{
	color: #8E94A4 !important;
	font-size: 30px;
	line-height: 32px;
	font-weight: 300;
	margin-bottom: 10px;
}
.section-404 p {
	color: #8E94A4;
	font-size: 16px;
	letter-spacing: 1px;
}
.section-404 hr {
	background:none;
	margin: 20px auto;	
	width: 50%;
}


/*OTHER*/
.row {
	margin: 0;
}
.col-sm-12 {
	padding: 0;
}

.hue-shift-1 {
	filter: hue-rotate(-15deg);
}
.hue-shift-2 {
	filter: hue-rotate(-30deg);
}
.hue-shift-3 {
	filter: hue-rotate(-45deg);
}

/***Testing Class***/
.color-wand {
	background-image: url(images/misc/colour-wand.png);
	animation: wand-anim 2s linear infinite;
	height: 4px;
}
@keyframes wand-anim {
	0% {background-position: left 0px center;}
	100% {background-position: left 1800px center;}
}

.spintest {
	width: 50px;
	height: 50px;
	border-radius: 15%;
	padding: 4px;
	background-color: #1C3E7A;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.spintest::after {
	content: '';
	position: absolute;
	background-image: url(images/misc/spinner.png);
	background-size: cover;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	animation: threesixty linear 2s infinite;
}
.spinin {
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	border-radius: 10%;
	position: relative;
	z-index: 2;
}
@keyframes threesixty {
	0% {transform: rotate(0deg) scale(5);}
	50% {transform: rotate(180deg) scale(5);}
	100% {transform: rotate(360deg) scale(5);}
}

/***Mobile Menu Override***/
#menu-mobile {
    display: none;
    top: 0;
    right: 0;
    width: 100%;
    position: fixed;
    z-index: 102;
	padding: 20px 0;
	background-color: rgba(255,255,255,0.96);
	height: 100%;
	overflow-y: scroll;
}
#menu-mobile::-webkit-scrollbar { 
    display: none; 
	-moz-scrollbars:none;
}
#menu-mobile ul.menu {
    padding: 15px 0;
}
#menu-mobile ul.menu .menu-group {
    position: relative;
}
#menu-mobile ul.menu li {
    display: block;
	float: none;
}
#menu-mobile ul.menu li .menulink {
    text-align: left;
    padding: 14px 30px;
	font-size: 14px;
	letter-spacing: 2px;
	vertical-align: middle;
	color: #999;
	font-weight: 600;
}
#menu-mobile ul.menu li .menulink.menu-phone {
	/*color: #F3B115;*/
	color: #32B5E6;
	font-weight: 800;
}
#menu-mobile ul.menu li .icon {
    color: #32B5E6;
}
#menu-mobile ul.menu li .menulink:hover {
    color:#32B5E6 !important;
}
#menu-mobile ul.menu li .menu-group .menulink {
    display: inline-block;
}
#menu-mobile ul.menu li.has-children .menu-group .menulink {
    padding-right: 0px !important;
}
#menu-mobile ul.menu li .menu-group .menu-drop-link {
    display: inline-block;
	padding: 0 5px;
	position: absolute;
	top: 14px;
	right: 25px;
}
#menu-mobile ul.menu ul li a {
	color: #fff;
	font-size: 14px;
    background-color: #15A0D4;
	border-bottom:1px solid #0891C4;
	padding: 14px 30px 16px;
	text-align: left;
}
#menu-mobile ul.menu ul li a:hover {
    background-color: #87B510;
	color: #fff;
}
body.mobile-menu-active {
    overflow: hidden;
}

/*Jordan CSS*/

.marketing-paragraph {
	font-weight: 300;
    color: #333;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 1px;
}
.section-site-ready .col .marketing-paragraph.talktous {
	color: #37A4D2;
	font-weight: 400;
	font-size: 18px;
	position: relative;
	display: inline-block;
}
.section-site-ready .col .marketing-paragraph.talktous::before {
	position: absolute;
	content: "Talk to us";
	right: -160px;
	padding: 5px 20px;
	border-radius: 3px;
	background-color: #37A4D2;
	color: #FFF;
	top: 50%;
	transform: translateY(-50%);
	animation-name: talkquote-b;
}
.section-site-ready .col .marketing-paragraph.talktous::after {
	position: absolute;
	content: "";
	border: 8px solid transparent;
	border-right-color: #37A4D2;
	top: 50%;
	transform: translateY(-50%);
	right: -36px;
	animation-name: talkquote-a;
}
.section-site-ready .col .marketing-paragraph.talktous::before,
.section-site-ready .col .marketing-paragraph.talktous::after {
	animation-duration: 3s;
	animation-iteration-count: infinite;
}
.head-bussite .coltable .col .h2.sm {
	font-size: 42px;
}
.marketing-video-full {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 45%;
	height: 100%;
}
.pricing-tab {
	position: absolute;
	top: 0px;
	right: 100px;
	background: linear-gradient(30deg, #80b23f, #e8da21);
	padding: 20px;
	padding-top: 90px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align: center;
}
.pricing-tab .h2 {
	color: #FFF;
	font-weight: 400;
}
.pricing-tab span {
	font-weight: 700;
}
.pricing-tab p {
	color: #FFF;
}
.pricing-tab hr {
	background: linear-gradient(to right, rgba(255,255,255,0.0), rgba(255,255,255,0.66), rgba(255,255,255,0.66), rgba(255,255,255,0.0));
}
.soundcloud-bar .top-bar {
	background: linear-gradient(40deg, #E9A728 10%, #D56606);
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	padding: 5px 20px;
}
.soundcloud-bar .bottom-bar {
	background-color: #FFF;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	padding: 8px 20px;
	padding-right: 0px;
}
.soundcloud-bar .top-bar p {
	color: #FFF;
	font-weight: 400;
}
.soundcloud-bar .top-bar span {
	font-size: 36px;
	margin-left: 10px;
	margin-right: 60px;
}
.setup-section img {
	width: 66%;
	display: table;
	margin-left: auto;
}
.sound-cloud-title {
	text-align: right;
}
.no-marg {
	margin: 0px;
}
.soundcloud-bar .top-bar .col:first-child {
	border-right: 1px solid rgba(255,255,255,0.33);
}
.soundcloud-bar .bottom-bar span {
	color: #FFF;
    font-size: 14px;
    background-color: #CCD02C;
    border-radius: 100px;
    padding: 3px;
    margin-right: 5px;
}
.soundcloud-bar .bottom-bar p {
	margin: 0px;
	padding: 15px;
	font-size: 14px;
}
.soundcloud-bar .bottom-bar .col:not(:last-child) {
	border-right: 1px solid #EEE;
}
.soundcloud-bar .bottom-bar .col:last-child p {
	font-size: 16px;
	border-radius: 3px;
	background: linear-gradient(30deg, #eee, #eee);
	margin-left: 15px;
	margin-right: 15px;
	transition: all 0.2s ease-in-out 0s;
	font-weight: 400;
}
.soundcloud-bar .bottom-bar .col:last-child a:hover p {
	background: linear-gradient(30deg, #80b23f, #e8da21);
	color: #FFF;
}
.speech-bubble {
	padding: 30px;
	border-radius: 5px;
	background: linear-gradient(120deg, #ebf7ff ,#c8d8e869);
	margin-bottom: 50px;
	position: absolute;
	top: 0px;
	left: 20px;
	width: 49%;
	animation-name: subtle-bob;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
.speech-bubble::before {
	position: absolute;
	content: '';
	right: -60px;
    bottom: 20px;
    border: 30px solid transparent;
	border-left-color: #c8d8e869;
}
.speech-bubble p {
	margin: 0px;
    font-weight: 400;
    color: #37a4d2ad;
}
.antialiased {
	-webkit-font-smoothing: antialiased;
}
.pos-rel {
	position: relative;
}
.setup-section > .col:first-child {
	padding-right: 60px;
}
.button-bar {
	width: 100%;
	display: table;
}
.button-bar p {
	float: left;
}
.more-info-section {
	/*background: linear-gradient(40deg, #E9A728 10%, #D56606);*/
	background-image: url(images/backgrounds/orange-bg.jpg);
	padding: 100px 0px;
	background-size: cover;
	background-position: center;
}
.more-info-section h2 {
	color: #FFF;
}
.more-info-section .icon-bg img {
	width: 150px;
	border-radius: 5px;
}
.more-info-section .h2 {
	font-weight: 400;
	color: #FFF;
	margin-bottom: 10px;
}
.more-info-section .marketing-paragraph {
	color: #FFF;
	font-weight: 400;
	line-height: 21px;
    letter-spacing: 0px;
}
.more-info-section hr {
	background: linear-gradient(to right, rgba(255,255,255,0.0), rgba(255,255,255,0.66), rgba(255,255,255,0.66), rgba(255,255,255,0.0));
	margin: 20px 0px;
}
.section-examples.antialiased .frame {
	padding-bottom: 0px!important;
}
.package-info-box .icon-bg img:last-child {
	display: none;
}
.package-info-box .col:last-child {
	padding: 0px 40px;
}
.package-info-box:hover {
	box-shadow: inset 800px 0 0 0.01px #35ACE0;
}
.package-info-box {
	mix-blend-mode: hard-light;
	box-shadow: inset 0px 0 0 0.01px #35ACE0;
	transition: 0.4s ease;
	border-radius: 5px;
	padding: 20px;
}
.package-info-box .stencil {
	width: 150px;
	height: 150px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 5px;
	transition: 0.4s ease-in-out;
}
.package-info-box:hover .stencil {
	animation-name: stencil-spin;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
.package-info-box:hover .icon-bg {
	animation-name: stencil-bob;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
.stencil.webpage-stencil {
	background-image: url(images/icons/icon-stencils/icon-webpage-stencil.png);
}
.package-info-box:hover .stencil.webpage-stencil {
	background-image: url(images/icons/icon-webpage.png);
}
.stencil.brand-stencil {
	background-image: url(images/icons/icon-stencils/icon-brand-stencil.png);
}
.package-info-box:hover .stencil.brand-stencil {
	background-image: url(images/icons/icon-brand.png);
}
.stencil.writing-stencil {
	background-image: url(images/icons/icon-stencils/icon-writing-stencil.png);
}
.package-info-box:hover .stencil.writing-stencil {
	background-image: url(images/icons/icon-writing.png);
}
.stencil.social-stencil {
	background-image: url(images/icons/icon-stencils/icon-social-stencil.png);
}
.package-info-box:hover .stencil.social-stencil {
	background-image: url(images/icons/icon-social.png);
}
.stencil.security-stencil {
	background-image: url(images/icons/icon-stencils/icon-security-stencil.png);
}
.package-info-box:hover .stencil.security-stencil {
	background-image: url(images/icons/icon-security.png);
}
.stencil.google-stencil {
	background-image: url(images/icons/icon-stencils/icon-google-stencil.png);
}
.package-info-box:hover .stencil.google-stencil {
	background-image: url(images/icons/icon-google.png);
}
.stencil.plan-stencil {
	background-image: url(images/icons/icon-stencils/icon-plan-stencil.png);
}
.package-info-box:hover .stencil.plan-stencil {
	background-image: url(images/icons/icon-plan.png);
}
.consultancy-wrapper {
	transition: all 0.5s ease-in-out 0s;
	position: relative;
}
.consultancy-wrapper::before {
	background-color: transparent;
	transition: all 0.5s ease-in-out 0s;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.consultancy-wrapper:hover::before {
	background-color: #FFF;
	border-radius: 5px;
}
.consultancy-header {
	padding: 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: linear-gradient(30deg, #80b23f, #e8da21);
	position: relative;
}
.consultancy-header h5 {
	margin: 0px;
}
.consultancy-list {
	background: linear-gradient(120deg, #ebf7ff ,rgba(200,216,232,0.5));
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	transition: all 0.5s ease-in-out 0s;
	position: relative;
}
.consultancy-list li {
	padding: 20px;
	font-weight: 200!important;
	width: 95%;
	display: table;
	margin: 0 auto!important;
}
.consultancy-list li:not(:last-child) {
	border-bottom: 1px solid #b5c91da1;
}
.consultancy-list li::before {
	content: unset!important;
}
.consultancy-list span {
	color: #CCD02C;
    font-size: 18px;
	background-color: #FFF;
	border-radius: 100px;
	width: 17px;
	margin-right: 10px;
}
.consultancy-tbl .col:nth-child(2) .consultancy-header {
	background: linear-gradient(40deg, #E9A728 10%, #D56606);
}
.consultancy-tbl .col:nth-child(2) .consultancy-list span {
	color: #F1961D;
}
.consultancy-tbl .col:nth-child(2) .consultancy-list li {
	border-color: #f1961d8c;
}
/*.consultancy-list li:hover {
	animation-name: horizontal-shake;
	animation-iteration-count: 1;
	animation-duration: 3s;
} -- Disabled by Matt */
.consultancy-wrapper:hover {
	transform: scale(1.125);
	z-index: 20;
}
.matt-col img {
	width: 66%;
	display: table;
	margin-left: auto;
}
.no-bot-pad,
.no-bot-pad .frame {
	padding-bottom: 0px!important;
}
.silbee {
	width: 45%;
	display: table;
	margin-right: auto;
}
.speech-bubble.alt {
	width: 90%;
	position: unset;
	margin-top: 50px;
}
.speech-bubble.alt::before {
	border-left-color: transparent;
	border-bottom-color: #ebf7ff;
	right: unset;
	left: 20px;
	bottom: unset;
	top: -60px;
}

@keyframes horizontal-shake {
	0% {transform: translateX(9px)}
	8% {transform: translateX(-7px)}
	10% {transform: translateX(5px) }
	12% {transform: translateX(-2px) }
	13% {transform: translateX(0px) }
	15% {transform: translateX(-2px) }
	16% {transform: translateX(0px) }
	100% {transform: translateX(0px)}
}
@keyframes subtle-bob {
	0% {transform: translateY(0px);}
	25% {transform: translateY(-5px);}
	50% {transform: translateY(5px);}
	75% {transform: translateY(-5px);}
	100% {transform: translateY(0px);}
}
@keyframes stencil-spin {
	0% {transform: rotate(0deg);}
	25% {transform: rotate(-5deg);}
	50% {transform: rotate(12deg);}
	75% {transform: rotate(-5deg);}
	100% {transform: rotate(0deg);}
}
@keyframes stencil-bob {
	0% {transform: translateY(0px);}
	25% {transform: translateY(-30px);}
	50% {transform: translateY(30px);}
	75% {transform: translateY(-30px);}
	100% {transform: translateY(0px);}
}
@keyframes stencil-bounce {
	0% {transform: translateY(0px)}
	8% {transform: translateY(-35px)}
	10% {transform: translateY(0px) }
	12% {transform: translateY(-10px) }
	13% {transform: translateY(0px) }
	15% {transform: translateY(-2px) }
	16% {transform: translateY(0px) }
	100% {transform: translateY(0px)}
}
@keyframes talkquote-a {
	0% {right: -16px; filter: brightness(1);}
	50% {right: -36px; filter: brightness(1.15);}
	100% {right: -16px; filter: brightness(1);}
}
@keyframes talkquote-b {
	0% {right: -140px; filter: brightness(1);}
	50% {right: -160px; filter: brightness(1.15);}
	100% {right: -140px; filter: brightness(1);}
}



/*#menu-mobile ul.menu > li:nth-child(2)  {filter: hue-rotate(-15deg);}
#menu-mobile ul.menu > li:nth-child(3)  {filter: hue-rotate(-30deg);}
#menu-mobile ul.menu > li:nth-child(4)  {filter: hue-rotate(-45deg);}
#menu-mobile ul.menu > li:nth-child(5)  {filter: hue-rotate(-60deg);}
#menu-mobile ul.menu > li:nth-child(6)  {filter: hue-rotate(-75deg);}
*/

/******_____RESPONSIVE OVERRIDE______*****/
@media screen and (max-width:1920px) {
	.head-service .coltable .col.first {
		text-align: left;
	}
	.section-sitetype .coltable .col.site-business,
	.section-sitetype .coltable .col.site-retail {
		background-size: 1000px auto;
	}
}
@media screen and (max-width:1680px) {
	.frame {
		width:1400px;
	}
	.section-sitetype .coltable .col,
	.section-sitetype .coltable .col.site-retail:hover,
	.section-sitetype .coltable .col.site-business:hover {
		width: 50% !important;
	}
	.section-sitetype .coltable .col:hover img {
		top: -15px;
	}
}
@media screen and (max-width:1480px) {
	.frame {
		width:1200px;
	}
	.probox .col {
		padding: 15px;
	}
	.probox .col .pro-content h3 {
		font-size: 24px;
		letter-spacing: 2px;
	}
	.probox .col .pro-content p {
		font-size: 13px;	
	}
	.timeline .col {
		padding: 18px;	
	}
	
	.btn-gaq {
		margin: 5px 0 5px;
	}
	.btn-gaq .button {
		font-size: 12px;
		letter-spacing: 1px;
		padding: 10px 20px 12px;
		line-height: 18px;
	}
	.btn-gaq .button .far {
		font-size: 16px;
		line-height: 16px;
	}
	.footer .foot-menu {
		padding-top: 30px;	
	}
	
	.service-options .col h3:hover::after {
		opacity: 0.3;
	}
	.service-options .col h3 {
	    padding: 50px;
	}
	.service-options .col .so-bg {
		height: 450px;	
	}
	
	.mobile-background {
		width: 250px;
		height: 540px;
		margin: 0 auto -120px;
	}
}
@media screen and (max-width:1280px) {
	.frame {
		width:100%;
		padding: 0 20px !important;
	}
	.feature-list {
		height: 280px;
	}
	.page-head {
		background-size: cover;
		background-position: left center;
	}
	.head-bussite .coltable .col,
	.head-service .coltable .col{
		vertical-align: middle !important;
	}
	.head-bussite .coltable .col img,
	.head-service .coltable .col img {
		margin: 0;
	}
	
	.service-options .col h3 {
	    padding: 40px;
	}
	.service-options .col .so-bg {
		height: 400px;	
	}
	
	.section-story {
		background-size: auto 800px;	
	}
	.section-story .coltable .col:last-child {
		padding-right: 30px;
	}
	.section-mobile .coltable .col:first-child {
		padding-left: 30px;
	}
	
	.example-img h3, .example-img h5 {
		font-size: 14px;	
	}
	
	.point-char img {
		margin:20px 0 -90px;
	}
}

@media screen and (max-width:1200px) {
	iframe {
		width:100% !important;
	}
	.row-container > .pb-section {
		padding-left: 0px;
		padding-right: 0px;
	}
	.row-container .pb-block > .pb-block-content {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.section-feature.sf-about,
	.section-feature.sf-gift,
	.section-feature.sf-party {
		padding-left: 20px;
		padding-right: 20px;
	}
	.mobi-box {
		padding: 20px;
		box-sizing: border-box;
		border-radius: 20px;
		background-color: rgba(255,255,255,0.8);
		color: #000;
	}
	.mobi-box .h2,
	.mobi-box .h3,
	.mobi-box a,
	.mobi-box p {
		color: #000 !important;
		text-shadow: none !important;
		border-color:#000 !important;
	}
	.section-feature.sf-party,
	.section-feature.sf-about {
		background-position: left top;
	}
	.feat-wrap {
		width: 50%;
	}
	.feature-list {
		height: 400px;
	}
	.probox .col {
		width: 33.333% !important;
	}
	.portalt h1 {
		font-size: 60px;
		line-height: 0.9em;
	}
	
	.footer {
		position: relative;
		padding: 80px 20px 140px;
	}
	.footer > .coltable > .col {
		display: block;
		width: 100%;
	}
	.foot-option {
		padding: 30px 0;
		margin: 0 auto;
	}
	.fit-footer {
		margin: 0 auto;
		padding-bottom: 60px;
	}
	.fit-footer .col {
		padding: 0;
		width: 50%;
		text-align: center;
	}
	.footer .foot-menu {
		padding: 30px 10px 0;
	}
	.footer .foot-menu > li a {
		margin: 0 0 5px;
		border-radius: 5px;
		border: 1px solid rgba(255,255,255,0.3);
	}
	.footer .foot-menu > li a:hover {
		border: 1px solid rgba(186,237,55,0.75) !important;
	}
	
	.copyright {
		text-align: center;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(8,27,58,0.3);
		padding: 22px 25px 18px;
	}
	
	.foot-form {
		display: none !important;
	} 
}

@media screen and (max-width:1180px) {
	.page-head.head-bussite,
	.page-head.head-service{
		padding: 130px 20px 40px; 	
	}
	.head-bussite .coltable .col .h2, .head-bussite .coltable .col h2,
	.head-service .coltable .col .h2, .head-service .coltable .col h2{
		font-size: 40px;
		line-height: 40px;	
	}
	.head-bussite .coltable .col h5,
	.head-service .coltable .col h5 {
		letter-spacing: 1px;
		font-size: 14px;
		margin-bottom: 5px;
	}
	.head-bussite .coltable .col p,
	.head-service .coltable .col p {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 20px;
	}
	.head-bussite .coltable .col p a.button,
	.head-service .coltable .col p a.button {
		padding: 10px 18px 10px;
	}
	.head-bussite a.button.bt-alt
	.head-service a.button.bt-alt,{
    	padding: 12px 22px 12px !important;
	}
}
@media screen and (max-width:1080px) {
	.linetime {
		display: none;
	}
	.timeline .col {
		padding: 25px;
		display: inline-block;
		float: left;
		width: 33.333%;
	}
	.timeline .col .time-text {
		min-height: 180px;	
	}
	.timeline .col .time-icon img {
		padding: 25px;
	}
	.timeline .col .time-icon {
	    max-width: 140px;
	}
	.section-story,
	.section-standout {
		background-size: 1600px auto;	
	}
	
	.so-section {
		padding: 60px 0;	
	}
	.service-options .col h3 {
		padding: 45px;
		background: #32B5E6;
		box-shadow: inset 650px 0 0 0.01px rgba(248,177,5,0.00);
		color: #fff;
		margin: 3px;
	}
	.service-options .col a:nth-child(2) h3 {filter: hue-rotate(-20deg);}
	.service-options .col a:nth-child(3) h3 {filter: hue-rotate(-40deg);}
	.service-options .col a:nth-child(4) h3 {filter: hue-rotate(-60deg);}
	
	.service-options .col a h3:hover {
	    transition: all 0.2s ease-out 0s;
    	box-shadow: inset 650px 0 0 0.01px #F8B105;
	}
	.service-options .col a h3::after {opacity: 0.5; }
	.service-options .col a h3:hover::after {opacity: 1; transition: all 0.2s ease-out 0s;}
	
	.service-options .col.w30 {
		display: table;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}
	.service-options .col.w70 {
		display: none;
	}
	
	.section-story .standout-text h3 {
		margin-bottom: 0;	
		font-weight: 200;
	}
	.section-story .standout-text h1, .section-mobile .standout-text h1 {
		font-size: 45px;
		line-height: 40px;
		margin-bottom: 30px;
		font-weight: 700;
		letter-spacing: -1px;
		text-transform: uppercase;
	}
	.section-story .standout-text p {
		font-size: 14px;
		line-height: 18px;
	}
	
	.example-img {
		width: auto;
		text-align: center;
	}
	.example-img .col {
		display: inline-block;
		width:33% !important;
	}
	
	.section-site-ready h4 {
		letter-spacing: 1px;
	}
	.section-site-ready .coltable .col:first-child {
		padding-right: 50px;
	}
	.section-site-ready .coltable .col:last-child {
		padding-right: 30px;
	}
	.section-site-ready ul.checklist li {
		margin-bottom: 12px;	
	}
	ul.checklist li {
		letter-spacing: 0px;
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 12px;
	}
	ul.checklist li::before {
		top: -1px;	
	}
	
	.frame.post-pad {
		padding: 40px 20px !important;
	}
	.post-wrap .col {
		width: 50% !important;
		display: inline-block;
		float: left;
	}
	.post-podcast .col {
		width: 100% !important;
	}
	
	.portalt {
		/*background-size: auto 500px;
		background-position: top 40% left 10%;*/
		background-position: center;
	}
}
@media screen and (max-width:900px) {
	/*.header	.col-left {
		width: 250px;
	}*/
	.feat-item .feat-text h4 {
		font-size: 20px;	
		line-height: 22px;
	}
	.feat-item .feat-text p {
		font-size: 12px;	
		line-height: 16px;
	}
	.probox .col {
		width: 50% !important;
	}
	.coltable.cir-img .col {
		display: inline-block;
		float: left;
		width: 33.333%;
	}
	.small-frame {
		width: 100%;
		padding: 0 20px;
	}
	.top-textbox .h2, .top-textbox h2 {
		font-size: 35px;
		line-height: 35px;
		letter-spacing: 1px;
		font-weight: 300;
	}
	
	.head-bussite .coltable .col,
	.head-bussite .coltable .col.first,
	.head-bussite .coltable .col.last,
	.head-service .coltable .col,
	.head-service .coltable .col.first,
	.head-service .coltable .col.last{
		display: block;
		width: 100% !important;
		padding: 10px !important;
	}
	.page-head.head-bussite .min-box,
	.page-head.head-service .min-box{
		max-width: 600px;
		margin: 0 auto;
		text-align: center;
	}
	.head-bussite .coltable .col .h2, .head-bussite .coltable .col h2,
	.head-service .coltable .col .h2, .head-service .coltable .col h2{
		font-size: 50px;
		line-height: 50px;	
	}
	.head-bussite .coltable .col p,
	.head-service .coltable .col p{
		margin-bottom: 30px;
	}
	
	.head-bussite .coltable .col.last,
	.head-service .coltable .col.last{
		display: table-header-group;
	}
	.head-bussite .coltable .col img,
	.head-service .coltable .col img{
		display: table;
		max-width: 560px;
		/*margin: 0 auto -80px;*/
		margin: 0 auto;
	}
	.head-service .coltable .col.first{text-align: center !important;}
	.head-service .coltable .col p {margin-bottom: 10px;}
	
	.standout-alt {
		padding: 100px 0 100px;
	}
	.standout-text h1 {
		font-size: 60px;
		line-height: 50px;
		margin: 10px 0 20px;
		text-transform: uppercase;
	}
	.section-story .standout-text p b {
		display: none;
	}
	
	.section-site-ready .mobile-background {
		margin: 30px 0 -60px auto;
		width: 260px;
		height: 550px;	
	}
	
	.row-container > .pb-section.section-pad-5 {
		padding: 40px 10px;
	}
	.pro-blurb {
		padding: 55px 10px !important;
	}
	
	.section-pod {
		padding: 30px 0;
	}
	.section-transcribe {
		padding: 40px 10px;	
	}
	.section-pod .coltable .col {
		display: block;
		width: 100%;
	}
	.section-pod .coltable .col.w40 {
		display: table-footer-group;
		width: 100%;
	}
	.section-pod .coltable .col img {
		display: table;
		margin: 0 auto;
		max-width: 300px;
	}
	.section-pod h1 {
		font-size: 28px;
		line-height: 30px;
		font-weight: 500;
	}
	
	.section-contact {
		padding: 60px 0;
	}
	.con-box .col {
		display: block;
		width: 100% !important;
	}
	.con-box .col .con-text {
		margin: 0 auto;	
	}
	.con-box .col .con-text::after {
		top: auto;
		bottom: -20px;
		right: 50%;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #fff;
		border-bottom: 0px solid transparent;
		transform: translateX(50%);
	}
}
@media screen and (max-width:800px) {
	.h2, h2, .h3, h3 {
		font-size: 22px;
		line-height: 30px;
	}
	.section-feature.sf-gift .h2, .section-feature.sf-party .h2 {
		font-size: 32px;
		line-height: 30px;
		color: #90469b !important;
	}
	.banner h2, .banner .h2,
	.banner h1, .banner .h1 {
		font-size: 24px;
		line-height: 24px;
		margin: 0 0 5px;
	}
	.banner .bt {
		transform: scale(0.6,0.6);
	}
	.section-feature.sf-gift {
		background-size: cover;
	}
	.timeline .col .time-text {
		min-height: 220px;	
	}
	.section-sitetype .coltable .col,
	.section-sitetype .coltable .col.site-retail:hover,
	.section-sitetype .coltable .col.site-business:hover {
		display: block;
		width: 100% !important;
	}
	
	.portalt.page-head {
		min-height: 50vh;
	}
	.portalt.page-head.color-swap {
		min-height: 50vh;
	}
	.portalt .top-textbox {
		padding-top: 0px;
	}
	.portalt .scroll-arrow {
		display: none;
	}
	.portalt h1 {
		font-size: 60px;
	}
	
	.section-story {
		padding: 60px 30px 0; 
		background-size: cover;
		overflow: hidden;
	}
	.section-story .coltable .col {
		display: block;
		width: 100%;
	}
	.section-story .coltable .col:last-child {
		display: table-header-group;
	}
	.section-story .coltable .col img {
		max-width: 420px;
		margin: 30px auto -100px;
	}
	.example-img .col {
		width:49% !important;
	}
	
	.section-site-ready {
		overflow: visible;
	}
	.section-site-ready .coltable .col,
	.section-site-ready .coltable .col:first-child,
	.section-site-ready .coltable .col:last-child {
		padding: 20px !important;
		display: block;
		width: 100%;
	}
	.section-site-ready .coltable .col:first-child {
		display: table-footer-group;
	}
	.section-site-ready .coltable .col:last-child {
		display: table;
		margin: 0 auto;
		width: auto;
	}
	.section-site-ready .mobile-background {
		margin: 50px auto -20px;
		width: 220px;
		height: 500px;
		z-index: 101;
	}
	
	.section-examples {
		padding: 100px 0 40px;	
	}
	#quote .coltable .col {
		display: block;
		width: 100%;
		padding: 20px !important;
	}
	#quote .coltable .col.last {
		padding-top: 50px !important;
	}
	.testimini,
	.quote-box {
		margin: 0 auto;	
	}
	
	.section-contact-map h2 {
		display: none;	
	}
}
@media screen and (max-width:700px) {
	.section-features {
		padding: 40px 0 60px;
	}
	.feat-item {
		border: 1px solid #f3f3f3;	
	}
	.feat-wrap {
		width: 100%;
		float: none;
		display: block;
	}
	.feature-list {
		height: auto;
	}
	.coltable.cir-img .col {
		display: inline-block;
		float: left;
		width: 50% !important;
	}
	
	.header,
	.header.fix-menu {
		padding: 14px 20px;
	}
	.header::before {
		height: 100%;
		opacity: 0.1;
	}
	.header.fix-menu::before {
		height: 100%;
		opacity: 1;
	}
	.header::before,
	.site-logo::after {
		transition: all 0.2s;
	}
	
	.service-options .col h3 {
		padding: 40px;
		font-size: 24px;
	}
	.service-options .col a h3:hover {
		margin-right: 3px;
	}
	
	.section-mobile {
		overflow: hidden;	
		padding: 60px 0;
	}
	.section-mobile .coltable .col {
		display: block;
		width: 100%;
	}
	.section-mobile .coltable .col:first-child {
		padding:0 20px;
	}
	.mobile-background {
		width: 230px;
		height: 510px;
		margin: 60px auto -180px;
	}
	
	.post-item .post-body h3 {
		font-size: 22px;
		letter-spacing: 1px;
		font-weight: 400;
	}
	
	.sat-in a.button {
		display: table;
		margin: 5px auto;
		overflow: hidden !important;
		position: relative;
	}
	
	.section-contact-form {
		padding: 60px 0;		
	}
	
	.faq h3 {
		line-height: 24px;
		padding: 15px 20px;
	}
	.faq .faq-inner {padding: 15px 20px;}
	.faq .faq-inner p {line-height: 22px;}
	
	.testimonial .test-body p {line-height: 22px;}
}
@media screen and (max-width:600px) {
	.logo {
		max-width: 200px;
		min-width: 200px;
	}
	.vid-slider {
		min-height: 500px;	
	}
	.vid-slider .vid-wrap .vid-text h2 {
		font-weight: 200;
		font-size: 35px;
		line-height: 35px;	
		letter-spacing: -2px;
	}
	.vid-slider .vid-wrap .vid-text p {
		font-size: 12px;	
	}
	.vid-slider .vid-wrap .vid-text a.button {
		padding: 12px 22px 12px;
		font-size: 12px;
	}
	.vid-slider .vid-wrap .vid-text a.button.bt-alt {
		padding: 14px 22px 14px;
	}
	
	.footer {
		text-align: center;
		padding: 30px 20px 100px;
	}
	.footer .break {
		margin-left: auto;
		margin-right: auto;
	}
	.section-feature.sf-gift,
	.section-feature.sf-party {
		text-align: center;
	}
	.footer .h4 {
		margin-top: 40px;
	}
	.footer .coltable .col:first-child .h4 {
		margin-top: 0;
	}
	.footer .foot-product-wrap {
		width: 75%;
		margin: 0 auto;
	}
	.fit-footer {
		width: auto;
		min-width: auto;
	}
	.fit-footer .col {
		width: 100%;
		padding-top: 30px;
	}
	
	.section-feature.sf-about {
		background-size: contain;
	}	
	.timeline .col {
		width: 50% !important;
	}
	
	.frame.post-pad p {
	    line-height: 24px;
	}
	.post-pad .col.w40 {
		padding: 20px 10px 0px;
	}
	.portalt h1 {
		font-size: 50px;
	}
	
	.page-head {
		min-height: 60vh;
	}
	.page-head.color-swap {
		min-height: 60vh;
	}
	.top-textbox {
		padding-top: 30px;
	}
	.top-textbox .h2, .top-textbox h2 {
		font-size: 30px;
		line-height: 30px;
		letter-spacing: 1px;
		font-weight: 300;
	}
	.top-textbox .h5, .top-textbox h5 {
		font-size: 12px;
		line-height: 14px;
		margin: 20px 0 10px;
	}
	
	.footer .foot-menu > li a {
		font-size: 14px;	
	}
	
	.page-head.head-bussite,
	.page-head.head-service {
		padding: 110px 20px 40px;
	}
	.head-bussite .coltable .col p a.button,
	.head-service .coltable .col p a.button{
		font-size: 12px;
		letter-spacing: 1px;
	}
	.head-bussite .coltable .col h5,
	.head-service .coltable .col h5{
		color: #7BDBFF;
		font-size: 12px;
		font-weight: 600;
	}
	.head-bussite .coltable .col .h2, .head-bussite .coltable .col h2,
	.head-service .coltable .col .h2, .head-service .coltable .col h2{
		font-size: 44px;
		line-height: 40px;
		font-weight: 800;
		letter-spacing: -1px;
		text-transform: uppercase;
		margin: 20px 0;
	}
	
	.h2-alt {
		font-size: 22px;
		line-height: 22px;
	}
	.section-examples {
		padding: 60px 0;	
	}
	.example-img {
		width: 100%;
		margin: 0 0 40px;
		
	}
	.example-img .col {
		display: block;
		width:100% !important;
	}
	.example-img .exi {
		padding: 30px 10px;
		max-width: 250px;
		display: table;
		margin: 0 auto;
	}
	.example-img .exi img {
		padding: 10px;	
		min-width: 180px;
	}
	.example-img h3, .example-img h5 {
		margin: 0 0 10px;	
	}
	
	.post-wrap .col {
		width: 100% !important;
		display: block;
		float: none;
	}
	.post-item .post-body h3 {
		font-size: 30px;
		font-weight: 300;
	}
	
	.top-textbox .breadcrumb, .page-head .breadcrumb {
		font-size: 10px;
		letter-spacing: 0px;
		padding-top: 10px;
	}
	
	.help-all {
		border-radius: 10px;
		overflow: hidden;
		padding: 0;
	}
	.help-all .col {
		display: block;
		width: 100%;
	}
	.help-all .help-img p {
    	width: 100%;
    	height: 100px;
		border-radius: 0;
	}
	.help-all .help-text {
    	width: 100%;
		padding: 30px;
	}
	
	.profile-vid .vid-slider .vid-wrap .vid-text h2 {
		font-size: 44px;
		line-height: 40px;
	}
	.profile-vid .vid-slider .vid-wrap .vid-text h2 strong {
		display: block;
		font-size: 50px;
	}
	.profile-vid .vid-slider .vid-wrap .vid-text p {
		font-size: 14px;
		line-height: 18px;
	}
	.pro-blurb p {
		line-height: 22px;
	}
	ul.spec-list li {
		display: block;	
	}
}
@media screen and (max-width:580px) {
	.header .coltable .col {
		display: table-cell !important;
		width: auto !important;
	}	
	.feat-wrap {
		padding: 10px 0px;
	}
	.probox .col {
		display: block;
		width: 100% !important;
	}
	.section-features {
		padding: 40px 0 100px;
	}
	.testimini h3 {
		font-size: 24px;
		letter-spacing: 1px;
		line-height: 24px;
		margin-bottom: 15px;
		font-weight: 500;
	}
	.testimini {
		width: 100%;
		max-width: 350px;
	}
	
	.section-contact-form .form-block .field select {
		font-size: 12px;	
	}
	
	.pagination > li:first-child > a, .pagination > li:first-child > span, 
	.pagination > li:last-child > a, .pagination > li:last-child > span {
		top: 2px;	
	}
	.pagination > li:first-child, 
	.pagination > li:last-child {
		display: table;
		margin: 6px auto;
	}
	.post-podcast .post-item p.title a {
		font-size: 16px;
		line-height: 18px;
	}
	
	.section-pod .coltable .col {
		padding: 15px;
	}
}
@media screen and (max-width:480px) {
	.timeline .col {
		width: 100% !important;
		padding: 40px 30px;
	}	
	.timeline .col .time-text {
		min-height: auto;	
	}
	.coltable.cir-img .col {
		padding: 10px;
	}
	
	.feat-wrap::after {bottom: -5px;}
	.feat-wrap:hover::after {bottom: -10px;}
	
	
	.section-mobile {
		overflow: visible;	
	}
	.mobile-background {
		width: 160px;
		height: 320px;
		margin: 60px auto -75px;
		border-radius: 10px;
		z-index: 99;
	}
	.mobile-foreground {
		top: -10px;
		left: -10px;
		right: -10px;
		bottom: -10px;
	}
	.section-site-ready .mobile-background {
		margin: 40px auto -15px;
		width: 185px;
		height: 380px;
	}
	
	#quote .coltable .col {
		padding: 0 !important;	
	}
	.quote-box .form-block .field {
		padding: 0 20px !important;
	}
	.testimini {
		width: 100%;
		max-width: 250px;
	}
	
	.post-item .post-body h3 {
		font-size: 22px;
		letter-spacing: 1px;
		font-weight: 400;
	}
	.post-wrap .col {
		padding: 10px;
		position: relative;
		z-index: 10;
	}
	.post-item .post-body {
		padding: 0px 10px 30px;
	}
	.post-item .post-image {
		padding: 10px 10px 0;	
	}
}
@media screen and (max-width:450px) {
	.post-podcast .col {
		position: relative;
	}
	.post-podcast .post-item {
		overflow: visible;
		height: auto;
	}
	.post-podcast .post-item .pod-image {
		position: absolute;
		height: 50px;
		width: 50px;
		top: 50%;
		left: -10px;
		border-radius: 5px;
		overflow: hidden;
		transform: translateY(-50%);
		z-index: 11;
	}
	.post-podcast .post-item .pod-image a::after { 
		border-width: 12px;
		border-left-width: 20px;
		border-right-width: 0px;
	}
	.post-podcast .post-item .inner {
		display: block;
		padding-left: 60px;
	}
}



/***XXX  Section Override Mobile  XXX***/
@media screen and (max-width:1200px) {
	.section-examples.se-reverse {
		box-shadow: inset -9999px 0 0 rgba(0,90,176,0.35);
		background: linear-gradient(217deg, rgba(38,234,228,0.80), rgba(51,225,198,0.00) 70.71%),
      linear-gradient(127deg, rgba(12,183,226,0.80), rgba(115,180,255,0.00) 70.71%),
      linear-gradient(336deg, rgba(0,139,255,0.80), rgba(21,242,252,0.00) 70.71%);
	}
	
	.section-sitetype .coltable .col a.button {
		display: none;
	}
}
@media screen and (max-width:1000px) {
	.section-about .coltable .col {
		display: block;
		width: 100%;
	}	
	.section-expad {
		padding: 80px 20px;
	}
	
	.section-sitetype .coltable .col h2 {
		font-weight: 300;
		font-size: 45px;
		line-height: 45px;
	}
	.section-sitetype .coltable .col p {
		font-size: 16px;
		margin: 0;
	}
	.section-sitetype .coltable .col:hover img {
		top: -10px;
	}
	.section-sitetype .coltable .col img {
		margin: -85px 0 50px;
	}
	.section-sitetype .coltable .col h2 {
		font-weight: 300;
		font-size: 40px;
		line-height: 40px;
	}
	
	.col-expad .col:first-child,
	.col-expad .col:last-child {
		padding: 40px !important;
	}
}

@media screen and (max-width:800px) {
	.section-sitetype .coltable .col:hover img {
		top: 0px;
	}
	.head-space {
		background-size: 1200px auto;
	}
}

@media screen and (max-width:700px) {
	
	.head-space {
		height: 74px;
	}
	.section-about {padding: 50px 0;}
	.section-about .col p {text-align: left;}
	.section-about .coltable .col {padding: 30px;}
	.section-about .col p.quote {padding: 0; font-size: 22px;line-height: 30px; font-weight: 400;}
	
	.section-timeline {	padding: 60px 0 20px;}
	.timeline .col:nth-child(2),
	.timeline .col:nth-child(3),
	.timeline .col:nth-child(4),
	.timeline .col:nth-child(5),
	.timeline .col:nth-child(6),
	.timeline .col:nth-child(7) {
		transition:all 0s ease 0s !important;
	}	
	
	.col-expad .col:first-child,
	.col-expad .col:last-child {
		padding: 40px 20px !important;
		display: block;
		width: 100%;
	}
}

@media screen and (max-width:600px) {
	
	.section-call {padding: 25px 0;}
	.section-call .h1 {font-size: 38px;}
	.section-call .h1 b {display: block;}
	
	.section-sitetype .coltable .col {
	    transition: all 0.1s ease 0s !important;
		padding: 60px 30px 60px;
	}
	.section-sitetype .coltable .col.site-business {
		box-shadow: inset 0 -999px 0 rgba(225,124,10,0.60);	
	}
	.section-sitetype .coltable .col.site-retail {
		box-shadow: inset 0 -999px 0 rgba(51,168,211,0.50);	
	}
	.section-sitetype .col.site-business::after, .section-sitetype .col.site-retail::after {
		opacity: 0.4;	
	}
	
	.section-site-ready.hb-plain .col:first-child img {
		padding-bottom: 30px;
	}
	
	.default-text h2 {
		font-size: 30px;
		line-height: 30px;
		margin: 20px 0 0;
	}
}