@charset "UTF-8";
/* CSS Document */

/* Custom Designed & Developed by www.fernandfenech.com */

html {
	font-size: 13px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	font-family: 'Heebo', Arial, Helvetica, sans-serif;
	color: #333;
	background: #1db8cb;
}

textarea, input[type=text], button, input[type=submit] { outline: none; -webkit-appearance: none; border-radius: 0; }

a, a:focus, a:active {
    outline: 0 none !important;
}

a {
    color: inherit;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.container {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
}

.container.wide {
	max-width: none;
	width: 86%;
}

.narrow {
	width: 60%;
}

.alignleft, .alignleft img, .pull_left {
	float:left;
}

.alignright, .alignright img, .pull_right {
	float:right;
}

img.alignleft {
	margin-right: 15px;
	margin-bottom: 2px;
	border: 2px solid #e0ca03;
	padding: 10px;
}

.alignleft p.wp-caption-text {
	background: #eee;
	font-size: 10px;
	line-height:  normal;
	padding: 10px;
	margin-top: 0;
	margin-right: 10px;
}

.alignright p.wp-caption-text {
	background: #eee;
	font-size: 10px;
	line-height:  normal;
	padding: 10px;
	margin-top: 0;
	margin-left: 10px;
}

img.alignright {
	margin-left: 15px;
	margin-bottom: 2px;
	border: 2px solid #e0ca03;
	padding: 10px;
}

img.aligncenter {
	width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

hr {
	border: none;
	border-top: 1px dashed #ccc;
	margin: 30px 0px 30px 0px;
	padding: 0px;
	height: 1px;
}

/* --- sizes --- */

.quarter {
	width: 25%;
	display: inline-block;
	vertical-align: top;
}

.threequarters {
	width: 75%;
	display: inline-block;
	vertical-align: top;
}

.third {
	width: 33.333%;
	display: inline-block;
	vertical-align: top;
}

.twothirds {
	width: 66.666%;
	display: inline-block;
	vertical-align: top;
}

.half {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.forty {
        width: 40%;
	display: inline-block;
	vertical-align: top;
}

.twenty {
        width: 20%;
	display: inline-block;
	vertical-align: top;
}

.sixty {
        width: 60%;
	display: inline-block;
	vertical-align: top;
}

.eighty {
        width: 80%;
	display: inline-block;
	vertical-align: top;
}

.fullwidth {
	width: 100%;
	display: block;
}

.bottomalign {
	vertical-align: bottom;
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
}

/* ---- columns ------ */

.columns-1 .column {
	width: 100%;
	margin-right: 0%;
	display: block;
	vertical-align: top;
}

.columns-5 .column {
	width: 18.4%;
	margin-right: 2%;
	display: inline-block;
	vertical-align: top;
}

.columns-4 .column {
	width: 23.5%;
	margin-right: 2%;
	display: inline-block;
	vertical-align: top;
}

.columns-3 .column {
	width: 30.5%;
	margin-right: 4.25%;
	display: inline-block;
	vertical-align: top;
}

.columns-2 .column {
	width: 48%;
	margin-right: 4%;
	display: inline-block;
	vertical-align: top;
}

.columns-5 .column:nth-child(5n+5) {
	margin-right: 0px;
}

.columns-4 .column:nth-child(4n+4) {
	margin-right: 0px;
}

.columns-3 .column:nth-child(3n+3) {
	margin-right: 0px;
}

.columns-2 .column:nth-child(2n+2) {
	margin-right: 0px;
}


/*  -------------- button ------------------  */ 

.bigbutton, a.bigbutton, input.bigbutton, .gform_button[type=submit]  {
	padding: 13px 25px;
	text-transform:  capitalize;
	display: inline-block;
	font-size: 16px;
	margin: 0px 5px;
	font-weight: 400;
	
	webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.bigbutton.last, a.bigbutton.last, input.bigbutton.last {
	margin-right: 0px;
}

.bigbutton:hover, a.bigbutton:hover {
	text-decoration: none;
	
}

.bigbutton.hollow, a.bigbutton.hollow, .bigbutton.hollow.blue, a.bigbutton.hollow.blue {
	border: 3px solid #1DB8CB;
}

.bigbutton.hollow.blue:hover, a.bigbutton.hollow.blue:hover{
	border: 3px solid #199eaf;
	background: rgba(25,158,175,0.15);
}

.bigbutton.hollow.white, a.bigbutton.hollow.white {
	border: 3px solid #fff;
}

.bigbutton.hollow.white:hover, a.bigbutton.hollow.white:hover{
	border: 3px solid rgba(255,255,255,0.85);
	background: rgba(255,255,255,0.15);
}

.bigbutton.solid, a.bigbutton.solid, .bigbutton.solid.blue, a.bigbutton.solid.blue, .gform_button[type=submit] {
	background: #1DB8CB;
	border: 3px solid #1DB8CB;	
	color: #fff;
}

 .bigbutton.solid.blue:hover, a.bigbutton.solid.blue:hover, .gform_button[type=submit]:hover {
	border: 3px solid #199eaf;
	background: #199eaf;
}

.bigbutton.solid.white, a.bigbutton.solid.white, .subscribe .gform_button[type=submit] {
	background: #fff;
	border: 3px solid #fff;	
	color: #1DB8CB;
}

.bigbutton.solid.white.dark, a.bigbutton.solid.white.dark {
	background: #fff;
	border: 3px solid #fff;	
	color: #112324;
}

.bigbutton.solid.white:hover, a.bigbutton.solid.white:hover, .subscribe .gform_button[type=submit]:hover {
	background: rgba(255,255,255,0.85);
	border: 3px solid rgba(255,255,255,0.85);
}

/*  --------------------------------  */ 

.text-left {
	text-align: left;
}

.text-justify {
	text-align: justify;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.buttoncontainer {
	padding-top: 35px;
}

/* ---- backgrounds ----- */

.bluebg {
	background: #1db8cb;
	color: #fff;
}

.darkbluebg {
	background:#125250 ;
	color: #fff;
}

.whitebg {
	background: #fff;
	color: #1db8cb;
}

.padded {
	padding: 8% 10%;
}

.section h1 {
	margin-top: 0;
	font-size: 3rem;
	font-weight: 800;
}

.section h2 {
	font-size: 1.4rem;
	font-weight: 400;
}

.section p {
	font-size:  13px;
	line-height:  25px;
	text-align:  justify;
}

.section .padded h1 {
	margin: 0;
	padding: 0;
}

.section .padded h2 {
	margin: 25px 0px;
	padding: 0;
	text-align:  justify;
}

.section ul {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0;
	padding-left: 18px;
	list-style-type: none;
}

.section ul li {
	margin: 5px 0px;
}

.section ul li:before {    
    font-family: "Font Awesome 5 Free"; 
    content: '\f054';
    margin:0 10px 0 -18px;
    color: #fff;
	font-weight:  900;
	
}
/*  --------------------------------  */ 

.header_top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	font-size: 11px;
	z-index: 10000;
}

.header_top .container {
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

.header_top .half:first-child {
	padding: 10px 0px;
}

.header_top .topmenu {
	display: inline-block;
}

.header_top .languageswitcher {
	display: inline-block;
}


.header_top .languageswitcher .wpml-ls-legacy-dropdown-click {
	width: auto;
}

.header_top .languageswitcher .wpml-ls-legacy-dropdown-click a {
	background-color: transparent;
	border: none;
	color: #1DB8CB;
	display:  block;
	line-height:  22px !important;
}

.header_top .languageswitcher .wpml-ls-legacy-dropdown-click a:hover {
	background: rgba(255,255,255,0.2);
	color: #fff;
}

.header_top .languageswitcher .wpml-ls-sub-menu .wpml-ls-item {
	background: rgba(255,255,255,0.8);
	display:  block;
}

.header_top .languageswitcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
	z-index: 10001;
}

.header_top .languageswitcher .wpml-ls-legacy-dropdown-click a:hover,
.header_top .languageswitcher .wpml-ls-legacy-dropdown-click a:focus,
.header_top .languageswitcher .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a {
 color: #fff;
 background: rgba(255,255,255,0.2);
}

.header {
	position: fixed;
	top: 40px;
	left: 0;
	width: 100%;
	color: #fff;
	z-index: 9999;
	
	  webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	transition-delay: 0s;
}

.header.smaller {
	top: 0px;
	background: #041f22;
	transition-delay: 0.1s;
	height: 60px;
}

.header_bottom {
	margin-top: 25px;
	
	 webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	transition-delay: 0s;
}

.header.smaller .header_bottom {
	margin-top: 0px;
	
}

.header_bottom .logocontainer {
	max-width: 200px;
	width: 100%;
	margin-top: 5px;
	
	webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	transition-delay: 0.3s;
}

.header.smaller .header_bottom .logocontainer {
	max-width: 140px;
	width: 100%;
	margin-top: 5px;
	padding: 8px 0;
	transition-delay: 0s;
}

.header_bottom .logocontainer img {
	width: 100%;
	height: auto;
}

.royal {
	height:  125vh;
	background-color: black;
	background: url("../images_interface/bg.jpg") no-repeat;
	background-size: cover;
	background-position:  center center;
}

.royal .headeroverlay {
	background: rgb(0,0,0);
	background: -webkit-linear-gradient(rgba(0,0,0,0.8281513288909313) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(rgba(0,0,0,0.8281513288909313) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(rgba(0,0,0,0.8281513288909313) 0%, rgba(0,0,0,0) 100%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30%;
	z-index: 49;
	
}

.royal .overlay {
	background: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:  125vh;
	z-index: 50;
}

.royal .polygon {
	-webkit-clip-path: polygon(70% 0, 100% 0, 100% 100%, 10% 100%);
	clip-path: polygon(70% 0, 100% 0, 100% 100%, 10% 100%);
	
	background: rgb(0,200,208);
	background: -webkit-linear-gradient(rgba(0,200,208,0.4920168751094187) 0%, rgba(0,31,32,0.8169468470982143) 100%);
	background: -o-linear-gradient(rgba(0,200,208,0.4920168751094187) 0%, rgba(0,31,32,0.8169468470982143) 100%);
	background: linear-gradient(rgba(0,200,208,0.4920168751094187) 0%, rgba(0,31,32,0.8169468470982143) 100%);

	position: absolute;
	width: 100%;
	height:  125vh;
	top: 0;
	left: 0;
}

.royal .abovethefold {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height:  100vh;
	z-index: 100;
}

.royal .abovethefold .bottomcontainer {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	color: #fff;
}



.royal .abovethefold a.bottomcontinue {
	font-size:  1.2rem;
	display: inline-block;
	font-weight:  300;
	
	webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	opacity: 0.8;
	
}

.royal .abovethefold a.bottomcontinue .fas {
	display: block;
	font-size: 2.5rem;
	padding-top: 0%;
	padding-bottom: 15%;
	animation: MoveUpDown 1.5s ease-in-out infinite;
}

@keyframes MoveUpDown {
  0% {
    padding-top: 0%;
	 padding-bottom: 15%;
  }
  50% {
	  padding-top: 5%;
    padding-bottom: 10%;
  }
  100% {
    padding-top: 0%;
	padding-bottom: 15%;
  }
}

.royal .abovethefold a.bottomcontinue:hover {
	text-decoration:  none;
	padding-bottom: 0.5%;
	padding-top: 0.5%;
	opacity: 1;
}

.royal .abovethefold a.bottomcontinue:hover .fas {
	  -webkit-animation-play-state:paused;
	  -moz-animation-play-state:paused;
	  -o-animation-play-state:paused;
	  animation-play-state:paused;	
}

.royal .abovethefold .royalcaption {
	color: white;
	font-weight: 800;
	z-index: 150;
	
}

.royal .abovethefold .royalcaption h1 {
	margin: 0;
	padding: 0;
	font-weight:  800;
	font-size: 4rem;
}

.royal .abovethefold .royalcaption h2 {
	margin: 0;
	padding: 0;
	font-weight:  300;
	font-size: 2rem;
}

.aligncontainer {
       margin: 0;
	  position: absolute;
	  top: 50%;
	  -ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	width: 100%;
}

/* ---- below the fold */

.belowthefold {
	
	z-index: 1000;
	color: #fff;
	position:  relative;
	background-size:  cover;
	background-attachment:  fixed;
}

.belowthefold .overlay {
	background: rgba(0,0,0,0.8);
}

.belowthefold .blueoverlay {
	background: rgb(0,200,208);
	background: -webkit-linear-gradient(rgba(0,200,208,0.2920168751094187) 0%, rgba(0,31,32,0.6169468470982143) 100%);
	background: -o-linear-gradient(rgba(0,200,208,0.2920168751094187) 0%, rgba(0,31,32,0.6169468470982143) 100%);
	background: linear-gradient(rgba(0,200,208,0.2920168751094187) 0%, rgba(0,31,32,0.6169468470982143) 100%);
	
}

.belowthefold .container {
	position:  relative;
	top: -25vh;
}
.welcome.section .whitebg {
	color: #666;
}

.welcome.section .whitebg h2 {
	margin-top: 0;
	color: #1DB8CB;
}

.welcome.section .bluebg .listofpoints {
	font-weight:  300;
	font-size: 1.8em;
	margin-top: 40px;
}

.welcome form {
	padding-top: 20px;
}

.welcome select {
	border: 2px solid #1db8cb;
	background-color: transparent;
	padding: 14px 15px;
	color: #1db8cb;
	font-size: 14px;
	min-width: 240px;
	
	 -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-image: url('../images_interface/downarrow.png');
	background-repeat:  no-repeat;
	background-position: right center;
}

.riskfree.section {
	height: 70vh;
	position: relative;
}

.riskfree.section .aligncontainer {
	width: 66%;
	z-index:  100;
}
.riskfree.section h1 {
	margin-bottom: 5px;
}

.riskfree.section h2 {
	margin: 0;
	margin-bottom: 40px;
}

.riskfree.section p {
	color: #fff;
}


.riskfree.section .riskfreebg {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;
	background-color: #000;
	background-size:  cover;
	background-position:  center center;
	z-index:  1;
}

.riskfree.section .riskfreebg .overlay {
	 background: rgb(0,0,0);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.8029412448573179) 26%, rgba(0,0,0,0.12787121684611347) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.8029412448573179) 26%, rgba(0,0,0,0.12787121684611347) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.8029412448573179) 26%, rgba(0,0,0,0.12787121684611347) 100%); 
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

.videoarea {
	margin-top: -25vh;
	z-index:  1200;
	position:  relative;
}

.videoarea .container {
	
	position:  relative;
	padding-bottom:  0;
	margin-bottom: -4%;
	padding-left: 4%;
	padding-right: 4%;
}

.videoarea .videobg {
	background: #1db8cb;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height:  35vh;
}

.thevideo {
	padding-bottom:  0;
	position: relative;
	padding-top: 5%;
}

.videospacer {
	padding: 30px 0px;
}

.embed-youtube {
    overflow: hidden;
    position: relative;
    max-width: 100%;
    height: auto;
    padding-bottom: 42.25%;
}

.videospacer .embed-youtube {
    overflow: hidden;
    position: relative;
    max-width: 100%;
    height: auto;
    padding-bottom: 56.15%;
}

.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ----- good company ----- */

.goodcompany {
	padding-top: 4%;
	padding-bottom: 4%;
	position: relative;
}

.goodcompany.novideo {
	margin-top: -25vh;
	z-index: 1000;
}

.goodcompany .section h1 {
	margin-top: 4%;
	font-size:  3.6rem;
}

.goodcompany.novideo .section h1 {
	margin-top: 0%;
}

.goodcompany .logos {
	padding: 20px 0px;
	position: relative;
	z-index:  2;
}

.goodcompany .borderedlogo {
	border: 1px solid #ccc;
	padding: 15%;
	background-color: #fff;
}

.goodcompany .logos .logocontainer {
	width: 100%;
	padding-top: 56.26%;
	background-size: cover;
	background-position: center center;
}




.goodcompany .polygon {
	clip-path: polygon(80% 0, 100% 0, 100% 100%, 60% 100%);
	
	background: rgb(0,200,208, 0.1);

	position: absolute;
	width: 100%;
	height:  100%;
	top: 0;
	left: 0;
	z-index:  1;
}

/*----- pre footer ----- */

.prefooter {
	background: #efefef;
}

.prefooter .spacers {
	padding: 8% 0;
	padding-right: 10%;
}

.prefooter .articles {
	margin-top: 35px;
}

.prefooter .articles .newsarticle a.featuredimage {
	background: #333;
	padding-top: 62.25%;
	margin-bottom:  15px;
	background-size:  cover;
	background-position:  center center;
	display:  block;
	
	webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	
}

.prefooter .articles .newsarticle a.featuredimage:hover {
	opacity: 0.9;
}

.prefooter .articles .newsarticle .the_article h1 {
	font-size:  14px;
	margin: 0;
	padding: 0;
	
	padding-bottom: 5px;


}

.prefooter .articles .newsarticle .the_article h1 a {
	border-bottom: 1px solid rgba(29,184,203,0);
	text-decoration:  none;
		webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	
}

.prefooter .articles .newsarticle .the_article h1 a:hover {
	border-bottom: 1px solid #1db8cb;
}

.prefooter .articles .newsarticle .the_article .datediv {
	font-size:  11px;	
}

.prefooter .articles .newsarticle .the_article .datediv:before {
	font-family: "Font Awesome 5 Free"; 
    content: '\f073';
	font-weight:  900;
	margin-right: 8px;
	color: #999;
}

.prefooter .articles .newsarticle .the_article p {
	line-height: normal;
}

.prefooter .articles .newsarticle .the_article a.continue {
	color: #1db8cb;
	text-decoration:  none;
	webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	
	border-bottom: 1px solid rgba(29,184,203,0);
}

.prefooter .articles .newsarticle .the_article a.continue:hover {
	border-bottom: 1px solid #1db8cb;
}

.prefooter .section h1 , .prefooter .section h2 {
	color: #1db8cb;
}

.prefooter .section .subscribecontainer {
	background: #1db8cb;
}

.prefooter .section .subscribe {
	
	color: #fff;
	padding: 15%;
}

.prefooter .section .subscribe h1 {
	color: #fff;
	font-size: 20px;
	font-weight:  700;
}

.prefooter .section .subscribe h2 {
	color: #fff;
	font-size: 15px;
	font-weight:  400;
	text-align:  justify;
}

.prefooter .section .subscribe .theform {
	margin-top: 30px;
}

.footer {
	 background: rgb(29,184,203);
	background: -webkit-linear-gradient(rgba(29,184,203,1) 0%, rgba(21,120,133,1) 100%);
	background: -o-linear-gradient(rgba(29,184,203,1) 0%, rgba(21,120,133,1) 100%);
	background: linear-gradient(rgba(29,184,203,1) 0%, rgba(21,120,133,1) 100%); 
	
	padding: 40px 0;
	color: #fff;
	font-size:  11px;
}

.footer .footermenu {
	margin-top: 10px;
}

.footer .footermenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footer .footermenu li {
	display: inline-block;
	margin-left: 15px;
}

.footer .footermenu li a {
	font-weight:  normal;
}

.footer .footer_details {
	margin-top: 20px;
}

.footer .footer_logo {
	width: 150px;
}

.footer .footer_logo img {
	width: 100%;
}


.footer .footer_details .detail {
	margin-right: 30px;
	display: inline-block;
}

.footer .credits {
	margin-top: 48px;
	font-size: 10px;
}

.footer .credits a.creditdetail {
	webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-left: 3px;
	font-weight: normal;
}

.footer .credits a.creditdetail:hover {
	opacity: 1;
	text-decoration: none;
}

.credits .creditdetail.ff {
	opacity: 0.65;
}

.credits .creditdetail.ff img {
	vertical-align: middle;
	margin-left: 5px;
	margin-bottom: 1px;
}

/* ----- gforms ------- */

body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: 14px;
    color: #041f22;
    border: 1px solid #041f22;
	background: rgba(255,255,255, 1);
    padding: 14px;
    margin-right: 10px;
	border-radius: 0;
	line-height: 16px;
	
	-webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

body .subscribe .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	color: #fff;
    border: 1px solid #fff;
	background: rgba(4, 31, 34, 0.17);
	margin-right: 0 !important;
}

body .gform_wrapper select {
	line-height: 16px;
	font-size: 14px;
    color: #041f22;
    padding: 14px 13px 14px 13px !important;
    min-width: 0px;
    width: 100% !important;
    margin: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #041f22;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: rgba(255,255,255,1) url(../images_interface/downarrow.png) no-repeat right center;

}

body .gform_wrapper textarea  {
    font-size: 14px;
    color: #041f22;
    border: 1px solid #041f22;
	background: rgba(255,255,255, 1);
    padding: 1.5%;
}

body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, body .gform_wrapper textarea:focus {
	box-shadow: 0 0 5px rgba(29, 184, 203, 0.9);
	border: 1px solid #1db8cb;
	color: #1db8cb;
}

body .subscribe .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, body .gform_wrapper .subscribe textarea:focus {
	box-shadow: 0 0 8px rgba(4, 31, 34, 0.5);
	border: 1px solid #fff;
	color:  #fff;
	background: rgba(4, 31, 34, 0.25);
}

body .gform_wrapper li.checkboxes {
	padding-top: 20px;
	
}

body .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
	font-size: 1em;
}

body .gform_wrapper .textarea.large {
	height: 100px;
}

body .gform_wrapper .top_label .gfield_label {
    color: #666;
    font-size: 11px;
    font-weight: 400
}

body .subscribe .gform_wrapper .top_label .gfield_label {
		color: #fff;
}

body .gform_wrapper .gfield_required {
	color: #C89797 !important;
}

body .gform_confirmation_message {
    color: #090;
    border: 1px solid #090;
    margin: 30px auto 0;
    font-size: 15px;
    padding: 20px;
    width: calc(100% - 40px);
	text-align: center;
}

body .subscribe .gform_confirmation_message {
    color: #fff;
    border: none;
    margin: 30px auto 0;
    font-size: 15px;
    padding: 20px;
    width: calc(100% - 40px);
	text-align: center;
	background: rgba(255,255,255,0.2);
}

body .gform_confirmation_message:before {
    margin-right: 5px;
    vertical-align: middle;
    font-family: dashicons;
    content: "\f147";
    font-size: 18px
}

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0
}

body .gform_wrapper li.gfield.gfield_error {
    border-top: none !important;
    padding-top: 0 !important;
	margin-top: 16px !important;
    background-color: transparent;
	vertical-align: top !important;
	border-bottom: none;
}

body .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea {
	border-color: #F30 !important
}

body .subscribe .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper .subscribe li.gfield_error textarea {
	border-color: #DDB0B1 !important;
}
body .gform_wrapper li.gfield.gfield_error:not(.topspaced) input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    width: calc(100% - 16px) !important;

}

