@charset "UTF-8";

/*
Theme Name: ATI Pro
Theme URI: https://www.itfosters.com/
Author: IT Fosters team
Author URI: https://itfosters.com/
Description: Ati Pro to maintaing the content and ecom.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.0
*/

/* Variables */
:root {

   /* Font Family */
   --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
   --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);

   /* Font Size */
   --global--font-size-base: 1.25rem;
   --global--font-size-xs: 1rem;
   --global--font-size-sm: 1.125rem;
   --global--font-size-md: 1.25rem;
   --global--font-size-lg: 1.5rem;
   --global--font-size-xl: 2.25rem;
   --global--font-size-xxl: 4rem;
   --global--font-size-xxxl: 5rem;
   --global--font-size-page-title: var(--global--font-size-xxl);
   --global--letter-spacing: normal;

   /* Line Height */
   --global--line-height-body: 1.7;
   --global--line-height-heading: 1.3;
   --global--line-height-page-title: 1.1;

   /* Headings */
   --heading--font-family: var(--global--font-primary);
   --heading--font-size-h6: var(--global--font-size-xs);
   --heading--font-size-h5: var(--global--font-size-sm);
   --heading--font-size-h4: var(--global--font-size-lg);
   --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
   --heading--font-size-h2: var(--global--font-size-xl);
   --heading--font-size-h1: var(--global--font-size-page-title);
   --heading--letter-spacing-h6: 0.05em;
   --heading--letter-spacing-h5: 0.05em;
   --heading--letter-spacing-h4: var(--global--letter-spacing);
   --heading--letter-spacing-h3: var(--global--letter-spacing);
   --heading--letter-spacing-h2: var(--global--letter-spacing);
   --heading--letter-spacing-h1: var(--global--letter-spacing);
   --heading--line-height-h6: var(--global--line-height-heading);
   --heading--line-height-h5: var(--global--line-height-heading);
   --heading--line-height-h4: var(--global--line-height-heading);
   --heading--line-height-h3: var(--global--line-height-heading);
   --heading--line-height-h2: var(--global--line-height-heading);
   --heading--line-height-h1: var(--global--line-height-page-title);
   --heading--font-weight: normal;
   --heading--font-weight-page-title: 300;
   --heading--font-weight-strong: 600;

   /* Block: Latest posts */
   --latest-posts--title-font-family: var(--heading--font-family);
   --latest-posts--title-font-size: var(--heading--font-size-h3);
   --latest-posts--description-font-family: var(--global--font-secondary);
   --latest-posts--description-font-size: var(--global--font-size-sm);
   --list--font-family: var(--global--font-secondary);
   --definition-term--font-family: var(--global--font-primary);

   /* Colors */
   --global--color-black: #000;
   --global--color-dark-gray: #28303d;
   --global--color-gray: #39414d;
   --global--color-light-gray: #f0f0f0;
   --global--color-green: #d1e4dd;
   --global--color-blue: #d1dfe4;
   --global--color-purple: #d1d1e4;
   --global--color-red: #e4d1d1;
   --global--color-orange: #e4dad1;
   --global--color-yellow: #eeeadd;
   --global--color-white: #fff;
   --global--color-white-50: rgba(255, 255, 255, 0.5);
   --global--color-white-90: rgba(255, 255, 255, 0.9);
   --global--color-primary: var(--global--color-dark-gray);
   /* Body text color, site title, footer text color. */
   --global--color-secondary: var(--global--color-gray);
   /* Headings */
   --global--color-primary-hover: var(--global--color-primary);
   --global--color-background: var(--global--color-green);
   /* Mint, default body background */
   --global--color-border: var(--global--color-primary);
   /* Used for borders (separators) */

   /* Spacing */
   --global--spacing-unit: 20px;
   --global--spacing-measure: unset;
   --global--spacing-horizontal: 25px;
   --global--spacing-vertical: 30px;

   /* Elevation */
   --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);

   /* Forms */
   --form--font-family: var(--global--font-secondary);
   --form--font-size: var(--global--font-size-sm);
   --form--line-height: var(--global--line-height-body);
   --form--color-text: var(--global--color-dark-gray);
   --form--color-ranged: var(--global--color-secondary);
   --form--label-weight: 500;
   --form--border-color: var(--global--color-secondary);
   --form--border-width: 3px;
   --form--border-radius: 0;
   --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));

   /* Cover block */
   --cover--height: calc(15 * var(--global--spacing-vertical));
   --cover--color-foreground: var(--global--color-white);
   --cover--color-background: var(--global--color-black);

   /* Buttons */
   --button--color-text: var(--global--color-background);
   --button--color-text-hover: var(--global--color-secondary);
   --button--color-text-active: var(--global--color-secondary);
   --button--color-background: var(--global--color-secondary);
   --button--color-background-active: var(--global--color-background);
   --button--font-family: var(--global--font-primary);
   --button--font-size: var(--global--font-size-base);
   --button--font-weight: 500;
   --button--line-height: 1.5;
   --button--border-width: 3px;
   --button--border-radius: 0;
   --button--padding-vertical: 15px;
   --button--padding-horizontal: calc(2 * var(--button--padding-vertical));

   /* entry */
   --entry-header--color: var(--global--color-primary);
   --entry-header--color-link: currentColor;
   --entry-header--color-hover: var(--global--color-primary-hover);
   --entry-header--color-focus: var(--global--color-secondary);
   --entry-header--font-size: var(--heading--font-size-h2);
   --entry-content--font-family: var(--global--font-secondary);
   --entry-author-bio--font-family: var(--heading--font-family);
   --entry-author-bio--font-size: var(--heading--font-size-h4);

   /* Header */
   --branding--color-text: var(--global--color-primary);
   --branding--color-link: var(--global--color-primary);
   --branding--color-link-hover: var(--global--color-secondary);
   --branding--title--font-family: var(--global--font-primary);
   --branding--title--font-size: var(--global--font-size-lg);
   --branding--title--font-size-mobile: var(--heading--font-size-h4);
   --branding--title--font-weight: normal;
   --branding--title--text-transform: uppercase;
   --branding--description--font-family: var(--global--font-secondary);
   --branding--description--font-size: var(--global--font-size-sm);
   --branding--description--font-family: var(--global--font-secondary);
   --branding--logo--max-width: 300px;
   --branding--logo--max-height: 100px;
   --branding--logo--max-width-mobile: 96px;
   --branding--logo--max-height-mobile: 96px;

   /* Main navigation */
   --primary-nav--font-family: var(--global--font-secondary);
   --primary-nav--font-family-mobile: var(--global--font-primary);
   --primary-nav--font-size: var(--global--font-size-md);
   --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
   --primary-nav--font-size-mobile: var(--global--font-size-sm);
   --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
   --primary-nav--font-size-button: var(--global--font-size-xs);
   --primary-nav--font-style: normal;
   --primary-nav--font-style-sub-menu-mobile: normal;
   --primary-nav--font-weight: normal;
   --primary-nav--font-weight-button: 500;
   --primary-nav--color-link: var(--global--color-primary);
   --primary-nav--color-link-hover: var(--global--color-primary-hover);
   --primary-nav--color-text: var(--global--color-primary);
   --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
   --primary-nav--border-color: var(--global--color-primary);

   /* Pagination */
   --pagination--color-text: var(--global--color-primary);
   --pagination--color-link-hover: var(--global--color-primary-hover);
   --pagination--font-family: var(--global--font-secondary);
   --pagination--font-size: var(--global--font-size-lg);
   --pagination--font-weight: normal;
   --pagination--font-weight-strong: 600;

   /* Footer */
   --footer--color-text: var(--global--color-primary);
   --footer--color-link: var(--global--color-primary);
   --footer--color-link-hover: var(--global--color-primary-hover);
   --footer--font-family: var(--global--font-primary);
   --footer--font-size: var(--global--font-size-sm);

   /* Block: Pull quote */
   --pullquote--font-family: var(--global--font-primary);
   --pullquote--font-size: var(--heading--font-size-h3);
   --pullquote--font-style: normal;
   --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
   --pullquote--line-height: var(--global--line-height-heading);
   --pullquote--border-width: 3px;
   --pullquote--border-color: var(--global--color-primary);
   --pullquote--color-foreground: var(--global--color-primary);
   --pullquote--color-background: var(--global--color-background);
   --quote--font-family: var(--global--font-secondary);
   --quote--font-size: var(--global--font-size-md);
   --quote--font-size-large: var(--global--font-size-xl);
   --quote--font-style: normal;
   --quote--font-weight: 700;
   --quote--font-weight-strong: bolder;
   --quote--font-style-large: normal;
   --quote--font-style-cite: normal;
   --quote--line-height: var(--global--line-height-body);
   --quote--line-height-large: 1.35;
   --separator--border-color: var(--global--color-border);
   --separator--height: 1px;

   /* Block: Table */
   --table--stripes-border-color: var(--global--color-light-gray);
   --table--stripes-background-color: var(--global--color-light-gray);
   --table--has-background-text-color: var(--global--color-dark-gray);

   /* Widgets */
   --widget--line-height-list: 1.9;
   --widget--line-height-title: 1.4;
   --widget--font-weight-title: 700;
   --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));

   /* Admin-bar height */
   --global--admin-bar--height: 0px;
}

.admin-bar {
   --global--admin-bar--height: 32px;
}

@media only screen and (max-width: 782px) {

   .admin-bar {
      --global--admin-bar--height: 46px;
   }
}

@media only screen and (min-width: 652px) {

   :root {
      --global--font-size-xl: 2.5rem;
      --global--font-size-xxl: 6rem;
      --global--font-size-xxxl: 9rem;
      --heading--font-size-h3: 2rem;
      --heading--font-size-h2: 3rem;
   }
}


.fixbutton li a.scrollup {
   display: none;
}

td {
   padding: 0 0 0 8px;
}

/* =============================
		Style css all content 
================================*/
.pr-5 {
   padding-right: 5px;
}

.pt-5 {
   padding-top: 5px;
}

.ptb-10 {
   padding: 10px 0;
}

.ptb-5 {
   padding: 5px 0;
}

.othersite {
   height: 35px;
   position: relative;
}

.woocommerce .bottom-brand-logo,
.bottom-brand-logo {
   height: 30px;
}

.bounce-1 {
   /* animation-name: bounce-1;
	*/
   animation-timing-function: linear;
   animation-name: bounce;
   -webkit-animation-iteration-count: infinite;
}

.box-1 {
   align-self: flex-end;
   animation-duration: 2s;
   animation-iteration-count: infinite;
   height: 50px;
   transform-origin: bottom;
   width: 50px;
}

.box-2 {
   align-self: flex-end;
   animation-duration: 2s;
   animation-iteration-count: infinite;
   height: 80px;
   transform-origin: bottom;
   width: 80px;
}

.zoom-in-out-box {
   width: 35px;
   height: 35px;
   animation: zoom-in-zoom-out 1s ease 2;
   position: relative;
}

@keyframes zoom-in-zoom-out {
   0% {
      transform: scale(1, 1);
   }

   50% {
      transform: scale(.5, .5);
   }

   100% {
      transform: scale(1, 1);
   }
}

/*======================== 1. General code ==========================*/
body {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 14px;
   overflow-x: hidden;
   color: #666;
   background: #fff;
}

/*---------------------- 1.1. Typography ------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
   color: #111;
   font-weight: 500;
   font-family: 'Roboto', sans-serif;
   margin: 0 0 15px;
}

h1 {
   font-size: 35px;
}

h2 {
   font-size: 25px;
}

h3 {
   font-size: 28px;
}

h4 {
   font-size: 24px;
}

h5 {
   font-size: 26px;
   font-weight: 600;
}

h6 {
   font-size: 18px;
}

/* text size */
.text-extra-small {
   font-size: 11px;
   line-height: 14px
}

.text-small {
   font-size: 12px;
   line-height: 20px
}

.text-medium {
   font-size: 16px;
   line-height: 23px
}

.text-large {
   font-size: 18px;
   line-height: 26px
}

.text-extra-large {
   font-size: 20px;
   line-height: 26px
}

.title-large {
   font-size: 100px;
   line-height: 95px
}

.title-extra-large {
   font-size: 130px;
   line-height: 120px
}

/* text color */
.text-white {
   color: #fff
}

.text-black {
   color: #000
}

.text-extra-dark-gray {
   color: #232323
}

.text-dark-gray {
   color: #626262
}

.text-extra-medium-gray {
   color: #757575
}

.text-medium-gray {
   color: #939393
}

.text-extra-light-gray {
   color: #b7b7b7
}

.text-light-gray {
   color: #d6d5d5
}

.text-very-light-gray {
   color: #ededed
}

.text-deep-pink {
   color: #ff214f
}

/* letter spacing */
.no-spacing {
   letter-spacing: 0px
}

.letter-spacing-1 {
   letter-spacing: 1px
}

.letter-spacing-2 {
   letter-spacing: 2px
}

.letter-spacing-3 {
   letter-spacing: 3px
}

.letter-spacing-4 {
   letter-spacing: 4px
}

.letter-spacing-5 {
   letter-spacing: 5px
}

.letter-spacing-6 {
   letter-spacing: 6px
}

.letter-spacing-7 {
   letter-spacing: 7px
}

.letter-spacing-8 {
   letter-spacing: 8px
}

.letter-spacing-9 {
   letter-spacing: 9px
}

.letter-spacing-10 {
   letter-spacing: 10px
}

.letter-spacing-minus-1 {
   letter-spacing: -1px
}

.letter-spacing-minus-2 {
   letter-spacing: -2px
}

.letter-spacing-minus-3 {
   letter-spacing: -3px
}

.letter-spacing-minus-4 {
   letter-spacing: -4px
}

.letter-spacing-minus-5 {
   letter-spacing: -5px
}

.letter-spacing-minus-6 {
   letter-spacing: -6px
}

.letter-spacing-minus-7 {
   letter-spacing: -7px
}

.letter-spacing-minus-8 {
   letter-spacing: -8px
}

.letter-spacing-minus-9 {
   letter-spacing: -9px
}

.letter-spacing-minus-10 {
   letter-spacing: -10px
}

/* font weight */
.font-weight-100 {
   font-weight: 100
}

.font-weight-200 {
   font-weight: 200
}

