@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html, body{height:100%;}
body{margin:0px; font-family: 'Roboto', sans-serif;}
p{line-height:24px; color:#666; text-align:justify;}
.headerTop{background:transparent; width:100%; padding:0px 30px; position:fixed; top:0; z-index:9999;}
.bannerHolder{padding:0px; background:url(../images/bannerBGone.jpg) center top no-repeat; background-size:cover;}
.highliteSection{padding:0px 15px 70px;}
.highliteSection .redSection{background:#d40000; color:#f9f9f9; font-size:21px; font-weight:800; position:relative; top:-30px; border:none; border-radius:7px; text-align:center; padding:10px 0px; margin:0px; clear:both;}
.highliteSection h2.colorRed{color:#d40000;}
.highliteSection p.head{font-size:18px; padding:20px 0px;}
.highliteSection h2.innerText{border-left:5px #d40000 solid; margin:30px 0px 0px; padding:15px;}
.highliteSection .img-thumbnail{margin:0px 0px 20px 20px; padding:15px;}

.innerBGone{width:100%; height:360px; background:url(../images/innerBGone.jpg) center top no-repeat; background-size:cover;}

.greySection{background:#f7f7f7; padding:0px 0px 70px;}
.greySection .col-sm-5{width:45%; padding:70px 0px 0px;}
.greySection img{margin-bottom:30px;}
.greySection .col-sm-offset-2{margin-left:10%;}
.greySection h2{border-left:5px #d40000 solid; margin:0px; padding:15px;}

.footer {background: #444; color: #fff; position: relative; z-index: 10; padding:15px;}
.footer p { color: #fff; font-size: 14px; font-weight: 300; margin:15px 0px 0px; text-align:center;}
.footer p.copyright { font-size: 12px;}
.footer p a { color: #fff; font-size: 14px; font-weight: 300; padding: 10px;}

.navbar-brand {padding: 0px;}
.fixed-me{transition: all 1s ;}
.fixed-me{ background-color:#fff !important; padding: 0px  !important; margin-bottom: 5px; position: fixed; top:0; z-index:888; width: 100%; border-bottom: 1px solid #ccc !important;}
.fixed-me ul li a {color:#333 !important;}
.navbar-me {transition: all 1s ; padding: 5px !important; background-color: rgba(0,0,0,0.3); top: 0px; border: 0px; border-radius: 0px;}
.navbar-me .navbar{margin-bottom: 0px;}
.navbar-brand img{width: 180px; height: auto;}
.navbar-me .navbar .navbar-collapse{margin: 10px 0px;}
.navbar-me .navbar .navbar-collapse .nav > li > a:hover, .nav > li > a:focus {color: #d40000;}
.navbar-me ul li a {color: #fff; font-size: 16px; padding: 10px 10px;}
.navbar-me .dropdown-menu > li > a{color: #333;}
.navbar-me .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #d40000;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent;}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {color: #d40000;}
.dropdown-submenu{position: relative; width:200px;}
.dropdown-submenu .caret{-webkit-transform: rotate(-90deg); transform: rotate(-90deg);float: right; margin-top: 8px;}
.dropdown-submenu > .dropdown-menu {min-width: 250px; top:0; left:100%; margin-top:-6px; margin-left:-1px;}
.dropdown-submenu.open > a:after{border-left-color:#fff;}
.dropdown-menu > li > a {padding:5px 20px !important;}
.navbar-toggle {background-color: rgba(0,0,0,0.3);}
.navbar-toggle .icon-bar {background: #fff;}

.carousel-caption {right: 10%; left: 40%; padding-bottom: 30px;}
.carousel-caption h3 { border-radius: 25px; color: #d40000; text-shadow: none; font-weight: bold; text-align: left; display: table;
    line-height: 1.3; padding: 5px; padding-right: 20px; padding-left: 20px; /*background: linear-gradient(to bottom, #ccc 50%, #c0c0c0 50%);*/ background: #c9c9c9; box-shadow: 0px 5px 10px 5px #f2f2f2; font-size:3vh; margin:10px;}
.carousel-caption h4 {border-radius: 50px; color: #d40000; text-shadow: none; font-weight: bold; text-align: left; display: table;
    line-height: 1.5; padding: 5px; padding-right: 15px; padding-left: 15px; font-size:2vh;  margin:10px;}
.redSection a {color:#fff; text-decoration:none; line-height: 42px;}	
.img-right { float:right;}

.displayNone{display:none;}
.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.modal {top: 50px;}
.white p {color:#ffffff;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {border: 1px solid #cccccc;}
a:hover { text-decoration:none;}
@media (max-width: 1024px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .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;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
	.navbar-brand img {
    width: 150px;
    height: auto;
}
}
@media only screen and (max-width: 768px){
	
.greySection .col-sm-5{width:100%; padding:70px 15px 0px;}

.greySection .col-sm-offset-2{margin-left:0%;}

}



@media (orientation: landscape) {
	@media only screen and (min-width: 1025px) {
.carousel-caption h3{font-size:4vh;}
}
	
@media only screen and (min-width: 768px) and (max-width:1024px) {
.carousel-caption h3{font-size:3vh;}
.highliteSection .redSection{font-size:3vh;}
}
@media only screen and (min-width: 320px) and (max-width:767px) {
	
}
}
@media (orientation: portrait) {
	

@media only screen and (min-width: 768px) and (max-width:1024px) {
.carousel-caption h3{font-size:2vh;}
.carousel-caption h4{font-size: 1.3vh;}
.bannerHolder{padding:0px; background:url(../images/bannerBGone.jpg) -251px top no-repeat; background-size:cover;}
.highliteSection .redSection{font-size:2vw;}
.carousel-caption {right: 10%; left: 10%; padding-bottom: 30px;}
}	

@media only screen and (min-width: 640px) and (max-width:767px) {
.carousel-caption h3{font-size:3vw;}
.carousel-caption h4{font-size: 2.2vw;}
.highliteSection .redSection{font-size:2vw;}
.highliteSection .redSection .col-sm-4{width: 33.33333333%; float:left;}
}

@media only screen and (min-width: 320px) and (max-width:767px) {
	.img-right { float:none; display:block;}
	.navbar-me {padding:10px !important;background: rgba(0,0,0,0.7);}
	.navbar-brand {padding:0px;margin-top: -5px;}	
	.navbar-me .dropdown-menu > li > a {color:#fff;}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: rgba(0,0,0,0.3);}
.carousel-caption h3{font-size:4vw;}
.carousel-caption h4{font-size: 2.5vw;}
.highliteSection .redSection {text-align:left;}
.bannerHolder{padding:0px; background:url(../images/bannerBGone.jpg) -185px top no-repeat; background-size:cover;}
/*.highliteSection .redSection a{border-bottom: 1px #d9d9d9 solid; width:100%;}*/
.carousel-caption {right: 10%; left: 10%; padding-bottom: 30px;}
}

}