h1 {
    font-size:2em;
    margin:5px 0px 10px;
}

h2 {
    font-size:1.5em;
    margin:5px 0px;
}

h3 {
    font-size:1em;	
}

p {
    margin-bottom:1em;
    line-height:1.2em;
}

a {
    color:inherit;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
    color:inherit;
}

a:visited {
    color:inherit;
}

u {
    text-decoration:underline;	
}

strong, b {
    font-weight:bold;
}

em {
    font-style:italic;	
}

img {
    max-width: 100%;
    height: auto;
}


/*==========================================*/

.container {
    width:100%; 
    max-width: 1920px; 
    margin:auto;
}

.container-100 {
    width:100%;
    position: relative;
}

.container-1200 {
    width:1200px;
    margin: auto;
    max-width: 98%;
    position: relative;
}

.container-1000 {
    width:95%;
    margin: auto;
    max-width: 1000px;
    position: relative;
}

.clear { clear:both; }

.spacer-5 { clear:both; height:5px; }
.spacer-10 { clear:both; height:10px; }
.spacer-20 { clear:both; height:20px; }
.spacer-30 { clear:both; height:30px; }
.spacer-50 { clear:both; height:50px; }
.spacer-100 { clear:both; height:100px; }
.spacer-200 { clear:both; height:200px; }


.text-12 { font-size:12px;}
.text-14 { font-size:14px;}
.text-16 { font-size:16px;}
.text-18 { font-size:18px;}
.text-20 { font-size:20px;}
.text-25 { font-size:25px;}
.text-30 { font-size:30px;}
.text-35 { font-size:35px;}
.text-40 { font-size:40px;}

@media screen and (max-width: 800px) {
.sm-text-16 {font-size:16px;}
.sm-text-20 {font-size:20px;}
.sm-text-25 {font-size:25px;}
.sm-text-30 {font-size:30px;}
}

.line-height-20 { line-height: 20px;}
.line-height-24 { line-height: 24px;}

.text-bold { font-weight: 700;}
.text-medium { font-weight: 500;}
.text-normal { font-weight: 400;}
.text-light { font-weight: 300;}

.text-underline {
    text-decoration: underline;
}

.text-alert {
    color: red;
}
.text-success {
    color:#1dc116;
}
.bg-white { background-color: white; }
.bg-black { background-color: black; }

.color-white { color: #FFFFFF;}
.color-black { color: #000000;}

.padding-5 { padding: 5px;}
.padding-10 { padding: 10px;}
.padding-15 { padding: 15px;}
.padding-20 { padding: 20px;}
.padding-30 { padding: 30px;}
.padding-5-0 { padding: 5px 0px;}
.padding-10-0 { padding: 10px 0px;}
.padding-20-0 { padding: 20px 0px;}
.padding-0-10 { padding: 0px 10px;}
.padding-0-20 { padding: 0px 20px;}

@media screen and (max-width: 800px) {
.sm-padding-15 { padding: 15px;}    
}

.margin-bottom-10 { margin-bottom: 10px;}
.margin-bottom-20 { margin-bottom: 20px;}

.rounded-box-10 { border-radius: 10px;}
.rounded-box-20 { border-radius: 20px;}

.border-1-gray { border:1px solid rgb(200,200,200);}


div.align-center { text-align:center; }
div.align-right { text-align:right; }
div.align-left { text-align:left; }
@media screen and (max-width: 800px) {
div.sm-align-center {
    text-align:center !important;
}    
}
@media screen and (max-width: 1200px) {
div.md-align-center {
    text-align:center !important;
}    
}

.invisible {display:none;}
.opacity-0 {opacity:0;}

img.align-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
img.align-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

#popup-bg {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    padding-top:100px;
    height:2000px;
    background-color:rgba(0,0,0,0.5); 
    text-align:center; 
    display:none; 
}
#popup-msg {
    width:500px;
    max-width:70%;
    margin:auto;
    padding:30px 3%;
    background-color:white;
    border:10px solid rgb(150,150,150);
    border-radius:10px;
    background-image:url(../img/close.png);
    background-position:top right;
    background-repeat:no-repeat;
    cursor:pointer;
}