body .subscribe .gform_wrapper li.gfield.gfield_error:not(.topspaced) input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    width: 100% !important;

}

body .gform_wrapper .top_label li.gfield.gfield_error.gf_left_third,
body .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third {
    width: calc(33.3% - 16px)!important
}

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
    margin-top: 8px!important
}

body .gform_wrapper .field_description_below .gfield_description {
    padding-top: 8px!important;
}

body .gform_wrapper .field_description_below .gfield_description {
	color: #F30 !important;
}

body .subscribe .gform_wrapper .field_description_below .gfield_description {
	color: #fff !important;
	background:#DDB0B1;
	padding-top: 5px !important;
	padding-bottom: 5px;
	padding-left: 8px;
}

body .gform_wrapper .field_description_below .gfield_description:before {
    font-family: dashicons;
    content: "\f342";
    margin-right: 3px;
    vertical-align: middle;
    font-size: 10px;
    font-weight: 400
}

body .gform_wrapper div.validation_error {
    border: 1px solid #F30 !important;
    font-weight: 400!important;
    font-size: 12px;
    width: 98%;
    margin-bottom: 10px;
    margin-top: 25px;
	color: #F30 !important;
}

body .subscribe .gform_wrapper div.validation_error {
    border: none !important;
	background:#DDB0B1;
	color: #fff !important;
    font-weight: 400!important;
    font-size: 12px;
    width: 98%;
    margin-bottom: 10px;
    margin-top: 25px;
	padding-left: 10px;
	padding-right: 10px;
}