.font-weight-300 {
   font-weight: 300
}

.font-weight-400 {
   font-weight: 400
}

.font-weight-500 {
   font-weight: 500
}

.font-weight-600 {
   font-weight: 600
}

.font-weight-700 {
   font-weight: 700
}

.font-weight-900 {
   font-weight: 900
}

/* line height */
.line-height-10 {
   line-height: 10px
}

.line-height-13 {
   line-height: 13px
}

.line-height-18 {
   line-height: 18px
}

.line-height-20 {
   line-height: 20px
}

.line-height-24 {
   line-height: 24px
}

.line-height-22 {
   line-height: 22px
}

.line-height-26 {
   line-height: 26px
}

.line-height-28 {
   line-height: 28px
}

.line-height-30 {
   line-height: 30px
}

.line-height-35 {
   line-height: 35px
}

.line-height-40 {
   line-height: 40px
}

.line-height-45 {
   line-height: 45px
}

.line-height-50 {
   line-height: 50px
}

.line-height-55 {
   line-height: 55px
}

.line-height-60 {
   line-height: 60px
}

.line-height-65 {
   line-height: 65px
}

.line-height-70 {
   line-height: 70px
}

.line-height-75 {
   line-height: 75px
}

.line-height-80 {
   line-height: 80px
}

.line-height-85 {
   line-height: 85px
}

.line-height-90 {
   line-height: 90px
}

.line-height-95 {
   line-height: 95px
}

.line-height-100 {
   line-height: 100px
}

.line-height-110 {
   line-height: 110px
}

.line-height-120 {
   line-height: 120px
}

p {
   font-size: 14px;
   line-height: 24px;
   margin-bottom: 0;
   text-align: justify;
   color: #111;
}

a {
   text-decoration: none;
   color: #111;
   transition: all 500ms ease;
}

a:hover,
a:focus {
   text-decoration: none;
   outline: none;
   color: #95c41f;
   transition: all 500ms ease;
}

img {
   max-width: 100%;
}

ul,
ol {
   margin: 0;
   padding: 0;
}

ul.list-with-icon li {
   line-height: 20px;
   margin-bottom: 15px;
   padding: 0 10px 0 20px;
   position: relative;
   list-style: none;
   text-transform: capitalize;
}

ul.list-with-icon li i {
   position: absolute;
   left: 0;
   top: 4px;
   font-size: 14px;
}

.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text p {
   color: #fff;
}

.uppercase {
   text-transform: uppercase;
}

.underline {
   text-decoration: underline;
}

.divider {
   border-bottom: 1px solid #dcd9d9;
   clear: both;
   margin: 40px auto;
}

.divider.double {
   border-bottom: 3px double #dcd9d9;
}

.inheading {
   background: url("assets/images/border.png") repeat-x left 12px;
   color: #111;
   padding-bottom: 20px;
   text-transform: capitalize;
   margin-bottom: 0;
   line-height: 30px;
}

.inheading h5 {
   display: inline-block;
   background: #fff;
   padding: 0 15px 0 0;
   margin: 0px;
}

.m30 {
   margin-bottom: 30px;
}

.padded {
   padding: 0;
}

.Lpadded {
   padding-left: 0;
}

.Rpadded {
   padding-right: 0;
}

input,
input:focus,
textarea,
textarea:focus {
   outline: none;
}

.map {
   width: 100%;
   height: 400px;
   border: 1px solid #efefef;
   filter: grayscale(100%);
}

blockquote {
   border-color: #95c41f;
   margin: 15px 0;
}

blockquote span {
   font: 600 14px 'Open Sans', sans-serif;
   color: #333;
   display: block;
   width: 100%;
   padding-top: 10px;
}

blockquote span span {
   padding-top: 0;
   color: #666;
}

label {
   font: 600 13px/30px 'Open Sans', sans-serif;
   color: #666;
   margin-bottom: 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="tel"],
textarea,
select {
   background: #f2f2f2;
   border: medium none;
   font-size: 14px;
   padding: 10px 15px;
   width: 100%;
   font-size: 14px 'Open Sans', sans-serif;
   color: #333;
}

input[type="radio"] {
   position: absolute;
   left: 0;
   top: 0;
   margin: 0px;
   width: 15px;
   height: 15px;
   opacity: 1;
   z-index: 1;
   opacity: 0;
}

.radio {
   display: inline-block;
   padding-left: 30px;
   margin-top: 0;
   line-height: 20px;
}

.radio:after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   background: #f2f2f2;
}

.radio:before {
   content: "";
   position: absolute;
   left: 7px;
   top: 7px;
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: #95c41f;
   display: none;
   z-index: 2;
}

input[type="radio"]:checked+.radio:before {
   display: block;
}

input[type="checkbox"] {
   position: absolute;
   left: 0;
   top: 0;
   margin: 0px;
   width: 15px;
   height: 15px;
   opacity: 1;
   z-index: 1;
   opacity: 0;
}

.checkbox {
   display: inline-block;
   padding-left: 35px;
   margin-top: 0;
   line-height: 16px;
}

.checkbox:after {
   content: "";
   position: absolute;
   left: 0;
   top: 5px;
   width: 20px;
   height: 20px;
   background: #f2f2f2;
}

.checkbox:before {
   content: "";
   position: absolute;
   left: 5px;
   top: 10px;
   width: 10px;
   height: 10px;
   background: #95c41f;
   display: none;
   z-index: 2;
}

input[type="checkbox"]:checked+.checkbox:before {
   display: block;
}

.form-control {
   border: none;
   padding: 0;
   box-shadow: none;
   margin-top: 20px;
   display: table;
   width: 100%;
}

/*---------------------- 1.2. Button ------------------------------*/
.button {
   font: 400 16px/20px 'Roboto', sans-serif;
   color: #111;
   text-transform: uppercase;
   display: inline-block;
   padding: 12px 20px;
   background: #95c41f;
   transition: all 500ms ease;
   margin-top: 15px;
   border: none;
}

.button i {
   padding-right: 5px;
}

.button:hover,
.button:focus {
   color: #fff;
   background: #6d8f16;
   transition: all 500ms ease;
}

/*---------------------- 1.3. Heading ------------------------------*/
.heading {
   /*background:url("../images/pattern.png")repeat-x scroll left bottom;*/
   border: medium none;
   color: black;
   display: inline-block;
   font: 700 24px/26px "Roboto", sans-serif;
   letter-spacing: 0.5px;
   margin: 0 auto 30px;
   /*min-width: 272px;*/
   padding: 2px 0px;
   position: relative;
   text-align: center;
   text-transform: uppercase;
   width: auto;
}

/*---------------------- 1.4. Breadcrumb ------------------------------*/

.breadcrumb {
   padding: 15px 0;
   background: #efefef;
   margin-bottom: 0;
}

.breadcrumb ul li:first-child {
   padding-left: 0;
}

.breadcrumb ul li {
   display: inline-block;
   position: relative;
   padding: 0 10px;
   color: #95c41f;
   font-weight: 500;
   font-size: 12px;
}

.breadcrumb ul li:first-child:after {
   font-family: 'FontAwesome';
   content: '\f105';
   font-size: 13px;
   top: 0;
   right: -6px;
   position: absolute;
   color: #111;
}


.woo_breadcrumb {
   padding: 0px 0;
   background: #efefef;
   margin-bottom: 20px;
}

.woocommerce .woo_breadcrumb .woocommerce-breadcrumb {
   margin: 0px;
   color: var(--itf--color-theme-txt);
}

.woocommerce .woo_breadcrumb .woocommerce-breadcrumb::before {
   font-family: 'FontAwesome';
   content: '\f015';
   font-size: 12px;
   position: absolute;
   color: #111;
   left: 1px;
   top: 16px;
}

.woocommerce .woo_breadcrumb .woocommerce-breadcrumb a {
   color: #111;
   font-size: 12px;
   font-weight: 500;
}

/*---------------------- 1.5. Fixbutton ------------------------------*/
section.related.products h2 {
   font-size: 30px;
}

.fixbutton {
   position: fixed;
   right: 0;
   top: 50%;
   margin-top: -60px;
   z-index: 99;
}

.fixbutton li {
   display: block;
   text-align: right;
   margin-bottom: 1px;
}

.fixbutton li a {
   display: inline-block;
   color: #1f223e;
   cursor: pointer;
}

.fixbutton li a span {
   width: 0;
   background: #95c41f;
   padding: 10px;
   width: 0;
   opacity: 0;
   visibility: hidden;
   position: absolute;
   right: 100%;
   white-space: nowrap;
   width: auto;
   transition: all 500ms ease;
   font-weight: 600;
}

.fixbutton li a i {
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   background: #95c41f;
}

.fixbutton li a:hover {
   color: #000;
   transition: all 500ms ease;
}

.fixbutton li a:hover span {
   opacity: 1;
   visibility: visible;
   transition: all 500ms ease;
   background-color: #6d8f16;
   color: #fff;
}

.fixbutton li a i:hover,
.fixbutton li a span:hover~i {
   background-color: #6d8f16;
   color: #fff;
}

/*--------------------- 1.6. Switch Color ------------------------------*/
.switch-color {
   left: -120px;
   position: fixed;
   top: 150px;
   z-index: 1001;
   transition: all 500ms ease;
}

.switch-color .icon {
   background: #95c41f;
   border-color: #ddd;
   border-style: solid solid solid none;
   border-width: 1px 1px 1px 0;
   cursor: pointer;
   float: right;
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
}

.switch-color .icon i {
   color: #fff;
   font-size: 21px;
}

.switch-color .box {
   background: #ffffff;
   border: 1px solid #ddd;
   border-radius: 0;
   cursor: pointer;
   float: right;
   font-size: 12px;
   padding: 6px;
   width: 120px;
}

.switch-color .box ul {
   display: inline-block;
}

.switch-color .box h4 {
   color: #212121;
   font-size: 16px;
   font-weight: 600;
   letter-spacing: 1px;
   margin: 0;
   padding: 5px 0;
   text-align: center;
   text-transform: uppercase;
}

.switch-color li {
   display: block;
}

.switch-color li a {
   border: 3px solid #ddd;
   padding: 4px;
   display: inline-block;
   /*width: 28px;
   height: 28px;
   */
   margin: 4px 10px;
}

/*---------------------- 1.7. Circle ------------------------------*/
.circle {
   display: inline-block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   border-radius: 50%;
   text-align: center;
   color: #111;
   background: #95c41f;
   margin-right: 10px;
   font-size: 18px;
   font-weight: 600;
}

/*---------------------- 1.8. Pagenation ------------------------------*/
.paginations {
   text-align: center;
   display: table;
   width: 100%;
   margin: 30px 0;
}

.paginations li {
   display: inline-block;
   padding: 0 5px;
}

.paginations li a {
   display: block;
   height: 40px;
   width: 40px;
   line-height: 40px;
   text-align: center;
   background: #f6f6f6;
   color: #000;
   border-radius: 50%;
}

.paginations li a:hover,
.paginations li .active {
   background: #95c41f;
   transition: all 500ms ease;
}

.paginations li:first-child {
   float: left;
}

.paginations li:last-child {
   float: right;
}

.paginations li:first-child a,
.paginations li:last-child a {
   display: inline-block;
   width: auto;
   height: auto;
   padding: 3px 20px;
   border-radius: 30px;
}

/*---------------------- 1.9. Collapse ------------------------------*/
.panel-group .panel {
   border: none;
   padding: 0;
   margin: 0 0 15px;
}

.panel-group.panel:last-child {
   margin-bottom: 60px;
}

.panel-group .panel-heading {
   padding: 0;
   border: none;
}

.panel-group .panel-heading .collapsed {
   background: #f2f2f2;
   color: #111;
}

.panel-group .panel-heading a:hover,
.panel-group .panel-heading a {
   color: #000;
   color: #111;
   font-size: 14px;
   font-weight: 600;
   background: #95c41f;
   transition: all 500ms ease;
}

.panel-group a {
   display: inline-block;
   font-size: 17px;
   padding: 10px;
   position: relative;
   width: 100%
}

.panel-group a:before {
   content: "";
   position: absolute;
   top: 40px;
   left: 20px;
   border: 8px solid #95c41f;
   border-color: #95c41f transparent transparent transparent;
}

.panel-group a.collapsed:before {
   display: none;
}

.panel-group .panel-body {
   background: #f2f2f2;
   padding: 20px;
   text-align: justify;
   color: #333;
}

/*---------------------- 1.10. Legend ------------------------------*/
.legend {
   padding: 35px 15px 10px;
   border: 1px solid #e9e9e9;
   position: relative;
   margin: 60px 0 0;
   width: 100%;
}

.legend h6 {
   font-size: 22px;
   position: absolute;
   padding: 15px;
   background: #fff;
   top: -25px;
   left: 5px;
   color: #111;
   text-transform: capitalize;
}

.itf-bg-white {
   background-color: #FFF;
}

.mb-10 {
   margin-bottom: 10px;
}

.mb-20 {
   margin-bottom: 20px;
}

.mt-10 {
   margin-top: 10px;
}

.mt-20 {
   margin-top: 20px;
}

/*======================== 2. Header ==========================*/
/*------------------------ 2.1. Tophead --------------------------*/
.tophead {
   background: #de302f;
   padding: 2px 0;
}

.tophead ul li {
   display: inline-block;
   padding-right: 30px;
}

.tophead .col-lg-5 ul li:first-child {
   padding-left: 0;
}

.tophead ul li,
.tophead ul li a {
   font-size: 12px;
   font-weight: 600;
   line-height: 16px;
   color: #333;
   text-transform: capitalize;
   position: relative;
}

.tophead ul li a {
   line-height: 15px;
   display: inline-block;
}

.tophead ul li a i {
   padding-right: 6px;
   color: #95c41f;
}

.tophead ul li a:hover {
   color: #95c41f;
}

.tophead ul li a:after {
   content: "";
   position: absolute;
   left: -15px;
   top: 0;
   width: 1px;
   height: 100%;
   background: #333;
}

.tophead ul li:first-child a:after {
   display: none;
}

/*------------------------ 2.2. Midhead --------------------------*/
.midhead {
   padding: 15px 0 15px;
   background: #fff;
}

.midhead .col-lg-3 {
   padding: 0 15px;
}

