body{line-height: 1;margin: 0;-webkit-text-size-adjust: none;}
*, *:before, *:after{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.card-img {
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }
#my-menu a {
margin: 1em 0 1em 1em;
color: #fff;
text-decoration: none;
}
#my-menu a:hover {color: #fff111;}
.fa-form{position: absolute; padding-top: 13px;margin-left: 15px;font-size: 1.5em;}
.icon-mobile{position: absolute; padding-top: 10px;font-size: 1.5em;}
.black-color{color: #333;}
.green-color{color: #fff;}
.grey-border{border: 3px solid #d3d3d3;border-radius: 10px;}
.user-input{
background-color: #fff;
background-repeat:no-repeat;
background-size:100% 100%;
padding-left:50px;
display: inline-block;
height: 50px;
width: 200px;
border:solid 2px #4e0402;
border-radius: 30px;
}
.pass-input{
background-color: #fff;
background-repeat:no-repeat;
background-size:100% 100%;
padding-left:50px;
display: inline-block;
height: 50px;
width: 200px;
border:solid 2px #4e0402;
border-radius: 30px;
}
.container{
margin-left: auto;
margin-right: auto;
}
.container.\31 25\25{
width: 100%;
max-width: 100em;
min-width: 80em;
}
.container.\37 5\25{width: 60em;}
.container.\35 0\25{width: 40em;}
.container.\32 5\25{width: 20em;}
.container{
max-width: 100%;
width: 80em;
}
@media screen and (max-width: 1680px){
.container.\31 25\25{
width: 100%;
max-width: 100em;
min-width: 60em;
}
.container.\37 5\25{width: 60em;}
.container.\35 0\25{width: 40em;}
.container.\32 5\25{width: 20em;}
.container{
max-width: 100%;
width: 80em;
}
}
@media screen and (max-width: 1280px){
.container.\31 25\25{
width: 100%;
max-width: 81.25em;
min-width: 45em;
}
.container.\37 5\25{width: 48.75em;}
.container.\35 0\25{width: 32.5em;}
.container.\32 5\25{width: 16.25em;}
.container{width: 65em;}
}
@media screen and (max-width: 980px){
.container.\31 25\25{
width: 100%;
max-width: 112.5%;
min-width: 90%;
}
.container.\37 5\25{width: 67.5%;}
.container.\35 0\25{width: 45%;}
.container.\32 5\25{width: 22.5%;}
.container{width: 90%;}
}
@media screen and (max-width: 736px){
.container.\31 25\25{
width: 100%;
max-width: 112.5%;
min-width: 90%;
}
.container.\37 5\25{width: 67.5%;}
.container.\35 0\25{width: 45%;}
.container.\32 5\25{width: 22.5%;}
.container{width: 90% !important;}
}
@media screen and (max-width: 480px){
.container.\31 25\25{
width: 100%;
max-width: 112.5%;
min-width: 90%;
}
.container.\37 5\25{width: 67.5%;}
.container.\35 0\25{width: 45%;}
.container.\32 5\25{width: 22.5%;}
.container{width: 90% !important;}
}
.row{
border-bottom: solid 1px transparent;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row > *{
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row:after, .row:before{
content: '';
display: block;
clear: both;
height: 0;
}
.row.\30 \25 > *{padding: 0 0 0 0em;}
.row.\30 \25{margin: 0 0 -1px 0em;}
.row > *{padding: 0 0 0 2em;}
.row{margin: 0 0 -1px -2em;}
.row.\32 00\25 > *{padding: 0 0 0 4em;}
.row.\32 00\25{margin: 0 0 -1px -4em;}
.row.\31 50\25 > *{padding: 0 0 0 3em;}
.row.\31 50\25{margin: 0 0 -1px -3em;}
.row.\35 0\25 > *{padding: 0 0 0 1em;}
.row.\35 0\25{margin: 0 0 -1px -1em;}
.row.\32 5\25 > *{padding: 0 0 0 0.5em;}
.row.\32 5\25{margin: 0 0 -1px -0.5em;}
.\31 2u, .\31 2u\24{width: 100%;clear: none;margin-left: 0;}
.\31 1u, .\31 1u\24{width: 91.6666666667%;clear: none;margin-left: 0;}
.\31 0u, .\31 0u\24{width: 83.3333333333%;clear: none;margin-left: 0;}
.\39 u, .\39 u\24{width: 75%;clear: none;margin-left: 0;}
.\38 u, .\38 u\24{width: 66.6666666667%;clear: none;margin-left: 0;}
.\37 u, .\37 u\24{width: 58.3333333333%;clear: none;margin-left: 0;}
.\36 u, .\36 u\24{width: 50%;clear: none;margin-left: 0;}
.\35 u, .\35 u\24{width: 41.6666666667%;clear: none;margin-left: 0;}
.\34 u, .\34 u\24{width: 33.3333333333%;clear: none;margin-left: 0;}
.\33 u, .\33 u\24{width: 25%;clear: none;margin-left: 0;}
.\32 u, .\32 u\24{width: 16.6666666667%;clear: none;margin-left: 0;}
.\31 u, .\31 u\24{width: 8.3333333333%;clear: none;margin-left: 0;}
.\31 2u\24 + *,.\31 1u\24 + *,.\31 0u\24 + *,
.\39 u\24 + *,.\38 u\24 + *,.\37 u\24 + *,
.\36 u\24 + *,.\35 u\24 + *,.\34 u\24 + *,
.\33 u\24 + *,.\32 u\24 + *,.\31 u\24 + *{clear: left;}
@media screen and (max-width: 1680px){
.row > *{padding: 0 0 0 2em;}
.row{margin: 0 0 -1px -2em;}
.row.uniform > *{padding: 2em 0 0 2em;}
.row.uniform{margin: -2em 0 -1px -2em;}
.row.\32 00\25 > *{padding: 0 0 0 4em;}
.row.\32 00\25{margin: 0 0 -1px -4em;}
.row.uniform.\32 00\25 > *{padding: 4em 0 0 4em;}
.row.uniform.\32 00\25{margin: -4em 0 -1px -4em;}
.row.\31 50\25 > *{padding: 0 0 0 3em;}
.row.\31 50\25{margin: 0 0 -1px -3em;}
.row.uniform.\31 50\25 > *{padding: 3em 0 0 3em;}
.row.uniform.\31 50\25{margin: -3em 0 -1px -3em;}
.row.\35 0\25 > *{padding: 0 0 0 1em;}
.row.\35 0\25{margin: 0 0 -1px -1em;}
.row.uniform.\35 0\25 > *{padding: 1em 0 0 1em;}
.row.uniform.\35 0\25{margin: -1em 0 -1px -1em;}
.row.\32 5\25 > *{padding: 0 0 0 0.5em;}
.row.\32 5\25{margin: 0 0 -1px -0.5em;}
.row.uniform.\32 5\25 > *{padding: 0.5em 0 0 0.5em;}
.row.uniform.\32 5\25{margin: -0.5em 0 -1px -0.5em;}
}
@media screen and (max-width: 1280px){
.row > *{padding: 0 0 0 1.5em;}
.row{margin: 0 0 -1px -1.5em;}
.row.uniform > *{padding: 1.5em 0 0 1.5em;}
.row.uniform{margin: -1.5em 0 -1px -1.5em;}
.row.\32 00\25 > *{padding: 0 0 0 3em;}
.row.\32 00\25{margin: 0 0 -1px -3em;}
.row.uniform.\32 00\25 > *{padding: 3em 0 0 3em;}
.row.uniform.\32 00\25{margin: -3em 0 -1px -3em;}
.row.\31 50\25 > *{padding: 0 0 0 2.25em;}
.row.\31 50\25{margin: 0 0 -1px -2.25em;}
.row.uniform.\31 50\25 > *{padding: 2.25em 0 0 2.25em;}
.row.uniform.\31 50\25{margin: -2.25em 0 -1px -2.25em;}
.row.\35 0\25 > *{padding: 0 0 0 0.75em;}
.row.\35 0\25{margin: 0 0 -1px -0.75em;}
.row.uniform.\35 0\25 > *{padding: 0.75em 0 0 0.75em;}
.row.uniform.\35 0\25{margin: -0.75em 0 -1px -0.75em;}
.row.\32 5\25 > *{padding: 0 0 0 0.375em;}
.row.\32 5\25{margin: 0 0 -1px -0.375em;}
.row.uniform.\32 5\25 > *{padding: 0.375em 0 0 0.375em;}
.row.uniform.\32 5\25{margin: -0.375em 0 -1px -0.375em;}
}
@media screen and (max-width: 980px){
.row > *{padding: 0 0 0 1.5em;}
.row{margin: 0 0 -1px -1.5em;}
.row.uniform > *{padding: 1.5em 0 0 1.5em;}
.row.uniform{margin: -1.5em 0 -1px -1.5em;}
.row.\32 00\25 > *{padding: 0 0 0 3em;}
.row.\32 00\25{margin: 0 0 -1px -3em;}
.row.uniform.\32 00\25 > *{padding: 3em 0 0 3em;}
.row.uniform.\32 00\25{margin: -3em 0 -1px -3em;}
.row.\31 50\25 > *{padding: 0 0 0 2.25em;}
.row.\31 50\25{margin: 0 0 -1px -2.25em;}
.row.uniform.\31 50\25 > *{padding: 2.25em 0 0 2.25em;}
.row.uniform.\31 50\25{margin: -2.25em 0 -1px -2.25em;}
.row.\35 0\25 > *{padding: 0 0 0 0.75em;}
.row.\35 0\25{margin: 0 0 -1px -0.75em;}
.row.uniform.\35 0\25 > *{padding: 0.75em 0 0 0.75em;}
.row.uniform.\35 0\25{margin: -0.75em 0 -1px -0.75em;}
.row.\32 5\25 > *{padding: 0 0 0 0.375em;}
.row.\32 5\25{margin: 0 0 -1px -0.375em;}
.row.uniform.\32 5\25 > *{padding: 0.375em 0 0 0.375em;}
.row.uniform.\32 5\25{margin: -0.375em 0 -1px -0.375em;}
.\31 2u\28medium\29, .\31 2u\24\28medium\29{width: 100%;clear: none;margin-left: 0;}
.\31 1u\28medium\29, .\31 1u\24\28medium\29{width: 91.6666666667%;clear: none;margin-left: 0;}
.\31 0u\28medium\29, .\31 0u\24\28medium\29{width: 83.3333333333%;clear: none;margin-left: 0;}
.\39 u\28medium\29, .\39 u\24\28medium\29{width: 75%;clear: none;margin-left: 0;}
.\38 u\28medium\29, .\38 u\24\28medium\29{width: 66.6666666667%;clear: none;margin-left: 0;}
.\37 u\28medium\29, .\37 u\24\28medium\29{width: 58.3333333333%;clear: none;margin-left: 0;}
.\36 u\28medium\29, .\36 u\24\28medium\29{width: 50%;clear: none;margin-left: 0;}
.\35 u\28medium\29, .\35 u\24\28medium\29{width: 41.6666666667%;clear: none;margin-left: 0;}
.\34 u\28medium\29, .\34 u\24\28medium\29{width: 33.3333333333%;clear: none;margin-left: 0;}
.\33 u\28medium\29, .\33 u\24\28medium\29{width: 25%;clear: none;margin-left: 0;}
.\32 u\28medium\29, .\32 u\24\28medium\29{width: 16.6666666667%;clear: none;margin-left: 0;}
.\31 u\28medium\29, .\31 u\24\28medium\29{width: 8.3333333333%;clear: none;margin-left: 0;}
.\31 2u\24\28medium\29 + *,.\31 1u\24\28medium\29 + *,.\31 0u\24\28medium\29 + *,
.\39 u\24\28medium\29 + *,.\38 u\24\28medium\29 + *,.\37 u\24\28medium\29 + *,
.\36 u\24\28medium\29 + *,.\35 u\24\28medium\29 + *,.\34 u\24\28medium\29 + *,
.\33 u\24\28medium\29 + *,.\32 u\24\28medium\29 + *,.\31 u\24\28medium\29 + *{clear: left;}
}
@media screen and (max-width: 736px){
.row > *{padding: 0 0 0 1.25em;}
.row{margin: 0 0 -1px -1.25em;}
.row.uniform > *{padding: 1.25em 0 0 1.25em;}
.row.uniform{margin: -1.25em 0 -1px -1.25em;}
.row.\32 00\25 > *{padding: 0 0 0 2.5em;}
.row.\32 00\25{margin: 0 0 -1px -2.5em;}
.row.uniform.\32 00\25 > *{padding: 2.5em 0 0 2.5em;}
.row.uniform.\32 00\25{margin: -2.5em 0 -1px -2.5em;}
.row.\31 50\25 > *{padding: 0 0 0 1.875em;}
.row.\31 50\25{margin: 0 0 -1px -1.875em;}
.row.uniform.\31 50\25 > *{padding: 1.875em 0 0 1.875em;}
.row.uniform.\31 50\25{margin: -1.875em 0 -1px -1.875em;}
.row.\35 0\25 > *{padding: 0 0 0 0.625em;}
.row.\35 0\25{margin: 0 0 -1px -0.625em;}
.row.uniform.\35 0\25 > *{padding: 0.625em 0 0 0.625em;}
.row.uniform.\35 0\25{margin: -0.625em 0 -1px -0.625em;}
.row.\32 5\25 > *{padding: 0 0 0 0.3125em;}
.row.\32 5\25{margin: 0 0 -1px -0.3125em;}
.row.uniform.\32 5\25 > *{padding: 0.3125em 0 0 0.3125em;}
.row.uniform.\32 5\25{margin: -0.3125em 0 -1px -0.3125em;}
}
@media screen and (max-width: 480px){
.row > *{padding: 0 0 0 1.25em;}
.row{margin: 0 0 -1px -1.25em;}
.row.uniform > *{padding: 1.25em 0 0 1.25em;}
.row.uniform{margin: -1.25em 0 -1px -1.25em;}
.row.\32 00\25 > *{padding: 0 0 0 2.5em;}
.row.\32 00\25{margin: 0 0 -1px -2.5em;}
.row.uniform.\32 00\25 > *{padding: 2.5em 0 0 2.5em;}
.row.uniform.\32 00\25{margin: -2.5em 0 -1px -2.5em;}
.row.\31 50\25 > *{padding: 0 0 0 1.875em;}
.row.\31 50\25{margin: 0 0 -1px -1.875em;}
.row.uniform.\31 50\25 > *{padding: 1.875em 0 0 1.875em;}
.row.uniform.\31 50\25{margin: -1.875em 0 -1px -1.875em;}
.row.\35 0\25 > *{padding: 0 0 0 0.625em;}
.row.\35 0\25{margin: 0 0 -1px -0.625em;}
.row.uniform.\35 0\25 > *{padding: 0.625em 0 0 0.625em;}
.row.uniform.\35 0\25{margin: -0.625em 0 -1px -0.625em;}
.row.\32 5\25 > *{padding: 0 0 0 0.3125em;}
.row.\32 5\25{margin: 0 0 -1px -0.3125em;}
.row.uniform.\32 5\25 > *{padding: 0.3125em 0 0 0.3125em;}
.row.uniform.\32 5\25{margin: -0.3125em 0 -1px -0.3125em;}
}
@media screen and (max-width: 480px){html, body{min-width: 320px;}}
body{
color: #fff;
background-image: url("../img/bg-igoalplus2.jpg");
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
@media screen and (max-width: 980px){
body{padding-top: 2em;}
}
body, input, button, a{
font-family: 'Kanit', sans-serif;
font-size: 13pt;
line-height: 1.5em;
}
a{text-decoration: underline;color: #ffffcc;}
a:hover{text-decoration: none;}
strong, b{
background: -webkit-linear-gradient(top, #8f6b29, #fde08d, #df9f28);
background: linear-gradient(top, #8f6b29, #fde08d, #df9f28);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
}
p{margin: 0;}
h1, h2, h3, h4{
color: #ffffcc;
line-height: 1.5em;
margin: 0 0 5px 0;
}
h1 a, h2 a, h3 a, h4 a{text-decoration: none;font-size: 1.5em;}
h1{font-size: 2em;}
h2{font-size: 1.75em;margin: 10px 0 10px 0;}
h3{font-size: 1.35em;}
h4{font-size: 1.1em;}
hr{border: 0;border-bottom: solid 5px #d90305;margin:0;}
.h-bg{
background: -webkit-linear-gradient(90deg, #9e0000 0%, #e20001 50%, #9e0000 100%);
background: -moz-linear-gradient(90deg, #9e0000 0%, #e20001 50%, #9e0000 100%);
background: -o-linear-gradient(90deg, #9e0000 0%, #e20001 50%, #9e0000 100%);
background: -ms-linear-gradient(90deg, #9e0000 0%, #e20001 50%, #9e0000 100%);
color: #fff;
}
.align-left{text-align: left;}
.align-center{text-align: center;}
.align-right{text-align: right;}
input{
border: none;
color: #000;
cursor: pointer;
display: inline-block;
font-weight: 500;
text-align: center;
height: 35px;
background-color: transparent;
outline: 0;
width: 100%;
text-align: left;
cursor: text;
line-height: 2.5em;
}
.button{
border: 3px solid #fff;
border-radius: 30px;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 500;
text-align: center;
text-decoration: none;
white-space: nowrap;
height: 50px;
width: 200px;
background:linear-gradient(to top,#260202,#720002);
line-height: 2.5em;
}
.button:hover{background:linear-gradient(to top,#482424,#942224);}
@media screen and (min-width: 980px){
input { max-width: 200px; }
}
input.fit, button.fit, .button.fit{
margin: 0 0 10px 0;
width: 100%;
height: 50px;
padding: 0;
text-align: center;
line-height: 2.5em;
}
@media screen and (max-width: 480px){input,button,.button{padding: 0;}}
::-webkit-input-placeholder{opacity: 0.9;color: #111 !important;}
:-moz-placeholder{opacity: 0.9;color: #111 !important;}
::-moz-placeholder{opacity: 0.9;color: #111 !important;}
:-ms-input-placeholder{opacity: 0.9;color: #111 !important;}
.img-radius{border-radius: 15px;}
.img-radius5{border-radius: 5px;}
#header{
cursor: default;
font-size: 1.25em;
left: 0;
top: 0;
width: 100%;
}
#header nav{
height: inherit;
line-height: inherit;
top: 0;
vertical-align: middle;
}
.header-bg{background:linear-gradient(to top,#230401,#730003);}
#header .button{
box-shadow: none;
line-height: 2em;
margin-bottom: 0;
padding: 0 1em;
vertical-align: middle;
width:175px;
}
#header .container{position: relative;}
@media screen and (max-width: 980px){#header{display: none;}}
#two p{padding: 5px 5px;}
@media screen and (max-width: 980px){.form-hide{display: none;}}
@media screen and (min-width: 981px){.form-show{display: none;}}
@media screen and (max-width: 980px){.form-show{display: block;}}
@media screen and (max-width: 1125px){.logo-hide{display: none;}}
.navPanelToggle{
text-decoration: none;
height: 50px;
left: 0;
position: absolute;
top: 0;
width: 75px;
display: none;
}
@media screen and (max-width: 980px){.navPanelToggle{display: block;}}
.navPanelToggle *:before{
background: rgba(144, 144, 144, 0.65);
border-radius: 4px;
color: #fff;
display: block;
font-size: 16px;
height: 2.25em;
left: 0.5em;
line-height: 2.25em;
position: absolute;
text-align: center;
top: 0.5em;
width: 3.5em;
}
#navPanel{
-moz-transform: translateX(-20em);
-webkit-transform: translateX(-20em);
-ms-transform: translateX(-20em);
transform: translateX(-20em);
-moz-transition: -moz-transform 0.5s ease, visibility 0.5s;
-webkit-transition: -webkit-transform 0.5s ease, visibility 0.5s;
-ms-transition: -ms-transform 0.5s ease, visibility 0.5s;
transition: transform 0.5s ease, visibility 0.5s;
-webkit-overflow-scrolling: touch;
visibility: hidden;
overflow-y: auto;
position: fixed;
left: 0;
top: 0;
background-color: rgba(0,0,0,0.9);
color: #333;
height: 100%;
max-width: 80%;
width: 20em;
padding: 0.5em 1.25em;
}
#navPanel ul{list-style: none;margin: 0;padding: 0;}
#navPanel ul li{padding: 0;}
#navPanel ul li:first-child a:not(.button), #navPanel ul li:first-child span:not(.button){border-top: 0;}
#navPanel ul li a:not(.button),
#navPanel ul li span:not(.button){
border-top: solid 1px #555;
color: #fff;
display: block;
padding: 0.75em 0;
text-decoration: none;
}
#navPanel .button{width: 100%;}
#navPanel .close{
text-decoration: none;
border: 0;
color: #fff;
cursor: pointer;
display: block;
height: 4em;
padding-right: 1.25em;
position: absolute;
right: 0;
text-align: right;
top: 0;
vertical-align: middle;
width: 5em;
}
#navPanel .close:before{
content: 'X';
width: 3em;
height: 3em;
line-height: 3em;
display: block;
position: absolute;
right: 0;
top: 0;
text-align: center;
}
@media screen and (max-width: 736px){#navPanel .close{height: 4em;line-height: 4em;}}
#navPanel.visible{
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2);
visibility: visible;
}
#banner{line-height: 1.75;}
@media screen and (max-width: 980px){#banner{padding: 5em 3em 3em 3em;}}
@media screen and (max-width: 736px){#banner{padding: 4em 2em 2em 2em;}}
@media screen and (max-width: 480px){#banner{padding: 3em 2em 1em 2em;}}
#footer{padding: 1em 0 0 0;color: #fff;}
#footer a{color: #fff;text-decoration: none;margin: 15px; line-height: 3em;}
#footer p{padding: 0;}
#footer a:hover{color: #666;}
.details-card .news-articles{
max-width:366px;
overflow:hidden;
display:inline-block;
padding:5px;}
.details-card .news-articles .article-link{text-decoration:none;}
.details-card .news-articles .article-link .news-articles-img{display:inline-block;}
.news-articles .news-articles-img .bg-img{
display:inline-block;
padding:0px;
position:relative;
border-radius:14px;
background:linear-gradient(to right,#c0ad51,#730003);}
.details-card .news-articles .article-link .news-articles-img img{
width:100%;
border:4px solid;
border-top-color:currentcolor;
border-right-color:currentcolor;
border-bottom-color:currentcolor;
border-left-color:currentcolor;
border-color:#5f9ea000;
border-radius:15px;}
.details-card .news-articles .article-link .box-articles{color:darkgray;font-size:13px;}
.details-card .news-articles .article-link .news-articles-p{font-size:15px;text-align:justify;}
.bg-transparent{background-color:rgba(0,0,0,0.4);border-radius:10px;padding:20px;}