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

body{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	font-family: Roboto, sans-serif;
    font-size: 13px;
}

.backText{
	color: #fff !important;
}
.grad{
	background: red;
    background: -webkit-linear-gradient(red, #ef9800,red);
    background: -o-linear-gradient(red, #ef9800,red); 
    background: -moz-linear-gradient(red, #ef9800,red);
    background: linear-gradient(red, #ef9800,red); 
}
.marg{
	margin-top: 10%;
}
@media screen and (max-width: 720px){
	.marg{
		margin-top: 0%;
	}
}

.eventpage{
    margin-bottom:0.5em;
    margin-top:7%;
}

@media screen and (min-width: 360px){
    .eventpage{
        margin-top:26%;
    }
}

@media screen and (min-width: 540px){
    .eventpage{
        margin-top:17%;
    }
}

@media screen and (min-width: 768px){
    .eventpage{
        margin-top:12%;
    }
}

@media screen and (min-width: 800px){
    .eventpage{
        margin-top:12%;
    }
}

@media screen and (min-width: 980px){
    .eventpage{
        margin-top:10%;
    }
}

@media screen and (min-width: 1326px){
    .eventpage{
        margin-top:7.5%;
    }
}

@media screen and (min-width: 1920px){
    .eventpage{
        margin-top:5%;
    }
}

.page1{
    margin-top:6.6%;
}
@media screen and (min-width: 1618px){
    .page1{
        margin-top: 5%;
    }
}

@media screen and (min-width: 360px){
    .brandLogo{
        height: 85px;
        width: 220px;
    }
}

@media screen and (min-width: 540px){
    .brandLogo{
        height: 85px;
        width: 220px;
    }
}

@media screen and (min-width: 768px){
    .brandLogo{
        height: 85px;
        width: 220px;
    }
}

@media screen and (min-width: 800px){
    .brandLogo{
        height: 85px;
        width: 240px;
    }
}

@media screen and (min-width: 980px){
    .brandLogo{
        height: 85px;
        width: 270px;
    }
}

@media screen and (min-width: 1020px){
    .brandLogo{
        height: 90px;
        width: 270px;
    }
}

.navbar{
	border-radius: 0px;
	background-color: #fff;
	margin-bottom:0;
	border:0;
    min-height:90px !important;
    width: 100%;
    padding-left: 80px;
    padding-right: 80px;
    margin: 0 auto;
}
@media screen and (max-width:980px){
    .navbar{
        padding-left: 0;
        padding-right: 0;
    }
}

.navbar-collapse{
    padding-top: 30px;
}

.navbar-nav > li > a, .navbar-brand {
    padding-top:5px !important;
    padding-bottom:0 !important;
    height: 30px;
    font-family: Roboto, sans-serif;
    color: #FB0000 !important;
    font-size: 15px;
}

.btnCont{
    width:300px;
    height: 60px;
    border:solid 2px #424242;
    font-size:20px;
    color:#424242;
}

@media screen and (max-width:540px){
    .btnCont{
        width:200px;
        height: 60px;
        font-size:20px;
    }
}

.btn1:hover, .btn1:focus, .btn1.focus, .btn1:active, .btn1.active, .open > .dropdown-toggle.btn1{
	color: red;
	background-color: #e6e6e6;
	border-color: #ffffff;
}

.btn1{
    width:300px;
    height: 60px;
    border:solid 2px #ffffff;
    font-size:20px;
    color:#ffffff;
	background-color: transparent;
}

.btn2{
    width:300px;
    height: 60px;
    border:solid 2px #ffffff;
    font-size:20px;
    color:#ffffff;
    background-color: Transparent;
}

.btn3{
    width:300px;
    height: 60px;
    border:solid 2px #AE0105;
    font-size:20px;
    color:#AE0105;
    font-weight: bold;
    background-color: #ffffff;
}

.imgService{
    margin-right: 3%;
    height: 150px;
    width: 130px;
}

@media screen and (max-width:360px){
    .imgService{
        margin-right: 3%;
        margin-bottom: 3%;
        height: 130px;
        width: 110px;
    }
}

.service{
    font-size:19.5px;
    color:#ffffff;
    text-align:center;
    font-weight:600;
}

.service1{
	font-size:19.5px;
    font-weight:600;
    color: #fff;
}

.serviceIntro{
    font-size:24px;
    color:#fff;
    text-align:center;
}

.services{
    width: 400px;
    margin: 0 auto;
    font-size: 18px;
    color: #fff;
}

@media screen and (max-width:360px){
    .services{
        width: 280px;
        font-size: 14px;
    }
}

.info{
    font-size: 18px;
    color: #fff;
}

@media screen and (max-width:360px){
    .info{
        font-size: 16px;
    }
}
.contactUs{
    margin-top: 7.5%;
    font-family: Roboto, sans-serif !important;
    color: #fff;
}

@media screen and (max-width:540px){
    .contactUs{
        padding-top: 23%;
        font-size: 28px;
    }
}

@media screen and (min-width:768px){
    .contactUs{
        padding-top: 10%;
    }
}

@media screen and (min-width:800px){
    .contactUs{
        padding-top: 13%;
    }
}

@media screen and (min-width:980px){
    .contactUs{
        padding-top: 10%;
    }
}
@media screen and (min-width:1080px){
    .contactUs{
        padding-top: 2%;
    }
}

.discuss{
    font-size: 22px;
    font-family: Roboto, sans-serif !important;
    color: #fff;
}

@media screen and (max-width:540px){
    .discuss{
    font-size: 18px;
}
}

.cont{
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}

.ans{
    font-size: 16px;
    color: #fff;
    line-height: 2px;
}

.contactIcon{
    margin-top: 20px;
}

.album{
    height: 280px;
}

.imgThumbnail{
    height: 250px !important;
    width: 100%;
}

.link{
    padding-top: 15%;
}

.int{
    text-align:center;
    font-size:20px;
    color:#fff;
}

@media screen and (min-width:360px){
    .int{
        font-size: 16px;
    }
}

@media screen and (min-width:540px){
    .int{
        font-size: 18px;
    }
}

@media screen and (min-width:800px){
    .int{
        font-size: 26px;
    }
}

.link span{
    color: #fff;
    font-size: 40px;
    font-family: Roboto, sans-serif;
}

.req{
    font-size: 48px;
}

@media screen and (max-width:540px){
    .req{
        font-size: 28px !important;
    }
}

@media screen and (min-width:360px){
    .link{
        padding-top: 34%;
    }
    
    .link span{
        font-size: 20px;
    }
}

@media screen and (min-width:540px){
    .link{
        padding-top: 38%;
    }
    
    .link span{
        font-size: 24px;
    }
}

@media screen and (min-width:768px){
    .link{
        padding-top: 26%;
    }
    
    .link span{
        font-size: 30px;
    }
}

@media screen and (min-width:800px){
    .link{
        padding-top: 32%;
    }
    
    .link span{
        font-size: 36px;
    }
}

@media screen and (min-width:980px){
    .link{
        padding-top: 26%;
    }
    
    .link span{
        font-size: 38px;
    }
}

@media screen and (min-width:1080px){
    .link{
        padding-top: 15%;
    }
    
    .link span{
        font-size: 38px;
    }
}

.bg{
    background-image:url(../images/index-bg-2.jpg);
    background-repeat:no-repeat;
    background-size:100% auto;
}

@media screen and (max-width: 540px){
    .bg{
        background-image:url(../images/index-bg-2.jpg);
        background-repeat:no-repeat;
        background-size:100% 100%;
        height: 50vh;
    }
}

@media screen and (min-width: 720px){
    .bg{
        background-image:url(../images/index-bg-2.jpg);
        background-repeat:no-repeat;
        background-size:100% 100%;
        height: 50vh;
    }
}

@media screen and (min-width: 980px){
    .bg{
        background-image:url(../images/index-bg-2.jpg);
        background-repeat:no-repeat;
        background-size:100% 100%;
        height: 50vh;
    }
}

@media screen and (min-width: 1080px){
    .bg{
        background-image:url(../images/index-bg-2.jpg);
        background-repeat:no-repeat;
        background-size:100% 100%;
        height: 90vh;
    }
}

.bg2{
    background-image:url(../images/Stadtruck.jpg);
    background-repeat:no-repeat;
    background-size:100% auto;
}

@media screen and (max-width: 540px){
    .bg2{
        background-image:url(../images/Stadtruck.jpg);
        background-repeat:no-repeat;
        background-size:100% 100%;
        height: 50vh;
    }
}

@media screen and (min-width: 720px){
    .bg2{
        background-image:url(../images/Stadtruck.jpg);
        background-repeat:no-repeat;
        background-size:100% 100%;
        height: 50vh;
    }
}

@media screen and (min-width: 980px){
    .bg2{
        background-image:url(../images/Stadtruck.jpg);
        background-repeat:no-repeat;
        background-size:100% 100%;
        height: 50vh;
    }
}

@media screen and (min-width: 1080px){
    .bg2{
        background-image:url(../images/Stadtruck.jpg);
        background-repeat:no-repeat;
        background-size:100% 100%;
        height: 90vh;
    }
}

.bgContact{
    background-image:url(../images/banner2.jpg);
    background-repeat:no-repeat;
    background-size:100% auto;
}

@media screen and (max-width: 540px){
    .bgContact{
        background-image:url(../images/banner2.jpg);
        background-repeat:no-repeat;
        background-size:100% 100%;
        height: 30vh;
    }
}

@media screen and (min-width: 720px){
    .bgContact{
        background-image:url(../images/banner2.jpg);
        background-repeat:no-repeat;
        background-size:100% 100%;
        height: 30vh;
    }
}

@media screen and (min-width: 1080px){
    .bgContact{
        background-image:url(../images/banner2.jpg);
        background-repeat:no-repeat;
        background-size:100% 100%;
        height: 50vh;
    }
}

.intro{
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    font-family: Roboto, sans-serif;
}

.contact{
    color: #fff;
    margin-top: 20px;
    padding-left: 15px;
}

.contactInfo{
    border: solid 2px #AF0102;
    margin-top: 20px;
    width: 35%;
    padding-left: 15px;
}

@media screen and (min-width:360px){
    .contactInfo{
        border: solid 2px #AF0102;
        margin-top: 20px;
        width: 300px;
        padding-left: 15px;
    }
}
@media screen and (min-width:540px){
    .contactInfo{
        border: solid 2px #AF0102;
        margin-top: 20px;
        width: 480px;
        padding-left: 15px;
    }
}

.siteMap{
    margin-top: 20px;
    margin-left: 30%;
    width: 10%;
    padding-left: 15px;
}

@media screen and (max-width:360px){
    .siteMap{
        text-align: left;
        width: 80px;
        margin-left: 3%;
        margin-right: 10%;
    }
}
@media screen and (min-width:768px){
    .siteMap{
        margin-top: 20px;
        margin-top: 20px;
        margin-left: 20%;
        width: 10%;
        padding-left: 15px;
    }
}
@media screen and (min-width:540px){
    .siteMap{
        margin-top: 20px;
        margin-left: 20%;
        width: 21%;
        padding-left: 15px;
    }
}
@media screen and (min-width:1280px){
    .siteMap{
        margin-top: 20px;
        margin-left: 20%;
        width: 10%;
        padding-left: 15px;
    }
}

.maker{
    padding-top: 10px;
    border-top: solid 2px #AF0102;
    color: #AF0102;
}
@media screen and (min-width:360px){
    .maker{
        width: 300px;
    }
}
@media screen and (min-width:540px){
    .maker{
        width: 480px;
    }
}

.footerNav a{
    color: #AF0102;
}

.socialMedia{
    color: #AF0102;
    margin-top: 20px;
    padding-left: 15px;
    line-height: 10px;
}

.loginLogo{
    width: 180px;
    height: 180px;
}

.navbar-default .navbar-nav > .active{
    color: red;
/*    text-decoration: underline;*/
    border-bottom: 2px solid red;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    background: #fff;
}

.navbar-right{
    margin-right: 0px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
/*   text-decoration: underline; Sets the text hover underline on navbar*/
    border-bottom: 2px solid red;
}

.nav .navbar-nav li a {
    color: #fff;
}

.aboutIntro{
    font-size:20px;
    color:#fff !important;
    font-weight: 700;
}

@media screen and (min-width: 320px) {
	#aboutTitle{
		font-size: 24px;
	}
	.aboutText{
		font-size: 12px;
	}
}

@media screen and (min-width: 360px) {
	.about{
		padding-left: 30px;
		padding-right: 30px;
	}
	
	#aboutTitle{
		font-size: 28px;
	}
}

@media screen and (min-width:540px){
    .about{
        padding-left: 80px;
		padding-right: 80px;
    }
}

@media screen and (min-width:1440px){
    .about{
		padding-left: 200px;
		padding-right: 200px;
	}
}

@media screen and (min-width:1280px){
    .about{
		padding-left: 200px;
		padding-right: 200px;
	}
}

#aboutTitle{
	text-align: center;
    color: #000;
    margin-top: 1em;
}

.aboutText{
	text-align: left;
	line-height: 20px;
	font-size: 16px;
    color: #000;
    margin-top: 1em;
}

.navbar-toggle{
	background-color: #ffffff;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans Light"), local("OpenSans-Light"), url("http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff") format("woff");
}
.quotes{
		font-family:  Open Sans, Sans-serif;
		font-size: 13px;
		line-height: 28px;
		margin-bottom: 20px;
		color: #7E7E7E;
}

.thumbnail {
    position:relative;
    overflow:hidden;
/*    height: 200px;*/
}
 
.caption {
    position:absolute;
    top:0;
    right:0;
    /*background:rgba(66, 139, 202, 0.75);*/
	background:rgba(89,89,89,.75);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}
		
.modal-backdrop{
    background-color: black;
    opacity: 0.9;
}

.invalidInput{
    border: solid 1px red;
}

.form-control.error{
    border: solid 1px red;
}

.error{
    color:red;
}

.box{
    height: 280px !important;
	margin-top: 1.5%
}

.modal-backdrop {
    position: fixed;
    bottom: 0;
    top: 0;
    height: auto !important;
}

.imgSize{
    height: 600px !important;
}

@media screen and (min-width:360px){
    .imgSize{
        height: 300px !important;
    }
}

@media screen and (min-width:540px){
    .imgSize{
        height: 400px !important;
    }
}

@media screen and (min-width:768px){
    .imgSize{
        height: 500px !important;
    }
}

@media screen and (min-width:980px){
    .imgSize{
        height: 500px !important;
    }
}

@media screen and (min-width:1080px){
    .imgSize{
        height: 600px !important;
    }
}

.modal-dialog{
    width: 900px;
    height: 600px;
    margin-top: 3%;
}

@media screen and (max-width: 1080px){
    .modal-dialog{
        width: 100%;
        margin-top: 15%;
        height: 600px;
    }
}

@media screen and (max-width: 980px){
    .modal-dialog{
        width: 96%;
        margin-top: 8%;
        height: 500px;
    }
}

@media screen and (max-width: 768px){
    .modal-dialog{
        width: 96%;
        margin-top: 10%;
        height: 500px;
    }
}

@media screen and (max-width: 540px){
    .modal-dialog{
        width: 96%;
        margin-top: 25%;
        height: 400px;
    }
}

@media screen and (max-width: 360px){
    .modal-dialog{
        width: 95%;
        margin-top: 40%;
    }
}

@media screen and (min-width:360px){
    .evnt{
        margin-top:20%;
    }
}

@media screen and (min-width:540px){
    .evnt{
        margin-top:13%;
    }
}

@media screen and (min-width:768px){
    .evnt{
        margin-top:9%;
    }
}

@media screen and (min-width:980px){
    .evnt{
        margin-top:7%;
    }
}

@media screen and (min-width:1080px){
    .evnt{
        margin-top:5%;
    }
}

@media screen and (min-width:360px){
    .glry{
        margin-top:20%;
    }
}

@media screen and (min-width:540px){
    .glry{
        margin-top:13%;
    }
}

@media screen and (min-width:768px){
    .glry{
        margin-top:9%;
    }
}

@media screen and (min-width:980px){
    .glry{
        margin-top:7%;
    }
}

@media screen and (min-width:1080px){
    .glry{
        margin-top:5%;
    }
}

.coverSlider{
    margin-top: 5%;
    height: 90vh !important;
}
.coverPic{
    height: 90vh !important;
}