/******************
****  FONTS & COLOURS
****

font-family: 'Source Sans Pro', sans-serif;
font-family: 'Vampiro One', cursive;

NAVY BLUE TEXT: #0e2f5b
NAVY BLUE: #092346
LIGHT BLUE: #81bfeb
YELLOW: #fbb32b
PEACH: #f69679
OFF WHITE: #bbc1ce
SOFT BLACK: #363636

******************/

html {
	min-height: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 62.5%;
}
@media (max-width : 767px) {
	html {
		font-size: 56%;
	}
}
body {
	min-height: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.6rem;
	color: #363636;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.align-center {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.align-left {
	float: left;
}
.align-right {
	float: right;
}
#header:after,  
#footer:after,  
#content:after,  
#nav:after,  
.section:after,  
.article:after,  
.block:after {
	content: '.';
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

/******************
CONTAINER STYLES
**/

.sct-mrg-30-60 {
	margin: 30px 60px;
}
.sct-mrg-30-00 {
	margin: 30px 0px;
}
.sct-pad-120-60 {
	padding: 120px 60px;
}
.block-50-50 {
	position: relative;
}
.block-50-50 .block {
	width: 50%;
	float: left;
}
section.row-layout:last-of-type .scroller {
	display: none;
}

/******************
****  HEADER STYLES
****
******************/
.header-button {
	position: absolute;
    top: 50%;
    height: 32px;
    margin-top: -11px;
    z-index: 999;
}
.header-button-left {
	left: 15px;
}
.header-button-right {
	right: 15px;
}
.header-button button {
    border: none;
    width: 30px;
    height: 30px;
    background: none;
    font-size: 2.2rem;
	color: #fff;
}
.icon-bar {
    width: 25px;
    height: 2px;
    background-color: #fff;
    display: block;
    margin: 6px 0px;
}
.logo {
	max-width: 130px;
	height: auto;
	display: inline-block;
}

@media (max-width : 767px) {
	.logo {
		display: block;
	}
}


/******************
****  HEADER NAVIGATION STYLES
****
******************/
#header {
	padding: 30px 35px;
	background-color: #092346;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 998;
}
.home #header {
	background-color: transparent;
}
header nav {
	display: inline-block;
	float: right;
}
header nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
header nav ul.menu {
	
}
header nav ul.menu > li {
	display: inline-block;
	position: relative;
}
header nav ul.menu > li > a {
	display: block;
	padding: 13px 20px 5px 20px;
	font-weight: 600;
	font-size: 1.4rem;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
}
header nav ul.menu > li > a:hover,
header nav ul.menu > li.current_page_item a {
	color: #fbb32b;
}


header nav ul.menu ul {
    visibility: hidden;
	opacity: 0;
    position: absolute;
    top: 38px;
    left: 0;
    background-color: #f6f6f6;
    border: 1px solid #eee;
    box-shadow: 1px 4px 7px -2px #222;
    min-width: 250px;
	z-index: 999;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
header nav ul.menu > li:hover > ul {
    visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
header nav ul.menu ul li a {
	display: block;
	border-bottom: 1px solid #eee;
	white-space: nowrap;
	padding: 8px 15px;
}
header nav ul.menu ul li a:hover {
	background-color: #fbfbfb;
}


#mobile-menu {
    background-color: rgba(9, 35, 70, 0.95);
    position: fixed;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
    z-index: 999;
	display: none;
}
#mobile-menu.active {
	display: block;
}
.tx-menu-close {
	position: absolute;
    border: 0px;
    background-color: transparent;
    width: 25px;
    height: 25px;
    padding: 0px 0px;
    top: 30px;
    right: 30px;
}
.tx-menu-close .path1 {
    fill: white;
}
#mobile-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#mobile-menu ul a {
	display: block;
    padding: 10px;
    font-weight: 600;
    font-size: 2rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#mobile-menu ul a:hover,
#mobile-menu ul > li.current_page_item a{
	color: #fbb32b;
}
.mobile-social-icons {
    margin: 30px 0;
}
.mobile-social-icons a:hover {
    color: #fbb32b;
}

