@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

body{font-family: 'Roboto', sans-serif;color:#000000; font-size:16px; font-weight:300; background:#fff;}/**/
*{margin:0; padding:0;}
p,h1,h2,h3,h4,h5,h6,label,address,ul,ol{margin:0; padding:0;}
ul li a,ul li a:hover,a:hover,a{text-decoration:none;}
a:focus {outline: none;}
img{max-width:100%;}

header {}
header nav {float: left;width: 100%;text-align: center;padding: 5px 0;}
header nav ul { display:inline; margin: 0 auto;float:right;width: auto;}
header nav ul li {display:inline;position:relative;padding:0 5px;width: auto;}
header nav ul li:last-child {padding-right: 0;}
header nav ul li ul {display: none;}
header ul li a {color: #000000;font-size: 16px;text-decoration: none !important;transition: ease-in-out 0.4s;display: inline-block;position: relative;padding:12px 15px;height: auto;font-weight: normal;text-transform: uppercase;}
header ul li:last-child {background-image: none;}
header nav ul li a img {vertical-align: middle;}
header ul li ul li a:after {background:none;}
header ul li a.active,header ul li.current-menu-item a {color:#2b1919;}
header ul li a:hover {text-decoration: none;color:#2b1919;}
header {display: block;float: left;width: 100%;position: relative;padding: 0; background: #f1d5a2;}
article {width: 96%;padding: 3em 2%;}

/* sub menu code */

header nav ul li ul {top:59px; display:none;position: absolute;text-align: left;width:252px;list-style:none;background:rgba(0, 88, 183, 0.8);z-index:99999;padding-left: 0;}
header nav ul li ul li{width:100%; display:inline-block; margin-left:0;padding:0;background:none;}
header nav ul li ul li a {border-bottom: 1px solid #f1f1f1;display: inline-block;padding: 10px 15px;width:100%;color:#fff;transition:ease-in-out 0.6s;font-size:15px;}
header nav ul li ul li a:hover{border-bottom:1px solid #f9f9f9;color:#fff;background:none;padding-right:0;}
header nav ul li ul{visibility:hidden;left:0;top:45px;;}
header nav ul li ul li ul{visibility:hidden;display:none!important;padding-left:0px;left:252px; top:0px;background-color: #f1f1f1;}
header nav ul li ul li a,header nav ul li ul li a:hover{border:0;}
header nav ul li ul li a.active {color:#ed1b24 !important;border:0;}
header nav ul li:hover ul{display:inline-block;}
header nav ul li:hover ul{visibility: visible;}
header nav ul li ul li:hover ul{visibility: visible;display:block!important;}
header nav ul li ul li a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}

/*default-css*/

h1 {color: #2a130f;font-size:50px;float: left;width: 100%;padding-bottom: 15px;}
h2 {color: #2a130f;font-size:42px;float: left;width: 100%;padding-bottom: 15px;}
h3 {color: #2a130f;font-size:34px;float: left;width: 100%;padding:0 0 15px 15px;}
h4 {color: #2a130f;font-size:30px;float: left;width: 100%;padding-bottom: 15px;}
h5 {color: #2a130f;font-size:28px;float: left;width: 100%;padding-bottom: 15px;}
h6 {color: #2a130f;font-size:24px;float: left;width: 100%;padding-bottom: 15px;}
p {float: left;width: 100%;color: #000000;font-size: 16px;padding-bottom:30px;font-weight: 300;}
a {color: #2a130f;font-size:16px;}
table {float: left;width: 100%;padding-bottom: 15px;}
tr:first-child {background-color: #2a130f;color: #000;}
tr:nth-child(2n+2) {background-color: #ebebeb;}
tr:nth-child(2n+3) {background-color: #aaa7a7;}
tr:first-child td {color: #fff;font-size: 16px;font-weight: normal;}
tr td:first-child {width: 20%;}
tr td {padding: 17px 25px;color: #000000;font-size: 16px;letter-spacing: 0.40px;}

.snip1198 {
  text-align: center;
  text-transform: uppercase;
  font-weight: 500; margin:10px 0;
  letter-spacing: 1px;
}
.snip1198 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1198 li {
  display: inline-block;
  list-style: outside none none;
  margin:0 0.3em;
  padding: 0;
}
.snip1198 a {
  padding: 0 12px;
  position: relative;
  text-decoration: none;
  display: inline-block;
}
.snip1198 a:before {
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
  left: 10%;
  right: 10%;
  top:6px;
  bottom: 0;
  border-left:2px solid #2a130f; height:12px;
  border-right:2px solid #2a130f;
}
.snip1198 a:hover,
.snip1198 .current a {
  color: #2a130f;
}
.snip1198 a:hover:before,
.snip1198 .current a:before {
  opacity: 1;
  left: 0;
  right: 0;
}
/* sub menu code end */

/*index*/
.top-address {float: left;width: 100%;text-align: center;}
.top-address span {float: left;width: 100%;color: #070707;font-size: 16px;font-weight: 500;padding: 10px 0;line-height: 1;}
.top-address p {color: #070707;font-size: 16px;display: table;margin: 0 auto;width: 90%;text-align: center;float: none;font-weight: 300; padding-bottom:8px;}
.logo {float: left;width: 100%;text-align: left; position: absolute; left:0; top:0; z-index: 9;}
.logo a {float: left;width: 100%;}
.call {float: left;width: 100%;text-align: left; padding:15px 0 0 0;}
.call a {float: left;color: #000000;font-size: 16px;font-weight:400;transition: ease-in-out 0.4s; background: url(../images/phone.png) left top no-repeat; padding-left:30px;}
.call a:hover {color: #242424;}
.slider {float: left;width: 100%;position: relative;}
.service-im{ margin-bottom:30px; float: left; width:100%;}
.mt-half{ margin-top:90px;}
.about {float: left;width: 100%;padding:40px 0 40px 0;}
.about-left {float: left;width: 100%;padding-top:0px;}
.about-left h1 {text-align: left; padding: 0 0 30px 0;}
.about-left p {display: table;margin: 0 auto;font-size: 16px;font-weight: 300;text-align: left;width: 100%;float: none;}
.product {float: left;width: 100%; padding:40px 0 60px 0; background: #f4f4f4;}
.heading {float: left;width: 100%;text-align: center;}
.heading h2 {display: table;margin: 0 auto;width: auto;float: none;background: url(../images/head-pattern.png) top center no-repeat;font-size: 60px;font-weight: normal;padding: 10px 65px 0 65px;color: #000;}
.product-images {float: left;width: 100%;padding-top: 50px;}
.pad-zero{overflow: hidden;}
.pad-zero a:hover img, .pad-zero:hover img{ filter: grayscale(100%)}
.pro_img {float: left;width: 100%;position: relative;}

/* images hover effect */
.right-img, .pro_img, .img-zome{position: relative;overflow: hidden;}
.right-img img, .pro_img img, .img-zome img  {transition: ease-in-out 0.4s;}
.right-img:hover img, .pro_img:hover img, .img-zome:hover img{/*opacity: 0.5;*/transform: scale(1.1) rotate(1deg);filter: grayscale(100%);}
.pro_box{transition: ease-in-out 0.4s;}
.pro_box:hover .pro_title a{ letter-spacing:5px; color: #ff0000;transition: ease-in-out 0.4s;}

.panel-heading ul{ padding:0;}
.pro_img a span{ color:#fff;}
.work-main button { display:none;}
.work-main, .project_sec .heading{ width:100%; padding:0; float:left;}


footer {float: left;width: 100%;padding:40px 0 0 0; background: #f1d5a2;}
footer .heading h2 {color: #2a130f;}
.contact-info, .contact-info3 {float: left;width: 100%;padding-top:0px;margin-bottom:30px;}
.contact-info2 {float: left;width: 100%;padding-top:40px;margin-bottom:30px;}
.contact-info span {float: left;width: 100%;color: #000;font-size: 22px;font-weight: 500;padding-bottom: 15px;}
.contact-info p {float: left;width: 70%;color: #000;font-size: 16px;font-weight: 300;padding-bottom: 20px;}
.contact-info ul {float: left;width: 100%;list-style: none;padding-left: 0;}
.contact-info ul li {float: left;width: 100%;color: #000;font-size: 16px;font-weight: 300;}
.contact-info ul li a {color: #000;font-weight: 300;font-size: 16px;transition: ease-in-out 0.4s;}
.contact-info ul li a:hover {color: #2a130f;}

.contact-info3 span {float: left;width: 100%;color: #fff;font-size: 22px;font-weight: 500;padding-bottom: 15px;}
.contact-info3 p {float: left;width: 70%;color: #fff;font-size: 16px;font-weight: 300;padding-bottom: 20px;}
.contact-info3 ul {float: left;width: 100%;list-style: none;padding-left: 0;}
.contact-info3 ul li {float: left;width: 100%;color: #fff;font-size: 16px;font-weight: 300;}
.contact-info3 ul li a {color: #fff;font-weight: 300;font-size: 16px;transition: ease-in-out 0.4s;}
.contact-info3 ul li a:hover {color: #2a130f;}
.pad-100{ padding-top:70px;}

.quick-contact {float: left;width: 100%;padding-top: 50px;margin-bottom: 60px;}
.quick-contact span {float: left;width: 100%;color: #000;font-size: 22px;font-weight: 500;padding-bottom: 20px;}
.quick-contact ul {float: left;width: 100%;list-style: none;padding-left: 0;margin-bottom: 0;}
.quick-contact ul li {float: left;width: auto;color: #000;font-size: 16px;font-weight: 300;padding: 10px;border: 1px solid #d6d6d6;margin-right: 5px;margin-bottom: 5px;transition: ease-in-out 0.4s;}
.quick-contact ul li:hover {border: 1px solid #2a130f;}
.quick-contact ul li a {color: #000;font-weight: 300;font-size: 16px;transition: ease-in-out 0.4s;}
.quick-contact ul li a:hover {color: #2a130f;}
.social {float: left;width: 100%;padding-top:0px;margin-bottom:10px;}
.social ul {display: table;margin: 0 auto;list-style: none;width: auto;float: none;padding-left: 0;}
.social ul li {float: left;width: auto;padding:0 7px;transition: ease-in-out 0.4s;}
.social ul li a{transition: ease-in-out 0.3s; border:solid 1px #422e10; padding:8px 0 12px 0;}
.social ul li a:hover{transition: ease-in-out 0.5s; border:solid 1px #fff;}
.copy {float: left;width: 100%;text-align: left;background-color: #000;padding: 20px 0 0 0;}
.copy p {color: #f4ddab;font-weight: 300;font-size: 16px; padding-top:10px;}
.copy p span {color: #ffffff;}
.readmore{ font-size:16px; border-left: solid 6px #f4ddab; background: #fff; padding:10px 15px; float:left; clear:both; margin-bottom: 20px;transition: ease-in-out 0.4s;}
.readmore:hover{ border-left: solid 6px #2a130f; background: #f4ddab;transition: ease-in-out 0.4s;}
.readmore a{ text-transform:uppercase;}

.dropdown1, .mob-im{display: none;}
.pi-mobile-view{ display:none;}
.ab-l{ padding-top:30px;}
.pd-gray{ background:#e9e9e9; width:100%; padding:20px 20px 10px 20px; float:left; margin-bottom: 30px;}
.pd-gold{ background:#f5be00; width:100%; padding:20px 20px 10px 20px; float:left;margin-bottom: 30px;}
.pd-gray ul, .pd-gold ul{ list-style:none; padding:0; width:100%; float:left;}
.pd-gray ul li, .pd-gold ul li{list-style:none; padding:0 0 10px 0; width:100%; float:left; font-size:16px;}
.pd-gold h6{ color:#fff;}
/*about css*/
.about-maincontainer{ margin:0 auto; padding-left: 15px; padding-right: 15px; width:85%;}
.brad-cumb{ width:100%; text-align: left; float:left; padding:30px 0;}
.brad-cumb ul{ width:100%; text-align: left; float:left; padding:0; list-style: none; text-align: left;}
.brad-cumb ul li{ display:inline-block; text-align: left; padding:0 5px;color: #000; font-size: 16px; float: none; font-weight: 300;}
.brad-cumb ul li a{ color: #000; font-size: 16px; float: none; font-weight: 300; background: url(../images/arrow.png) right center no-repeat; padding-right:20px;}
.brad-cumb ul li a:hover{ color: #242424;}
.about-maincontainer .about-left{ padding:0 0 40px 0; }
.about-maincontainer .ab-cont{ height:400px;
    display: table;
    vertical-align: middle }
.about-maincontainer p{ text-align:left; height:400px; 
  vertical-align: middle;
  display: table-cell; padding:0;}
.ab-cont p{ text-align: left; padding-top:60px;}
.brand{ float:left; width:100%; padding:60px 0 60px 0; margin-bottom:10px;}
.ab-inner{ float:left; width:100%; padding:0 0 30px 0;}

.form-control {
	display: block;
	width: 100%;
	height: 55px;
	padding: 6px 12px;
	font-size:18px; font-weight: 300;
	line-height: 1.42857143;
	color: #000;
	background-color: #e9e9e9;
	border: none;
	border-bottom: solid 2px #E1E1E1;
	background-image: none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.contact-paragraph {
	text-align: left;
	font-size: 22px;
}
.form-group {
	margin-bottom: 30px;
}
.contact-btn {
	color: #fff;
	background: #2a130f;
	transition: ease-in-out 0.6s;
	font-size:20px;
	text-transform: uppercase;
	padding:16px 30px;
	font-weight: bold;
	border: none;
	float: left; margin-bottom: 30px;transition: ease-in-out 0.4s;
}
.contact-btn:hover{ letter-spacing:3px;transition: ease-in-out 0.3s;}
.form-group label{ font-weight:300; font-size: 16px;}
.contact-left {
	padding: 30px;
	width:600px;
	float: right;
	margin: 0; 
}
.contact-left p{ width:100%;}
.contact-left .social{ padding:20px 0 0 0; margin:0; text-align: left;}
.contact-left .social ul{ width:100%; text-align: left;}
.contact-left .social ul li{ padding:0 20px 0 0;}
.contact-left a:hover{ color:#fff!important;}
.about-left h2 {text-align: center;background: url(../images/head-pattern.png) top center no-repeat;padding:10px 0 40px 0; clear:both;}
.p-zero{ padding:0;}
.pad-bot{ padding-bottom:20px;}

.choose {float: left;width: 100%; position:relative;}
.paralex{float:left; width:100%; position:relative; background:#000;}
.paralex .paralexinner {height:600px;overflow: hidden; position: relative;  width: 100%; }
.paralex .paralexinner img {bottom:0;left:0; position:absolute;  top: -246px; width:100%; }
.parallax-container {left:0;  margin: auto;  position:absolute;  right: 0;  text-align:left;  top:0px;  width: 100%; }
.contact-map{ float:right; width:50%;}

/* gallery css */
.pad-30{ margin-top:30px;}
.gallery-home, .map-show{ display:none;}
.form-group label {
    color: #970100; position:absolute;
}
 
/*Responsive css */
@media (max-width:1600px) {
.pro-title a {color: #f8cd34;font-size:40px;font-weight: normal;background: url(../images/shade-r.png) center top no-repeat;padding: 10px 120px 0 120px;text-decoration: none;transition: ease-in-out 0.4s;}
.juice:hover a, .salad:hover a, .contact-part:hover a{color: #000;background: url(../images/shade-r-hover.png) center top no-repeat;transition: ease-in-out 0.4s;} 
.pro-title a{ width:100%; padding:15px 10px; float: left;}
	.about-maincontainer .ab-cont, .about-maincontainer p{ height:290px; padding:0;}
	 
}

@media (max-width:1365px) {
	.cap-content{ width:60%;}
	.caption-part p{ font-size:20px;}
	.caption-part span{ font-size:40px;}
	.pro-title a{ font-size:32px;}
	 
}
@media (max-width:1024px) {
.dropdown1 {display: block; }
.dropdown1 .call,.dropdown1 .email,.dropdown1 .social {display:block;}
.dropdown1{display:inline-block;float:left;position:absolute;z-index:99;right:90px; top: 45px; width:50%;}
.dropbtn1 {background: url("../images/mob-phone.png") no-repeat scroll right top;border:none;color: white;cursor: pointer;font-size:20px;padding:0; width:100%; height:51px;transition: all 0.6s ease-in-out 0s; float:right; }
.dropdown-content1 {  padding:10px 20px;  right: 0; background-color:#000; float: right; witht:60%;}
.h-le, .h-ri{ display:none;}
	.dropdown-content1 span{ font-size:20px; color:#f8cd33; width:100%; float:left;}
	.dropdown-content1 p, .dropdown-content1 a{ font-size:16px; color:#fff; width:100%; float:left; font-weight: normal;}
	.heading h2{ color:#2a130f}
	.about-maincontainer{ width:96%;}
	.about-maincontainer .ab-cont, .about-maincontainer p{height:auto; padding:0;}
	.brand{ padding:30px 4%;}
	.salsa{ width:100%;}
	.about{ padding:10px 0;}
	.logo{ position:relative;}
	.header-phone{ float:right;}
	.call a{ font-size:26px;background: url(../images/phone.png) left 6px no-repeat;}
	.slider{ margin-bottom:30px;}
	.mt-half{ margin:0;}
	.mob-none{ display:none;}
	.contact-info p{ width:100%;}
	.contact-left{ width:46%;}
	.paralex .paralexinner img{ top:-100px;}
}
@media (max-width:800px) {
	.bg{ top:-32px;}
	.about-left{ padding:0;}
	.product-images{display:block;}
	.about-maincontainer .ab-cont, .about-maincontainer p{ padding:30px 0 0 0; text-align: center;}
	.social{ padding:0;}
	.caption-part p{ font-size:20px; padding:0;}
	.caption-part span{ font-size:32px;}
	h1{ font-size:44px;}
	.product-images{ padding-top:20px;}
	.product-images .pad-zero{ padding-bottom:0px;}
	.clearfix, .header-phone{ display:none;}
	.mean-container .mean-bar{top: 30px;}
	.brad-cumb{padding: 30px 0 0 0;}
	.contact-map{ width:100%;}
	.parallax-container{ position:relative;}
	.paralexinner{ display:none;}
	.contact-left{ width:100%;}
	.pad-100{ padding-top:0px;}
	.paralex{ background:#35240b;}
	.copy p{ text-align:center;}
	.footer-logo, .mob-hide, .map-none{ display:none;}
	.contact-map iframe{ height:400px;}
	.gallery-home{ display:block; width:100%; text-align:center; margin-top: 40px; float:left;}
	.gh-img{ margin-bottom:30px;}
	.product{ padding:40px 0 30px 0;}
	.map-show{ display:block;}
}
@media (max-width:764px) {
	.bg{ display:none;}
	.cap-content { position: relative; top: 0;right: 0;text-align: center;float: left;padding: 40px 0; width:100%;}
	.caption-part span{color:#2a130f}
	.heading h2{ padding:10px 0; width:100%; font-size: 50px;}
	.contact-info, .quick-contact, .social{ margin: 0; padding-top:10px;}
	.copy{ margin-top:30px;}
	.about-maincontainer .ab-cont, .about-maincontainer p{ padding:15px 0 0 0; text-align: center;}
	.ab-inner{ pading-bottom:10px;}
	.contact-info{ margin-bottom:10px;}
	textarea.form-control {height: 130px;}
	footer{ padding:0;}
	.header-phone, .sept{ display:none;}
	.mt-half{ margin-top:0;}
	.copy{ padding:30px 0;}
	.inner-banner img{ max-width:inherit;}
.inner-banner img{
    object-position: center;
    object-fit: cover;
    width: 100%;
    height:350px;
}
	.owl-carousel .owl-item img{
    object-position: center;
    object-fit: cover;
    width: 100%;
    height:500px;
}
	.gallery-img{ width:50%;}
	
	 
}
@media (max-width:480px) {
	.arr{ float:left; width:100%;}
	.contact-left .social ul li{ padding:0 10px 0 0;}
	.mean-container .mean-bar{top: 15px;}
	.gallery-img{ width:100%;}
}
@media (max-width:320px) {
	.dropdown1{ display:none;}
}