@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

body {font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; line-height: normal; color:#000;}
a, a:hover, a:focus{text-decoration:none; outline:none;}

h1,h2,h3,h4{font-family: 'Roboto Condensed', sans-serif;}

.site-header{position:relative; z-index:999;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2); font-size:0;}

.valign{display:inline-block; vertical-align:middle; float:none; font-size:16px;}

.top-header {padding: 10px 0;}
.top-right{text-align:right; font-family: 'Roboto Condensed', sans-serif;}
.top-right a{display:inline-block;}
.top-right a.email{margin-top:10px;}
.bottom-header {background-color: #4a4c4e; padding: 20px 0;}

.social-links{float:right; text-align:right;}
.social-links a {width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 50%; text-align: center; color: #000; margin-left: 5px; display: inline-block; -webkit-transition: .3s ease; transition: .3s ease; }
.social-links a .fa{line-height: 30px;}
.social-links a:hover {color: #1392ec; border-color: #1392ec;}

.banner{background:url(images/banner.jpg) no-repeat; background-size:cover; height:500px; margin-bottom:30px; position:relative;}
.banner-box{position:absolute; left:0; right:0; margin:auto; bottom:50px; text-align:center; font-size:30px; color:#fff; font-family: 'Roboto Condensed', sans-serif; text-shadow: 1px 1px 1px #000000;}
.banner-box h1{margin:0 0 20px; padding:0; font-size:42px; color:#fff;}
.banner-box a {
    color: #337ab7;
    text-shadow: none;
    font-weight: 500;
    text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}

.banner-box h3,.banner-box h4{color:#000;  text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;}
    .banner-box h4{margin-bottom:20px;}
.banner-box .form-inline{margin-bottom:15px;}
.banner-box .form-inline .form-group{width:100%; max-width:300px;}
.form-inline .form-control.input-lg{width:100%; height:54px; font-size:26px;}
.btn-group-lg > .btn, .btn-lg{height:54px; text-transform:uppercase; padding:10px 26px; font-size:26px;}
.banner:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:-1;}

.content-box{font-size:16px;}
.content-box ul li{line-height:26px;}
.bg-primary{padding:15px 25px; font-size:20px; font-family: 'Roboto Condensed', sans-serif;}

.footer{background-color: #4a4c4e; padding: 30px 0; text-align: center; font-size:14px; margin-top:30px; font-family: 'Roboto Condensed', sans-serif;}
.footer .colophon {color: #898b8d;}
.footer a{color:#fff;}

.modal-header .close{position: relative; z-index: 99;}
.smsg::before {background: #fff; content: ""; height: 100%; left: 0; position: fixed; text-align: center; top: 0; vertical-align: middle; width: 100%;
z-index: -1;}
.smsg {left: 0; position: absolute; right: 0; text-align: center; top: 50%; z-index: 1; font-size:22px;}

.left-corner{font-family: 'Roboto Condensed', sans-serif; position: absolute; top: 20px; left: 20px; color: #fff; text-align: center; width: 360px; background: #337ab7cf; padding:10px; font-size:26px;}
.right-corner{font-family: 'Roboto Condensed', sans-serif; position: absolute; top: 20px; right: 20px; color: #fff; text-align: center; padding:10px; background:#000c; font-size:26px; width: 360px;}
.right-corner a{display:block; color:#2dabe7; font-size:36px;}
.right-corner a:hover{ color:#fff;}

@media (min-width:1200px) {
.banner-box{font-size: 40px;}
.banner-box h1{font-size:52px;}
.banner-box .form-inline .form-group{max-width: 400px;}
}
@media (max-width:991px) {
.left-corner,.right-corner{display:none;} 
}
@media (min-width:992px) and (max-width:1199px) {
.banner{height:400px;}	
}
@media (min-width:768px) and (max-width:991px) {
.banner{height:350px;}	
}
@media (min-width:200px) and (max-width:767px) {
.top-right a.email{margin-top:0; margin-left:10px;}
.banner{height:300px;}
.banner-box{padding:0 15px; font-size:24px; bottom:20px;}
.banner-box .form-inline .form-group{margin:auto; margin-bottom:10px;}
.banner-box h1{font-size:26px;}
.form-inline .form-control.input-lg, .btn-group-lg > .btn, .btn-lg{font-size:20px; height:45px; padding-top:5px; padding-bottom:5px;}
}