/******************
****  TEXT STYLES
****
******************/

h1, .h1 {
	font-size: 3rem;
	font-weight: 600;
	margin: 40px 0 20px;
	line-height: 1.3;
	color: #0e2f5b;
}
h2, .h2 {
	font-size: 3rem;
	font-weight: 600;
	margin: 40px 0px 20px 0px;
	line-height: 1.3;
	color: #0e2f5b;
}
h3, .h3 {
	font-size: 1.8rem;
	font-weight: 600;
	margin: 40px 0px 15px 0px;
	line-height: 1.3;
	color: #0e2f5b;
}
h4, .h4 {
	font-size: 1.4rem;
	font-weight: 600;
	margin: 20px 0px 10px 0px;
	color: #0e2f5b;
	letter-spacing: 1.5px;
	line-height: 1.3;
}
h5, .h5 {
	font-size: 1.6rem;
    font-weight: 700;
    margin: 50px 0px 20px 0px;
    text-transform: uppercase;
    letter-spacing: 1.7px;
}

h4 + h1, h4 + h2, .h4 + h1, .h4 + h2 {
	margin-top: 0px;
}
.font-vampiro {
	font-family: 'Vampiro One', cursive;
	font-weight: 400;
}

p {
	font-size: 1.6rem;
	font-weight: 400;
	margin: 15px 0px;
	line-height: 1.5;
}
p strong,
p b {
	font-weight: 600;
}
a {
	/*color: #e6b641;*/
	text-decoration: none;
	cursor: pointer;
}
a,
a:hover,
button,
button:hover,
a i,
button i,
.animate,
.animate:hover,
input[type=submit],
input[type=submit]:hover {
	-webkit-transition: all 0.4s cubic-bezier(.38,.11,0,.95);
    -moz-transition: all 0.4s cubic-bezier(.38,.11,0,.95);
    -ms-transition: all 0.4s cubic-bezier(.38,.11,0,.95);
    -o-transition: all 0.4s cubic-bezier(.38,.11,0,.95);
    transition: all 0.4s cubic-bezier(.38,.11,0,.95);
}
a:hover,
a:focus {
	color: #32a0fd;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}
button {
	font-family: 'Source Sans Pro', sans-serif;
	cursor: pointer;
}
button:focus,
button:active {
	outline: none;
}
img {
	display: inline-block;
	max-width: 100%;
	height: auto
}
blockquote {
    padding: 0px;
    margin: 20px 0px;
    font-size: 1.6rem;
    border: none;
	text-align: center;
}
blockquote p {
	font-style: italic;
	font-size: 2.4rem;
	line-height: 1.7;
}
blockquote footer {
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 1.5;
}
.btn {
	border-radius: 4px;
    font-size: 1.4rem;
    border: none;
    padding: 15px 45px;
    font-weight: 600;
    letter-spacing: 1.5px;
}
.btn-primary {
	background-color: #6ab3fd;
}
.btn-primary:hover,
.btn-primary:focus {
	background-color: #208ce6;
}
.btn-custom-pinline-blue {
	border: 2px solid #092346;
	background-color: transparent;
}
.btn-custom-pinline-blue:hover {
	background-color: #092346;
	color: #fff;
}
.btn-custom-pinline-peach {
	border: 2px solid #f69679;
	background-color: transparent;
	color: #f69679;
	font-size: 1.4rem;
	text-transform: uppercase;
}
.btn-custom-pinline-peach:hover {
	background-color: #f69679;
	color: #fff;
}
.btn-custom-pinline-yellow {
	border: 2px solid #fbb32b;
	background-color: transparent;
	color: #fbb32b;
	font-size: 1.4rem;
	text-transform: uppercase;
}
.btn-custom-pinline-yellow:hover {
	background-color: #fbb32b;
	color: #fff;
}
.btn-custom-pinline-lblue {
	border: 2px solid #81bfeb;
	background-color: transparent;
	color: #81bfeb;
	font-size: 1.4rem;
	text-transform: uppercase;
}
.btn-custom-pinline-lblue:hover {
	color: #fff;
	background-color: #81bfeb;
}
.btn-custom-lblue {
	border: 2px solid #81bfeb;
	background-color: #81bfeb;
	color: #092346;
	font-size: 1.4rem;
	text-transform: uppercase;
}
.btn-custom-lblue:hover {
	color: #fff;
}
.btn-custom-blue {
	border: 2px solid #092346;
	background-color: #092346;
	color: #fff;
	font-size: 1.4rem;
	text-transform: uppercase;
}
.btn-custom-blue:hover {
	background-color: #02122c;
	border-color: #02122c;
	color: #fff;
}
.btn .lnr {
	font-size: 1.6rem;
}
.btn-label {
	font-size: 1.4rem;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 20px;
    text-transform: uppercase;
    border: none;
    font-family: 'Source Sans Pro', sans-serif;
}
.btn-label-lblue {
	background-color: #81bfeb;
	color: #092346;
}

.text-white {
	color: #fff;
}
.text-light-blue {
	color: #32a0fd;
}
.text-blue {
	color: #0e2f5b;
}
.text-light-grey {
	color: #b7b7b7;
}
.text-yellow {
	color: #fbb32b;
}

/******************
ANIMATIONS
**/

.animate-up {
	transform: translateY(100px);
	opacity: 0;
}
.animate-stagger > div {
	opacity: 0;
	transform: translateY(30px);
}
.animate-up.in-view,
.animate-stagger > div.in-view{
	transform: translateY(0px);
	opacity: 1;
}
.animate-delay-10 {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.animate-delay-15 {
	-webkit-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	-ms-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.animate-delay-20 {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

/******************
CUSTOM CLASSES
**/

.vertical-block {
	text-align: center;
	white-space: nowrap;
}
.vertical-block:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; 
}
.vertical-item {
	display: inline-block;
	vertical-align: middle;
}
.content-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.content-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.row-max-single {
	max-width: 768px;
	margin: auto;
}
.block-table {
	display: table;
	width: 100%;
}
.block-cell {
	display: table-cell;
	vertical-align: middle;
}
.block-cta {
    padding: 20px 30px;
	margin: 40px 0px;
	background: #e1e8ee; /* Old browsers */
	background: -moz-linear-gradient(top, #e1e8ee 0%, #c9ced6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e1e8ee 0%,#c9ced6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e1e8ee 0%,#c9ced6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e8ee', endColorstr='#c9ced6',GradientType=0 ); /* IE6-9 */
	border: 1px solid #c9ced6;
	border-radius: 20px;
	-webkit-box-shadow: 0px 20px 25px -20px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 20px 25px -20px rgba(0,0,0,0.75);
	box-shadow: 0px 20px 25px -20px rgba(0,0,0,0.75);
}

@media (max-width : 767px) {
	.block-cell {
		display: block;
		margin: 15px 0px;
		text-align: center!important;
		width: 100%!important;
	}
}

/******************
****  LAYOUTS : MASTER
****
******************/
main {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow-x: hidden;
	overflow-y: scroll;
    z-index: 1;
}
section.row-layout {
    position: relative;
}
section.row-bg-light {
	background-color: #fff;
}
section.row-bg-dark {
	background-color: #052146;
	color: #fff;
}
@media screen and (min-width : 1200px) {
	.container-lg {
		max-width: 1300px !important;
		width: 100% !important;
	}
}
.row-table, .col-tablecell {
    min-height: 100vh;
    background-size: cover;
    background-position: center center;
}
.row-table-80,
.row-table-80 .col-tablecell {
	min-height: 600px !important;
}
.row-table-60,
.row-table-60 .col-tablecell {
	min-height: 600px !important;
}
.col-tablecell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.section-layout {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
}
.cell-align-top {
    align-self: flex-start;
}
.cell-align-btm {
    align-self: flex-end;
}

.lp-top {
	padding: 40px 0px 0px 0px;
}
.lp-bottom {
	padding: 0px 0px 40px 0px;
}
.lp-both {
	padding: 40px 0px;
}
.lp-none {
	padding: 0px;
}
.lc-full {
	padding-left: 20px;
	padding-right: 20px;
}
.lc-dark {
	color: #fff !important;
}

.cell-margin-lg,
.cell-margin-sm {
	width: 100%;
}
.cell-margin-lg {
    padding: 80px 65px;
}
.cell-margin-sm {
	padding: 80px 45px;
}
.cell-align-top {
	align-self: flex-start;
}
.cell-align-btm {
	align-self: flex-end;
}
.cell-order-1 {
	order: 1;
}
.cell-order-2 {
	order: 2;
}
.cell-order-3 {
	order: 3;
}

@media (max-width : 767px) {
	.row-table, 
	.col-tablecell {
		height: auto !important;
		min-height: 100vh !important;
	}
	.cell-margin-sm,
	.cell-margin-lg {
		padding: 40px 30px 80px;
	}
}

/******************
****  SECTIONS
****
******************/

.section-hero {
	background-color: #092346 !important;
	z-index: -2;
}
.section-hero h2 {
	font-family: 'Vampiro One', cursive;
	font-weight: normal;
	color: #fff;
	font-size: 6rem;
	margin: 0px;
}
.section-hero h3 {
	color: #fbb32b;
	font-size: 2rem;
	font-weight: 400;
	letter-spacing: 3px;
	margin: 0px;
}
.section-hero h4 {
	color: #fff;
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: 0.5px;
}
.section-hero h4 i {
	color: #fff;
	font-size: 2rem;
}
.scroller {
    position: absolute;
    bottom: 40px;
    width: 60px;
    height: 60px;
    background-color: #fff;
    z-index: 999;
    left: 50%;
    border: none;
    margin-left: -40px;
    border-radius: 50%;
    opacity: 0.5;
    color: #092346;
    font-size: 3rem;
	padding: 0;
	text-align: center;
}
.scroller:hover,
.scroller:active {
    width: 70px;
    height: 70px;
    margin-left: -45px;
    opacity: 1;
}

.bg-blue {
	background-color: #092346;
	color: #fff;
}
.bg-blue h3 {
	color: #81bfeb;
}
.label {
	padding: 10px 35px;
	border-radius: 20px;
	font-size: 1.4rem;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	margin: 20px auto;
}
.label-light-blue {
	color: #fff;
	background-color: #81bfeb;
}
.box-icon {
    margin-top: 20px;
    margin-bottom: 20px;
	text-align: center;
}
.box-icon-img {
	width: 100px;
    height: 100px;
    padding: 15px;
    margin: auto;
	position: relative;
	top: 0;
}
.box-icon-img-lg {
	max-width: 200px;
	margin: auto;
}

.box-icon:hover .box-icon-img {
	top: -10px;
}



/******************
****  PAGE: HOME
****
******************/

video#bgvid,
.poster { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    transform: translateX(-50%) translateY(-50%);
 	background: url('../images/home-hero-02.jpg') no-repeat;
 	background-size: cover;
  	transition: 1s opacity;
	opacity: 0.08;
}
#home-hero {
	z-index: -2;
}
#home-hero h2 {
	margin: 20px 0px 0px 0px;
}

.indicator {
	display: block;
    border-top: 2px solid;
    position: relative;
}
#box-new-ecommerce .indicator {
    border-top-color: #f69679;
}
#box-experienced-ecommerce .indicator {
    border-top-color: #6ab3fd;
}
.indicator:after {
	content: '';
    border: 8px solid transparent;
    position: absolute;
	top: 0;
	left: 50%;
	margin-left: -4px;
}
#box-new-ecommerce .indicator:after {
	border-top-color: #f69679;
}
#box-experienced-ecommerce .indicator:after {
	border-top-color: #6ab3fd;
}