body .gform_wrapper div.validation_error:before {
    font-family: dashicons;
    content: "\f335";
    margin-right: 3px;
    vertical-align: middle;
    font-size: 15px
}

body .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
	font-size: 1em;
}

.mobilemenubar {
	display: none;
}

/* iPad with landscape orientation. */                       
@media screen and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {                         
    .royal .abovethefold {                           
        height: 668px;                         
    }                       
}

@media screen and (max-width: 1024px) {
	.header_top .half {
		width: auto;
	}
	.prefooter, .section.welcome {
		overflow-x:  hidden !important;
	}
	
	.container {
		width: 90%;
	}
	
	.royal .abovethefold .royalcaption h1 {
    	font-size: 3.3rem;
	}
	
	.royal .abovethefold .royalcaption h2 {
		font-size: 1.5rem;
	} 
	
	.polygon.aos-init.aos-animate {
		-webkit-transition: none !important;
		  -moz-transition: none !important;
		  -o-transition: none !important;
		  transition: none !important;
	}
	
	.videoarea .container {
		width: 90%;
		padding: 5%;
		padding-bottom: 0;
	}
	
	.thevideo {
    padding-top: 0%;

	}	
	
	.riskfree.section {
		height:  auto;
		min-height: 90vh;

	}
	
	.section.welcome h2 {
		font-size: 1.2rem;
		line-height: 25px;

	}
	
	
	.section.welcome p {
		font-size: 12px;
		line-height: 22px;

	}
	
	.welcome select {
		min-width: 0px;
		width: 210px;
	}
	
	.bigbutton.solid, a.bigbutton.solid, .bigbutton.solid.blue, a.bigbutton.solid.blue, .gform_button[type="submit"] {
		margin-top: 4px;
		margin-bottom: 4px;
	}

}

