/*-- # Table Of Contents # -------- //
-------- 1-  General
-------- 2-  ID
-------- 3-  Section
-------- 4-  Class
-------- # Table Of Contents # ------- //
*/


/* ----------- 1.General -----------*/
body {
  font-family: 'PT Serif', serif;
  background-image: url(../img/39.jpg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-attachment: fixed;
}
img{
	width:100%;
}
footer {
	text-align:center;
}

/* ID  */
#navbar {
	text-align:center;
}
#panel {
	height:300px;
	display:none;
	text-align:center;
}
#panel a{
	text-decoration:none; 
	font-weight:bold;
	color:#ff4b45;
}
#panel ul {
    text-align:left;
}
#panel_1 {
	height:300px;
	display:none;
	text-align:center;
}
#panel_1 a{
    text-decoration:none; 
    font-weight:bold;
    color:#ff4b45;
}
#panel_1 ul {
    text-align:left;
}
#panel_2 {
	height:300px;
	display:none;
	text-align:center;
}
#panel_2 a {
    text-decoration:none; 
    font-weight:bold;
    color:#ff4b45
}
#panel_2 ul {
    text-align:left;
}
#flip_2 {
    text-align:center;
}

/* Section  */
#home{
	background:url(../img/29.jpg);
	background-position:center;
	background-size:cover;
	height:400px;
}
#services {
	padding-top:6%;
	height: 100%;
}
#about {
	padding-top:6%;
	height:1000px;
	text-align: justify;
}

#about div div div {
    margin-top:15%;
}

/* CLASS  */
.navbar-nav {
	width:100%;
}
.navbar-nav li {
	width:25%;
	font-family: 'Stalinist One', cursive;
}
.about {
	width:100%;
	border-top: 5px solid rgb(0,79,106);
	text-align:center;
}
.about_as h3 {
    text-align:center;
}
.about_as span {
    font-family: 'Stalinist One', cursive;
    color:#ff4b45;
}
.content {
	margin-top:2%;
	height:1000px;
	cursor: default;
}
.content > div > div {
	-webkit-transition: border ease .5s;
	transition: border ease .5s;
	border-bottom:5px solid #FFF;
}
.content > div > div:hover {
	border-bottom:5px solid #ff4b45;
}
.content > div > div > div > i{
	-webkit-transition: transform ease .6s;
	transition: transform ease .6s;
}
.content > div > div > div:hover > i{
    transform:scale(.9);
}
.content div img {
    height:80px;
    margin-top:2%;
    }
.services {
	height:200px;
	text-align:center;
	cursor:default;
	}

.jumbo {
	background-color:rgba(255, 255, 255, 0.5);
	margin-top: 6%;
}
	
.jumbotron {
	height:auto;
	width:100%;
	text-align:center;
	border-bottom: 5px solid rgb(0,79,106);
	color:#FFF;
}
.jumbotron img {
    width:17%;
    margin-top:2%;
}
.jumbotron hr {
    width:50%;
    border-bottom:3px solid rgb(0,79,106);
	border-top: 0px;
}
.jumbotron p {
    color: #555;
    font-weight:bold;
}
.contact_info{
	text-align:left;
}
.contact_info p{
	font-size:1.1em;
	margin-bottom:20px;
}
.contact_info p i{
	background: rgb(0,79,106);
    color: #FFF;
    border-radius: 100px;
    display: inline-block;
    height: 28px;
    padding-top: 7px;
    text-align: center;
    width: 28px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
.lead {
  margin-bottom: 5px;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 1.4;
  text-indent:2%;
}

.img_16{
	width:30%;
}
.img_19{
	width:100%;
}
.span{
	color:rgb(145,208,0);
}
.home_btn{
	position:relative;
	top:70px;
}
.home_btn a{
	color: #6cbdbb;
}
.services_btn{
	position:relative;
	text-align:center;
}
.services_btn a{
	color: #6cbdbb;
}
.services_btn_2{
	color: #6cbdbb;
	position:relative;
	text-align:center;
	top:90.5%;
}
.services_btn_2:hover{
	color: #6cbdbb;
}
.contact_btn{
	color: #6cbdbb;
	position:relative;
	text-align:center;
	top:91%;
}
.contact_btn:hover{
	color: #6cbdbb;
}
.contact_btn_2{
	position:relative;
	text-align:center;
	bottom:40px;
}
.contact_btn_2 i{
	color: #6cbdbb;
}

@media screen and (max-width: 1199px) {
	.fa-building {
		margin-top:20px;
	}
	.btn-default {
		margin-top:20px;
	}
	.services_btn_2{
		color: #6cbdbb;
		position:relative;
		text-align:center;
		top:91%;
	}
	.about {
		height:20%;
	}
	.jumbo {
		background-color:rgba(255, 255, 255, 0.5);
		margin-top: 9%;
	}
}

@media screen and (max-width: 991px) {
	.services i {
		bottom:27.5%;
	}
	.btn-default {
		width:50%;
	}
	#services {
		padding-top:8%;
		height:100%;
	}
	#about {
		padding-top:8%;
		height:100%;
	}
	#contact {
		padding-top:8%;
		height:100%;
	}
	.jumbo {
		background-color:rgba(255, 255, 255, 0.5);
		margin-top: 13%;
	}
	.jumbotron img {
		width: 25%;
	}
	.jumbotron p {
		font-size: 1.2em;
		margin-top: 20px;
	}
}

@media screen and (max-width: 768px) {
	.navbar-nav {
		float: left;
		margin: 0;
	}
	.navbar-nav > li {
		font-size:.9em;
		float: left;
	}
	.navbar-nav > li > a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.services i {
		bottom:19.5%;
		font-size:2.1em;
    }
	.home_btn{
		position:relative;
		top:54px;
	}
}