/*********************************************************************************
common styles
***************/
body {
	color:#333!important;
	font-family: 'Open Sans', sans-serif!important;
	font-size:13px!important;
	background:  #fff !important;
}
h1, h2, h3, h4, h5, p, ul, li {
	margin:0px!important;
	padding:0px!important;
}
a {
	color:#333!important;
	cursor:pointer;
	text-decoration:none!important;
}
a:active {
	box-shadow:none!important;
}
p {
	line-height:22px;
	margin-bottom:10px!important;
	font-size:14px!important;
}
h1, h2 {
	margin-bottom:10px!important;
}
.no-padding {
	padding-left:0px!important;
	padding-right:0px!important;
}
.no-padding-right {
	padding-right:0px!important;
}
.no-padding-left {
	padding-left:0px!important;
}
/*********************************************************************************
colored text and buttons
***************/
.text-yellow {
	color:#fef450
}
.text-orange {
	color:#f88530
}
.btn {
	padding:6px 20px !important;
	border-radius: 50px !important;
}
.btn:hover {
	background:#333!important;
	color:#fff!important;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
/*********************************************************************************
header styles
***************/
header {
/*width:100%;
	position:absolute;
	z-index:99;
	top:0px;*/
	 
}
/*logo bar*/
header .logo-bar {
	background: linear-gradient(90deg, #f88532 50%, #4b4748 50%);
	background: linear-gradient(90deg, #fce8a1 50%, #fff 50%);
	
}
header .logo-bar .container{
background:#fff;
}
header .logo-col {
	background: #fce8a1;
}
header .logo { 
    display: block;
    padding: 5px 0;

}
header .logo img {
	max-width:100%;
}
/*social links*/
header .social-nav {
	margin: 20px 0;
}
header .social-nav ul {
	list-style:none;
}
header .social-nav li {
	float:left;
}
header.social-nav li a {
	border:0!important;
	padding:0!important
}
header .social-nav li a .fa {
	background:#fff;
	color: #333 !important;
	width: 33px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	margin-left: 5px;
}
header .social-nav li a:hover .fa {
	color:#999!important;
}
/* nav bar */
header .nav-bar {
}
header .nav-fixed-bar {
/*position: fixed !important;
	width: 100% !important;
	top: 0;
	z-index: 99;*/
}
/*site nav*/
header .site-nav {
}
/*********************************************************************************
section styles
***************/
section.slider {
	position:relative
}
/**/
section.contents {
}
/*main heading*/
  .main-head {
	line-height:42px!important;
	font-size:35px;
	text-transform:uppercase
}
.main-head strong {
	font-weight:700;
	color:#000
}
.main-head span {
	font-size:14px!important;
	text-transform:capitalize
}
.main-head span.brdr {
	border-bottom:2px solid #fbcc26;
	height:1px;
	display:block;
	width:100px;
	margin:22px 0;
}
.main-head span.brdr img {
	width:32px;
	height:41px;
	margin: auto;
	margin-top:-27px
}

/**/
.home-abt-bar {
	background: linear-gradient(90deg, #fff 50%, #efefef 50%);
	background: linear-gradient(90deg, #fff 50%, #efefef 50%);
	padding:80px 0px 80px 0px!important;
}
.home-abt-bar .home-left {
	padding-right:40px!important
}
.home-abt-bar .home-left .col-center {
	width:200px;
	height:200px;
	background:#fcf5be;
	position:absolute;
	top:50%;
	margin-bottom:-50%;
	left:50%;
	margin-right:-50%;
	-webkit-transform:translate(-58%, -50%);
	-moz-transform:translate(-58%, -50%);
	transform:translate(-58%, -50%);
}
.home-abt-bar .home-left .col-arrow {
	width:29px;
	height:33px;
	background:url(../design_img/icon-arrow-left.png) no-repeat left bottom;
	position:absolute;
	right:0;
	bottom:10%;
}
.home-abt-bar img {
	max-width:100%;
}
.home-abt-bar .mr-bottom {
	margin-bottom:30px;
}
.home-abt-bar p {
	text-align:justify;
}
.home-abt-bar .btn-more {
	width: 140px;
	background:#333!important;
	color: #fff !important;
	border-radius:inherit!important;
	text-transform:uppercase;
	margin: 25px 0 0 0;
	padding: 10px 10px!important;
	display: block !important;
}
.home-abt-bar .btn-more:after {
	content: '\f054';
	font-family: 'FontAwesome';
	font-size: 10px;
	margin-left:10px;
	color:#fff
}
.home-abt-bar .btn-more:hover {
	padding: 10px 10px!important;
	background:#f58220!important;
}
/*product slide bar */
.product-bar {
	background: linear-gradient(90deg, #efefef 50%, #fff 50%);
	background: linear-gradient(90deg, #efefef 50%, #fff 50%);
	
} 
.product-bar .container{
background:#efefef; 
}
.product-bar .product-left{
padding-top:150px!important;padding-bottom:80px!important;padding-right:50px!important;
}
.product-bar .product-right{
background:#fff; padding-top:80px!important;padding-bottom:80px!important;
}
 
.product-bar .main-head {
	text-align: right
}
.product-bar .main-head span{ 
	line-height: 25px !important;float: right;
}
.product-bar .main-head span.brdr { 
	 margin: 22px 0 22px auto;float: none;
} 
.product-bar .btn-more {
	float:right;
	width: 140px;
	background:#333!important;
	color: #fff !important;
	border-radius:inherit!important;
	text-transform:uppercase;
	margin: 25px 0 0 0;
	padding: 10px 10px!important;
	display: block !important;
}
.product-bar .btn-more:after {
	content: '\f054';
	font-family: 'FontAwesome';
	font-size: 10px;
	margin-left:10px;
	color:#fff
}
.product-bar .btn-more:hover {
	padding: 10px 10px!important;
	background:#f58220!important;
}

.product-bar .col-arrow {
	width: 29px;
	height: 33px;
	background: url(../design_img/icon-arrow-right.png) no-repeat left bottom;
	position: absolute;
	left: 100%;
	bottom: 10%;
	z-index: 1;
}
.product-bar .icon-col {
	margin-top:20px;
}
.product-bar .icon-col img {
	margin-bottom:20px; width:100px;
}
.product-bar .icon-col h4 {
	font-weight:600;
	text-transform:uppercase;
	font-size:16px!Important;
	margin-bottom:10px!important
}
.product-bar .icon-col p {
	text-align:left!important;
	font-size:14px!Important
}
/**/
.home-abt-bar-1 {
	padding:50px 0px 40px 0px!important;
	background:#333 url(../design_img/home-abt-back.jpg) no-repeat center top;
	background-size:100%
}
.home-abt-bar-1 .main-head {
	line-height:45px!important;
	font-size:30px; 
	text-align:center; color:#fdc300
}

.home-abt-bar-1 .btn-more {
	width: 140px;
	background:rgba(0,0,0,0.5)!important;
	color: #fff !important;
	border-radius:inherit!important;
	text-transform:uppercase;
	margin: 25px auto 0;
	padding: 10px 10px!important;
	display: block !important;
	border:1px solid #bbb;
}
 
.home-abt-bar-1 .btn-more:hover {
	padding: 10px 10px!important;
	border-color:#f58220;color:#f58220!important;
}
/*****************************/
section.contents .content_bar {
	padding:15px 0;
	overflow:hidden;
}
/* page banner*/ 
.banner-bar {
	background:#333 url(../design_img/banner-back.jpg) no-repeat center bottom;
	background-size:100%;
	padding:80px 0;
}
.banner-bar .banner-content {
	text-align:center;
}
.banner-bar .banner-content h2 {
	letter-spacing:0.5px;
	font-weight:600;
	color:#fff;
	text-transform:uppercase
}
.banner-h-line-block {
	display: inline-block;
	margin:10px 0
}
.banner-h-line-block .h-line {
	background-color: #ffac05;
	margin:0px auto; 
	height: 1px;
	 
	width: 30px;
}
.banner-h-line-block .h-line.animated {
	background-color: #ffac05;
	width: 40px; 
	-webkit-animation: 1.5s ease 0s normal none infinite running vanimate;
	animation: 1.5s ease 0s normal none infinite running vanimate;
}
@-webkit-keyframes vanimate {
 50% {
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
}
}
@keyframes vanimate {
 50% {
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
}
}
@keyframes vanimate {
 50% {
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
}
}
/*location*/ 
.location {
	list-style:none;
	position: relative;
	margin:auto!important;
	display:table
}
.location li {
	color:#999!important;
	text-transform:capitalize;
	float:left;
	width:auto;
	margin:  0px 10px 0px 0!important;
}
.location li:last-child {
	margin-right:0px!important;
}
.location li a:after {
	content: '\f0da';
	font-family: 'FontAwesome';
	font-size: 13px;
	margin-left:10px;
	color:#999
}
.location li:last-child a:after {
	content: '';
	margin-left:0px;
}
.location li a {
	color:#999!important;
	font-size:13px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.location li a:hover {
	color:#fff!important;
}
.location li a.active {
	color:#fff!important;
}
/**************************/
 
.abt-bar {
	 
}
.abt-bar .home-abt-bar { position:relative}
.abt-bar .home-abt-bar .col-left {
	width:30%;
	height:180px;
	background:#fcf5be;
	position:absolute;
	top:50%;
	margin-bottom:-50%;
	left:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
} 
   
.abt-bar .home-abt-bar-2 {
	background: linear-gradient(90deg, #efefef 50%, #fff 50%);
	background: linear-gradient(90deg, #efefef 50%, #fff 50%);
	padding:80px 0px 80px 0px!important;
	position:relative
}
.abt-bar .home-abt-bar-2 img {
	max-width:100%;
}
 
.abt-bar .home-abt-bar-2 p {
	text-align:justify;
}
.abt-bar .home-abt-bar-2 .home-right{ padding-left:40px!important;}
.abt-bar .home-abt-bar-2 .home-right .col-arrow {
	width:29px;
	height:33px;
	background:url(../design_img/icon-arrow-right.png) no-repeat left bottom;
	position:absolute;
	left:0;
	bottom:10%;
}
.abt-bar .home-abt-bar-2 .col-right{
	width:30%;
	height:180px;
	background:#fcf5be;
	position:absolute;
	top:50%;
	margin-bottom:-50%;
	right:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
} 
/**************************/
.contact-bar {
	padding:30px 0;
}
 
.contact-bar h2 {
	color: #f37f1b;
	margin-bottom: 8px !important;
	letter-spacing: -0.2px;
} 
.contact-bar label {
	color:#3e5c74;
}
.contact-bar .form-control {
	border:0px;
	border-bottom:1px solid #ddd;
	padding:0;
}
.contact-bar .button {
	font-size:16px;
	margin-top:10px;
	
	margin:auto;
	display:table;
}
.btn-sub, .btn-cancel {
	display: inline-block;
	color: #fff !important;
	text-align: center;
	border-radius: 25px !important;
	margin-right:5px;
	width:90px;
	padding: 6px 0px !important;
	font-size: 14px !important;
	background: #f85a3f;text-transform: capitalize;
}
.btn-sub:hover, .btn-cancel:hover {
	padding: 6px 0px !important;
	margin-right:5px!important;
}
.btn-cancel {
	background: #666;
}
/*contact nav */
.contact-bar .cont-nav {
	background:#f2e0a0 ;
	padding:40px;
	overflow:hidden
}
.contact-bar .cont-nav h2 {
	color:#333;
	margin-bottom: 40px !important;
}
.contact-bar .cont-nav ul {
	list-style:none;
	margin-bottom:20px!important;
}
.contact-bar .cont-nav ul li {
	line-height: 24px; 
	margin-bottom: 28px !important;
	overflow:hidden;
}
.contact-bar .cont-nav ul a {
	display:block;
	color:#333	!important;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	font-size: 14px;
}
.contact-bar .cont-nav ul a i {
	margin-right:35px;
	float:left;
	margin-top: 4px;
	font-size: 20px;
}
.contact-bar .cont-nav ul a span {
	float:left;
	display:block
}
/**************************/
.pro-bar {
	padding:55px 0!important;
} 
/*products*/
 .product {
	margin-bottom: 10px;
}
.product-container {
	width:100%;
	height:auto;
	overflow:hidden;
}
.product-pic-container {
	width: 100%;
	height: auto;
	position:relative;
	overflow: hidden;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
.product-back {
	position: absolute;
	top: 50%;
	left: 0;
	bottom: 50%;
	right: 0;
	background: transparent;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
}
.product-pic {
}
.product-pic img {
	max-width: 100%;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
} 
.product-btn {
	width: 60px;
	height: 60px;
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 50%;
	margin-top:-30px;
	margin-left:-30px;
	-webkit-transition: all 350ms linear;
	-moz-transition: all 350ms linear;
	-o-transition: all 350ms linear;
	-ms-transition: all 350ms linear;
	transition: all 350ms linear;
}
.product-btn a {
	background: #333;
	font-size: 16px;
	color: #fff !important;
	width: 60px;
	height: 60px;
	margin:3px 0px;
	display: block;
	float:left;
	text-align: center;
	padding-top: 13px;
	text-transform: uppercase;
	border-radius:100%;
	border:5px solid rgba(0,0,0,0.2);
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	transition: all 150ms linear;
	position:relative
}
.product-btn a.cart {
	background: #fff;color: #333 !important; 
	opacity:0;
} 
.product-btn a:hover {border:5px solid rgba(0,0,0,0.6);
}
.product-name {
	text-align:center;
	text-transform:uppercase;
	font-size:15px!important; 
	font-weight:600;
	margin:15px 0 0px !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	display: inline-block;
	white-space: nowrap !important;
	width: 100%;
}
.product-name a {
	color:#000!important;
}
 
.product-container:hover .product-back {
	visibility:visible;
	opacity: 0.2;
	top: 0;
	bottom: 0%;
}
.product-container:hover .product-btn a.cart {
	bottom:0;
	opacity:1;} 

/* product-details */
.product-details {
	 
}
.product-details h4{
	font-weight:500; margin-bottom:8px!important;margin-top:20px!important; color:#1a6fb8
}
.product-details img {
	max-width:100%
} 
/*****************/
.qy-bar{
	 padding:50px 0!important;
	 background: url(../design_img/seema-sulz-back.png) no-repeat 50% 50%;
}
.qy-bar p{ text-align:justify}
.qy-bar h4{
	font-weight:500; margin-bottom:8px!important;margin-top:20px!important; color:#1a6fb8
}
/*****************/
.ga-bar{ padding:50px 0 35px!important;}
/*********************************************************************************
list styles start
***************/
ul.mylist {
	list-style:none;
	padding:0 0 0 10px;
	margin:0 0 15px 25px !important;
	font-size:14px
}
ul.mylist li {
	line-height:24px;
	text-indent:-25px;
}
ul.mylist li:before {
	content: "\f138   ";/*f105 f138  */
	font: normal normal normal 14px/1 FontAwesome;
	margin-right:10px;
	color:#f88530;
}
ul.mylist li li:before {
	content: "- ";/*f105 f138  */
	font: normal normal normal 14px/1 FontAwesome;
	margin-right:16px;
	color:#f88530;
}
/*********************************************************************************
default form styles start
***************/
 .form-group label {
	font-weight:normal;
}
.form-group .form-control {
	border-radius:0!important;
	box-shadow:none;
}
.form-group .label-radio {
	margin-right:15px;
}
.form-group input[type=radio] {
	margin-right:5px;
}
.form-group .label-check {
	margin-right:15px;
}
.form-group input[type=checkbox] {
	margin-right:5px;
}
.form-group .form-control:focus {
	box-shadow:none;
	border-color:#ffa34a
} 
/*********************************************************************************
footer styles
***************/
footer {
	background:#1b1d29;
}
footer p {
	color:#ddd;
}
footer p a {
	color:#fce8a1 !important
}
footer h2 {
	text-align:left;
	color: #fff;
	font-size: 18px;
	font-weight:400;
	margin-bottom:40px!important;
	text-transform: capitalize;
	position:relative;
}
footer h2:after {
	content: '';
	border-top:1px solid #666;
	width: 100%;
	position: absolute;
	left: 0;
	top: 31px;
}
footer .footer-bar {
	margin:40px 0 10px 0
}
/* footer site nav*/
footer .site-nav ul {
	list-style:none;
	margin-left: 28px!important;
	margin-bottom:20px!important;
}
footer .site-nav ul li {
	text-indent: -13px;
	line-height:25px;
	color:#ddd !important;
}
footer .site-nav ul li i {
	margin-right:8px;
	color:#ffc90d!important;
}
footer .site-nav ul a {
	font-size:13px;
	color:#ddd !important;
	text-align:left;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
/* footer nav*/
footer .nav-menu ul {
	list-style:none;
	margin:0 0 30px 15px !important;
}
footer .nav-menu ul li {
	line-height: 25px;
	display: block;
	text-indent: -15px;
}
footer .nav-menu ul a {
	display:block;
	font-size:13px;
	color:#ddd !important;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
footer .nav-menu ul a:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	color: #ddd;
	font-size: 15px;
	margin-right:10px;
}
footer .nav-menu ul a:hover {
	color:#fff !important;
}
footer .nav-menu ul a:hover:before {
	color:#fff !important;
}
/*social nav*/ 
footer .social-nav ul {
	list-style:none;
	margin-top:30px!important;
	margin-bottom:30px!important;
	overflow: hidden;
}
footer .social-nav li {
	float:left;
	margin-right:10px!important
}
footer .social-nav li a {
	border:0!important;
	padding:0!important
}
footer .social-nav li a .fa {
	color:#000!important;
	background:#ffc90d;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	border:0px;
	border-radius:100%;
	vertical-align:middle;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
footer .social-nav li a:hover .fa {
	background:#fff;
}
/*footer bar bottom*/
footer .footer-bar-bottom {
	background:#17161b;
	color:#999;
	padding:15px 0!important;
}
footer .footer-bar-bottom .copy {
	font-size:13px!important;
	margin-bottom:0px!important;
}
footer .footer-bar-bottom .co-name {
	margin-right:5px;
	color:#fce8a1;
}
footer .footer-bar-bottom .designer {
	margin-bottom:0px!important;
	text-align:right;
	font-size:13px!important;
}
footer .footer-bar-bottom .designer img {
	border: 1px solid #bbbaba;
	border-radius: 100%;
	padding: 2px;
	background: #fff;
}
/* top and down button*/
#goTop, #goDown {
	width:40px;
	height:40px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 99;
	text-align: center;
	color: #fff;
	background: #919ba7;
	border-radius: 50%;
	font-size: 25px;
	display: none;
}
#goDown {
	display:block;
}
#goDown .fa {
	padding-top:6px;
	color: #fff;
}
#goTop .fa, #goDown .fa {
	color: #fff;
}
#goTop:before, #goDown:before {
	content: '';
	position: absolute;
	border: 2px solid #919ba7;
	border-radius: 50%;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	-webkit-animation: hvr-ripple-out 1.2s ease-in-out infinite;
	animation: hvr-ripple-out 1.2s ease-in-out infinite;
}
#goTop:after, #goDown:after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
 @-webkit-keyframes hvr-ripple-out {
 100% {
 top: -12px;
 right: -12px;
 bottom: -12px;
 left: -12px;
 opacity: 0;
}
}
@keyframes hvr-ripple-out {
 100% {
 top: -12px;
 right: -12px;
 bottom: -12px;
 left: -12px;
 opacity: 0;
}
}