.midhead .col-lg-3 img {
   max-width: inherit;
}

.midhead .search {
   position: relative;
}

.midhead input[type="search"] {
   background: #f2f2f2;
   padding: 10px 25px 10px 15px;
   font-size: 14px;
   border: none;
   width: 100%;
}

.midhead button {
   background: transparent;
   border: none;
   position: absolute;
   right: 5px;
   top: 0;
   height: 100%;
   transition: all 500ms ease;
}

.midhead button:hover i,
.midhead .cartbox:hover i {
   color: #95c41f;
   transition: all 500ms ease;
}

.midhead input[type="search"]::-moz-placeholder {
   opacity: 1;
   color: #878787;
}

.midhead input[type="search"]::-webkit-input-placeholder {
   opacity: 1;
   color: #878787;
}

.midhead .cartbox {
   display: inline-block;
   padding-left: 40px;
   padding-right: 45px;
   cursor: pointer;
   transition: all 500ms ease;
   position: relative;
}

.midhead .cartbox:last-child {
   padding-right: 0;
}

.midhead .cartbox i {
   position: absolute;
   left: 0;
   top: 0;
   color: #95c41f;
   transition: all 500ms ease;
}

.midhead .cartbox i.fa-angle-down {
   position: inherit;
   left: inherit;
   top: inherit;
}

.midhead .cartbox .shopdata i {
   color: #1f223e;
}

.midhead .cartbox .shopdata i:hover {
   color: #95c41f;
   transition: all 500ms ease;
}

.midhead .cartbox span b {
   text-transform: uppercase;
   font-size: 16px;
   font-weight: 600;
}

.midhead .cartbox span {
   display: block;
   width: 100%;
   text-align: left;
   font-size: 14px;
   color: #444;
}

.midhead .shopdata {
   position: absolute;
   left: -40px;
   top: 100px;
   opacity: 0;
   visibility: hidden;
   width: 300px;
   background-color: #fff;
   box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);
   cursor: auto;
   transition: all 200ms ease-out 0s;
   z-index: 9999;
}

.midhead .basketopen .shopdata {
   opacity: 1;
   visibility: visible;
   top: 75px;
   transition: all 200ms ease-out 0s;
}

.midhead .shopdata li {
   display: block;
   background-color: #f2f2f2;
}

.midhead .shopdata li table {
   width: 100%;
}

.midhead .shopdata li table tr {
   border-bottom: 1px solid #e1e1e1;
}

.midhead .shopdata li table td {
   padding: 8px;
   font-size: 12px;
   text-align: left;
}

.midhead .shopdata li table td img {
   border: 1px solid #ddd;
   padding: 5px;
   border-radius: 4px;
}

.midhead .shopdata li table td i {
   position: inherit;
   left: inherit;
   top: inherit;
}

.midhead .shopdata .cartbutton {
   background-color: #fff;
   display: table;
   width: 100%;
   padding: 10px;
   border-bottom: 0;
}

.midhead .shopdata .cartbutton a:first-child {
   float: left;
   background: #ddd;
   color: #000;
}

.midhead .shopdata .cartbutton a {
   background: #95c41f;
   color: #fff;
   padding: 5px 10px;
   float: right;
   transition: all 500ms ease;
}

.midhead .shopdata .cartbutton a:hover {
   background: #6d8f16;
   color: #fff;
   transition: all 500ms ease;
}

.midhead .cartbox .cartempty {
   display: none;
}

/*------------------------ 2.3. Menu --------------------------*/

/* .itfmenu ul li{
   display: inline-block;
   float: left;
} */
/* .itfmenu ul li a{
   display: block;
   position: relative;
   font-size: 14px;
   font-weight: 400;
   text-transform: uppercase;
   color: #fff;
   padding: 15px 15px;
} */

/* .itfmenu ul li a:hover,.itfmenu ul li a.active{
   background: #6d8f16;
} */
/* .itfmenu ul li a.active{
   color: #fff !important;
} */
/* .itfmenu ul li a:hover:after{
   width: 100%;
   transition: all 500ms ease;
} */
.itfmenu .submenus ul li {
   display: block;
   float: inherit;
   width: 100%;
}

.itfmenu .submenus ul li a {
   display: inline-block;
   color: #333;
   font-weight: 400;
   font-size: 13px;
   padding: 0 0 10px 0;
   text-transform: inherit;
}

.itfmenu .submenus ul li a:hover {
   background: transparent;
   color: #95c41f;
}

.itfmenu .submenus ul li:first-child {
   font-size: 15px;
   color: #000;
   text-transform: uppercase;
   display: block;
   font-weight: 700;
   padding: 15px 0;
   position: relative;
   margin-bottom: 10px;
}

.itfmenu .submenus ul li:first-child:after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 5px;
   background: #95c41f;
   height: 2px;
   width: 15px;
}

.itfmenu .submenus ul li:first-child:hover {
   background: transparent;
}

.itfmenu .submenus .subimg {
   background: transparent;
   padding: 0;
   margin-top: 25px;
   position: relative;
}

.itfmenu .submenus .subimg:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.4);
   transform: scale(0);
   transition: all 500ms ease;
}

.itfmenu .submenus .subimg:hover:after {
   transform: scale(1);
   transition: all 500ms ease;
}

.itfmenu ul .singlesub {
   position: relative;
}

.itfmenu ul .singlesub .submenus {
   min-width: 170px;
   left: 0;
   padding: 0;
}

.itfmenu ul .singlesub .submenus ul li {
   padding: 0;
   margin: 0;
}

.meitfmenunu ul .singlesub .submenus ul li a {
   border-bottom: 1px solid #e2e2e2;
   display: block;
   padding: 12px 15px;
}

.itfmenu ul .singlesub .submenus ul li:last-child {
   border-bottom: none;
}

.itfmenu .closemenu {
   display: none;
   position: absolute;
   right: 0;
   top: 8px;
   color: #fff;
   cursor: pointer;
   text-transform: uppercase;
   font-weight: bold;
}

.itfmenu ul .singlesub .submenus ul li:first-child a {
   color: #333;
   font-weight: 400;
   font-size: 13px;
   text-transform: capitalize !important;
   margin-bottom: 0;
}

.itfmenu ul .singlesub .submenus ul li:first-child:after {
   display: none;
}

.itfmenu ul .singlesub .submenus ul li:first-child a:hover {
   color: #95c41f;
}

.itfmenu ul .singlesub .submenus ul li a img {
   display: inline-block;
}

.itfmenu ul .singlesub .submenus ul li a span {
   display: block;
   width: 100%;
   padding: 10px 0 0 0;
   font-weight: 600;
   text-transform: uppercase;
}

.itfmenu ul .singlesub.features .submenus {
   min-width: 500px;
   padding: 8px 0;
   text-align: center;
}

.itfmenu ul .singlesub.features .submenus ul li {
   display: inline-block;
   width: auto;
}

.itfmenu ul .singlesub.features .submenus ul li a {
   border-bottom: none;
}

/*======================== 4. HomeBanner ==========================*/
.homebanner {
   padding: 30px 0 0;
   background: #efefef;
}

.homebanner .box {
   /*position: relative;
   overflow: hidden;*/
   display: block;
   width: 100%;
   padding: 5px;
   /*margin-bottom: 30px;*/
   /*border: #de302f solid 5px;
   */
   /*box-shadow: 1px 1px 5px grey;*/
}

.homebanner .box .overlay:after {
   left: 0;
}

.homebanner .box .overlay:before {
   right: 0;
}

.homebanner .box .overlay:after,
.homebanner .box .overlay:before {
   content: "";
   position: absolute;
   top: 0;
   width: 0;
   height: 100%;
   z-index: 1;
   background: rgba(0, 0, 0, 0.2);
   transition: all 500ms ease;
}

.homebanner .box:hover .overlay:after,
.homebanner .box:hover .overlay:before {
   width: 50%;
   transition: all 500ms ease;
}

.homebanner .box .overlay {
   /*background: rgba(0,0,0,0.2);
   */
   position: absolute;
   left: 0;
   top: 0;
   padding: 30px 15px;
   width: 100%;
   height: 100%;
   transition: all 500ms ease;
}

.homebanner .box:hover .overlay {
   background: rgba(0, 0, 0, 0.0);
   transition: all 500ms ease;
}

.homebanner .box .overlay h4 {
   font: 600 24px/30px 'Roboto', sans-serif;
   text-transform: uppercase;
   color: #fff;
   margin-bottom: 0;
   position: relative;
   z-index: 2;
}

.homebanner .box .overlay p {
   font: 600 14px/30px 'open Sans', sans-serif;
   text-transform: uppercase;
   color: #fff;
   position: relative;
   z-index: 2;
   transition: all 500ms ease;
}

.homebanner .box:hover .overlay p {
   color: #95c41f;
   transition: all 500ms ease;
}

.homebanner .box .button {
   padding: 8px 12px;
   font-size: 12px;
   position: relative;
   z-index: 2;
   opacity: 0;
   transition: all 500ms ease;
   margin-top: 50px;
   color: #000;
}

.homebanner .box:hover .button {
   opacity: 1;
   margin-top: 15px;
   color: #fff;
}

.homebanner .box:hover .button:hover {
   background-color: #6b8d16;
}

/*======================== 5. Product ==========================*/
.product {
   background: #fff;
   padding: 30px 0;
}

.product .new {
   width: 40px;
   height: 40px;
   line-height: 40px;
   display: inline-block;
   border-radius: 50%;
   background: #95c41f;
   position: absolute;
   z-index: 2;
   right: 15px;
   top: 25px;
   color: #000;
   font-size: 12px;
   font-weight: 600;
   text-transform: uppercase;
}

.product .tabdata .rating li,
.product .tabdata .ldata li {
   display: inline-block;
   margin: 0 20px;
}

.product .tabdata .rating li a,
.product .tabdata .ldata li a {
   border-bottom: 2px solid transparent;
   color: #000;
   display: block;
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 1.15px;
   line-height: 22px;
   margin: 0;
   padding: 10px 0;
   position: relative;
   text-align: center;
   text-transform: uppercase;
   transition: all 0.5s ease 0s;
}

.product .tabdata .rating li a:hover,
.product .tabdata .rating li.active a,
.product .tabdata .ldata li a:hover,
.product .tabdata .ldata li.active a {
   color: #95c41f;
   border-bottom-color: #95c41f;
   transition: all 500ms ease;
}

.product .item {
   border-right: 1px solid #e4e4e4;
   overflow: hidden;
   text-align: center;
   padding: 0;
   margin-top: 30px;
}

.product .item a {
   display: block;
   position: relative;
}

.product .item img {
   width: 100%;
}

.product .item.last {
   border-right: none;
}

.product .item .normal,
.product .item:hover .hoverimg {
   transform: rotateY(0deg);
   opacity: 1;
   transition: all 500ms ease;
}

.product .item .hoverimg,
.product .item:hover .normal {
   transform: rotateY(-90deg);
   opacity: 0;
   transition: all 500ms ease;
}

.product .item .hoverimg {
   position: absolute;
   left: 0;
   top: 0;
}

.product .rating li {
   display: inline-block;
   padding: 0 2px;
   margin: 15px 0 !important;
   cursor: pointer;
   transition: all 500ms ease;
}

.product .rating li:hover,
.product .rating li.active {
   color: #95c41f;
   transition: all 500ms ease;
}

.product p {
   font: 400 14px 'Roboto', sans-serif;
   color: #666;
   text-transform: capitalize;
   text-align: inherit;
}

.product .price span {
   display: inline-block;
   padding: 8px 5px;
   font: 600 14px 'Roboto', sans-serif;
   color: #000;
}

.product .price .del {
   color: #666;
   text-decoration: line-through;
}

.product .viewcart {
   position: absolute;
   left: -40px;
   top: 30px;
   opacity: 0;
   z-index: 1;
   transition: all 500ms ease;
}

.product .viewcart li {
   display: block;
   margin-bottom: 10px;
   transition: all 500ms ease;
}

.product .viewcart li i {
   background-color: #95c41f;
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   color: #111;
   border-radius: 4px;
}

.product .viewcart li:hover i {
   background-color: #6d8f16;
   transition: all 500ms ease;
   color: #fff;
}

.product .item:hover .viewcart {
   left: 5px;
   opacity: 1;
   transition: all 1000ms ease;
}

.product:hover .owl-nav .owl-prev {
   left: -30px;
   opacity: 1;
   transition: all 500ms ease;
}

.product:hover .owl-nav .owl-next {
   right: -30px;
   opacity: 1;
   transition: all 500ms ease;
}

.product .owl-nav .owl-prev,
.product .owl-nav .owl-next {
   position: absolute;
   left: -50px;
   bottom: 46%;
   color: #fff;
   width: 40px;
   height: 40px;
   opacity: 0;
   line-height: 40px;
   border-radius: 50%;
   text-align: center;
   background: #95c41f;
   transition: all 500ms ease;
}

.product .owl-nav .owl-next {
   left: inherit;
   right: -50px;
}

.product .owl-nav .owl-prev:hover,
.product .owl-nav .owl-next:hover {
   background-color: #6d8f16;
   transition: all 500ms ease;
}

.col-lg-9 .product {
   padding: 0;
   display: table;
   width: 100%;
}

/*======================== 6. Support ==========================*/
.support {
   padding: 80px 0;
   background-image: url("assets/images/ecom.jpg");
   background-repeat: no-repeat;
   /*background-attachment: fixed;*/
   background-size: cover;
   background-position: 50% 87.9739%;
   position: relative;
}

.support:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.8);
}

.support i {
   display: inline-block;
   width: 80px;
   height: 80px;
   line-height: 80px;
   border-radius: 50%;
   background: #95c41f;
   color: #000;
   position: relative;
   z-index: 1;
   transition: all 500ms ease;
}

.support .ati-box i {
   display: inline-block;
   width: 80px;
   height: 80px;
   line-height: 80px;
   border-radius: 50%;
   background: none !important;
   color: #000;
   position: relative;
   z-index: 1;
   transition: all 500ms ease;
}

.support .box:hover i {
   background-color: #6d8f16;
   transition: all 500ms ease;
}

.support h6 {
   font-size: 16px;
   line-height: 22px;
   color: #fff;
   position: relative;
   z-index: 1;
   margin: 20px 0;
}

