.main-header .auto-container, .auto-container,
.main-footer .auto-container,
.main-header .auto-container, .auto-container, .main-footer .auto-container{ max-width: 1350px; padding: 0 50px; }

/*Main Menu*/
.main-menu .navigation > li > a { font-size: 15px; }
.main-menu .navigation > li.current > a { font-size: 16px; padding: 4px 15px; line-height: 22px; background: #414143; margin-top: 5px; border-radius: 5px; }
.main-menu .navigation > li:hover > a {}


/*Home Page*/
.banner-section { border-top: 10px solid #414042; }
.prod-section .title-box { padding: 13px 30px; }
.prod-section .title-box h2 { font-size: 21px; line-height: 22px; font-weight: 600; }
.prod-section .owl-theme .owl-nav { top: -63px; }
.prod-section .owl-theme .fa-angle-double-left:before, .fa-angle-double-right:before { font-size: 17px; }

.prod-section .product-carousel .image-box { height: 260px; overflow: hidden; position: relative; }
.prod-section .product-carousel .image-box img { position: absolute; top:0; bottom: 0; right: 0; left: 0; margin: auto; }
.prod-section .product-carousel .image-box img.horizontal 	{ width: 80%; height: auto; }
.prod-section .product-carousel .image-box img.vertical 	{ height: 85%; width: auto; }
.prod-section .product-carousel .image-box img.equal 		{ width: 80%; height: auto; }
.prod-block .lower-box h4 { font-weight: 400; font-size: 18px; margin-bottom: 15px; }
.prod-block .lower-box h4 a { text-decoration: none !important; }

.modal-backdrop 	{ z-index: 9999; }
.modal 				{ z-index: 9999999999999999999999999999999999; }
.modal-dialog  		{ max-width: 800px; }
.modal-header 		{ padding: 0.5rem 1rem 0.5rem 0; border:0; }

.news-block .image-box { height: 260px; overflow: hidden; position: relative; }
.news-block .image-box img { position: absolute; top:0; bottom: 0; right: 0; left: 0; margin: auto; }
.news-block .image-box img.horizontal 	{ width: 90%; height: auto; }
.news-block .image-box img.vertical 	{ height:85%; width: auto; }
.news-block .image-box img.equal 		{ width: 90%; height: auto; }
.news-block .lower-box { padding: 15px 20px 18px; }
.news-block .lower-box h4 { margin-bottom: 10px; font-weight: 600; font-size: 23px; }
.news-block .lower-box h4 a { text-decoration: none !important; }
.news-block .lower-box .text { font-size: 15px; }
.news-section .title-box h2 {     font-size: 22px; }

.cat-section .title-box { padding: 13px 30px; }
.cat-section .title-box h2 { font-size: 21px; line-height: 22px; font-weight: 600; line-height: 16px; }
.cat-block .image-box { height: 350px; overflow: hidden; position: relative; }
.cat-block .image-box img { position: absolute; top:0; bottom: 0; right: 0; left: 0; margin: auto; }
.cat-block .image-box img.horizontal 	{ width: 90%; height: auto; }
.cat-block .image-box img.vertical 		{ height:90%; width: auto; }
.cat-block .image-box img.equal 		{ width: 95%; height: auto; }
.cat-block .cap-box {     background:rgba(0,0,0,0.75); }
.cat-block .cap-box h4 { text-transform: unset; font-weight: 600; line-height: 23px; }
.cat-block .cap-box h4 a { text-decoration: none !important; }
.cat-block .cap-box .link-btn { min-height: 43px; }

/*Footer Section*/
.footer-section .widget-title { font-size: 21px; font-weight: 600; }
.footer-section .text { }
.footer-section .text p { font-size: 14px; margin-bottom: 5px; }
.footer-section .links li a { text-decoration: none !important;  }
.footer-section .links li a:hover { color:#ccc; }

/*inner page css*/
.inner-banner { border-top: 10px solid #414042; height: auto}
.page-info .subtitle {     margin-right: 9px; }
.about-container .title-box h2 { font-size: 35px; }
.left-content p { margin-bottom: 12px; line-height: 23px; }
.about-container .text-block h3 { font-size: 31px; font-weight: 600; margin-bottom: 14px; }


/*News Page Css*/
.news-page .news-block .image-box { height: 260px; overflow: hidden; position: relative; }
.news-page .news-block .image-box img { position: absolute; top:0; bottom: 0; right: 0; left: 0; margin: auto; }
.news-page .news-block .image-box img.horizontal 	{ width: 95%; height: auto; }
.news-page .news-block .image-box img.vertical 	{ height:90%; width: auto; }
.news-page .news-block .image-box img.equal 		{ width: 95%; height: auto; }
.news-page .news-block .lower-box { padding: 15px 20px 18px; }
.news-page .news-block .lower-box h4 { margin-bottom: 10px; font-weight: 600; font-size: 20px; }
.news-page .news-block .lower-box h4 a { text-decoration: none !important; }
.news-page .news-block .lower-box .text { font-size: 14px; }
.news-page .news-section .title-box h2 {  font-size: 22px; }

.about-container { min-height: 450px; }

/*Product Category Css*/
.product-cat-box { border:1px solid #ccc; position: relative; }
.product-cat-box .title  { text-align: center;  background: #58595b; color:#fff; text-transform: uppercase; letter-spacing: 0.4px; padding: 5px 10px;   }
.product-cat-box .title a { color:#fff; }
.product-cat-box .brands { 
	position: absolute; background: #ffd20a; color:#58595b; width: 100%; top:0; padding: 5px 10px; 
	text-align: center; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; }
.product-cat-box .brands a { color:#fff; }
.product-cat-box .image-box { height: 260px; overflow: hidden; position: relative; }
.product-cat-box .image-box img { position: absolute; top:0; bottom: 0; right: 0; left: 0; margin: auto; }
.product-cat-box .image-box img.horizontal 	{ width: 80%; height: auto; }
.product-cat-box .image-box img.vertical 	{ height:85%; width: auto; }
.product-cat-box .image-box img.equal 		{ width: 80%; height: auto; }


/*Category Products*/
.page-info.prodcat { background: none; margin-top: 20px; /*border-bottom: 1px solid #ccc;*/ padding-bottom:15px; }
.page-info.prodcat .category-title {  }
.page-info.prodcat .category-title h2 { 
	background: linear-gradient(to right, #444345, white); margin-top: 4%; font-size: 22px; padding: 5px 30px; 
	text-align: center; text-transform: uppercase; letter-spacing: 0.5px; }
.page-info.prodcat .logo-block { padding-right: 0; text-align: center; }
.page-info.prodcat .content-block { padding-left: 0; }

.products-container { padding-top: 5px; }
.products-container .image-box { height: 260px; overflow: hidden; position: relative; }
.products-container .image-box img { position: absolute; top:0; bottom: 0; right: 0; left: 0; margin: auto; }
.products-container .image-box img.horizontal 	{ width: 80%; height: auto; }
.products-container .image-box img.vertical 	{ height:85%; width: auto; }
.products-container .image-box img.equal 		{ width: 80%; height: auto; }
.page-info.prodcat .brand_image { }
.page-info.prodcat .brand_image img { max-width: 170px; max-width: 250px; }
.page-info.prodcat .brand_image + h2 { font-weight: 600; color:#000; font-size: 1.8rem; margin-top: 10px; text-shadow: 2px 2px 3px #ccc; }


/*Product Popup*/
.product-block-two-details { padding-top: 15px; padding-bottom: 15px; padding-top: 0;  }
.product-block-two-details .product-data h2{ font-size: 28px; font-weight: 600; color:#333; }
.product-block-two-details .product-data p { font-size: 13px; line-height: 23px;  }
.product-block-two-details .product-data .brand { /*width: 180px; height: auto;*/ border: 0px solid #333; margin-bottom: 10px; }
.product-block-two-details .product-data .brand img { width: 100%; max-width: 110px; }

.product-block-two-details .images .brand { text-align: center; border: 0px solid #333; margin:15px 0; position: relative;  }
.product-block-two-details .images .brand img { width: 58%;  }

.product-block-two-details .product-carousel { border:1px solid #333; height: 260px; }

.product-block-two-details .product-carousel .slide-item div { position: relative; height: 260px; }
.product-block-two-details .product-carousel .slide-item div img { position: absolute; top:0; bottom:0; right:0; left: 0; margin: auto;  }
.product-block-two-details .product-carousel .slide-item div img.horizontal 	{ width: 75%; height: auto; }
.product-block-two-details .product-carousel .slide-item div img.vertical 	{ height: 85%; width: auto; }
.product-block-two-details .product-carousel .slide-item div img.equal 		{ width: 79%; }
.product-block-two-details .product-carousel .owl-nav { position: absolute; top: -30px; width: 100%; z-index: 9999; }
.product-block-two-details .product-carousel .owl-nav button.owl-prev { float: left; }
.product-block-two-details .product-carousel .owl-nav button.owl-next { float: right; }
.product-block-two-details .product-carousel .owl-dots { position: absolute; top: -30px; width: 100%; }

/*Cart Button*/
@font-face {
  font-family: 'Cart Fonts';
  src: url('../../fonts/root/cart-fonts.eot?69310117');
  src: url('../../fonts/root/cart-fonts.eot?69310117#iefix') format('embedded-opentype'),
	   url('../../fonts/root/cart-fonts.woff?69310117') format('woff'),
	   url('../../fonts/root/cart-fonts.ttf?69310117') format('truetype'),
	   url('../../fonts/root/cart-fonts.svg?69310117#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
.iconn {
  font-family: "Cart Fonts";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* You can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.prod-block .lower-box .links a { box-shadow:unset; }
.prod-block .lower-box .links a.cart-btn { background: none; }
.prod-block .lower-box .links a.cart-btn i { color:#333; font-size: 19px; }
.prod-block .lower-box .links a.cart-btn:hover { background:#ffd20a }
.prod-block .lower-box .links a.cart-btn:hover i { color:#000; }

.con.subheading { font-size: 18px; font-weight: bold; }

.con.subheading + .info .txt { display: block; line-height: 20px; font-size: 14px; }

[class^="sl-icon-"], [class*=" sl-icon-"] { font-size: 24px; vertical-align: top; }

.contact-form-new form input[type="text"], 
.contact-form-new form input[type="password"], 
.contact-form-new form input[type="tel"], 
.contact-form-new form input[type="email"], 
.contact-form-new form input[type="url"], 
.contact-form-new form input[type="search"],
.contact-form-new form select {
    height: auto;
    padding: 4px 15px;
}

label.error { font-size: 14px; color: #8b0000; }

#contactform .form-group { margin-bottom: 12px; }
#contactform .button.submit-button{
    text-align: right; cursor: pointer; background: #333; color: #fff; padding: 7px 41px;  border-radius: 50px; margin-top: 15px;
}

#contactform .button.submit-button:hover { background: #ffd20a; color:#333; }

.contactus-msg { 
    border: 1px solid #333; background: #77dd77; padding: 2px 10px; text-align: center; color: #333; 
    font-size: 15px; letter-spacing: 0.5px; display: none; text-shadow: 1px 1px #ccc; margin-bottom: 10px; }