/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}.paragraph ul {list-style: disc; margin-left: 1.25rem;}


@media (min-height: 400px) { 
    body {
        zoom: 80%;
    }
}

@media (min-height: 500px) { 
    body {
        zoom: 90%;
    }
}

@media (min-height: 600px) { 
    body {
        zoom: 100%;
    }
}

/*
@media (min-height: 700px) { 
    body {
        zoom: 110%;
    }
}

@media (min-height: 800px) { 
    body {
        zoom: 120%;
    }
}

@media (min-height: 900px) { 
    body {
        zoom: 130%;
    }
}

@media (min-height: 1000px) { 
    body {
        zoom: 140%;
    }
}

@media (min-height: 1100px) { 
    body {
        zoom: 150%;
    }
}

@media (min-height: 1200px) { 
    body {
        zoom: 160%;
    }
}

@media (min-height: 1400px) { 
    body {
        zoom: 170%;
    }
}
*/

body {
    font-family: "Titillium Web";
    font-size: 1rem;
}

button {
    cursor: pointer;
    font-weight: 400;
    font-style: bold;
    font-size: 0.9375rem;
    text-decoration: none;
    letter-spacing: 0.03125rem;
    border: none;
}

.error {
    border: 0.2em solid red;
    background-color: #FFDDDD;
}

.btn1 {    
    background-color: #790000;
    color: white;
}

.btn-s-1 {    
    background-color: #FF0000;
    color: white;
    height: 1.75rem;
    margin: 0.3125em 0;
    border-radius: 0.25rem;
    font-weight: bold;
    font-size: 0.6875rem;
    font-family: "Titillium Web";
}

.btn-m-1 {
    background-color: #ca8b30;
    color: white;
    height: 2.5rem;
    margin: 0.3125em 0;
    border-radius: 0.25rem;
    font-weight: bold;
    font-size: 0.8125rem;
    font-family: "Titillium Web";
}

.btn-m-2 {
    background-color: #009f54;
    color: white;
    height: 2.5rem;
    margin: 0.3125em 0;
    border-radius: 0.25rem;
    font-weight: bold;
    font-size: 0.8125rem;
    font-family: "Titillium Web";
    padding: 0 1.875rem;
}

.btn-m-3 {
    background-color: #0a618a;
    color: white;
    height: 2.5rem;
    margin: 0.3125em 0;
    border-radius: 0.25rem;
    font-weight: bold;
    font-size: 0.8125rem;
    font-family: "Titillium Web";
    padding: 0 1.875rem;
}

.shape-btn {
    padding: 0;
}

.active {
    border:0.0625em solid black;
}

.btn2 {
    background-color: #009F54;
    color: white;
    padding: 0.625rem;
}

.close {
    font-size: 1.875rem;
    background-color: transparent;
}

.title {
    font-weight: bold;
    font-size: 1rem;
}

.lbl1, .input1 {
    font-weight: bold;
    font-style: normal;
    font-size: 0.6875rem;
    text-decoration: none;
    letter-spacing: 0.5px;
    line-height: 1.1875rem;
    font-family: "Titillium Web";
}

.info {
    background-color: #e7eff3;
    padding: 0.625em 1.875rem;
}

.btn-info {
    font-size: 0.75rem;
    color: #0a618a;
    background-color: transparent;
}

.info:before {
    font-size: 0.75rem;
    color: #0a618a;
    font-family: FontAwesome;
    content: "\f05a";
    margin-left: -1.125rem;
    margin-right: 0.5rem;
}

.info, .txt {
    font-weight: 600;
    font-style: normal;
    font-size: 0.625rem;
    text-decoration: none;
    letter-spacing: 0.5px;
    line-height: 1.1875rem;
    font-family: "Titillium Web";
}

.footer {
    font-weight: bold;
    color:white;
    font-style: normal;
    font-size: 0.6875rem;
    text-decoration: none;
    font-family: "Titillium Web";
}

a.footer:hover {
    color: #768158;
}

.spinner1 {
    padding-left: 0.125rem;
}

.dropdown1, .spinner1 {
    border: 0.0625em solid #d6d6d6;
    border-radius: 0.25rem;
    font-size: 0.6875rem;
    font-family: "Titillium Web";
}

.popup {    
    background-color: rgba(255,255,255,1);      
    margin: -12.6875rem;
}

.content .flow{
    padding: 0.3125em 0;
}

.caption {
    font-size:  1.25rem;
    font-weight: bold;
    color: #790000;
}