.home-reach-img {
    position: absolute;
    bottom: -87px;
}
@media screen and (min-width : 768px) and (max-width : 991px) {
	.home-reach-img {
		position: absolute;
		bottom: -60px;
		width: 210%;
	}
}
@media screen and (max-width : 767px) {
	.home-reach-img {
		position: relative; 
		bottom: -53px;
	}
}


#home-about {
	padding-bottom: 120px !important;
}
.home-about-img {
	position: absolute;
	width: 100%;
	right: 0px;
	top: 0px;
}
@media screen and (min-width : 1200px) {
	.home-about-img {
		width: 130%;
		right: -90px;
		top: -20px;
	}
}
@media screen and (min-width : 992px) and (max-width : 1199px) {
	#home-about {
		padding-bottom: 50px !important;
	}
	.home-about-img {
		width: 150%;
		right: -90px;
		top: -20px;
	}
}
@media screen and (max-width : 991px) {
	.home-about-img {
		position: relative;
		right: 30px;
	}
}
@media screen and (max-width : 767px) {
	#home-about {
		padding-bottom: 0px !important;
	}
}

.footer-cta {
	display: table;
	width: 100%;
	padding: 160px 0px;
	background: url(../images/bg-palms-01.jpg) 50% 0% no-repeat;
	background-color: #6ab3fd;
	background-size: cover;
	background-attachment: fixed;
	overflow: hidden;
}
.contact-cta {
	display: table;
	width: 100%;
	padding: 160px 0px;
	overflow: hidden;
	background-image: url(../images/bg-mountains-01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.footer-cta-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.footer-cta-start {
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
}
.footer-cta-finish {
	visibility: hidden;
	opacity: 0;
	height: 0;
	transform: translateY(30px);
}
.active .footer-cta-start {
	visibility: hidden;
	opacity: 0;
	height: 0;
	transform: translateY(-30px);
}
.active .footer-cta-finish {
	visibility: visible;
	opacity: 1;
	height: auto;
	transform: translateY(0px);
}
.footer-cta a.text-blue:hover {
	color: #fff;
}

.tx-form-close {
	width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    color: #fff;
}
.tx-form-close svg {
	fill: #fff;
}

/****************
PAGE : NEW 
**/

.takingoff-img {
    position: absolute;
    bottom: -60px;
}
@media screen and (min-width : 768px) and (max-width : 991px) {
	.takingoff-img {
		position: absolute;
		bottom: -60px;
		width: 210%;
	}
}
@media screen and (min-width : 576px) and (max-width : 767px) {
	.takingoff-img {
		position: absolute;
		bottom: -60px;
		left: -80px;
		width: 600%;
	}
}

/****************
PAGE : EXPREIENCED 
**/

.background-palms {
	display: table;
	width: 100%;
	background: url(../images/bg-palms-01.jpg) 50% 0% no-repeat;
	background-color: #6ab3fd;
	background-size: cover;
	background-attachment: fixed;
}
.benefit-img {
	margin-top: -40px;
    margin-bottom: -90px;
    position: relative;
    z-index: 99;
}

.app-logos > div {
	margin: 15px 0px;
}
.article-portfolio {
    position: relative;
    margin-bottom: -110px;
	z-index: 999;
	max-width: 1600px;
    width: 100%;
    margin: 0 auto;
}
.article-portfolio.in-view {
	-webkit-transform: translateY(-16%) !important;
	-moz-transform: translateY(-16%) !important;
	-ms-transform: translateY(-16%) !important;
	-o-transform: translateY(-16%) !important;
	transform: translateY(-16%) !important;
}
.dominate-img {
    margin-top: -40px;
    margin-bottom: -57px;
    position: relative;
    z-index: 99;
}
@media screen and (max-width : 767px) {
	.dominate-img {
		margin-top: -20px;
		margin-bottom: -54px;
		position: relative;
		z-index: 99;
	}
}

/****************
PAGE : PROJECTS 
**/
#project-hero {
	padding-bottom: 80px;
}
#portfolio-hero {
	padding-bottom: 160px;
}
.project-portfolio {
    position: relative;
    margin-bottom: -110px;
	z-index: 999;
    width: 100%;
    margin: 60px auto 0;
}
.project-portfolio .owl-slide {
    text-align: center;
}
.project-portfolio .owl-slide img {
    max-width: 100% !important;
	height: auto;
	width: auto;
	display: inline-block;
}
.gallery-carousel-controls > div {
	position: absolute;
	top: 40%;
	width: 46px;
    height: 46px;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    text-indent: -999em;
    opacity: 0.4;
	transform: rotate(45deg);
	z-index: 999;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.gallery-carousel-controls > div.owl-prev {
	left: -50px;
	border-left: 1px solid #0e2f5b;
	border-bottom: 1px solid #0e2f5b;
}
.gallery-carousel-controls > div.owl-next {
	right: -50px;
	border-right: 1px solid #0e2f5b;
	border-top: 1px solid #0e2f5b;
}
.gallery-carousel-controls > div:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.owl-dots {
	text-align: center;
	display: none;
}
.owl-dot {
    display: inline-block;
	margin: 3px;
}
.owl-dot span {
    width: 10px;
    height: 10px;
    background-color: #0e2f5b;
	opacity: 0.4;
    display: block;
    border-radius: 50%;
}
.owl-dot.active span {
	opacity: 1;
}

.portfolio-grid {
	margin-top: -180px;
}
.portfolio-item {
	position: relative;
	height: 360px;
	text-align: center;
	background-color: #092346;
	margin-bottom: 30px;
}
.portfolio-item-img {
	background: url(../images/portfolio-fl-thumb.jpg) 50% 50% no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	opacity: 1;
}
.portfolio-item-text {
	opacity: 0;
}
.portfolio-sub {
	font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 1.5px;
	color: #fff;
}
.portfolio-title {
	font-size: 2.4rem;
    font-weight: 600;
	margin-bottom: 20px;
	color: #fff;
}
.portfolio-item:hover .portfolio-item-text {
	opacity: 1;
}
.portfolio-item:hover .portfolio-item-img {
	opacity: 0.2;
}

.single-portfolio {
	margin-top: -360px;
	margin-bottom: -150px;
}
.portfolio-main {
	z-index: 99;
}
.portfolio-footer {
	padding-top: 100px;
}
@media screen and (min-width : 768px) and (max-width : 991px) {
	#portfolio-hero {
		padding-top: 40px;
	}
	.single-portfolio {
		margin-top: -310px;
		margin-bottom: -120px;
	}
}
@media screen and (min-width : 578px) and (max-width : 767px) {
	#portfolio-hero {
		padding-top: 40px;
	}
	.single-portfolio {
		margin-top: -230px;
		margin-bottom: -100px;
	}
}
@media screen and (max-width : 767px) {
	.portfolio-item .portfolio-item-text {
		opacity: 1;
	}
	.portfolio-item .portfolio-item-img {
		opacity: 0.2;
	}
	.single-portfolio {
		margin-top: -160px;
		margin-bottom: -150px;
	}
	#portfolio-hero {
		padding-bottom: 0;
	}
}

