body {
 position: relative;
 background-color: white;
 padding: 0;
 min-height: 100vh;
 height: auto;
 margin: 0;
}

@media only screen and (max-width: 321px) {
 body {
  padding-bottom: 100px;
 }
}

@media only screen and (max-height: 500px) {
 body {
  padding-bottom: 100px;
 }
}

#wrapper {
 padding: 0;
}

body * {
 font-family: 'Open Sans', sans-serif;
}

#contact-dt {
 position: fixed;
 top: 0px;
 right: 10px;
 z-index: 200;
 font-size: 14px;
 transition: top 1s;
}

#contact-dt .label-inline {
 margin-bottom: 10px;
}
a.web-site {
 text-decoration: none;
 color: #e60000;
 border: 1px solid #e60000;
 padding: 10px;
 font-weight: bold;
 border-radius: 20px;
}

a.web-site:hover {
 transition: .5s;
 background-color: #e60000;
 color: white;
}

.tel span {
 display: inline-block;
 padding-right: 10px;
 font-size: 16px;
 position: relative;
 top: 3px;
}

#contact-dt .tel, .col-50 .tel {
 display: block;
 background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #0690cf 1%, #2977bc 100%) repeat scroll 0 0 !important;
 border: 1px solid #1597ce;
 border-radius: 3px;
 cursor: pointer;
 color: #fff;
 font-weight: 600;
 padding: 5px 15px;
 text-decoration: none;
 text-align: center;
 margin-bottom: 7px;
}

#contact-dt h2 {
 font-size: 18px;
 margin-bottom: 5px;
}

#contact-dt.p-down {
 top: -392px;
}

#contact-dt .icon-chevron-down {
 display: none;
}

#contact-dt.p-down .icon-chevron-down {
 display: inline-block;
}

#contact-dt.p-down .icon-chevron-up {
 display: none;
}

#contact-dt .ct-in {
 box-sizing: border-box;
 height: 390px;
 width: 270px;
 background-color: #f5f5f5;
 padding: 10px 15px 15px 15px;
 border: #D7D8D7 solid 1px;
 box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
}

#contact {
 position: absolute;
 bottom: -33px;
 right: 0;
 width: 70px;
 text-align: center;
 background-color: #f5f5f5;
 padding: 7px 15px;
 border: #D7D8D7 solid 1px;
 border-bottom-right-radius: 6px;
 border-bottom-left-radius: 6px;
 border-top: none;
 box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
 font-size: 14px;
 font-weight: 600;
 cursor: pointer;
}

#contact:hover {
 color: #ff5b42;
}

/* =============================================[   BANNER   ]=============================================== */

.banner {
 text-align: center;
 position: relative;
}

.banner img {
 width: 100%;
 max-width: 200px;
 height: auto;
}

.app-logo {
 margin: 15px;
 display: inline-block;
 width: 140px;
}

/* =============================================[   FOOTER   ]=============================================== */

footer {
 background-color: #363b3f;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 box-sizing: border-box;
 font-size: 13px;
 text-align: center;
}

footer p {
 color: rgba(255, 255, 255, .87);
}

footer p a, footer p a:visited {
 color: rgba(255, 255, 255, .87);
}