@media screen and (max-width: 800px) {
	
	
	
	.header, .header_top {
		display: none;
	}
	.royal {
		height: 95vh;
	}
	
	.royal .polygon {
		-webkit-clip-path: polygon(70% 0, 100% 0, 100% 100%, 10% 100%);
		clip-path: polygon(70% 0, 100% 0, 100% 100%, 10% 100%);

	}
	
	.royal .abovethefold {
		height: 70vh;
	}
	
	.royal .royalcaption {
		text-align: center;
	}
	
	.section.welcome .half {
		width: 100%;
	}
	
	.riskfree.section {
		height: auto;
		min-height: 70vh;

	}
	
	.riskfree.section .third, .riskfree.section .twothirds, .riskfree.section .riskfreebg {
		width: 100%;
	}
	
	.riskfree.section .aligncontainer {
		padding: 8% 10%;
		width: 80%;
	}
	
	.riskfree.section .riskfreebg .overlay {
	background: rgb(0,0,0);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.8029412448573179) 26%, rgba(0,0,0,0.42787121684611347) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.8029412448573179) 26%, rgba(0,0,0,0.42787121684611347) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.8029412448573179) 26%, rgba(0,0,0,0.42787121684611347) 100%); 
	}
	
	.videoarea .videobg {
		height: 25vh;
	}
	
	.prefooter .container {
		width: 100%;
		margin: 0;
	}
	.prefooter .third, .prefooter .twothirds {
		width: 100%;
		display: block;
	}
	
	.prefooter .twothirds .spacers, .prefooter .section .subscribe{
		padding: 8% 10%;
	}
	
	
	/* ---- mobile------ */
	
	.mobilemenubar {
		position: fixed;
		top: 0;
		left: 0;
		background: #041f22;
		width: 100%;
		z-index: 5000;
		height: 75px;
		border-bottom: 1px solid rgba(255,255,255,0.05);
		display: block;
	}

	.mobilemenubar .container {
		width: 100%;
	}

	.mobilemenubar .logocontainer {
		line-height: 75px;
		width: 100%;
		display: inline-block;
		margin-left: 0px;
		padding: 0;
		vertical-align: top;
		text-align: center;
		 position: absolute;
		 top: 0px;
		 left: 0px;
		 z-index: 997;

	}
	.mobilemenubar .logocontainer img {
		vertical-align: top;
		margin-top: 20px;
		width: 130px;
	}

	#mobilemenu .menucontainer.mburger {
		vertical-align: top;
		font-size: 25px;
		text-align: center;	
		height: 75px;
		line-height: 75px;
		width: 75px;
		color: #1DB8CB;
		background: #041f22;
		 --mb-bar-height: 3px;
		 --mb-button-size: 75px;
		 --mb-bar-width: 0.4;
		z-index: 999;
		border-right: 1px solid rgba(255,255,255,0.05);
	}
	
	a.memberbutton {

		text-align: right;
		margin-right: 0%;
		display: block;

	}

	a.memberbutton .buttoncontent {
		position: absolute;
		z-index: 998;
		top: 0;
		right: 0;
		height: 45px;
		width: 45px;
		display: block;
		text-align: center;
		padding: 15px;
		border-left: 1px solid  rgba(255,255,255,0.05);
	}


	a.memberbutton .fas {
		vertical-align: top;
		font-size: 25px;
		text-align: center;
		color: #fff;
		font-size: 22px;

	}

	a.memberbutton .subtext {
		margin-top: 10px;
		vertical-align: top;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 11px;
		color: #fff;
	}
	
	.mm-menu {
		--mm-color-background: #031517;
		--mm-listitem-size: 75px;
		 --mm-color-text: #fff;
		 font-size: 14px;
		 text-transform: uppercase;
		 font-weight: 400;
		 --mm-color-button: #1db8cb;
		 --mm-color-border: rgba(255,255,255,0.1);
	}
}

