@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);
@charset "utf-8";
/* CSS Document */
body{
	margin:0 auto;
	padding:0;
font-family: 'Roboto Condensed', sans-serif;
background-image:url(../images/patern.jpg);
	
	}
#wrapper{
	width:100%;

	padding-top:15px;
	background-image:url(../images/bg.jpg);
	background-size:cover;
}
header{
	background-color:transparent;
	min-height:95px;
}
.top-bar{
	background: #0079a4;
    height: 40px;
    width: 100%;
    color: #fff;
    font-weight: bold;
    padding-top: 10px;
}


.whit{width:100%;
background-color:#FFF;
min-height:400px;
float:left;
padding:0% 2%;
padding-bottom:5px;
}

.abtimg{width:40%;
float:left;
margin-right:15px;
}


.whit{margin-top:0px;
float:left;
}



.servicebx{width:100%;
min-height:230px;
background-color:#EAEAEA;
padding:15px 5px;
margin-bottom:20px;
float:left;

}

.gallerytitil{width:100%;
font-size:14px;
color:#000;
border-bottom:1px solid #fff;
padding-bottom:2px;
text-align:center;
text-transform:uppercase;
font-weight:600;
}

.equipbx{width:100%;
min-height:150px;
background-color:#fff;
border:1px solid #CCC;
padding:10px 10px;
margin-bottom:20px;
float:left;

}


.pho{width:100%;
font-size:25px;
text-align:center;}



.serv h1{color:#F00;
font-size:28px;
font-weight:600;
margin-top:6px;
}

.equip h1{color:#F00;
font-size:18px;
margin-top:0px;
text-align:left;
line-height:22px;
}

.abtimg img{width:100%;
}

.welcome h1{width:100%;
text-align:center;
font-size:45px;
font-weight:300;
margin-top:45px;
}


.borderbox{width:100%;
background-color:#ffd52e;
padding:30px 15px;
float:left;
background-image:url(../images/yellowbg.jpg);
}


.welcome p{width:100%;
text-align:center;
font-size:16px;
font-weight:300;
}

.serviclist{
font-size:16px;
margin-bottom:2px;
padding-bottom:4px;
color:#000;

}

.yellowp p{color:#000;
font-size:15px;}

	.navbar-collapse {
		position: relative;
		padding-top: 30px !important;
		max-height: 270px;
	}
	.navbar-collapse form[role="search"] {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 100%;
		padding: 0px;
		margin: 0px;
		z-index: 0;
	}
	.navbar-collapse form[role="search"] button,
	.navbar-collapse form[role="search"] input {
		padding: 8px 12px;
		border-radius: 0px;
		border-width: 0px;
		color: rgb(119, 119, 119);
		background-color: rgb(248, 248, 248);
		border-color: rgb(231, 231, 231);
		box-shadow: none;
		outline: none;
	}
	.navbar-collapse form[role="search"] input {
		padding: 16px 12px;
		font-size: 14pt;
		font-style: italic;
		color: rgb(160, 160, 160);
		box-shadow: none;
	}
	.navbar-collapse form[role="search"] button[type="reset"] {
		display: none;
	}

