body {
      padding-top: 0px;
      padding-bottom: 0px;
font-family: 'Roboto', sans-serif;

    }

 h1,h2,h3,h4,h5,h6{
font-weight:200;
text-shadow: 0 1px 3px rgba(0,0,0,.4);
 }
 header#top-section{
position:relative;
overflow:hidden;
padding-top:0px;
background: url(../../images/bg.jpg) 50% 0% fixed no-repeat;
background-size:100% 100%;
min-height:700px;
width:100%;
min-width:100%;

z-index:-100;

 }

 header#top-section2{
position:relative;
overflow:hidden;
padding-top:0px;
background: url(../../images/bg2.png) 50% 0% fixed no-repeat;
background-size:100% 100%;
min-height:700px;
width:100%;
min-width:100%;
z-index:-100;  

 }

 .inner-top-bg{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	display:inline-block;
	width:100%;
	min-width:100%;
	height:100%;
	min-height:100%;
	background: rgba(0, 0, 0, 0.3);

 }
 .jumbotron {
	background: none;
	text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:1;
	width:100%;
	text-align:center;
	padding-right:0px;
	padding-left:0px;
 }

 .jumbotron h1{
	color:#fff;
	padding-top:220px;

 }

 .jumbotron p.lead {
	color:#fff;
	font-size:100%;
	max-width:60%;
	margin-right:auto;

	position:relative;
}
.btn.btn-start{
	background: rgba(0,0,0, 0);
	border:4px solid #fff;
	color:#fff;
	padding: 19px 24px;
	font-size: 24px;
	font-weight: 200;
	margin-top:40px;
	z-index:2;
}
.btn.btn-start:hover{
	background: rgba(0,0,0, 0.5);
	color:#fff;
	padding: 19px 24px;
	font-size: 24px;
	font-weight: 200;
	margin-top:40px;
	z-index:2;
}
 section {
padding-top:50px;
padding-bottom:100px;
min-height:600px;
width:100%;
min-width:100%;
position:relative;
overflow:hidden;
 }

 .topsec{
      background: url(images/bg2.png) 50% 0% fixed no-repeat;
     position: relative;
overflow: hidden;
padding-top: 0px;
background-size: 100% 100%;
min-height: 700px;
width: 100%;
min-width: 100%;
z-index: 0;
 }

 #Section-1{
   /*	background: url(../../images/mob1.jpg) 50% 0% fixed repeat; */
    background-color : #fff;
	background-size:100% 100%;
	min-height:650px;
 }

  #Section-2{
/* background: url(../../images/mob2.jpg) 50% 0% fixed repeat;  */
background-size:100% 100%;
min-height:650px;
background-color : #fff;
 }
 #Section-3{
/* background: url(../../images/mob2.jpg) 50% 0% fixed repeat;  */
background-size:100% 100%;
min-height:650px;
background-color : #fff;
 }
 #Section-4{
/* background: url(../../images/mob2.jpg) 50% 0% fixed repeat;  */
background-size:100% 100%;
min-height:650px;
background-color : #fff;
 }

 .brand:hover{
     border: 1px solid #1194e6;
     border-radius : 10px;
 }

 .maindiv{
     padding: 50px;
 }

 .maindiv img{
     width: 100%;
 }

 footer{
/* background: url(../../images/bg.jpg) 50% 0% fixed repeat;   */
background-size:100% 100%;
max-height:150px;
 }

 footer{
width:100%;
min-width:100%;
padding-top:0px;

min-height:30px;
position:relative;
 }



 #Section-2 hr{
color:tramsparent;
 }
 	  #Section-3{
background:#fff;
 }

 .color-blue{
     color: #1194e6;
 }

 .color-white{
color: #ffffff;
 }

 .panel{
background: rgba(250,250,250, 0.65);
margin-bottom:30px;
-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    1px 1px 12px rgba(0, 0, 0, 0.5);
box-shadow:         1px 1px 12px rgba(0, 0, 0, 0.5);
border:1px solid rgba(250,250,250, 0.5);
 }

 .panel-heading, .panel-footer{
background: rgba(250,250,250, 0.4);
-webkit-box-shadow: 1px 1px 12px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    1px 1px 12px rgba(50, 50, 50, 0.5);
box-shadow:         1px 1px 12px rgba(50, 50, 50, 0.5);

 }
 .panel h3{
text-shadow: 0px 1px 0px rgba(250, 250, 250, 1);
 }
 .panel .list-group-item{
background: rgba(250,250,250, 0.7);
 }

 /****************** NAVIGATION STYLES *************************/
.navbar {
background-color: #f9f9f9;
border:0px;
box-shadow:0px -3px 0px rgba(50,50,50, 0.25) inset;
}
 navbar-fixed-top{
z-index:1030;
 }

.navbar .nav > li > a {
float: none;
padding: 15px 20px 15px;
text-decoration: none;
text-shadow: none;
font-size:14px;
font-wight:bold;
text-transform:uppercase;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
color: #333;
text-decoration: none;
background-color: #fff;
-webkit-box-shadow:  none;
	-moz-box-shadow:   none;
		box-shadow:  none;
}


.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
color: #333;
font-weight:600;
box-shadow:0px -3px 0px rgba(50,50,50, 0.53) inset;
}

/*************** @media ******************/
@media (max-width: 979px){
body{
	padding:0px;
}
.navbar-fixed-top {
	margin-bottom: 0px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
	position: fixed;
}

.navbar .container {
	width: auto;
	padding: 0px 20px;
}

.navbar .brand {
	padding-right: 10px;
	padding-left: 10px;
	margin: 0 0 0 15px;
}
.container{
	padding:0px 20px;
}

.jumbotron {
	padding: 0px;
	top:30px;
}
.jumbotron h1 {
	color: #fff;
	padding-top: 150px;
	font-size:40px;
}
footer .page-header h3{
	padding-top:100px !important;
}
}
@media (max-width: 762px){
header#top-section{
background: url(../../images/bg.jpg) 50% 0% fixed no-repeat;
background-size:auto 100%;
 }

.jumbotron p.lead{
  max-width: none;
margin-right: auto;
}

 #Section-1{
  /*	background: url(../../images/mob1.jpg) 50% 0% fixed repeat;    */
	background-size:auto 100%;
 }

  #Section-2{
/* background: url(../../images/mob2.jpg) 50% 0% fixed repeat;  */
background-size:auto 100%;
 }

 footer{
background: url(../../images/bg.jpg) 50% 0% fixed repeat;
background-size:auto 100%;
 }

}

@media all and (min-width: 320px) and (max-width: 480px) {
header#top-section2{
background-size:1500%;
 }
}