.support .ati-box h6 {
   font-size: 16px;
   line-height: 22px;
   color: #fff;
   position: relative;
   z-index: 1;
   margin: 0px;
}

.support p {
   font-size: 14px;
   line-height: 20px;
   color: #fff;
   text-align: center;
   position: relative;
   z-index: 1;
}

.support .box {
   display: block;
   transition: all 500ms ease;
}

.support .ati-box {
   display: block;
   transition: all 500ms ease;
   height: 253px;
   width: 253px;
   position: relative;
   padding: 20px 25px 20px 33px;
   margin: 20px 0;
}

.support .box:hover i,
.support:hover .box p {
   color: #fff;
}

.site_counter.support {
   background-image: url("assets/images/site_counter.jpeg");
}

.site_counter.support:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.3);
}

/*======================== 7. Testimonials ==========================*/
.testimonial {
   padding: 60px 0;
   background-image: url("assets/images/bg.jpg");
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
   background-position: 50% 87.9739%;
   position: relative;
   text-align: center;
}

.testimonial .tbox {
   width: 80px;
   height: 40px;
   background-color: transparent;
   border-top-left-radius: 80px;
   border-top-right-radius: 80px;
   border: 7px solid #95c41f;
   border-bottom: 0;
   display: inline-block;
   margin-bottom: 50px;
}

.testimonial .tbox img {
   width: 90px;
   height: 70px;
   border-radius: 50%;
}

.testimonial p {
   font: 16px/30px 'Open Sans', sans-serif;
   color: #000;
   margin: 30px 0 0;
   text-align: center;
}

.testimonial p.name {
   font-weight: 600;
   font-size: 18px;
   text-align: center;
}

.testimonial .owl-dot {
   width: 25px;
   height: 5px;
   border-radius: 2px;
   border: none;
   margin: 30px 4px 0 4px;
   display: inline-block;
   background: rgba(222, 48, 47, 1);
}

.testimonial .owl-dot.active {
   background-color: #95c41f;
}

.home4.testimonial {
   background: transparent;
}

.home4.testimonial .home4_car {
   background-color: #fff;
   padding: 60px 30px;
}

.home4.testimonial .testicarousel p {
   line-height: 30px;
}

.home4.testimonial .home4_car h4 {
   text-transform: uppercase;
   color: #000;
   position: relative;
   font-weight: 600;
}

.home4.testimonial .home4_car h4:after {
   content: '';
   position: absolute;
   left: 50%;
   bottom: -15px;
   transform: translateX(-50%);
   width: 20%;
   height: 3px;
   background-color: #000;
}

.home4.testimonial .owl-dots .owl-dot.active {
   background-color: #000;
}

.home4.testimonial .name,
.home4.testimonial .new_collection {
   position: relative;
}

.home4.testimonial .name:after {
   content: '';
   position: absolute;
   left: 50%;
   top: -12px;
   transform: translateX(-50%);
   width: 40%;
   height: 1px;
   background-color: rgba(255, 255, 255, 0.4);
}

.home4.testimonial .collection_content {
   position: absolute;
   left: 50px;
   top: 50%;
   transform: translateY(-50%);
   text-align: left;
}

.home4.testimonial .collection_content h2 {
   color: #383838;
}

/*======================== 8. Blog ==========================*/
.mainblog {
   background: #dfdfdf;
   padding: 80px 0;
}

.mainblog .box {
   background: #fff;
   box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
}

.mainblog .blogsidebar {
   position: relative;
}

.mainblog .bloginner {
   position: relative;
}

.mainblog .overlay {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   padding: 15px;
   background: rgba(0, 0, 0, 0.6);
}

.mainblog .overlay ul li {
   display: inline-block;
   padding-right: 15px;
   border-right: 1px solid #fff;
}

.mainblog .overlay ul li:last-child {
   border-right: none;
   padding-left: 15px;
}

.mainblog .overlay ul li a {
   color: #fff;
}

.mainblog .overlay ul li a:hover,
.mainblog .read:hover {
   color: #95c41f;
}

.mainblog .overlay ul li a i {
   color: #95c41f;
   padding-right: 5px;
}

.mainblog .head {
   display: block;
   padding: 50px 20px 0 20px;
   font: 600 16px 'Roboto', sans-serif;
   color: #333;
   text-transform: uppercase;
}

.mainblog p {
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   color: #444;
   padding: 5px 15px;
}

.mainblog .read {
   font: 600 13px/20px 'Open Sans', sans-serif;
   color: #333;
   text-transform: capitalize;
   display: inline-block;
   padding: 0 0 15px 15px;
}

/**********Blog Inner **********/
.mainblog.in {
   background: #fff;
   padding-bottom: 20px;
}

.mainblog.in.col-lg-9 {
   padding: 0;
}

.mainblog.in .box {
   margin-bottom: 30px;
}

/*======================== 9. Client ==========================*/
.client {
   padding: 30px 0;
   background: #efefef;
   text-align: center;
}

.client .item:hover img {
   filter: grayscale(0);
   transition: all 500ms ease;
}

.client img {
   width: auto !important;
   display: inline-block !important;
   -ms-filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   transition: all 500ms ease;
}

.client .owl-prev,
.client .owl-next {
   display: inline-block;
   width: 30px;
   height: 30px;
   line-height: 30px;
   background: #95c41f;
   color: #fff;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   margin-top: -15px;
}

.client .owl-prev {
   left: 0;
}

.client .owl-next {
   right: 0;
}

/*======================== 10. Newsletter ==========================*/
.newsletter {
   padding: 30px 0;
   background: #95c41f;
}

.newsletter h5 {
   color: #fff;
   padding-left: 90px;
   position: relative;
   text-align: left;
   margin-bottom: 0;
}

.newsletter h5 i {
   position: absolute;
   left: 0;
   top: -2px;
}

.newsletter h5 span {
   color: #fff;
   font: 500 13px 'Open Sans', sans-serif;
   text-transform: capitalize;
   display: block;
   margin-top: 10px;
}

.newsletter input[type="text"] {
   width: 100%;
   padding: 13px 120px 13px 15px;
   font: 600 13px 'Open Sans', sans-serif;
   color: #333;
   border: none;
   background: #efefef;
}

.newsletter input[type="text"]::-moz-placeholder {
   opacity: 1;
   color: #333;
}

.newsletter input[type="text"]::-webkit-input-placeholder {
   opacity: 1;
   color: #333;
}

.newsletter input[type="submit"] {
   border: none;
   position: absolute;
   right: 15px;
   top: 0;
   margin-top: 0;
   font-size: 12px;
   font-weight: 600;
   padding: 12px 20px;
   background-color: #6d8F16;
   color: #fff;
}

.newsletter input[type="submit"]:hover {
   background: #000;
}

.newsletter ul {
   margin-top: 15px;
}

.newsletter ul li {
   display: inline-block;
}

.newsletter ul li:first-child a {
   border-left: none;
}

.newsletter ul li a {
   font-size: 14px;
   color: #fff;
   line-height: 14px;
   display: block;
   border-left: 1px solid #fff;
   padding: 0 15px;
}

.newsletter ul li a:hover {
   color: #95c41f;
}

/*======================== 11. Footer ==========================*/
.footheading {
   color: #111;
   font-size: 20px;
   font-weight: 700;
   line-height: 20px;
   margin-bottom: 25px !important;
   padding-bottom: 6px;
   position: relative;
   padding-top: 15px;
}

.footheading:after {
   bottom: -4px;
   content: "";
   height: 2px;
   left: 0;
   position: absolute;
   width: 60px;
   background-color: #95C41F;
}

.footer {
   padding: 40px 0 0;
   background-color: #fff;
}

.footer ul li {
   color: #333;
}

.footer .footerlogo {
   margin-bottom: 20px;
   display: inline-block;
   width: 100px;
}

.footer .other {
   margin: 15px 0;
   border-top: 1px solid #ccc;
   padding: 20px 0 0 0;
   clear: both;
}

.footer .other li {
   display: inline-block;
   padding: 0 15px;
   margin-bottom: 7px;
   position: relative;
}

.footer .other li:after {
   background: #1f223e;
   content: "";
   height: 10px;
   position: absolute;
   right: 0;
   top: 7px;
   width: 1px;
}

.footer .other li:last-child:after {
   display: none;
}

.footer .list-with-icon li i {
   color: #95c41f;
}

.copyright {
   background: #d5d7d9;
   padding: 15px 0;
}

.copyright p {
   font-size: 14px;
   color: #000;
}

.copyright a {
   color: #6d8F16;
   transition: all 500ms ease;
}

.copyright a:hover {
   text-decoration: underline;
   transition: all 500ms ease;
}

/*======================== 12. Inner Page CSS ==========================*/
/*------------------------- 12.1. About US --------------------------*/

.main_block {
   background: #fff;
}

.about {
   background: #fff;
   padding: 80px 0 40px 0;
}

.about p {
   padding: 0 0 15px 0;
}

.about .left li {
   position: relative;
   padding-left: 15px;
   list-style-type: none;
}

.about .left li a {
   display: block;
   padding: 5px 0 15px;
   font-size: 14px;
   cursor: pointer;
}

.about .left li:before {
   content: "\f105";
   font-family: "FontAwesome";
   font-size: 20px;
   display: inline-block;
   position: absolute;
   left: 0;
   top: 2px;
   color: #95c41f;
}

.about .legend p {
   padding-bottom: 15px;
}

.about .legend .name {
   font-size: 13px;
   font-weight: 600;
   color: #95c41f;
}

.about .legend .name span {
   font-weight: 500;
   font-size: 18px;
   color: #111;
}

.about .legend .owl-prev,
.about .legend .owl-next {
   width: 30px;
   height: 30px;
   line-height: 25px;
   background: #fff;
   position: absolute;
   top: -50px;
   border: 2px solid #e9e9e9;
   border-radius: 50%;
   color: #efefef;
   text-align: center;
   transition: all 500ms ease;
}

.about .legend .owl-prev:hover,
.about .legend .owl-next:hover {
   background: #95c41f;
   border-color: #95c41f;
   color: #000;
   transition: all 500ms ease;
}

.about .legend .owl-prev i,
.about .legend .owl-next i {
   font-size: 12px;
}

.about .legend .owl-prev {
   right: 45px;
}

.about .legend .owl-next {
   right: 10px;
}

/*------------------------ 12.2. Warranty ---------------------------*/
.warranty {
   padding: 60px 0;
}

.warranty .inheading i {
   padding-right: 10px;
   color: #95c41f;
}

/*------------------------- 12.3. Help Support ---------------------------*/
.help,
.affiliate {
   background: #fff;
   /*padding: 40px 0 0px 0;*/
}

.help .box1 {
   background: #000;
   margin-bottom: 15px;
}

.help .head {
   display: block;
   padding: 15px;
   text-align: center;
   font: 600 12px 'Roboto', sans-serif;
   color: #fff;
   text-transform: uppercase;
}

.help .box {
   /*margin: 40px 0 0;*/
   position: relative;
   /*padding-left: 60px;*/
}

.help .box i {
   color: #95c41f;
   position: absolute;
   left: 0;
   top: 5px;
}

.help .box b {
   color: #444;
   text-transform: capitalize;
   font-size: 20px;
   display: block;
   padding-bottom: 15px;
   font-weight: 600;
}

/*------------------------- 12.4. sitemap --------------------------*/
.sitemap {
   padding: 0 0 60px;
}

.sitemap .list {
   margin: 15px 0;
}

.sitemap ul li {
   display: block;
   padding: 7px 0;
}

.sitemap ul li a::before {
   margin-right: 10px;
   font-size: 14px;
   font-family: 'FontAwesome';
   display: inline-block;
   top: 5px;
   content: '\f105';
}

/*------------------------ 12.5. Blog Sidebar --------------------------*/
.blogsidebox {
   background: #f6f6f6;
   padding: 15px;
   /*margin-bottom: 30px;
   */
}

.blogsidebox input[type="text"] {
   width: 100%;
   position: relative;
   padding: 10px 15px;
   border: 1px solid #d9dcde;
}

.blogsidebox input[type="text"]:focus {
   border-color: #95c41f;
   transition: all 500ms ease;
}

.blogsidebox button {
   position: absolute;
   top: 16px;
   right: 31px;
   padding: 10px 15px;
   border: none;
}

.blogsidebox h4 {
   font: 600 16px 'Roboto', sans-serif;
   text-transform: uppercase;
   color: #333;
   border-left: 3px solid #95c41f;
   padding-left: 10px;
}

.blogsidebox .cat li,
.blogsidebox .post li {
   display: block;
   margin-bottom: 7px;
}

.blogsidebox .cat li:last-child,
.blogsidebox .post li:last-child {
   margin-bottom: 0;
}

.blogsidebox li.cat-item {
   list-style: none;
   padding: 3px 0px;
}

.blogsidebox .cat li a,
.blogsidebox li.cat-item a {
   font: 14px/20px 'Open Sans';
   color: #333;
   padding-left: 15px;
   position: relative;
   display: block;
   padding-top: 0;
}

.blogsidebox .cat li a:hover,
.blogsidebox li.cat-item a:hover {
   color: #95c41f;
   transition: all 500ms ease;
}

.blogsidebox .cat li a i,
.blogsidebox li.cat-item a i {
   position: absolute;
   left: 0;
   top: 4px;
}

.blogsidebox li.cat-item a::before {
   content: "\f105";
   font: normal normal normal 14px/1 FontAwesome;
   position: absolute;
   left: 0px;
   top: 3px;
}

.blogsidebox a span {
   padding-left: 85px;
   display: block;
   font-size: 14px;
   font-weight: 600;
   padding-bottom: 5px;
}

.blogsidebox .tag ul li {
   display: inline-block;
   margin-right: 10px;
   margin-top: 10px;
}

.blogsidebox .tag ul li a {
   padding: 7px 12px;
   background: #1f223e;
   color: #fff;
   display: block;
}

.blogsidebox .tag ul li a:hover {
   background: #95c41f;
   transition: all 500ms ease;
   color: #000;
}

.blogsidebox .post li {
   display: table;
   width: 100%;
}

.blogsidebox .post .date {
   color: #95c41f;
   font-size: 12px;
   font-weight: 600;
}

