@charset "utf-8";
/* CSS Document */

html{
    min-height:100%;/* make sure it is at least as tall as the viewport */
    position:relative;
}
body{
    height:100%; /* force the BODY element to match the height of the HTML element */
}

#service_content{
	background-color:rgba(255,255,255,0.9);
	text-align:left;
	margin-bottom:50px;
	margin-top:50px;
	margin-left:15px;
	margin-right:15px;
}
#Service{
	background:url(./img/service_back.jpg) fixed;
	background-size:cover;
	height:100%;
  width: 100%;
	position:relative;
	color:#333;
}

.blocks>.title{
	color:#000;
  text-align:center;
}

.blocks{
  padding-bottom: 40px;
	padding-top:40px;
}

.navbar{
	background-color:rgba(255,255,255,0.9);
	box-shadow: 0 1px 1px #b1b1b1;
}

.nav>li>a{
	color:#666;
	font-size:16px;
}
.nav>li>a:hover,
.nav>li>a:focus{
	color:#FFF;
	font-size:16px;
	background-color:#ccc;
}
.nav-pills>li>a {
    border-radius: 0px;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover{
	background-color:#bbb;
}

.navbar-brand{
	padding:0px;
}

.navbar-text{
	font-size:14px;
	padding-top:15px;
	padding-bottom:15px;
	margin-top:0px;
	margin-bottom:0px;
}

.brand{
	color:#39F;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:10px;
	border-top:10px;
	border-bottom-style:solid;
	border-top-style:solid;
	border-color:#bbb;
	float:left;
}

#hero{
	padding-top: 50px;
  padding-bottom: 50px;
  font-weight: bold;
}

.jumbotron p{
	font-size:14px;
}
.jumbotron h1{
	font-size:36px;
}

.jumbotron{
	background:url(img/background.jpg);
	background-size:cover;
	text-align:center;
	color:#FFF;
	height:100%;
	background-attachment: scroll;
}

#hero>h1{
	margin-bottom:20px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.title>h3>a{
	color:#000;
}
.title>h3>a:hover,
.title>h3>a:focus{
	text-decoration:underline;
}

@media(min-width:768px) {
  #hero{
      padding-top: 200px;
      padding-bottom: 100px;
  }
	#hero>h1{
		margin-bottom:50px;
	}
	#service_content{
		width:500px;
		margin-left:80px;
	}
	.jumbotron p{
		font-size:20px;
	}
	.jumbotron h1{
		font-size:48px;
	}
}
@media(min-width:1200px){
	#service_content{
		width:750px;
		margin-left:100px;
	}
	#hero>h1{
	margin-bottom:70px;
    }
	#foryou{
		margin-top:50px;
	}
}

footer{
	background-color:#000;
	color:#FFF;
	text-align:center;
	padding:20px;
}

#contact{
	text-align:center;
	background-color:#333;
	color:#FFF;
	padding:20px;
}
#contact>h4{
	font-size:24px;
}
#contact>p{
	font-size:16px;
}

@media(max-width:768px){
	#nav_lg{
		visibility:hidden;
		display:none;
	}
	#nav_sm{
		visibility:visible;
	}
	.brand{
		width:58px;
		margin-left:15px;
	}
	.glyphicon-menu-hamburger{
		color:#999;
		position: relative;
		float: right;
		font-size:36px;
		margin-right: 15px;
		padding:7px;
	}
	#collapse_content{
		margin-top:60px;
		border-top:thin;
		border-color:#bbb;
		border-top-style:solid;
		display: none;
	}
	.nav>li>a{
		color:#666;
		font-size:16px;
		text-align:center;
	}
	.nav>li>a:hover,
	.nav>li>a:focus{
		color:#FFF;
		font-size:16px;
		text-align:center;
		background-color:#CCC;
	}
  .slides_img{
    position:absolute;top:50px;left:100px;width:500px;height:500px;z-index:0; overflow:hidden; opacity: 0.7;
  }
  .slides_text{
    position:absolute;top:215px;left:100px;right:100px;width:500px;height:500px;z-index:0;color:black;line-height:60px;
    text-align: center;
  }
  .slides_text>h3{
    font-weight: bold;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  }
  #jssor_1_sm{
		visibility:visible;
	}
  #jssor_2_sm{
		visibility:visible;
	}
  #jssor_1{
    visibility:hidden;
		display:none;
  }
  #jssor_2{
    visibility:hidden;
		display:none;
  }
}
@media(min-width:768px){
	#nav_sm{
		visibility:hidden;
		display:none;
	}
	#nav_lg{
		visibility:visible;
	}
  #jssor_1{
		visibility:visible;
	}
  #jssor_2{
		visibility:visible;
	}
  #jssor_1_sm{
    visibility:hidden;
		display:none;
  }
  #jssor_2_sm{
    visibility:hidden;
		display:none;
  }
  .slides_img{
    position:absolute;top:50px;left:120px;width:400px;height:400px;z-index:0; overflow:hidden;
  }
  .slides_text{
    position:absolute;top:50px;left:50%;width:480px;height:400px;z-index:0;color:black;line-height:60px;
    font-style:italic;
  }
  .slides_text>h4{
    font-size: 16px;
    padding-bottom: 10px;
  }
  .slides_text>h3{
    padding-bottom: 20px;
  }
}
@media(max-width:992px){
	#md_hidden{
		display:none;
	}
	.btn{
		font-size:11px;
	}
}