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

*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*,*::before,*::after { box-sizing: border-box; -webkit-font-smoothing: antialiased;}
html{ width:100%;  margin:0px; padding:0px; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow-x: hidden;}
body{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size:14px; color:#fff; line-height:25px; background:#14185e;  overflow-x: hidden; font-weight: 400;}
p{ margin:0px; padding:0px 0 30px 0; font-family: 'Montserrat', sans-serif; font-size:14px; color:#fff; line-height:25px; font-weight: 400; }
h1{ margin: 0px; padding: 0px;  }
h2{ margin: 0px; padding: 0px;  }
h3{ margin: 0px; padding: 0px;  }
h4{ margin: 0px; padding: 0px;  }
h5{ margin: 0px; padding: 0px;  }
h6{ margin: 0px; padding: 0px;  }
address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}
a, area, button, [role="button"], input:not([type=range]), label, select, summary, textarea {  -ms-touch-action: manipulation;   touch-action: manipulation;}
a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
img { max-width: 100%; height: auto;}
button { border-radius: 0;}
button:focus { outline: 1px dotted;  outline: 5px auto -webkit-focus-ring-color;}
input, button, select, optgroup, textarea {  margin: 0;  font-family: inherit;  font-size: inherit;  line-height: inherit;}
button, input {  overflow: visible;}
button, select {  text-transform: none;}
select {  word-wrap: normal;}
button, [type="button"], [type="reset"], [type="submit"] {  -webkit-appearance: button;}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0;   border-style: none;}
input[type="radio"], input[type="checkbox"] {  box-sizing: border-box;  padding: 0;}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {  -webkit-appearance: listbox;}
textarea {  overflow: auto;  resize: vertical;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {  height: auto;}
[type="search"] {  outline-offset: -2px;  -webkit-appearance: none;}
[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}
::-webkit-file-upload-button {  font: inherit;  -webkit-appearance: button;}
output {  display: inline-block;}
summary {  display: list-item;  cursor: pointer;}
template {  display: none;}
[hidden] {  display: none !important;}
::-moz-selection { color: #fff; background: #f28911;}
::selection {  color: #fff; background: #f28911;}

body{ 
	background-image: url(assets/images/background1.jpg), url(assets/images/background2.jpg);
  	background-position: left top, right top;
  	background-repeat: no-repeat, repeat;
  	background-size: 62% 100%, 38.1% 100%;
  	min-height: 100vh;
 }
 .logo{ padding: 40px 0; }
h1{ font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 54px; line-height: 1.4; color: #fff; text-transform: uppercase; }
.bodyContent h2{ font-size: 24px; line-height: 46px; color: #fff; font-weight: 600; }
.bodyContent h2 span{ display: inline-block; width: 34px; height: 34px; line-height: 28px; text-align: center; color: #fff; font-size: 20px; color: #14185e; background: #7cd6f7; border-radius: 50%; font-family: 'Segoe Print'; font-weight: normal; }
.bodyContent h2 a{ font-size: 27px; font-weight: 700; color: #57cbf5; }
.bodyContent h2 a:hover{ color: #fff456; }
.companyApn h3{ font-size: 17px; color: #ffffff; font-weight: 400; }
.contactNum{ padding-bottom: 25px; padding-top: 10px; }
.companyApn h3 span{ font-weight: 600; }
.formSection{ padding:40px 0 0 0 }
.formSection h2{ font-size: 28px; color: #7cd6f7; font-weight: 700; text-transform: uppercase; padding-bottom: 10px; }
.formSection input[type=text], .formSection input[type=email], .formSection input[type=tel]{ width: 100%; height: 42px; border: 1px solid #303696; padding: 0 15px; margin: 0 0 15px 0; background: #191d6f; font-size: 13px; color: #d4d4d4; font-weight: 400;  outline: 1px solid transparent; transition: all .5s; box-shadow: 0 0 25px rgba(0,0,0,0.10);}

::-webkit-input-placeholder { color: #d4d4d4;}
:-ms-input-placeholder { color: #d4d4d4;}
::placeholder { color: #d4d4d4;}

.formSection select{ width: 100%; height: 42px; border: 1px solid #303696; padding: 0 15px; margin: 0 0 15px 0; background: #191d6f; font-size: 13px; color: #d4d4d4; font-weight: 400; outline: 1px solid transparent; transition: all .5s;  box-shadow: 0 0 25px rgba(0,0,0,0.10); background-image: url(assets/images/selectArrow.png); background-repeat: no-repeat; background-position: 98% center;  -webkit-appearance: none; -moz-appearance: none;  appearance: none;}

.formSection input[type=text]:focus, .formSection input[type=email]:focus, .formSection input[type=tel]:focus{  outline: 1px solid #7cd6f7; transition: all .5s;}
.formSection select:focus{ outline: 1px solid #7cd6f7; transition: all .5s; }
.formSection button[type=submit]{ background: transparent ; border:none; outline: none; cursor: pointer; font-size: 19px; color: #fff456; font-weight: 900; padding: 10px 0 15px 0; display: inline-block;}
.formSection button[type=submit] img{ margin: 0 0 0 5px; }
p.success{color: #5BD186;font-weight: bold;font-size: 16px}
p.error{color: #EC2019;font-weight: bold;font-size: 16px}
#spinner img{width: 65px}

.error{color: #ff0000;}

@media only screen and (max-width: 1910px) {
body{ background-size: 70% 100%, 30.1% 100%; }
}

@media only screen and (max-width: 1500px) {
body{ background-size: 72% 100%, 28.1% 100%; }
}
@media only screen and (max-width: 1430px) {
h1{ font-size: 50px; }
}
@media only screen and (max-width: 1199px) {
h1{ font-size: 42px; }
.bodyContent h2{ font-size: 20px; }
.contactNum { padding-bottom: 15px; padding-top: 0;}
.logo {  padding: 20px 0 30px 0;}
}
@media only screen and (max-width: 992px) {
body{ background-size: cover; }
}

@media only screen and (max-width: 767px) {
.logo{ text-align: center;  }
.logo img{ height: 80px; }
h1{ text-align: center; font-size: 32px; padding-bottom: 15px; }
.contactNum h2{ text-align: center; }
.bodyContent h2 span{ display: block; margin: 0 auto; }
.companyApn h3{ text-align: center; line-height: 1.5; }
.formSection h2, .formSection p{ text-align: center; }
.formSection h2{ line-height: 20px; padding-bottom: 15px; }

}