.blogsidebox .follow li {
   display: inline-block;
   margin-right: 10px;
}

.blogsidebox .follow li a i {
   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   color: #fff;
   border-radius: 6px;
}

.blogsidebox .follow li a {
   display: block;
   position: relative;
}

.blogsidebox .follow .fa-facebook {
   background: #3b5998;
}

.blogsidebox .follow .fa-twitter {
   background: #1da1f3;
}

.blogsidebox .follow .fa-linkedin {
   background: #0077b5;
}

.blogsidebox .follow .fa-google-plus {
   background: #dd4b39;
}

.blogsidebox .follow .fa-pinterest-p {
   background: #bd081c;
}

.blogsidebox .follow .fa-vimeo {
   background: #1ab7ea;
}

.blogsidebox .follow .fa-youtube {
   background: #c4302b;
}

.blogsidebox .follow .fa-instagram {
   /* background: #E4405F; */
   background: #f09433;
   background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
   background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
   background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

/*------------------------ 12.6. Blog Details --------------------------*/
.blogdetail .blogimg {
   width: 100%;
}

.blogin {
   padding: 50px 0;
}

.blogin h4 {
   padding-top: 20px;
}

.blogin .blogsidebox h4 {
   padding-top: 0;
}

.blogin span a {
   cursor: pointer;
   columns: #95c41f;
   display: inline-block;
   margin-bottom: 15px;
}

.blogin span a:hover {
   text-decoration: underline;
}

.social {
   display: table;
   width: 100%;
}

.social .fa-tags {
   margin-right: 10px;
}

.social ul li {
   display: inline-block;
   float: right;
   position: relative;
   padding-left: 20px;
   padding-top: 20px;
   padding-bottom: 20px;
   cursor: pointer;
}

.social ul li:first-child {
   float: left;
   padding-left: 0;
}

.social ul.share li,
.social ul.share li:first-child {
   float: inherit;
   padding-left: 0;
   padding-top: 0;
   padding-bottom: 0;
}

.social .share a {
   display: block;
}

.social .share i {
   display: block;
   color: #fff;
   height: 30px;
   width: 30px;
   line-height: 30px;
   text-align: center;
}

.social .share .fa-facebook {
   background: #3b5998;
}

.social .share .fa-twitter {
   background: #44ccf6;
}

.social .share .fa-google-plus {
   background: #f00;
}

.social .share {
   position: absolute;
   right: -15px;
   top: -50px;
   opacity: 0;
   visibility: hidden;
   transition: all 500ms ease;
}

.social .share li {
   margin-right: 0;
   display: table-cell;
}

.social li:hover .share {
   opacity: 1;
   visibility: visible;
   top: -20px;
   transition: all 500ms ease;
}

.social li:hover .share:after {
   content: "";
   top: 30px;
   left: 37px;
   position: absolute;
   border: 8px solid #44ccf6;
   border-color: #44ccf6 transparent transparent transparent;
}

.social .fa-heart {
   color: #f00;
}

.social .fa-share-alt {
   color: #44ccf6;
}

.comments {
   padding: 20px 0;
}

.comments img {
   border-radius: 50%;
}

.comments h6 {
   font-size: 15px;
   margin-bottom: 10px;
}

.comments .commentbox {
   padding: 20px;
   background: #f6f6f6;
}

.comments .commentbox span {
   font-size: 14px;
   font-weight: 400;
}

.comments .commentbox a {
   float: right;
}

/*------------------------- 12.7. Features Listing Page ---------------------------*/
.incategory {
   padding: 50px 0;
}

.incategory h6 {
   margin-bottom: 0;
}

.lcate,
.widget {
   background: #f6f6f6;
   margin-bottom: 30px;
   padding: 15px;
}

.lcate ul,
.widget ul {
   padding: 15px 0 0;
}

.lcate ul .cdown {
   cursor: pointer;
}

.lcate ul li,
.widget ul li {
   display: block;
   position: relative;
   padding-bottom: 10px;
}

.lcate ul li:last-child,
.widget ul li:last-child {
   padding-bottom: 0;
}

.lcate ul li a {
   display: block;
   cursor: pointer;
}

.lcate ul li span,
.widget ul li span {
   position: absolute;
   right: 0;
   top: 0;
}

.lcate ul li.open a.active {
   color: #95c41f;
}

.lcate ul li ul {
   margin-left: 15px;
   padding-top: 10px;
   display: none;
}

.lcate ul li input[type="radio"] {
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
   width: 14px;
   height: 14px;
}

.lcate ul.color li label:after {
   content: '';
   position: absolute;
   left: 0;
   top: 3px;
   width: 14px;
   height: 14px;
   background: #ddd;
}

.lcate ul.color li input[type="radio"]:checked+label:after,
.lcate ul li label:hover:after {
   background: #95c41f;
}

.lcate ul.color li input[type="radio"]:checked+label {
   color: #95c41f;
}

.lcate ul.color li label {
   padding-left: 20px;
   font-weight: normal;
   display: block;
   color: #111;
   line-height: 20px;
}

.lcatesize ul li {
   display: inline-block;
   position: relative;
}

.lcatesize ul li label {
   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   color: #000;
   font-weight: 600;
   background: #ddd;
   padding-left: 0;
   display: block;
   transition: all 500ms ease;
}

.lcatesize ul li input[type="radio"] {
   width: 30px;
   height: 30px;
   margin-top: 0;
}

.lcatesize ul li input[type="radio"]:checked+label,
.lcatesize ul li:hover label {
   background: #95c41f;
}

.lcatesize ul li input[type="radio"]:checked+label {
   color: #000;
}

.lcateimg {
   position: relative;
   overflow: hidden;
}

.lcateimg:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(255, 255, 255, 0.2);
   transform: scale(1);
   transition: all 500ms ease;
}

.lcateimg:hover:after {
   transform: scale(0);
   transition: all 500ms ease;
}

.lcateimg .inover {
   position: absolute;
   left: 50%;
   top: 50%;
   margin-top: -40px;
   margin-left: -20px;
   opacity: 0;
   text-align: center;
}

.lcateimg:hover .inover {
   opacity: 1;
   transition: all 500ms ease;
}

.lcateimg .inover h3 {
   font-size: 24px;
   color: #fff;
   text-transform: uppercase;
}

.incategory .iconbar {
   padding: 10px 20px;
   background: #f6f6f6;
   margin-top: 30px;
}

.incategory .iconbar li {
   display: inline-block;
   padding-right: 10px;
}

.incategory .iconbar li:last-child {
   float: right;
   line-height: 30px;
}

.incategory .iconbar li a {
   font-size: 20px;
   cursor: pointer;
}

.incategory .iconbar li a.active {
   color: #95c41f;
}

.incategory .product .proimg.col-lg-3 {
   padding: 0;
}

.incategory .product .rating.col-lg-9,
.incategory .product p.col-lg-9,
.incategory .product .price.col-lg-9 {
   text-align: left;
}

.incategory .product p.col-lg-9 {
   line-height: 20px;
   text-align: justify;
}

.incategory .catedetail {
   display: none;
   padding: 0 15px;
}

.incategory .filter .button {
   padding: 7px 15px;
}

/*======================== 12.8. Features Detail ==========================*/
.detail {
   padding: 50px 0;
}

.detail h4 {
   color: #111;
   font-size: 30px;
}

.detail .price {
   color: #1f223e;
   font-size: 26px;
   font-weight: 600;
}

.detail .brand li {
   display: block;
   line-height: 24px;
}

.detail .brand li a {
   color: #1f223e;
}

.detail #clockdiv,
.detail .colors,
.detail .dicon {
   margin-top: 20px;
}

.detail #clockdiv li {
   display: inline-block;
   text-align: center;
   background: #ddd;
   color: #111;
   padding: 5px 10px;
   border-radius: 5px;
   margin-right: 10px;
}

.detail .lcate h6 {
   padding-top: 0;
   margin-bottom: 0;
}

.detail #clockdiv li label {
   color: #111;
}

.detail #clockdiv li span {
   display: block;
   font-size: 10px;
}

.detail h6 {
   padding-top: 24px;
   margin-bottom: 5px;
   text-transform: uppercase;
   font-size: 16px;
   color: #111;
}

.detail .colors li {
   display: inline-block;
   position: relative;
}

.detail .colors li input[type="radio"] {
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
}

.detail .colors li input[type="radio"]:checked+label:after {
   display: block;
}

.detail .colors li label {
   width: 20px;
   height: 20px;
   background: #ffdd00;
   position: relative;
}

.detail .colors li label:after {
   content: '\f00c';
   position: absolute;
   left: 4px;
   top: -4px;
   font-family: 'FontAwesome';
   font-size: 12px;
   font-weight: 400;
   color: #000;
   display: none;
}

.detail .colors li.blue label {
   background: #0db6e0;
}

.detail .colors li.lime label {
   background: #96ff9a;
}

.detail .colors li.silver label {
   background: #e0e0e0;
}

.detail .colors li.pink label {
   background: #e67cbf;
}

.detail .incrtevalue li,
.detail .dicon li {
   display: inline-block;
}

.detail .incrtevalue li:first-child {
   margin-right: 20px;
}

.detail .incrtevalue li {
   margin-right: 5px;
}

.detail .incrtevalue li input[type="text"] {
   width: 40px;
   text-align: center;
   padding: 11px 5px;
   float: left;
   margin-top: 15px;
   background: transparent;
   border: 1px solid #ddd;
}

.detail .incrtevalue li .button {
   float: left;
}

.detail .dicon li:first-child {
   color: #000;
   font-weight: 600;
   padding-right: 10px;
}

.detail .dicon li a {
   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   color: #fff;
   display: block;
   background: rgb(59, 89, 152);
   transform: translateY(0);
}

.detail .dicon li a:hover {
   transform: translateY(-4px);
}

.detail .dicon li:nth-child(3) a {
   background: rgb(29, 161, 242);
}

.detail .dicon li:nth-child(4) a {
   background: rgb(203, 32, 39);
}

.detail .dicon li:nth-child(5) a {
   background: rgb(220, 78, 65);
}

.detail .dicon li:nth-child(6) a {
   background: rgb(255, 101, 80);
}

.detail .detailtab {
   margin-top: 40px;
}

.detail .detailtab table {
   width: 100%;
}

.detail .detailtab .panel-body tr td {
   padding: 10px;
   color: #999;
}

.detail .detailtab .panel-body tr td:first-child {
   color: #000;
}

.detail .product {
   display: inline-block;
   width: 100%;
   padding: 20px 0 50px;
}

.detail .detailtab input[type="text"],
.detail .detailtab textarea {
   background-color: #fff;
   margin-bottom: 10px;
}

.detail .detailtab .rating li {
   display: inline-block;
   cursor: pointer;
}

.detail .detailtab .rating li.active {
   color: #95c41f;
}

.detail .detailtab .rating li:first-child {
   padding-right: 10px;
   cursor: auto;
}

.quickView,
.thumbView {
   width: 100%;
   position: relative;
   overflow: hidden;
}

.quickView .imgLarge {
   position: absolute;
   display: none;
   cursor: crosshair;
   max-width: inherit;
}

.quickView .imgSmall {
   width: 100%;
   background: #fff;
   padding: 4px;
   border: 1px solid #ddd;
}

.thumbView {
   left: 0;
   display: block;
}

.thumbView a {
   padding: 10px 5px;
}

.thumbView a img,
.cloud-zoom img {
   border: 1px solid #ddd;
}

.cloud-zoom img {
   width: 100%;
   margin-bottom: 15px;
}

.thumb {
   width: 90%;
   border: 1px solid #ddd;
   padding: 1px;
   margin: 10px 5%;
   cursor: pointer;
}

#controler {
   width: 100%;
   display: block;
   overflow: hidden;
   position: relative;
}

#controler .pagerPrev,
#controler .pagerNext {
   position: absolute;
   top: 0;
   z-index: 111;
   width: 40px;
   height: 100%;
   font-size: 3em;
   color: #000;
   cursor: pointer;
}

#controler .pagerPrev {
   left: 0;
}

#controler .pagerNext {
   right: 0;
}

#controler .pagerPrev:hover {
   background: rgba(255, 255, 255, .8);
   background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .5) 100%);
}

#controler .pagerNext:hover {
   background: rgba(255, 255, 255, .8);
   background: linear-gradient(to right, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 1) 100%);
}

#controler .pagerPrev i,
#controler .pagerNext i {
   position: absolute;
   bottom: 50%;
   width: 40px;
   height: 16px;
   line-height: 32px;
   text-align: center;
}

/*------------------------ 12.9. Cart --------------------------*/
/*------------------------- 12.10. checkout ---------------------------*/
/*------------------------ 12.11. Search Page --------------------------*/
.searchpage {
   padding: 30px 0;
}

.searchpage span {
   padding: 5px 0 10px;
   display: block;
   font-weight: 600;
}

.searchpage input[type="text"] {
   padding: 12px 15px;
}

.searchpage select {
   padding: 11px 15px;
   width: 100%;
   background: #f2f2f2;
   border: none;
   -moz-appearance: none;
   background-image: url('../images/select.png');
   background-repeat: no-repeat;
   background-position: 98% 50%;
}

.searchpage label {
   padding-top: 5px;
}

.searchpage .button {
   margin-top: 0;
   width: 100%;
}

/*------------------------ 12.12. Team CSS --------------------------*/
.team {
   padding: 30px 0;
}

.team .fig {
   position: relative;
   overflow: hidden;
   margin-top: 30px;
}

.team .figcaption {
   position: absolute;
   left: 0;
   bottom: 0;
   height: 0;
   width: 100%;
   background: rgba(149, 196, 31, 0.8);
   transition: all 500ms ease;
}

.team figure:hover .figcaption {
   height: 100%;
   transition: all 500ms ease;
}

.team .figcaption .social {
   opacity: 0;
   visibility: hidden;
}

.team figure:hover .figcaption .social {
   opacity: 1;
   visibility: visible;
}

.team .social {
   position: absolute;
   bottom: 20%;
   width: 100%;
   text-align: center;
}

.team .social a {
   display: inline-block;
   color: #fff;
   margin: 0 5px;
   font-size: 24px;
}

.team .social a:hover {
   color: #000;
   transition: all 500ms ease;
}