/****************

GROWTH 

****************/

@media screen and (min-width : 1200px) {
	.growth-profit-img {
		width: 110%;
		margin: -30px 0 -40px -90px;
	}
}
@media screen and (min-width : 992px) and (max-width : 1199px) {
	.growth-profit-img {
		width: 130%;
		margin: -30px 0 -40px -90px;
	}
}

/****************

FOOTER 

****************/

#footer {
	margin-left: 0px !important;
	margin-right: 0px !important;
	overflow: hidden;
	color: #fff;
}
#sct-footer-top {
	background-color: #092346;
	padding: 60px 0px;
}
#sct-footer-btm {
	background-color: #071d3c;
	padding: 10px 0px;
}
.social-icons {
    text-align: right;
}
a.social-icon {
    font-size: 2.4rem;
    color: #fff;
    margin: 0px 12px;
}
footer p {
	color: #fff;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #fbb32b;
}
#footer ul.menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#footer ul.menu li {
	margin: 0px;
	padding: 0px;
}
#footer ul.menu li a {
	display: block;
	padding: 10px 0px;
}
ul#footer-contact-details {
	padding: 0px;
	margin: 0px 0px 0px 40px;
	list-style: none;
}
ul#footer-contact-details li {
	position: relative;
	padding: 5px 0px;
}
ul#footer-contact-details li i {
	position: absolute;
	top: 5px;
	left: -30px;
}
.copyright {
	margin: 25px 0px;
    font-size: 1.2rem;
    text-transform: uppercase;
}

