/*!
 * Start Bootstrap - Heroic Features HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.



 */




@font-face {
    font-family: 'highlandgothicflfregular';
    src: url('../fonts/highlandgothicflf-webfont.eot');
    src: url('../fonts/highlandgothicflf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/highlandgothicflf-webfont.woff2') format('woff2'),
         url('../fonts/highlandgothicflf-webfont.woff') format('woff'),
         url('../fonts/highlandgothicflf-webfont.ttf') format('truetype'),
         url('../fonts/highlandgothicflf-webfont.svg#highlandgothicflfregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'highlandgothiclightflfregular';
    src: url('../fonts/highlandgothiclightflf.eot');
    src: url('../fonts/highlandgothiclightflf.eot?#iefix') format('embedded-opentype'),
         url('../fonts/highlandgothiclightflf.woff2') format('woff2'),
         url('../fonts/highlandgothiclightflf.woff') format('woff'),
         url('../fonts/highlandgothiclightflf.ttf') format('truetype'),
         url('../fonts/highlandgothiclightflf.svg#highlandgothiclightflfregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
   font-family: 'Open Sans', sans-serif;
    background: #cccccc;
    box-shadow: 0 0 5px #ccc;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0;
}

h1 h2 h3 h4 h5 h6 {color: #2b0e72;}


.container  {background: #ffffff;}


.navbar-default li a  {color:#2b0e72; }

footer {
    margin: 50px 0;
}

footer a {color: #ffffff;}
footer a:hover {color: #dc2917; text-transform: none;}


.banner {padding-bottom:30px;}



.main-services {background: #2b0e72; color: #ffffff; font-size: 1.5em; font-family: 'highlandgothiclightflfregular'; letter-spacing: 1px; padding: 10px; width: 100%; text-align: center;}

.main-services i {font-size: 2.5em; color: #d6200a;} 

.main-services a {color: #ffffff; text-decoration: none;}


.sidebar .caption a { color: #2b0e72; font-size: 20px; font-family: 'highlandgothiclightflfregular'; text-decoration: none;}

.getintouch {padding: 10px 0px 10px 0px;  border-bottom: 1px solid #cccccc; }

.sidebar i {font-size: 50px; color: #2b0e72; float: left; padding-right: 10px;}

.span {padding-top:15px; }




h1 { border-left:4px solid #dc2917; font-size: 20px; padding: 5px 5px 5px 15px; }

.top-address {color: #2b0e72; font-size: 30px;}

.top-address li {font-size: 12px; list-style: none; }

.top-address i {font-size: 30px; color: #dc2917;}

.top-address .address {font-size: 15px;}


.navbar-default {background: none; border: none;}

.navbar-default .navbar-nav > li > a {font-size:24px; text-transform: uppercase; color: #2d2360; }


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    
    background: none; border-bottom: 4px solid #dc2917; }




.contact-info i {color: #fff;font-size: 60px;height: 60px;line-height: 60px;text-align: center; width: 60px;
}


.contact-info h3 {margin-top: 0;
}


footer {background: #2b0e72; padding: 20px; color: #ffffff; }
footer .media-body i  {font-size: 20px;  color: #ffffff; padding: 0px; }
.media-body p {display: 0px!important;}

footer h3 {color: #ffffff; font-family: 'highlandgothiclightflfregular';}


/*=====================================================
=            Bootstrap 2.3.2 Media Queries            =
=====================================================*/
@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 979px) {

}

@media only screen and (max-width : 767px) {
    
    .getintouch {display: none; }
    
    .main-services {background: #2b0e72; color: #ffffff; font-size: 12px; font-family: 'highlandgothiclightflfregular'; letter-spacing: 1px; padding: 5px; width: 100%; text-align: center;}

.main-services i {font-size: 25px; color: #d6200a;} 
    
    


}

@media only screen and (max-width : 480px) {

}

@media only screen and (max-width : 320px) {

}