@charset "utf-8";
body {font-family: 'Bitter', serif;}

.mysrsl {margin-top:90px;}

.navbar-default {background-color:#fff; min-height:90px;}
.navbar-brand {height:81px;padding:0px 15px;max-width:300px; margin-top:10px;}

.navbar-nav > li > a {padding:35px 15px;font-size:18px;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#dc020e;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#fff;background:#dc020e;}
.navbar-right {margin-right:0px;}

.banner {margin-top:90px;}
.banner img, .mysrsl img{width:100%;}
h1 {font-size:36px; line-height:1;margin-bottom:0px; font-weight:400;}
h2 {font-size:24px; line-height:1;margin-bottom:0px;margin-top:0px; font-weight:400;}
h1.title {font-size:40px;margin-top:30px; margin-bottom:30px;}


.box {position:relative;margin-bottom:30px;overflow:hidden;}
.box .caption{position:absolute;width:100%; height:auto;left:0px; top:50%; text-align:center;color:#fff;transform:translatey(-50%);}
.carousel-control {width:40px;}
.carousel-control.right, .carousel-control.left {background-image:none;}
.box img {width:100%;height:auto;}

.mapCont {width:100%; height:250px;}
#map-canvas {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.footer {color:#fff;background:#dc020e; padding:20px; margin-top:40px;font-size:12px;text-align:center;}
.footer a, .footer a:hover {color:#fff;}

.btn-default {background:#dc020e;color:#fff; border-radius:0px; border:1px solid #dc020e;}
.btn-default:hover, .btn-default:active, .btn-default:active:hover {background-color:#fff; color:#dc020e;border:1px solid #dc020e;}

.services_div{
    font-size: 15px;
}

.services_div ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.services_div ul li {
  padding-left: 1em; 
  text-indent: -.7em;font-size:larger;
}

.services_div ul li::before {
  content: "• ";
  color: #dc020e; /* or whatever color you prefer */
  margin-right: 6px;
}
.services_div p strong{
    text-decoration: underline;
    -moz-text-decoration-color: #dc020e; /* Code for Firefox */
    text-decoration-color: #dc020e;
}
.special_div{
    background: #dc020e;display:none;
    color: #FFFFFF;
    font-size: 16px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    padding: 7px 20px;
    box-shadow: 0px 0px 5px 0px #333333;
}

@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;margin-top:30px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}

@media screen and (max-width:767px) {
	
	.mysrsl {
    margin-top: 60px;
}
	.navbar-brand {width:200px; height:auto;margin-top:0px;}
	.navbar-default {min-height:60px;padding-top:10px;}
	.banner {margin-top:60px;}
	.navbar-nav > li > a {padding:15px 15px;font-size:18px;}
	.navbar-right {margin-right:-15px;}
	.box{ height:100vh;}
	 .navbar-toggle {
            margin-top:0px;
        }
        .special_div{
            font-size: 11px;
            padding: 7px 10px;
        }
}
	
	@media screen and (max-width:420px) {
		.box{ height:auto;}	
		}
		
		/* YOUR CSS simplified */  
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
        display: block;
        height: auto;
        width: 100%;
        line-height: 1;
    }

/*Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}    
.carousel-fade .carousel-inner .active {
  opacity: 1;
}    
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}    
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}    
.carousel-fade .carousel-control {
  z-index: 2;
}

/*WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}