.team .name {
   background: #eee;
   padding: 10px;
   text-align: center;
   border: 1px solid #ccc;
   border-top: none;
}

.team .fig:before,
.team .fig:after {
   border-top: 1px solid #fff;
   content: "";
   position: absolute;
   left: 15px;
   right: 100%;
   top: 15px;
   z-index: 1;
}

.team figure:hover .fig:before,
.team figure:hover .fig:after {
   right: 15px;
   transition: all 500ms ease;
   transition-delay: 0.5s;
}

.team .fig:after {
   right: 15px;
   left: 100%;
   bottom: 15px;
   top: inherit;
   z-index: 1;
}

.team figure:hover .fig:after {
   left: 15px;
}

.team .figcaption:before,
.team .figcaption:after {
   border-left: 1px solid #fff;
   content: "";
   position: absolute;
   right: 15px;
   bottom: 100%;
   top: 15px;
   z-index: 1;
}

.team figure:hover .figcaption:before,
.team figure:hover .figcaption:after {
   bottom: 15px;
   transition: all 500ms ease;
   transition-delay: 0.5s;
}

.team .figcaption:after {
   left: 15px;
   top: 100%;
   bottom: 15px;
   right: inherit;
   z-index: 1;
}

.team figure:hover .figcaption:after {
   top: 15px;
}

/*-------------------------- 12.13. Contact ---------------------------*/
.contact {
   padding: 0 0 30px 0;
}

.contact input[type="text"],
.contact textarea {
   width: 100%;
   padding: 10px;
   display: block;

   color: #666;
   border: 1px solid #efefef;
   background: #efefef;
   font-size: 13px;
}

.contact input[type="text"]::-moz-placeholder {
   color: #666;
   opacity: 1;
}

.contact input[type="text"]::-webkit-input-placeholder {
   color: #666;
   opacity: 1;
}

.contact textarea::-moz-placeholder {
   color: #666;
   opacity: 1;
}

.contact textarea::-webkit-input-placeholder {
   color: #666;
   opacity: 1;
}

.contact input[type="text"]:focus,
textarea:focus {
   outline: none;
}

.contact .button {
   margin: 30px 0 0;
}

/*-------------------------- 12.14. Error ----------------------------*/
.error {
   padding: 30px 0;
}

.error h2 {
   font-size: 160px;
}

.error p {
   color: #000;
   text-align: center;
   font-size: 25px;
   margin-bottom: 50px;
}

/* --------------------------- 12.15. Comming Soon ----------------------------- */
.soonbox .cd-headline.clip span {
   display: inline-block;
   padding: .2em 0;
}

.soonbox .cd-headline.clip .cd-words-wrapper {
   overflow: hidden;
   vertical-align: top;
}

.soonbox .cd-headline.clip .cd-words-wrapper::after {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   width: 2px;
   height: 100%;
   background-color: #aebcb9;
}

.soonbox .cd-headline.clip b {
   opacity: 0;
}

.soonbox .cd-headline.clip b.is-visible {
   opacity: 1;
}

.soonbox .icon ul li {
   display: inline-block;
   padding: 0 15px 0 0;
}

.soonbox .icon ul li a {
   display: block;
}

.soonbox .icon ul li i {
   color: #fff;
   font-size: 20px;
}

.soonbox .icon ul li a:hover i {
   color: rgb(149, 196, 31);
}

.soonbox .foot {
   position: absolute;
   bottom: 20px;
   left: 0;
   width: 100%;
   padding: 0 15px;
}

.soonbox .foot p {
   font: 500 14px/30px 'Open Sans', sans-serif;
   padding: 0;
   color: rgba(255, 255, 255, 0.8);
   text-align: right;
}

/*======================== 13. Modal CSS ==========================*/
/*------------------------ 13.1. Categorie -------------------------*/
#categorie .modal-header {
   background: #95c41f;
   color: #fff;
}

#categorie .modal-header h5.modal-title {
   color: #fff;
   font-weight: 400;
   font-size: 20px;
}

#categorie .modal-header h5.modal-title i {
   padding-right: 10px;
   font-size: 16px;
}

#categorie .modal-header .close {
   text-shadow: none;
   opacity: 1;
   color: #fff;
   margin-top: -25px;
}

#categorie .modal-body {
   padding: 20px;
}

#categorie .modal-body ul li {
   border-bottom: 1px solid #ddd;
   display: block;
   padding-bottom: 10px;
   margin-bottom: 10px;
   position: relative;
}

#categorie .modal-body ul li:last-child {
   margin-bottom: 0;
   border-bottom: none;
}

#categorie .modal-body ul li a {
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 600;
   display: block;
}

#categorie .modal-body ul li a:hover i {
   color: #95c41f;
   transition: all 500ms ease;
}

#categorie .modal-body ul li i {
   position: absolute;
   right: 0;
   top: 4px;
   color: #ddd;
}

/*------------------------- 13.2. View ---------------------------*/
#views .modal-content {
   border-radius: 0;
}

#views .detail {
   padding: 30px 15px;
}

#views .modal-dialog {
   width: 700px;
}

#views .close {
   position: absolute;
   right: 0px;
   z-index: 99;
   width: 25px;
   height: 25px;
   background: #95c41f;
   opacity: 1;
   text-shadow: none;
   top: -25px;
   transition: all 500ms ease;
}

#views .close:hover {
   background: #6d8f16;
   color: #fff;
   transition: all 500ms ease;
}

#views img {
   margin-top: 15px;
}

/*------------------------ 13.3. Newsletter --------------------------*/
#newsletter .modal-header {
   border-bottom: none;
   position: relative;
   z-index: 1;
}

#newsletter .modal-header .modal-title {
   text-align: center;
   text-transform: uppercase;
   color: #1f223e;
   font-size: 24px;
   font-weight: 600;
   margin-bottom: 15px;
}

#newsletter .modal-header p {
   text-align: center;
   font-weight: 600;
   line-height: 20px;
   margin-bottom: 15px;
}

#newsletter .close {
   position: absolute;
   right: 0px;
   z-index: 99;
   width: 25px;
   height: 25px;
   background: #95c41f;
   opacity: 1;
   text-shadow: none;
   top: -25px;
   transition: all 500ms ease;
}

#newsletter .close:hover {
   background: #6d8f16;
   color: #fff;
   transition: all 500ms ease;
}

#newsletter .modal-content {
   /*background-image: url('images/newsbg.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   */
   padding: 30px 10px 40px;
}

#newsletter .modal-content:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.7);
}

#newsletter .modal-body {
   z-index: 1;
   text-align: center;
   padding: 0;
}

#newsletter .modal-body input[type="email"] {
   width: 100%;
   margin-bottom: 20px;
   border: 1px solid #7f7f7f;
   border-radius: 4px;
   background: rgba(255, 255, 255, 0.4);
   padding: 10px 145px 10px 15px;
   color: #333;
}

#newsletter .modal-body input[type="email"]::-moz-placeholder {
   opacity: 1;
   color: #333;
}

#newsletter .modal-body input[type="email"]::-webkit-input-placeholder {
   opacity: 1;
   color: #333;
}

#newsletter .modal-body input[type="submit"] {
   position: absolute;
   right: 0;
   top: 0;
   border: 1px solid transparent;
   padding: 10px 15px !important;
   text-transform: uppercase;
   font-size: 12px;
   font-weight: 600;
   transition: all 500ms ease;
   border-radius: 0 4px 4px 0;
   margin-top: 0;
}

.affix {
   width: 100%;
   z-index: 999;
   top: 0;
   transition: all 500ms ease;
}

.affix .itfmenu {
   border-bottom: 1px solid #fff;
}

/*======================== 18. Media Query ==========================*/
@media screen and (min-width:992px) and (max-width:4000px) {
   .itfmenu ul li:hover .submenus {
      top: 50px;
      opacity: 1;
      visibility: visible;
      transition: all 500ms ease;
   }

   .itfmenu .submenus {
      position: absolute;
      left: 15px;
      right: 15px;
      top: 100px;
      opacity: 0;
      visibility: hidden;
      min-width: 120px;
      max-width: 100%;
      background: #fff;
      box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);
      z-index: 999;
      padding: 20px 20px 25px;
      transition: all 200ms ease-out 0s;
   }
}

/* |-------------------------------------------------------------------| | Extra large devices (large desktops, 1200px) | |-------------------------------------------------------------------| */
@media screen and (min-width:992px) and (max-width:1199px) {
   .itfmenu ul li a {
      padding: 12px;
   }

   .cart #accordionone #collapseTwo label {
      text-align: left;
   }

   .midhead img {
      /*width: 100%;*/
   }

   .home3 .slider .item.active .carousel-caption h2 {
      font-size: 30px;
      line-height: 30px;
   }

   .slider .item.active .carousel-caption h3 {
      font-size: 24px;
   }

   .midhead .shopdata {
      left: inherit;
      right: 0;
   }
}

/* |-------------------------------------------------------------------| | Large devices (desktops, 992px) | |-------------------------------------------------------------------| */
@media screen and (min-width:768px) and (max-width:991px) {
   .img-responsive {
      width: 100%;
   }

   .slider .carousel-caption h2 {
      font-size: 40px;
      line-height: 40px;
   }

   .slider .carousel-caption h3 {
      font-size: 30px;
      line-height: 20px;
   }

   .itfmenu .submenus ul li a {
      color: #333 !important;
   }

   .midhead .col-xs-12.col-sm-12 {
      text-align: center;
   }

   .midhead input[type="search"] {
      margin: 10px 0;
   }

   .delivery .dbox {
      border-right: none;
   }

   .newsletter h5 {
      padding-bottom: 30px;
   }
}

/* |-------------------------------------------------------------------| | Medium devices (tablets, 768px) | |-------------------------------------------------------------------| */
@media screen and (min-width:0) and (max-width:991px) {
   .mobile {
      display: inline-block;
      width: 100%;
      text-align: left;
   }

   .mobile i {
      float: right;
      font-size: 24px;
   }

   .mobile:hover,
   .mobile:hover i {
      color: #000;
   }

   .midhead .col-xs-12.col-sm-12,
   .new_arrival .woman_arrival {
      text-align: center;
   }

   .midhead input[type="search"],
   .searchpage .button {
      margin: 10px 0;
   }

   .leftmenu .submenus {
      position: inherit;
      left: inherit;
      top: inherit;
      width: auto;
      opacity: 1;
      visibility: visible;
      display: none;
      width: 100%;
      border: none;
      border-top: 1px solid #ddd;
   }

   .leftmenu .submenus ul,
   .leftmenu .submenus.twomenus ul {
      float: inherit;
      width: 100%;
   }

   .leftmenu .submenus.twomenus {
      width: 100%;
   }

   .delivery .dbox,
   .about img {
      border-right: none;
      display: table;
      margin: 0 auto;
   }

   /* .itfmenu .closemenu{
	   display: block;
   }
	.itfmenu{
	   padding: 15px 0;
	   position: relative;
   }
	.itfmenu ul{
	   bottom: 0;
	   left: 0;
	   position: fixed;
	   top: 0;
	   z-index: 999999;
	   background: #1f223e;
	   width: 280px;
	   height: 100%;
	   max-height: 700px;
	   overflow-x: hidden;
	   overflow-y: auto;
		padding: 40px 15px;
		transform: translate3d(-280px, 0px, 0px);
	   transition: all 0.5s ease-in-out 0s;
	   visibility: hidden;
   }
	.itfmenu ul.open{
	   transform: translate3d(0px, 0px, 0px);
	   visibility: visible;
	   transition: all 0.5s ease-in-out 0s;
   }
	.itfmenu ul li{
	   display: block;
	   float: inherit;
   }
	.itfmenu ul li a{
	   padding: 7px 15px;
   } */
   /* .itfmenu ul li a:hover{
	   background: transparent;
	   color: #95c41f;
   } */
   /* .itfmenu ul li ul,.itfmenu .submenus{
	   width: 250px;
	   position: inherit;
	   background: #f6f6f6;
	   bottom: inherit;
	   left: inherit;
	   top: inherit;
	   transform: translate3d(0px, 0px, 0px);
	   visibility: visible;
	   height: 100%;
	   max-height: auto;
	   padding: 0;
	   min-width: auto !important;
   } */
   .itfmenu .submenus li:last-child {
      border-bottom: none;
   }

   header .itfmenu .submenus,
   header .itfmenu ul li:hover .submenus,
   .product .owl-nav,
   .fixbutton {
      /* display: none; */
   }

   .itfmenu ul li ul li a {
      background: transparent;
   }

   .about img,
   .contact .button,
   .blogin .button,
   .blogin input,
   .product .catedetail .button,
   .new_arrival .woman_arrival {
      margin-bottom: 10px;
   }

   /* .itfmenu ul li a{
	   z-index: 999;
   } */
   /* .itfmenu ul li ul li{
	   padding: 0 15px;
   } */
   /* .itfmenu ul li ul li:first-child{
	   margin-left: 15px;
   } */
   /* .itfmenu ul li a i{
	   position: absolute;
	   top: 0;
	   right: 0;
	   width: 34px;
	   height: 34px;
	   line-height: 34px;
	   background: #ddd;
	   color: #000;
	   text-align: center;
	   padding: 0;
	   z-index: 9999;
   } */
   /* .itfmenu ul li a:hover i{
	   background: #fff;
   } */
   .slider .carousel-caption h2,
   .new_arrival .woman_arrival h2 {
      font-size: 30px;
      line-height: 30px;
   }

   .slider .carousel-caption h3 {
      font-size: 20px;
      line-height: 10px;
   }

   .cart #accordionone #collapseTwo label {
      text-align: left;
   }

   .deals #clockdiv li {
      width: 50px;
      height: 50px;
      padding: 0 5px 5px;
   }

   .searchpage .Lpadded {
      padding-left: 15px;
   }

   .product:hover .owl-nav .owl-next {
      right: 0;
   }

   .product:hover .owl-nav .owl-prev {
      left: 0;
   }

   .about,
   .help,
   .warranty,
   .home4.testimonial {
      padding: 20px 0;
   }

   .help .box,
   .home4 .slider .right_slide,
   .new_arrival .woman_arrival {
      margin-top: 30px;
   }

   .home4.container-fluid {
      padding-left: 15px;
      padding-right: 15px;
   }

   .new_arrival {
      padding-top: 0;
   }
}