@media (max-width : 767px) {
	#footer ul.menu li {
		margin: 0px;
		padding: 0px;
		text-align: center;
	}
	ul#footer-contact-details {
		padding: 0px;
		margin: 30px 0px 0px;
		list-style: none;
		clear: both;
	}
	ul#footer-contact-details li {
		text-align: center;
	}
	ul#footer-contact-details li i {
		position: relative;
		top: 0px;
		left: 0px;
		margin-right: 5px;
	}
	.copyright {
		text-align: center;
	}
	.social-icons {
		text-align: center;
	}
}


/****************

FORMS 

****************/

.gform_wrapper {
	text-align: left;
}
.gform_body ul {
	padding: 0 !important;
}
.gform_wrapper {
	margin: 0 0 20px;
}
.gform_wrapper ul {
	list-style: none;
	margin-left: 0;
}
.gform_wrapper form {
	margin-bottom: 0;
}
.gfield_radio input,  .gfield_checkbox input {
	vertical-align: 0;
}
.gfield_radio label,  .gfield_checkbox label {
	display: inline-block;
	margin-left: 8px;
}
.gform_description {
	margin-bottom: 15px;
	display: block;
}
.gform_wrapper .gfield_required {
    color: #0e2f5b;
    padding-left: 1px;
}
.gform_wrapper .validation_message {
	display: none;
}
.validation_error,  #gforms_confirmation_message {
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	color: #0e2f5b;
	border: 1px solid #f69c88;
	background-color: #f69c88;
	font-size: 1.2rem;
	text-align: center;
}
.validation_error, 
.gfield_error.gfield {
	border: 1px solid #f69c88 !important;
	background-color: #f69c88;
}
.gfield_error label {
	color: #0e2f5b !important;
	opacity: 1;
}
.ginput_left {
	width: 48%;
	margin-right: 2%;
	float: left;
}
.ginput_right {
	width: 50%;
	float: left;
}
.ginput_left label,  .ginput_right label {
	font-size: 0.8rem;
}