@media screen and (max-width: 600px) {

	.welcome select {
		width: 100%;
	}
	
	.welcome .bigbutton {
		margin: 0;
		margin-top: 10px;
		display: block;
	}
	
	.welcome .bigbutton {
		
		width: calc(80% - 56px);
		margin-left: auto;
		margin-right: auto;
	}
	
	.welcome .whitebg .bigbutton {
		width: 100%;
	}
	
	.bigbutton, a.bigbutton, input.bigbutton, .gform_button[type="submit"] {
		width: calc(80% - 56px);
		text-align: center;
		padding-top: 17px;
		padding-bottom: 17px;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	.royal .abovethefold {
		height: 90vh;
	}
	
	.belowthefold .container {
		position: relative;
		top: 0vh;
		width: 100%;
	}
	
	.royal .abovethefold .royalcaption h1 {
    	font-size:2.3rem;
	}
	
	.section.riskfree .aligncontainer {
		position: relative;
		top: 0;
		transform: none;
		padding: 15% 10%;
		width: 80%; 
	}
	
	.videoarea {

		margin-top: 0vh;
		z-index: 1200;
		position: relative;

	}
	
	.videoarea .videobg {
		display: none;
	}
	
	.videoarea .container {
		width: 100%;
		padding: 0%;
		margin-bottom: 0;
	}
	
	.embed-youtube {
		padding-bottom: 52.25%;
	}
	
	.prefooter, .section.welcome {
		 overflow: hidden !important;
	}
	
	.section h1 , .goodcompany .section h1 {
		margin-top: 0;
		font-size: 2.5rem;
		font-weight: 800;
	}
	
	.section.welcome h2 {
		font-size: 1.1rem;
	}
	
	.riskfree.section {
		min-height: 0;
	}
	
	.goodcompany {
		padding-top: 12%;
		padding-bottom: 12%;

	}
	
	.columns-5 .column {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
		display: inline-block;
		vertical-align: top;
	}

	.columns-5 .column:nth-child(2n+2) {
		margin-right: 0px;
	}
	
	.goodcompany .logos {
		padding-bottom: 0px;
		position: relative;
		z-index: 2;

	}
	
	.articles .columns-2 .column {
		width: 100%;
		margin: 0;
	}
	
	.articles .columns-2 .column .newsarticle {
		margin-bottom: 12%;
		padding-bottom: 12%;
		border-bottom: 1px solid #ccc;	
	}
	
	.footer .half {
		width: 100%;
		display: block;
		text-align:  center;
	}
	
	.footer .text-right {
		text-align: center;
	}
	
	.footer .footer_logo, .footer .footer_details {
		display: none;
	}
	
	.footer .credits a.creditdetail.ff {
		display: block;
		margin: 10px 0;
	}
}