/* |-------------------------------------------------------------------| | Medium devices (tablets, 768px) | |-------------------------------------------------------------------| */
@media screen and (min-width:0) and (max-width:767px) {
   .midhead .shopdata {
      left: inherit;
      right: 0;
   }

   .cartbox {
      margin-top: 15px;
   }

   /*.mainblog .page li:first-child,.mainblog .page li:last-child,.page li:first-child a,.page li:last-child a{
	   display: none;
   }*/
   p {
      font-size: 14px;
      line-height: 20px;
   }

   .slider:hover .carousel-control.left {
      left: 0;
   }

   .slider:hover .carousel-control.right {
      right: 0;
   }

   .img-responsive {
      width: 100%;
   }

   .text-right,
   .tophead,
   .about .owl-nav,
   .newsletter ul,
   .copyright p {
      text-align: center;
   }

   .support .box {
      padding-bottom: 30px;
   }

   .newsletter h5.copyright img {
      padding-top: 15px;
   }

   #newsletter .modal-body input[type="email"] {
      padding: 8px 15px;
   }

   .footer .col-sm-12.text-center {
      clear: both;
   }

   .deals {
      background: transparent;
   }

   .deals h2 {
      font-size: 20px;
   }

   .deals p {
      padding: 0;
   }

   .deals .dealbox {
      position: inherit;
      left: inherit;
      top: inherit;
      transform: inherit;
      margin-bottom: 20px;
   }

   .deals #clockdiv {
      display: table;
      margin: 10px auto 0;
   }

   .searchpage input[type="text"],
   .deals #clockdiv li {
      margin-bottom: 10px;
   }

   .searchpage .Lpadded {
      padding-left: 15px;
   }

   .itfmenu .submenus ul li a {
      color: #333 !important;
   }

   .cart table td ul li button {
      padding: 5px;
   }

   .home4.testimonial .collection_content {
      left: 15px;
   }

   .home4.testimonial .collection_content h2 {
      font-size: 18px;
   }

   .home5 .summer .box {
      margin-bottom: 15px;
      display: block;
   }
}

/* |-------------------------------------------------------------------| | Small devices (landscape phones, 576px) | |-------------------------------------------------------------------| */
@media (max-width: 476px) {

   .tophead ul li a:after,
   .slider .carousel-caption {
      display: none;
   }

   .tophead ul.hlogin {
      text-align: left;
   }

   .tophead ul {
      text-align: right;
   }

   .tophead ul li {
      padding: 5px 0;
   }

   .midhead .cartbox {
      display: none;
   }

   /*.midhead .cartbox{
	   margin: 0 auto;
	   display: table;
   }
	.midhead .cartbox,.circle,.tophead ul li{
	   display: block;
   }
   */
   .legend h6 {
      font-size: 16px;
   }

   .cart #accordionone .button {
      width: 100%;
   }

   .cart .endbutton a:last-child {
      float: inherit;
   }

   .cart .endbutton .button {
      display: table;
      margin: 20px auto;
   }

   .circle {
      margin-bottom: 15px;
   }

   .product .tabdata .ldata li {
      margin: 0 10px;
   }

   #newsletter .modal-body input[type="submit"] {
      position: inherit;
      width: 100%;
      border-radius: 4px;
   }

   .about .legend .owl-prev,
   .about .legend .owl-next {
      position: inherit;
      display: inline-block;
      margin: 0 5px;
   }

   .incategory .iconbar li:last-child {
      float: inherit;
   }

   /*.cart table td ul li,.midhead .cartbox:last-child{
	   display: block;
	   margin-top: 15px;
   }
   */
   .cart table td ul li button {
      padding: 5px 24px;
   }

   .warranty .circle {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 12px;
   }

   .blogin .social ul li:first-child {
      float: inherit;
   }

   .blogin .social ul li {
      padding-left: 5px;
   }
}


.mega-menu-item .menu {
   /* margin: 0px;
   padding: 0px; */
   list-style: none;
}

.footer .widget_nav_menu .menu {
   margin: 0px;
   padding: 0px;
   list-style: none;
}

.footer .widget_nav_menu .menu li a {
   padding: 4px 15px;
   display: inline-block;
}

.footer .widget_nav_menu .menu li:before {
   font: normal normal normal 14px/1 FontAwesome;
   display: inline-block;
   content: "\f105";
   color: #de302f;
}


/* =============================
		Style css all color pattern 
================================*/

.heading {
   /* background: rgba(0, 0, 0, 0) url("assets/images/patternred.png") no-repeat scroll center bottom;*/
   border-bottom: 3px solid #000;
}

.switch-color .icon,
.circle,
.button,
.fixbutton li a i,
.fixbutton li a span,
.page li .active,
.itfmenu,
.itfmenu .submenus ul li:first-child:after,
.slider .carousel-indicators .active,
.homebanner .box:hover .button,
.product .new,
.product .owl-nav .owl-prev,
.product .owl-nav .owl-next,
.product .viewcart li i,
.panel-group .panel-heading a,
.midhead .shopdata .cartbutton a,
.support i,
.testimonial .owl-dot.active,
.footheading:after,
#newsletter .close,
#views .close,
.lcate ul.color li input[type="radio"]:checked+label::after,
.lcate ul li label:hover:after,
.lcatesize ul li input[type="radio"]:checked+label,
.lcatesize ul li:hover label,
.blogsidebox .tag ul li a:hover,
.lcate .irs-bar,
.lcate .irs-bar-edge,
.lcate .irs-from,
.lcate .irs-to,
.irs-single,
.checkout .checkbox:before,
.checkout .radio:before,
.cart table td ul li:last-child button,
.newsletter,
#categorie .modal-header,
.leftmenu ul li:first-child,
.leftmenu .submenus ul li:first-child:after,
.boxslide .owl-dot.active,
.home4.testimonial .home4_car {
   background-color: var(--itf--color-theme-bg);
   color: #fff;
}

.button:hover,
.fixbutton li a:hover i,
.fixbutton li a:hover span,
.fixbutton li a i:hover,
.fixbutton li a span:hover~i,
.homebanner .box:hover .button:hover,
.panel-group .panel-heading a:hover,
.midhead .shopdata .cartbutton a:hover,
.midhead .shopdata .cartbutton a:first-child:hover,
.product .viewcart li:hover i,
.product .owl-nav .owl-prev:hover,
.product .owl-nav .owl-next:hover,
.product .viewcart li:hover i,
.support .box:hover i,
.newsletter input[type="submit"]:hover,
#newsletter .close:hover,
#views .close:hover,
.cart .endbutton a:first-child:hover,
.newsletter input[type="submit"] {
   background-color: #000000;
   color: #fff;
}

a:hover,
a:focus,
.tophead ul li a i,
.tophead ul li a:hover,
.midhead button:hover i,
.midhead .cartbox i,
.midhead .cartbox:hover i,
.midhead .cartbox .shopdata i:hover,
.slider .carousel-control:hover,
.homebanner .box:hover .overlay p,
.product .rating li:hover,
.product .rating li.active,
.product .rating li:hover,
.product .rating li.active,
.mainblog .overlay ul li a:hover,
.mainblog .read:hover,
.mainblog .overlay ul li a:hover,
.mainblog .overlay ul li a i,
.mainblog .read:hover,
.newsletter ul li a:hover,
.footer .list-with-icon li i,
.copyright a,
.breadcrumb ul li,
.about .left li:before,
.about .legend .name,
.lcate ul.color li input[type="radio"]:checked+label,
.iconbar li a.active,
.warranty .inheading i,
.help .box i,
.blogsidebox .post .date,
.blogsidebox .cat li a:hover,
.lcate ul li.open a.active,
.checkout ul li.active a,
.checkout .secure li i,
.incategory .iconbar li a.active,
.detail .detailtab .rating li.active,
.delivery .dbox i,
.new_arrival .woman_arrival h2,
.home5 .summer .box h5 span {
   color: var(--itf--color-theme-txt);
}

.panel-group a:before {
   border: 8px solid var(--itf--color-theme-bg);
   border-color: var(--itf--color-theme-bg) transparent transparent transparent;
}

.product .tabdata .rating li a:hover,
.product .tabdata .rating li.active a,
.product .tabdata .ldata li a:hover,
.product .tabdata .ldata li.active a {
   color: var(--itf--color-theme-txt);
   border-bottom-color: var(--itf--color-theme-txt);
}

.about .legend .owl-prev:hover,
.about .legend .owl-next:hover,
.testimonial .tbox {
   border-color: var(--itf--color-theme-txt);
   background-color: var(--itf--color-theme-bg);
   color: #fff;
}

.blogsidebox h4,
blockquote {
   border-left-color: var(--itf--color-theme-txt);
}

.irs-from::after,
.irs-to::after,
.irs-single::after {
   border-top-color: var(--itf--color-theme-bg);
}

.team .figcaption {
   background: var(--itf--color-theme-bg) !important;
   opacity: 0.8;
}


h1.sitelogo {
   font-size: 30px;
   text-transform: capitalize;
}




/* =========Slider Dot Net Start========== */

.itfsld .owl-nav button {
   position: absolute;
   top: 50%;
   background-color: #000;
   color: #fff;
   margin: 0;
   transition: all 0.3s ease-in-out;
}

.itfsld .owl-nav div.owl-prev {
   left: 10px;
}

.itfsld .owl-nav div.owl-next {
   right: 10px;
}

.itfsld .owl-dots {
   text-align: center;
   padding-top: 15px;
   position: absolute;
   width: 100%;
   bottom: 5px;
}

.itfsld .owl-dots div.owl-dot {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   display: inline-block;
   background: #ccc;
   margin: 0 3px;
}

.itfsld .owl-dots div.owl-dot.active {
   background-color: #000;
}

.itfsld .owl-dots div.owl-dot:focus {
   outline: none;
}

.itfsld .owl-nav div {
   position: absolute;
   top: 50%;
   border-radius: 50%;
   padding: 7px 12px 7px 11px;
   transform: translateY(-50%);
   background: rgba(255, 255, 255, 0.8) !important;
}

.itfsld .owl-nav div:focus {
   outline: none;
}

/* ========Slider Dot Net End=========== */

.es-field-wrap label {
   display: block;
}

.es-field-wrap input[type="email"] {
   padding: 5px 15px;
}

.emaillist .es_subscription_message.error {
   color: #FFF;
}

.woocommerce nav.woocommerce-breadcrumb {
   padding: 15px 0px;
   display: block;
}

.woocommerce-product-details__short-description ul {
   list-style: none;
   padding-bottom: 10px;
}

.woocommerce-product-details__short-description li {
   padding: 5px 0;
   font-size: 15px;
}

.woocommerce div.product .product_title {
   clear: none;
   margin-top: 0;
   padding: 0;
   font-size: 25px;
}

.cat-head {
   font-size: 13px;
   padding-top: 15px;
}

.wpcf7 form .wpcf7-response-output {
   width: 100%;
   float: left;
}

.pb-20 {
   padding-bottom: 20px;
}

.ati-service {
   padding: 60px 0;
}

.woocommerce-Tabs-panel--description li {
   position: relative;
   padding-left: 15px;
   list-style-type: none;
   line-height: 30px;
   font-size: 16px;
   ;
}

.woocommerce-Tabs-panel--description li:before {
   content: "\f105";
   font-family: "FontAwesome";
   font-size: 14px;
   display: inline-block;
   position: absolute;
   left: 0;
   top: 0px;
   color: #de302f;
}

.gallery_type {
   border: 1px dashed #CCC;
   padding: 0px;
}

.gal_type_title {
   padding: 10px 0px;
   font-size: 20px;
   margin: 0px;
}

.gallery_img_list {
   list-style: none;
   margin: 0px;
   padding: 0px;
   display: inline-block;
}

.gall_blocks {
   min-height: 160px;
   max-height: 160px;
   padding: 5px;
   overflow: hidden;
}

.gall_blocks a {
   display: block;
}

.gall_blocks a img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   overflow: hidden;
}

.post-navigation .nav-links {
   display: table;
   width: 100%;
   margin-top: 15px;
}

.nav-previous {
   float: left;
}

.nav-previous p.meta-nav {
   display: inline-flex;
   float: left;
   padding: 0px;
}

.nav-previous p.post-title {
   display: inline-flex;
   padding: 0px 0px 0px 9px;
}

.nav-next {
   float: right;
}

.nav-next p.meta-nav {
   display: inline-flex;
   float: right;
   padding: 0px;
}

.nav-next p.post-title {
   display: inline-flex;
   padding: 0px 9px 0px 0px;
}

.mainblog .more-link {
   color: #333;
   text-transform: capitalize;
   padding: 15px 0 0px 0px;
   font-weight: bold;
   display: inherit;
}

/* .breadcrumb ul li:after {
   font-family: 'FontAwesome';
   content: '\f105';
   font-size: 13px;
   top: 0;
   right: -6px;
   position: absolute;
   color: #111;
} */

.entry-title {
   font-size: 24px;
   padding-top: 20px;
}

.woocommerce-loop-product__title {
   text-align: center;
}

ul.products li.product .button {
   text-align: center;
   display: block;
}

.woocommerce ul.products li.product .star-rating {
   margin: 0px auto;
}

.woocommerce ul.products li.product .button {
   display: block;
   margin: 10px auto;
   width: 145px;
   background-color: var(--itf--color-theme-bg);
   color: #FFF;
}

.product_cat_lnk {
   text-align: center;
   padding: 1px 0px;
   margin-bottom: 7px;
   font-size: 13px;
   display: block;
}

h2.widget-title {
   font-size: 18px;
}


.comments-area {
   margin-top: 40px;
}

.comments-area h2.comments-title {
   font-size: 20px;
   margin-bottom: 20px;
}

h2.comment-reply-title {
   font-size: 20px;
}

.comment-list {
   margin: 0;
   padding: 0;
   list-style: none;
}

.comment-meta {
   margin-bottom: 5px;
}

.comment-meta a {
   color: #333;
}


.comment-author.vcard {
   position: relative;
   padding-left: 50px;
}

.comment-author.vcard img {
   position: absolute;
   left: 0;
   top: 0px;
   max-width: 48px;
   max-height: 48px;
}