.gfield {
	border: 1px solid #0e2f5b;
	padding: 0px 15px;
	margin-bottom: 10px; 
}
.gfield_label {
	color: #0e2f5b;
	opacity: 1;
	font-size: 1.4rem;
	margin: 0;
}
.ginput_container {
    margin-bottom: 7px;
}

select,  textarea,  input[type="text"],  input[type="password"],  input[type="datetime"],  input[type="datetime-local"],  input[type="date"],  input[type="month"],  input[type="time"],  input[type="week"], input[type="number"],  input[type="email"],  input[type="url"],  input[type="search"],  input[type="tel"],  input[type="color"],  .uneditable-input {
	width: 100%;
	min-height: 22px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.0);
	border: none;
	color: #0e2f5b;
	font-size: 1.4rem;
	font-weight: 600;
}
textarea:focus,  input[type="text"]:focus,  input[type="password"]:focus,  input[type="datetime"]:focus,  input[type="datetime-local"]:focus,  input[type="date"]:focus,  input[type="month"]:focus,  input[type="time"]:focus,  input[type="week"]:focus, input[type="number"]:focus,  input[type="email"]:focus,  input[type="url"]:focus,  input[type="search"]:focus,  input[type="tel"]:focus,  input[type="color"]:focus,  .uneditable-input:focus {
	outline: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+LUNEtwAAAEVJREFUCJl9yrERgCAURMEVLIASDKjD1KIcsl+XtkaijoH4opu5nfKyBXb/RU6lHpixjhBaTqXCOcCBBjf8wg9yHe/aYOs0ngmdLMUdWAAAAABJRU5ErkJggg==');
	background-repeat: no-repeat;
    background-position: 100% center;
}
.gform_button {
    width: 100%;
    padding: 12px 15px;
    font-size: 1.4rem;
    border: 2px solid #092346;
    background-color: #092346;
    border-radius: 4px;
    font-weight: 600;
    color: #fff;
	letter-spacing: 1.5px;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
}
.gform_button:hover {
	background-color: #02122c;
	border-color: #02122c;
	color: #fff;
}

