/*!
Theme Name: Marin
Theme URI: http://marin.themepiko.com/
Author: themepiko
Author URI: http://themepiko.com/
Description: Marin is a modernized take on an ever-popular woocommerce layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Marin will make your WordPress woocommerce look beautiful everywhere.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: marin

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Marin is distributed under the terms of the GNU GPL v2 or later.
*/

/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Home page box
 * 3.0 - Typography
 *    3.1 - Element
 *    3.2 - Form, piko button
 *    3.3 - Link
 * 4.0 - Preloader
 * 5.0 - Mega Menu
 * 6.0 - Breadcrumb
 * 7.0 - Pagination
 * 8.0 - Accessibility
 * 9.0 - Alignments
 * 10.0 - Clearings
 * 11.0 - Widgets
 * 12.0 - Content
 * 13.0 - Header
 * 13.1 - Header
 *    13.2 - Post, Page
 *    13.3 - Post Formats
 *    13.4 - Comments
 *    13.4 - Sidebar
 * 14.0 - Back to Top
 * 15.0 - Media
 *    15.1 - Captions
 *    15.2 - Galleries
 *    15.3 - Multisite
 * 16.0 - Block wrap
 *    16.1 - icon block
 *    16.2 - select chosen
 *    16.3 - owl carousel
 *    16.4 - main title
 *    16.5 - newsletter, coming soon, social icon
 *    16.6 - overlay button wrap
 *    16.7 -  Login form  
 *    16.8 -  shortcode post, testimonial, tabs  
 *    16.9 -  Zoom In effect 
 *    16.10 - feature shortcode
 *    16.11 - PORTFOLIO, related title
 *    16.12 - contact from 7
 *    16.13 - Our team
 * 17.0 - Media Queries
 */

/*font face*/
@font-face {
    font-family: 'robotoregular';
    src: url('assets/fonts/Roboto-Regular-webfont.eot');
    src: url('assets/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('assets/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('assets/fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: 'robotoregular';
    font-size: 14px;
    letter-spacing: 0.25px;
    line-height: 24px;
    color: #949494;
}
html, body {
    overflow-x: hidden;
    width: 100%;
}
body #page, body .site{
    background: #ffffff;
}

body.theme_float{ 
    background-color: #fefefe;
    border: 30px solid #fefefe;
    overflow:hidden;
}
body.theme_float:before{
    content: "";
    position: fixed;
    width: 100%;
    height: 30px;
    background-color: #ffffff;
    top: 0;
    z-index: 1002;
    left: 0;
}
body.theme_float:after{
    content: "";
    position: fixed;
    width: 100%;
    height: 30px;
    background-color: #ffffff;
    bottom: 0;
    z-index: 1002;
    display: block;
    left: 0;
}
body:not(.custom-background-image).theme_float:before,
body:not(.custom-background-image).theme_float:after {
    background: inherit;
    content: "";
    display: block;
    height: 21px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 99;
}

body:not(.custom-background-image).theme_float:before {
    top: 0;
}

body:not(.custom-background-image).theme_float.admin-bar:before {
    top: 46px;
}

body:not(.custom-background-image).theme_float:after {
    bottom: 0;
}
html {
    box-sizing: border-box;
}


/* =======================
    2. Home page box
========================= */
#page{
    position: relative;
    overflow: hidden;
}
body.home-box-wapper #page{
    margin: 0px auto ;
    max-width: 1200px;
    background: #fff;
    box-shadow: 0px 1px 15px -7px rgba(0,0,0,0.64);
    -webkit-transition: all .01s ease-in-out;
    transition: all .01s ease-in-out;
}
body.boxed_bg_image_default {
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
body.boxed_bg_image_pattern {
    background-repeat: repeat;
    background-position: 50% 50%;
}
body.home-box-wapper {
    background-repeat: repeat;
    background-position: 50% 50%;
    /*background-image: url("assets/images/bg/pattern2.png") !important;*/
}
/*--------------------------------
  3.  typhography
---------------------------------*/
a{
    color: #45bf55;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
a:hover, a:focus{
    text-decoration: none;
    outline: none;
    color: inherit;
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
    line-height: 1.3em;
    letter-spacing: 0.5px;
    color: #24201f;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 500;
}
h1,.h1{
    font-size: 40px
}
h2,.h2{
    font-size: 30px;
}
h3,.h3{
    font-size: 22px;
}
h4,.h4{
    font-size: 16px;
}
h5,.h5{
    font-size: 14px;
}
h6,.h6{
    font-size: 13px;
}
address{line-height: 24px;}
p{
    margin-bottom: 20px;
}
label{font-weight: normal;}

input[type="text"],
input[type="password"],
input[type="mail"],
input[type="tel"],
input[type="email"]{
    border: 1px solid #e7e7e7;
    padding: 8px 15px;
    color: inherit;
    background: transparent;
    outline: none;
}
textarea{
    border: 1px solid #e7e7e7;
    padding: 8px 15px;
    color: inherit;
    outline: none;
}

::-webkit-input-placeholder {
   color: inherit;
   opacity: 1;
   filter: alpha(opacity=1);
}
:-moz-placeholder {
   color: inherit;  
   opacity: 1;
   filter: alpha(opacity=1);
}
::-moz-placeholder {
   color: inherit;  
   opacity: 1;
   filter: alpha(opacity=1);
}
:-ms-input-placeholder {  
   color: inherit;  
   opacity: 1;
   filter: alpha(opacity=1);
}
ul, ol{
    margin: 0;
    padding: 0
}
ul ul, ol ol, ul ol, ol ul{
    padding-left: 35px;
}
iframe, video{max-width: 100%}
abbr[data-original-title], abbr[title]{border: none;}
.container{
    max-width: 100%;
}
/**-----------------------------
 * 3.1 - Elements
 ------------------------------*/
.gray-bg .row{background-color: #f9f9f9;}
*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

hr {
	background-color: #d1d1d1;
	border: 0;
	height: 1px;
	margin: 0 0 1.75em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
	margin-left: 1.5em;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin: 0 0 1.75em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 0 1.75em;
}

img {
	height: auto;
	 /*Make sure images are scaled correctly.*/ 
	max-width: 100%;
	 /*Adhere to container width.*/ 
	vertical-align: middle;
}

del {
	opacity: 0.8;
}

table,
th,
td {
	border: 1px solid #d1d1d1;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 500;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 0.4375em;
}
/**-------------------------------
 * 3.2 - Forms
--------------------------------- */
.p-white{
    color:#fff;
}
.p-black{
    color:#24201f;
}

input {
    line-height: normal;
}

.piko-button{
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
    text-transform: uppercase;
    padding: 7px 22px;
    background: #24201f;
    border: none;
    color: #ffffff;
    box-shadow: none;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-align: center;
    display: inline-block;
}
.piko-button.button-2x {
    min-width: 140px;
    color: #777;
}
.piko-button.button-3x {
    min-width: 160px;
    padding: 12px 25px;
}
.piko-button.style1 {
    background: transparent;
    border: 2px solid #eee;
}
.piko-button.style2 {
    background: transparent;
    border: 2px solid #eee;
    color:#666;
}
.piko-button.color{
    background-color:#45bf55;
}
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
    background: #24201f;
    border: 0;
    border-radius: 0;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.046875em;
    line-height: 1;
    padding: 0.94375em 0.975em 0.98125em;
    text-transform: uppercase;
     -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.piko-button:hover, .piko-button.active, .piko-button:focus{
    background: #45bf55;
    border-color: #45bf55;
    color: #ffffff;
    outline: none;
}
.piko-button.color:hover, .piko-button.color.active, .piko-button.color:focus{
    background: #24201f;
    border-color: #24201f;
    outline: none;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: thin dotted;
	outline-offset: -4px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
	background: #f7f7f7;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #e7e7e7;
	border-radius: 0;
	color: #686868;
	padding: 0.825em 0.4375em;
	width: 100%;
}
.form-control {
    height: auto;
}
.form-control:focus {    
    box-shadow: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	background-color: #fff;
	border-color: #45bf55;
	color: #1a1a1a;
	outline: 0;
}

.post-password-form {
	margin-bottom: 1.75em;
}

.post-password-form label {
	display: block;	
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 1.75em;
	text-transform: uppercase;
}

.post-password-form input[type="password"] {
	margin-top: 0.4375em;
}

.post-password-form > :last-child {
	margin-bottom: 0;
}

.search-form {
    position: relative;
}
.error404 .piko-quick-search > span,
.no-results .piko-quick-search > span,
.widget > .piko-quick-search > span{
    display: none;
}
.error404 .piko-quick-search  > button.search-submit,
.no-results .piko-quick-search  > button.search-submit,
.widget > .piko-quick-search  > button.search-submit{
    right: 10px;
    margin-top: -45px;
    border: transparent;
    background: transparent;
    padding-right: 12px;
    position: absolute;
    font-size:17px;
}
.no-results .piko-quick-search  > button.search-submit i,
.widget > .piko-quick-search  > button.search-submit i{
    color: #959595;
}

/**
 * 3.3 link
 */

.entry-footer a:hover,
.site-info a:hover {
	box-shadow: 0 1px 0 0 currentColor;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus,
.textwidget a:hover,
.textwidget a:focus {
	box-shadow: none;
}
/**-------------------------
 * 4.0 - Preloader
 --------------------------*/
.preloader {
  background-color: rgba(255, 255, 255, 0.95);
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); 
  z-index:99999;
  display: block;
}

.preloader .load {
  bottom: 0;
  width: 290px;
  height: 60px;
  left: 0;
  margin: auto;
  position: fixed;
  right: 0;
  top: 0; 
}

.preloader-wrap {
    position: relative;
    top: 20%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 60px;
    color: #24201f;
}

.rocket {
  color: #45bf55;
  -webkit-animation: load 2s linear 2s infinite;
  animation: load 2s linear 2s infinite;
}

@-webkit-keyframes load {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px);
  }
}

@keyframes load {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px);
  }
}
.smoke-wrap{
    width: 115px;
    height: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position:relative;
    z-index:-1;
}
.smoke {
  height: 1px;
  width: 1px;
  border-radius: 50%;
  background-color: #e1e1e1;
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  animation: smoking 1s linear 1s infinite;
  -webkit-animation: smoking 1s linear 1s infinite;
}
.smoke2 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.smoke3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.smoke4 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

@-webkit-keyframes smoking {
  100%   { 
    height: 6px;
    width: 1px;
    -webkit-transform: matrix(1, 0, 0, 1, 86.5846328735352, 25) translateY(0);
    transform: matrix(1, 0, 0, 1, 86.5846328735352, 25) translateY(0);
  }
  50%   { 
    height: 14px;
    width: 14px;
    -webkit-transform: matrix(1, 0, 0, 1, 129.281112670898, 28.7908554077148) translateY(-10px);
    transform: matrix(1, 0, 0, 1, 129.281112670898, 28.7908554077148) translateY(-10px);
  }
  0% { 
    height: 9px;
    width: 5px;
    -webkit-transform: matrix(1, 0, 0, 1, 123.851661682129, 21.6267948150635) translateY(0);
    transform: matrix(1, 0, 0, 1, 123.851661682129, 21.6267948150635) translateY(0);
  }
}

