/*This stylesheet contains some custom class rather than Bootstrap*/


a.brand img {
	border-radius:50%;
	border:5px solid #fff;
}

body {
	background-color: #fff385;
}

input[type="text"], textarea, .btn {
  background: #fff385;
  color: black;
}

input[type="text"]:focus, textarea:focus {
	background: #fff385;
	color: black;
}

.btn:hover {
  background: #eb5b45;
  color: white;
}

h3 {
	color: #ed5b32;
	font-weight: normal;
	font-size: 40px;
	line-height: 70px;
}

/***** navigation *****/
a.btn.btn-navbar {
	margin: 0 20px;
}
.navbar .btn-navbar {
	background-color:#ed5b32;
}
.navbar .btn-navbar:hover {
	background-color:#000;
}

.navbar .nav > li > a:hover{
	color:#fff385;
	background-color:#ed5b32;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.navbar-inner {
	background-color: #fff385;
}

.navbar .nav > li > a {
	color: #000;
}

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

.navbar-fixed-top .container {
    width: 860px;
}

ul.nav.navbar-nav {
  width: 950px;
}

li#line1 span#starteng, li#line2 span#abouteng, li#line3 span#consteng, li#line4 span#timeeng, li#line5 span#contacteng {
	display:inline;
}

li#line1:hover span#starteng, li#line2:hover span#abouteng, li#line3:hover span#costeng, li#line4:hover span#timeeng, li#line5:hover span#contacteng  {
	display:none;
}
li#line1 span#startde, li#line2 span#aboutde, li#line3 span#costde, li#line4 span#timede, li#line5 span#contactde {
	display:none;
}
li#line1:hover span#startde, li#line2:hover span#aboutde, li#line3:hover span#costde, li#line4:hover span#timede, li#line5:hover span#contactde {
	display:inline;
}


/***** pages *****/
#start, #about, #cost, #time, #contact {
	padding:30px 0;
	padding-top: 120px;
	min-height:500px;
}
#start h2, #about h2, #cost h2, #time h2, #contact h2 {
	font-weight:normal;
	color: #eb5b45;
}
/***** start *****/
#start h1 {
	color:#000;
	font-weight: normal;
}
#start h2 {
	margin-top: 30px;
}

#start p {
	color:#bfaf05;
	font-size:18px;
	line-height: 11px;
} 

#start {
	padding-top: 270px;
}

#start img {
  margin-top: -60px;
}
/***** about *****/

div#about {
  padding-top: 230px;
}

.tabs:focus
{
  outline:none;
}

/***** cost *****/

#cost {
  padding-top: 150px;
}

#cost #mobile {
	display:none;
}

#cost h3 {
	text-align: center;
}

#accordion-cost {
  margin: 0 auto;
  width: 100%;
}

div#line6, div#line7, div#line8, div#line9 {
  text-align: center;
  padding:30px;
}

div#line6 span#oritext1, div#line7 span#oritext2, div#line8 span#oritext3, div#line9 span#oritext4 {
	display:inline;
	font-size: 35px;
	color: black;
	text-decoration: underline;
}

div#line6:hover span#oritext1, div#line7:hover span#oritext2, div#line8:hover span#oritext3, div#line9:hover span#oritext4 {
	display:none;
}
div#line6 span#costtext1, div#line7 span#costtext2, div#line8 span#costtext3, div#line9 span#costtext4 {
	display:none;
}
div#line6:hover span#costtext1, div#line7:hover span#costtext2, div#line8:hover span#costtext3, div#line9:hover span#costtext4 {
	display:inline;	
	font-size: 80px;
	color:#eb5b45;
	cursor: default;
	line-height: normal;
}



/**** time container *****/
#time p {
	color: black;
	padding-bottom: 20px;
}

/***** contact container *****/
#contact {
	text-align:center;
}
#contact h2 {
	font-size: 40px;
	margin:60px 0;
}
#contact p {
	font-size: 30px;
	line-height: 42px;
	color: black;
}
#contact a {
	color:#eb5b45;
}
/***** footer *****/
.footer {
	background:#eb5b45;
}
.footer p {
	margin:10px 0;
}


@media (max-width: 767px){
	#start {
		padding-top: 10px;
		margin:0;
	}
	
	#about .span3{
		padding-top: 100px;
	}
	
	div#about {
		padding-top: 25px;
	}
	
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		background-color: #ed5b32;
		color: #fff385;
	}
	
	.navbar-default .navbar-nav > li > a {
		border: solid 1px #ed5b32;
	}
	
	
}

@media (max-width: 980px){
	#start {
		padding-top: 120px;
		margin: 0 auto;
	}
	
	#cost #mobile {
		display: inline;
	}
	
	#cost #desktop {
		display: none;
	}
	
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		background-color: #ed5b32;
		color: #fff385;
	}
	
	.navbar-default .navbar-nav > li > a {
		border: solid 1px #ed5b32;
	}
	
	.navbar-fixed-top .container {
	  width: inherit;
	}
	
	ul.nav.navbar-nav {
	  width: 100%;
	}
}

