@charset "utf-8";

* {
padding: 0;
margin: 0;
outline: 0;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body, 
html {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
outline: 0;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
background-color: #FFFFFF;
overflow-x: hidden;
vertical-align: baseline;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
min-height: 100%;
overflow: auto;
overflow: initial;
background-color: #FFFFFF;
}

*:focus {
outline: 0;
}

*, *::before,
*::after {
box-sizing: border-box;
}

body a {
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
}

ol,
ul {
padding: 0;
margin: 0;
list-style: none;
}

ul li {
margin: 0; 
padding: 0;
list-style: none;
}

br {
display: block;
line-height: 125%;
}

a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 0;
outline-color: transparent;
outline-width: 0;
outline-style: none;
box-shadow: 0;
}

.btn {
font-size: 12px;
}

a {
-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;
}

a:hover {
-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;
}

b,
strong {
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
font-size: 12px;
}

.text-uppercase {
text-transform: uppercase;
}

.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}

hr {
display: block;
width: 100%;
height: 1px;
border: 0;
border-top: 1px solid #CCCCCC;
padding: 0;
margin: 20px 0 15px 0;
clear: both;
}

img {
width: auto;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
border: 0;
vertical-align: middle;
-webkit-user-select: none;  /* Chrome all / Safari all */
-moz-user-select: none;  /* Firefox all */
-ms-user-select: none;/* IE 10+ */
-o-user-select: none;
user-select: none;
}

.img-responsive {
border-radius: 6px;
}

.no-padding {
padding-left: 0;
padding-right: 0;
}

.no-padding [class^="col-"] {
padding-left: 0;
padding-right: 0;
}

.clear {
clear: both;
}

a:focus,
a:active {
outline: 0;
}

a img {
border: 0 !important;
}

#msg_status {
margin: 0 0 25px 0;
text-align: left;
}

.container,
.content {
width: 100%;
margin: 0;
padding: 0 10px;
}

.container-fluid {
margin: 0 auto;
padding: 0 8px;
max-width: 1200px !important;
}

.above {
width: 100%;
margin: 0;
padding: 0;
background-color: #FFFFFF;
}

.above img {
margin: 20px 0 10px 0;
}

.below {
width: 100%;
margin: 0;
padding: 0;
background-color: #573F71;
}

.below h3 {
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
line-height: 22px;
color: #FF0000;
font-weight: bold;
padding-bottom: 10px;
}

header {
width: 100%;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FFFFFF;
margin: 0;
padding: 50px 0 40px 0;
background-color: #6F538D;
}

header .add1 {
text-align: left;
}

header .add2 {
text-align: right;
}

header ul {
list-style: none;
padding: 0;
margin: 0;
}

header ul > li {
display: block;
color: #FFFFFF;
font-size: 12px;
line-height: 25px;
padding: 0;
margin: 0;
}

.content {
position: relative;
min-height: 380px !important;
padding-top: 10px;
padding-bottom: 10px;
background-color: #FFFFFF;
}

.content h1 {
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
font-weight: bold;
line-height: 26px;
color: #000000;
padding: 5px 0;
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 1px;
}

.content p {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 22px;
color: #000000;
}

.content ul li {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 22px;
color: #000000;
}

footer {
postion: relative;
margin: 0;
padding: 0;
border: 0;
width: 100%;
}

.footer-copyright {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
text-align: center;
margin: 0;
padding: 20px 0 10px 0;
background-color: #573F71;
}

.cd-top {
display: inline-block;
height: 28px;
width: 28px;
position: fixed;
bottom: 2px;
right: 2px;
line-height: 24px;
font-size: 22px;
text-align: center;
color: #FFFFFF;
background-color: #573F71;
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

.cd-top.cd-fade-out {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
}

.no-touch .cd-top:hover,
.no-touch .cd-top:focus {
color: #FFFFFF;
opacity: 0.85;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
-moz-opacity: 0.85;
-webkit-opacity: 0.85;
-khtml-opacity: 0.85;
filter: alpha(opacity=85);
}

#ageModal .modal-dialog {
vertical-align: middle;
width: 100%;
max-width: 420px;
height: auto;
padding: 0 20px;
-webkit-box-shadow: 0 !important;
moz-box-shadow: 0 !important;
-o-box-shadow: 0 !important;
box-shadow: 0 !important;
}

#ageModal .modal-content {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #FFFFFF;
border-radius: 6px;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0);
-moz-box-shadow: 0 5px 15px rgba(0,0,0,0);
-o-box-shadow: 0 5px 15px rgba(0,0,0,0);
box-shadow: 0 5px 15px rgba(0,0,0,0);
outline: 0 !important;
}

#ageModal .modal-body {
height: auto;
margin: 0;
padding: 0;
}

#ageModal .group,
#ageModal .form-group {
width: 100%;
margin: 0 auto;
text-align: center;
padding: 15px;
}

#ageModal .logo-img-card {
display: block;
width: 195px;
height: auto;
margin: 10px auto 15px auto;
padding: 0;
border: 0;
outline: 0;
}

#ageModal p.description {
font-family: Verdana, Geneva, sans-serif; 
font-size: 12px;
line-height: 24px;
color: #000000;
text-align: justify;
}

#ageModal p.question {
font-family: Verdana, Geneva, sans-serif; 
font-size: 18px;
line-height: 24px;
color: #000000;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}

#ageModal p.notice {
font-family: Verdana, Geneva, sans-serif; 
font-size: 14px;
line-height: 24px;
color: #FF0000;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}

#ageModal input[type="submit"] {
width: 60px;
height: 30px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FFFFFF;
border: 0;
text-decoration: none;
background-color: #6F538D;
padding: 3px;
margin: 3px;
-webkit-transition: .3s all;
-moz-transition: .3s all;
-o-transition: .3s all;
-ms-transition: .3s all;
transition: .3s all;
}

#ageModal input[type="submit"]:focus,
#ageModal input[type="submit"]:visited,
#ageModal input[type="submit"]:active,
#ageModal input[type="submit"]:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #573F71;
}

@media (max-width: 767px) {

.content {
padding-top: 5px;
}

.modal-content {
width: 100%;
}
	
header {
width: 100%;
margin: 0;
padding-bottom: 10px;
}

header {
padding: 30px 0;
}

header .add1 {
margin: 10px 0 5px 0;
text-align: left;
}

header .add2 {
margin: 20px 0 15px 0;
text-align: left;
}

#ageModal .modal-dialog {
width: 96%;
margin: 40px auto 5px auto;
padding: 0;
}

}