@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
body
{
	font-family: 'Lato', sans-serif;
	margin:auto;
	font-size:14px;
}
a:focus, a:hover {
    text-decoration:none;
}
#home-1
{
	display:block;
}
.navbar {
    margin-bottom: -9px;
}
.navbar-nav {
   // margin: 19.5px -15px;
       margin-top: 13px;
    margin-bottom: 24px;
}
.navbar-default .navbar-nav>li>a {
    color:#141414;
	font-size:16px;
	padding: 10px 10px;
    margin: 10px 0px;
	border-radius:7px;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
  background:#3c763d;
	color:#fff;   
}
.navbar-default .navbar-nav .btn>li>a:hover {
	background:#3c763d;
	color:#fff;

}
.navbar-default {
   background:none;
   border:none;
}
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: none;
  color:#005700;
  background:none;
} 
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color:#3c763d;
} 
.collapse {
  //  padding-top: 10px;
}
.navbar-brand {  
    height: 0px;  
}

.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 16px;
margin-right: 0px; 
 margin-bottom: 0px; 

}
#home-h 
{
	font-weight:300;
	font-size:40px;
	font-family: 'EB Garamond', serif;

}

#polish
{
	box-shadow: inset 0px -28px 21px -29px #cecece;
	padding:5%;
	padding-top:30px;
	padding-bottom:30px;
}
#polish h3
{
	font-weight: 600;
    font-family: 'Roboto Slab', serif;
    color: #191919;
	margin-bottom:2%;
}
#btn1
{
	border-radius:initial;
	padding:7px 30px;
	background:#005700;
	color:#fff;
	border-color:#005700;
}
#btn1:hover
{
	background:linear-gradient(to bottom, #a7f711 0%,#6da108 100%);
	color:#fff;
	border-color:#a7f711;
}
#footer
{
	padding-bottom: 40px;
	padding-top:20px;
	background: #2d2d2d;
	color:#aaaaaa;
	padding-bottom: 0;
}
#footer  li
{
	display:inline-block;
	margin-right:7px;
	font-size: 14px;
	padding: 11px 11px;
	background: #fff;
	color: #000;
	border-radius: 50%;
}
#instagram
{
	display:inline-block;
	margin-right:7px;
	font-size: 14px;
	padding: 11px 11px;
	background: #fff;
	color: #000;
	border-radius: 50%;
}
#twitter
{
	display:inline-block;
	margin-right:7px;
	font-size: 14px;
	padding: 11px 11px;
	background: #fff;
	color: #000;
	border-radius: 50%;	
}
#footer.fa:hover
{
	color:#fff;
}
#footer li:hover
{
  background: #3b5a9a;
  color:#fff;
}
#footer .fa-facebook
{
  padding:1px 4px;
}
#footer li:hover #instagram
{
	background:none;
	color:#fff;
}
#twitter:hover
{
	background: #1aa9e1;
	color:#fff;
}
#instagram:hover
{
	background:#7c4a3a;
	color:#fff;
}
#footer ul
{
  margin-left: -40px;
}
#footer p
{
    color:#aaaaaa;
    line-height: 26px;
    font-weight: 500;
    font-size: 13px;
    margin-top:3px;
}
#footer h3
{
    color: #fff;
    font-size:20px;
    word-wrap: break-word;
    letter-spacing: 0.6px;
	
}
#quick-links p
{
    font-size: 13px;
    color:#aaaaaa;
}
#quick-links p:hover
{
    color:#fff;
    text-decoration: none;
}
.footer-bottom {
    background-color:rgb(23, 23, 23);
    text-align: center;
    padding:5px 15px;
    padding-top:15px;
    font-size: 13px;
    color: #666;
}
.footer-bottom a{
   color: #666;
}
.form-group .col-sm-12
{
	margin:5px 6px;
}
.main-div
{
	padding:20px 20px;
}
.about-banner {
	background:url(images/compnay_bg.jpg) no-repeat center;
	background-size: cover;
	padding:180px 100px;
	padding-bottom:12%;
	background-position:100% 15%;
	color:#fff;
	//transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.about-banner h1
{
    font-size: 44px;
    font-weight: 700;
    letter-spacing: 13px;
	text-transform:uppercase;
	color:#000;
}
.about-banner h3
{
    font-size: 25px;
    line-height: 1.5em;
    letter-spacing: 2.9px;
	color:#fff;
	bottom:0px;
	background:rgba(0,0,0,0.8); 
	width:80%; 
	padding:10px;
	border-radius:10px;
	font-family: 'Roboto Slab', serif;
}
#accessories
{
	background:url(images/accessories_bg.jpg) no-repeat center;
	background-position:bottom;
	background-size: cover;
}
#faq
{
	background:url(images/faq_bg.jpg) no-repeat center;
	background-position:100% 100%;
	background-size: cover;
}
#contact
{
	background:url(images/contact_bg.jpg) no-repeat center;
	background-position:100% 100%;
	background-size: cover;
}
#query
{
	background:url(images/compnay_bg.jpg) no-repeat center;
	background-position:bottom;
	background-size: cover;
}
#service_query
{
	background:url(images/query_bg1.jpg) no-repeat center;
	background-position:bottom;
	background-size: cover;
}
.breadcrumbs {
    position: relative;
    padding: 15px 0;
    -webkit-box-shadow: inset 0px -28px 21px -29px #cecece;
    box-shadow: inset 0px -28px 21px -29px #cecece;
}
.breadcrumb {
	background:none;
	font-size:16px;
	font-size: 16px;
	line-height: 1.625;
	font-family: Montserrat, sans-serif;
	letter-spacing: 0em;
}
.breadcrumb-item a
{
	color:#444444;
	text-decoration:none;
}
.panel-default>.panel-heading {
    color: #fff;
    background-color: #4e4e4e;
    border-color: #bebebe;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.active1 {
    background-color: #006600!important;
    transition: background 2s ease;
    color: white!important;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.carousel-caption h2
{
	font-size:45px;
	line-height: 60px;
	text-align: center;
	border-width: 0px;
	letter-spacing: 0px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	opacity: 1;
	font-family: 'EB Garamond', serif;
	//font-family: 'Lobster', cursive;
	//font-family: 'Cinzel', serif;

}
.carousel-caption {
    top: 40%;
	right: -8%;
}
.carousel-indicators {
    bottom: 45px;
}
#sliderdesk
{
	display:block;
}
#slidermob
{
	display:none;;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #3c763d;
}
.carousel-indicators li {
    background-color: #beecab;
}
#location
{
	box-shadow:0px 1px 2px #ccc;
	padding:20% 0px;
}
#location .btn
{
	padding:10px 30px;
	margin:2% 3%;
	font-family: 'Roboto Slab', serif;
	border-radius:initial;
	cursor: auto;
	background:rgba(0,0,0,.8);
	border:none;
}
#polish
{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.thumbnail .caption h4
{
	font-family: 'Roboto Slab', serif;
	color:#3c763d;
}
.btn-circle {
	width: 50px;
	height: 50px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 25px;
	z-index: 1;
	position: absolute;
	top: 80%;
	left: 5%;
}
.tiles 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.tile 
{
	position: relative;
	float: left;
	width: 33.333%;
	height: 100%;
	overflow: hidden;
}
.photo
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: transform .5s ease-out;
}
.txt
{
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 10%;
    left: 0;
    font-family: 'Roboto Slab', serif;
    font-size: 9px;
    line-height: 12px;
    text-align: center;
    cursor: default;
}
.x
{
    font-size: 32px;
    line-height: 32px;
}

/*machine*/
#machine-bg
{
	background:url(images/machine/bg.png) no-repeat;
	padding:0px 100px; 
	background-position:100% 50%; background-size: cover; color:#fff;
	position:relative;
}
#machine-bg .col-sm-4
{
	padding-top:10%;
}
#machine-bg .col-sm-4 p
{
	padding-top:5%; 
	line-height:30px;
}
#machine-bg .container
{
	padding:10px 100px;
}
#img1{
	display:block;
}
#img2{
	display:none;
}
#img3{
	display:none;
}
#img4{
	display:none;
}
#color-img img
{
	max-width:100%;
}
#color-img .col-sm-2
{
	width:14%;
	margin-left:3%;
	margin-top:-4%;
	padding:2px 10px;
	padding-bottom:20px;
}
#year_img
{
	padding-top:20%;
}