.comment-metadata {
   margin-left: 50px;
}

.comments-area table {
   border-left: 1px solid #dddd;
   border-bottom: 1px solid #ddd;
   margin-bottom: 20px;
}

.comments-area table td,
.comments-area table th {
   border-right: 1px solid #ddd;
   border-top: 1px solid #ddd;
   padding: 10px;
}

.comments-area th {
   background: #278cc1;
   color: #fff;
}

.comments-area dd {
   margin-bottom: 15px;
}

.comments-area .comments-content ul,
.comments-area .comments-content ol {
   padding-left: 15px;
}

.comments-area .comment-content ul,
.comments-area .comment-content ol {
   padding-left: 15px;
}

.comment-reply-link {
   background: var(--itf--color-theme-bg);
   display: inline-block;
   padding: 2px 10px;
   color: #fff;
   border-radius: 2px;
   font-size: 12px;
   margin-top: 10px;
}


.comment-list li.comment {
   margin-bottom: 30px;
   border-bottom: 1px solid #ddd;
   padding-bottom: 30px;
}

.comment-metadata {
   font-size: 80%;
}

a.comment-reply-link:hover {
   color: #fff;
   background-color: #000000;
}

.comment-list li ol.children {
   padding-left: 30px;
   margin: 0;
   list-style: none;
   margin-top: 20px;
}

.comment-list li ol.children ol.children {
   padding-left: 20px;
}

.comment-list li.comment:last-child {
   border-bottom: 0px solid;
   padding-bottom: 0;
   margin-bottom: 0;
}

.comment-respond {
   margin-top: 50px;
}

.comment-notes {
   font-size: 90%;
   margin-bottom: 40px;
}

.comment-form label {
   display: block;
   margin-bottom: 10px;
}

.comment-form input,
.comment-form textarea {
   width: 100%;
   margin-bottom: 20px;
}

.comment-form input[type=submit] {
   width: auto;
}

.product-category .woocommerce-loop-category__title {
   text-align: center;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
   margin: 2% 0;
   padding: 0 2%;
   border-right: 1px solid #CCC;
   width: 24%;
}

.woocommerce ul.products li.product:nth-child(4n),
.woocommerce-page ul.products li.product:nth-child(4n) {
   border-right: 0px;
}

.category_row {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

.support .box i {
   background: none;
}

.support .box:hover i {
   background: none;
}

.menu-title {
   font-weight: bold;
   padding-bottom: 5px;
   text-transform: uppercase;
   color: #555;
   font-size: 14px;
}

.row-pad {
   padding-bottom: 10px;
   padding-top: 10px;
}

.enquiry_btns {
   background-color: var(--itf--color-theme-bg) !important;
   color: #FFF !important;
   padding: 15px 30px !important;
}

.woocommerce-Tabs-panel--description table {
   border-color: #ddd;
}

.siteact {
   display: inline-block;
   position: relative;
   width: 41px;
   height: 41px;
   padding: 3px;
}

.siteact:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: #dddddd;
   left: 0px;
   top: 0px;
   border-radius: 100%;
}

.siteicons {
   display: inline-block;
   position: relative;
   width: 40px;
   height: 40px;
   padding: 10px 3px;
}

.siteicons:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 7px;
   border-radius: 100%;
}

.siteicons:hover:before {
   background: #dddddd;
}

.main_blcok_menu {
   position: relative;
}

.main_menu_position_blog {
   max-width: 250px;
   position: absolute;
   right: 0;
   top: 0px;
}

.main_menu_position_blog input[type=search] {
   border: 0px;
   height: 40px;
   margin: 5px 0px;
   padding: 5px 13px;
   color: #282727;
   width: 230px;
   border-radius: 20px;
}

/* .main_menu_position_blog button {
   border: 0px;
   position: absolute;
   right: 0;
   top: 5px;
   height: 40px;
   color: #fff;
    background-color: #000;
   border-radius: 0px 20px 20px 0px;
   padding: 0px 7px;
} */

.main_menu_position_blog button {
   border: 0px;
   position: absolute;
   right: 0;
   top: 5px;
   height: 40px;
   background-color: transparent;
   border-radius: 0px 20px 20px 0px;
   padding: 0px 15px;
   font-size: 0px;
}

.main_menu_position_blog button:before {
   font-family: 'FontAwesome';
   content: "\f002";
   font-size: 22px;
   color: #000000;
}

.font-30 {
   font-size: 16px !important;
   font-weight: 600 !important;
   line-height: normal;
}

.font-30 b {
   font-size: 32px !important;
   font-weight: 700 !important;
}


@media screen and (min-width:1199px) {
   .home-cat-box {
      width: 11.1%
   }
}

@media screen and (max-width:767px) {
   .row {
      margin-right: 0px;
      margin-left: 0px;
   }
}

.product_cat_lnk .catlnk {
   position: relative;
   padding: 2px;
}

.product_cat_lnk .catlnk::after {
   content: ",";
}

.product_cat_lnk .catlnk:last-child::after {
   content: "";
}

.entry-content .gallery.gallery-size-thumbnail,
.entry-content .gallery.gallery-size-full {
   display: inline-block;
}

.entry-content .gallery.gallery-size-thumbnail .gallery-item {
   display: inline-block;
   margin: 5px;
   padding: 10px;
}

.entry-content .gallery.gallery-size-full .gallery-item {
   display: inline-block;
   margin: 5px;
   padding: 10px;
}

.error-404 h1 {
   margin: 15px;
   font-size: 16em;
}

.error-404 .text-msg {
   font-size: 17px;
}

.error-404 .return-home {
   margin-top: 10px;
   margin-bottom: 20px;
}

.woocommerce ul.products[class*=columns-] li.product:nth-child,
.woocommerce-page ul.products[class*=columns-] li.product:nth-child {
   float: none !important;
   clear: none !important;
}

@media (max-width: 768px) {

   .woocommerce ul.products li.product:nth-child(2n),
   .woocommerce-page ul.products li.product:nth-child(2n) {
      border-right: none;
   }

   .woocommerce ul.products[class*=columns-] li.product:nth-child(2n),
   .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
      /*float: none;*/
      clear: none !important;
   }

   .main_menu_position_blog input[type=search] {
      height: 30px;
   }

   .main_menu_position_blog button {
      height: 30px;
   }
}

@media (max-width: 411px) {

   .woocommerce ul.products li.product,
   .woocommerce-page ul.products li.product {
      padding: 0 1.5%;
      border: none;
   }

   .woocommerce ul.products[class*=columns-] li.product,
   .woocommerce-page ul.products[class*=columns-] li.product {
      width: 98%;
   }
}

.google_profile_img {
   display: flex;
   justify-content: center;
   margin-top: 30px;
}

.owl-carousel .owl-item img.review_profile_img {
   width: 60px;
   height: 60px;
   border: 2px solid #e2e2e2;
   border-radius: 50%;
   padding: 0;
}

.pt-10 {
   padding-top: 10px;
}

@media (max-width: 991px) {
   .midhead .cartbox {
      display: none;
   }
}

/*.bouncea-1 {
    /* animation-name: bounce-1; 
    animation-timing-function: linear;
    animation-name: tada;
    -webkit-animation-iteration-count: infinite;
}

.bouncea-2 {
    /* animation-name: bounce-1;
    animation-timing-function: linear;
    animation-name: bounce;
    -webkit-animation-iteration-count: infinite;
}*/
.box-1 {
   align-self: flex-end;
   animation-duration: 1.5s;
   animation-iteration-count: infinite;
   height: 60px;
   transform-origin: bottom;
   width: 60px;
}

.box-2 {
   align-self: flex-end;
   animation-duration: 1.9s;
   animation-iteration-count: infinite;
   height: 70px;
   transform-origin: bottom;
   width: 70px;
}

.entry-content p {
   /*padding-top: 10px;*/
}

.woocommerce-Tabs-panel--description p,
.woocommerce-product-details__short-description p {
   line-height: 24px;
}

.woocommerce-product-details__short-description tr {
   height: 40px;
}

.woocommerce-Tabs-panel--description tr {
   height: 40px;
}

ul.top-store-info {
   margin: 5px 0px;
}

.tophead ul.top-store-info li {
   color: #FFF;
}

.top-social-follow li {
   display: inline-block;
   margin-right: 6px;
}

.top-social-follow li a i {
   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   color: #fff;
   border-radius: 6px;
}

.top-social-follow li a {
   display: block;
   position: relative;
}

.top-social-follow .fa-facebook {
   background: #3b5998;
}

.top-social-follow .fa-twitter {
   background: #1da1f3;
}

.top-social-follow .fa-youtube {
   background: #c4302b;
}

.top-social-follow .fa-instagram {
   /* background: #E4405F; */
   background: #f09433;
   background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
   background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
   background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

@media (max-width: 800px) {
   .mdn {
      display: none !important;
   }
}

.bod {
   font-size: 65px;
   padding-top: 20px;
}

@media (min-width: 300px) {
   .bod {
      font-size: 30px;
   }
}

@media (min-width: 400px) {
   .bod {
      font-size: 35px;
   }
}

@media (min-width: 523px) {
   .bod {
      font-size: 55px;
   }
}

@media (min-width: 700px) {
   .bod {
      font-size: 65px;
   }
}

.bod-bg {
   padding: 0px;
   background-image: url(https://www.atipro.in/wp-content/uploads/2024/06/become-a-dealer-ati.jpg);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
   height: 375px;
}

.bod-bt {
   background-color: #FF0000;
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   text-align: center;
   padding: 5px 10px;
   margin: 20px 0;
   border-radius: 20px;
   border: none;
}

.why {
   font-size: 45px;
   padding-top: 50px;
}

@media (min-width: 300px) {
   .why {
      font-size: 24px;
      padding-top: 20px;
   }
}

@media (min-width: 400px) {
   .why {
      font-size: 25px;
   }
}

@media (min-width: 523px) {
   .why {
      font-size: 35px;
   }
}

@media (min-width: 700px) {
   .why {
      font-size: 45px;
      padding-top: 20px;
   }
}

@media (min-width: 1200px) {
   .why {
      padding-top: 50px;
   }
}

.why-bg {
   padding: 0px;
   background-image: url(https://www.audio.atipro.in/wp-content/uploads/sites/2/2024/06/why-chose-us-ati-pro-audio.png);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
   height: 375px;
}

.why-bg-light {
   padding: 0px;
   background-image: url(https://www.lighting.atipro.in/wp-content/uploads/sites/3/2024/06/why-chose-us-ati-pro-light.jpg);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
   height: 375px;
}

.why-bg-yogi {
   padding: 0px;
   background-image: url(https://www.yogipro.atipro.in/wp-content/uploads/sites/5/2024/07/Quality-with-Affordability.png);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
   height: 375px;
}

.why-bg-audioflix{
   padding: 0px;
   background-image: url(https://www.audioflix.atipro.in/wp-content/uploads/sites/4/2024/07/audio-flix-quality-with-affordability.jpg);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
   height: 375px;
}

.why-bg-glabs{
   padding: 0px;
   background-image: url(https://www.glabs.atipro.in/wp-content/uploads/sites/6/2024/07/g-labs-image-min.png);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
   height: 375px;
}

.why-bt {
   background-color: #FF0000;
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   text-align: center;
   padding: 5px 10px;
   margin: 20px 0;
   border-radius: 20px;
   border: none;
}

.testimonial_box {
   display: flex;
   flex-direction: column;
}

.test_img {
   /* width: 170px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-right: 1px solid #CCC; */
}

.testimonial .test_content {
   padding: 0px 10px;
}

.testimonial .test_content p {
   text-align: left;
   padding: 0px 10px;
   margin-top: 5px;
}

.review_ratings {
   padding: 0px 8px;
}

.review_rate {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   justify-content: center;
}

.review_rate li {
   font-size: 18px;
   color: gold;
   margin-right: 5px;
   position: relative;
   width: 20px;
}

.review_rate li::before {
   content: '\2605';
   font-family: Arial, sans-serif;
   position: absolute;
   top: 0;
   left: 0;
}


.itfsld {
   min-height: 90px;
   display: block;
}

.itfsld.itfpreloading {
   position: relative;
   width: 100%;
   background: rgba(255, 255, 255, 0.8);
}

.itfsld.itfpreloading:after {
   content: 'Loading...';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   padding: 10px 20px;
}


/* Customer and delear Review */

.user_review_block {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.tbox {
   width: 70px;
   height: 70px;
   display: flex;
   overflow: hidden;
   position: relative;
   border-radius: 50%;
   border: 3px solid #fff;
   flex-direction: row;
}

.review_text {
   padding: 5px 14px;
   font-size: 14px;
   line-height: 21px;
   margin-top: 5px;
}

.review_user {
   padding: 0px 15px;
}
.review_user .name {
   font-size: 15px;
   font-weight: bold;
}

.review_rate_block {
   padding: 0px 8px;
}

.review_rate_lt {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   justify-content: center;
}

.review_rate_lt li {
   font-size: 18px;
   color: gold;
   margin-right: 1px;
   position: relative;
   width: 20px;
}

.review_rate_lt li::before {
   content: '\2605';
   font-family: Arial, sans-serif;
   position: absolute;
   top: 0;
   left: 0;
}

.testicarousel-customer-block {
   background: #fff;
   text-align: center;
   padding: 15px 18px;
   border-radius: 30px;
   margin: 0px 25px;
}

.testicarousel-dealer-block {
   background: #fff;
   text-align: center;
   padding: 15px 18px;
   border-radius: 30px;
   margin: 0px 25px;
}

.customer-reviews-block {
   padding: 40px;
   text-align: center;
}

.dealer-reviews-block {
   padding: 40px;
   text-align: center;
}
.testimonial-block{
   position: relative;
}
.testimonial-block::before {
   content: "";
   position: absolute;
   background: #de302f;
   width: 50%;
   height: 100%;
}

.testimonial-block::after {
   content: "";
   position: absolute;
   background: #CCC;
   width: 50%;
   height: 100%;
   top: 0;
   right: 0;
   z-index: -1;
}
@media only screen and (max-width: 991px) {
.testimonial-block::before{
   width: 100%;
   height: 50%;
}
.testimonial-block::after{
   width: 100%;
}
}

.latest_events_section{position: relative; display: inline-flex;width:100%;}