/* Global Biomarine Limited - Base Styles

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

/* Base
-------------------------------------------------- */
@import url('/FormBuilder/_Resource/_module/plugin/base.css');
@import url('/FormBuilder/_Resource/_module/plugin/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');

body {font-family: Roboto, Helvetica, sans-serif;font-size: 18px;font-weight: 400;line-height: 1.5;color: #093266;overflow-x: hidden;position: relative;word-break: break-word;}
.container {max-width: 1200px;padding: 0 26px;}

/* Typography
-------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {margin-bottom: 15px}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0;}
h2 {color: #669fd5; font-size: 42px; line-height: 48px; font-weight: 400;}
h3 {color: #669fd5; font-size: 28px; line-height: 36px; font-weight: 400;}
h4 {color: #669fd5; font-size: 20px; line-height: 26px; font-weight: 400;}
h5 {color: #383838;}

/* Links
-------------------------------------------------- */
a {color: #f7941d;outline: none;text-decoration: none;}
a:hover {color: #f7941d; text-decoration: none;}
a span { display: none; }

/* Table
-------------------------------------------------- */
table { width: 100%; border: 1px solid #DDDDDD}
table tr:nth-child(odd) { background: #fff; }
table th, table td { padding: 13px 30px; }
table th { background: #042c59; color: #fff; font-weight: normal; }
table td { border-bottom: 1px solid #DDDDDD; vertical-align: top; }

/* List
-------------------------------------------------- */
ol, ul { margin-bottom: 10px;}

/* Primary Header - branding
--------------------------------------------------------*/
.branding {background: #FFF;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);z-index: 1;position: relative;left: 0;top: 0;width: 100%;}
.branding #logo {display: inline-block; padding: 27px 0px;}
.branding #logo img {max-width: 100%;height: 36px;}
.banner {background: url('/FormBuilder/_Resource/_module/2uH2V1Pmy0u4yO_Yfo9P9w/images/header2026.jpg') center no-repeat;background-size: cover;padding:150px 0;width: 100%;}
.banner .container {display: table;}
.banner .container .row { display: table-cell; vertical-align: middle;}
.banner h1 {color: #FFF;font-weight: 300;font-size: 70px;margin: 0;}
.banner h1 span{display:block;color:#FFF;font-size:40px;line-height:48px;font-weight:300;margin-top:5px}
.banner .six.columns {text-align: right;}

/* Primary Header - Main Navigation
--------------------------------------------------------*/
.navigation {font-size: 0;background: #FFF;}
.navigation ul { padding: 0; margin:0; text-align: right;}
.navigation li {list-style-type: none;display: inline-block;padding: 0;}
.navigation li a {color: #093266;text-decoration: none !important;position: relative;font-size: 15px;font-weight: 400;display: block;padding: 25px 16px;}
.navigation li a:hover, .navigation li a:focus, .navigation li a.active {color: #669fd5;text-shadow: 0 0 .7px #669fd5}
/* .navigation li:hover > a:before, .navigation li a:focus:before, .navigation li a.active:before {width:100%;}
.navigation li a:before { position: absolute; top: 0; left: 0; content: ""; bottom: 0; width: 0; z-index: 0; background: rgba(0,0,0,.075); -webkit-transition: all .3s cubic-bezier(.215,.061,.355,1); -o-transition: all .3s cubic-bezier(.215,.061,.355,1); transition: all .3s cubic-bezier(.215,.061,.355,1); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;display: block!important;} */

#mobileMenuBtn {display: none;position: absolute;cursor: pointer;right: 15px;top: 10px;padding: 19px 5px}
.hamburger > div {background: #093266;width: 20px;height: 3px;margin-bottom: 4px;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div#mobileMenuBtn.selected .hamburger .hamburger-line-3 { -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); -webkit-transform-origin: left; transform-origin: left;}
div#mobileMenuBtn.selected .hamburger .hamburger-line-2 { -webkit-transform: rotateY(90deg); transform: rotateY(90deg);}
div#mobileMenuBtn.selected .hamburger .hamburger-line-1 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); -webkit-transform-origin: left; transform-origin: left;}

/* Primary Page content
--------------------------------------------------------*/
.page-content {background: #FFF; width: 100%; padding: 40px 0;}
.four.columns.u-pull-right {background: #fff;}
.four.columns.u-pull-right span { background: #494949; display: block; padding: 16px 30px; font-size: 24px; color: #fff; font-weight: 500; line-height: 26px; text-align: center;}

/* Footer
--------------------------------------------------------*/
.page-footer { background-color: #5da4da;font-size: 15px; padding: 27px 0; color: #FFF;}
.page-footer a {color: #FFF;text-decoration: none !important;border: 0;}
.page-footer a:hover, .page-footer a:focus { color: #FFF;}

/* HIPPO Forms
-------------------------------------------------- */

/******************* Forms **********************/
.step .row {clear: both; margin: 1em 0;}
.row.checkbox-row { padding: 20px; background: #d5dfe3; }
.row label { display: block; margin: 0 0 5px 0; padding:5px 10px 0 0; font-weight:bold; vertical-align: top;}
.row .inputFields { display:inline-block; *display: inline; zoom: 1;}
.inputFields label { display: inline; float: none; padding: 0 20px 0 0; text-align: left; width: auto;}
.row select, .row input.text {  padding:5px; margin:0; width:250px; display:inline-block; *display: inline; zoom: 1; border: 1px solid #DDDDDD; border-radius: 3px;}
.row input.text.tiny {width:250px;}
.row strong {font-weight:bold;}
.row .hint {display:block; color:#666;clear:both;font-size: 0.85em;}
.row .text { display:inline-block; *display: inline; zoom: 1;}

.row .inputFields input.checkbox {margin:0 7px 0 0;padding:0;}
.row .SelectApplicationType2, .row .SelectApplicationType3 {*display:inline;}
.row.checkboxFullWidth {padding:12px; background:#f0f7fc; color: #093266; border: 0px}
.row.checkboxFullWidth .inputFields {width:100%;}
.row.checkboxFullWidth label {width: auto;cursor:pointer}
.row.checkboxFullWidth input[type="checkbox"] {cursor:pointer}
.identification p:first-child {display: none;}
.identification p:first-child + h2 {margin-top: 0;}

.formNav {padding:20px 0;clear:both;}

#giin .inputFields.giinInput div {display: inline-block;vertical-align: top;}
#giin .fatcaid input { width: 65px; }
#giin .fttype input { width: 55px; }
#giin .categorycode input { width: 35px; }
#giin .countryid input { width: 45px; }

/******************* Buttons **********************/

input.next {float:right; margin-left: 10px;}

input.next,
input.back,
.btn {position: relative;outline: 0 !important;font-weight: 400;font-size: 18px;letter-spacing: 0;text-transform: capitalize;margin: 0 0 20px 0;text-align: center;display: inline-block;padding: 12px 30px;border: 1px solid #9ac6ea;border-radius: 24px;text-decoration: none !important;line-height: 1;cursor: pointer;background: none;color: #093266;box-shadow: none !important;}

input.next:hover,
input.back:hover,
.btn:hover,
.home-btn:hover {color: #f7941d;}


/* Homepage buttons */

.home-btn {display:block; margin-bottom: 15px;}

/******************* Errors **********************/
.errorContainer { border: 1px solid #FF4F4F}
.error {clear:both; color: red; padding:15px 0 5px 70px; position:relative; margin: 10px 0;  display: block;}
#errorDiv { background: #fff; }
.error h6 { font-weight: bold; font-size: inherit;}
div.error:before { content: "\f06a";  position:absolute; font-family: FontAwesome; font-size: 35px; top:12px; left:20px; }
div.error ul {margin:0; padding: 0;}
div.error li {list-style-type: none; padding: 0px; margin: 10px 0px;}
span.error { clear: none; color: #FF4F4F; display: inline; padding-top: 0; vertical-align: top; padding-left: 0; }

/******************* Icons **********************/
.iconLink {background:#9ac6ea; margin: 15px 0; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.iconLink a { color:#fff;background-image: none !important; padding: 20px 15px 20px 70px !important; display:block; position:relative; text-decoration: none;transition: all 0.2s ease-in-out;}
.iconLink a[href*="/DocumentDownload"]:before { content: "\f1c1";  position:absolute; font-family: FontAwesome; line-height: normal; top:15px; left:25px; font-size: 30px } /* for PDF icons */
.iconLink a[href*="print"]:before { content: "\f02f";  position:absolute; font-family: FontAwesome; top:15px; left:25px; line-height: normal; font-size: 30px } /* for PDF icons */
.iconLink a:hover, .iconLink a:focus {background:#f0f7fc; color: #093266}


/*** BPAY ***/
#bpayBox { margin: 2em 0; line-height: normal;}
#bpayBox div { box-sizing:content-box !important}
#bpayBox label { padding: 0}
#bpayBox table { border: 0; }
#bpayBox table tr { background: none; }
#bpayBox table td { padding: 0; }
.text { padding: 5px 0;}


/*** Content table ***/
.tablestyle {width:100%; margin: 0 0 1em 0;}
.tablestyle th {background: #9ac6ea;font-weight:500;color:#FFF;padding:10px;text-align:left;border: 1px solid #9ac6ea;}
.tablestyle th.text-right {text-align: right;}
.tablestyle td {padding:10px; border-bottom:1px solid #DDDDDD;}

.confirmation {padding:20px 0;}
.confirmation table {border:1px solid #DDDDDD;}
.confirmation table td {border-bottom:1px solid #DDDDDD;padding:5px;}
.confirmation td.label {font-weight:bold;width: 50%;vertical-align: top;border:1px solid #DDDDDD;}

/*** FAQ ***/
.QAViewer {margin-bottom: 0;
    background: #FFF;
    border-radius: 0;}
.QAViewer .QALink {position: relative;
    padding: 15px 15px 15px 40px !important;
    display: block;
    text-decoration: none;
    color: #669fd5;
    border-bottom: 1px solid #9ac6ea;}
.QALink:before { content: "\f054";  position:absolute; font-family: 'FontAwesome'; top:15px; left:10px; font-size: 18px;}
.open .QALink:before { content: "\f078"; position:absolute; font-family: 'FontAwesome'; top:10px; left:10px; font-size: 18px;}
.QAViewer .QALink:hover { color:#00235D;transition: color 0.15s ease-in-out;}
.QAViewer .answer {padding:10px 10px 10px 40px;}
.QAViewer .answer p {margin:0 0 10px 0;}

.answers table tr { background: none; }
.answers table td { border: 0; }

hr { border: none;}


/* Print Styles */
@media print {
	#main-nav, .iconLink, .returnhome, a.btn { display: none;}
	.branding { height: auto !important; float: none; width: 100%; background: none;}
	.confirmation table { width: 100%}
	.page-content { padding: 0; margin-left: 0;}
	.confirmation, #bpayBox {page-break-inside: avoid; margin: 0 0 20px}
}



/* Media Queries
-------------------------------------------------- */

@media (max-width: 991px){
	.page-footer .column { width: 100%; text-align: center; margin: 0;}
}

@media (max-width: 767px) {

	/* general */
	#wrapper { width: 100%; margin: 0 auto;}
	.container {clear: both;display: block;margin: 0;width: 100%;padding: 0 15px;}
	.column, .columns { float: none; width: 100% !important; display: block; margin: 0; }
	.four.columns.u-pull-right { margin-bottom: 40px; }
	body { margin: 0; }
	.navigation ul { text-align: left; }
	.banner {background: #d7e8f7; padding: 100px 0;}
	.banner h1 {text-align: center;}

  	/* main-nav */
    #mobileMenuBtn {display: block;}
    .navigation {width: 100%;margin: 0;display: none;position: absolute;top: 72px;left:0;z-index: 99;border-bottom: 1px solid #e4e4e4;}
	.navigation .container { padding: 0;}
    .navigation li {width: 100%;display: block;border-top: 1px solid #eaeaed;padding: 0;}
    .navigation li a {width: 100%;display: block;padding: 10px 15px;}

	/* page-content */
	.inputFields { width: 100% !important; }
	.step .row { margin: 0.25em 0;}

	/* buttons */
	/* buttons */
	.home-btn {text-align: center;}
	a[data-icon="button"]:after { content: " "; top: 0; right: 0; font-size: 0;}

  	/*footer*/
	.page-footer { height: auto; position: relative; }

}