@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css");
@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css");

body{
    background-color:#5a5a5a;
    color:#000;
}
::selection{
    background-color: #bf0e1f;
    color:#fff;
}
::-moz-selection{
    background-color: #bf0e1f;
    color:#fff;
}
img{
    display: block;
    height: auto;
    max-width: 100%;
}
header{
    background: -moz-linear-gradient(top, rgba(90,90,90,0.9) 54%, rgba(255,255,255,1) 54%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(54%,rgba(90,90,90,0.9)), color-stop(54%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(90,90,90,0.9) 54%,rgba(255,255,255,1) 54%);
    background: -o-linear-gradient(top, rgba(90,90,90,0.9) 54%,rgba(255,255,255,1) 54%);
    background: -ms-linear-gradient(top, rgba(90,90,90,0.9) 54%,rgba(255,255,255,1) 54%);
    background: linear-gradient(to bottom, rgba(90,90,90,0.9) 54%,rgba(255,255,255,1) 54%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e65a5a5a', endColorstr='#ffffff',GradientType=0 );
    box-shadow:0 0 0.4em #000;
    top:0;
    left:0;
    position:fixed;
    width:100%;
    z-index:2;
}
header #logo{
    background:#fff;
    padding-bottom:1em;
    padding-top:1em;
}
header #form {
    background: none repeat scroll 0 0 #fff;
    padding-bottom: 0.9em;
    padding-top: 0.9em;
}
header #form .form-control{
    display:inline;
}
header #form .form-control:focus {
  border-color: #ce171d;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(206, 23, 29, 0.6);
  outline: 0 none;
}
header #form select,
header #form input[type="text"]{
    width:100%;
    margin-bottom:15px;
}
header #menu button,
header #form input[type="submit"]{
    width:100%;
}
header #menu{
    display:none;
    background: none repeat scroll 0 0 #fff;
    padding-bottom: 0.9em;
    padding-top: 0.9em;
}
section{
    bottom:0;
    height:100%;
    left:0;
    right:0;
    top:0;
    width:100%;
    position:absolute;
    z-index:1;
}
.dvRect{
    background-color:#FF000D;
    border-radius:7px;
    color:#fff;
    height:15px;
    width:15px;
    text-align:center;
    margin:-7px 0 0 -7px;
}
#dvMap{
    height:100%;
    width:100%;
}
@media (min-width: 768px){
    header{
        overflow:hidden;
    }
    header #logo{
        background: -moz-linear-gradient(21deg, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 91%, rgba(255,255,255,0) 92%);
        background: -webkit-gradient(linear, left bottom, right top, color-stop(80%,rgba(255,255,255,1)), color-stop(80%,rgba(255,255,255,0)), color-stop(91%,rgba(255,255,255,0)), color-stop(92%,rgba(255,255,255,0)));
        background: -webkit-linear-gradient(21deg, rgba(255,255,255,1) 80%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 91%,rgba(255,255,255,0) 92%);
        background: -o-linear-gradient(21deg, rgba(255,255,255,1) 80%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 91%,rgba(255,255,255,0) 92%);
        background: -ms-linear-gradient(21deg, rgba(255,255,255,1) 80%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 91%,rgba(255,255,255,0) 92%);
        background: linear-gradient(21deg, rgba(255,255,255,1) 80%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 91%,rgba(255,255,255,0) 92%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    }
    header .container::before {
        background: none repeat scroll 0 0 #fff;
        content: " ";
        height: 100px;
        left: 0;
        position: absolute;
        top: 34px;
        width: 16%;
        z-index: 0;
    }
    header .row{
        margin-top:34px;
    }
    header #form select,
    header #form input[type="text"]{
        margin-bottom:0;
        width:40%;
    }
    header #form input[type="submit"]{
        width:18%;
    }
}
@media (min-width: 992px){
    header{
        background: -moz-linear-gradient(top, rgba(90,90,90,0.9) 57%, rgba(255,255,255,1) 57%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(57%,rgba(90,90,90,0.9)), color-stop(57%,rgba(255,255,255,1)));
        background: -webkit-linear-gradient(top, rgba(90,90,90,0.9) 57%,rgba(255,255,255,1) 57%);
        background: -o-linear-gradient(top, rgba(90,90,90,0.9) 57%,rgba(255,255,255,1) 57%);
        background: -ms-linear-gradient(top, rgba(90,90,90,0.9) 57%,rgba(255,255,255,1) 57%);
        background: linear-gradient(to bottom, rgba(90,90,90,0.9) 57%,rgba(255,255,255,1) 57%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e65a5a5a', endColorstr='#ffffff',GradientType=0 );
    }
    header #form,
    header #menu {
        margin-top: 2.6em;
        padding-bottom: 0.6em;
        padding-top: 0.6em;
    }    
}
@media (min-width: 1200px){
    header #form,
    header #menu {
        margin-top: 3.1em;
        padding-bottom: 0.9em;
        padding-top: 0.7em;
    }
}
@media (min-width: 1600px){
    header .container::before {
        width: 20%;
    }
}