.contact-cta .gfield {
	border: 1px solid #fff;
}
.contact-cta .gfield_label {
	color: #fff;
}
.contact-cta select,  .contact-cta textarea,  .contact-cta input[type="text"],  .contact-cta input[type="password"],  .contact-cta input[type="datetime"],  .contact-cta input[type="datetime-local"],  .contact-cta input[type="date"],  .contact-cta input[type="month"],  .contact-cta input[type="time"],  .contact-cta input[type="week"], .contact-cta input[type="number"],  .contact-cta input[type="email"],  .contact-cta input[type="url"],  .contact-cta input[type="search"],  .contact-cta input[type="tel"],  .contact-cta input[type="color"],  .contact-cta .uneditable-input {
	color: #fff;
}
.contact-cta .gfield_error select,  .contact-cta .gfield_error textarea,  .contact-cta .gfield_error input[type="text"],  .contact-cta .gfield_error input[type="password"],  .contact-cta .gfield_error input[type="datetime"],  .contact-cta .gfield_error input[type="datetime-local"],  .contact-cta .gfield_error input[type="date"],  .contact-cta .gfield_error input[type="month"],  .contact-cta .gfield_error input[type="time"],  .contact-cta .gfield_error input[type="week"], .contact-cta .gfield_error input[type="number"],  .contact-cta .gfield_error input[type="email"],  .contact-cta .gfield_error input[type="url"],  .contact-cta .gfield_error input[type="search"],  .contact-cta .gfield_error input[type="tel"],  .contact-cta .gfield_error input[type="color"],  .contact-cta .gfield_error .uneditable-input {
	color: #0e2f5b !important;
}

