/* BRANDING */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@font-face {
  font-family: 'HelveticaKVAFont';
  src: url('../fonts/HelveticaKVAFont.eot?#iefix') format('embedded-opentype'),  
    url('../fonts/HelveticaKVAFont.woff') format('woff'), 
    url('../fonts/HelveticaKVAFont.ttf')  format('truetype'), 
    url('../fonts/HelveticaKVAFont.svg#HelveticaKVAFont') format('svg');
  font-weight: normal;
  font-style: normal;
}
ul li{list-style: none;}
*{margin:0px; padding:0px;}
.clearfix{clear:both;}
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 font-family: 'Open Sans', sans-serif;
 color: #111111;
}
.color-white{
color: #ffffff;;
}
.color-dark{
color: #111111;;
}
.bg-dark{
background-color: #111111;;
}
.color-blue{
color: #001996;;
}
.color-red{
color: #F00000;;
}
.bg-blue{
background-color: #001996;;
}
.bg-lightblue{
background-color: #eef3f3;
}
.bg-lightgrey{
background-color: #F5F6F6;
}
.bg-darkgrey{
background-color: #4a4a4a;
}
.bg-yellow{
background-color: #ffdd40;
}
.bg-red{
background-color: #F00000;
}
.bg-white{
background-color: #FFFFFF;
}
.btn-yellow{
color:#111 !important;
background-color: #fbdd40;
}
.btn-yellow:hover{
background-color: #f8c81e;
}




/* custom styles */
body {
    background:#eef3f3;
    }
    .page-wrapper {
    background: #ffffff;
    max-width:1090px;
    margin:0 auto;
    }
    .container {
    max-width:1090px;
    }
    .site-header {
    padding-top: 30px;
    }
    /* HERO SECTION */

    .intro-content {
        WIDTH:80%;
        margin:0 auto;
    }
    .hero-section{
    background: url("https://image.connect.purolator.com/lib/fe43157075640475771570/m/2/0b4217f0-f68a-410c-8e93-6ad1f9b37d53.jpg") no-repeat;
    /* min-height:410px; */
    background-position:top;
    }

    .overlay {
        /* background-color: rgba(0,0,0,0.3); */
        color: #808285;
        text-align: center;
        font-size: 12px;
        position: absolute;
        /* top: 0; */
        bottom: 20px;
        right: 0;
    }

    section#blue-section {
    background:#001996;
    color:white!important;
    padding-top: 10px;
    padding-bottom: 10px;;
    }
    .img-container {
    /* background:red; */
    height:140px;
    }
    section#blue-section h4, section#blue-section h2 {
    color:white;
    }
    section#timeline {
    background:#ebebeb;
    }
    section#photo-winner .col-md-3.text-center img {
    -webkit-box-shadow: -1px 11px 15px -4px #8C8C8C;
    box-shadow: -1px 11px 15px -4px #8C8C8C;
    }
    
    .bold {font-weight: 700;}
    /* LEFT COL STYLES */
    .left-col h2 {
    font-weight: 700;
    margin-top:40px;
    margin-bottom:15px;
    }
    .align-center {
    display:block;
    margin:0 auto;
    }
    .left-col h3 {
    margin-top: 30px;
    }
    .accordian-container {
    margin-top: 30px;
    }
    .panel-body ul li {
    list-style: disc;
    }
    .panel-body ul {
    margin-left: 20px;
    }
    /* FAQ accordian style */
    .panel-body ul li ul li {
        list-style-type: circle;
    }
    .panel.panel-default {
    border: 1px solid #999999;
    padding: 20px 10px 10px;
    margin-bottom: 20px;
    }
    .accordian-container .panel-title a {
    color:#001996;
    }
    @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
    .panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    color:#999999;
    display: flex;
    justify-content: center;
    }
    .panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
    display: flex;
    justify-content: center;
    }
    .panel-title > a:hover, 
    .panel-title > a:active, 
    .panel-title > a:focus  {
    text-decoration:none;
    }
    .panel-heading {
    margin-bottom: 10px;
    }
    .panel-title > a:before {
    /* background:yellow; */
    border:1px solid #999999;
    height:25px;
    width:25px;
    border-radius: 50%;
    }
    /* form styles */
    label.form-check-label.radio.manual-checkbox {
    font-size: 1.2rem;
    }
    .form-container {
    border:1px solid #999999;
    padding:40px;
    }
    .form-container h3 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px;
    }
    .form-container label {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.75rem;
    }
    .form-container input {
    border-bottom: 1px solid #000;
    padding-left: 0;
    padding-right: 0;
    font-style:italic;
    }
    .form-container .form-group {
    margin-bottom: 30px;
    }
    .form-check.submit {
    text-align: center;
    }
    label.form-check-label.radio{text-transform: none;}
    input#manualcheck_id {
    transform: scale(1.5) translateY(1px);
    }
    label.form-check-label {
    font-size:1rem;
    }
    .form-check.form-copy.manual-row {
    /* padding-left: 0; */
    padding-left: 1.7rem;
    margin-top: 20px;
    }
    /* button */
    .btn.btn-primary.red{
    background-color:#ee352a!important;
    border:none!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
    padding-top: 13px!important;
    padding-bottom: 13px!important;
    font-weight: bold;
    margin-top: 30px;
    opacity:1;
    }
    .btn.btn-primary.red:hover {
    opacity:.8;
    }
    .form-check.form-copy {
    margin-top: 10px;
    }
    #legal {padding-top: 30px; padding-bottom: 30px;}

section#legal a {
    text-decoration: underline;
}