﻿* {font-family: 'Lato', sans-serif;}

body,html {
    min-height:100%;
    height:100%;
    width:100%;
    background-color: #FFFFFF;
    font-size:14px;
    font-weight:normal;
    color:#333333;
    margin:0px;
}

body {
    margin-bottom:50px;
}

table {
    border-collapse:collapse;
    border-spacing:0;
    margin-left:auto; 
    margin-right:auto;
    padding:0px; 
}

.btnred {
    background-color:#ef473e;
    border:1px solid #ef473e;
    border-radius:10px;  
    text-decoration:none;
    font-weight:normal; font-size:20px;
    color:white;  
    padding: 10px;
    display:inline-block;
}
.btnred:HOVER {
    color:white;  
    background-color:#ef251a;
}
a {	color:black;}
a:HOVER {color:#ef473e;}
a.lnk2 {color:white;}
a.lnk2:HOVER {color:#ef251a;}
.blackout { position:fixed;  width:100%;height:100%; z-index:999; background-color:black;filter:alpha(opacity=60); top:0px; left:0px; opacity:0.6;  /* For IE8 and earlier */}
.main-div { display:block; box-sizing:border-box; padding-top: 10px; text-align:center;}
.hdr { font-family: 'Lato', sans-serif; font-size:30px; font-weight:lighter; color:#333333; }
.subhdr { font-family: 'Lato', sans-serif; font-size:20px; font-weight:bold; color:#333333; }
.smallhdr { font-family: 'Lato', sans-serif; font-size:14px; font-weight:bold; color:#333333; }
/* top menu */
.hdr_links {max-width:900px;display:inline-block; vertical-align:middle;height:60px; }
.link_table {padding:0px;margin-left:auto; margin-right:auto;}
.container_active {min-width:15%;height:60px;line-height:60px;display:block;position:relative;vertical-align:bottom;background-color:#ef473e;padding:0;text-align:center;bottom:0px;color:#ffffff;}
.container:hover {height:60px;line-height:60px;display:block;position:relative;vertical-align:bottom;background-color:#ef251a;bottom:0px;color:#ffffff;}
.container {min-width:15%;height: 60px;line-height: 60px;display: block;position: relative;vertical-align: bottom;bottom: 0px;padding:0;text-align:center;}    
.container_active:hover {color:#ffffff;}
.container a, .container_active a {color:#ffffff;text-decoration:none;font-weight:normal;}
.td_container {height:60px;padding:0;}	
a.hdrlink {font-family: 'Lato', sans-serif; font-size:18px;}
/* end top menu */
/* top burger menu*/
.b_container:hover {height:60px;line-height:60px;display:block;position:relative;vertical-align:bottom;background-color:#ef251a;bottom:0px;color:#ffffff;}
.b_container {height: 60px;line-height: 60px;display: block;position: relative;vertical-align: bottom;background-color:#ffffff;bottom: 0px;padding:0;text-align:center;border-bottom:2px solid #ef473e;}    
a.b_hdrlink {font-family: 'Lato', sans-serif; font-size:18px;text-decoration:none;color:black;}
a.b_hdrlink:hover {font-family: 'Lato', sans-serif; font-size:18px;text-decoration:none;color:black;}


@media all  {
    #divhdrdesktop {display:inline-block;}
    #divhdrmob {display:none;}
    .full {	display:block;  margin-left:auto; margin-right:auto; text-align:center;max-width:900px;} /**/
    .popup {

        margin-left: auto;
        margin-right: auto;
        z-index: 1000;
        width: 50%;
        background-color: white;
        padding: 30px;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #666666;
        display: none;
        left: 0px;
        right: 0px;
    }
    .popup {position:absolute; top: 220px;}
     form {margin-left:0%;margin-right:0%;}
    .orange {color:#ef473e;}
    .bgorange {background-color:#ef473e;}
    h1 {font-weight:bold;color:white;font-size:25px;font-style:italic; }
    h2 {font-weight:normal;color:black;font-size:22px;margin-top:0px;margin-bottom:10px;margin-left:0px;} }
    .divbody { background-color:white;display:inline-block;border-radius:5px;font-family: 'Lato', sans-serif;width:100%;box-sizing:border-box;padding:20px;min-height:400px;font-size:14px;}    
    .divfootersection {width:33%; float:left; color:white; font-size:12px;}
    .divmidsectionlhs {width:49%; float:left; color:#333333; font-size:14px; box-sizing:border-box;padding-right:15px;padding-bottom:15px;}
    .divmidsectionrhs {width:49%; float:right; color:#333333; font-size:14px;box-sizing:border-box;padding-left:15px;padding-bottom:15px;}
    img.rhs {max-width:400px;float:right;width:100%;margin-left:10px;}
    div { text-align: left;font-size:16px;}
}

@media( max-width: 1000px ) {
    .popup .popup_wide {width: 80%;}
 }

@media  ( max-width: 500px ) {
    #divhdrdesktop {display:none;}
    #divhdrmob {display:inline-block;}
    .divbody { border-radius:0px;min-height:100px;font-size:16px;}    
    .full {max-width:340px;} 
    .popup .popup_wide {width: 90%;}
    .divfootersection {width:100%;float:none; }
    .divmidsectionlhs {width:100%; float:none; font-size:16px;padding:0;}
    .divmidsectionrhs {width:100%; float:none; font-size:16px;padding:0;}
    img.rhs {width:100%;max-width:290px;float:none;border-bottom:15px;margin-left:0px;}
    h1 {font-size:22px;font-weight:normal;}
    h2 {font-size:20px;margin-top:10px;margin-bottom:10px;} }
    div { text-align: left;font-size:16px;}
}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.box1 {background-color:#ffffff;border:1px solid #cccccc;border-radius:6px;}