@keyframes smoking {
  100%   { 
    height: 6px;
    width: 1px;
    -webkit-transform: matrix(1, 0, 0, 1, 86.5846328735352, 25) translateY(0);
    transform: matrix(1, 0, 0, 1, 86.5846328735352, 25) translateY(0);
  }
  50%   { 
    height: 14px;
    width: 14px;
    -webkit-transform: matrix(1, 0, 0, 1, 129.281112670898, 28.7908554077148) translateY(-10px);
    transform: matrix(1, 0, 0, 1, 129.281112670898, 28.7908554077148) translateY(-10px);
  }
  0% { 
    height: 9px;
    width: 5px;
    -webkit-transform: matrix(1, 0, 0, 1, 123.851661682129, 21.6267948150635) translateY(0);
    transform: matrix(1, 0, 0, 1, 123.851661682129, 21.6267948150635) translateY(0);
  }
}
.loader p,
.preloader p{
    color:#333;
    font-size: 12px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: 15px;
    margin-left: -45px;
    padding-left: 25px;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); 
    -webkit-animation: prefade 1s ease 0s infinite;
          animation: prefade 1.5s ease 0s infinite;
    
}
.loader p.round{
     -webkit-transform:none;
     transform:none;
      margin-top: 30px;
/*      margin-left: -17px;*/
    padding-left: 0;
}
@-webkit-keyframes prefade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes prefade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*preloader 2*/
.loader {
  background-color: rgba(255, 255, 255, 0.95);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  z-index:99999;
}
.loader-wrap{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);   
}
.loader-wrap > div:nth-child(1) {
  border: 5px solid #45bf55;
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  box-shadow: 0 0 15px #999;
  -webkit-animation: outer 2s infinite linear;
  animation: outer 2s infinite linear;
}
.loader-wrap > div:nth-child(2) {
  border: 5px solid #45bf55;
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  box-shadow: 0 0 5px #ccc;
  -webkit-animation: inner 1.5s infinite linear;
  animation: inner 1.5s infinite linear;
  position: relative;
  top: -40px;
}
@-webkit-keyframes outer {
  0% {
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-320deg);
    transform: rotate(-320deg);
    opacity: 0;
  }
}
@keyframes outer {
  0% {
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-320deg);
    transform: rotate(-320deg);
    opacity: 0;
  }
}
@-webkit-keyframes inner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes inner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.banner-title-wrap{
    margin-bottom:55px;
}
/* ============================
     5.0  mega menu
=================================*/
.piko-layout-header:before, .piko-layout-header:after {
    content: " ";
    display: table;
}
.piko-layout-header:after {
    clear: both;
}
.piko-layout-header .piko-topbar:before, .piko-layout-header .piko-topbar:after {
    content: " ";
    display: table;
}
.piko-layout-header .piko-topbar:after {
    clear: both;
}
.piko-layout-header .piko-topbar .piko-top-menu {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.piko-layout-header .piko-topbar .piko-top-menu.piko-pull-left {
    float: left;
}
.piko-layout-header .piko-topbar .piko-top-menu.piko-pull-right {
    float: right;
}
/*if woocommerce*/ 
.piko-layout-header-04.woo-cart-wrap .piko-quick-search,
.piko-layout-header-04.woo-cart-wrap .piko-navbar .piko-mega-menu.piko-pull-right,
.piko-layout-header-04.woo-cart-wrap .piko-topbar .piko-top-menu.piko-pull-right {
    margin-right: 50px;
}
.piko-layout-header .piko-topbar .piko-top-menu > .piko-icons,
.piko-layout-header .piko-topbar .piko-top-menu > .piko-links {
    float: left;
    display: inline-block;
    height: 30px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.piko-layout-header .piko-topbar .piko-top-menu > .piko-icons > li,
.piko-layout-header .piko-topbar .piko-top-menu > .piko-links > li {
    display: inline-block;
}

/*Light top bar*/
.piko-layout-header .piko-topbar .piko-top-menu > .piko-icons > li {    
    display: inline-block;
    float: left;
    height: 30px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
}
/*Dark top bar*/
/*tooltip color*/
.piko-layout-header .piko-topbar .piko-brand .tooltip.bottom .tooltip-inner,
.piko-layout-header .piko-topbar .piko-top-menu .tooltip.bottom .tooltip-inner {
    margin-top: 12px;
    /*border-radius: 0;*/
    /*    background-color: #ffb600;*/
}
.piko-layout-header .piko-topbar .piko-brand .tooltip.bottom .tooltip-arrow,
.piko-layout-header .piko-topbar .piko-top-menu .tooltip.bottom .tooltip-arrow {
    margin-top: 12px;
    /*border-bottom-color: #ffb600;*/
}
.piko-layout-header .piko-topbar .piko-top-menu > .piko-icons > li > a {
    font-size: 12px;

}
/*social color icon*/
.piko-layout-header .piko-topbar .piko-top-menu > .piko-icons > li > a > i {
    font-size: 16px;
    padding: 6px 6px;
    color: #fff;
}
.piko-layout-header .piko-topbar .piko-top-menu > .piko-icons > li > span {
    font-size: 10px;
}
.piko-layout-header .piko-topbar .piko-top-menu > .piko-links > li {
    font-size: 12px;
}
.piko-layout-header .piko-topbar .piko-top-menu > .piko-icons > li > a:active,
.piko-layout-header .piko-topbar .piko-top-menu > .piko-icons > li > a:hover,
.piko-layout-header .piko-topbar .piko-top-menu > .piko-icons > li > a:focus {
    cursor: pointer;
    text-decoration: none;
}
.piko-layout-header .piko-topbar .piko-top-menu > .piko-links > li {
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 30px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    /*text-align: center;*/
    padding-left: 10px;
    border-left: 1px solid rgba(255,255,255,0.2);
    padding-left: 10px;
    margin-left: 10px;
}
.top-text{
    color:#fff;
    line-height: 30px;
    font-size: 13px;
    font-weight:normal;
    margin-left: 10px;
    text-transform: uppercase;
}
/*language*/
.piko-lang{
    margin-left:0;
}
.piko-lang .piko-icons{
    margin: 0;
    padding: 0;
    list-style: none;
}
.piko-lang .dropdown-menu{
    min-width: 110px
}
.piko-lang .dropdown-menu li{
    border-bottom: 1px solid #eee;
}
.piko-lang ul> li> a{
    color: #fff;
}
.piko-lang ul> li> ul> li> a{
    color: #333;
}
.piko-lang ul> li> ul> li> a img{
    margin-right:7px;
}
.piko-lang .white{ color: #fff;}
.piko-lang .dropdown:hover .dropdown-menu {
    display: block !important;
}
.piko-lang .dropdown-menu {
    border-radius: 0;
    padding: 0;
    margin: 0;
}
.piko-lang .dropdown-menu > li > a {
    padding: 4px 10px;
}
.piko-lang .piko-icons li:first-child{
    border-left: 0px !important;
}
.piko-lang .dropdown-menu li:first-child{
    border-top: 1px solid #e6e6e6;
}
/*2nd language*/

.piko-lang.piko-icons > li{
    min-width: 80px !important;
}
ul.piko-lang> li> a{
    color: #fff;
}
ul.piko-lang> li> ul> li> a{
    color: #24201f;
}
ul.piko-lang> li> ul> li> a img{
    margin-right:7px;
}
.piko-lang .white{ color: #fff;}
.piko-lang .dropdown:hover .dropdown-menu {
    display: block !important;
}
ul.piko-lang.dropdown-menu {
    border-radius: 0;
    padding: 0;
    margin: 0;
}
ul.piko-lang.dropdown-menu > li > a {
    padding: 4px 10px;
}
ul.piko-lang.piko-icons li:first-child{
    border-left: 0px !important;
}
ul.piko-lang.dropdown-menu li:first-child{
    border-top: 1px solid;
}
.piko-layout-header.full-width .piko-topbar .piko-top-menu > .piko-links > li > a:not(.btn),
.piko-layout-header.full-width .piko-topbar .piko-top-menu > .piko-links > li > span {
    color: #fff;
    /*font-weight:500;*/
}

.piko-layout-header .piko-topbar .piko-top-menu > .piko-links > li > a:not(.btn) > i,
.piko-layout-header .piko-topbar .piko-top-menu > .piko-links > li > span > i {
    font-size: 14px;
    padding-right: 7px;
}
.piko-layout-header .piko-topbar .piko-top-menu > .piko-links > li > a:not(.btn):active,
.piko-layout-header .piko-topbar .piko-top-menu > .piko-links > li > a:not(.btn):hover,
.piko-layout-header .piko-topbar .piko-top-menu > .piko-links > li > a:not(.btn):focus {
    cursor: pointer;
    text-decoration: none;
}
.piko-layout-header .piko-topbar .piko-top-menu > .piko-links > li.piko-divider {
    position: relative;
    font-size: 13px;
    top: -1px;
}
.piko-layout-header .piko-navbar:before, .piko-layout-header .piko-navbar:after {
    content: " ";
    display: table;
}
.piko-layout-header .piko-navbar:after {
    clear: both;
}
.piko-layout-header .piko-brand {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    display: inline-block;
}
.piko-layout-header .piko-brand.piko-pull-left {
    float: left;
}
.piko-layout-header .piko-brand.piko-pull-right {
    float: right;
}
.piko-layout-header .piko-brand > .piko-hor-nav-toggler {
    display: none;
}
.piko-layout-header .piko-brand > .piko-search-toggler {
    display: none;
}
.piko-layout-quick-search-shown .piko-layout-header .piko-brand {
    display: none;
}
.piko-layout-header .piko-brand .piko-desktop-logo {
    display: block;
}
.piko-layout-header .piko-brand .piko-desktop-logo-inverse {
    display: none;
}
.piko-layout-header .piko-quick-search {
    display: none;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
}
.piko-layout-header .piko-quick-search:before, .piko-layout-header .piko-quick-search:after {
    content: " ";
    display: table;
}
.piko-layout-header .piko-quick-search:after {
    clear: both;
}
.piko-layout-quick-search-shown .piko-layout-header .piko-quick-search {
    display: block;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.piko-layout-header .piko-quick-search > .form-control {
    display: block;
    font-size: 22px;
    font-weight: 300;
    border: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}
.piko-layout-header .piko-quick-search > .form-control::-ms-clear {
    display: none;
}
.piko-layout-header .piko-quick-search > .form-control:focus, .piko-layout-header .piko-quick-search > .form-control:active {
    box-shadow: none;
}
.piko-layout-header .piko-quick-search > span {
    display: inline-block;
    position: absolute;
    font-size: 30px;
}
.piko-layout-header .piko-quick-search > span:hover {
    cursor: pointer;
}
.piko-layout-header .piko-quick-search > button.search-submit {
    display: none;
}

@media (min-width: 992px) {
    /* 992px */
    .piko-layout-header.piko-no-border {
        border-bottom: 0 !important;
    }
    .piko-layout-header .piko-topbar > .container-fluid {
        /*padding: 0 50px;*/
    }
    .piko-layout-header .piko-navbar {
        line-height: 0px;
        background-color: #fff;
        border-bottom: 1px solid #f1f1f1;
    }
    .piko-layout-header .piko-navbar > .container {
        position: relative;
    }
    .piko-layout-header .piko-navbar > .container-fluid {
        position: relative;
        /*padding: 0 50px;*/
    }
    .piko-layout-header .piko-brand {
        margin-top: 28px;
    }
    .piko-layout-header .piko-brand .piko-desktop-logo-inverse {
        display: none;
    }
    .piko-layout-header .piko-brand .piko-desktop-logo {
        display: inline-block;
    }
    .piko-layout-header .piko-brand .piko-mobile-logo {
        display: none;
    }
    .piko-layout-header .piko-quick-search > .form-control {
        padding: 0;
        height: 90px;
    }
    .piko-layout-header .piko-quick-search > span {
        top: 44px;
        right: 17px;
        font-weight: 300;
    }

    .piko-layout-header-fullscreen.piko-layout-header-static .piko-layout-header,
    .piko-layout-header-fixed .piko-layout-header {
        
        position: fixed;
        z-index: 995;
        width: 100%;
    }
    .piko-layout-header-fixed .piko-layout-header .piko-layout-header{
        position: relative;
    }
    .home-box-wapper.piko-layout-header-fullscreen.piko-layout-header-static .piko-layout-header,
    .home-box-wapper.piko-layout-header-fixed .piko-layout-header {
        width: 1200px;
    }

    .piko-layout-header-fixed .piko-layout-page {
        margin-top: 100px;
    }

    .piko-layout-header-fixed.piko-layout-header-topbar .piko-layout-page {
        margin-top: 144px;
    }

    .piko-layout-header-fullscreen .piko-layout-page,
    .piko-layout-header-fullscreen.piko-layout-header-fixed.piko-layout-header-topbar .piko-layout-page {
        margin-top: 0;
    }

    .piko-page-on-scroll.piko-layout-header-static .piko-layout-header {
        display: none;
    }

    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header {
        height: 65px;
        line-height: 0px;
    }
     .piko-page-on-scroll.piko-layout-header-fixed.theme_float .piko-layout-header {
        margin-top: -15px;
        -webkit-transition: all 0s;
        transition: all 0s;
    }
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header .piko-layout-header{
        height:0;
    }
    
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header .piko-topbar {
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        display: none;
    }
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header .piko-brand {
        -webkit-transition: margin 0.2s;
        transition: margin 0.2s;
        margin-top: 15px;
    }
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header .piko-brand .piko-desktop-logo {
        display: none;
    }
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header .piko-brand .piko-desktop-logo-inverse {
        display: block;
    }
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header .piko-mega-menu {
        line-height: 0px;
    }
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header .piko-mega-menu .nav.navbar-nav > li > .piko-link {
        -webkit-transition: all 0.35s;
        transition: all 0.35s;
        padding: 23px 15px 21px 15px;
        min-height: 65px;
    }
    
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header .piko-mega-menu .nav.navbar-nav > li > .piko-quick-sidebar-toggler {
        -webkit-transition: all 0.35s;
        transition: all 0.35s;
        padding: 26px 0 24px 15px;
    }
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header .piko-mega-menu .nav.navbar-nav > li > .piko-btn {
        -webkit-transition: all 0.35s;
        transition: all 0.35s;
        margin: 15px 15px 16px 15px;
    }
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header .piko-mega-menu .nav.navbar-nav > li > .piko-btn-icon {
        -webkit-transition: all 0.35s;
        transition: all 0.35s;
        margin: 6px 5px 7px 5px;
    }
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header .piko-quick-search > .form-control {
        font-size: 22px;
        padding: 15px 0 10px;
        height:65px;
    }
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header .piko-quick-search > span {
        font-size: 36px;
        top: 35px;
    }
}
@media (max-width: 991px) {
    /* 991px */
    .piko-layout-header {
        margin: 0;
    }
    .piko-layout-header .piko-topbar {
        margin: 0;
    }
    .piko-layout-header .piko-navbar > .container-fluid,
    .piko-layout-header .piko-navbar > .container {
        position: relative;
        padding: 0;
    }    
    .piko-layout-header .piko-brand {
        float: none !important;
        display: block;
        margin: 15px 15px 15px;
    }
    .piko-layout-header .piko-brand .piko-desktop-logo-inverse {
        display: none;
    }
    .piko-layout-header .piko-brand > .piko-hor-nav-toggler {
        display: inline-block;
        background: none;
        border: 0;
        margin: 10px 0 0 0;
        padding: 0;
        float: right;
        outline: none;
    }
    .piko-layout-header .piko-brand > .piko-hor-nav-toggler > .piko-line {
        width: 15px;
        display: block;
        height: 2px;
        padding: 0px;
        margin: 3px 0;
    }
    .piko-layout-header .piko-brand > .piko-hor-nav-toggler > .piko-line:first-child {
        margin-top: 4px;
    }
    .piko-layout-header .piko-brand > .piko-search-toggler {
        display: inline-block;
        background: none;
        border: 0;
        margin: 6px 18px 0 0;
        padding: 0;
        float: right;
        outline: none;
        height: 20px;
        width: 20px;
    }
    .piko-layout-header .piko-brand > .piko-search-toggler > i {
        font-size: 14px;
        color:#777;
    }
    .piko-layout-header .piko-brand .piko-desktop-logo {
        display: none;
    }
    .piko-layout-header .piko-quick-search {
        position: relative;
    }
    .piko-layout-header .piko-quick-search > .form-control {
        font-size: 20px;
        padding: 50px 15px 50px 15px;
        height: 65px;
    }
    .piko-layout-header .piko-quick-search > span {
        font-size: 36px;
        right: 18px;
        top: 25px;
    }
    .piko-layout-header-04.woo-cart-wrap .piko-quick-search,
    .piko-layout-header-04.woo-cart-wrap .piko-navbar .piko-mega-menu.piko-pull-right,
    .piko-layout-header-04.woo-cart-wrap .piko-topbar .piko-top-menu.piko-pull-right {
        margin-right: 0;
    }
    .piko-layout-header-04.woo-cart-wrap .cart-baucket.style-desk{
        display: none;
    }
    .sub-footer section.widget{
       padding-bottom: 20px; 
    }
    .sub-footer section.widget:last-child{
       padding-bottom: 0; 
    }
    
}
@media (min-width: 992px) {
    /* 992px */
    .piko-layout-header .piko-navbar .piko-mega-menu {
        line-height: 0px;
        display: inline-block;
        padding: 0;
        margin: 0;
        position: static;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-pull-left {
        float: left;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-pull-right {
        float: right;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav {
        line-height: 0px;
        background: none;
        position: static;
        margin: 0;
        padding: 0;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li {
        padding: 0;
        margin: 0;
        float: left;
        position: static;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-menu-type-classic {
        position: relative;
    }
    /*header width*/
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-link {
        letter-spacing: 0.5px;
        font-style: normal;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        padding: 35px 15px;
        min-height: 90px;
    }

    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-link:hover,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-link:focus {
        background: none;
        /*color: #222 !important;*/
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-quick-sidebar-toggler {
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        display: inline-block;
        background: none !important;
        padding: 44px 0 40px 15px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-quick-sidebar-toggler > .piko-line {
        width: 15px;
        display: block;
        height: 2px;
        padding: 0px;
        margin: 3px 0;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-quick-sidebar-toggler > .piko-line:first-child {
        margin-top: 0px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn {
        -webkit-transition: margin 0.2s;
        transition: margin 0.2s;
        margin: 34px 15px 33px 15px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn > i {
        position: relative;
        top: 1px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon {
        background: none;
        outline: none;
        -webkit-transition: margin 0.2s;
        transition: margin 0.2s;
        margin: 17px 0 18px;
    }    
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon:hover {
        background: none;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon > i {
        position: relative;
        top: 5px;      
    }
    .ie .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon > i {
        top: 2px;
    }
    .ie9 .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon > i {
        top: 0px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-active > .piko-quick-sidebar-toggler,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-active > .piko-btn-link,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-active > .piko-link,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:hover > .piko-quick-sidebar-toggler,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:hover > .piko-btn-link,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:hover > .piko-link {
        background: none;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu {
        width: auto;
        border-radius: 0;
    }
    /*overwrite bootstap*/
    .piko-layout-header .dropdown-menu {
        padding: 0;
    }
    .container-fluid .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu {
        width: 1170px !important;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-pull-right {
        right: 0;
        left: auto;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-pull-left {
        left: 0;
        right: auto;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu {
        box-shadow: none;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > h3 {
        letter-spacing: 1px;
        padding-bottom: 15px;
        font-size: 14px;
        margin-left: 25px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a {
        padding: 10px 25px;
        white-space: normal;
        font-size: 12px;
        letter-spacing: 0.5px;
        border-bottom: 1px solid #eee;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.mega .dropdown-menu > li > a {        
        border-bottom: none;
    }    
    /*    shopping cart*/
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li {
        height: 70px;
        border-bottom: 1px solid #f3f3f3;
        margin: 0 10px;
        color: #666;
        font-size: 13px;
        font-weight: 400;
        background-color: #fff;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li:last-child {
        border-bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 62px;
        /*        margin: 0 10px;*/
        margin-left: 20px;
        padding: 10px 0;

    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li:nth-last-child(2) {
        border-bottom: 0;
        height: 40px;
        padding-left: 40px;
        padding: 5px 0;

    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li:nth-last-child(2) a{
        font-size: 16px;
        font-weight: 500;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li:nth-last-child(2) span {
        margin-left: 20px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li a.btn-cart {
        padding: 8px 25px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li > a {
        padding: 8px 0px 8px 15px;
        margin-right:10px;
        white-space: normal;
        font-size: 15px;
        /*color: #141414 !important;*/
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li > a:hover {
        background-color: transparent !important;
        /*color: #141414 !important;*/
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li > a img{
        float:right;
        width:50px;
        height:50px;
        margin-right: 30px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li > span.product-close{
        float:right;
        padding-right:5px;
        position: relative;
        top:30px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li > a.product-close{
        padding: 4px 3px;
        border: 1px solid #f0f0f0;
        font-weight: 600;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li > span.product-close > a:hover{
        border: 1px solid #ccc;
        color: red;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li >  span.quantity{
        padding:8px 15px 0;
    }

    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu {
        margin-top: -10px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-fullwidth {
        width:97.77%;
        left: 0;
        right: 0;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-classic {
        left: auto;
        right: auto;
        min-width: 235px;
        width: 235px;
    }
    /*size shop cart*/
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-classic.shop-cart {
        left: auto;
        right: auto;
        min-width: 300px;
        width: 300px;
    }

    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-classic.piko-pull-right {
        right: 0;
        left: auto;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-classic .dropdown-menu {
        border-radius: 0;
        min-width: 235px;
        width: 235px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega {
        /*padding: 0;*/
        margin-left: 15px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .dropdown-menu {
        float: none;
        box-shadow: none !important;
        background: none;
        position: static;
        display: block;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .dropdown-menu:before,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .dropdown-menu:after {
        content: " ";
        display: table;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .dropdown-menu:after {
        clear: both;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega > .row {
        margin: 0 0;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega > .row > div {
        padding: 0;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega > .row > div:last-child {
        border-right: 0;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .piko-menu-type-inline {
        margin: 10px 0;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .nav.nav-tabs {
        padding: 20px 40px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .nav.nav-tabs > li {
        margin: 0 15px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .nav.nav-tabs > li:first-child {
        margin-left: 0;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .nav.nav-tabs > li > a {
        margin: 0;
        padding: 7px 0;
        border: 0;
        background: none;
        font-size: 16px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .tab-content {
        padding: 0;
        margin: 0 15px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega > li {
        display: table-cell;
        width: 1%;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega > li .dropdown-menu.piko-menu-type-inline {
        border-radius: 0;
        margin: 0;
        padding:0;
        padding-bottom: 6px;
    }
    .piko-menu-type-mega > li ul.dropdown-menu  {
        padding: 2px 0;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega > li > .dropdown-menu {
        float: none;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:hover > .dropdown-menu {
        display: block;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav .piko-visible-mobile {
        display: none !important;
    }
    .piko-layout-quick-search-shown .piko-layout-header .piko-navbar .piko-mega-menu {
        display: none;
    }
    .piko-layout-header .piko-navbar .container-fluid > .piko-navbar-wrapper > .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega {
        max-width: 1170px;
        width: 1170px;
        right: 20px;
        left: auto;
        margin: 0 15px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu {
        line-height: 0px;
    }   
}
@media (max-width: 991px) {
    /* 991px */
    .piko-layout-header .piko-navbar .piko-mega-menu {
        display: inline-block;
        padding: 0;
        margin: 0;
        padding: 0 10px;
        margin-bottom: 20px;
        display: none;
        width: 100%;
        float: none !important;
        overflow-x: hidden;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-pull-left {
        float: left;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-pull-right {
        float: right;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-shown {
        display: block;
        position: static;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav {
        margin: 0 -15px !important;
        float: none;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li {
        display: block;
        float: none;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-link {
        padding: 10px 20px 10px 20px;
        font-size: 15px;
        letter-spacing: 1px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-link:focus,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-link:hover {
        background: none;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn {
        margin: 30px 15px 33px 15px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-search-toggler {
        display: none;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-quick-sidebar-toggler {
        padding: 10px 20px 10px 20px;
        background: 0;
        border: 0;
        outline: none;
        padding-right: 0;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-quick-sidebar-toggler > .piko-line {
        width: 15px;
        display: block;
        height: 2px;
        padding: 0px;
        margin: 3px 0;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-quick-sidebar-toggler > .piko-line:first-child {
        margin-top: 3px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-open > .dropdown-menu {
        display: block;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-open > .dropdown-menu .dropdown-submenu.piko-open > .dropdown-menu {
        display: block;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-submenu > a:after,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li a.dropdown-toggle:after {
        position: relative;
        float: right;
        display: inline-block;
        font-size: 13px;
        font-family: FontAwesome;
        height: auto;
        margin-top: 2px;
        margin-right: 2px;
        content: "\f105";
        font-weight: 300;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-open.dropdown-submenu > a:after,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-open > a.dropdown-toggle:after,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .piko-open.dropdown-submenu > a:after,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .piko-open > a.dropdown-toggle:after {
        margin-right: 0px;
        content: "\f107";
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu {
        padding-bottom: 0;
        float: none;
        display: none;
        position: static;
        background: none;
        box-shadow: none;
        min-width: 0;
    }
    
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > h3 {
        margin: 0;
        font-size: 15px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a {
        font-size: 14px;
        padding: 10px 25px;
        white-space: normal;
    }  
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-classic {
        padding: 0;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-classic > li > a,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-classic > .dropdown-submenu > a {
        padding: 10px 20px 10px 40px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-classic > .dropdown-submenu > .dropdown-menu > li > a {
        padding: 10px 20px 10px 60px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-classic > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a {
        padding: 10px 20px 10px 80px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-classic > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
        padding: 10px 20px 10px 100px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega {
        padding-top: 0;
        min-width: 0 !important;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .dropdown-menu {
        display: block;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .dropdown-menu.piko-menu-type-inline {
        margin-left: 0;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .dropdown-menu.piko-menu-type-inline > li > h3,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .dropdown-menu.piko-menu-type-inline > li > a {
        padding: 10px 20px 10px 40px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega > .dropdown-submenu > a {
        padding: 10px 20px 10px 40px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega > .dropdown-submenu > .dropdown-menu {
        display: none;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega > .dropdown-submenu > .dropdown-menu .dropdown-menu > li > h3,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega > .dropdown-submenu > .dropdown-menu .dropdown-menu > li > a {
        padding: 10px 20px 10px 60px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega > .dropdown-submenu.piko-open > .dropdown-menu {
        display: block;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav .piko-visible-desktop {
        display: none !important;
    }
}
/* ============================
=== piko dark moblie header ===
============================ */

@media (max-width: 991px) {
    .piko-layout-header.piko-layout-header-dark-mobile {
        /*background: #141414;*/
        border-bottom: 0;
    }
    .piko-layout-header.piko-layout-header-dark-mobile .piko-topbar {
        border-bottom: 1px solid #45bf55;
        background: #45bf55;
    }
    .piko-layout-header.piko-layout-header-dark-mobile .piko-brand > .piko-hor-nav-toggler {
        margin-top: 5px;
        display: inline-block;
        /*    border: 1px solid rgba(230, 230, 230, 0.4);
            padding: 3px 7px 4px 7px;*/
    }
    .piko-layout-header.piko-layout-header-dark-mobile .piko-brand > .piko-hor-nav-toggler > .piko-line {
        background: #e6e6e6;
    }
    .piko-layout-header.piko-layout-header-dark-mobile .piko-brand > .piko-hor-nav-toggler:hover {
        border-color: white;
    }
    .piko-layout-header.piko-layout-header-dark-mobile .piko-brand > .piko-hor-nav-toggler:hover > .piko-line {
        background: white;
    }
    .piko-layout-header.piko-layout-header-dark-mobile .piko-brand > .piko-search-toggler {
        display: inline-block;
        margin: 6px 25px 0px 10px;
    }
    .piko-layout-header.piko-layout-header-dark-mobile .piko-brand > .piko-search-toggler > i {
        color: #454545;
    }

    .piko-layout-header.piko-layout-header-dark-mobile .piko-quick-search > .form-control {
        color: #666;
        padding: 0;
        height: 55px;
    }
    .piko-layout-header.piko-layout-header-dark-mobile.piko-layout-header-04 .piko-quick-search > .form-control {
        height: 65px;
    }
    .piko-layout-header.piko-layout-header-dark-mobile .piko-quick-search > .form-control::-moz-placeholder {
        color: #ccc;
    }
    .piko-layout-header.piko-layout-header-dark-mobile .piko-quick-search > .form-control:-moz-placeholder {
        color: #ccc;
    }
    .piko-layout-header.piko-layout-header-darkt-mobile .piko-quick-search > .form-control:-ms-input-placeholder {
        color: #ccc;
    }
    .piko-layout-header.piko-layout-header-dark-mobile .piko-quick-search > .form-control::-webkit-input-placeholder {
        color: #ccc;
    }
    .piko-layout-header.piko-layout-header-dark-mobile .piko-quick-search > span {
        color: #999;
        top: 20px;
    }


}

/* ============================
=== piko light moblie header ===
============================ */
@media (max-width: 991px) {
    .piko-layout-header.piko-layout-header-light-mobile {
        background: #fff;
        border-bottom: 1px solid #f4f4f4;
    }
    .piko-layout-header.piko-layout-header-light-mobile .piko-topbar {
        border-bottom: 1px solid #45bf55;
        background: #45bf55;
    }
    .piko-layout-header.piko-layout-header-light-mobile .piko-brand > .piko-hor-nav-toggler {
        margin-top: 5px;
        display: inline-block;
        /*    border: 1px solid #333;
            padding: 3px 7px 4px 7px;*/
    }
    .piko-layout-header.piko-layout-header-light-mobile .piko-brand > .piko-hor-nav-toggler > .piko-line {
        background: #666;
    }
    .piko-layout-header.piko-layout-header-light-mobile .piko-brand > .piko-hor-nav-toggler:hover {
        border-color: #24201f;
    }

    .piko-layout-header.piko-layout-header-light-mobile .piko-brand > .piko-search-toggler {
        display: inline-block;
    }

    .piko-layout-header.piko-layout-header-light-mobile .piko-brand > .piko-search-toggler:hover > i {
        color: #24201f;
    }
    .piko-layout-header.piko-layout-header-light-mobile .piko-quick-search > .form-control {
        color: #666;
        padding: 0px 0px 0 10px;
        height: 65px;
    }
    .piko-layout-header.piko-layout-header-light-mobile .piko-quick-search > .form-control::-moz-placeholder {
        color: #ccc;
    }
    .piko-layout-header.piko-layout-header-light-mobile .piko-quick-search > .form-control:-moz-placeholder {
        color: #ccc;
    }
    .piko-layout-header.piko-layout-header-light-mobile .piko-quick-search > .form-control:-ms-input-placeholder {
        color: #ccc;
    }
    .piko-layout-header.piko-layout-header-light-mobile .piko-quick-search > .form-control::-webkit-input-placeholder {
        color: #ccc;
    }
    .piko-layout-header.piko-layout-header-light-mobile .piko-quick-search > span {
        color: #777;
        top: 20px;
        right: 20px;
    }
}
/*piko menu header full width version light 04*/
@media (min-width: 992px) {
    .piko-layout-header.piko-layout-header-04 {
        background: transparent;
        /*box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);*/
    }
    .piko-layout-header.piko-layout-header-04 .piko-topbar {        
        background: #45bf55;
        /*border-bottom: 1px solid #f3f3f3;*/
    }
    .piko-layout-header.piko-layout-header-04 .piko-topbar.border-white {
        border-bottom: 1px solid #f3f3f3;
        background-color: #f3f3f3;
    }
    .piko-layout-header.piko-layout-header-04 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon,
    .piko-layout-header.piko-layout-header-04 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-link {
        color: #333;
    }
    .piko-layout-header.piko-layout-header-04 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon.togole-loginform.active span,
    .piko-layout-header.piko-layout-header-04 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon.togole-loginform span{
        font-size: 17px;
        padding-top: 7px;
    }
    .piko-layout-header.piko-layout-header-04 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon.togole-loginform.active{
        padding-top: 22px;
    }        
    .piko-layout-header.piko-layout-header-04 .piko-navbar .piko-mega-menu > .nav.navbar-nav + .nav.navbar-nav{
        line-height: normal;
    }
    /*menu shadow*/
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header.piko-layout-header-04 .piko-navbar{
        background-color: #fff;
        box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
    }
    .piko-layout-header.piko-layout-header-04 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .cart-baucket,
    .piko-layout-header.piko-layout-header-04 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon {
        margin: 17px 0 18px;
    }
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header.piko-layout-header-04 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .cart-baucket,
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header.piko-layout-header-04 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon {
        margin: 5px 0 18px;
         -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    
}
.piko-layout-header.piko-layout-header-04 .piko-topbar .piko-top-menu > .piko-icons > li {
    border-left: 0px solid #FFF;
}
.piko-layout-header.piko-layout-header-04 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon > i {
    font-size: 14px;
}
@media (max-width: 991px) {
    
    .piko-layout-header.piko-layout-header-04 .piko-brand > .piko-search-toggler{
        margin: 12px 18px 0 25px;
    }
    .piko-layout-header.piko-layout-header-04 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon.togole-loginform{
        display: none;
    }
}
/*header left light*/
@media (min-width: 992px) {
    .piko-layout-header.piko-layout-header-03 {
        background: #fff;
        border-bottom: 0;
        /*box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1)*/
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar {
        border-bottom: 1px solid #edf4f6;
        /*background: #24201f;*/
    }
    /*dark verstion*/
    .piko-layout-header.piko-layout-header-03 .piko-topbar.light {
        border-bottom: 1px solid #f3f3f3;
        background: #fff;
    }    
    .piko-layout-header.piko-layout-header-03 .piko-topbar.light .piko-address{
        color: #24201f;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar ul.piko-lang > li > a,
    .piko-layout-header.piko-layout-header-03 .piko-topbar.light .piko-brand > .piko-icons > li > a > i{
        color: #666;
    }
    .piko-layout-header .piko-navbar.light {
        border-bottom: 0;
    }
    .piko-layout-header.piko-layout-header-03 .piko-navbar.light .piko-mega-menu{
        background-color: #24201f;
    }
    .piko-layout-header.piko-layout-header-03 .piko-navbar.light .piko-mega-menu > .nav.navbar-nav > li > .piko-link,
    .piko-layout-header .piko-navbar.light .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon > i,
    .piko-layout-header .piko-navbar.light .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon.cart i{
        color: #fff;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon > span,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon > i{
        color: #545454;
    }

    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-icons > li > a:not(.btn),
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-icons > li > span,
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-links > li > a:not(.btn),
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-links > li > span {
        color: #fff;
        font-size:14px;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar.light .piko-top-menu > .piko-icons > li > a:not(.btn),
    .piko-layout-header.piko-layout-header-03 .piko-topbar.light .piko-top-menu > .piko-icons > li > span,
    .piko-layout-header.piko-layout-header-03 .piko-topbar.light .piko-top-menu > .piko-links > li > a:not(.btn),
    .piko-layout-header.piko-layout-header-03 .piko-topbar.light .piko-top-menu > .piko-links > li > span {
        color: #24201f;
    }
    .piko-layout-header .piko-topbar.black .piko-top-menu > .piko-icons > li > a:not(.btn),
    .piko-layout-header .piko-topbar.black .piko-top-menu > .piko-icons > li > span,
    .piko-layout-header .piko-topbar.black .piko-top-menu > .piko-links > li > a:not(.btn),
    .piko-layout-header .piko-topbar.black .piko-top-menu > .piko-links > li > span {
        color: #666;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-icons > li > a:not(.btn) > i,
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-icons > li > span > i,
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-links > li > a:not(.btn) > i,
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-links > li > span > i {
        background: none;
        color: #c1ced7;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar.small-top .piko-top-menu > .piko-icons > li > a:not(.btn) > i{
        color: #fff;
    }
    
    .piko-layout-header.piko-layout-header-03 .piko-topbar.light .piko-top-menu > .piko-icons > li > a:not(.btn) > i,
    .piko-layout-header.piko-layout-header-03 .piko-topbar.light .piko-top-menu > .piko-icons > li > span > i,
    .piko-layout-header.piko-layout-header-03 .piko-topbar.light .piko-top-menu > .piko-links > li > a:not(.btn) > i,
    .piko-layout-header.piko-layout-header-03 .piko-topbar.light .piko-top-menu > .piko-links > li > span > i {        
        color: #666;
    }

    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-icons > li > a:not(.btn):active > i,
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-icons > li > a:not(.btn):hover > i,
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-icons > li > a:not(.btn):focus > i,
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-links > li > a:not(.btn):active > i,
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-links > li > a:not(.btn):hover > i,
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-links > li > a:not(.btn):focus > i {
        background: none;
        color: #ffb600;
    }  

    .piko-layout-header.piko-layout-header-03.piko-navbar-fluid .piko-navbar {
        width: 100%;
        float: none;
        display: block;
        /*    border-bottom: 1px solid #edf4f6;*/
    }
    .piko-layout-header.piko-layout-header-03.piko-navbar-fluid .piko-navbar .piko-mega-menu {
        float: none;
        width: 100%;
        display: block;
    }
    .piko-layout-quick-search-shown .piko-layout-header.piko-layout-header-03.piko-navbar-fluid .piko-navbar .piko-mega-menu {
        display: none;
    }
    .piko-layout-header.piko-layout-header-03.piko-navbar-fluid .piko-navbar .piko-mega-menu > .nav.navbar-nav {
        /*width: 100%;*/
        display: inline-block;
    }
    .piko-layout-header.piko-layout-header-03.piko-navbar-fluid .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-quick-sidebar-toggler {
        padding-right: 10px;
    }
/*    .piko-layout-header.piko-layout-header-03.piko-navbar-fluid .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-search-toggler {
        padding-right: 5px;
    }*/
    .piko-layout-header.piko-layout-header-03.piko-navbar-fluid .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-search-toggler-wrapper,
    .piko-layout-header.piko-layout-header-03.piko-navbar-fluid .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-quick-sidebar-toggler-wrapper {
        float: right;
    }
}
.piko-layout-header.piko-layout-header-03 .piko-topbar {
    padding: 17px 0;
}
.piko-layout-header .piko-layout-header-04 .piko-topbar.small-top {
    padding: 0;
}
.piko-layout-header.piko-layout-header-03 .piko-topbar.light {
    padding: 21px 0;
}
.piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand {
    float: left;
    margin: 0px;
    /*padding: 9px 0 0 0;*/
}
.piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand.menu {
    /*padding: 0;*/
}
.piko-layout-quick-search-shown .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand {
    display: block;
}
.piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand > .piko-logo {
    display: inline-block;
    position: relative;
}
.piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand > .piko-logo:after {
    top: -2px;
    position: absolute;
    right: -22px;
    content: "";
    width: 1px;
    background: #dfe4e8;
    height: 32px;
    display: inline-block;
}
.piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand.menu > .piko-logo:after {
    width: 0px;
}
.piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand > .piko-icons {
    /*float: right;*/
    display: inline-block;
    padding: 0;
    margin: 0 0 0 40px;
    list-style: none;
}
.piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand > .piko-icons.less {
    margin: 0px;
}
.piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand > .piko-icons > li {
    display: inline-block;
    padding: 10px 3px 5px 3px;
}

.piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand > .piko-icons > li > a > i {
    color: #fff;
    font-size: 16px;
    padding: 4px 8px;
}
.piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu {
    float: right;
    position: relative;
}

.piko-layout-header.piko-layout-header-03 .piko-layout-header.piko-layout-header-04 .piko-topbar.small-top .piko-pull-left{
    float: left;
}
/*font size change top menu*/
.piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-links > li {
    padding-left: 7px;
    padding-right: 7px;
}

/*top bar search*/
.header-search-box  .form-group {
    margin-bottom: 0;
}
.header-search-box .form-inline .input-group-addon {
    padding: 0;
    color: #555;
    text-align: inherit;
    border: 0;
    border-radius: 0;
}
.header-search-box .form-inline .input-group .input-group-addon{
}
.header-search-box .form-inline .input-group .input-group-addon.btn-search{
    background-color: #45bf55;
    width: 41px;
    height: 41px;
}
.header-search-box .form-inline .input-group .input-group-addon.btn-search:hover{
    opacity: 0.8;
}
.header-search-box .form-inline input[type="text"]{
    background-color:transparent;
    border-color: #eaeaea;
    box-shadow: none;
}
.header-search-box .form-inline input[type="text"]:focus{
    border-color: #45bf55;
}
.header-search-box .form-inline button{
    background-color:transparent;
}
.piko-address {
    min-width: 190px;
    line-height: 20px;
    padding-top:4px;
}

.piko-address span{
    font-weight:normal;
    white-space:nowrap;
    position: absolute;
}
.piko-address  i{
    width: 40px;
    height: 30px;
    float:left;
    line-height:30px;
    text-align: center;
    font-size:20px;
    margin-top: 5px;
    /*    color: #ffb600;*/
    margin-right:10px;
    border-right: 1px solid #ccc;
}
/*menu center */
@media (min-width: 992px) {

    .piko-layout-header.piko-layout-header-03 .piko-navbar {
        line-height: 0px;
        /*box-shadow: 0px 1px 0px 0px rgba(204,204,204,0.3);*/
    }

    /*  menu header background color*/
    .piko-layout-header.piko-layout-header-03 .piko-navbar .piko-mega-menu {
        float: none;
        display: block;
        text-align: center;
        line-height: 0px;
    }
    .piko-layout-header.piko-layout-header-03 .piko-navbar .piko-mega-menu.menu-left {
        text-align: left;
    }
    .piko-layout-header.piko-layout-header-03 .piko-navbar .piko-mega-menu.menu-left .nav.navbar-nav + .nav.navbar-nav{
        float: right;
    }
    .piko-layout-quick-search-shown .piko-layout-header.piko-layout-header-03 .piko-navbar .piko-mega-menu {
        display: none;
    }
    .piko-layout-header.piko-layout-header-03 .piko-navbar .piko-mega-menu > .nav.navbar-nav {
        line-height: 0px;
        float: none;
        display: inline-block;
    }
    .piko-layout-header.piko-layout-header-03 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-link {
        padding: 25px 25px 22px 25px;
        min-height: 67px;
        color: #141414;
    }
    .piko-layout-header.piko-layout-header-03 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:first-child > .piko-link {
        padding-left: 5px;
    }
    .piko-layout-header.piko-layout-header-03 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-quick-sidebar-toggler {
        padding: 28px 25px 15px 25px;
    }
    .piko-layout-header.piko-layout-header-03 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn {
        margin: 18px 25px 7px 25px;
    }
    .piko-layout-header.piko-layout-header-03 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon {
        margin: 0;
    }
    .piko-layout-header.piko-layout-header-03 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon.social {
        margin: 0;
    }
    .piko-layout-header.piko-layout-header-03 .piko-quick-search > .form-control {
        /*line-height: 65px;*/
        position:relative;
        height: 67px;
        padding-bottom:0;
    }
    .piko-layout-header.piko-layout-header-03 .piko-quick-search > span {
        top: 32px;
        right: 14px;
    }
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header.piko-layout-header-03 .piko-quick-search > .form-control {        
        height: 67px;
    }
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header.piko-layout-header-03 {
        height: 67px;
    }
    .piko-page-on-scroll.piko-layout-header-fixed .piko-layout-header.piko-layout-header-03.piko-navbar-fluid .piko-navbar {
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05)
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon.cart i,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon.cart i{
        color: #141414;
        font-size: 25px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon.cart span,
    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-btn-icon.cart span{
        margin: -30px 0 0 -5px;
    }
    .piko-layout-header .piko-navbar .piko-brand > .cart,
    .piko-layout-header .piko-topbar .piko-brand > .cart{
        display: none;
    }
    .piko-layout-header.piko-layout-header-03 .piko-top-menu .form-inline .form-group input[name="s"]{
        min-width: 450px;
    }
    .piko-layout-header.piko-layout-header-03 .piko-top-menu.two .form-inline .form-group input[name="s"]{
        min-width: 300px;
    }
    /*header layout 05*/
    .piko-layout-header.piko-layout-header-03.layout-05 .piko-topbar .piko-brand {
        float: none;
        padding: 9px 0 0 0;
    }
    .piko-layout-header.piko-layout-header-03.layout-05 .toggle-header {
        text-align: left;
    }    
}
.center-menu-right #desktop-cart,
.center-menu-right .info{
    display: inline-block;
}
.center-menu-right .info{
    padding:12px 0 0;    
}
.center-menu-right #desktop-cart{
    position:relative;
    top: -17px;
}
.center-menu-right .info .fa{
    color:#999;
    padding-left: 3px;
    font-size: 16px
}
.center-menu-right .info .fa-phone{
    position: relative;
    top:4px;
    left:0;
    font-size: 20px;  
}
.center-menu-right .cart-baucket.cart-top-two .cart-icon .badge{
    border-color: #999;
}
@media (max-width: 991px) {
    .piko-layout-header.piko-layout-header-03.piko-navbar-fluid .piko-navbar .piko-mega-menu > .nav.navbar-nav {
        width: 100%;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar.small-top{
        background-color: #25bf55;
    }
    .piko-layout-header.piko-layout-header-03 .piko-layout-header .piko-topbar.small-top .piko-top-menu > .piko-icons,
    .piko-layout-header.piko-layout-header-03 .piko-layout-header .piko-topbar.small-top .piko-top-menu > .piko-links{
        height: 23px;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-icons > li > a:not(.btn),
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-icons > li > span,
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-links > li > a:not(.btn),
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu > .piko-links > li > span {
        color: #fff;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand > .piko-icons > li > a > i {
        color: #141414;
        /*    font-size: 16px;
            padding: 4px 8px;*/
    }
    ul.piko-lang > li > a{color: #141414;}

    .piko-layout-header.piko-layout-header-03 .piko-topbar {
        padding: 0;
        border-bottom: 1px solid #f4f4f4;
        background-color: transparent;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu {
        float: none;
        display: block;
        padding: 0;
        text-align: right;
        background-color: transparent;
        padding: 5px 0;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar.small-top .piko-top-menu {
        padding: 0;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu:before, .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu:after {
        content: " ";
        display: table;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu:after {
        clear: both;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu{text-align: right;}
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu .piko-links {
        float: none;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-top-menu .piko-links > li:last-child {
        padding-right: 0;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand {
        width: 100%;
        display: block;
        float: none;
        margin: 10px 0;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand:before, .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand:after {
        content: " ";
        display: table;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand:after {
        clear: both;
    }
    .piko-layout-quick-search-shown .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand {
        display: none;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand > .piko-logo {
        float: left;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand > .piko-icons {
        float: left;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand > .piko-hor-nav-toggler {
        float: right;
        position: relative;
        top: 2px;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand > .piko-hor-nav-toggler > .piko-line {
        background: #aeb8c2;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand > .piko-hor-nav-toggler:hover {
        border-color: #748596;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand > .piko-hor-nav-toggler:hover > .piko-line {
        background: #748596;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand > .piko-search-toggler {
        float: right;
        position: relative;
        top: 8px;
        margin: 4px 20px;
    }
    .piko-layout-header .piko-navbar .piko-brand > .cart,
    .piko-layout-header .piko-topbar .piko-brand > .cart{
        float: right;
        position: relative;
        top: 8px;
    }
    .piko-layout-header .piko-navbar .piko-brand > .cart > a i,
    .piko-layout-header .piko-topbar .piko-brand > .cart > a i {
        /*color: #141414;*/
        font-size: 25px;
        padding-right: 5px;
    }
    .piko-layout-header .piko-navbar .piko-brand > .cart > a span,
    .piko-layout-header .piko-topbar .piko-brand > .cart > a span{
        margin: -20px 10px 0 -10px;

    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand > .piko-search-toggler:hover > i {
        color: #748596;
    }
    .piko-layout-header.piko-layout-header-03 .piko-navbar .piko-mega-menu {
        margin-bottom: 0px;
    }
    .piko-layout-quick-search-shown .piko-layout-header.piko-layout-header-03 .piko-navbar .piko-mega-menu {
        display: none;
    }
    .piko-layout-header.piko-layout-header-03 .piko-quick-search {
        margin-top: 0;
    }

    .piko-layout-header.piko-layout-header-03 .piko-quick-search > .form-control {
        color: #666;
        height: 65px;
        /*    border-bottom: 1px solid #f4f4f4;*/
    }
    .piko-layout-header.piko-layout-header-03.layout-05 .piko-quick-search > .form-control {
        height: 64px;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar.light {
        padding: inherit;
    }
    .piko-layout-header.piko-layout-header-03 .mobile-shop-cart {
        margin-top: 2px;
    } 
    .piko-layout-header.piko-layout-header-03 .form-inline .form-group input[name="s"] {
        min-width: 400px;
        display: initial;
    }
    .piko-layout-header.piko-layout-header-03.layout-05 .toggle-header,
    .piko-layout-header.piko-layout-header-03 .toggle-header {
        text-align: left;
    }    
}
/* ============================
=== piko dark moblie mega menu ===
============================ */
@media (max-width: 991px) {
    /* 991px */
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile {
        background: #24201f;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li > .piko-link {
        border-bottom: 1px solid #141414;
        color: #fff;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li > .piko-link:hover {
        background: none;
        color: #ebedf2;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li > .piko-quick-sidebar-toggler {
        background: none;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li > .piko-quick-sidebar-toggler > .piko-line {
        background-color: white;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li > .piko-quick-sidebar-toggler:hover > .piko-line {
        background-color: #ff6b57;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li.piko-active > .piko-link, .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li:hover > .piko-link {
        background: none;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li > h3 {
        color: #cbd2d9;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li > a {
        border-bottom: 1px solid #141414;
        color: #fff;
    }
    .nav .open > a:focus,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li > a:focus,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li > a:focus{
        background-color: transparent !important;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li.piko-active > a,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li:hover > a {
        background: none !important;
    }
    .piko-layout-header .piko-mega-menu-dark-mobile .dropdown-menu > .active > a, 
    .piko-layout-header .piko-mega-menu-dark-mobile .dropdown-menu > .active > a:focus, 
    .piko-layout-header .piko-mega-menu-dark-mobile .dropdown-menu > .active > a:hover{
        background: transparent;
        color:#777 !important;
    }
}
/* ============================
=== piko light mega menu ===
============================ */
@media (min-width: 992px) {
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu {
        background: #f8f8f8;
        /*box-shadow: 0px 3px 9px -5px rgba(0, 0, 0, 0.25);
        border: 1px solid #f3f3f3;*/
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu {
        border-radius: 0;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .piko-menu-type-fullwidth,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .piko-menu-type-classic{
        border-top: 1px solid;
    }
    
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > h3:after {
        border-bottom: 1px solid #999;
        bottom: -1px;
        content: "";
        display: inline-block;
        left: 0;
        position: absolute;
        width: 70px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > h3{
        border-bottom: 1px solid #f2f2f2;
        color: #666;
        font-weight: 500;
        margin-bottom: 12px;
        margin-top: 5px;
        font-size:13px;
        position: relative;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > a {
        color: #333;
        /*background-color: #fff;*/
    }
    /*shop cart*/
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu.shop-cart > li.piko-active > a,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu.shop-cart > li:hover > a {
        background: transparent;
        /*color: #141414;*/
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-classic .dropdown-menu {
        background: #f7f8f9;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega > .row > div {
        border-right: 1px solid #f2f2f2;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .nav.nav-tabs {
        border-bottom: 1px solid #f2f2f2;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .nav.nav-tabs > li > a {
        color: #434b53;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .nav.nav-tabs > li:hover > a {
        color: #24201f;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .nav.nav-tabs > li.active {
        border-bottom: 1px solid #24201f;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega .nav.nav-tabs > li.active > a {
        color: #24201f;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega > li {
        border-right: 1px solid #e8e8e8;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega > li:last-child {
        border-right: 0;
    }
}
/*dark*/
@media (min-width: 992px) {
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light.dark > .nav.navbar-nav > li > .dropdown-menu {
        background: rgba(255, 255, 255, 0.8);
        /*box-shadow: 0px 3px 9px -5px rgba(0, 0, 0, 0.25);*/
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light.dark > .nav.navbar-nav > li .dropdown-menu > li > a {
        color: #333;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light.dark > .nav.navbar-nav > li .dropdown-menu > li > a:hover {
        padding-left:42px;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light.dark > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-classic .dropdown-menu {
        background: rgba(255, 255, 255, 0.8);
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light.dark > .nav.navbar-nav > li > .dropdown-menu.piko-menu-type-mega > li {
        border-right: 1px solid #eee;
    }
    
}
/* ============================
=== piko light moblie mega menu ===
============================ */
@media (max-width: 991px) {
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile {
        background: #fff;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li > .piko-link {
        border-bottom: 1px solid #f4f4f4;
        color:#333;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li > .piko-link:focus,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li > .piko-link:hover {
        background: none;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li > .piko-quick-sidebar-toggler {
        background: none;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li > .piko-quick-sidebar-toggler > .piko-line {
        background-color: white;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li > .piko-quick-sidebar-toggler:hover > .piko-line {
        background-color: #fff;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li.piko-active > .piko-link,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li:hover > .piko-link {
        color: #ff6b57;
        background: none;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li .dropdown-menu > li > h3 {
        color: #cbd2d9;
    }
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li .dropdown-menu > li > a {
        border-bottom: 1px solid #f9f9f9;
    }
    .nav .open > a:focus,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li > a:focus,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li .dropdown-menu > li > a:focus,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > .dropdown-menu > .active > a:focus{
        background-color: transparent !important;
    }
    /*  background color*/
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li .dropdown-menu > li.piko-active > a,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li .dropdown-menu > li:hover > a {
        background-color: transparent !important;
    }
    .piko-layout-header .piko-mega-menu-light-mobile .dropdown-menu > .active > a, 
    .piko-layout-header .piko-mega-menu-light-mobile .dropdown-menu > .active > a:focus, 
    .piko-layout-header .piko-mega-menu-light-mobile .dropdown-menu > .active > a:hover{
        background: transparent;
        color:#777;
    }
}
/*submenu dropdown*/
.dropdown-menu > li ul.dropdown-menu {
    top: 0px;
    left: 100%;
    margin-top: -2px;
}
.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px; 
}
.piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li:hover .dropdown-menu{
    display: block;
}
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-link span {
    display:none;
}
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a span{
    float:right;
}
.dropdown-menu {
    border: none;
}
.piko-menu-text{
    color:#999;
    line-height: 20px;
}
.piko-menu-text h3{
    margin-top: 0;
    padding-top: 5px;
    padding-left: 10px;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
}
.piko-menu-text p{
    padding-left: 10px;
}
.navbar-nav > li > a {
    padding-bottom: 0px;
}
.piko-menubg-right {
    margin-top:25px;
    padding:15px 20px;
    background:url(assets/images/logo/menubg.png) bottom right no-repeat;
    display: block;
    text-align: left;
    text-transform: none;
    min-width: 190px;
    width: 100%;
    z-index: 111111;
}
@media (min-width: 1024px) {
    .piko-menubg-right {
        min-width: 150px;
    }
    .piko-menubg-left {
        background:none;
    }
}
@media (max-width: 991px) {
    .piko-menubg-right {
        display:none;
    }
    ul.piko-menu-type-mega > li > a{
        padding-top:10px;
        padding-bottom:10px;
    }
}
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler),
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler),
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler),
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler) {
    position: relative;
}

/*menu hover effect*/
@media (min-width: 991px){
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li> a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        /*    background: #ffb600;*/
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.3s, height 0.3s;
        transition: opacity 0.3s, height 0.3s;
    }
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li> a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        /*    background: #ffb600;*/
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.3s, height 0.3s;
        transition: opacity 0.3s, height 0.3s;

    }
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover-2 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after{
        height: 1px;
    }

    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after{
        opacity: 1;
    }
    .piko-page-on-scroll .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-page-on-scroll .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-page-on-scroll .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-page-on-scroll .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before {
        top: 0;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }
    .piko-page-on-scroll .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-page-on-scroll .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-page-on-scroll .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-page-on-scroll .piko-layout-header.piko-hover02 .piko-navbar .piko-mega-menu > .nav.navbar-nav > li.piko-active > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before {
        bottom: 0;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }
}

@media (max-width: 991px){
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li> a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):before,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after,
    .piko-layout-header.piko-hover .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > a:not(.btn):not(.piko-btn-icon):not(.piko-quick-sidebar-toggler):after {
        display: none;

    }

    .piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a span{
        display: none;
    }
}
/*menu image*/
.piko-menubg-right {
    margin-top: 25px;
    padding: 15px 20px;
    background: url(assets/images/bg/menu-bg.png) bottom right no-repeat;
    display: block;
    text-align: left;
    text-transform: none;
    min-width: 190px;
    width: 100%;
    z-index: 111111;
}
@media (min-width: 1024px) {
    .piko-menubg-right {
        min-width: 150px;
    }
    .piko-menubg-left {
        background:none;
    }
}
@media (max-width: 991px) {
    .piko-menubg-right {
        display:none;
    }
    ul.piko-menu-type-mega > li > a{
        padding-top:10px;
        padding-bottom:10px;
    }
}

/*menu labal*/
.label-new.menu-item > a:after, .label-hot.menu-item > a:after, .label-popular.menu-item > a:after {
    content: '';
    display: inline-block;
    font-size: 9px;
    line-height: 9px;
    text-transform: uppercase;
    letter-spacing: -0.1;
    margin-left: 4px;
    font-weight: bolder;
    border-radius: 2px;
    color: #fff;
    padding: 2px 3px 3px;
    position: relative;
    top: -2px;
}
.label-new.menu-item > a:after {
    content: "New";
    background-color: #45bf55;    
}
.label-popular.menu-item > a::after {
    content: "Popular";
    background-color: #7a9c59;
}
.label-hot.menu-item > a::after {
    content: "Hot";
    background-color: #b20000;
}
/*hamburger menu*/
#piko-hamburger, #piko-hamburger2 {
    width: 30px;
    height: 25px;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#piko-hamburger span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #ccc;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#piko-hamburger2 span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    /*background: #141414;*/
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#piko-hamburger span:nth-child(1), #piko-hamburger2 span:nth-child(1) {
    top: 0px;
}

#piko-hamburger span:nth-child(2), #piko-hamburger2 span:nth-child(2) {
    top: 10px;
}
#piko-hamburger span:nth-child(3), #piko-hamburger2 span:nth-child(3) {
    top: 20px;
}
#piko-hamburger.open span:nth-child(1), #piko-hamburger2.open span:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
#piko-hamburger.open span:nth-child(2), #piko-hamburger2.open span:nth-child(2) {
    opacity: 0;
    left: -20px;
}
#piko-hamburger.open span:nth-child(3), #piko-hamburger2.open span:nth-child(3){
    top: 10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.menu-toggle-wrap span,
.menu-toggle-wrap span {
  display: block;
  background: #24201f;
  border-radius: 2px;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.menu-toggle-wrap {
  width: 50px;
  height: 50px;
  float:right;
  margin-right: 47px;
  position: relative;
  cursor: pointer;
  background: #45bf55;
  border-radius: 1px;
  display: none;
}
.menu-toggle-wrap .hamburger {
  position: absolute;
  height: 100%;
  width: 100%;
}
.menu-toggle-wrap .hamburger span {
    width: 40px;
    height: 3px;
    position: relative;
    top: 10px;
    left: 5px;
    margin: 6px 0;
}
.menu-toggle-wrap .hamburger span:nth-child(1) {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}
.menu-toggle-wrap .hamburger span:nth-child(2) {
  -webkit-transition-delay: .625s;
  transition-delay: .625s;
}
.menu-toggle-wrap .hamburger span:nth-child(3) {
  -webkit-transition-delay: .75s;
  transition-delay: .75s;
}
.menu-toggle-wrap .cross {
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu-toggle-wrap .cross span:nth-child(1) {
  height: 0%;
  width: 3px;
  position: absolute;
  top: 10%;
  left: 24px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.menu-toggle-wrap .cross span:nth-child(2) {
  width: 0%;
  height: 3px;
  position: absolute;
  left: 10%;
  top: 24px;
  -webkit-transition-delay: .25s;
  transition-delay: .25s;
}
.menu-toggle-wrap.open .hamburger span {
  width: 0%;
}
.menu-toggle-wrap.open .hamburger span:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.menu-toggle-wrap.open .hamburger span:nth-child(2) {
  -webkit-transition-delay: .125s;
  transition-delay: .125s;
}
.menu-toggle-wrap.open .hamburger span:nth-child(3) {
  -webkit-transition-delay: .25s;
  transition-delay: .25s;
}
.menu-toggle-wrap.open .cross span:nth-child(1) {
  height: 80%;
  -webkit-transition-delay: .625s;
  transition-delay: .625s;
}
.menu-toggle-wrap.open .cross span:nth-child(2) {
  width: 80%;
  -webkit-transition-delay: .375s;
  transition-delay: .375s;
}

.piko-hor-nav-toggler .menu-toggle-wrap {
  float:right;
  margin-right: 0;
  display: initial;
  margin-top: -10px;
  background: transparent;
}
.input-group-addon.login{
    background-color: transparent;
}
.login-btn{
    width: 41px;
    height: 45px;
    background-color: #45bf55;
    border: none;
    border-radius: 0;
    line-height: 47px;
    text-align: center;
    margin-left: 10px;
    padding:13px 14px;
}
.login-btn:hover {
    opacity: 0.8;
}
.login-btn .icon{
    font-size: 18px;
    color: #fff;
}
.menu-transparent .margin-t150 {
    margin-top:0 !important;
}
.menu-transparent .piko-layout-header .piko-navbar {
    border-bottom: none;
    background: rgba(255,255,255,0.0);
}
/*mini cart*/
.cart-baucket{
    position: relative;
}
.cart-top:after {
    content:'';
    position: absolute;
    bottom: 0;
    left:0;
    width: 30px;
    height: 0;
    border-style: solid;
    border-width: 0 22px 22px 23px;
    border-color: transparent transparent #fff transparent;
}
.cart-top {
    background: #24201f;
    height: 90px;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    padding: 10px 8px 1px 8px;
    font-size: 14px;
    font-weight: 400;    
    z-index: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.cart-icon {
	display:inline-block;
	position:relative;
	bottom: -17px;
        z-index: 2;
}
.cart-icon .badge {
    display:inline-block;
    color:#ccc;
    border:2px solid #888;
    position:relative;
    z-index:10;
    background-color: transparent;
    border-radius: 1px;
}
.cart-baucket.cart-top-two .cart-icon .badge{
    border-color: #6b6b6b;
    color:inherit;
}
.cart-baucket a:hover,
.cart-baucket a:focus,
.cart-baucket a{
    color: inherit;
}
.cart-icon .cart-icon-handle {
	border:1px solid #45bf55;
	border-bottom:0;
	right:50%;
	margin-right:-8px;
	top:-4px;
	height:10px;
	width:15px;
	position:absolute;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
	-webkit-border-top-left-radius:99px;
	-webkit-border-top-right-radius:99px;
	-moz-border-radius-topleft:99px;
	-moz-border-radius-topright:99px;
	border-top-left-radius:99px;
	border-top-right-radius:99px
}

.cart-baucket:hover .cart-icon-handle {
	top:-7px
}
header:not(.layout-05).piko-layout-header-03 .cart-icon .cart-icon-handle,
.piko-layout-header-04 .cart-baucket.cart-top-two .cart-icon .cart-icon-handle{top:-6px;}

header:not(.layout-05).piko-layout-header-03 .cart-baucket:hover .cart-icon-handle,
.piko-layout-header-04 .cart-baucket.cart-top-two:hover .cart-icon-handle {
	top:-9px
}
.mobile-shop-cart{   
    top:88px;
    right: 0;
    min-width: 300px;
    width: 300px;
    position: absolute;
    display: none;
    z-index: 200;
    background-color:#fff;
    padding: 10px 10px 0 10px;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    border-bottom: 2px solid #f3f3f3;
    box-shadow: 0px 3px 4px -5px rgba(0, 0, 0, 0.7);
    
}
.mobile-shop-cart:after {
    content:'';
    position: absolute;
    top: -22px;
    right:-2px;
    width: 30px;
    height: 0;
    z-index: 250;
    border-style: solid;
    border-width: 0 20px 22px 23px;
    border-color: transparent transparent #45bf55 transparent;
}

.cart-baucket.mobile-shop-cart:hover  {
    opacity: 1;
}
.cart-baucket:hover .mobile-shop-cart {
visibility: visible;      
}
/*short cart two*/
.cart-top-two{
   padding-left: 15px;
}
.cart-top-two .mobile-shop-cart{
    top:55px;
}
.cart-top-two .mobile-shop-cart:after{
    top: -15px;
    right:-1px;   
    border-width: 0 15px 15px 25px;
}
.piko-layout-header.piko-layout-header-03 .piko-navbar .piko-mega-menu > .nav.navbar-nav + .nav.navbar-nav{
    padding-bottom: 26px;
}
.piko-layout-header.piko-layout-header-03 .piko-navbar .piko-mega-menu > .nav.navbar-nav + .nav.navbar-nav li{
    padding-top: 5px;
}
.widget_shopping_cart_content p.total{
    border-bottom:1px solid #e6e6e6;
    padding: 10px 0;
    line-height: initial;
    margin: 0 15px 10px;
    color: #24201f;
}
.widget_shopping_cart_content p.total strong{
    text-aligin:left;
}
.widget_shopping_cart_content p.total span.amount{
    float:right;
    font-weight: 600;
    /*color: #141414;*/
}
.widget_shopping_cart_content p.buttons{
    padding-top: 10px;
    text-align: center;

}
.woocommerce a.remove {
    text-align: center;
    line-height: 15px;
    border-radius: 3px;
    float: right;
    margin-top: 7px;
    border: 1px solid #e6e6e6;
    width: 16px;
}
.woocommerce a.remove:hover {
   border: 1px solid #999;
}
.mobile-shop-cart .widget.shoping-cart-widget{
    padding:0;
    margin: 0;
} 
.mobile-shop-cart .shoping-cart-widget{
    border:none;
} 
.mobile-shop-cart .widget_shopping_cart_content ul{
    list-style: none;
}
.mobile-shop-cart .widget_shopping_cart_content ul li:hover{
    list-style: none;
}
.piko-layout-header .piko-navbar .mobile-shop-cart .widget_shopping_cart_content li{
    line-height: 25px;
}
.mobile-shop-cart .widget_shopping_cart_content .mini_cart_item a + a{
    display: inherit;
}
.widget_shopping_cart_content .mini_cart_item a{
    color:#24201f;
}
.widget_shopping_cart_content a.button, .widget_shopping_cart_content button.button, .widget_shopping_cart_content input.button {
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 500;   
    left: auto;
    color: #24201f;
    border: 1px solid #e6e6e6;    
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
}
.widget_shopping_cart_content a.button:hover, .widget_shopping_cart_content button.button:hover, .widget_shopping_cart_content input.button:hover {
    color:#fff;
}
/* mobile cart*/
@media (min-width: 992px) and (max-width: 1920px) {
    .cart-top-two.mobile{
        display: none !important;
    }
}

@media (min-width: 300px) and (max-width: 991px) {
    #desktop-cart{
        display: none !important;
    }
    .cart-top-two {
        float: right;
        margin-top: -10px;
    }      
}
/*------------------------------------
      6.0  breadcrumb
--------------------------------------*/
.banner{    
    background: url("assets/images/bg/breadcrumb.jpg");
    background-size: cover;
}
.banner-img{
    margin-bottom:50px;
}

.page-banner {
    padding: 6em 0 7em;
    margin:0  15px;
    position: relative;
}
.about-page-banner{
    background: transparent url(assets/images/banner.jpg) repeat scroll 0% 0% / cover;
}
.page-banner .entry-header {    
    text-align: center;
}
.page-banner .banner-title {
    margin: 7px 0px 7px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
}
.text-left .banner-title:after{
   right:inherit; 
}
.text-right .banner-title:after{
   left: inherit; 
}
.page-banner .banner-subtitle{
    margin: 7px 0px 7px;
    color: #ddd;
    letter-spacing: 2px;
}
.woocommerce .page-banner .banner-title{
    font-size: 30px;
}
.breadcrubm-warp{
    display: block;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.breadcrumb {   
    width: auto;
    display:inline-block;
    margin: 0;
  
}
.breadcrubm-style2 i,
.breadcrumb i{
    padding: 0 5px;
}
.breadcrubm-style2 a,
.breadcrumb a {
    color: #24201f;
}
.breadcrumb a:hover {
    color: #45bf55;
}
.breadcrumb > .current {
    color: #959595;
    /*display: none;*/
}
.breadcrubm-style2 .breadcrumb > .current {
    display: block;
}

.breadcrubm-style2{
    background-color:rgba(255,255,255,0.92);
    padding: 3px 0 2px;
}
.no-breadcrubm.single .site-content,
.no-breadcrubm .product .piko-woo-single-wrap,
.no-breadcrubm .portfolio-container{
   margin-top: 45px; 
}
/*----------------------------
    7.0 pagination
------------------------------*/
.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "fontAwesome";
        font-weight: 100;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}
.post-navigation {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	clear: both;
}
.post-navigation a {
	color: #24201f;
	display: block;
	padding: 1.75em 0;
}

.post-navigation span {
	display: block;
}
.post-navigation .meta-nav {
    color: #959595;
    letter-spacing: 0.076923077em;
    line-height: 1.6153846154;
    margin-bottom: 0.5384615385em;
    text-transform: uppercase;
}
.post-navigation .nav-links div{
    display: inline-block;
}
.post-navigation .nav-links .nav-next{
    float: right;
    text-align: right;
}
.post-navigation .post-title {
	display: inline;
	line-height: 1.2173913043;
	text-rendering: optimizeLegibility;
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
	color: #45bf55;
}
.pagination {
    border-top: 1px solid #ddd;
    font-size: 19px;
    min-height: 46px;
    position: relative;
    display: inherit;
}
.pagination:before,
.pagination:after {
    background-color: #1a1a1a;
    content: "";
    height: 42px;
    position: absolute;
    top:0;
    width: 42px;
    z-index: 0;
}
.pagination:before {
	right: 0;
}

.pagination:after {
    right: 44px;
}
.pagination a:hover,
.pagination a:focus {
    color: #1a1a1a;
}
.pagination .nav-links {
    padding-right: 106px;
    position: relative;
}
.pagination .nav-links:before,
.pagination .nav-links:after {
	/*color: #959595;*/
	font-size: 15px;
	line-height: 41px;
	opacity: 0.3;
	position: absolute;
	width: 42px;
	z-index: 1;
}
.pagination .nav-links:before {
	content: "\f178";
	right: -1px;
}
.pagination .nav-links:after {
	content: "\f177";
	right: 45px;
}
.pagination .page-numbers {
	/*display: none;*/
	letter-spacing: 0.013157895em;
	line-height: 1;
	margin: 8px 7px 7px;
	text-transform: uppercase;
}
.pagination .current {
	display: inline-block;
	font-weight: 500;
}
.pagination .prev,
.pagination .next {
	background-color: #1a1a1a;
	color: #fff;
	display: inline-block;
	height: 42px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 42px;
	z-index: 2;
}
.pagination .prev:before,
.pagination .next:before {
	font-size: 15px;
	height: 43px;
	line-height: 42px;
	position: relative;
	width: 43px;
}
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
	background-color: #45bf55;
	color: #fff;
}
.pagination .prev:focus,
.pagination .next:focus {
	outline: 0;
}
.pagination .prev {
	right: 44px;
}
.pagination .prev:before {
	content: "\f177";
	left: -1px;
	top: -1px;
}
.pagination .next {
	right: 0;
}
.pagination .next:before {
	content: "\f178";
	right: -1px;
	top: -1px;
}
.image-navigation,
.comment-navigation {
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin: 0 7.6923% 2.1538461538em;
	padding: 1.0769230769em 0;
}
.comment-navigation {
	margin-right: 0;
	margin-left: 0;
}
.comments-title + .comment-navigation {
	border-bottom: 0;
	margin-bottom: 0;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
	display: inline-block;
}

.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}
/**
 * 8.0 - Accessibility
 */

/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}
/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 500;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}
.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
	/*font-family: "Open Sans", sans-serif;*/
}
.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}
/**-------------------------
 * 9.0 - Alignments
 -------------------------*/

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}
blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}
blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}
/**----------------------------
 * 10.0 - Clearings
 -------------------------------*/
.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}
/**------------------------
 * 11.0 - Widgets
---------------------------- */
.site-content  section {
   /*margin-top: 1.75em;*/
}
.widget {
    margin-bottom: 3.5em;
}
.widget.widget_search {
    padding-top: 0;
}
.single-portfolio .widget.widget_search{
    padding:0;
}
.widget.widget_search{
     border: 0;
}
.widget ul {
   list-style: none;
}
.widget ul a{
   line-height: 40px;
}
.widget.piko-tabs-widget ul a{
   line-height: 18px;
}
.sub-footer .widget ul a{
   line-height: 24px;
}

/*.widget ul {
   list-style-image: url('assets/images/bg/ul.png');
}

.widget ul li:hover{
 list-style-image: url('assets/images/bg/li.png');
}*/

/*.widget-area > :last-child,*/
.widget > :last-child {
	margin-bottom: 0;
}

.widget .widget-title {	
    font-size: 18px;
    padding: 14px 15px;
    text-transform: uppercase;
    border-color: #e9e9e9;
    border-width: 2px 0 2px 0;
    border-style: solid;
    margin:0;
}

.widget_layered_nav > ul > li + li, .widget_recent_comments > ul > li + li, .widget_product_categories > ul > li + li, .widget_rss > ul > li + li, .widget_recent_entries > ul > li + li, .widget_pages > ul > li + li, .widget_meta > ul > li + li, .widget_categories > ul > li + li, .widget_archive > ul > li + li, .widget_nav_menu > ul > li + li {
    border-top: 1px solid #e9e9e9;
}
.widget_layered_nav > ul > li + li:last-child, .widget_recent_comments > ul > li + li:last-child, .widget_product_categories > ul > li + li:last-child, .widget_rss > ul > li + li:last-child, .widget_recent_entries > ul > li + li:last-child, .widget_pages > ul > li + li:last-child, .widget_meta > ul > li + li:last-child, .widget_categories > ul > li + li:last-child, .widget_archive > ul > li + li:last-child, .widget_nav_menu > ul > li + li:last-child {
    border-bottom: 1px solid #e9e9e9;
}
.widget_layered_nav > ul > li, .widget_recent_comments > ul > li, .widget_product_categories > ul > li, .widget_rss > ul > li, .widget_recent_entries > ul > li, .widget_pages > ul > li, .widget_meta > ul > li, .widget_categories > ul > li, .widget_archive > ul > li, .widget_nav_menu > ul > li {
    padding-left: 1.53846rem;
}

/*sub-footer*/
.sub-footer .widget_layered_nav > ul > li + li, .sub-footer .widget_recent_comments > ul > li + li, .sub-footer .widget_product_categories > ul > li + li, .sub-footer .widget_rss > ul > li + li, .sub-footer .widget_recent_entries > ul > li + li, .sub-footer .widget_pages > ul > li + li, .sub-footer .widget_meta > ul > li + li, .sub-footer .widget_categories > ul > li + li, .sub-footer .widget_archive > ul > li + li, .sub-footer .widget_nav_menu > ul > li + li {
    border-top: none;
}
.sub-footer .widget_layered_nav > ul > li + li:last-child, .sub-footer .widget_recent_comments > ul > li + li:last-child, .sub-footer .widget_product_categories > ul > li + li:last-child, .sub-footer .widget_rss > ul > li + li:last-child, .sub-footer .widget_recent_entries > ul > li + li:last-child, .sub-footer .widget_pages > ul > li + li:last-child, .sub-footer .widget_meta > ul > li + li:last-child, .sub-footer .widget_categories > ul > li + li:last-child, .sub-footer .widget_archive > ul > li + li:last-child, .sub-footer .widget_nav_menu > ul > li + li:last-child {
    border-bottom: none;
}
.sub-footer .widget_layered_nav > ul > li, .sub-footer .widget_recent_comments > ul > li, .sub-footer .widget_product_categories > ul > li, .sub-footer .widget_rss > ul > li, .sub-footer .widget_recent_entries > ul > li, .sub-footer .widget_pages > ul > li, .sub-footer .widget_meta > ul > li, .sub-footer .widget_categories > ul > li, .sub-footer .widget_archive > ul > li, .sub-footer .widget_nav_menu > ul > li {
    padding-left: 0;
}



.widget .widget-title:empty {
	margin-bottom: 0;
}
/*.widget.widget_pages > ul,
.widget_meta ul,
.widget_nav_menu .menu,
.widget_archive.widget ul,
.widget_categories.widget > ul,
.widget_recent_comments.widget ul,
.widget_recent_entries.widget ul{
    padding:0 30px 30px;
}*/
.widget.widget_nav_menu ul{
    padding-bottom: 0px;
}
.widget_nav_menu ul:first-child{
    padding-bottom: 30px;
}
.widget.widget_nav_menu .piko-menubg-right{
    display: none;
}
.widget_nav_menu .menu .sub-menu{
    white-space: nowrap;
}
.widget_text .textwidget,
.widget_tag_cloud .tagcloud{
   padding: 10px 15px 20px;  
}
.sub-footer .widget_text .textwidget,
.sub-footer .widget_tag_cloud .tagcloud{
    padding: 0;
}
/*.widget_archive.widget ul li,
.widget_categories.widget ul li,
.widget_recent_comments.widget ul li,
.widget_recent_entries.widget ul li{
    padding:3px 0;
}*/
.widget ul > li > a{
    color:#959595;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.widget ul > li > a:hover{
	color:#45bf55;
}

.widget-title a {
	color: #24201f;
}

/* Calendar widget */
.widget_text{
    padding-bottom:30px;
}
.widget.widget_calendar table {
	margin: 0;
        border: none;
        
}
.calendar_wrap{
   padding-bottom: 20px;
   padding-left:2px;
   margin-top: 20px;
}

.widget_calendar td,
.widget_calendar th {
	line-height: 2.5625;
	padding: 0;
	text-align: center;
}

.widget_calendar caption {
        padding: 0 15px 16px;
}
#wp-calendar {width: 99.8%; }
#wp-calendar caption { text-align: left; font-size: 20px; font-weight: 500; letter-spacing: 1px; color: #24201f;}
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; text-align: center; }
#wp-calendar tbody td { background: #F3F3F3; border-color: #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot td, #wp-calendar thead th{ border: none;}
#wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 10px;}

/* widget icon */
.widgets-icon{
    padding: 10px 5px 20px;
}
.widgets-icon a{
    padding: 5px;
    font-size: 20px;
}
/*flickr widgets*/
.flickr-widget{margin-top: 10px}
.flickr-widget ul li{
    display: initial;
    border: 0;
}
.flickr-widget ul li img{
    margin: 6px;
}
.flickr-widget ul li img:hover{
    opacity: .5;
   -webkit-transition: opacity .5s ease-out .3s;
   transition: opacity .5s ease-out .3s;
    
}
.flickr-widget ul li:hover{
    padding: 0;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
	color: #686868;
	display: block;
	font-size: 12px;
        font-style: italic;
	line-height: 1.615384615;
	margin-bottom: 0.538461538em;
}

.widget_recent_entries li:last-child .post-date {
	margin-bottom: 0;
}
/* RSS widget */
.widget_rss .rsswidget{
	color:#24201f;
}
.widget_rss .rsswidget img {
	margin-top: -0.375em;
}
.widget_rss .rss-date,
.widget_rss cite {
	color: #686868;
	display: block;
	font-size: 11px;
	font-style: normal;
	line-height: 1.615384615;
	margin-bottom: 0.538461538em;
}
.widget_rss .rssSummary:last-child {
	margin-bottom: 2.1538461538em;
}

.widget_rss li:last-child :last-child {
	margin-bottom: 0;
}
.widget.widget_rss ul li{
    margin-bottom: 20px;
}
/* Tag Cloud widget */
.tagcloud a {
    border: 1px solid #ddd;
    color: #686868;
    background: #eee;
    display: inline-block;
    line-height: 1;
    margin: 0 0.1875em 0.4375em 0;
    padding: 0.5625em 0.4375em 0.5em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sub-footer .widget .tagcloud a{
    background-color: transparent;
}
.sub-footer .widget .tagcloud a:hover,
.tagcloud a:hover,
.tagcloud a:focus {
	border-color: transparent;
        /*background-color: #45bf55;*/
	color: #fff;
	outline: 0;
}
/*page widgets*/
.page-widgets a img{
    display:initial !important;
}
/*category & archive dropdown*/
.widget.widget_archive .chosen-container,
.widget_categories .chosen-container{
    padding-top: 30px;
    padding-left: 4px;
    min-width: 250px;
}
.widget.widget_archive select,
.widget_categories select{
   margin: 10px 15px 23px;
   width: 230px;
}
.widget.widget_archive select option,
.widget_categories select option{
   padding: 5px 7px;
}


.widget.widget_archive .chosen-container ul,
.widget_categories .chosen-container ul{
    padding: 0;
}
.widget.widget_archive .chosen-container ul li,
.widget_categories .chosen-container ul li{
    padding: 7px 10px;
}
.widget.widget_archive .chosen-container-single .chosen-drop{
   margin-left: 5px;
    margin-top: 0; 
}
.widget_categories .chosen-container-single .chosen-drop{
    margin-left: 5px;
    margin-top: 3px;
}

/*checking monster widget*/
.widget_archive .chosen-container ul,
.widget_categories .chosen-container ul,
.widget.widget_rss ul{
    list-style-image: inherit !important;
    list-style: none;
}
.widget_archive .chosen-container ul li:hover,
.widget_categories .chosen-container ul li:hover,
.widget.widget_rss ul li:hover{
    list-style-image: inherit !important;
}

/**--------------------------
 * 12.0 - Content
------------------------------- */

.site {
	background-color: #fff;
}
.site-content {
	word-wrap: break-word;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}
.site-main {
	margin-bottom: 3.5em;
}
.site-main > :last-child {
	margin-bottom: 0;
}
/**
 * 13.1 - Header
 */

.site-header {
	padding: 2.625em 7.6923%;
}
.site-header-main {
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.site-branding {
	margin: 0.875em auto 0.875em 0;
}
.site-title {
	font-size: 23px;
	font-size: 1.4375rem;
	font-weight: 500;
	line-height: 1.2173913043;
	margin: 0;
}
.site-branding .site-title a {
	color: #1a1a1a;
}
.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
	color: #007acc;
}
.site-description {
	color: #686868;
	display: none;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.0769230769;
	margin: 0.538461538em 0 0;
}
.menu-toggle {
	background-color: transparent;
	border: 1px solid #d1d1d1;
	color: #1a1a1a;
	font-size: 13px;
	font-size: 0.8125rem;
	margin: 1.076923077em 0;
	padding: 0.769230769em;
}
.no-js .menu-toggle {
	display: none;
}
.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	border-color: #007acc;
	color: #007acc;
}

.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}
.menu-toggle:focus {
	outline: 0;
}

.menu-toggle.toggled-on:focus {
	outline: thin dotted;
}
.header-image {
	clear: both;
	margin: 0.875em 0;
}
.header-image a {
	display: block;
}
.header-image a:hover img,
.header-image a:focus img {
	opacity: 0.85;
}
/**-------------------------------------
 * 13.2 - Posts and pages
 --------------------------------------*/

.site-content  #secondary .widget widget_search{
     padding-top: 10px;
}
.site-main > .posts-wrap > article {
    margin-bottom: 3.5em;
    position: relative;
}
.feature-product-tabs .has-sidebar-left,
.has-sidebar-left {
    float: right;    
}
.blog-title-wrap .blog-date{
   max-width: 65px;
   height: 65px;
   padding: 7px 8px 5px;
   text-align: center;
   font-weight: 500;
   color: #666;
   float: left;
   margin-right:20px;
   border: 1px solid #eee;
}
.blog-title-wrap .blog-date.two{
   height: 65px;
   padding: 15px 12px 5px;
}
.blog-title-wrap .blog-date i{
    font-size: 30px;
}
.blog-title-wrap .blog-date span:first-child{
    font-size: 23px;
}
.blog-title-wrap .blog-date span:last-child{
    font-size: 20px;
    text-transform: uppercase;
}
.blog-title-wrap .blog-title{
    float: left;    
}
.blog-title-wrap .blog-title .entry-title {
    line-height: 1.25;
    margin-bottom: 0;
}
.col-md-3 .blog-title-wrap .entry-title{
   font-size:18px; 
}
.col-md-4 .blog-title-wrap .entry-title{
    font-size:23px;
}
.col-md-6 .blog-title-wrap .entry-title{
    font-size:25px;
}

.blog-title-wrap .blog-title .title-blog-meta{
    margin:0;
}
.blog-title-wrap .blog-title .title-blog-meta li{
    display: inline-block;
    margin-right: 8px;
}
.blog-title-wrap .blog-title .title-blog-meta li a{
    color:#878787;
}
.blog-title-wrap .blog-title .title-blog-meta li a:hover{
    color:#45bf55;
}
.blog-title-wrap .blog-title a i{
    padding-right:10px;
}
.blog-title-wrap .blog-title,
.blog-title-wrap .blog-date{
    display: inline-block;
}
.post_format-post-format-link .blog-title .title-blog-meta li:nth-child(3),
.post_format-post-format-quote .blog-title .title-blog-meta li:nth-child(3){
    display: none;
}

.posts-wrap .entry-content-link{
    padding: 20px 0 20px 70px;
    font-size: 16px;
    font-style: italic;
    letter-spacing: 0.02em;
    color: #878787;
}
.posts-wrap .entry-content-link a{
    color: #666;
}
.posts-wrap .entry-content-link a:hover{
    color: #45bf55;
}
.posts-wrap .entry-content blockquote{
   margin: 20px 50px 20px;
   color: #555;
}
.entry-title a {
	color: #1a1a1a;
}

.entry-title a:hover,
.entry-title a:focus {
	color: #45bf55;
}
.post-thumbnail {
	display: block;
	margin: 0 7.6923% 1.75em;
}
.post-thumbnail img {
	display: block;
}
.no-sidebar .post-thumbnail img {
	margin: 0 auto;
}
a.post-thumbnail:hover,
a.post-thumbnail:focus {
	opacity: 0.85;
}
.entry-content,
.entry-summary {
	border-color: #d1d1d1;
}
.posts-wrap.posts-list .blog-title-wrap.two{
    margin-top:0;
}
.blog-title-wrap.two .blog-title .entry-title{
    padding-bottom: 7px;
}
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
	margin-top: 0;
}
.post-navigation .post-title,
.entry-title,
.comments-title {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
body:not(.search-results) .entry-summary {
	color: #686868;	
	line-height: 1.4736842105;
	margin-bottom: 1.4736842105em;
}

body:not(.search-results) .entry-header + .entry-summary {
	margin-top: -0.736842105em;
}
body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
	margin-bottom: 1.4736842105em;
}

body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary li > ol {
	margin-bottom: 0;
}

body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
	padding: 0.3684210526em;
}

body:not(.search-results) .entry-summary fieldset {
	margin-bottom: 1.4736842105em;
	padding: 0.3684210526em;
}

body:not(.search-results) .entry-summary blockquote {
	border-color: currentColor;
}

body:not(.search-results) .entry-summary blockquote > :last-child {
	margin-bottom: 0;
}

body:not(.search-results) .entry-summary .alignleft {
	margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
}

body:not(.search-results) .entry-summary .alignright {
	margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
}

body:not(.search-results) .entry-summary .aligncenter {
	margin-bottom: 1.4736842105em;
}

.entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
	margin-bottom: 0;
}

.more-link {
	white-space: nowrap;
}
.author-info {
	border-color: #f1f1f1;
	border-style: solid;
	border-width: 1px 0 1px 0;
	clear: both;
	padding-top: 1.75em;
	padding-bottom: 1.75em;
}
.author-avatar .avatar {
	float: left;
	height: 80px;
	margin: 0 1.75em 1.75em 0;
	width: 80px;
}
.author-description > :last-child {
	margin-bottom: 0;
}

.entry-content .author-title {
	clear: none;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.75;
	margin: 0;
}
.author-bio {
	color: #686868;
	line-height: 1.6153846154;
	margin-bottom: 1.6153846154em;
	overflow: hidden;
}
.author-link {
	white-space: nowrap;
}

.entry-footer {
	color: #686868;	
	margin-top: 2.1538461538em;
}
.entry-footer:empty {
	margin: 0;
}
.entry-footer a {
	color: #686868;
}

.entry-footer a:hover,
.entry-footer a:focus {
    color: #45bf55;
}
.entry-footer .avatar {
	height: 21px;
	margin: -0.1538461538em 0.5384615385em 0 0;
	width: 21px;
}
.entry-footer .sticky-post {
    float: right;
    background-color: #25201f;
    color: #fff;
    padding: 0.25em 0.5em;
    text-transform: uppercase;
    margin: 0;
}
.entry-footer .tags-links a {
    display:inline-table;
    text-transform: capitalize;
    padding: 8px 10px;
    background: #f3f3f3;
    border-radius: 1px;
    margin-bottom: 4px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    white-space: nowrap;
    border: 1px solid #f9f9f9;
}
.entry-footer .tags-links a:hover{
    color:#45bf55;
}
.single.single-post .entry-footer .tags-links{
    margin-bottom: 30px;
}
.entry-footer .tags-links a{ box-shadow: inherit;}
/**
 * IE8 and earlier will drop any block with CSS3 selectors.
 * Do not combine these styles with the next block.
 */
.updated:not(.published) {
	display: none;
}

.sticky .posted-on,
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}

.page-header {
    border-top: 4px solid #ddd;
    padding-top: 1.75em;
    border-top-style: double;
    margin: 0px 0 20px;
}

body.error404 .page-header,
body.search-no-results .page-header {
	border-top: 0;
	padding-top: 0;
}
.page-title {
    line-height: 1.2173913043;
}

.taxonomy-description {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}
.taxonomy-description p {
	margin: 0.5384615385em 0 1.6153846154em;
}

.taxonomy-description > :last-child {
	margin-bottom: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.75em;
}
.page-links a,
.page-links > span {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	display: inline-block;	
	height: 1.8461538462em;
	line-height: 1.6923076923em;
	margin-right: 0.3076923077em;
	text-align: center;
	width: 1.8461538462em;
}

.page-links a {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}

.page-links a:hover,
.page-links a:focus {
	background-color: #45bf55;
	border-color: transparent;
	color: #fff;
}
.page-links > .page-links-title {
	border: 0;
	color: #1a1a1a;
	height: auto;
	margin: 0;
	padding-right: 0.6153846154em;
	width: auto;
}
.entry-attachment {
	margin-bottom: 1.75em;
}

.entry-caption {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 1.0769230769em;
}

.entry-caption > :last-child {
	margin-bottom: 0;
}

.content-bottom-widgets {
	margin: 0 7.6923%;
}

.content-bottom-widgets .widget-area {
	margin-bottom: 3.5em;
}
/**-------------------------------
 * 13.3 - Post Formats
--------------------------------- */
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
/*	font-size: 19px;
	font-size: 1.1875rem;*/
	line-height: 1.473684211;
	margin-bottom: 1.473684211em;
}

.blog .format-status .entry-title,
.archive .format-status .entry-title {
	display: none;
}

/**------------------------------
 * 13.4 - Comments
 -----------------------------*/
.comments-area {
	margin: 3.5em 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
	padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
    border-top: 4px solid #ddd;
    font-weight: 300;
    line-height: 1.3125;
    padding-top: 1.217391304em;
    border-top-style: double;
}
.comments-title {
	margin-bottom: 1.217391304em;
}

.comment-list {
	list-style: none;
	margin: 0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid #d1d1d1;
	padding: 1.75em 0;
}

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

.comment-list .children > li {
	padding-left: 0.875em;
}
.comment-author {
	color: #1a1a1a;
	margin-bottom: 0.4375em;
}
.comment-author .avatar {
	float: left;
	margin-right: 0.875em;
	position: relative;
}
.bypostauthor > article .fn:after {
	content: "\f0da";
	left: 3px;
	position: relative;
	top: 5px;
        opacity: 0.5;
}

.comment-metadata,
.pingback .edit-link {
	color: #686868;
	font-size: 12px;
	line-height: 1.6153846154;
}

.comment-metadata {
	margin-bottom: 2.1538461538em;
}
.comment-metadata a,
.pingback .comment-edit-link {
	color: #686868;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
	color: #45bf55;
}
.comment-metadata .edit-link,
.pingback .edit-link {
	display: inline-block;
}
.comment-metadata .edit-link:before,
.pingback .edit-link:before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}
.comment-content ul,
.comment-content ol {
	margin: 0 0 1.5em 1.25em;
}
.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}
.comment-reply-link {
	border: 1px solid #d1d1d1;
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	margin-top: 2.1538461538em;
	padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
	background-color: #45bf55;
	color: #fff;
	outline: 0;
}
.comment-form {
	padding-top: 1.75em;
}
.comment-form label {
	color: #686868;
	display: block;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}
.comment-list .comment-form {
	padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
	color: #686868;
	line-height: 1.6153846154;
	margin-bottom: 2.1538461538em;
}
.no-comments {
	border-top: 1px solid #d1d1d1;
	font-weight: 500;
	margin: 0;
	padding-top: 1.75em;
}
.comment-navigation + .no-comments {
	border-top: 0;
	padding-top: 0;
}
.form-allowed-tags code {
	/*font-family: Inconsolata, monospace;*/
}
.form-submit {
	margin-bottom: 0;
}
.required {
	color: #999;
}
.comment-reply-title small {
	font-size: 100%;
}
.comment-reply-title small a {
	border: 0;
	float: right;
	height: 20px;
	overflow: hidden;
	width: 20px;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
	color: #1a1a1a;
}
.comment-reply-title small a:before {
	content: "\f00d";
	font-size: 20px;
	position: relative;
	top: -2px;
}
/**--------------------------------
 * 13.5 - Sidebar
 ---------------------------------*/

.sidebar {
    margin-bottom: 3.5em;	
}
.site-footer {
	/*padding: 0 7.6923% 1.75em;*/
    position: relative;    
}
.sub-footer{
    border-top: 1px solid #e6e6e6;
    padding: 60px 0;
    position: relative;
    /*background:#fff;*/    
}
.sub-footer section{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 0 15px;
    margin-bottom:0;
}
.sub-footer .widget{
    border: none;
}
.sub-footer .widget .widget-title{
    border: none;
    padding: 0 0 15px;
    position: relative;
    margin-bottom: 14px;
}
.sub-footer .widget .widget-title:before{
    content: '';
    background: #e6e6e6; 
    position: absolute;
    height: 3px;
    display: block;
    bottom: 0px;
    width: 35px;
}
.sub-footer .widget ul{
    padding: 0;
    list-style: none;
}
.sub-footer .widget ul li:hover{
    list-style: none;
}
.sub-footer .widget p,
.sub-footer .widget address,
.sub-footer .widget ul li a,
.sub-footer .widget .tagcloud a{
    color:#333;
    
}
.site-footer .footer-layout3-wrap .sidebar-two .sub-footer .widget ul li a:hover{
   box-shadow: 0 1px 0 0 currentColor; 
}
.sub-footer .widget ul li a:hover,
.sub-footer .widget .comment-author-link a{
    color:#45bf55;
}
.sub-footer.cols_1 section{
    width: 100%;
}
.sub-footer.cols_2 section{
    width: 50%;
}
.sub-footer.cols_3 section{
    width: 33%;
}
.sub-footer.cols_4 section{
    width: 24.75%;
}
@media (min-width: 768px) and (max-width: 991px) {
    .sub-footer.cols_4 section{
        width: 50%;
    }
}
@media (max-width: 767px) {
    .sub-footer.cols_4 section{
        width: 100%;
    }
   
}
.main-footer{
    height: 60px;
    border-top: 1px solid #e6e6e6;
    position:relative;
}
.site-footer .footer-layout3-wrap .main-footer{
    height:inherit;
}
.site-footer .footer-layout3-wrap .sub-footer{
    border:0;
}
.site-footer .footer-layout3-wrap .sidebar-one{
   border-top:1px solid #e6e6e6; 
}
.site-footer .footer-layout3-wrap .sidebar-two{
    border-top:1px solid #e6e6e6;
    padding: 20px 0;
}
.main-footer .info-left{
    background-color: #24201f;
}
.main-footer .info-right-wrap{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.payments-icon ul{
    padding-bottom: 5px;
}
.payments-icon ul,
.social-icon,
.footer-links-menu{
    list-style: none;
    text-align: right; 
    margin-bottom: 5px;
}
.payments-icon ul li,
.footer-links-menu li{
    list-style: none;
    display: inline-block;
    text-transform: capitalize;
    padding: 0 10px;
}
.footer-links-menu li a{
    color: #24201f;
}
.footer-layout3-wrap .footer-links-menu li a:hover{
    box-shadow: 0 1px 0 0 currentColor;
}
.footer-links-menu li a:hover{
    color: #45bf55;
}
/*social icon*/
.social-icon a{
   padding: 0 10px; 
}

.site-info {
	color: #686868;
	line-height: 1.6153846154;
}
.info-center-wrap{
    background: #24201f;
    margin:0 -15px;
}
.info-center-wrap .site-info{
    text-align: center;
    background: #24201f;
    padding:15px;
    position:relative;
}
.info-center-wrap .site-info > p{
    padding: 0;
    margin-bottom: 0;
}
.site-info a {
	color: #898989;
}

.site-info a:hover,
.site-info a:focus {
	color: #45bf55;
}

.site-footer .site-title {
	font-weight: 400;
}
.site-info p{
    display: inline-block;
    padding: 40px 0 20px;
}

.site-footer .site-title:after {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.307692308em 0 0.538461538em;
}
/*flickr, instagram widgets*/
.site-footer ul, .site-footer ol{
    margin:0;
}
.site-footer .flickr-widget ul li{
    display: initial;
    border: 0;
}

.site-footer .flickr-widget ul li img{
    margin: 3px;
}
.site-footer .flickr-widget ul li img:hover{
    opacity: .5;
   -webkit-transition: opacity .5s ease-out .3s;
   transition: opacity .5s ease-out .3s;
    
}
.site-footer .flickr-widget ul li:hover{
    padding: 0;
}

/*-------------------------------
        14.0 back to top
-----------------------------------*/
.backtotop{
    width: 60px;
    height: 79px;
    background-color: #45bf55;
    color: #24201f;
    line-height: 50px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -84px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 0 5px;
}
.backtop-line{
    width: 50px;
    height: 27px;
    top:-25px;
    background-color: #45bf55;
    color: #24201f;
    position: relative;
    z-index: 2;
    
}
.backtotop a{
     -webkit-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
}
.backtotop:hover, .backtotop:focus{color: #24201f}
.backtotop span{ display: block; text-align: center;}
.backtotop span.text{    
    color:#fff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;	
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.backtotop span.fa{
    padding-top: 25px;
    color:#24201f;
    font-size: 20px;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.backtotop:hover span.fa{
    -webkit-transform: translateX(-11px) rotate(-407deg);;
    transform: translateX(-11px) rotate(-407deg);
}

/*style 2*/
.back-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    position: fixed;
    bottom: 40px;
    right: 35px;
    outline: thin dotted;
    border-radius: 1px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    z-index:1000;
    white-space: nowrap;
    background: #24201f;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.back-top i{
    color: #fff;
    font-size: 20px;
}
.back-top.top-is-visible, .back-top.top-fade-out, .back-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.back-top.top-is-visible {
    visibility: visible;
    opacity: 1;
}
.back-top.top-fade-out {
    opacity: .7;
}
.back-top:hover {
    background-color: #45bf55;
    opacity: 1;
}
.footer-layout3-wrap .back-top {
    bottom: 63px;
}
.site-footer.layout2 .back-top{
    bottom: 80px;
}
/**-------------------------------
 * 15.0 - Media
----------------------------------- */

.site .avatar {
	border-radius: 50%;
}

.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
.entry-content a{
    color: #666;
}
.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
	display: block;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	margin-bottom: 1.75em;
	max-width: 100%;
	vertical-align: middle;
}
#res_videos iframe,
p > embed,
p > iframe,
p > object,
p > video {
    margin-bottom: 0;
}

.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
	box-shadow: none;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	margin-top: 0;
	margin-bottom: 1.75em;
}

.wp-playlist.wp-audio-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 0.7142857143em 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 0.7142857143em;
}
/**-------------------------------
 * 15.1 - Captions
 ---------------------------------*/

.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption .wp-caption-text {
	color: #686868;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}
/**----------------------------------
 * 15.2 - Galleries
 --------------------------------*/

.gallery {
	margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-1 .gallery-item {
	max-width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #686868;
	display: block;
	font-size: 12px;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}
/**--------------------------------
 * 16.0 - Multisites
--------------------------------- */

.widecolumn {
	margin-bottom: 3.5em;
	padding: 0 7.6923%;
}

.widecolumn .mu_register {
	width: auto;
}

.widecolumn .mu_register .mu_alert {
	background: transparent;
	border-color: #d1d1d1;
	color: inherit;
	margin-bottom: 3.5em;
	padding: 1.75em;
}
.widecolumn form,
.widecolumn .mu_register form {
	margin-top: 0;
}
.widecolumn h2 {
	font-size: 23px;
	font-size: 1.4375rem;
	font-weight: 500;
	line-height: 1.2173913043;
	margin-bottom: 1.2173913043em;
}
.widecolumn p {
	margin: 1.75em 0;
}
.widecolumn p + h2 {
	margin-top: 2.4347826087em;
}
.widecolumn label,
.widecolumn .mu_register label {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 400;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	text-transform: uppercase;
}
.widecolumn .mu_register label {
	margin: 2.1538461538em 0.7692307692em 0.5384615385em 0;
}

.widecolumn .mu_register label strong {
	font-weight: 400;
}
.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
	font-size: 16px;
	font-size: 1rem;
	width: 100%;
}

.widecolumn .mu_register #blogname {
	margin: 0;
}
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
	margin: 0 0 0.375em;
}

.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
	font-size: 16px;
	margin: 0;
	width: auto;
}
.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
	font-size: inherit;
}
.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
	margin-bottom: 0;
}
/**-----------------------------------
    Vc shortcode wrap
 * 16.0 block-wrap
--------------------------------------- */
.block-wrap{
    border: 1px solid #ddd;
    margin-bottom:25px;
    position: relative;
}
.block-wrap:last-child{
    margin-bottom: 45px;
}
.block-box{
    position: relative;
    overflow: hidden;
}
.block-header{
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    z-index: 10;    
    top: 50%;    
}
.block-header.center{
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.block-header.center-top{
    top: 25%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.block-header.center-bottom{
    top: 80%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.block-header.left-center{
    top:35%;
    left: 0;    
}
.block-header.left-top{
    top: 20px;
    left: 0; 
}
.block-header.left-bottom{
    top: inherit;
    left: 0;
    bottom: 20px;
}
.block-header.right-center{
    right:0;
    top:35%;
}
.block-header.right-top{
    top: 20px;
    right: 0;
}
.block-header.right-bottom{
    bottom: 20px;
    right: 0;
    top: inherit;   
}


.block-header .block-title{
    margin: 0;
    text-transform: uppercase;
}
.block-header .block-subtitle{
    white-space: nowrap;
}
.piko-categories-wrap img,
.block-box img{
   -webkit-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
   transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.piko-categories:hover .piko-categories-wrap img,
.block-wrap:hover .block-box img{
   -webkit-transform: scale(1.05);
   transform: scale(1.05); 
}
.block-button{
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 3px 15px;
    background-color:rgba(0,0,0,0.3);
    position: relative;
    -webkit-transition: color 0.25s ease;
    transition:color 0.25s ease;
    text-align: center;
    display: inline-block; 
    cursor:pointer; 
    overflow:hidden;
    margin-top: 5px;
}
.block-button.two{
    background-color:rgba(219,219,219,0.3);
     padding: 20px 5px;
    width:600px;
}
.block-button a{
    color:#fff;
    -webkit-transition: all .5s ease;
    transition:all .5s ease;
    z-index:2;
    position:relative;
    box-shadow: inherit;
    white-space: nowrap;
}
.btn-overlay{
    min-width:100%;
    height:40px;
    left:-250px;
    top:-50px;
    background:#45bf55;
    position:absolute;
    -webkit-transition: all 1.5s ease;
    transition:all 1.5s ease;
    z-index:1;
}
.btn-overlay.two{
    top:-150px;
    left:-450px;
    height:150px;
    background-color:rgba(69,191,85,0.5);
}
.block-wrap:hover .btn-overlay{
  left:0;top:0;
}
.block-wrap .block-button:hover a{
  color:#24201f;
  -webkit-transition: all .5s ease;
  transition:all .5s ease;

}
.block-wrap .block-button:hover .block-title{
  color:#fff;
  -webkit-transition: all .8s ease;
  transition:all .8s ease;
}

/*----------------------
*   16.1  icon block
------------------------*/
.icon-block{
    color: #24201f;
    padding: 15px;
    margin-bottom: 50px;
}
.feature-block.style2 .icon-block{
    padding: 0;
    margin: 0;
}
.icon-block .icon{
    font-size: 50px;
}
.icon-block .icon-content > h3{
    margin: 15px 0 10px;
    font-weight:400;
}
.icon-block .icon-content > p{
    margin-bottom: 10px;
}
.block_read_more{
    font-size: 12px;
    letter-spacing: 2px;
}
.block_read_more:after{
    content: "\e069";
    font-family: "linea-arrows-10";
    font-size: 16px;
    margin-left: 5px;
    vertical-align: middle;
}
.block_read_more:hover:after{    
    -webkit-animation: block_read__icon 1.5s 0s infinite;    
    animation: block_read__icon 1.5s 0s infinite;
}
@-webkit-keyframes block_read__icon {
    50% { padding-left: 10px; }
    100% { padding-left: 0; } 
}
@keyframes block_read__icon {
    50% { padding-left: 10px; }
    100% { padding-left: 0; } 
}


/*bootstrap padding less*/
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.navbar-collapse.collapse {
    border-bottom: 3px solid #45bf55;
}
.navbar {    
    margin-bottom: 0;
    border:none;
    border-bottom: 3px double #e6e6e6;
}
.feature-product-tabs .nav > li > a:focus, .feature-product-tabs .nav > li > a:hover, .feature-product-tabs .nav > li.active > a {
    background-color: #45bf55;
    color: #24201f;    
}
.feature-product-tabs .nav > li.active:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #fff;
    left: 47%;
    bottom: -4px;
}
.style2.feature-product-tabs .nav > li > a:focus, .style2.feature-product-tabs .nav > li > a:hover, .style2.feature-product-tabs .nav > li.active > a {
    background-color: transparent;
}
.style2.feature-product-tabs .nav > li.active:after {
    border-top: 4px solid #45bf55;
    top:0;
    border-bottom: transparent;
}
.style2.feature-product-tabs .navbar-collapse.collapse {
    border-bottom: none;
}
.style2.feature-product-tabs .navbar {
    border-top: 3px solid;
    border-bottom: 3px solid;
    
}
.style3.feature-product-tabs .navbar-collapse.collapse{
    border: none;
}
.style3.feature-product-tabs .navbar {
    border-top: 3px solid;
    border-bottom: none;
    margin-bottom: 5px;
}
.style3.feature-product-tabs .nav > li.active:after {
    border-top: 4px solid #fff;
    top:0;
    border-bottom: transparent;
}

/*edit vc cols less padding*/
.vc-col-padding-less .vc_column_container > .vc_column-inner{
    padding-left: 0;
    padding-right: 0;
}
.vc-col-padding-less{
    padding: 0 15px;
}
/*---------------------------
   16.3 select chosen 
------------------------*/
.chosen-container{
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: inherit;
    min-width: 220px;
}
.chosen-container-single .chosen-single{
    background: transparent;
    border: 1px solid #e6e6e6;
    box-shadow: none;
    border-radius: 0;
    color: inherit;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
}
.chosen-container-single .chosen-single div b{
    background: url(assets/images/bg/icon-select2.png) no-repeat center!important;
}
.chosen-container-single .chosen-single div{
    right: 5px;
}
.chosen-container-active.chosen-with-drop .chosen-single{
    box-shadow: none;
    -moz-box-shadow:none;
    -webkit-box-shadow: none;
    background-image: none;
}
.chosen-container-single .chosen-search input[type="text"]{
    background: url(assets/images/bg/icon-search.png) no-repeat 100%;    
    text-transform: uppercase;
    letter-spacing: 1px;
    color: inherit;
    height: 32px;
    padding-top: 4px;
    padding-bottom: 0;
    border-color: #e6e6e6;
}
.chosen-container-single .chosen-drop{
    border-radius: 0;
    box-shadow: none;
    -moz-box-shadow:none;
    -webkit-box-shadow: none;
    border-color: #e6e6e6;
}
.chosen-container .chosen-results{
    color: inherit;
    border-radius: 0;
}
.chosen-container-active.chosen-with-drop .chosen-single{
    border-color: #e6e6e6;
}
.chosen-container .chosen-results li.highlighted{
    background-image: none;
    background-color: #45bf55;
}
.piko-topbar .chosen-container{    
    min-width: 180px;
    text-align:left;
}
.piko-topbar .chosen-container-single .chosen-single {
    border: 0;
    height: 41px;
    line-height: 41px;
}

.widget_text select,
.widget_text .chosen-container{
    max-width: 220px;
}
.widget_text select option{
    max-width: 205px;
}
.widget_text select option{
    padding:5px 6px;
}
/*---------------------------
    16.4 owl carousel
-------------------------------*/ 
.owl-carousel .owl-nav > div{
    position: absolute;
    font-size: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.owl-carousel:hover .owl-nav > div{
    opacity: 1;
    filter: alpha(opacity=100);
}
.owl-carousel .owl-nav > div.owl-prev{
    left: -30px;
}
.owl-carousel .owl-nav > div.owl-next{
    right: -30px;
}
.owl-carousel:hover .owl-nav > div.owl-prev{
    left:10px;
}
.owl-carousel:hover .owl-nav > div.owl-next{
    right: 10px;
}
.navdiv_bottom .owl-carousel .owl-nav > div{
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    top: 100%;
}
.navdiv_top .owl-carousel .owl-nav > div{
    top: -45px;
    opacity:1;
}
.navdiv_top .owl-carousel .owl-nav > div.owl-prev{
    left: inherit;
    right: 50px;
}
.navdiv_top .owl-carousel .owl-nav > div.owl-next{
    right: 20px;
}

/*product slide*/
.product-catigories .owl-carousel .owl-nav > div,    
.feature-product-slide .owl-carousel .owl-nav > div{    
    padding: 6px 14px;
    color:#fff;
    background: #45bf55;
}
.owl-nav-center .owl-carousel:hover .owl-nav > div.owl-prev,
.product-catigories .owl-carousel:hover .owl-nav > div.owl-prev,
.feature-product-slide .owl-carousel:hover .owl-nav > div.owl-prev{
    left:0;   
}
.owl-nav-center .owl-carousel:hover .owl-nav > div.owl-next,
.product-catigories .owl-carousel:hover .owl-nav > div.owl-next,
.feature-product-slide .owl-carousel:hover .owl-nav > div.owl-next{
  right: -1px;
}
.product-catigories .owl-carousel .owl-nav > div:hover,
.feature-product-slide .owl-carousel .owl-nav > div:hover{
    color: #24201f;
}
/*post slide shortcode*/
.owl-nav-center.owl-carousel:hover .owl-nav > div{
    padding: 7px 2px 1px;
    border: 1px solid #d6d6d6;
    background: #e6e6e6;
    color: #24201f;
}
.category-product-slide.owl-carousel .owl-nav > div:hover,
.owl-nav-center.owl-carousel .owl-nav > div:hover{
    background-color: #45bf55;
    border: 1px solid #45bf55;
    color:#fff;
}
/*owl nav show outer*/
.owl-nav-show-hover.owl-carousel .owl-nav > div,
.owl-nav-show-inner.owl-carousel .owl-nav > div,
.owl-nav-show.owl-carousel .owl-nav > div{
    padding: 7px 10px;
    background: #e6e6e6;
    color: #24201f;
}
.owl-nav-show-hover.owl-carousel .owl-nav > div:hover,
.owl-nav-show-inner.owl-carousel .owl-nav > div:hover,
.owl-nav-show.owl-carousel .owl-nav > div:hover{
    background-color: #45bf55;
    color:#fff;
}
.owl-nav-show-hover.owl-carousel:hover .owl-nav > div.owl-prev,
.owl-nav-show.owl-carousel:hover .owl-nav > div.owl-prev{
    left:0;   
}
.owl-nav-show-hover.owl-carousel:hover .owl-nav > div.owl-next,
.owl-nav-show.owl-carousel:hover .owl-nav > div.owl-next{
  right: -1px;
}
.owl-nav-show-inner.owl-carousel .owl-nav > div{
    opacity: 1;
}
/*owl nav show inner*/
.owl-nav-show-inner.owl-carousel .owl-nav > div.owl-prev{
    left: 0px;
}
.owl-nav-show-inner.owl-carousel .owl-nav > div.owl-next{
    right: -1px;
}
.owl-nav-show-inner.owl-carousel:hover .owl-nav > div.owl-prev{
    left:0;   
}
.owl-nav-show-inner.owl-carousel:hover .owl-nav > div.owl-next{
  right: -1px;
}
/*owl pagination*/
.owl-carousel .owl-dots .owl-dot{
    width: 10px;
    height: 10px;
    border:2px solid #959595;
    display: inline-block;    
    opacity: 0.3;
    filter: alpha(opacity=20);
    margin: 0 5px;
}
.owl-carousel .owl-dots .owl-dot.active{
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #24201f;
}
.owl-dots{
    margin:15px 0;
    text-align:center;
}
/*bootrap tabs fix*/
.tab-content.slide{
    margin-bottom:45px;
}
.slide.tab-content > .tab-pane {
    display: block;
    height:0;
}
.slide.tab-content > .active {
    height:auto;
}
/*--------------------------
   16.5 main title
---------------------------*/
.main-title-wrap{
	overflow: hidden;
	text-align: center;
}
.main-title-wrap .main-title{
	display: inline-block;
	position: relative;
	margin-bottom:45px;
        text-transform: uppercase;
        color: #555;
}
.main-title-wrap .main-title:after,.main-title-wrap .main-title:before{
	content: "";
	top: 49%;
	position: absolute;
	border-bottom: 1px solid #e6e6e6;
	width: 999%;
        z-index: 2;
}
.main-title-wrap .main-title.line-double:after,.main-title-wrap .main-title.line-double:before{	
	border-bottom: 3px solid #e6e6e6;	
}

.main-title-wrap .title-square:before{
    content: "";
    top: 30%;
    position: absolute;
    left: -30px;
    width: 18px;
    height: 16px;
    background: #45bf55;
    z-index: 3;
}
.main-title-wrap .title-line:before{
    content: "";
    top: 20%;
    position: absolute;
    left: -20px;
    width: 2px;
    height: 20px;
    background: #e6e6e6;
    z-index: 3;
}
.main-title-wrap .title-line:after{
    content: "";
    top: 20%;
    position: absolute;
    right: -20px;
    width: 2px;
    height: 20px;
    background: #e6e6e6;
    z-index: 3;
}
.main-title-wrap .title-square2:before{
    content: "";
    top: 41%;
    position: absolute;
    left: -36px;
    width: 8px;
    height: 8px;
    background: #45bf55;
    z-index: 1;
}
.main-title-wrap .title-square:after{
    content: "";
    top: 30%;
    position: absolute;
    right: -30px;
    width: 18px;
    height: 16px;
    background: #45bf55;
    z-index: 3;
}
.main-title-wrap .title-square2:after{
    content: "";
    top: 41%;
    position: absolute;
    right: -36px;
    width: 8px;
    height: 8px;
    background: #45bf55;
    z-index: 1;
}
.main-title-wrap .main-title:after{
	margin-right: 20px;
	right: 100%;
}
.main-title-wrap .main-title:before{
	margin-left: 20px;
	left: 100%;
}
.main-title-wrap.sub{
    text-align: inherit;
}
.main-title-wrap .sub-title{
	display: inline-block;
	position: relative;
        text-align:left;
}
.main-title-wrap .sub-title:after{
	content: "";
	top: 60%;
	position: absolute;
	border-bottom: 1px solid #e6e6e6;
	width: 999%;
        z-index: 2;
        margin-left: 10px;
}
.main-title-wrap .sub-title.two:after{
	content: "";
	top: 48%;
	position: absolute;
	border-bottom: 1px solid #e6e6e6;
        padding: 3px 0;
	border-top: 1px solid #e6e6e6;
	width: 999%;
}

/*---------------------------------------------
* 16.5 newsletter, coming soon, social icon
----------------------------------------------*/
.newsletter-form-wrap {
  overflow: hidden;
}
.maintenance .piko-countdown-wrap{
	margin-top: 40px;
}
.piko-countdown-wrap .date_warp{
	display: inline-block;	
	width: 185px;
	max-width: 24%;
        margin-bottom: 30px;
}
.piko-countdown-wrap .date_warp .number{
	font-size: 80px;
	line-height: normal;
	display: block;
        font-weight:500;
        margin-top:0;
}
.piko-countdown-wrap .date_warp .name{
	font-size: 21px;
	display: block;
         font-weight:500;
}
.centered-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);  
}
/*news latter*/
.screen-middle {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.screen-middle .logo{
    text-align:center;
    margin-bottom: 30px;
}
.maintenance p{
    text-align:center;
    font-size:20px;
}
.maintenance p.subs{
    font-size:18px;
    margin-top:15px;
    font-weight: 400;
}

.maintenance .coming-soon-social{
    margin: 30px 0 20px;
}

.maintenance .coming-soon-social .social-effect-1b .social-icon {
    color: #222;
}
.maintenance .coming-soon-social .social-icon {
    width: 43px;
    height: 40px;
    margin: 2px 2px;
    font-size: 22px;
}
.form-newsletter{
    display: table;
    position: relative;
    width: 100%;
    margin: 15px 0;
}
.form-newsletter input[type="text"]{
    width: 100%;
    display: table-cell;
}
.form-newsletter > span {
  display: table-cell;
  vertical-align: middle;
  width: 3%;
}
.piko-newslatter .button_newletter{
    padding: 14px 27px;
}
.newsletter-form-wrap{
    width: 75%;
    margin: 0 auto;
}
.newsletter-form-wrap .form-newsletter input[type="text"]{
    padding: 15px 18px;    
    border: 1px solid #e7e7e7;
    color: inherit;
    outline: none;
    background: rgba(255,255,255,0.5);
}
.newsletter-form-wrap .return-message {
  clear: both;
  display: block;
  font-size:14px;
  margin-top: 8px;
  color: #45bf55;
}
.newsletter-form-wrap .bg-danger {
  background-color: transparent;
}

.newsletter-form-wrap .form-newsletter button[type="submit"]{
    font-size: 14px;
    letter-spacing: 5px;
    padding: 17px 30px;
}
/* newsletter - social */
.piko-newslatter{
    margin-bottom:30px;
}
.social-icon-wrap{
    margin-bottom: 30px;
}
.social-icon-wrap > p,
.newsletter-form-wrap > p{
   font-size:18px;
}
/*social icon*/
.social-icon-wrap.right{
   text-align: right; 
}
.social-icon-wrap.center{
   text-align: center; 
}
/*style1*/
.icon-wrap a{
    position: relative;
    /*background: #24201f;*/
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-right: 5px;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    border: 1px solid #d1d1d1;
    -webkit-transition: all .4s  ease-out;
    transition: all .4s  ease-out;
}
.icon-wrap a:hover{
    /*border: 1px solid #d1d1d1;*/
    background: transparent;
    color:#24201f;
}
/*style2*/
.icon-wrap.style2 a{
    border-radius: 15%/ 25px;
   
}
/*style3*/
.icon-wrap.style3 a:before{
    content: '';
    position: absolute;
    width: 0; 
    height: 0;
    border-right: 10px solid transparent;
    border-top: 10px solid #45bf55;
    left: 0;
   
}
.icon-wrap.style3 a:after{
    content: '';
    position: absolute;
    width: 0; 
    height: 0;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #45bf55;
    bottom: 0;
    right:0;
   
}
/*style3*/
.icon-wrap.style4 a:before{
    content: '';
    position: absolute;
    width: 0; 
    height: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid #45bf55;
    right: 0;
   
}
.icon-wrap.style4 a:after{
    content: '';
    position: absolute;
    width: 0; 
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #45bf55;
    bottom: 0;
    left:0;   
}
.icon-wrap.style3 a:hover,
.icon-wrap.style4 a:hover{
    border: 1px solid #24201f;
    background: #45bf55;
    color:#fff;
}
/*-------------------------------------
    16.6 overlay button wrap
----------------------------------------*/

.piko-overflow-hidden { position: relative; overflow: hidden;}
.image-overlay-wrap img{ width: 100%; height: auto;}
.image-overlay-wrap .overlay-btn {position: absolute;top: 0;right: 0; bottom: 0;  left: 0;  opacity: 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.image-overlay-wrap:hover .overlay-btn {opacity: 1;background-color: rgba(222, 193, 140, 0.8);}

.image-overlay-wrap .btn-round {background-color: #ffffff;border: medium none;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;border-radius: 50%;-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
.image-overlay-wrap .btn-round > a {color: #24201f;display: block;font-weight: normal;}
.image-overlay-wrap .btn-round > a:hover {color: #45bf55;}
/* top to center*/
.image-overlay-wrap .center-to-center span,
.image-overlay-wrap .top-to-center span {position: absolute;}
.image-overlay-wrap .top-to-center span:nth-of-type(1) {top: 0;left: 50%;margin: -20px 0 0 -68px;visibility: hidden;opacity: 0;-webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;}
.image-overlay-wrap .top-to-center span:nth-of-type(2) {top: 0;left: 50%;margin: -20px 0 0 -20px;visibility: hidden;opacity: 0;-webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;}
.image-overlay-wrap .top-to-center span:nth-of-type(3) {top: 0;right: 50%;margin: -20px -68px 0 0;visibility: hidden;opacity: 0;-webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;}
.image-overlay-wrap:hover .top-to-center span:nth-of-type(1) {top: 50%;visibility: visible;opacity: 1;}
.image-overlay-wrap:hover .top-to-center span:nth-of-type(2) {top: 50%;visibility: visible;opacity: 1;}
.image-overlay-wrap:hover .top-to-center span:nth-of-type(3) {top: 50%;visibility: visible;opacity: 1;}
/*button center center*/
.image-overlay-wrap .center-to-center span:nth-of-type(1) {bottom: 50%;top: 50%;left: 0;margin: -20px 0 0 -68px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.image-overlay-wrap .center-to-center span:nth-of-type(2) {bottom: 50%;top: 50%;left: 50%;right: 50%;margin: -20px 0 0 -20px;visibility: hidden;opacity: 0;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.image-overlay-wrap .center-to-center span:nth-of-type(3) {bottom: 50%;top: 50%;right: 0;margin: -20px -68px 0 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.image-overlay-wrap:hover .center-to-center span:nth-of-type(1) {left: 50%;visibility: visible;opacity: 1;}
.image-overlay-wrap:hover .center-to-center span:nth-of-type(2) {visibility: visible;opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.image-overlay-wrap:hover .center-to-center span:nth-of-type(3) {right: 50%;visibility: visible;opacity: 1;}
/*button center rotate*/
.image-overlay-wrap .center-rotate {visibility: hidden;margin: 0;opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;visibility: visible;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.image-overlay-wrap:hover .center-rotate {opacity: 1;visibility: visible;-webkit-transform:rotateX(360deg);transform:rotateX(360deg);}
/*button center zoom*/
.image-overlay-wrap .center-zoom {visibility: hidden;opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;-webkit-transform: scale(0.2);transform: scale(0.2);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.image-overlay-wrap:hover .center-zoom {opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1);}
/*button bottom to center*/
.image-overlay-wrap .bottom-to-center {visibility: hidden;margin: 0;opacity: 0;position: absolute;text-align: center;bottom: 0;width: 100%;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.image-overlay-wrap:hover .bottom-to-center {margin-bottom: -20px;opacity: 1;bottom: 50%;visibility: visible;}
/*button right to center*/
.image-overlay-wrap .right-to-center {visibility: hidden;opacity: 0;position: absolute;text-align: right;right: 0;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.image-overlay-wrap:hover .right-to-center {margin-right: -42px;opacity: 1;right: 50%;visibility: visible;}
/*button left to center*/
.image-overlay-wrap .left-to-center {visibility: hidden;opacity: 0;position: absolute;text-align: left;left: 0;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.image-overlay-wrap:hover .left-to-center {margin-left: -42px;opacity: 1;left: 50%;visibility: visible;}
/*content overlay*/
/*fadein*/
.piko-fadin .content-fadin {position: absolute;background-color: rgba(222, 193, 140, 0.5);opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.piko-fadin:hover .content-fadin {opacity: 1;visibility: visible;}
.piko-fadin .content-fadin .content {position: absolute;top: 10%;padding: 0 10px;}


.image-overlay-wrap .zoomin {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: scale(0.0);transform: scale(0.0);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.image-overlay-wrap:hover .zoomin {opacity: 1;visibility: visible;-webkit-transform: scale(1.0);transform: scale(.9);}


.image-overlay-wrap .roated {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: rotateY(0deg) scale(0.0);transform: rotateY(0deg) scale(0.0);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.image-overlay-wrap:hover .roated {opacity: 1;visibility: visible;-webkit-transform: rotateY(360deg) scale(.9);transform: rotateY(360deg) scale(.9);}

/*tooltip color*/
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: red;
}

.toggle-header .showing {
    z-index: 1001;
}
/*------------------------------
   16.7 Login form  
---------------------------------*/
.button-togole .fa-unlock-alt{
    display: none;
}
.button-togole.active .icon{
    width:8px;
}
.button-togole.active .piko-menu-bar,
.button-togole.active .icon,
.button-togole.active .cart-number{
    display: none;
}
.piko-layout-header .piko-show-account{
    background: #f6f6f6;
    display: none;
    left: auto;
    right: 0;
    position: absolute;
    top: 100%;
    width: 400px;
    z-index: 1001;
    padding: 40px 30px;
}
.button-togole.active .fa-unlock-alt{
    display: initial;
}
/* Page login */
.piko-my-account{
    max-width: 390px;
    margin: 0 auto;
}
.piko-my-account .inner-my-acount {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.piko-my-account .inner-my-acount #piko-login-form,
.piko-my-account .inner-my-acount #piko-register-form{
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.piko-my-account .inner-my-acount #piko-login-form{
    position: relative;
    top: 10px;
}
.piko-my-account .inner-my-acount #piko-register-form{
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 10px;
  margin-bottom: 100px;
}
.piko-my-account .inner-my-acount .register-form{
    /*background-color: #f6f6f6;*/
}
.piko-my-account .inner-my-acount #piko-login-form.slide, .piko-my-account .inner-my-acount #piko-register-form.slide {
  top: 0;
}
.piko-my-account .inner-my-acount #piko-login-form.show, .piko-my-account .inner-my-acount #piko-register-form.show {
  opacity: 1;
  z-index: 5;
}
.piko-my-account span.title{
    display: block;
    font-size: 21px;
    margin-bottom: 20px;
}
.piko-my-account .form-group {
  margin-bottom: 0px;
}
.woocommerce .piko-my-account .form-group {
  margin-bottom: 15px;
}
.piko-my-account .remember{
  margin-top: 15px;
}
.piko-my-account .remember label{
  margin-bottom: 0;
}
.piko-my-account form input[type="text"],
.piko-my-account form input[type="password"]{
    border: 1px solid #ededed;
    background-color: #ffffff;
    padding: 8px 15px;
    border-radius: 0;
    width: 100%;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    height: 40px;
}
.piko-my-account form .form-group label{
    font-weight: normal;
}
.piko-my-account form button[type="submit"]{
    width: 100%;
    margin: 13px 0 15px;
}
.piko-my-account .hr{
    width: 100%;
    height: 1px;
    background-color: #eaeaea;
    margin: 35px 0;
     border-bottom: 1px solid #eaeaea;
}
.piko-login-form .bottom-login > a{
    border-bottom: 1px solid;
    float: right;
}
.piko-my-account .piko-togoleform {
  border: 2px solid #24201f;
  background-color: #f6f6f6;
  color: #24201f;
  display: block;
  font-size: 11px;
  letter-spacing: 5px;
  margin-bottom: 20px;
  margin-top: 35px;
  padding: 7px 15px;
  text-align: center;
  text-transform: uppercase;
}
.piko-my-account .piko-togoleform:hover{
    background-color: #24201f;
    color: #ffffff;
}
.piko-login-form .checkbox-remember{
    float: left;
    margin-right: 20px;
}
.piko-login-form .checkbox-remember input[type="checkbox"]{
    margin: 0 7px 0 0;
    vertical-align: middle;
}
.piko-login-form .bottom-login{
    overflow: hidden;
    padding-bottom: 15px;
}
.piko-show-account.logged-in .piko-my-account h4{
	border-bottom: 1px solid #eaeaea;
    padding-bottom: 8px;
}
.link-external li{
	list-style: none;
	padding: 15px 0;
}
.link-external li a{
	color: inherit;
}
.link-external li a:hover{
    color: #bda47d
}
.piko-show-account.logged-in .link-account{
    background: transparent;
    width: 100%;
    color: #24201f;
    border: 2px solid;
    margin-top: 30px;
}
.piko-show-account.logged-in .link-account:hover{
    background: #45bf55;
    border-color: #45bf55;
}
.piko-layout-header .piko-show-account.logged-in .piko-my-account h4{
    color: inherit;
    border-color: #353535;
}
.piko-layout-header .piko-show-account.logged-in .link-account{
    background: #45bf55;
    border-color: #45bf55;
}
.piko-layout-header .piko-show-account.logged-in .link-account:hover{
    background: #24201f;
    border-color: #24201f;
    color: #ffffff;
}

/** Login/Register form **/
.piko-my-account .inner-my-acount .piko-login-form,
.piko-my-account .inner-my-acount .piko-register-form{
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.piko-my-account .inner-my-acount .piko-login-form{
    position: relative;
    top: 10px;
}
.piko-my-account .inner-my-acount .piko-register-form{
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 10px;
}
.piko-my-account .inner-my-acount .piko-login-form.slide, .piko-my-account .inner-my-acount .piko-register-form.slide {
    top: 0;
}
.piko-my-account .inner-my-acount .piko-login-form.show, .piko-my-account .inner-my-acount .piko-register-form.show {
    opacity: 1;
    z-index: 5;
}
.piko-my-account .inner-my-acount {
    overflow: visible;
}
/*----------------------------------------------
    16.8 shortcode post, testimonial, tabs
----------------------------------------------*/
.blog-post-slide a{
    color:#24201f;
}
.blog-post-slide a:hover{
    color:#45bf55;
}
.blog-metas{
    list-style:none;
    margin:0;
}
.blog-metas li{
    font-size:12px;
    padding: 5px 5px 5px 0;
    display: inline-block;
}
.blog-metas li:after{
    content: '|';
    padding-left: 5px;
    color: #ccc;
}

.blog-metas li a{
    color: #777;
}
.blog-metas li a:hover{
    color: #45bf55;
}
/*tabs*/
.widget_recent_postimage,
.piko-tabs-widget{
    padding-bottom: 20px;
}
.widget_recent_postimage .media{
    padding: 0 5px;
}
.piko-tabs-widget.widget ul{
    padding: 0 0 0 .4em;
    margin: 0;
}
.piko-tabs-widget.widget{
    overflow: hidden;
}
.piko-tabs-widget .tab-widget{
    padding: 1.1em .5em 1em .5em;
}
.piko-tabs-widget .tab-content .tab-pane {    
    position: relative;
}
.piko-tabs-widget .nav-tabs li a{
    color: #24201f;
    font-weight: 500;
}
.widget_recent_postimage .media a,
.piko-tabs-widget .media a{
    color: #24201f;
}
.piko-tabs-widget .media .media-body i{
    font-size: 11px;
}
.widgets-post-icon{
    color:#777;
}
.media .media-left img {
    max-width: none !important;
}
.widgets-post-icon:hover,
.widget_recent_postimage .media a:hover,
.piko-tabs-widget .media a:hover{
    color: #45bf55;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus{
    color:#45bf55;
}
/*testimonial*/
.testimonial-slide .feedback-image,
.testimonial-slide .feedback-info{
    display:inline-block;
}
.testimonial-slide .feedback-image{
    position: relative;
}
.testimonial-slide .feedback-image img {
    display: inherit;
    width: 100px !important;
    border-color: #b4b4b4; 
border-style: double;
border-width: 0px 0px 3px 0px
}
.testimonial-slide .feedback-image .quote{
    position: absolute;
    background-color:rgba(69,191,85, 0.5);
    color:#24201f;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    z-index: 10
}
.testimonial-slide .feedback-info{
    margin-left: 20px;
    vertical-align: middle;
}
.testimonial-slide h4{
    margin:0;
    text-transform: capitalize;
}
.testimonial-slide .feedback-info .designation{
   font-weight: 500;
}
.testimonial-slide .feedback-info a{
   font-size:11px;
   letter-spacing: 1px;
   color:#24201f;   
}
.testimonial-slide .feedback-info a:hover{
   color:#45bf55;   
}

.style2.testimonial-slide .feedback-info{
    display:block;
}
.style2.testimonial-slide p{
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    padding-top: 15px;
    margin:0;
}
.testimonial-slide.white .designation,
.testimonial-slide.white p{
    color: #ccc;
}
.testimonial-slide.white h4{
    color: #fff;
}

/* testamial widgets*/
.testimonial-widget{
  padding: 0 20px 20px 20px;
  overflow: hidden;
}
.testimonial-widget ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.testimonial-widget li{
  padding-top: 17px;
  margin-bottom: 20px;
}
.testimonial-widget li img {
    border: 3px double #b4b4b4;
    border-radius: 90%;
    opacity: 0.5;
    margin:0 auto;
}
.testimonial-widget .item-center li{
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 2;
  top: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.testimonial-widget .item-center .feedback-image{
    position:relative;
}
.testimonial-widget .item-center .feedback-image:after{
    content: "\f10d";
    font-family: 'FontAwesome';
    font-size: 18px;
    background-color: #fff;
    color: #24201f;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    margin: 0 auto;
    bottom: -10px;
    position: absolute;
    left: 0;
    right: 0;
}
.testimonial-widget .item-center li img{
  opacity: 1;
}
.testimonial-widget .info{
  display: none;
}
.testimonial-widget h4{
    margin-bottom:0;
}
.testimonial-widget .text{
  margin-bottom: 15px;
}
.testimonial-widget .widget-caption{
  overflow: hidden;
}
/*instagram wrap*/
.instagram-wrap{
    margin-bottom: 45px;
    position: relative;
}
.instagram-wrap .widget{
    margin: 0;
    padding:0;
    border: none;
}
.null-instagram-feed ul {
  text-align: center;
  padding:0;
  list-style: none;
}
.null-instagram-feed li {
  overflow:hidden;
  list-style: none;
  list-style-image: inherit !important;
}
.null-instagram-feed li img {
  opacity: 1;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.null-instagram-feed li img:hover {
  opacity: 0.7;
}
.null-instagram-feed li a {
  display: block;
  position: relative;
}
.null-instagram-feed li a .insta-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-color: rgba(20, 20, 20, 0.5);
}

.null-instagram-feed li a .insta-info span {
  display: inline-block;
  top: 50%;
  position: relative;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 83px;
  text-transform: uppercase;
  padding: 0 1em;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
  opacity: 0;
}
.null-instagram-feed li a .insta-info span.insta-likes:before {
  content: "\f004";
  font-family: FontAwesome;
  color: #fff;
  display: inline-block;
  padding-right: 6px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.null-instagram-feed li a .insta-info span.insta-comments:before {
  content: "\f075";
  font-family: FontAwesome;
  color: #fff;
  display: inline-block;
  padding-right: 6px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.null-instagram-feed li a .insta-info span:hover {
  color: #b3b3b3;
}
.null-instagram-feed li a .insta-info span:hover:before {
  color: #b3b3b3 !important;
}
.null-instagram-feed .row a.prettyPhoto{
    right: 15px;
}
section.widget.null-instagram-feed .row a.prettyPhoto,
.null-instagram-feed ul.no-gutters.row a.prettyPhoto{
    right: 0;
}
.site-footer .sub-footer .null-instagram-feed.widget ul li a:hover{
    box-shadow: none !important;
}
.null-instagram-feed li:hover a.prettyPhoto {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.null-instagram-feed li:hover .insta-info {
  opacity: 1;
}
.null-instagram-feed li:hover .insta-info span {
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  opacity: 1;
}
.null-instagram-feed .row li {
  padding-bottom: 30px;
}
.null-instagram-feed ul.no-gutters.row li{
    padding-bottom: 0;
}
section.widget.null-instagram-feed .clear{
  font-size: 15px;
  text-align: center
}
section.widget.null-instagram-feed{
    padding-bottom:20px;
}
section.widget.null-instagram-feed li a .insta-info span {
  font-size: 15px;
}
section.widget.null-instagram-feed .instagram-pics.row{
    padding: 0 5px 8px 5px;
}
.sub-footer section.widget.null-instagram-feed,
.sub-footer section.widget.null-instagram-feed .instagram-pics.row{
    padding: 0;
}
section.widget.null-instagram-feed .instagram-pics.row li{
    padding: 0 0 10px;
}
section.widget.null-instagram-feed .instagram-pics.row{
  margin-right: 0;
  margin-left: 0;
}
section.widget.null-instagram-feed .instagram-pics.row > [class^="col-"],
section.widget.null-instagram-feed .instagram-pics.row > [class*=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
section.widget.null-instagram-feed .instagram-pics.row.no-gap > [class^="col-"],
section.widget.null-instagram-feed .instagram-pics.row.no-gap > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
section.widget.null-instagram-feed .instagram-pics.row.no-gap li{
    padding-bottom: 0;
}
section.widget.null-instagram-feed .instagram-pics li a i{
    color:#fff;
}
section.widget.null-instagram-feed .instagram-pics .insta-info span {
    display: none;
  }
@media only screen and (max-width: 992px) {
  .null-instagram-feed .instagram-pics .insta-info span {
    display: none;
  }
}

/*brand logo style*/
.brand-logo-style{
    
}
.brand-logo-style img{
    position: relative;
}
.brand-logo-style figure{
    position: relative;
    overflow: hidden;
}
/* ---------------------------------
    16.9 Zoom In effect 
-----------------------------------*/
.font-icon,
.hover01 img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.hover01:hover .font-icon,
.hover01:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
/* Shine effect */
.hover01,
.hover02,
.hover03,
.hover04,
.hover05{
	position: relative;
        overflow:hidden;
}
.hover02:before {
	position: absolute;
	top: 0;
	left: -85%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover02:hover:before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/* Circle effect */
.hover03:before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.3);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover03:hover:before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
.hover04 a:before,
.hover04 a:after {
	position: absolute;
	content: '';
	opacity: 0;
}
.hover04 a:before {
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.hover04 a:after {
    top: 10px;
    right: 20px;
    bottom: 10px;
    left: 20px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.hover04 a:before,
.hover04 a:after{
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.hover04:hover a:before,
.hover04:hover a:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.hover04:hover a:after {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.hover05 a:before {
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	border: 1px dotted #fff;
	content: '';
}
.hover05 a:before{
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.hover05:hover a:before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
/*overlay text*/
figure .overlay{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    -webkit-transition: .3s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    opacity: 0;
    border: 2px;
    padding:5px 10px 6px;
    background: rgba(0, 0, 0, 0.6);
}
figure .overlay:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border: 1px solid #fff;
}
figure:hover .overlay{
    opacity: 1;
}
/* ------------------------------------
    16.10 feature shortcode 
------------------------------------*/
.feature-block{
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.feature-block figure img {
  width: 100%;
  -webkit-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.feature-block:hover figure img{
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
}
.feature-block .info-block{
    position: absolute;
    bottom: 0px;
    padding: 35px;
    width: 100%;
}
.feature-block .info-block .icon{
    font-size: 70px;
    line-height: 70px;
}
.info-block h4{
    margin-bottom: 0;
   text-transform: uppercase;     
}
.feature-block .info-block h3 {
    margin: 0;
    font-weight:400;    
}
.feature-block .info-block h4 > a{
	color: inherit;
}
.feature-block .info-block p{
    margin-bottom: 0;
    font-size: 15px;
}
.title_before .info-block p{
    margin-bottom:0px;
}
/*Rev slider*/
.tp-loop-wrap a,
.tp-caption .button{
    color:#fff;
}
/*error 404*/
.error-404{
    text-align: center;    
}
.error-404 .text404{
    font-size:200px;
    font-weight: 300;
    line-height:150px;
}
.error-404 img{
    margin:0 auto;
}
.error-404 button{
    color: #777;
}
.error-404 .piko-button{
    margin:30px 0 40px;
}
/*---------------------------------------
    16.11 PORTFOLIO, related title
---------------------------------------*/

.p-bg-rgba-color {
  background-color: rgba(222, 193, 140, 0.9);
}
.p-color-bt {
  border-top-color: #45bf55;
}
.vc_tta-style-tab_style1 .vc_tta-tabs-container,
.p-color-bb {
  border-bottom-color: #45bf55;
}
.p-color-bl {
  border-left-color: #45bf55;
}
.p-color-br {
  border-right-color: #45bf55;
}
.vc_tta-style-tab_style1 .vc_tta-panel .vc_tta-panel-heading {
  border-bottom-color: #45bf55 !important;
}
.border-p-color {
  border: 2px solid #45bf55;
}
.piko-line {
  border-bottom: 1px solid #45bf55;
}
/*post related title*/
.related-post{
   margin-bottom:50px; 
}
.related-title{
	overflow: hidden;
	text-align: center;
}
.related-title .title-relate{
	display: inline-block;
	position: relative;
	margin-bottom:40px;
}
.related-title .title-relate:after,.related-title .title-relate:before{
	content: "";
	top: 49%;
	position: absolute;
	border-bottom: 1px solid #e6e6e6;
	width: 999%;
}
.related-title .title-relate:after{
	margin-right: 20px;
	right: 100%;
}
.related-title .title-relate:before{
	margin-left: 20px;
	left: 100%;
}

/*blog*/
.posts-wrap .entry-content p:first-child{
   margin-top: 15px;
}
.posts-wrap .entry-thumbnail {
  position: relative;
}
.null-instagram-feed a.prettyPhoto,
.posts-wrap .entry-thumbnail a.prettyPhoto {
  position: absolute;
  top: 0;
  width: 56px;
  height: 55px;
  right: 0;
  line-height: 54px;
  font-size: 16px;
  text-align: center;
  color: #FFFFFF;
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.posts-wrap .entry-thumbnail a.entry-thumbnail_overlay:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.posts-wrap .entry-thumbnail:hover a.entry-thumbnail_overlay:before{
  opacity: 1;
}
.posts-wrap .entry-thumbnail:hover a.prettyPhoto {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.posts-wrap article.format-video > .entry-thumbnail-wrap > .entry-thumbnail a.prettyPhoto {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  opacity: 0.8;
  width: 80px;
  height: 80px;
  font-size: 80px;
  line-height: 80px;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.posts-wrap .entry-thumbnail_overlay img {
  width: 100%;
  display: block;
}
.posts-wrap .entry-thumbnail a.entry-thumbnail_overlay:before{
  background-color: rgba(222, 193, 140, 0.8);
}
.posts-wrap .embed-responsive,
.posts-wrap .entry-thumbnail-wrap{
    margin-bottom:25px;
}

.recomended-accordion.posts-wrap .embed-responsive,
.blog-post-slide.posts-wrap .embed-responsive{
    margin: 0;
}
.recomended-accordion.posts-wrap .entry-thumbnail-wrap,
.recomended-accordion.posts-wrap #res_videos,
.blog-post-slide.posts-wrap #res_videos,
.blog-post-slide.posts-wrap .entry-thumbnail-wrap{
    margin-bottom: 10px;
} 
/*------------------------------------
    16.12  contact from 7
--------------------------------------*/
.wpcf7 p{
    margin-bottom:35px;
}
.wpcf7 .piko-contact p{
   margin-bottom:15px; 
}
.piko-contact input[type="text"], 
.piko-contact input[type="email"], 
.piko-contact input[type="url"], 
.piko-contact input[type="password"], 
.piko-contact input[type="search"], 
.piko-contact input[type="tel"], 
.piko-contact input[type="number"], 
.piko-contact textarea {
    border-color: #f9f9f9;
}
.piko-contact input[type="text"]:focus, 
.piko-contact input[type="email"]:focus, 
.piko-contact input[type="url"]:focus, 
.piko-contact input[type="password"]:focus, 
.piko-contact input[type="search"]:focus, 
.piko-contact input[type="tel"]:focus, 
.piko-contact input[type="number"]:focus, 
.piko-contact textarea:focus {
    border-color: #45bf55;
}
.piko-contact .contact-Field{
    margin-bottom:20px;
}
.piko-contact input[type="submit"]{
    background-color: #4fbf55;
}
.piko-contact input[type="submit"]:hover{
    background-color: #24201f;
} 

.contact-us-details .contact-address {
  padding-left: 60px;
}
.address-wrapper {
  background: #f9f9f9;
  padding: 42px 20px 37px 38px;
}
.address-wrapper p{
  margin:50px 80px 38px 0;
}
.address-wrapper ul{
    list-style: none;
}
.address-wrapper ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 18px;
  line-height: 26px;
}
.address-wrapper ul li i {
  position: absolute;
  top:4px;
  left:0;
  padding-left: 1px;
}
.address-wrapper ul li i{
  font-size: 16px;
}
.address-wrapper ul li i.fa-map-marker {
  font-size: 20px;
}
.address-wrapper ul li i.fa-map-marker {
  font-size: 22px;
}
/*map*/
.google-map{
    background-color: #f7f7f7;
    padding: 5px;
}
/*map with contact*/
.map-contact-wrap #map_contact {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#map_contact{
    height: 600px;
}
.map-contact-wrap .contact .container{
    position: relative;
    z-index: 3;
}
.map-contact-wrap .contact-box{
    padding: 40px;
    margin: 40px 0;
    background: #ffffff;
    border: 1px solid #f1f1f1;
    box-shadow: 2px 2px 5px #aaaaaa;
    -webkit-box-shadow: 2px 2px 5px #aaaaaa;
    -moz-box-shadow: 2px 2px 5px #aaaaaa;
    -o-box-shadow: 2px 2px 5px #aaaaaa;
}
.map-contact-wrap .contact-box h1 {
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 15px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.map-contact-wrap .wpcf7 p {
    margin-bottom:15px;
}
/*footer o2*/
.site-footer.layout2 {
    position: relative;
    color: #888888;
    background-color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.site-footer.layout2:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.95);
}

ul.arrow{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.arrow li{
    line-height: 18px;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    padding-left: 25px;
}
ul.arrow li:before{
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #45bf55;
    height: 18px;
    border-radius: 75px;
    width: 18px;
    position: absolute;
    font-size: 14px;
    content: '\f105';
    float: left;
    margin-right: 0;
    margin-left: -25px;
    font-family: 'fontAwesome';
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    line-height: 17px;
    text-indent: 1px;
}
/* ================================
   12.13.1. counter graphis icon
================================== */
.count-box-wrap{
    padding: 20px 0;    
}
.count-icon-box{
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 50%;
    line-height: 100px;
    height: 100px;
    width: 100px;
    text-align: center;
}
.count-box{
    border: 1px solid #f3f3f3;
    line-height: 40px;
    height: 40px;
    width: 120px;
    text-align: center;
    margin: 0 auto;
}
.count-box h2 {
    margin: 6px;
}
.count-text{
    padding: 15px 0;
    text-align: center;
    color: #676767;
    text-transform: uppercase;
}
.count-icon-box .font-icon {
/*    color: #45bf55;*/
    font-size: 65px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 100%;
    text-align: center;
    /*border: 1px solid #f3f3f3;*/
}

/*--------------------------------------
   16.13  our team
---------------------------------------*/
.ourteam-wrap{
    margin-bottom: 45px;
}
.ourteam-wrap section{
    margin-bottom: 20px;
}
.ourteam-wrap.style1,
.ourteam-wrap.style2{
 text-align: center;   
}
.ourteam-wrap .avatar-inner {
  position: relative;
  overflow: hidden;
}
.ourteam-wrap.style4 .overflow-hidden,
.ourteam-wrap.style3 .overflow-hidden,
.ourteam-wrap.style2 .overflow-hidden {
  margin: 0 15px;
}
.ourteam-wrap.style4 .wrap{
    padding: 0 15px;
}
.ourteam-wrap .avatar-inner i:hover {
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.ourteam-wrap .avatar-inner img {
  width: 100%;
  height: auto;
}
.ourteam-wrap .avatar-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.ourteam-wrap.style3 .avatar-overlay {
 text-align: center;
}
.ourteam-wrap .avatar-overlay a,
.ourteam-wrap .avatar-overlay i {
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ourteam-wrap .avatar:hover .avatar-overlay {
  opacity: 1;
  background-color: rgba(222, 193, 140, 0.95);
}
.ourteam-wrap h5 {
  font-size: 14px;
  line-height: 1.2;
  text-transform: uppercase;
  padding-top: 25px;
  margin-bottom: 12px;
}
.ourteam-wrap.style1 h4,
.ourteam-wrap.style3 h5 {
  margin-bottom: 0;
}
.ourteam-wrap .position {
  padding-bottom: 18px;  
  font-size: 14px;
  line-height: 1.2;
  display: block;
}
.ourteam-wrap ul {
  list-style-type: none;
  padding-bottom: 3px;
}
.ourteam-wrap ul li {
  display: inline-block;
}
.ourteam-wrap ul li a {
    display: inline-block;
    padding: 5px 5px 4px;
    border: 1px solid #e9e9e9;
    color: #bebdbd;
    background-color: #e8e8e8;
    border-radius: 4px;

  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.ourteam-wrap ul li a i {
  font-size: 19px;
  color: #AAAAAA;
  line-height: 1.4;
  margin: 0 7px;
}
.ourteam-wrap ul li a:hover i {
  color: #24201f;
}
.person-team {
    display: table;
    width: 100%;
}
 .person-team-wrapper {
    min-width: 50%;
    display: table-cell;
    vertical-align: middle;
    float: none;
}
owl-carousel .owl-nav > div.owl-prev {
    left: -30px;
}
.ourteam-wrap .owl-carousel .owl-nav > div {
    top: 43%;
}
.ourteam-wrap.img-thumb, .ourteam-wrap.img-thumb{
    text-align: inherit;
}
.ourteam-wrap.img-thumb .wrap h3{
    margin-top: 20px;
    font-size: 20px;
    font-weight: normal;
}

/*purchase now wrap*/
.purchase{
    display:table;
    background-color: #f8f8f8;
    padding: 30px 20px;
    width: 100%;
    position: relative;
    border-left: 5px solid;
    border-color: #45bf55;
}
.purchase:before{
    position: absolute;   
    content: '';
}
.purchase p{
    display:table-cell;       
    vertical-align: middle;
}
/*visual composer*/ 
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body{
    background: transparent !important;
}
.vc_tta.vc_general .vc_tta-panel-title>a{
    font-weight: normal !important;
}
/*===============================
        menu color
==================================*/
 mark, .piko-layout-header .piko-topbar .piko-brand .tooltip.bottom .tooltip-inner,
.piko-layout-header .piko-topbar .piko-top-menu .tooltip.bottom .tooltip-inner,
.piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li.piko-active > a,
.piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > a:hover,
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a:hover,
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu > li.piko-active > a,
.piko-layout-header .dropdown-menu > .active > a, 
.piko-layout-header .dropdown-menu > .active > a:focus, 
.piko-layout-header .dropdown-menu > .active > a:hover{
    background-color: #fff;
    background: #fff;
}
/*portfolio & lookbook css*/
.portfolio-item .lookbook-style1:hover .centered-text a{
    color:#45bf55;
}
.portfolio-item .lookbook-style2 .piko-button{
    background-color:#45bf55;
}
.portfolio-item .lookbook-style2 .piko-button:hover {
    color: #24201f;
}
.portfolio-item .lookbook-style2 .overlay-btn .piko-button:hover{
   background-color:#45bf55;
   color:#24201f;
   border: 1px solid #45bf55;
}
.post-single .category a:hover{
   color:#45bf55;       
}
/*woocomerce checkout*/
.select2-container.country_to_state.country_select {
    display: none !important;
}
/**---------------------------------
 * 17.0  Media responsive
 ------------------------------------*/
@media (max-width: 1920px) {
    .theme_float_full.piko-layout-header-fullscreen.piko-layout-header-static .piko-layout-header, 
    .theme_float_full.piko-layout-header-fixed .piko-layout-header{
        max-width: 1860px;
    }
}
@media (max-width: 1680px) {
    .theme_float_full.piko-layout-header-fullscreen.piko-layout-header-static .piko-layout-header, 
    .theme_float_full.piko-layout-header-fixed .piko-layout-header{
        max-width: 1620px;
    }
}
@media (max-width: 1600px) {
    .theme_float_full.piko-layout-header-fullscreen.piko-layout-header-static .piko-layout-header, 
    .theme_float_full.piko-layout-header-fixed .piko-layout-header{
        max-width: 1540px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .theme_float_full.piko-layout-header-fullscreen.piko-layout-header-static .piko-layout-header, 
    .theme_float_full.piko-layout-header-fixed .piko-layout-header{
        max-width: 1340px;
    }
}
@media (min-width: 1360px) and (max-width: 1366px) {
    .theme_float_full.piko-layout-header-fullscreen.piko-layout-header-static .piko-layout-header, 
    .theme_float_full.piko-layout-header-fixed .piko-layout-header{
        max-width: 1300px;
    }
}
@media (min-width: 1280px) and (max-width: 1359px) {
    .theme_float_full.piko-layout-header-fullscreen.piko-layout-header-static .piko-layout-header, 
    .theme_float_full.piko-layout-header-fixed .piko-layout-header{
        max-width: 1220px;
    }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .theme_float_full.piko-layout-header-fullscreen.piko-layout-header-static .piko-layout-header, 
    .theme_float_full.piko-layout-header-fixed .piko-layout-header{
        max-width: 966px;
    }
    .piko-layout-header.piko-layout-header-03 .piko-top-menu .form-inline .form-group input[name="s"] {
        min-width: 300px;
    }
}

@media (min-width: 1200px) {
    body:not(.search-results) .entry-summary {		
		line-height: 1.5217391304;
		margin-bottom: 1.826086957em;
	}

	body:not(.search-results) .entry-header + .entry-summary {
		margin-top: -0.913043478em;
	}

	body:not(.search-results) .entry-summary p,
	body:not(.search-results) .entry-summary address,
	body:not(.search-results) .entry-summary hr,
	body:not(.search-results) .entry-summary ul,
	body:not(.search-results) .entry-summary ol,
	body:not(.search-results) .entry-summary dl,
	body:not(.search-results) .entry-summary dd,
	body:not(.search-results) .entry-summary table {
		margin-bottom: 1.5217391304em;
	}

	body:not(.search-results) .entry-summary li > ul,
	body:not(.search-results) .entry-summary blockquote > ul {
		margin-left: 0.956521739em;
	}

	body:not(.search-results) .entry-summary li > ol,
	body:not(.search-results) .entry-summary blockquote > ol {
		margin-left: 1.52173913em;
	}

	body:not(.search-results) .entry-summary blockquote {
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.5217391304;
		margin: 0 0 1.5217391304em;
		padding-left: 1.347826087em;
	}

	body:not(.search-results) .entry-summary blockquote:not(.alignleft):not(.alignright) {
		margin-left: -1.52173913em;
	}

	body:not(.search-results) .entry-summary blockquote blockquote:not(.alignleft):not(.alignright) {
		margin-left: 0;
	}

	body:not(.search-results) .entry-summary blockquote cite,
	body:not(.search-results) .entry-summary blockquote small {
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1.8421052632;
	}

	body:not(.search-results) .entry-summary th,
	body:not(.search-results) .entry-summary td {
		padding: 0.3043478261em;
	}

	body:not(.search-results) .entry-summary pre {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.75;
		margin-bottom: 1.75em;
		padding: 1.75em;
	}

	body:not(.search-results) .entry-summary fieldset {
		margin-bottom: 1.5217391304em;
		padding: 0.3043478261em;
	}

	body:not(.search-results) .entry-summary h1 {
		margin-top: 2.121212121em;
		margin-bottom: 1.060606061em;
	}

	body:not(.search-results) .entry-summary h2 {
		margin-top: 2.5em;
		margin-bottom: 1.25em;
	}

	body:not(.search-results) .entry-summary h3 {
		margin-top: 3.043478261em;
		margin-bottom: 1.52173913em;
	}

	body:not(.search-results) .entry-summary h4,
	body:not(.search-results) .entry-summary h5,
	body:not(.search-results) .entry-summary h6 {
		margin-top: 3.684210526em;
		margin-bottom: 1.842105263em;
	}

	body:not(.search-results) .entry-summary h1:first-child,
	body:not(.search-results) .entry-summary h2:first-child,
	body:not(.search-results) .entry-summary h3:first-child,
	body:not(.search-results) .entry-summary h4:first-child,
	body:not(.search-results) .entry-summary h5:first-child,
	body:not(.search-results) .entry-summary h6:first-child {
		margin-top: 0;
	}

	body:not(.search-results) .entry-summary .alignleft {
		margin: 0.2608695652em 1.5217391304em 1.5217391304em 0;
	}

	body:not(.search-results) .entry-summary .alignright {
		margin: 0.2608695652em 0 1.5217391304em 1.5217391304em;
	}

	body:not(.search-results) .entry-summary .aligncenter {
		margin-bottom: 1.5217391304em;
	} 
   
    
    .columns-4 .product:nth-child(4n+1){
        clear: both;
    }
    
}


@media (min-width: 992px) and (max-width: 1199px) {
    .home-box-wapper.piko-layout-header-fullscreen.piko-layout-header-static .piko-layout-header,
    .home-box-wapper.piko-layout-header-fixed .piko-layout-header {
        width: 100%;
    }
    .home-box-wapper {
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
        width: 100%;
    }
    .columns-4 .product:nth-child(3n+1){
        clear: both;
    }
}
@media (min-width: 992px){
    .owl-nav-show.owl-carousel .owl-nav > div{
        opacity: 1;
    }
    .header-search-box .chosen-container .chosen-results{
        overflow: hidden;
    }
    
    .columns-3 .product:nth-child(3n+1),
    .columns-2 .product:nth-child(2n+1){ 
        clear: both;
    }    
}
@media (min-width: 768px) and (max-width: 991px) {
    .margin-t150 {
        margin-top: 0px !important;
    }
    .search-results .page-title {
        font-size:30px;
    }
    .banner-title-wrap {
        margin-bottom: 40px;
    }
    .main-title-wrap .main-title{
        font-size: 25px;
    }
    .site-info p:first-child {
        padding: 28px 0 15px;
    }
    .site-info p:last-child {
        padding: 0;
    }
    .footer-layout3-wrap .main-footer.site-info p:first-child{
        padding: 15px 0 15px;
    }
    .info-center-wrap .site-info p:first-child{
        padding: 0;
    }
    /*shortcode block*/
    .icon-block .icon-content > h3,
    .block-header .block-title {
        font-size:17px;
    }
    .block-header.right-bottom {
        top: 50%;
    }
    .block-header.right-center {
        right: -80px;
    }
    .home-box-wapper {
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
        width: 100%;
    }
    .theme_float_full.piko-layout-header-fullscreen.piko-layout-header-static .piko-layout-header, 
    .theme_float_full.piko-layout-header-fixed .piko-layout-header,
    .home-box-wapper.piko-layout-header-fullscreen.piko-layout-header-static .piko-layout-header,
    .home-box-wapper.piko-layout-header-fixed .piko-layout-header {
        width: 100%;
    }
    
    body.theme_float{ 
        border: none;
        overflow:hidden;
    }
    body.theme_float:before{
        position: inherit;
        width: 100%;
        height: 30px;
    }
    body.theme_float:after{
        position: inherit;
        width: 100%;
        height: 0px;
        background-color: transparent;
    }
    body:not(.custom-background-image).theme_float:before,
    body:not(.custom-background-image).theme_float:after {
        background: inherit;
        height: inherit;
        position: inherit;
        width: 100%;
    }
    .main-footer .info-right-wrap {
        -webkit-transform: none;
        transform: none;
    }
    .backtotop span.fa {
        padding-top: 12px;    
    }
    .site-footer.layout2 .main-footer,
    .site-footer .footer-layout3-wrap .main-footer{
        height: 80px;
    }
    .site-footer.layout2 .main-footer .site-info p:first-child{
        padding: 30px 0 33px;
    }
    .site-footer.layout1 .main-footer .info-left {
        padding-bottom: 18px;
    }
    .main-footer .info-right-wrap {
        padding-top: 15px;
    }    
    .columns-4 .product:nth-child(2n+1),
    .columns-3 .product:nth-child(2n+1),
    .columns-2 .product:nth-child(2n+1){ 
        clear: both;
    }
    
}
@media (max-width: 768px) {
    .site-info p:first-child {
        padding: 30px 0 13px;
    }
    .site-info p:last-child {
        padding: 0;
        display: initial;
    }
    .map-contact-wrap .contact-box{
        margin:0;
        box-shadow: inherit;
        border: none;
        padding-right: 15px;
        padding-left: 15px;
    }
    .map-contact-wrap .container {
        padding-right: 0;
        padding-left: 0;
    }
    .footer-layout3-wrap .main-footer.site-info p:first-child{
        padding: 15px 0 15px;
    }
    .info-center-wrap .site-info p:first-child{
        padding: 0;
    }
}

@media (max-width: 767px) {
    .margin-t150 {
        margin-top: 0px !important;
    }
    .theme_float_full.piko-layout-header-fullscreen.piko-layout-header-static .piko-layout-header, 
    .theme_float_full.piko-layout-header-fixed .piko-layout-header,
    .home-box-wapper.piko-layout-header-fullscreen.piko-layout-header-static .piko-layout-header,
    .home-box-wapper.piko-layout-header-fixed .piko-layout-header {
        width: 100%;
    }
    
    body.theme_float{ 
        border: none;
        overflow:hidden;
    }
    body.theme_float:before{
        position: inherit;
        width: 100%;
        height: 30px;
    }
    body.theme_float:after{
        position: inherit;
        width: 100%;
        height: 0px;
        background-color: transparent;
    }
    body:not(.custom-background-image).theme_float:before,
    body:not(.custom-background-image).theme_float:after {
        background: inherit;
        height: inherit;
        position: inherit;
        width: 100%;
    }
    .search-results .page-title {
        font-size:25px;
    }
    .blog-title-wrap .blog-title .entry-title,
    .page-banner .banner-title,
    .main-title-wrap .main-title {
        font-size: 22px;
    }    
    .site-info p:first-child {
        padding: 22px 0 23px;
    }
    .site-info p {
        padding: 22px 0 23px;
        position: relative;
    }
    .backtotop {        
        left:inherit;
        right: 0;
        line-height: 20px;
        margin-right: 10px;
         -webkit-transform: none !important;
         transform: none !important;
         bottom:-40px;
    } 
    .backtop-line {
        top: -20px;       
    }
    .backtotop span.fa {
        padding-top: 15px;
    }
    .banner-title-wrap {
        margin-bottom: 30px;
    }
     .menu-toggle-wrap{
        display: block;
    }
    .navbar-collapse.collapse {
        margin-top: 50px;
        border-top: 3px solid #45bf55;
    }
    .feature-product-tabs .nav > li{
        border-bottom: 1px solid #e6e6e6;
    }
    .feature-product-tabs .nav > li > a:focus, .feature-product-tabs .nav > li > a:hover, .feature-product-tabs .nav > li.active > a {
    background-color: transparent;
    }
    .feature-product-tabs .navbar-nav {
        margin: 0 -15px;
    }
    .tabs-menu .nav > li.active:before {
        width: 4px;        
        background-color: #45bf55;
    } 
    .piko-layout-header.piko-layout-header-03 .form-inline .form-group input[name="s"] {
        min-width: 200px;
    }
    .piko-countdown-wrap .date_warp .number{font-size: 60px;}
    .piko-countdown-wrap .date_warp .name{font-size: 18px;}
    .screen-middle {
        position:inherit;
        top: inherit;
        left: inherit;        
        -webkit-transform:none;        
        transform:none;
        overflow-y:scroll;
    }
    
    .home-box-wapper {
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
        width: 100%;
    }
    .home-box-wapper-dark {
        box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.2);
        width: 100%;
    }
    .main-title-wrap.sub,
    .ourteam-wrap.style1 .wrap{
    margin-top: 20px;
    }
    .sub-footer section.widget.null-instagram-feed{
        padding: 0 15px;
    }
    .tp-tabs, .tp-thumbs, .tp-bullets{
        display: none;
    }
    .main-footer .info-right-wrap{
        -webkit-transform: none;
        transform: none;
        padding-bottom: 25px;
    }  
    
}
@media (max-width: 480px) {
.piko-layout-header .piko-show-account {
    right: -50px;
    width: 330px;
    padding: 10px 30px;
}
.piko-layout-header .toggle-header .piko-show-account,
.piko-layout-header .toggle-header.two .piko-show-account {
    right: -15px;
}
.post-navigation .post-title{ display: none;}
.backtotop { 
    margin-right: 0;
    }
.site-info p:first-child{
    padding-bottom: 0;
}
.site-info p:last-child{
    padding: 0;
}
.piko-layout-header.piko-layout-header-03 .form-inline .form-group input[name="s"] {
        min-width: 0
    }
    .coming-time-box {
        width: 380px;
    }    
}
@media (max-width: 479px) {
   #menu-top-menu li:last-child{ display:none;}
   .menu-toggle-wrap{
       margin-right:0;
   }
   .menu2.mobile-shop-cart,
   .piko-layout-header-03 .mobile-shop-cart {
     right: -90px;
    }
    .piko-layout-header-04 .cart-top-two .mobile-shop-cart:after,
    .piko-layout-header-03 .cart-top-two .mobile-shop-cart:after {
        margin-right: 90px;
    }
    .piko-layout-header.piko-layout-header-04 .piko-brand > .piko-search-toggler{
        margin: 12px 8px 0 15px;
    }
    .piko-layout-header.piko-layout-header-03 .piko-topbar .piko-brand > .piko-search-toggler {        
        margin: 4px 15px;
    }
    .main-footer {
        height: 80px;
    }
    .main-footer .site-info,
    .main-footer{
        height: 80px;
    }    
    .backtotop {
        bottom: -20px;
    }    
    .backtotop span.fa {
        padding-bottom: 10px;
    }
    .footer-layout3-wrap .back-top {
        bottom: 120px;
    }
    .back-top{
        right: 15px;
    }
}




iframe{
    border-width: 0px;
}
/*shortcode color*/
.piko-color-blue .element-color {color: #5472D2}
.piko-color-turquoise .element-color {color: #00C1CF}
.piko-color-pink .element-color {color: #FE6C61}
.piko-color-violet .element-color{color: #8D6DC4}
.piko-color-peacoc .element-color {color: #4CADC9}
.piko-color-chino .element-color {color: #CEC2AB}
.piko-color-mulled_wine .element-color {color: #50485B}
.piko-color-vista_blue .element-color {color: #75D69C}
.piko-color-black .element-color {color: #2A2A2A}
.piko-color-grey .element-color {color: #EBEBEB}
.piko-color-orange .element-color {color: #F7BE68}
.piko-color-sky .element-color {color: #5AA1E3}
.piko-color-green .element-color {color: #6DAB3C}
.piko-color-juicy_pink .element-color {color: #F4524D}
.piko-color-sandy_brown .element-color {color: #F79468}
.piko-color-purple .element-color {color: #B97EBB}
.piko-color-white .element-color {color: #FFF}



/* ul list categories */
.list-categories{margin: 10px 0}
.list-categories li{
    list-style: none;
    font-size: 15px;
    display: inline-block;
}
.list-categories li a{
    color: inherit;
}
.list-categories li a:hover{
    color: #24201f;
}
.list-categories li:after{
    content: "|";
    margin: 0 20px;
}
.list-categories li:last-child:after{display: none;}

.pikoworks-isotope-loading > div,
.pikoworks-infinite-loading > div {
  background: url(assets/images/ajax-loader.gif) no-repeat center center;
  width: 7.69231rem;
  height: 3.84615rem;
  margin: 0 auto;
}

.pikoworks-isotope-container {
  min-height: 50vh;
}

.pikoworks-isotope-loading:before, .pikoworks-isotope-loading:after {
  content: " ";
  display: table;
}

.pikoworks-isotope-loading:after {
  clear: both;
}

.pikoworks-infinite-loading {
  position: absolute !important;
  bottom: 0 !important;
  top: auto !important;
  right: auto !important;
  left: 0 !important;
  width: 100% !important;
  padding: 30px 0 40px;
}




  


/*themeforest button*/
.envato-button {
    left: 50px;
}
.envato-button {
    display: inline-block;
    background-color: #3fa54c;
    position: fixed;
    bottom: 80px;
    right: 80px;
    z-index: 999;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: -6.772px 8.668px 16px 0px rgba(28, 30, 35, 0.15);
    -webkit-box-shadow: -6.772px 8.668px 16px 0px rgba(28, 30, 35, 0.15);
    -moz-box-shadow: -6.772px 8.668px 16px 0px rgba(28, 30, 35, 0.15);
}
.envato-button img.envato-logo {
    position: absolute;
    right: -8px;
    bottom: -3px;
    background: #45bf55;
    border-radius: 50%;
    padding: 6px;
}