/*
TXMODAL jquery plugin
Author: Joshua Watson
Description: a simple jquery modal for re-use on the internet 
Version: 1.0
License: Use it bruh
I made this to re-use, if you find it you're welcome to use it :D
*/

.tx-modal {
	position: fixed;
	width:calc(100vw - 15px);
	height:100vh;
	top:0;
	left:0;
	background-color: rgba(255,255,255,0.8);
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.tx-modal {
	z-index:-1;
	visibility: hidden;
	opacity: 0;
	transition:opacity 0.1s ease-in-out,visibility 0.1s ease-in-out, z-index 0.1s step-end;
}
.tx-modal.tx-modal-active {
	z-index:1001;
	visibility: visible;
	opacity: 1;
	transition:opacity 0.1s ease-in-out,visibility 0.1s ease-in-out, z-index 0.1s step-start;
}
.tx-modal .tx-modal-content {
	position: relative;
	width:800px;
	max-height:calc(100vh - 60px);
    max-width: calc(100% - 32px);
}
.tx-modal .tx-modal-body {
	max-height:calc(100vh - 60px);
    max-width: 100%;
	overflow:auto;
}
.tx-modal-close {
	position: absolute;
    top: -28px;
    right: 0;
    border: 0px;
    background-color: transparent;
    width: 25px;
    height: 25px;
    padding: 0px 0px;
}

/** modal theming **/
.tx-modal .tx-modal-content {
	background-color: #092346;
	padding:0px 0px;
}
.tx-modal .tx-modal-body {
	padding:24px;
	border:2px solid rgba(0,0,0,0.8);
}
/* signup modal */
#tx-signup-modal {
	text-align:center;
}
.tx-modal#tx-signup-modal {
	background-color: rgba(9,35,70,0.8);
}
.tx-modal#tx-signup-modal .tx-modal-content {
	background-color: #f2dcd3;
}
.tx-modal#tx-signup-modal .tx-modal-close {
    position: absolute;
    top: -30px;
    right: 0px;
}
.tx-modal#tx-signup-modal .tx-modal-close .path1 {
    fill: white;
}
.tx-modal#tx-signup-modal .tx-modal-body {
	border: 0px !important;
	margin: 0 auto;
	padding: 0;
}

.grey-background {
    background-color: #EDEDEE;
    padding: 0.5em;
}