.navbar-default{
	background-image:none !important;
	background-color:transparent !important;
	border-color:transparent !important;
	box-shadow:none !important;
	margin-top:15px !important;
}
.navbar-default .navbar-nav>li>a {
    color: #fff !important;
	border:0px solid #f9d616;
    margin: 0px 1px;
    font-size: 16px;
}
.navbar-default .navbar-nav>li>a:hover {
	background: #f9d616 ;
	color: #fff !important;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    background-color:#f9d616 ;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a{
    background: #f9d616 !important;
	
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a{
color:#000 !important;
}
/*------------slider---------------*/

.jk-slider{
    width:100%;
}
/*          Hero Headers        */
/********************************/
.hero {
      position: absolute;
	  width:60%;
    bottom: 25px;
    left:45% !important;
	padding-left:20%;
    z-index: 300;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    text-shadow:none;
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    background: rgba(0, 0, 0, 0.8);
    padding: 5px 20px;
	border-left:10px solid #FC0;
}
.hero p {
    font-size: 60px;    
    font-weight: 300;
    margin: 0;
    padding: 0;
	line-height:65px;
}



.imgarrow{width:100%;
margin-bottom:-25px;
}
.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

.carousel-control.right{
	background-image:none !important;
	
}
.carousel-control.left{
	background-image:none !important;
}

/*----------------------slider----------------------------------*/
footer{
	    background-color:#DCDCDA;
    min-height: 40px;
    color: #666;
    padding-top: 15px;
    font-size: 15px;
    margin-bottom: -40px;
	border:none;
	float:left;
}
.content{
	background:#fff;
	text-align:center;
	padding:30px 0px;
}
.content h3{
	font-weight:bold;
}
.content p{
    font-size: 20px;
}
.btn-info{
	margin-bottom:20px;
}
.btn-success{
	    margin: -5px 0px 0px 13px;
}
.table{
	background:#fff;
	padding:20px 0px;
}

.panel-table {
    display:table;
}
.panel-table > .panel-heading {
    display: table-header-group;
    background: transparent;
}
.panel-table > .panel-body {
    display: table-row-group;
}
.panel-table > .panel-body:before,
.panel-table > .panel-body:after {
    content:none;
}
.panel-table > .panel-footer {
    display: table-footer-group;
    background: transparent;
}
.panel-table > div > .tr {
    display: table-row;
}
.panel-table > div:last-child > .tr:last-child > .td {
    border-bottom: none;
}
.panel-table .td {
    display: table-cell;
    padding: 15px;
    border: 1px solid #ddd;
    border-top: none;
    border-left: none;
	    font-weight: bold;
}
.panel-table .td:last-child {
    border-right: none;
}
.panel-table > .panel-heading > .tr > .td,
.panel-table > .panel-footer > .tr > .td {
    background-color: #f5f5f5;
}
.panel-table > .panel-heading > .tr > .td:first-child {
    border-radius: 4px 0 0 0;
}
.panel-table > .panel-heading > .tr > .td:last-child {
    border-radius: 0 4px 0 0;
}
.panel-table > .panel-footer > .tr > .td:first-child {
    border-radius: 0 0 0 4px;
}
.panel-table > .panel-footer > .tr > .td:last-child {
    border-radius: 0 0 4px 0;
}
.panel-table {
    display: table;
    font-size: 17px;
}
.green{
	color:#60C12F;
}


 .table h3 {
    font-size: 24px;
    WIDTH: 100%;
    color: #FFFFFF;
    background: #5AA97A;
    margin: 0;
    padding: 15px 10px;
}



#box{
    border: 1px solid rgb(253, 150, 81);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
    background: rgb(253, 150, 81)
    top:50px;
}
.contact{
	background-color:#fff;
	width:100%;
	padding:30px 0px ;
}
.panel-table .td {
    border: 1px solid #949494 !important;
 }
.panel-default {
    border-color: #949494 !important;
}
.contact-address p{
	font-size:18px;
	text-align:center;
}

.contact-address{float:left;}

.tel a{color:#FFF;;
}

.contatbx{width:100%;
border:1px solid #CCC;
padding:50px 20px;
background-color:#FFF;
float:left;}

.contact-address h2{
	font-size:40px;
	text-align:center;
}
.dropdown-menu>li>a:hover{
	background:#FF6363 !important;
	color:#fff;
}
.dropdown-menu {
    padding:0px !important;
}
.dropdown-menu>li>a {
    display: block;
    padding: 10px 20px;
}








section button {
  margin: 0 auto;
  font-size: 2.0rem;
  padding: 0.5rem 2.5rem;
  display: block;
  background-color: #009ac9;
  border: 1px solid transparent;
  color: #ffffff;
  font-weight: 300;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

section button:hover {
  background-color: #ffffff;
  color: #009ac9;
  border-color: #009ac9;
}



section a{
	text-decoration:none !important;
}



.flo-rit{
	float:right;}




/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top:100px;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
 margin-top:100px;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 100%;
}
/* End carousel */


.gallery h2{text-align:center;
margin-top:35px;
}


@media (max-width: 768px) {
body{
		padding-left:0%;
    padding-right:0%;
}
.navbar-nav {
    margin-top: 60px;
}
}




	@media (min-width: 768px) {
		
		.navbar-collapse {
			padding-top: 0px !important;
			padding-right: 60px !important;
		}
		.navbar-collapse form[role="search"] {
			width: 38px;
		}
		.navbar-collapse form[role="search"] button,
		.navbar-collapse form[role="search"] input {
			padding: 15px 12px;
		}
		.navbar-collapse form[role="search"] input {
			padding: 25px 12px;
			font-size: 18pt;
			opacity: 0;
			display: none;
		}
		.navbar-collapse form[role="search"].active {
			width: 100%;
		}
		.navbar-collapse form[role="search"].active button,
		.navbar-collapse form[role="search"].active input {
			display: table-cell;
			opacity: 1;
		}
    	.navbar-collapse form[role="search"].active input {
			width: 100%;
		}
	}
	
	
	
	
	
	
