#wrapper,
#main,
.banner,
.video-section,
.map,
.blog-mainbanner,
.blog-container {
width: 100%;
overflow: hidden;
position: relative;
}
.new-product .product-img img,
.blog-over .author-info .author-img img {
width: 100%;
display: block;
height: auto;
}
.banner:after,
.isotop-controls2 a:after,
.isotop-controls2 li:after,
.isotop-controls3 a:after,
.isotop-controls3 li:after,
.isotop-controls4 a:before,
.isotop-controls4 .view-all:before,
.blog-section .beans-stepslider .slick-dots button:after,
.banner-img:after,
.video-section:after,
.nav-tabs > li > a:before,
.nav-tabs > li.active > a:before,
.nav-tabs > li.active > a:hover:before,
.nav-tabs > li.active > a:focus:before,
.safety-section .more:before,
.widget:before,
.comment-box .box .img-box .reply .txt-over:after {
content: "";
position: absolute;
}
.description-block .buttons-block:after,
.comment-box .box:after {
content: " ";
display: block;
clear: both;
}
.video-section .video-area,
.product-over,
.blog-over {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.banner-img,
.header {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 0;
}
body {
color: #8f8f8f;
background: #fff;
}  h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Open Sans";
color: #444444;
font-weight: 400;
margin: 0 0 20px 0;
padding: 0;
line-height: 42px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit
}
h1 {
font-size: 28px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 16px;
font-weight: 400;
color: #444444;
}
h5 {
font-size: 14px;
font-weight: 600;
}
h6 {
font-size: 12px;
}
.w1 {
position: relative;
-webkit-transition: margin .4s ease;
transition: margin .4s ease;
} .blog-section .beans-slider {
padding: 0 0 80px;
}
.blog-section .beans-slider .slick-dots {
bottom: -38px;
}
.blog-section .beans-slider .slick-dots li {
margin: 0 3px 0 2px;
display: inline-block;
vertical-align: top;
}
.blog-section .beans-slider .slick-dots li.slick-active button {
background: #191919;
}
.blog-section .beans-slider .slick-dots button {
border: 0;
margin: 0;
padding: 0;
display: block;
overflow: hidden;
background: #ddd;
border-radius: 50%;
text-indent: -9999px;
width: 12px;
height: 12px;
}
.dark .blog-section .beans-slider .slick-dots button {
background: #8f8f8f;
}
.blog-section .beans-slider .slick-dots button:hover {
background: #191919;
}
.blog-section .beans-stepslider {
padding: 0 0 50px;
}
.blog-section .beans-stepslider img {
width: 100%;
margin: 0 0 18px;
}
.blog-section .beans-stepslider .slick-dots {
bottom: -50px;
}
.blog-section .beans-stepslider .slick-dots li {
margin: 0 3px 0 2px;
display: inline-block;
vertical-align: top;
}
.blog-section .beans-stepslider .slick-dots li.slick-active button:after {
display: block;
}
.blog-section .beans-stepslider .slick-dots button {
border: 0;
margin: 0;
padding: 0;
display: block;
background: #ddd;
overflow: hidden;
position: relative;
border-radius: 50%;
text-indent: -9999px;
width: 14px;
height: 14px;
border: 2px solid #ddd;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark .blog-section .beans-stepslider .slick-dots button {
border-color: #494949;
background: #494949;
}
.blog-section .beans-stepslider .slick-dots button:hover {
text-decoration: none;
}
.blog-section .beans-stepslider .slick-dots button:hover:after {
display: block;
}
.blog-section .beans-stepslider .slick-dots button:after {
top: 50%;
left: 50%;
display: none;
border-radius: 50%;
width: 4px;
height: 4px;
margin: -2px 0 0 -2px;
}
.blog-section .btn {
margin: 0 4px;
} .blog-m-post {
overflow: hidden;
}
.blog-m-post .blog-txt {
position: relative;
padding: 0 0 20px 123px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.blog-m-post img {
width: 100%;
margin: 0 0 18px;
}
.blog-m-post h3 {
color: #2a2a2a;
margin: 0 0 10px;
font: 500 18px/20px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .blog-m-post h3 {
color: #fff;
}
.blog-m-post h3 a {
color: #2a2a2a;
}
.dark .blog-m-post h3 a {
color: #fff;
}
.blog-m-post a {
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.blog-m-post a:hover {
text-decoration: none;
}
.blog-m-post .meta {
margin: 0;
color: #8f8f8f;
font-size: 12px;
line-height: 21px;
}
.blog-m-post .meta li {
padding: 0 12px 0 0;
}
.blog-m-post .meta a {
color: #8f8f8f;
}
.blog-m-post .box-holder {
left: 13px;
bottom: 16px;
position: absolute;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.blog-m-post time {
color: #fff;
display: block;
font-size: 12px;
font-weight: 700;
line-height: 21px;
padding: 19px 0 0;
text-align: center;
background: #2a2a2a;
letter-spacing: 2px;
margin: -5px auto 0;
width: 74px;
height: 74px;
text-transform: uppercase;
}
.dark .blog-m-post time {
background: #191919;
}
.blog-m-post time .add {
display: block;
font-size: 22px;
font-weight: 700;
}
.blog-m-post .fa {
margin: 0 3px 0 0;
position: relative;
}
.blog-m-post .icon {
color: #fff;
display: block;
font-size: 32px;
text-align: center;
padding: 12px 0 0 2px;
width: 84px;
height: 84px;
border: 5px solid #fff;
}
.dark .blog-m-post .icon {
border-color: #191919;
}
.blog-m-post .blog-text {
font-size: 14px;
overflow: hidden;
padding: 2px 0 0;
line-height: 24px;
position: relative;
}
.blog-m-post .blog-box {
float: left;
width: 74px;
margin: 0 14px;
}
.blog-m-post .blog-box .icon {
border: 0;
width: 74px;
height: 74px;
}
.blog-m-post .blog-box time {
margin: 0;
height: 74px;
}
.blog-m-post.accordion {
margin: 0 0 15px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.blog-m-post.accordion .box-holder {
left: 19px;
top: -85px;
bottom: auto;
}
.blog-m-post.accordion .icon {
border-bottom: 0;
}
.blog-m-post.accordion time {
margin: 0 auto;
}
.blog-m-post.accordion .blog-txt {
border: 1px solid transparent;
padding: 16px 20px 20px 113px;
}
.blog-m-post.accordion img {
margin: 0;
}
.blog-m-post.accordion p {
margin: 0 0 23px;
}
.blog-m-post.accordion .blog-slide {
padding-top: 30px;
}
.blog-m-post.accordion .btn {
border-width: 2px;
}
.dark .blog-m-post.accordion .btn {
color: rgba(143, 143, 143, .6);
border-color: rgba(143, 143, 143, .6);
}
.dark .blog-m-post.accordion .btn:hover {
color: #8f8f8f;
background: transparent;
color: #8f8f8f;
border-color: #8f8f8f;
}
.blog-m-post.accordion.active {
margin: 0 0 30px;
background: #fff;
}
.dark .blog-m-post.accordion.active {
background: #191919;
}
.blog-m-post.accordion.active .blog-txt {
border-color: #ddd;
padding: 26px 20px 34px 113px;
}
.dark .blog-m-post.accordion.active .blog-txt {
border-color: #494949;
}
.blog-m-post.accordion.active .blog-slide {
position: static !important;
}
.dark .blog-m-post.accordion.active time {
background: #2a2a2a;
}
.blog-m-post.style2 img {
margin: 0;
}
.blog-m-post.style2 .blog-txt {
color: #8f8f8f;
font-size: 12px;
position: relative;
padding: 7px 0 20px 95px;
border-top: 5px solid transparent;
}
.blog-m-post.style2 .blog-txt h3 {
margin: 0 0 2px;
}
.blog-m-post.style2 .blog-txt p {
text-transform: uppercase;
}
.blog-m-post.style2 .icon {
border: 0;
top: -14px;
left: 11px;
font-size: 24px;
overflow: hidden;
position: absolute;
padding: 12px 10px 0 0;
background: transparent;
width: 80px;
height: 60px;
}
.blog-m-post.style2 .icon:before {
top: 0;
bottom: 0;
left: -12px;
right: 12px;
background: #222;
transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark .blog-m-post.style2 .icon:before {
background: #191919;
} .video-section {
color: #fff;
font-size: 16px;
line-height: 26px;
text-align: center;
position: relative;
z-index: 1;
}
.video-section:after {
top: 0;
z-index: -1;
bottom: 0;
left: 0;
right: 0;
background: transparent;
}
.video-section:after {
z-index: 1;
background: rgba(0, 0, 0, .6);
}
.video-section .container {
position: relative;
z-index: 100;
}
.video-section h2 {
color: #fff;
margin: 0 0 23px;
text-align: center;
font: 600 36px/50px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.video-section .play-icon {
display: block;
font-size: 50px;
overflow: hidden;
text-align: center;
margin: 0 auto 47px;
padding: 25px 0 0 10px;
width: 100px;
height: 100px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.video-section .play-icon .fa-pause {
display: none;
}
.video-section .play-icon.video-playing {
font-size: 40px;
padding: 30px 0 0;
}
.video-section .play-icon.video-playing .fa-play {
display: none;
}
.video-section .play-icon.video-playing .fa-pause {
display: block;
}
.video-section .play-icon:hover {
opacity: .8;
text-decoration: none;
}
.video-section .video-area {
z-index: -1;
}
.video-section .buttonBar {
display: none;
} .nav-tabs {
font-size: 14px;
line-height: 16px;
text-transform: capitalize;
border-bottom: 0;
}
.nav-tabs > li {
margin: 0;
}
.nav-tabs > li > a {
color: #222;
margin: 11px 0 0;
border-radius: 1px;
background: #fff;
letter-spacing: 1px;
padding: 11px 29px 12px;
border: solid #ececec;
border-width: 1px 1px 0 1px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
position: relative;
z-index: 1;
position: relative;
}
.nav-tabs > li > a:before {
top: 0;
z-index: -1;
bottom: auto;
left: -1px;
right: -1px;
background: transparent;
}
.nav-tabs > li > a:after {
position: absolute;
content: "";
top: 4px;
bottom: auto;
left: 50%;
right: auto;
}
.dark .nav-tabs > li > a {
color: #fff;
background: #191919;
border-color: #494949;
}
.nav-tabs > li > a:before {
top: -1px;
opacity: 0;
height: 5px;
visibility: hidden;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.nav-tabs > li > a:after {
opacity: 0;
margin: 0 0 0 -3px;
visibility: hidden;
-webkit-transition: all .4s ease;
transition: all .4s ease;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0 4px;
border-color: transparent transparent transparent transparent;
}
.nav-tabs > li > a:hover {
margin: 0;
background: #fff;
padding: 18px 29px 16px;
}
.dark .nav-tabs > li > a:hover {
background: #191919;
}
.nav-tabs > li > a:hover:after,
.nav-tabs > li > a:hover:before {
opacity: 1;
visibility: visible;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
margin: 0;
border-radius: 0;
background: #fff;
border: solid #ececec;
border-width: 1px 1px 0 1px;
padding: 18px 29px 16px;
position: relative;
z-index: 1;
position: relative;
}
.nav-tabs > li.active > a:before,
.nav-tabs > li.active > a:hover:before,
.nav-tabs > li.active > a:focus:before {
top: 0;
z-index: -1;
bottom: auto;
left: -1px;
right: -1px;
background: transparent;
}
.nav-tabs > li.active > a:after,
.nav-tabs > li.active > a:hover:after,
.nav-tabs > li.active > a:focus:after {
position: absolute;
content: "";
top: 4px;
bottom: auto;
left: 50%;
right: auto;
}
.dark .nav-tabs > li.active > a,
.dark .nav-tabs > li.active > a:hover,
.dark .nav-tabs > li.active > a:focus {
border-color: #494949;
background: #191919;
}
.nav-tabs > li.active > a:before,
.nav-tabs > li.active > a:hover:before,
.nav-tabs > li.active > a:focus:before {
top: -1px;
opacity: 1;
height: 5px;
visibility: visible;
}
.nav-tabs > li.active > a:after,
.nav-tabs > li.active > a:hover:after,
.nav-tabs > li.active > a:focus:after {
opacity: 1;
margin: 0 0 0 -3px;
visibility: visible;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0 4px;
border-color: transparent transparent transparent transparent;
}
.tab-content {
overflow: hidden;
}
.tab-pane {
color: #8f8f8f;
font-size: 14px;
overflow: hidden;
line-height: 26px;
background: #fff;
border: 1px solid #ececec;
padding: 24px 5% 22px 5.3%;
}
.dark .tab-pane {
background: #191919;
border-color: #494949;
}
.tab-pane .alignleft {
float: left;
margin: 7px 34px 0 0;
}
.tab-pane .text-box {
overflow: hidden;
}
.tab-pane .text-box p {
margin: 0;
}
.panel-group {
overflow: hidden;
}
.panel-group .panel {
border-radius: 0;
box-shadow: none;
margin-bottom: 9px;
background: #fff;
border-color: #ececec;
}
.dark .panel-group .panel {
background: #191919;
border-color: #494949;
}
.panel-default > .panel-heading {
border-radius: 0;
}
.features-col .panel-default > .panel-heading {
padding: 0;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-color: #ececec;
}
.panel-default > .panel-heading {
background: none;
}
.panel-title {
color: #fff;
font: 14px/18px "Lato", Georgia, "Times New Roman", Times, serif;
text-transform: capitalize;
}
.panel-title a {
color: #fff;
display: block;
position: relative;
letter-spacing: 1px;
padding: 12px 10px 15px 44px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.panel-title a:hover {
color: #fff;
text-decoration: none;
}
.panel-title a.collapsed {
color: #2a2a2a;
background: #fff;
}
.dark .panel-title a.collapsed {
color: #fff;
background: #191919;
}
.panel-title a.collapsed:hover {
color: #fff;
}
.panel-title .fa {
top: 50%;
left: 20px;
margin: -7px 0 0;
font-size: 15px;
line-height: 12px;
position: absolute;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.panel-body {
color: #8f8f8f;
line-height: 26px;
padding: 23px 20px 24px 29px;
}
.panel-body dl {
margin: 0;
letter-spacing: 2px;
}
.panel-body dl dt {
float: left;
color: #222;
width: 129px;
font-size: 14px;
font-weight: 600;
}
.dark .panel-body dl dt {
color: #fff;
}
.panel-body dl dd {
margin: 0;
overflow: hidden;
}   .new-product { text-align: center; }
.new-product .product-img {
position: relative;
overflow: hidden;
margin: 0 0 15px;
padding: 5px;
}
.new-product .title {
color: #8f8f8f;
display: block;
margin: 0 0 7px;
font-size: 13px;
line-height: 16px;
letter-spacing: 1px;
}
.new-product h2 {
margin: 0 0 2px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
}
.new-product h2 a {
color: #2a2a2a;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark .new-product h2 a {
color: #8f8f8f;
}
.new-product h2 a:hover {
text-decoration: none;
}
.new-product .amount {
display: block;
margin: -2px 0 0;
font-size: 18px;
line-height: 20px;
}
.new-product .amount sub {
font-size: 16px;
font-weight: 700;
display: inline-block;
vertical-align: middle;
margin: -9px 0 0;
}
.new-product .btn-cart {
display: none;
text-transform: uppercase;
font-size: 13px;
line-height: 16px;
color: #2a2a2a;
margin: 4px 0 2px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
font-weight: 600;
}
.dark .new-product .btn-cart {
color: #8f8f8f;
}
.new-product .btn-cart:hover {
text-decoration: none;
}
.new-product:hover .product-over {
top: 0;
}
.new-product:hover .btn-cart {
display: inline-block;
vertical-align: top;
}
.new-product:hover .amount {
display: none;
}
.new-product.active .product-over {
top: 0;
}
.new-product.active .btn-cart {
display: inline-block;
vertical-align: top;
}
.new-product.active .amount {
display: none;
}
.product-over {
-webkit-transition: all .6s ease;
transition: all .6s ease;
background: rgba(0, 0, 0, .8);
top: 100%;
}
.product-over .frame {
width: 100%;
height: 100%;
display: table;
}
.product-over .box {
display: table-cell;
vertical-align: middle;
padding: 10px;
}
.rattings-nav {
overflow: hidden;
margin: 0 0 15px;
font-size: 11px;
line-height: 14px;
}
.rattings-nav li {
padding: 0;
display: inline-block;
vertical-align: top;
}
.rattings-nav li.add .fa {
color: #cfcfcf;
}  .blogs-block {
overflow: hidden;
position: relative;
}
.blogs-block .blogs-frame {
padding-top: 100%;
} .blog-alignleft {
float: left;
width: 40.4%;
}
.blog-alignleft .img-box {
position: relative;
overflow: hidden;
}
.blog-alignleft .img-box .blogs-frame {
padding-top: 39.8%;
}
.blog-alignleft .beans-slider .beans-slide .blogs-frame {
padding-top: 79.7%;
}
.blog-alignleft .beans-slider .slick-dots {
margin: 0;
top: 45px;
left: auto;
right: 34px;
}
.blog-alignleft .beans-slider .slick-dots li {
padding: 0 0 8px;
}
.blog-alignleft .beans-slider .slick-dots li.slick-active button {
background: #fff;
}
.blog-alignleft .beans-slider .slick-dots li button {
margin: 0;
border: 0;
padding: 0;
display: block;
background: none;
border-radius: 50%;
text-indent: -9999px;
width: 10px;
height: 10px;
border: 2px solid #fff;
}
.blog-alignleft .beans-slider .slick-dots li button:hover {
background: #fff;
text-decoration: none;
} .blog-content {
float: left;
width: 59.6%;
}
.blog-content .towcolumns {
overflow: hidden;
}
.blog-content .towcolumns .img-box {
float: left;
width: 33.9%;
}
.blog-content .towcolumns .img-box .blogs-frame {
padding-top: 79.4%;
}
.blog-content .towcolumns .img-box.road {
width: 66.1%;
}
.blog-content .towcolumns .img-box.road .blogs-frame {
padding-top: 40.7%;
}
.blog-content .img-box {
position: relative;
overflow: hidden;
}
.blog-content .other-blogs {
overflow: hidden;
}
.blog-content .alignleft {
position: relative;
float: left;
width: 33.9%;
}
.blog-content .alignleft .blogs-frame {
padding-top: 159.6%;
}
.blog-content .blogs-box2 {
float: left;
width: 66.1%;
}
.blog-content .blogs-box2 .img-box {
float: left;
width: 50%;
}
.blog-content .blogs-box2 .blogs-frame {
padding-top: 81.9%;
}
.blog-content .blogs-box2 .blog-nav li {
padding: 0 32px 0 0;
} .blog-over {
top: auto;
padding: 10px 5px 16px 18px;
}
.blog-over .blog-date {
float: left;
color: #fff;
border: 3px solid #fff;
width: 74px;
height: 74px;
text-align: center;
font-size: 14px;
line-height: 18px;
margin: 0 14px 5px 0;
padding: 11px 5px 3px;
text-transform: uppercase;
}
.blog-over .blog-date .number {
margin: 0 0 2px;
display: block;
font-size: 21px;
line-height: 24px;
font-weight: 700;
}
.blog-over .blog-txt {
overflow: hidden;
}
.blog-over h2 {
color: #fff;
margin: -4px 0 14px 2px;
font: 24px/28px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.blog-over h2 a {
color: #fff;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.blog-over h2 a:hover {
text-decoration: none;
}
.blog-over .box {
overflow: hidden;
}
.blog-over .author-info {
float: left;
color: #fff;
max-width: 170px;
font-size: 14px;
line-height: 17px;
margin: 0 40px 0 0;
}
.blog-over .author-info .author-img {
display: inline-block;
vertical-align: middle;
border-radius: 50%;
overflow: hidden;
margin: 0 16px 0 0;
width: 32px;
height: 32px;
}
.blog-over .author-info .txt {
display: inline-block;
vertical-align: middle;
}
.blog-over .author-info .txt a {
color: #fff;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.blog-over .author-info .txt a:hover {
text-decoration: none;
}
.blog-over .blog-nav {
margin: 8px 0 0;
float: left;
font-size: 14px;
line-height: 17px;
}
.blog-over .blog-nav li {
padding: 0 36px 0 0;
}
.blog-over .blog-nav li a {
color: #fff;
position: relative;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.blog-over .blog-nav li a:hover {
text-decoration: none;
}
.blog-over .blog-nav li a .fa {
position: absolute;
top: 4px;
left: -20px;
font-size: 14px;
line-height: 10px;
}
.blog-over.add {
padding: 10px 10px 16px 18px;
}
.blog-over.add h2 {
margin: -4px 0 19px 2px;
font-size: 18px;
line-height: 22px;
}
.blog-over.add .blog-date {
margin: 0 14px 3px 0;
}
.blog-over.add .blog-nav li {
padding: 0 33px 0 0;
}
.blog-button {
text-align: center;
padding-top: 58px;
padding-bottom: 60px;
} .w9 {
overflow: hidden;
position: relative;
padding: 0 0 0 60px;
-webkit-transition: margin .4s ease;
transition: margin .4s ease;
}
.work-section .beans-slider.coll-2.pull-left .slick-dots {
bottom: 24px;
}
.work-section .beans-slider.coll-2.pull-left .slick-dots li {
padding: 0 4px;
float: none;
display: inline-block;
vertical-align: top;
}
.work-section .beans-slider.coll-2.pull-left .slick-dots li.slick-active button {
background: #fff;
}
.work-section .beans-slider.coll-2.pull-left .slick-dots li button {
margin: 0;
border: 0;
padding: 0;
display: block;
background: none;
border-radius: 50%;
text-indent: -9999px;
width: 10px;
height: 10px;
border: 2px solid #fff;
}
.work-section .beans-slider.coll-2.pull-left .slick-dots li button:hover {
background: #fff;
text-decoration: none;
}
.meta-nav {
margin: 0 0 18px;
line-height: 18px;
font-size: 12px;
position: relative;
}
.meta-nav li {
padding: 0 13px 0 0;
}
.meta-nav li .fa {
margin: 0 5px 0 0;
}
.meta-nav li a {
color: #8f8f8f;
}
.meta-nav li a:hover {
color: #2a2a2a;
text-decoration: none;
} .map {
height: 500px;
}  .shop-header {
overflow: hidden;
margin-bottom: 60px;
font-weight: 300;
}
.shop-header .holder {
float: left;
max-width: 850px;
}
.shop-header h2 {
color: #2a2a2a;
margin: 0 0 2px;
text-transform: uppercase;
font: 700 21px/25px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .shop-header h2 {
color: #fff;
}
.shop-header p {
margin: 0;
}
.shop-header p a {
font-weight: 700;
}
.contact-block.shop {
padding-top: 95px;
}
.products-shop {
overflow: hidden;
} .shop-footer {
overflow: hidden;
text-align: center;
font-weight: 300;
}
.shop-footer .buttons-box {
float: left;
}
.shop-footer .txt-box {
overflow: hidden;
padding: 9px 0 0;
}
.shop-footer p {
margin: 0;
}
.shop-footer.side .txt-box {
float: left;
}
.shop-next,
.shop-prev {
color: #8f8f8f;
border-color: #ddd;
text-transform: uppercase;
min-width: inherit;
border-radius: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
padding: 9px 10px;
min-width: 123px;
margin: 0 10px 0 0;
font-size: 13px;
font-weight: 400;
}
.shop-next:hover,
.shop-prev:hover {
color: #fff;
}
.dark .shop-next,
.dark .shop-prev {
border-color: #494949;
}
.shop-next {
min-width: 95px;
}
.shop-pagination {
float: right;
margin: 0;
font-weight: 400;
}
.shop-pagination li {
display: inline-block;
vertical-align: top;
margin: 0 0 0 7px;
padding: 0;
}
.shop-pagination li.active a {
color: #fff;
}
.shop-pagination li a {
color: #8f8f8f;
display: block;
width: 48px;
height: 40px;
border: 1px solid #ddd;
text-align: center;
font-size: 14px;
line-height: 38px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.dark .shop-pagination li a {
border-color: #494949;
}
.shop-pagination li a:hover {
color: #fff;
text-decoration: none;
} .products-holder.side .new-product {
width: 29.6%;
margin: 0 3.2% 57px 0;
} .shop-widget {
border-top: 2px solid #f3f3f3;
padding: 55px 0 0;
margin: 0 0 46px;
position: relative;
z-index: 1;
}
.shop-widget:before {
top: -2px;
z-index: -1;
bottom: auto;
left: 0;
right: auto;
background: #2a2a2a;
}
.shop-widget:before {
width: 50px;
height: 2px;
}
.dark .shop-widget {
border-color: #494949;
}
.shop-widget h3 {
color: #2a2a2a;
margin: 0 0 22px;
letter-spacing: 1px;
font: 600 14px/20px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .shop-widget h3 {
color: #fff;
}
.shop-widget ul {
margin: 0;
}
.shop-widget ul li {
padding: 0 0 10px 12px;
}
.shop-widget ul li a {
color: #8f8f8f;
-webkit-transition: all .3s ease;
transition: all .3s ease;
position: relative;
}
.shop-widget ul li a:before {
position: absolute;
content: "";
top: 5px;
bottom: auto;
left: -14px;
right: auto;
}
.shop-widget ul li a:before {
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 5px;
border-color: transparent transparent transparent transparent;
}
.shop-widget ul li a:hover {
text-decoration: none;
}
.shop-widget.sellers-widget h3 {
margin: 0 0 27px;
}
.shop-widget .rattings-nav {
margin: 0 0 8px;
}
.shop-widget .rattings-nav li {
padding: 0;
}
.shop-widget:first-child {
border: 0;
padding: 0;
}
.shop-widget:first-child:before {
display: none;
} .top-seller {
color: #2a2a2a;
overflow: hidden;
margin: 0 0 26px;
}
.dark .top-seller {
color: #fff;
}
.top-seller .alignleft {
float: left;
margin: 4px 18px 0 0;
width: 70px;
}
.top-seller .txt-box {
overflow: hidden;
}
.top-seller .title {
display: block;
font-size: 16px;
line-height: 18px;
font-weight: 400;
margin: 0 0 8px;
}
.top-seller .amount {
display: block;
font-size: 21px;
line-height: 24px;
font-weight: 700;
} .shop-product-info {
color: #666;
overflow: hidden;
margin: 0 0 57px;
font-size: 14px;
line-height: 24px;
}
.dark .shop-product-info {
color: #8f8f8f;
}
.shop-product-info .title {
display: block;
color: #8f8f8f;
text-transform: uppercase;
font-size: 12px;
line-height: 16px;
margin: 0 0 2px;
}
.shop-product-info h2 {
color: #2a2a2a;
margin: 0 0 6px;
letter-spacing: 2px;
text-transform: uppercase;
font: 600 18px/21px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .shop-product-info h2 {
color: #fff;
}
.shop-product-info h2 a {
color: #2a2a2a;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark .shop-product-info h2 a {
color: #8f8f8f;
}
.shop-product-info h2 a:hover {
text-decoration: none;
}
.shop-product-info .rattings-nav {
margin: 0 0 23px;
}
.shop-product-info p {
margin: 0 0 15px;
}
.shop-product-info .amount {
color: #2a2a2a;
display: block;
margin: 0 0 22px;
font: 700 21px/24px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .shop-product-info .amount {
color: #fff;
}
.shop-product-info .amount sub {
font-size: 16px;
font-weight: 700;
display: inline-block;
vertical-align: middle;
margin: -9px 0 0;
}
.shop-product-info .buttons-box {
overflow: hidden;
}
.shop-product-info .btn-cart {
color: #2a2a2a;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
font-size: 12px;
line-height: 16px;
margin: 0 5px 0 0;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark .shop-product-info .btn-cart {
color: #fff;
}
.shop-product-info .btn-cart:hover {
text-decoration: none;
}
.shop-product-info .produt-txt {
overflow: hidden;
padding: 7px 0 27px;
}
.shop-product-info .product-img {
float: left;
width: 29.5%;
max-width: 270px;
margin: 0 3.2% 0 0;
position: relative;
text-align: center;
}
.shop-product-info:hover .product-img .product-over {
top: 0;
} .beans-stepslider2.description {
overflow: hidden;
padding: 5px 0 0;
}
.beans-stepslider2.description .beans-pagination {
padding: 10px 0 0;
position: static;
top: auto;
bottom: auto;
right: auto;
left: auto;
margin: 0 -2% 20px 0;
}
.beans-stepslider2.description .beans-pagination ul {
margin: 0;
}
.beans-stepslider2.description .beans-pagination ul li {
padding: 0;
}
.beans-stepslider2.description .beans-pagination ul li:first-child {
margin-left: 0;
} .description-block {
color: #8f8f8f;
font-size: 14px;
line-height: 28px;
}
.description-block p {
margin: 0 0 28px;
}
.description-block .footer-social {
margin: 0;
}
.description-block .footer-social a {
color: #2a2a2a;
background: #f1f1f1;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 35px;
height: 35px;
font-size: 15px;
line-height: 35px;
}
.dark .description-block .footer-social a {
color: #fff;
background: #191919;
}
.description-block .footer-social a:hover {
background: #2a2a2a;
color: #f1f1f1;
}
.dark .description-block .footer-social a:hover {
background: #191919;
}
.description-block .buttons-block {
padding: 0 0 16px 2px;
}
.shop-description {
margin-bottom: 56px;
} .description-header {
overflow: hidden;
margin: 0 0 51px;
color: #2a2a2a;
}
.dark .description-header {
color: #fff;
}
.description-header .holder {
float: left;
width: 60%;
}
.description-header h2 {
margin: 0 0 15px;
text-transform: capitalize;
font: 500 32px/34px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.description-header .amount {
float: right;
color: #2a2a2a;
font-size: 32px;
line-height: 34px;
font-weight: 900;
}
.dark .description-header .amount {
color: #fff;
}
.description-header .amount sup {
font-weight: 700;
font-size: 22px;
line-height: 34px;
margin: 15px 0 0;
display: inline-block;
vertical-align: top;
}
.description-header .rattings-nav {
margin: 0 6px 0 0;
font-size: 15px;
line-height: 18px;
display: inline-block;
vertical-align: middle;
}
.description-header .review {
color: #8f8f8f;
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 14px;
}
.description-header .review:hover {
text-decoration: none;
}
.description-header .block {
overflow: hidden;
margin: 0 0 10px;
}
.description-header .in-stock {
color: #fff;
font-size: 12px;
line-height: 20px;
vertical-align: top;
letter-spacing: 2px;
display: inline-block;
padding: 6px 20px 8px;
background: #27ae60;
} .descriptio-tabs {
margin-bottom: 92px;
}
.descriptio-tabs .nav-tabs {
font-size: 13px;
line-height: 15px;
}
.descriptio-tabs .nav-tabs > li {
float: left;
border: 0;
padding: 0;
margin: 0;
}
.descriptio-tabs .nav-tabs > li > a {
margin: 0;
color: #262626;
cursor: pointer;
background: #f8f8f8;
padding: 10px 19px 10px;
border: 0;
}
.dark .descriptio-tabs .nav-tabs > li > a {
color: #fff;
background: #191919;
}
.descriptio-tabs .nav-tabs > li > a:hover {
color: #fff;
}
.descriptio-tabs .nav-tabs > li.active > a {
cursor: pointer;
}
.descriptio-tabs .nav-tabs > li.active > a,
.descriptio-tabs .nav-tabs > li.active > a:hover,
.descriptio-tabs .nav-tabs > li.active > a:focus {
padding: 10px 19px 10px;
border: 0;
color: #fff;
}
.descriptio-tabs .nav-tabs > li.active > a:after,
.descriptio-tabs .nav-tabs > li.active > a:before,
.descriptio-tabs .nav-tabs > li.active > a:hover:after,
.descriptio-tabs .nav-tabs > li.active > a:hover:before,
.descriptio-tabs .nav-tabs > li.active > a:focus:after,
.descriptio-tabs .nav-tabs > li.active > a:focus:before {
display: none;
}
.descriptio-tabs .nav-tabs > li a:hover:after {
display: none;
}
.descriptio-tabs .nav-tabs > li a:hover:before {
display: none;
}
.descriptio-tabs .tab-pane {
border: 0;
color: #8f8f8f;
font-size: 13px;
line-height: 20px;
background: #f8f8f8;
padding: 39px 2.4% 20px 2.6%;
}
.dark .descriptio-tabs .tab-pane {
background: #191919;
}
.descriptio-tabs .tab-pane p {
margin: 0 0 20px;
}
.descriptio-tabs .tab-pane .column {
width: 46%;
float: left;
margin: 0 0 0 8%;
}
.descriptio-tabs .tab-pane .column:first-child {
margin-left: 0;
}
.descriptio-tabs .tab-pane h2 {
color: #2a2a2a;
margin: 0 0 62px;
font: 24px/28px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .descriptio-tabs .tab-pane h2 {
color: #fff;
}
.descriptio-tabs .comment-form {
margin: 0 0 40px;
}
.descriptio-tabs .comment-form h4 {
color: #2a2a2a;
font-size: 25px;
}
.dark .descriptio-tabs .comment-form h4 {
color: #fff;
}
.descriptio-tabs.review .tab-pane {
padding-top: 26px;
} .related-shop h2 {
color: #222;
margin: 0 0 53px;
text-transform: capitalize;
font: 300 40px/42px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .related-shop h2 {
color: #fff;
}
.related-shop .new-product {
width: 100%;
margin: 0 0 0 2.5%;
}
.related-shop .new-product h2 {
margin: 0 0 6px;
font: 16px/20px "Lato", Georgia, "Times New Roman", Times, serif;
}
.related-shop .new-product:first-child {
margin-left: 0;
}
.related-shop .beans-stepslider {
overflow: visible;
}
.related-shop .slick-arrow {
top: -85px;
right: 0;
font-size: 20px;
overflow: hidden;
line-height: 23px;
color: #ddd;
margin: 0 0 0 4px;
border-radius: 50%;
position: absolute;
text-indent: -9999px;
width: 28px;
height: 28px;
border: 1px solid #ddd;
display: inline-block;
vertical-align: top;
}
.related-shop .slick-arrow:after {
top: 3px;
left: 8px;
line-height: 1;
text-indent: 0;
content: "\f105";
overflow: hidden;
position: absolute;
font-family: "FontAwesome";
}
.dark .related-shop .slick-arrow {
color: rgba(143, 143, 143, .6);
border-color: rgba(143, 143, 143, .6);
}
.related-shop .slick-arrow:hover .dark .related-shop .slick-arrow {
color: #8f8f8f;
background: transparent;
color: #8f8f8f;
border-color: #8f8f8f;
}
.related-shop .slick-next {
right: 37px;
}
.related-shop .slick-next:after {
content: "\f104";
} .reply-box {
color: #fff;
min-width: 56px;
padding: 6px 2px;
font-size: 10px;
line-height: 12px;
font-weight: 600;
background: #000;
text-align: center;
border-radius: 20px;
position: relative;
position: absolute;
bottom: 3px;
left: 50%;
margin: 0 0 0 -28px;
display: inline-block;
vertical-align: top;
}
.reply-box:before {
position: absolute;
content: "";
top: -4px;
bottom: auto;
left: 50%;
right: auto;
}
.reply-box:before {
margin: 0 0 0 -3px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 3px 6px 3px;
border-color: transparent transparent #000 transparent;
}
.reply-box:hover {
text-decoration: none;
}
.shop-table-block {
margin-bottom: 60px;
}  .shop-table {
color: #222;
display: block;
width: 100%;
margin: 0 0 30px;
background: #fff;
border: 1px solid #ddd;
font: 14px/18px "Lato", Georgia, "Times New Roman", Times, serif;
}
.dark .shop-table {
color: #fff;
background: #191919;
border-color: #494949;
}
.shop-table .gray {
background: #f1f1f1;
}
.dark .shop-table .gray {
background: #222;
}
.shop-table thead {
display: block;
width: 100%;
overflow: hidden;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
}
.dark .shop-table thead {
border-color: #494949;
}
.shop-table tbody {
display: block;
width: 100%;
overflow: hidden;
}
.shop-table tbody tr {
border-top: 1px solid #ddd;
}
.dark .shop-table tbody tr {
border-color: #494949;
}
.shop-table tbody tr:first-child {
border-top: 0;
}
.shop-table tbody .ico-1 {
padding: 9px 1.6%;
}
.shop-table tbody .ico-5 {
padding: 24px 1.6%;
}
.shop-table th {
font-weight: 400;
}
.shop-table tr {
display: block;
width: 100%;
overflow: hidden;
}
.shop-table th,
.shop-table td {
width: 31.2%;
float: left;
padding: 32px 1.5% 28px;
}
.shop-table td {
padding: 28px 1.5% 28px;
}
.shop-table .ico-2 {
width: 7.9%;
text-transform: none;
}
.shop-table .ico-3 {
width: 9.7%;
text-align: center;
}
.shop-table .ico-4 {
width: 12.5%;
text-align: center;
}
.shop-table .ico-5 {
width: 20.6%;
text-align: center;
}
.shop-table .ico-6 {
width: 12.9%;
text-align: center;
}
.shop-table .ico-7 {
width: 5.1%;
padding: 28px 1% 28px;
text-align: center;
}
.shop-table .btn-close {
color: #ddd;
display: inline-block;
vertical-align: middle;
font-size: 20px;
}
.shop-table .btn-close:hover {
text-decoration: none;
}
.shop-table .alignleft {
margin: 0 18px 0 0;
width: 60px;
display: inline-block;
vertical-align: middle;
}
.shop-table .product-name {
margin: -3px 0 0;
display: inline-block;
vertical-align: middle;
} .shop-apply {
overflow: hidden;
}
.shop-apply .shop-buttons {
width: 50%;
float: right;
text-align: right;
}
.shop-apply .btn {
border: 0;
color: #fff;
background: #2a2a2a;
margin: 0 0 0 6px;
} .shop-calculation {
padding-top: 56px;
margin-bottom: 94px;
padding-bottom: 54px;
}
.shop-calculation h2 {
color: #2a2a2a;
margin: 0 0 17px;
text-transform: capitalize;
font: 18px/22px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .shop-calculation h2 {
color: #fff;
}
.shop-calculation .block {
overflow: hidden;
margin: 0 0 57px;
}
.shop-calculation.checkout {
padding-top: 0;
padding-bottom: 0;
}
.shop-calculation.checkout:before {
display: none;
}
.shop-calculation.checkout h2 {
margin: 0 0 32px;
}
.shop-calculation.checkout .cart-table {
background: #fafafa;
}
.dark .shop-calculation.checkout .cart-table {
background: #191919;
}
.shop-calculation.checkout .cart-table td {
width: 81%;
padding: 17px 2% 18px 5%;
}
.shop-calculation.checkout .cart-table .col-2 {
width: 19%;
padding-left: 3.9%;
}
.shop-calculation.checkout .update-form .jcf-select {
margin: 0 0 9px;
}
.shop-calculation.checkout .update-form .form-control {
margin: 0 0 9px;
}
.shop-calculation.checkout .update-form::-webkit-input-placeholder {
color: #2a2a2a;
}
.shop-calculation.checkout .update-form::-moz-placeholder {
opacity: 1;
color: #2a2a2a;
}
.shop-calculation.checkout .update-form:-moz-placeholder {
color: #2a2a2a;
}
.shop-calculation.checkout .update-form:-ms-input-placeholder {
color: #2a2a2a;
}
.shop-calculation.checkout .update-form .placeholder {
color: #2a2a2a;
}
.dark .shop-calculation.checkout .update-form::-webkit-input-placeholder {
color: #fff;
}
.dark .shop-calculation.checkout .update-form::-moz-placeholder {
opacity: 1;
color: #fff;
}
.dark .shop-calculation.checkout .update-form:-moz-placeholder {
color: #fff;
}
.dark .shop-calculation.checkout .update-form:-ms-input-placeholder {
color: #fff;
}
.dark .shop-calculation.checkout .update-form .placeholder {
color: #fff;
}
.shop-calculation.checkout .update-form .jcf-select-text {
color: #2a2a2a;
}
.dark .shop-calculation.checkout .update-form .jcf-select-text {
color: #fff;
}
.shop-calculation.checkout .update-form .form-control {
color: #2a2a2a;
}
.dark .shop-calculation.checkout .update-form .form-control {
color: #fff;
} .cart-table {
color: #2a2a2a;
display: block;
width: 100%;
border-collapse: collapse;
font-size: 15px;
line-height: 18px;
border: 1px solid #ddd;
}
.dark .cart-table {
color: #fff;
background: none;
border-color: #494949;
}
.cart-table tbody {
display: block;
width: 100%;
}
.cart-table tr {
overflow: hidden;
display: block;
border-top: 1px solid #ddd;
}
.dark .cart-table tr {
border-color: #494949;
}
.cart-table tr:first-child {
border-top: 0;
}
.cart-table td {
float: left;
padding: 17px 3.9% 18px;
width: 68%;
border-left: 1px solid #ddd;
}
.dark .cart-table td {
border-color: #494949;
}
.cart-table td:first-child {
border-left: 0;
}
.cart-table .col-2 {
width: 32%;
float: left;
background: #fff;
}
.dark .cart-table .col-2 {
background: none;
}  .blog-mainbanner {
color: #fff;
margin: 0 0 98px;
text-align: center;
padding: 174px 0 131px;
font: 700 42px/60px "Playfair Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.blog-mainbanner .container {
z-index: 5;
position: relative;
}
.blog-mainbanner p {
margin: 0 0 30px;
}
.blog-mainbanner .title {
display: block;
margin: 0 0 38px;
font: italic 18px/20px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.blog-mainbanner .beans-slider .slick-dots {
position: static;
}
.blog-mainbanner .beans-slider .slick-dots li {
margin: 0 6px 0 5px;
display: inline-block;
vertical-align: top;
}
.blog-mainbanner .beans-slider .slick-dots li.slick-active button {
background: #fff;
}
.blog-mainbanner .beans-slider .slick-dots li button {
margin: 0;
border: 0;
padding: 0;
display: block;
background: none;
border-radius: 50%;
text-indent: -9999px;
width: 10px;
height: 10px;
border: 2px solid #fff;
}
.blog-mainbanner .beans-slider .slick-dots li button:hover {
background: #fff;
text-decoration: none;
} .blog-post-v1 {
color: #8f8f8f;
font-size: 14px;
margin: 0 0 61px;
line-height: 28px;
padding: 0 0 34px;
border-bottom: 1px solid #f3f3f3;
}
.dark .blog-post-v1 {
border-color: #494949;
}
.blog-post-v1 .more {
color: #2a2a2a;
font-size: 12px;
line-height: 20px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark .blog-post-v1 .more {
color: #8f8f8f;
}
.blog-post-v1 .more:hover {
text-decoration: none;
}
.blog-post-v1 .beans-slider .slick-dots {
bottom: 5px;
}
.blog-post-v1 .beans-slider .slick-dots li {
margin: 0 6px 0 5px;
display: inline-block;
vertical-align: top;
}
.blog-post-v1 .beans-slider .slick-dots li.slick-active button {
background: #fff;
}
.blog-post-v1 .beans-slider .slick-dots li button {
margin: 0;
border: 0;
padding: 0;
display: block;
background: none;
border-radius: 50%;
text-indent: -9999px;
width: 10px;
height: 10px;
border: 2px solid #fff;
}
.blog-post-v1 .beans-slider .slick-dots li button:hover {
background: #fff;
text-decoration: none;
}
.blog-post-v1 .blog-txt {
position: relative;
padding: 0 0 20px 89px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.blog-post-v1 img {} .blog-post-v1 .img-box {
margin: 0 0 24px;
overflow: hidden;
}
.blog-post-v1 .img-box .box {
width: 31.5%;
float: left;
margin: 0 0 5px 2.7%;
}
.blog-post-v1 .img-box .box:first-child {
margin: 0 0 5px;
}
.blog-post-v1 .img-box .box.add {
width: 30.9%;
margin: 0 0 2px 3.6%;
}
.blog-post-v1 .img-box .box.add:first-child {
margin: 0 0 2px;
}
.blog-post-v1 h2 {
color: #2a2a2a;
margin: 0 0 8px;
text-transform: uppercase;
font: 600 24px/30px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .blog-post-v1 h2 {
color: #fff;
}
.blog-post-v1 h2 a {
color: #2a2a2a;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark .blog-post-v1 h2 a {
color: #fff;
}
.blog-post-v1 h2 a:hover {
text-decoration: none;
}
.blog-post-v1 h3 {
margin: 0 0 5px;
text-transform: uppercase;
font: 700 18px/20px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.blog-post-v1 h3 a {
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.blog-post-v1 h3 a:hover {
color: #2a2a2a;
text-decoration: none;
}
.dark .blog-post-v1 h3 a:hover {
color: #fff;
}
.blog-post-v1 .meta {
color: #8f8f8f;
margin: 0 0 8px;
font-size: 12px;
line-height: 21px;
}
.blog-post-v1 .meta a {
color: #8f8f8f;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.blog-post-v1 .meta a:hover {
text-decoration: none;
}
.blog-post-v1 .meta li {
padding: 0 12px 0 0;
}
.blog-post-v1 .box-holder {
top: -4px;
left: -5px;
position: absolute;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.blog-post-v1 time {
color: #fff;
display: block;
font-size: 14px;
line-height: 21px;
padding: 19px 0 0;
text-align: center;
background: #2a2a2a;
margin: -5px auto 0;
width: 74px;
height: 74px;
text-transform: uppercase;
}
.blog-post-v1 time .add {
display: block;
font-size: 22px;
font-weight: 700;
}
.blog-post-v1 .fa {
margin: 0 3px 0 0;
}
.blog-post-v1 .icon {
color: #fff;
display: block;
font-size: 32px;
text-align: center;
padding: 22px 0 0 2px;
width: 84px;
height: 84px;
border: 5px solid #fff;
}
.dark .blog-post-v1 .icon {
border-color: #222;
}
.blog-post-v1 blockquote {
margin: 0;
border: 0;
color: #2a2a2a;
background: #f3f3f3;
padding: 34px 30px 24px 28px;
}
.dark .blog-post-v1 blockquote {
color: #8f8f8f;
background: #191919;
}
.blog-post-v1 blockquote q {
quotes: none;
display: block;
text-indent: 20px;
position: relative;
font: 300 italic 24px/31px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.blog-post-v1 blockquote q:after {
top: -10px;
left: -16px;
content: "\"";
color: #2a2a2a;
font-size: 46px;
font-weight: 900;
position: absolute;
}
.blog-post-v1 .txt {
overflow: hidden;
}
.blog-post-v1 .txt p {
margin: 0 0 47px;
}
.blog-post-v1 .post-blockquote {
margin: 0 0 49px;
letter-spacing: -.3px;
padding: 22px 20px 20px 36px;
border-left: 4px solid transparent;
}
.blog-post-v1 .post-blockquote q {
text-indent: 0;
font-size: 18px;
line-height: 30px;
}
.blog-post-v1 .post-blockquote q:after {
display: none;
}
.blog-post-v1.style2 {
border: 0;
padding: 0;
margin: 0 0 60px;
overflow: hidden;
background: #fff;
}
.dark .blog-post-v1.style2 {
background: #191919;
}
.blog-post-v1.style2 .img-box {
margin: 0;
float: left;
width: 48.7%;
}
.blog-post-v1.style2 h2 {
line-height: 37px;
}
.blog-post-v1.style2 .blog-txt {
float: left;
width: 51.3%;
position: relative;
padding: 21px 32px 20px 119px;
}
.blog-post-v1.style2 .box-holder {
top: 21px;
left: 24px;
}
.blog-post-v1.style2 .audio-area {
position: relative;
}
.blog-post-v1.style2 .mejs-audio {
left: 0;
right: 0;
top: 50%;
margin: -35px 0 0;
position: absolute;
}
.blog-post-v1.style2 .audio-area .mejs-controls .mejs-time,
.blog-post-v1.style2 .audio-area .mejs-controls .mejs-button {
width: 5% !important;
}
.blog-post-v1.style2 .audio-area .mejs-controls div.mejs-time-rail {
width: 67% !important;
}
.blog-post-v1.style2 .mejs-container .mejs-controls,
.blog-post-v1.style2 .mejs-container {
background: #222;
}
.blog-post-v1.style3 {
width: 30%;
padding: 0;
float: left;
background: #fff;
margin: 0 2.6% 30px 0;
}
.dark .blog-post-v1.style3 {
background: #222;
}
.blog-post-v1.style3 h2 {
font-size: 18px;
font-weight: 400;
line-height: 26px;
text-transform: inherit;
}
.blog-post-v1.style3 .img-box {
margin: 0;
}
.blog-post-v1.style3 .blog-txt {
padding: 12px 30px 20px 118px;
border: 1px solid #f3f3f3;
}
.dark .blog-post-v1.style3 .blog-txt {
border-color: #494949;
}
.blog-post-v1.style3 p {
margin: 0 0 3px;
}
.blog-post-v1.style3 .box-holder {
top: 11px;
left: 12px;
}
.blog-post-v1.style3.nospace {
margin: 0;
width: 33.3%;
}
.blog-post-v1.style-full {
padding: 0 0 10px;
margin: 0 0 17px;
}
.blog-post-v1.style-full .blog-txt {
padding: 0 0 6px 89px;
}
.blog-post-v1.style-full .main-blockquote {
margin: 0 0 30px;
padding: 74px 50px 54px 33px;
}
.blog-post-v1.style4 h2 {
text-transform: inherit;
font-family: "Playfair Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.blog-post-v1.style5 {
width: 47%;
padding: 0;
float: left;
background: #fff;
margin: 0 1.5% 30px;
}
.dark .blog-post-v1.style5 {
background: #222;
}
.blog-post-v1.style5 h2 {
font-size: 18px;
font-weight: 400;
line-height: 26px;
text-transform: inherit;
}
.blog-post-v1.style5 .img-box {
margin: 0;
}
.blog-post-v1.style5 .blog-txt {
border: 1px solid #f3f3f3;
padding: 12px 30px 20px 118px;
}
.dark .blog-post-v1.style5 .blog-txt {
border-color: #494949;
}
.blog-post-v1.style5 p {
margin: 0 0 3px;
}
.blog-post-v1.style5 .box-holder {
top: 11px;
left: 12px;
}
.blog-post-v1.style5.nospace {
width: 49.9%;
margin: 0;
}
.blog-post-v1.style6 {
width: 24%;
padding: 0;
float: left;
background: #fff;
margin: 0 .3% 20px;
}
.dark .blog-post-v1.style6 {
background: #222;
}
.blog-post-v1.style6 h2 {
font-size: 18px;
font-weight: 400;
line-height: 26px;
text-transform: inherit;
}
.blog-post-v1.style6 .img-box {
margin: 0;
}
.blog-post-v1.style6 .blog-txt {
padding: 12px 10px 20px 95px;
border: 1px solid #f3f3f3;
}
.dark .blog-post-v1.style6 .blog-txt {
border-color: #494949;
}
.blog-post-v1.style6 p {
margin: 0 0 3px;
}
.blog-post-v1.style6 .box-holder {
top: 11px;
left: 6px;
}
.blog-post-v1.style6.nospace {
margin: 0;
width: 24.9%;
} .blog-footer {
overflow: hidden;
margin: 0 0 100px;
}
.blog-footer .btn-box {
float: left;
}
.blog-footer .btn-box .btn {
color: #8f8f8f;
margin: 0 7px 0 0;
text-transform: uppercase;
padding: 8px 30px 8px 29px;
border: 1px solid #ddd;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark .blog-footer .btn-box .btn {
color: rgba(143, 143, 143, .6);
border-color: rgba(143, 143, 143, .6);
}
.blog-footer .btn-box .btn:hover {
color: #fff;
text-decoration: none;
}
.dark .blog-footer .btn-box .btn:hover {
color: #8f8f8f;
background: transparent;
color: #8f8f8f;
border-color: #8f8f8f;
}
.blog-footer .btn-load {
color: #2a2a2a;
margin: 27px 0 0;
border: 1px solid #2a2a2a;
text-transform: uppercase;
padding: 8px 30px 8px 29px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark .blog-footer .btn-load {
color: rgba(143, 143, 143, .6);
border-color: rgba(143, 143, 143, .6);
}
.blog-footer .btn-load:hover {
color: #fff;
text-decoration: none;
}
.dark .blog-footer .btn-load:hover {
color: #8f8f8f;
background: transparent;
color: #8f8f8f;
border-color: #8f8f8f;
}
.blog-footer .b-pagination {
margin: 0;
float: right;
}
.blog-footer .b-pagination li {
float: left;
margin: 0 0 0 9px;
}
.blog-footer .b-pagination li.active a {
color: #fff;
pointer-events: none;
text-decoration: none;
}
.blog-footer .b-pagination a {
color: #8f8f8f;
display: block;
font-size: 13px;
line-height: 20px;
padding: 8px 20px;
border: 1px solid #ddd;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark .blog-footer .b-pagination a {
color: rgba(143, 143, 143, .6);
border-color: rgba(143, 143, 143, .6);
}
.blog-footer .b-pagination a:hover {
color: #fff;
text-decoration: none;
}
.dark .blog-footer .b-pagination a:hover {
color: #8f8f8f;
background: transparent;
color: #8f8f8f;
border-color: #8f8f8f;
}
.blog-footer.style3 {
margin: 0 0 59px;
} .blog-masonry-holder {
width: 105%;
}
.blog-masonry-holder.full-width .blog-post-v1.style3 {
width: 17.8%;
margin: 0 1.57% 30px 0;
}
.blog-masonry-holder.full-width .blog-post-v1.style3 .blog-txt {
padding: 14px 10px 20px 122px;
}
.blog-masonry-holder.full-width.add-style {
width: auto;
margin: 0 -30px 0 -15px;
}
.blog-masonry-holder.full-width.add-style .blog-post-v1.style3 {
margin: 0;
width: 19.9%;
}
.blog-masonry-holder.full-width.add-style .blog-post-v1.style3 .blog-txt {
padding: 14px 10px 20px 122px;
} .post-footer {
margin: 0 0 3px;
overflow: hidden;
padding: 0 0 17px;
}
.dark .post-footer {
border-color: #494949;
}
.post-footer .post-social {
float: right;
font-size: 13px;
margin: 9px 0 0;
line-height: 18px;
text-transform: uppercase;
}
.post-footer .post-social li {
float: left;
margin: 0 0 0 25px;
}
.post-footer .post-social a {
color: #2a2a2a;
}
.post-footer .post-social a:hover {
text-decoration: none;
}
.post-footer .post-social a .fa {
padding: 0 4px 0 0;
}
.dark .post-footer .post-social a {
color: #fff;
}
.post-footer .post-social .fa-pinterest {
color: #cc2127;
}
.post-footer .post-social .fa-twitter {
color: #55acee;
}
.post-footer .post-social .fa-facebook {
color: #3b5998;
}
.post-footer .post-tags {
float: right;
}
.post-footer .post-tags .title {
color: #262626;
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin: 0 23px 0 0;
display: inline-block;
vertical-align: middle;
}
.dark .post-footer .post-tags .title {
color: #fff;
}
.post-footer .post-tags ul {
margin: 0;
overflow: hidden;
display: inline-block;
vertical-align: middle;
}
.post-footer .post-tags ul li {
float: left;
margin: 0 6px 3px 0;
}
.post-footer .post-tags ul a {
color: #8f8f8f;
display: block;
font-size: 13px;
line-height: 20px;
background: #f3f3f3;
padding: 6px 16px 6px 13px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark .post-footer .post-tags ul a {
color: #fff;
background: #191919;
}
.post-footer .post-tags ul a:hover {
color: #f3f3f3;
background: #8f8f8f;
text-decoration: none;
}
.dark .post-footer .post-tags ul a:hover {
color: #fff;
background: #191919;
} .post-author-box {
color: #8f8f8f;
font-size: 14px;
overflow: hidden;
margin: 0 0 96px;
line-height: 24px;
background: #f8f8f8;
border: 1px solid #f3f3f3;
padding: 26px 40px 20px 30px;
}
.dark .post-author-box {
background: #191919;
border-color: #494949;
}
.post-author-box .img-box {
float: left;
margin: 5px 29px 0 0;
}
.post-author-box .img-box img {
display: block;
}
.post-author-box .holder {
overflow: hidden;
padding: 0 0 0 9px;
}
.post-author-box .title {
color: #2a2a2a;
display: block;
margin: 0 0 0 -8px;
font: 600 16px/20px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .post-author-box .title {
color: #8f8f8f;
}
.post-author-box .title a {
color: #2a2a2a;
}
.dark .post-author-box .title a {
color: #8f8f8f;
}
.post-author-box .aut-text {
display: block;
margin: 0 0 9px;
font-size: 12px;
line-height: 20px;
padding: 0 0 0 8px;
}
.post-author-box .aut-text a {
color: #8f8f8f;
} .blog-post-v2 {
float: left;
color: #8f8f8f;
width: 33.33%;
font-size: 14px;
margin: 0 0 36px;
line-height: 24px;
}
.blog-post-v2 .more {
color: #2a2a2a;
font-size: 12px;
line-height: 20px;
}
.blog-post-v2 .beans-slider .slick-dots {
bottom: 5px;
}
.blog-post-v2 .beans-slider .slick-dots li {
margin: 0 6px 0 5px;
display: inline-block;
vertical-align: top;
}
.blog-post-v2 .beans-slider .slick-dots li.slick-active button {
background: #fff;
}
.blog-post-v2 .beans-slider .slick-dots li button {
margin: 0;
border: 0;
padding: 0;
display: block;
background: none;
border-radius: 50%;
text-indent: -9999px;
width: 10px;
height: 10px;
border: 2px solid #fff;
}
.blog-post-v2 .beans-slider .slick-dots li button:hover {
background: #fff;
text-decoration: none;
}
.blog-post-v2 .blog-txt {
position: relative;
padding: 0 0 20px 103px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.blog-post-v2 img {
width: 100%;
}
.blog-post-v2 .img-box {
margin: 0 0 15px;
overflow: hidden;
position: relative;
border-left: 1px solid #fff;
}
.dark .blog-post-v2 .img-box {
border-color: #222;
}
.blog-post-v2 h2 {
color: #2a2a2a;
margin: 0 0 8px;
font: 18px/26px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .blog-post-v2 h2 {
color: #fff;
}
.blog-post-v2 h2 a {
color: #2a2a2a;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark .blog-post-v2 h2 a {
color: #fff;
}
.blog-post-v2 h2 a:hover {
text-decoration: none;
}
.blog-post-v2 .meta {
color: #8f8f8f;
font-size: 12px;
margin: 0 0 17px;
line-height: 21px;
}
.blog-post-v2 .meta a {
color: #8f8f8f;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.blog-post-v2 .meta a:hover {
text-decoration: none;
}
.blog-post-v2 .meta li {
padding: 0 12px 0 0;
}
.blog-post-v2 .box {
top: -4px;
left: 9px;
position: absolute;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.blog-post-v2 .fluid-width-video-wrapper {
padding: 18.85% !important;
}
.blog-post-v2 time {
color: #fff;
display: block;
font-size: 14px;
line-height: 21px;
padding: 19px 0 0;
background: #2a2a2a;
text-align: center;
margin: -5px auto 0;
width: 74px;
height: 74px;
text-transform: uppercase;
}
.blog-post-v2 time .add {
display: block;
font-size: 22px;
font-weight: 700;
}
.blog-post-v2 .fa {
margin: 0 3px 0 0;
}
.blog-post-v2 .icon {
color: #fff;
display: block;
font-size: 32px;
text-align: center;
padding: 22px 0 0 2px;
width: 84px;
height: 84px;
border: 5px solid #fff;
}
.dark .blog-post-v2 .icon {
border-color: #222;
}
.blog-post-v2 blockquote {
margin: 0;
border: 0;
color: #2a2a2a;
min-height: 257px;
background: #f3f3f3;
padding: 81px 30px 24px 23px;
}
.dark .blog-post-v2 blockquote {
color: #fff;
background: #191919;
}
.blog-post-v2 blockquote q {
quotes: none;
display: block;
text-indent: 20px;
position: relative;
font: 300 italic 24px/31px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.blog-post-v2 blockquote q:after {
top: -10px;
left: -16px;
content: "\"";
color: #2a2a2a;
font-size: 46px;
font-weight: 900;
position: absolute;
}
.dark .blog-post-v2 blockquote q:after {
color: #fff;
}
.blog-post-v2 .audio-area {
position: relative;
}
.blog-post-v2 .mejs-audio {
left: 0;
right: 0;
top: 50%;
margin: -19px 0 0;
position: absolute;
}
.blog-post-v2 .audio-area .mejs-controls .mejs-time,
.blog-post-v2 .audio-area .mejs-controls .mejs-button {
width: 5% !important;
}
.blog-post-v2 .audio-area .mejs-controls div.mejs-time-rail {
width: 67% !important;
}
.blog-post-v2 .mejs-container .mejs-controls,
.blog-post-v2 .mejs-container {
background: #222;
}  .widget {
color: #707070;
color: rgba(51, 51, 51, 0.7);
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.widget ul li a:before {
color: #333;
content: "\f101";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 10px
}
#woocommerce_widget_cart-2 .widget ul li a:before {
display: none;
}
.widget pre {
line-height: 1.2;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
.widget button,
.widget input {
line-height: normal;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
font-size: 12px;
font-size: 1.2rem;
padding: 16px 1.5833em;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget textarea {
padding: 0.375em;
}
.widget-title {
color: #333;
font-family: "Noto Sans", sans-serif;
margin: 0 0 1.6em;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.widget >:last-child {
margin-bottom: 0;
}
.widget_calendar table {
margin: 0;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.3333;
text-align: center;
padding: 0;
}
.widget_calendar caption {
font-family: "Noto Serif", serif;
font-weight: 700;
margin: 0 0 1.6em;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.widget_calendar tbody a {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
background-color: #333;
color: #fff;
display: block;
font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background-color: #707070;
background-color: rgba(51, 51, 51, 0.7);
color: #fff;
}
.widget_archive a,
.widget_categories a,
.widget_links a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a,
.widget_recent_comments a,
.widget_recent_entries a {
border: 0;
}
.widget_archive ul,
.widget_categories ul,
.widget_links ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
list-style: none;
margin: 0;
padding-left: 5px;
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
padding: 0.7667em 0;
}
.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child {
border-top: 0;
padding-top: 0;
}
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_links li:last-child,
.widget_meta li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child,
.widget_recent_comments li:last-child,
.widget_recent_entries li:last-child {
padding-bottom: 0;
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
margin: 0.7667em 0 0 0.8em;
padding-top: 0.7667em;
}
.widget_recent_entries .post-date {
display: block;
}
.widget_rss ul {
list-style: none;
margin: 0;
}
.widget_rss li {
margin-bottom: 1.6em;
}
.widget_rss ul:last-child,
.widget_rss li:last-child {
margin-bottom: 0;
}
.widget_rss .rsswidget {
border: 0;
font-weight: 700;
}
.widget_rss .rsswidget img {
margin-top: -4px;
}
.widget_rss .rss-date,
.widget_rss cite {
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-style: normal;
display: block;
line-height: 2;
opacity: 0.8;
}
.textwidget >:last-child {
margin-bottom: 0;
}
.textwidget a:hover,
.textwidget a:focus {
border-bottom: 0;
}
.widget {
margin: 0 0 30px;
padding: 0 0 10px;
position: relative;
border-bottom: 2px solid #f3f3f3;
padding-left: 15px !important;
}
.dark .widget {
border-color: #494949;
}
.widget:before {
left: 0;
bottom: -2px;
background: #2a2a2a;
width: 50px;
height: 2px;
}
.dark .widget:before {
background: #191919;
}
.widget h2 {
color: #2a2a2a;
margin: 0 0 26px;
letter-spacing: 2px;
font: 600 16px/25px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .widget h2 {
color: #fff;
}
.widget .searchform {
overflow: hidden;
position: relative;
border: 1px solid #f3f3f3;
}
.dark .widget .searchform {
border-color: #494949;
}
.widget .searchform .input {
border: 0;
margin: 0;
width: 100%;
float: left;
height: 36px;
color: #8f8f8f;
outline: none;
font-size: 14px;
background: none;
line-height: 20px;
padding: 8px 60px 8px 21px;
}
.widget .searchform .input::-webkit-input-placeholder {
color: #8f8f8f;
}
.widget .searchform .input:-moz-placeholder {
color: #8f8f8f;
}
.widget .searchform .input::-moz-placeholder {
color: #8f8f8f;
opacity: 1;
}
.widget .searchform .input:-ms-input-placeholder {
color: #8f8f8f;
}
.widget .searchform button {
top: 0;
right: 0;
margin: 0;
border: 0;
bottom: 0;
color: #fff;
padding: 0 11px;
font-size: 16px;
position: absolute;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.widget .searchform button:hover {
background: #8f8f8f;
}
.widget .tabset {
margin: 0;
font-size: 0;
letter-spacing: 0;
}
.widget .tabset li {
padding: 0;
}
.widget .tabset li.active a {
color: #fff;
}
.widget .tabset a {
color: #262626;
display: block;
font-size: 13px;
line-height: 20px;
background: #f6f6f6;
text-transform: uppercase;
padding: 11px 18px 9px 20px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark .widget .tabset a {
color: #fff;
background: #191919;
}
.widget .tabset a:hover {
color: #fff;
text-decoration: none;
}
.widget .tab-content {
padding-top: 20px;
padding-bottom: 32px;
background: #f6f6f6;
}
.dark .widget .tab-content {
background: #191919;
}
.widget .tab-content .box {
overflow: hidden;
text-transform: uppercase;
padding: 20px 10px 15px 19px;
}
.widget .tab-content .box .img-box {
float: left;
margin: 0 13px 0 0;
}
.widget .tab-content .box .img-box img {
display: block;
}
.widget .tab-content .box .holder {
overflow: hidden;
}
.widget .tab-content .box time {
color: #8f8f8f;
display: block;
margin: 0 0 2px;
font-size: 12px;
}
.widget .tab-content .box h3 {
margin: 0;
color: #2a2a2a;
font: 13px/19px "Lato", Georgia, "Times New Roman", Times, serif;
}
.dark .widget .tab-content .box h3 {
color: #fff;
}
.widget.search-widget {
margin-top: -7px;
}
.widget.s-social-widget {
font-size: 13px;
margin: 0 0 52px;
}
.widget.s-social-widget ul {
margin: 0;
}
.widget.s-social-widget ul li {
margin: 0 0 2px;
}
.widget.s-social-widget ul a {
color: #fff;
display: block;
background: #262626;
padding: 13px 19px 10px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.widget.s-social-widget ul a:hover {
background: #55acee;
text-decoration: none;
}
.widget.s-social-widget .fa {
padding: 0 9px 0 0;
display: inline-block;
vertical-align: top;
}
.widget.cate-widget {
margin: 0 0 52px;
padding: 0 0 46px;
font: 14px/20px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.widget.cate-widget h2 {
margin: 0 0 20px;
}
.widget.cate-widget a {
color: #8f8f8f;
position: relative;
padding: 0 0 0 11px;
letter-spacing: 1px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
display: inline-block;
vertical-align: top;
}
.widget.cate-widget a:hover {
text-decoration: none;
}
.widget.cate-widget a:hover .fa {
color: #8f8f8f;
}
.widget.cate-widget a .fa {
left: 0;
top: 2px;
position: absolute;
}
.widget.cate-widget ul {
margin: 0;
overflow: hidden;
}
.widget.cate-widget ul li {
margin: 0 0 10px;
}
.widget.cate-widget ul li.active a .fa {
color: #8f8f8f;
}
.widget.cate-widget.big-icon a {
padding: 0 0 0 20px;
}
.widget.toppost-widget {
margin: 0 0 51px;
}
.widget.video-widget {
margin: 0 0 51px;
}
.widget.tag-widget ul {
margin: 0;
overflow: hidden;
}
.widget.tag-widget ul li {
float: left;
margin: 0 6px 3px 0;
}
.widget.tag-widget ul a {
color: #8f8f8f;
display: block;
font-size: 13px;
line-height: 20px;
background: #f3f3f3;
padding: 6px 16px 6px 13px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark .widget.tag-widget ul a {
background: #191919;
}
.widget.tag-widget ul a:hover {
color: #f3f3f3;
background: #8f8f8f;
text-decoration: none;
}
.dark .widget.tag-widget ul a:hover {
background: #494949;
}
.widget.test-widget .beans-slider {
padding: 0;
}
.widget.test-widget .beans-slider .slick-dots {
position: static;
}
.widget.test-widget .beans-slider .slick-dots li {
margin: 0 3px 0 2px;
display: inline-block;
vertical-align: top;
}
.widget.test-widget .beans-slider .slick-dots li.slick-active button {
background: #2a2a2a;
}
.widget.test-widget .beans-slider .slick-dots li button {
margin: 0;
border: 0;
padding: 0;
display: block;
background: none;
border-radius: 50%;
text-indent: -9999px;
width: 15px;
height: 15px;
background: #ddd;
}
.widget.test-widget .beans-slider .slick-dots li button:hover {
background: #2a2a2a;
text-decoration: none;
}
.widget:last-child {
border: 0;
}
.widget:last-child:before {
display: none;
} #nav { }
#nav a {
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#nav a:hover {
text-decoration: none;
}
#nav li {
position: relative;
}
#nav li.has-mega-drop {
position: static;
}
#nav li.hover > .drop,
#nav li:hover > .drop {
opacity: 1;
visibility: visible;
}
#nav li.hover .mega-drop,
#nav li:hover .mega-drop {
opacity: 1;
visibility: visible;
}
#nav .drop {
left: 0;
top: 100%;
opacity: 0;
width: 200px;
font-size: 12px;
visibility: hidden;
position: absolute;
font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#nav .drop li:hover .drop {
display: block;
}
#nav .drop ul {
margin: 25px 0 0;
position: relative;
background: #2a2a2a;
border: 1px solid #3a3a3a;
}
#nav .drop ul:after {
top: -2px;
left: -1px;
right: -1px;
height: 2px;
}
#nav .drop ul a {
color: #8f8f8f;
display: block;
padding: 9px 17px;
letter-spacing: 0;
position: relative;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#nav .drop ul a:hover {
color: #c9c9c9;
background: #333;
text-decoration: none;
}
#nav .drop ul a:hover:after {
right: 9px;
}
#nav .drop ul a:after {
top: 8px;
right: 15px;
display: none;
content: "\f105";
position: absolute;
font-family: "FontAwesome";
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#nav .drop ul li:hover > a {
color: #c9c9c9;
background: #333;
padding: 9px 15px 9px 20px;
}
#nav .drop ul li:hover > a:after {
right: 9px;
}
#nav .drop ul li:hover > .drop {
display: block;
}
#nav .drop ul li.has-drop > a:after {
display: block;
}
#nav .drop ul li.active > a {
color: #c9c9c9;
background: #333;
padding: 9px 5px 9px 20px;
}
#nav .drop ul li.active > a:after {
right: 9px;
}
#nav .drop .drop {
top: -1px;
left: 198px;
display: none;
}
#nav .drop .drop > ul {
margin: 1px 0 0;
}
#nav .drop .drop .drop {
top: -1px;
left: 199px;
display: none;
}
#nav .drop .drop .drop ul {
margin: 1px 0 0;
}
#nav .mega-drop {
top: 26px;
left: 15px;
opacity: 0;
right: 15px;
font-size: 12px;
font-weight: 400;
overflow: hidden;
visibility: hidden;
position: absolute;
font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#nav .mega-drop .coll {
width: 25%;
float: left;
padding: 0 0 10px;
position: relative;
}
#nav .mega-drop .coll:after {
top: 0;
width: 1px;
left: -1px;
bottom: -9999px;
background: #3a3a3a;
}
#nav .mega-drop .drop-holder {
float: left;
width: 100%;
margin: 35px 0 0;
position: relative;
background: #2a2a2a;
border: 1px solid #3a3a3a;
}
#nav .mega-drop .drop-holder:after {
top: -2px;
left: -1px;
right: -1px;
height: 2px;
}
#nav .mega-drop .drop-holder a {
color: #8f8f8f;
display: block;
padding: 9px 31px;
letter-spacing: 0;
position: relative;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#nav .mega-drop .drop-holder a:hover {
color: #c9c9c9;
background: #333;
text-decoration: none;
padding: 9px 15px 9px 40px;
}
#nav .mega-drop .drop-holder li.active a {
color: #c9c9c9;
background: #333;
padding: 9px 15px 9px 40px;
}
#nav .mega-drop .title {
color: #fff;
display: block;
font-size: 13px;
font-weight: 600;
line-height: 20px;
padding: 10px 30px;
letter-spacing: 2px;
font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#nav .mega-drop .fa {
margin: 0 5px 0 0;
}
#nav .nav-top > li { margin: 0 0 0 30px;
}
#nav .nav-opener {
top: 0;
left: 15px;
color: #fff;
z-index: 9999;
display: none;
padding: 5px 0 0;
position: absolute;
border-radius: 50%;
width: 38px;
height: 38px;
border: 2px solid #fff;
}
#nav .nav-opener .txt {
display: none;
}
#nav .nav-opener .fa {
margin: 0 5px;
font-size: 18px;
display: inline-block;
vertical-align: middle;
}
#nav .nav-opener:hover {
color: #fff;
} .search-popup {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 9999;
position: fixed;
visibility: hidden;
background: rgba(0, 0, 0, .9);
white-space: nowrap;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.search-popup .holder {
display: inline-block;
white-space: normal;
vertical-align: middle;
}
.search-popup:before {
content: "";
vertical-align: middle;
display: inline-block;
height: 100%;
width: 1px;
overflow: hidden;
margin: 0 0 0 -5px;
}
.search-popup .holder {
width: 100%;
}
.search-popup .close-btn {
right: 0;
width: 61px;
top: -200px;
height: 61px;
position: absolute;
overflow: hidden;
text-indent: -9999px;
background: #f6f5f4;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.search-popup .close-btn:hover {
text-decoration: none;
}
.search-popup .close-btn:before,
.search-popup .close-btn:after {
top: 28px;
left: 21px;
width: 21px;
height: 4px;
background: #000;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.search-popup .close-btn:after {
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.search-popup .search-form {
position: relative;
}
.search-popup .search-form .search {
border: 0;
margin: 0;
float: left;
width: 100%;
height: 50px;
color: #fff;
font-size: 21px;
line-height: 30px;
padding: 0 60px 0 20px;
background: transparent;
text-transform: capitalize;
border: 1px solid white;
}
.search-popup .submit {
right: 0;
border: 0;
top: -2px;
color: #fff;
font-size: 30px;
position: absolute;
background: transparent;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.search-active .search-popup {
opacity: 1;
visibility: visible;
}
#footer,
#lancer-footer,
.wed-logo {
width: 100%;
overflow: hidden;
position: relative;
}
#header .cart-box .cart-list .image img {
max-width: 100%;
display: block;
height: auto;
}
.f-blog-social {
list-style: none;
margin: 0;
padding: 0;
}
.header_over #header:after {
opacity: 0;
background: none;
}
#header:after,
#header .header-top:after,
#header .header-cent:after,
#header .cart-box .cart-drop .cart-holder:after,
#header.style12 #nav:after,
#header.style13 .icon-list:after,
#header.style13:before,
#header.style14 .logo:after,
#header.style14 .icon-list:after,
#header.style14:before,
#header.style23:before,
#header.style24:before,
#header.style25 .logo:after,
#header.style25 .icon-list:after,
#header.style25:before,
#header.style27:before,
#nav .drop ul:after,
#nav .mega-drop .coll:after,
#nav .mega-drop .drop-holder:after,
.search-popup .close-btn:before,
.search-popup .close-btn:after,
.side-widget h2:after,
#footer.style23 .socialize-holder:before,
#footer.style24 .socialize-holder:before,
#lancer-footer .f-social:after,
#lancer-footer .footer-bottom:after,
.socialize-holder .title:after,
.social-block.style2:after,
.social-block.style3:after,
.social-block.style4:after {
content: "";
position: absolute;
}
#header.style18 #nav .nav-holder:after,
#nav7:after,
#nav7 .nav-holder:after,
.mailing-form2 .form-col:after,
.newsletter-form:after,
.newsletter-form #mc-embedded-subscribe-form:after,
.newsletter-form .form-group:after,
.time-nav:after {
content: " ";
display: block;
clear: both;
}
#header,
#header:after {
position: absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
}
.admin-bar #header.fixed-position {
top: 32px!important;
}  a:focus {
outline: none;
text-decoration: none;
} #header {
z-index: 9999;
padding: 26px 0 0;
bottom: auto !important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;                                     }
#header:after {
opacity: 1;
z-index: -1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.classic-header {
position: relative !important;
} #header .icon-list { position: relative;
}
#header .icon-list > li {  position: relative;
}
#header .icon-list > li:hover .lang-drop {
display: block;
}
#header .icon-list.social {
font-size: 15px;
}
#header .icon-list.social a {
color: #222;
}
.dark #header .icon-list.social a {
color: #fff;
}
#header .opener-icons { color: #fff;
font-size: 17px;
padding: 0;
text-align: center;
border-radius: 20%;
width: 39px;
height: 39px;
border: 2px solid #fff;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#header .opener-icons.active,
#header .opener-icons:hover {
text-decoration: none;
border-color: transparent;
}
#header .opener-icons .cart-num {
top: -11px;
right: -9px;
color: #8f8f8f;
display: none;
font-size: 14px;
font-weight: 700;
background: #fff;
position: absolute;
border-radius: 50%;
width: 24px;
height: 24px;
border: 1px solid #333;
}
#header .header-top {
font-size: 14px;
line-height: 15px;
padding-top: 15px;
margin-bottom: 13px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
position: relative;
z-index: 1;
}
#header .header-top:after {
top: auto;
z-index: -1;
bottom: 0;
left: -9999px;
right: -9999px;
background: #fff;
}
#header .header-top:after {
height: 1px;
opacity: .3;
display: block;
}
#header .header-top a {
color: #fff;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#header .header-top a:hover {
text-decoration: none;
}
#header .header-cent {
-webkit-transition: all .4s ease;
transition: all .4s ease;
position: relative;
z-index: 1;
}
#header .header-cent:after {
top: 0;
z-index: -1;
bottom: 0;
left: -9999px;
right: -9999px;
background: #fff;
}
#header .header-cent:after {
display: block;
}
.dark #header .header-cent:after {
background: #2a2a2a;
}
#header .header-cent .logo {
margin: 0;
}
#header .head-social {
float: right;
margin: 8px 0 0;
}
#header .head-social li {
padding: 0 2px 0 0;
}
#header .head-social a {
display: block;
font-size: 20px;
padding: 0;
border-radius: 50%;
text-align: center;
width: 42px;
height: 42px;
border: 1px solid transparent;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#header .head-social a:hover {
color: #fff;
text-decoration: none;
}
#header .language-nav {
float: left;
max-width: 600px;
margin: 0 0 0 8px;
}
#header .language-nav li {
padding: 0 8px 0 4px;
}
#header .top-nav {
max-width: 600px;
margin: 0 -9px 0 0;
}
#header .top-nav li {
padding: 0 1px 0 20px;
}
#header .top-nav.style2 li {
line-height: 1;
font-size: 18px;
padding: 0 0 0 11px;
margin: -3px 0 -2px;
}
#header .head-socialnetworks {
margin: 0;
font-size: 14px;
margin-bottom: 10px;
}
#header.style3 .head-socialnetworks {
padding-top: 5px;
}
#header .head-socialnetworks a {
color: #fff;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#header .head-socialnetworks a:hover {
text-decoration: none;
}
#header .head-socialnetworks li {
padding: 0;
margin: 0 0 0 14px;
}
#header .cart-box { position: relative;
}
#header .cart-box:hover .cart-drop {
display: block;
}
#header .cart-box:hover .opener-icons {
color: #fff;
border-color: transparent;
}
#header .cart-box:hover .opener-icons .cart-num {
display: block;
}
#header .cart-box:hover .cartopener-main .cart-num {
display: block;
}
#header .cart-box .main-title {
color: #8f8f8f;
display: block;
font-size: 13px;
margin: 0 0 14px;
line-height: 20px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 18px 10px 11px 20px;
border-bottom: 1px solid #333;
}
#header .cart-box .cart-drop {
top: 32px;
z-index: 100;
width: 257px;
right: 0px;
display: none;
padding: 13px 0 0;
position: absolute;
}
#header .cart-box .cart-drop .cart-holder {
position: relative;
background: #2a2a2a;
border: 1px solid #3a3a3a;
font-family: "Open Sans";
}
#header .cart-box .cart-drop .cart-holder:after {
top: -2px;
left: -1px;
right: -1px;
height: 2px;
}
#header .cart-box .cart-drop a {
color: #fff;
font-weight: 500;
}
#header .cart-box .cart-drop a:hover {
text-decoration: none;
}
#header .cart-box .cart-drop .title {
color: #8f8f8f;
display: block;
margin: 0 0 7px;
font-weight: normal;
font-family: "Raleway", Georgia, "Times New Roman", Times, serif;
}
#header .cart-box .cart-drop .title a {
color: #8f8f8f;
}
#header .cart-box .cart-drop .btn-list {
text-align: center;
margin-right: 9px;
margin-left: 9px;
}
#header .cart-box .cart-drop .btn-list li {
width: 45%;
padding: 0;
margin: 0 1.1% 15px 1.4%;
display: inline-block;
vertical-align: top;
}
#header .cart-box .cart-drop .total-price-area {
font-size: 13px;
overflow: hidden;
margin: -3px 0 15px;
padding: 0 21px 12px;
border-bottom: 1px solid #333;
}
#header .cart-box .cart-drop .total-price-area .title-text {
float: left;
width: 111px;
color: #8f8f8f;
font-weight: 700;
}
#header .cart-box .cart-drop .total-price-area .price {
float: right;
overflow: hidden;
font-weight: 900;
}
#header .cart-box .cart-drop .btn {
padding: 8px;
color: #fff;
display: block;
border-width: 2px;
text-transform: uppercase;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#header .cart-box .cart-drop .btn:hover {
color: #8f8f8f;
border-color: #8f8f8f;
background: transparent;
}
#header .cart-box .cart-drop .btn.add {
color: #8f8f8f;
border-color: #8f8f8f;
background: transparent;
}
#header .cart-box .cart-drop .btn.add:hover {
color: #fff;
}
#header .cart-box .cart-list {
overflow: hidden;
font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-right: 9px;
margin-left: 9px;
}
#header .cart-box .cart-list > li {
overflow: hidden;
margin: 0 0 15px;
position: relative;
padding: 0 20px 19px 1px;
border-bottom: 1px solid #333;
}
#header .cart-box .cart-list .image {
float: left;
overflow: hidden;
margin: 0 19px 0 0;
border-radius: 50%;
}
#header .cart-box .cart-list .image a {
display: block;
outline: none;
}
#header .cart-box .cart-list .image img {
border-radius: 50%;
}
#header .cart-box .cart-list .description {
overflow: hidden;
position: relative;
padding: 9px 0 0 2px;
}
#header .cart-box .cart-list .price-area {
right: 2px;
bottom: -2px;
color: #8f8f8f;
font-size: 12px;
}
#header .cart-box .cart-list .product-name {
color: #8f8f8f;
display: block;
margin: 0 0 5px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
#header .cart-box .cart-list .product-name a {
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#header .cart-box .cart-list .rating {
margin: 0;
font-size: 12px;
padding: 0 0 0 1px;
}
#header .cart-box .cart-list .rating li {
padding: 0;
margin: 0 -2px 0 -2px;
}
#header .cart-box .cart-list .rating li a:hover {
text-decoration: none;
}
#header .cart-box .cart-list .fa-star-o {
color: #8f8f8f;
}
#header .cart-box .cart-list .quantity {
position: relative;
padding: 0 0 0 13px;
display: inline-block;
vertical-align: middle;
}
#header .cart-box .cart-list .price {
display: inline-block;
vertical-align: middle;
}
#header .cart-box .cart-list .delete {
top: 5px;
right: 8px;
color: #5d5d5d;
font-size: 14px;
line-height: 25px;
position: absolute;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#header .lang-drop {
right: 0;
top: 100%;
width: 100px;
display: none;
font-size: 13px;
position: absolute;
text-transform: uppercase;
border-radius: 0 0 5px 5px;
border-bottom: 2px solid transparent;
}
#header .lang-drop ul {
margin: 38px 0 0;
overflow: hidden;
background: #fff;
padding: 10px 15px 0;
}
.dark #header .lang-drop ul {
background: #2a2a2a;
}
#header .lang-drop ul li {
margin: 0 0 10px;
}
#header .lang-drop ul a {
color: #222;
text-decoration: none;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark #header .lang-drop ul a {
color: #fff;
}
#header .leng-opener {
color: #222;
text-transform: uppercase;
}
#header .leng-opener:hover {
text-decoration: none;
}
#header .cartopener-main {
color: #222;
font-size: 15px;
position: relative;
}
#header .cartopener-main .cart-num {
top: -15px;
right: -13px;
color: #fff;
display: none;
font-size: 14px;
padding: 2px 0 0;
font-weight: 700;
text-align: center;
position: absolute;
border-radius: 50%;
width: 24px;
height: 24px;
}
.dark #header .cartopener-main {
color: #fff;
}
#header.style1 .logo {
margin: 0px 0px 0px 0px;
}
#header.style4 .logo {
margin: 0px 0px 0px 0px;
}
#header.style15 .logo {
margin: 0px 0px 0px 0px;
}
#header.style12 .logo {
margin: 0px 0px 0px 0px;
}
#header.style2 {
padding: 0;
}
#header.style2 .logo {
margin: -5px 0 0 0;
}
#header.style2 .top-nav,
#header.style2 .language-nav {
margin: 0;
}
#header.style2 #nav .mega-drop {
left: 15px;
right: 15px;
}
#header.style3 {
padding: 0;
}
#header.style3 .header-top {
padding-top: 20px;
}
#header.style3 .holder {
width: 100%;
}
#header.style3 .logo {
margin: 0;
}
#header.style3 .icon-list {
margin: 7px 3px 19px 0;
}
#header.style3 .opener-icons {
padding: 6px 0 0;
border-radius: 0;
border-width: 1px;
width: 36px;
height: 36px;
border-color: rgba(255, 255, 255, .4);
}
#header.style3 .opener-icons:hover {
color: #fff;
}
#header.style3 .cart-opener {
display: block;
position: relative;
text-transform: capitalize;
padding: 6px 6px 0 8px;
background: rgba(255, 255, 255, .18);
}
#header.style3 .cart-opener .arrow {
top: 0;
right: 0;
bottom: 0;
position: absolute;
padding: 7px 6px 0 13px;
}
#header.style3 .cart-opener .arrow .fa {
font-size: 17px;
}
#header.style3 .cart-opener .fa {
font-size: 18px;
padding: 0 5px 0 0;
display: inline-block;
vertical-align: middle;
}
#header.style3 .cart-opener .txt {
font-size: 13px;
display: inline-block;
vertical-align: middle;
}
#header.style3 .cart-opener:hover {
color: #fff;
}
#header.style3 #nav {
float: left;
max-width: 75%;
}
#header.style3 #nav .nav-opener {
top: -6px;
}
#header.style3 #nav .nav-top {
margin: 0;
}
#header.style3 #nav .drop ul {
margin: 7px 0 0;
}
#header.style3 #nav .drop ul .drop ul {
margin: 0;
}
#header.style3 #nav .mega-drop {
right: 15px;
}
#header.style3 #nav .mega-drop .drop-holder {
margin: 0;
}
#header.style3 .cart-box .cart-drop {
top: 35px;
}
#header.style4 {
padding: 0;
background: rgba(255, 255, 255, .95);
position: inherit;
}
.dark #header.style4 {
background: rgba(42, 42, 42, .95);
}
#header.style4 .holder {
padding: 8px 0 0;
}
#header.style4 .logo .b-logo {
display: block;
}
.dark #header.style4 .logo .b-logo {
display: none;
}
#header.style4 .logo .w-logo {
display: none;
}
.dark #header.style4 .logo .w-logo {
display: block;
}
#header.style4 .opener-icons {
border: 0;
padding: 0;
width: auto;
color: #222;
height: auto;
font-size: 16px;
}
.dark #header.style4 .opener-icons {
color: #fff;
}
#header.style4 .opener-icons:hover {
background: transparent;
}
.dark #header.style4 .cartopener-main {
color: #fff;
}
.dark #header.style4 .leng-opener {
color: #fff;
}
#header.style4 .icon-list > li {
margin: 0 0 0 20px;
}
#header.style4 .cart-box .cart-drop {
top: 0;
padding: 39px 0 0;
}
#header.style4 #nav .nav-top {
margin: 0;
}
#header.style4 #nav .nav-top > li {
margin: 0 0 0 25px;
}
#header.style4 #nav .nav-top > li > a {
color: #222;
display: block;
border-bottom: 2px solid transparent;
}
.dark #header.style4 #nav .nav-top > li > a {
color: #fff;
}
#header.style4 #nav .drop ul {
margin: 1px 0 0;
}
#header.style4 #nav .mega-drop {
top: 32px;
right: 15px;
}
#header.style4 #nav .nav-opener {
color: #222;
border-color: #222;
}
.dark #header.style4 #nav .nav-opener {
color: #fff;
border-color: #fff;
}
#header.style4 #nav .nav-opener:hover {
color: #fff;
}
#header.style5 {
z-index: 9999;
top: 0 !important;
padding: 20px 0 14px;
position: relative !important;
}
#header.style5:after {
opacity: 1;
bottom: 0 !important;
}
#header.style5 .logo {
margin: -3px 0 0;
}
#header.style5 .logo .b-logo {
display: block;
}
.dark #header.style5 .logo .b-logo {
display: none;
}
#header.style5 .logo .w-logo {
display: none;
}
.dark #header.style5 .logo .w-logo {
display: block;
}
#header.style5 .opener-icons {
color: #666;
border-color: #666;
}
.dark #header.style5 .opener-icons {
color: #fff;
border-color: #fff;
}
#header.style5 .opener-icons:hover {
color: #fff;
}
#header.style5 #nav {
margin: 1px -4px 0 0;
}
#header.style5 #nav .nav-top > li > a {
color: #666;
}
.dark #header.style5 #nav .nav-top > li > a {
color: #fff;
}
#header.style5 #nav .drop ul {
margin: 31px 0 0;
}
#header.style5 #nav .drop ul .drop ul {
margin: 0;
}
#header.style5 #nav .mega-drop .drop-holder {
margin: 35px 0 0;
}
#header.style5 #nav .nav-opener {
top: 5px;
color: #666;
border-color: #666;
}
.dark #header.style5 #nav .nav-opener {
color: #fff;
border-color: #fff;
}
#header.style5 #nav .nav-opener:hover {
color: #fff;
}
#header.style5 .cart-box .cart-drop {
top: 38px;
padding: 25px 0 0;
}
#header.style6 {
top: auto;
bottom: 0;
background: #2a2a2a;
padding: 16px 0 14px;
}
#header.style6 .logo {
margin: 0 0 0 8px;
}
#header.style6 .holder {
margin: 5px 0 0;
}
#header.style6 #nav .drop ul {
margin: 29px 0 0;
}
#header.style6 #nav .drop .drop ul {
margin: 0;
}
#header.style6 #nav .mega-drop .drop-holder {
margin: 44px 0 0;
}
#header.style7 {
z-index: 9999;
padding: 30px 0 0;
}
#header.style7:after {
bottom: 0 !important;
}
#header.style7 .container .row {
margin: 0;
background: #fff;
}
.dark #header.style7 .container .row {
background: #2a2a2a;
}
#header.style7 .opener-icons {
color: #222;
}
.dark #header.style7 .opener-icons {
color: #fff;
}
#header.style7 .opener-icons:hover {
background: transparent;
}
#header.style7 .logo {
margin: 0;
}
#header.style7 .logo .b-logo {
display: block;
}
.dark #header.style7 .logo .b-logo {
display: none;
}
#header.style7 .logo .w-logo {
display: none;
}
.dark #header.style7 .logo .w-logo {
display: block;
} #header.style7 .opener-icons {
border: 0;
padding: 0;
width: auto;
height: auto;
font-size: 16px;
}
#header.style7 .icon-list > li {
margin: 0 4px 0 16px;
}
#header.style7 #nav .nav-top {
margin: 3px 0 0;
}
#header.style7 #nav .nav-top > li {
margin: 0 0 0 25px;
}
#header.style7 #nav .nav-top > li > a {
color: #2a2a2a;
display: block;
border-bottom: 2px solid transparent;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark #header.style7 #nav .nav-top > li > a {
color: #fff;
}
#header.style7 #nav .drop ul {
margin: 1px 0 0;
}
#header.style7 #nav .mega-drop {
left: 0;
right: 0;
top: 54px;
}
#header.style7 #nav .nav-opener {
top: 28px;
}
#header.style7 #nav .nav-opener {
color: #222;
border-color: #222;
}
.dark #header.style7 #nav .nav-opener {
color: #fff;
border-color: #fff;
}
#header.style7 #nav .nav-opener:hover {
color: #fff;
}
#header.style8 {
padding: 0;
background: #fff;
}
.dark #header.style8 {
background: #222;
}
#header.style8:after {
bottom: 0 !important;
}
#header.style8 .header-top {
margin-bottom: 25px;
}
#header.style8 .header-top:after {
opacity: 1;
height: 100%;
background: #2a2a2a;
}
#header.style8 .header-top .fa {
margin: 0 3px 0 0;
}
#header.style8 .logo {
margin: -5px 0 0;
}
#header.style8 .logo .w-logo {
display: none;
}
.dark #header.style8 .logo .w-logo {
display: block;
}
#header.style8 .logo .b-logo {
display: block;
}
.dark #header.style8 .logo .b-logo {
display: none;
}
#header.style8 .top-nav,
#header.style8 .language-nav {
margin: 0;
}
#header.style8 #nav .nav-top {
margin: 0px 10px 0 0;
}
#header.style8 #nav .nav-top > li {
color: #2a2a2a;
margin: 0 0 0 2px;
}
.dark #header.style8 #nav .nav-top > li {
color: #fff;
}
#header.style8 #nav .nav-top > li > a {
color: #222;
display: block;
padding: 0 10px 16px;
border-bottom: 4px solid transparent;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#header.adclassic #nav .nav-top > li > a {
color: #222;
}
.dark #header.style8 #nav .nav-top > li > a {
color: #fff;
}
#header.style8 #nav .drop ul {
margin: 0;
}
#header.style8 #nav .mega-drop {
top: 28px;
left: 15px;
right: 15px;
}
#header.style8 #nav .nav-opener {
color: #666;
border-color: #666;
}
.dark #header.style8 #nav .nav-opener {
color: #fff;
border-color: #fff;
}
#header.style8 #nav .nav-opener:hover {
color: #fff;
}
#header.style8 .icon-list {
margin: 1px 4px 0 -10px;
}
#header.style8 .opener-icons {
border: 0;
color: #2a2a2a;
width: auto;
height: auto;
}
.dark #header.style8 .opener-icons {
color: #fff;
}
#header.style8 .opener-icons:hover {
background: transparent;
}
#header.style8 .cart-box {
margin: 0;
}
#header.style8 .cart-box .cart-drop {
top: 100%;
padding: 21px 0 0;
}
#header.style18 #nav .nav-opener {
color: #666;
border-color: #666;
}
.dark #header.style18 #nav .nav-opener {
color: #fff;
border-color: #fff;
}
#header.style18 #nav .nav-opener:hover {
color: #fff;
}
#header.style18 .opener-icons {
border: 0;
color: #2a2a2a;
width: auto;
height: auto;
}
.dark #header.style18 .opener-icons {
color: #fff;
}
#header.style18 .opener-icons:hover {
background: transparent;
}
#header.style18 .cart-box {
margin: 0;
}
#header.style18 .cart-box .cart-drop {
top: 100%;
padding: 21px 0 0;
}
#header.style9 {
padding: 22px 0 16px;
position: relative;
}
#header.style9:after {
opacity: 1;
background: #2a2a2a;
visibility: visible;
bottom: 0 !important;
}
#header.style9 #nav .drop ul {
margin: 31px 0 0;
}
#header.style9 #nav .drop ul ul {
margin: 0;
}
#header.style9 #nav .mega-drop {
top: 25px;
}
#header.style9 #nav .nav-top {
margin-right: 0;
}
#header.style10 {
padding: 22px 0 0;
position: relative;
}
#header.style10:after {
opacity: 1;
background: #2a2a2a;
visibility: visible;
bottom: 0 !important;
}
#header.style10 #nav .drop ul {
margin: 0;
}
#header.style10 #nav .nav-top {
margin: 9px 7px 0 0;
}
#header.style10 #nav .nav-top > li {
margin: 0;
}
#header.style10 #nav .nav-top > li > a {
display: block;
padding: 0 11px 24px;
border-bottom: 4px solid transparent;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#header.style10 .mega-drop {
top: 23px;
}
#header.style10 .cart-box .cart-drop {
padding: 19px 0 0;
}
#header.style11 {
padding: 27px 0 0;
background: #fff;
}
#header.style11:after {
opacity: 1;
background: #fff;
visibility: visible;
bottom: 0 !important;
}
.dark #header.style11:after {
background: #222;
}
#header.style11 .logo {
float: none;
width: 200px;
height: auto;
display: block;
margin: 0 auto 27px;
}
.dark #header.style11 .logo .w-logo {
display: none;
}
.dark #header.style11 .logo .b-logo {
display: block;
}
#header.style11 #nav {
float: none;
text-align: center;
position: relative;
border-top: 1px solid #e9e9e9;
}
.dark #header.style11 #nav {
border-color: #494949;
}
#header.style11 #nav .drop ul {
margin: 0;
text-align: left;
}
#header.style11 #nav .nav-top {
margin: 11px 0 0 11px;
}
#header.style11 #nav .nav-top > li {
margin: 0;
}
#header.style11 #nav .nav-top > li > a {
color: #2a2a2a;
display: block;
padding: 0 11px 11px;
border-bottom: 4px solid transparent;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark #header.style11 #nav .nav-top > li > a {
color: #fff;
}
#header.style11 #nav .mega-drop {
top: 100%;
text-align: left;
}
#header.style11 #nav .mega-drop .drop-holder {
margin: 0;
}
#header.style11 #nav .nav-opener {
margin: -9px 0 0;
color: #666;
border-color: #666;
}
.dark #header.style11 #nav .nav-opener {
color: #fff;
border-color: #fff;
}
#header.style11 #nav .nav-opener:hover {
color: #fff;
}
#header.style12 {
padding: 0;
}
#header.style12 .logo .w-logo {
display: none;
}
.dark #header.style12 .logo .w-logo {
display: block;
}
#header.style12 .logo .b-logo {
display: block;
}
.dark #header.style12 .logo .b-logo {
display: none;
}
#header.style12 .info-list {
margin: 0;
float: left;
font-size: 12px;
font-weight: 700;
line-height: 17px;
}
#header.style12 .info-list li {
padding: 0 24px 0 0;
}
#header.style12 .info-list a {
color: #222;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark #header.style12 .info-list a {
color: #fff;
}
#header.style12 .info-list a:hover {
text-decoration: none;
}
#header.style12 .info-list a:hover .fa {
color: #222;
}
.dark #header.style12 .info-list a:hover .fa {
color: #fff;
}
#header.style12 .info-list .fa {
padding: 0 2px 0 0;
}
#header.style12 .language-nav {
float: right;
margin: 0;
font-weight: 700;
}
#header.style12 .language-nav ul {
margin: 0;
}
#header.style12 .language-nav li {
padding: 0 2px 0 10px;
}
#header.style12 .language-nav a {
color: #222;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark #header.style12 .language-nav a {
color: #fff;
}
#header.style12 .language-nav a:hover {
text-decoration: none;
}
#header.style12 .language-nav a:hover .fa {
color: #222;
}
.dark #header.style12 .language-nav a:hover .fa {
color: #fff;
}
#header.style12 .header-top {
margin: 0;
padding-bottom: 19px;
}
#header.style12 .header-top:after {
top: 0;
opacity: 1;
height: auto;
background: #f4f4f4;
}
.dark #header.style12 .header-top:after {
background: #191919;
}
#header.style12 #nav {
margin: 0;
float: left;
width: 100%;
position: relative;
z-index: 1;
}
#header.style12 #nav:after {
top: 0;
z-index: -1;
bottom: 0;
left: -9999px;
right: -9999px;
background: transparent;
}
#header.style12 #nav .nav-holder {
float: left;
width: 100%;
}
#header.style12 #nav .logo {
display: none;
margin: 10px 55px 0 0;
} #header.style12 #nav .nav-top > li {
margin: 0 22px 0 0;
}
#header.style12 #nav .nav-top > li > a {
display: block;
padding: 0 8px 4px;
border-bottom: 6px solid transparent;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#header.style12 #nav .nav-top > li > a:hover {
color: #222;
border-bottom-color: #222;
}
#header.style12 #nav .nav-top > li:hover > a,
#header.style12 #nav .nav-top > li.hover > a,
#header.style12 #nav .nav-top > li.active > a {
color: #222;
border-bottom-color: #222;
}
#header.style12 #nav .drop ul {
margin: 0;
}
#header.style12 #nav .mega-drop {
right: 0;
top: 100%;
left: -9px;
}
#header.style12 #nav .mega-drop .drop-holder {
margin: 1px 0 0;
}
#header.style12 #nav .nav-opener {
color: #666;
margin: -60px 0 0 -15px;
border-color: #666;
}
.dark #header.style12 #nav .nav-opener {
color: #fff;
border-color: #fff;
}
#header.style12 #nav .nav-opener:hover {
color: #fff;
}
#header.style12 #nav .quote-btn {
float: right;
color: #fff;
overflow: hidden;
background: #222;
text-transform: uppercase;
padding: 20px 31px 21px 33px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
font: 600 14px/18px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#header.style12 #nav .quote-btn:hover {
background: #fff;
}
#header.style13 {
padding: 23px 0 0;
}
#header.style13 .icon-list {
margin: 0 0 0 40px;
position: relative;
}
#header.style13 .icon-list:after {
width: 1px;
top: -50px;
left: -22px;
bottom: -23px;
background: rgba(255, 255, 255, .5);
}
.dark #header.style13 .icon-list:after {
background: rgba(42, 42, 42, .5);
}
#header.style13 .cart-box .cart-drop {
padding: 25px 0 0;
}
#header.style13:before {
left: 0;
right: 0;
height: 1px;
bottom: -24px;
background: rgba(255, 255, 255, .5);
}
.dark #header.style13:before {
background: rgba(42, 42, 42, .5);
}
#header.style14 {
padding: 23px 0 0;
}
#header.style14 .logo {
position: relative;
}
#header.style14 .logo:after {
width: 1px;
top: -50px;
right: -25px;
bottom: -20px;
background: rgba(255, 255, 255, .5);
}
.dark #header.style14 .logo:after {
background: rgba(42, 42, 42, .5);
}
#header.style14 .icon-list {
margin: -29px 0 0 40px;
position: relative;
}
#header.style14 .icon-list:after {
width: 1px;
top: -50px;
left: -22px;
bottom: -23px;
background: rgba(255, 255, 255, .5);
}
.dark #header.style14 .icon-list:after {
background: rgba(42, 42, 42, .5);
}
#header.style14 .cart-box .cart-drop {
padding: 25px 0 0;
}
#header.style14:before {
left: 0;
right: 0;
height: 1px;
bottom: -20px;
background: rgba(255, 255, 255, .5);
}
.dark #header.style14:before {
background: rgba(42, 42, 42, .5);
}
#header.style14 #nav {
width: 70%;
float: none;
margin: 0 auto;
text-align: center;
}
#header.style14 #nav .nav-top > li {
text-align: left;
}
#header.style14 #nav .drop ul {
margin: 35px 0 0;
}
#header.style14 #nav .drop ul ul {
margin: 0;
}
#header.style14 #nav .mega-drop {
left: 0;
right: 0;
}
#header.style15 {
padding: 5px 0 0;
}
#header.style15 .info-list {
float: right;
font-size: 13px;
margin: 0 -4px 0 0;
text-transform: lowercase;
}
#header.style15 .header-top {
margin: 0;
}
#header.style15 .header-top:after {
display: none;
}
#header.style15 .head-socialnetworks {
float: left;
}
#header.style15 .head-socialnetworks li {
margin: 0 15px 0 -1px;
}
#header.style15:after {
top: 53px;
opacity: .3;
background: #000;
}
#header.style16 {
padding: 0;
background: #fff;
}
.dark #header.style16 {
background: #2a2a2a;
}
#header.style16:after {
bottom: 0 !important;
}
#header.style16 .header-top {
margin-bottom: 25px;
}
#header.style16 .header-top:after {
opacity: 1;
height: 100%;
background: #2a2a2a;
}
.dark #header.style16 .header-top:after {
background: #191919;
}
#header.style16 .header-top .fa {
margin: 0 3px 0 0;
}
#header.style16 .logo {
margin: -5px 0 0;
}
#header.style16 .logo .w-logo {
display: none;
}
.dark #header.style16 .logo .w-logo {
display: block;
}
#header.style16 .logo .b-logo {
display: block;
}
.dark #header.style16 .logo .b-logo {
display: none;
}
#header.style16 .top-nav {
margin: 0;
float: left;
}
#header.style16 .top-nav li {
padding: 0 18px 0 4px;
}
#header.style16 .language-nav {
margin: 0;
float: right;
}
#header.style16 .language-nav li {
padding: 0 6px 0 6px;
}
#header.style16 #nav .nav-top {
margin: 9px 10px 0 0;
}
#header.style16 #nav .nav-top > li {
margin: 0 0 0 2px;
}
#header.style16 #nav .nav-top > li > a {
color: #2a2a2a;
display: block;
padding: 0 10px 29px;
border-bottom: 4px solid transparent;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark #header.style16 #nav .nav-top > li > a {
color: #fff;
}
#header.style16 #nav .drop ul {
margin: 0;
}
#header.style16 #nav .mega-drop {
top: 28px;
left: 15px;
right: 15px;
}
#header.style16 #nav .nav-opener {
color: #666;
border-color: #666;
}
.dark #header.style16 #nav .nav-opener {
color: #fff;
border-color: #fff;
}
#header.style16 #nav .nav-opener:hover {
color: #fff;
}
#header.style16 .opener-icons {
border: 0;
color: #2a2a2a;
width: auto;
height: auto;
}
.dark #header.style16 .opener-icons {
color: #fff;
}
#header.style16 .opener-icons:hover {
background: transparent;
}
#header.style16 .icon-list {
margin: 1px 4px 0 -10px;
}
#header.style17 {
padding: 22px 0 0;
}
#header.style17:after {
opacity: 1;
background: #2a2a2a;
visibility: visible;
bottom: 0 !important;
}
#header.style17 #nav .drop ul {
margin: 0;
}
#header.style17 #nav .nav-top {
margin: 9px 7px 0 0;
}
#header.style17 #nav .nav-top > li {
margin: 0;
}
#header.style17 #nav .nav-top > li > a {
display: block;
padding: 0 11px 24px;
border-bottom: 4px solid transparent;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#header.style17 .mega-drop {
top: 22px;
}
#header.style18 {
padding: 0;
background: #fff;
}
.dark #header.style18 {
background: #2a2a2a;
}
#header.style18 .header-top {
background: #f4f4f4;
}
.dark #header.style18 .header-top {
background: #191919;
}
#header.style18 .info-list .fa {
margin: -1px 3px 0 0;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#header.style18 .info-list a {
color: #222;
}
.dark #header.style18 .info-list a {
color: #fff;
}
#header.style18 .info-list a:hover .fa {
color: #222;
}
.dark #header.style18 .info-list a:hover .fa {
color: #fff;
}
#header.style18 .head-socialnetworks li {
margin-left: 25px;
}
#header.style18 .head-socialnetworks a {
color: #ddd;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark #header.style18 .head-socialnetworks a {
color: #fff;
}
#header.style18 #nav .quote-btn {
float: right;
color: #fff;
min-width: 186px;
padding: 14px 10px;
text-align: center;
margin: 4px 3px 0 0;
text-transform: uppercase;
font: 500 14px/20px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#header.style18 #nav .drop ul {
margin: 0;
}
#header.style18 #nav .nav-top > li {
margin: 0 17px 0 0;
}
#header.style18 #nav .nav-top > li:hover,
#header.style18 #nav .nav-top > li.hover,
#header.style18 #nav .nav-top > li.active > a {
color: #222;
}
.dark #header.style18 #nav .nav-top > li:hover,
.dark #header.style18 #nav .nav-top > li.hover,
.dark
#header.style18 #nav .nav-top > li.active > a {
color: #fff;
}
#header.style18 #nav .nav-top > li > a {
color: #222;
}
.dark #header.style18 #nav .nav-top > li > a {
color: #fff;
}
.dark #header.style18 #nav .nav-top > li > a:hover {
color: #fff;
}
#header.style18 #nav .nav-opener {
margin: 11px 0 0;
color: #666;
border-color: #666;
}
.dark #header.style18 #nav .nav-opener {
color: #fff;
border-color: #fff;
}
#header.style18 #nav .nav-opener:hover {
color: #fff;
}
#header.style18 .mega-drop {
top: 25px;
}
#header.style18 .mega-drop .drop-holder {
margin: 45px 0 0;
}
#header.style18 .logo {
margin: 0;
}
#header.style18 .logo .w-logo {
display: none;
}
.dark #header.style18 .logo .w-logo {
display: block;
}
#header.style18 .logo .b-logo {
display: block;
}
.dark #header.style18 .logo .b-logo {
display: none;
}
#header.style20 {
padding: 25px 0 0;
background: #fff;
}
.dark #header.style20 {
background: #2a2a2a;
}
#header.style20:after {
bottom: 0 !important;
}
#header.style20 .logo {
margin: -5px 0 0;
}
#header.style20 #nav .nav-top {
margin: 9px 10px 0 0;
}
#header.style20 #nav .nav-top > li {
margin: 0 0 0 2px;
}
#header.style20 #nav .nav-top > li > a {
color: #2a2a2a;
display: block;
padding: 0 10px 29px;
border-bottom: 4px solid transparent;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark #header.style20 #nav .nav-top > li > a {
color: #fff;
}
#header.style20 #nav .nav-opener {
color: #666;
border-color: #666;
}
.dark #header.style20 #nav .nav-opener {
color: #fff;
border-color: #fff;
}
#header.style20 #nav .nav-opener:hover {
color: #fff;
}
#header.style20 #nav .drop ul {
margin: 0;
}
#header.style20 #nav .mega-drop {
top: 28px;
left: 15px;
right: 15px;
}
#header.style20 .icon-list {
margin: 1px 4px 0 -10px;
}
#header.style20 .opener-icons {
border: 0;
color: #2a2a2a;
width: auto;
height: auto;
}
.dark #header.style20 .opener-icons {
color: #fff;
}
#header.style20 .opener-icons:hover {
background: transparent;
}
#header.style20 .logo .b-logo {
display: block;
}
.dark #header.style20 .logo .b-logo {
display: none;
}
#header.style20 .logo .w-logo {
display: none;
}
.dark #header.style20 .logo .w-logo {
display: block;
}
#header.style21 {
padding: 0;
background: #fff;
}
.dark #header.style21 {
background: #222;
}
#header.style21:after {
bottom: 0 !important;
}
#header.style21 .header-top {
margin-bottom: 25px;
}
#header.style21 .header-top:after {
opacity: 1;
height: 100%;
}
.dark #header.style21 .header-top:after {
background: #191919;
}
#header.style21 .header-top .fa {
margin: 2px 3px 0 0;
}
#header.style21 .header-top a:hover {
color: #fff;
}
.dark #header.style21 .header-top a:hover {
color: #fff;
}
#header.style21 .logo {
margin: -5px 0 0;
}
#header.style21 .logo .b-logo {
display: block;
}
.dark #header.style21 .logo .b-logo {
display: none;
}
#header.style21 .logo .w-logo {
display: none;
}
.dark #header.style21 .logo .w-logo {
display: block;
}
#header.style21 .info-list {
margin: 0;
float: left;
color: #fff;
}
#header.style21 .top-nav {
margin: 0;
}
#header.style21 .top-nav li {
vertical-align: top;
}
#header.style21 .top-nav .fa {
vertical-align: top;
}
#header.style21 #nav .nav-top {
margin: 9px 10px 0 0;
}
#header.style21 #nav .nav-top > li {
margin: 0 0 0 2px;
}
#header.style21 #nav .nav-top > li > a {
color: #2a2a2a;
display: block;
font-weight: 500;
padding: 0 10px 29px;
border-bottom: 4px solid transparent;
-webkit-transition: all .4s ease;
transition: all .4s ease;
font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark #header.style21 #nav .nav-top > li > a {
color: #fff;
}
#header.style21 #nav .drop ul {
margin: 0;
}
#header.style21 #nav .mega-drop {
top: 28px;
left: 15px;
right: 15px;
}
#header.style21 .icon-list {
margin: 1px 4px 0 -10px;
}
#header.style21 .icon-list.social {
margin: 9px 0 0;
}
#header.style21 .icon-list.social li {
margin: 0 5px 0 14px;
}
#header.style21 #nav .nav-opener {
color: #666;
border-color: #666;
}
.dark #header.style21 #nav .nav-opener {
color: #fff;
border-color: #fff;
}
#header.style21 #nav .nav-opener:hover {
color: #fff;
}
#header.style21 .opener-icons {
border: 0;
color: #2a2a2a;
width: auto;
height: auto;
}
.dark #header.style21 .opener-icons {
color: #fff;
}
#header.style21 .opener-icons:hover {
background: transparent;
}
#header.style22 {
padding: 0;
}
#header.style22 .logo {
margin: -5px 0 0;
}
#header.style22 .top-nav,
#header.style22 .language-nav {
margin: 0;
}
#header.style22 #nav .nav-top {
margin: 9px 10px 0 0;
}
#header.style22 #nav .mega-drop {
left: 15px;
right: 15px;
}
#header.style23 {
padding: 23px 0 0;
}
#header.style23:before {
left: 0;
right: 0;
height: 1px;
bottom: -20px;
background: rgba(255, 255, 255, .1);
}
#header.style23 #nav {
float: right;
}
#header.style23 #nav .nav-top > li {
text-align: left;
}
#header.style24 {
padding: 23px 0 0;
}
#header.style24 .icon-list {
margin: -29px 0 0 40px;
position: relative;
}
#header.style24 .logo .b-logo {
display: none;
}
#header.style24 .logo .w-logo {
display: block;
}
#header.style24:before {
left: 0;
right: 0;
height: 1px;
opacity: .5;
bottom: -20px;
background: #fff;
}
#header.style24 #nav {
width: 70%;
float: none;
margin: 0 auto;
text-align: center;
}
#header.style24 #nav .nav-top > li {
text-align: left;
}
#header.style24 #nav .nav-top > li a {
font-weight: 500;
}
#header.style24 #nav .drop ul {
margin: 35px 0 0;
}
#header.style24 #nav .drop ul ul {
margin: 0;
}
#header.style24 #nav .mega-drop {
left: 0;
right: 0;
}
#header.style24 .btn-more {
background: none;
}
#header.style25 {
padding: 23px 0 0;
}
#header.style25 .logo {
position: relative;
}
#header.style25 .logo:after {
width: 1px;
top: -50px;
right: -25px;
opacity: .5;
bottom: -23px;
background: #fff;
}
.dark #header.style25 .logo:after {
background: #494949;
}
#header.style25 .icon-list {
position: relative;
}
#header.style25 .icon-list:after {
width: 1px;
top: -50px;
left: -22px;
opacity: .5;
bottom: -24px;
background: #fff;
}
.style25 .desk-menu {
float: none;
}
.dark #header.style25 .icon-list:after {
background: #494949;
}
#header.style25 .cart-box .cart-drop {
padding: 25px 0 0;
}
#header.style25:before {
left: 0;
right: 0;
height: 1px;
bottom: -24px;
background: rgba(255, 255, 255, .5);
}
.dark #header.style25:before {
background: #494949;
}
#header.style25 #nav {
width: 70%;
float: none;
margin: 0 auto;
text-align: center;
}
#header.style25 #nav .nav-top > li {
text-align: left;
}
#header.style25 #nav .drop ul {
margin: 35px 0 0;
}
#header.style25 #nav .drop ul ul {
margin: 0;
}
#header.style25 #nav .mega-drop {
left: 0;
right: 0;
}
#header.style27 {
padding: 23px 0 0;
}
#header.style27 .icon-list {
margin: -29px 0 0 40px;
position: relative;
}
#header.style27 .logo .b-logo {
display: block;
}
.dark #header.style27 .logo .b-logo {
display: none;
}
#header.style27 .logo .w-logo {
display: none;
}
.dark #header.style27 .logo .w-logo {
display: block;
}
#header.style27:before {
left: 0;
right: 0;
height: 1px;
opacity: .5;
bottom: -20px;
background: #fff;
}
.dark #header.style27:before {
background: #494949;
}
#header.style27 #nav {
width: 70%;
float: none;
margin: 0 auto;
text-align: center;
}
#header.style27 #nav .nav-top > li {
text-align: left;
}
#header.style27 #nav .nav-top > li > a {
color: #2a2a2a;
font-weight: 500;
}
.dark #header.style27 #nav .nav-top > li > a {
color: #fff;
}
#header.style27 #nav .drop ul {
margin: 35px 0 0;
}
#header.style27 #nav .drop ul ul {
margin: 0;
}
#header.style27 #nav .mega-drop {
left: 0;
right: 0;
}
#header.style27 #nav .nav-opener {
color: #666;
border-color: #666;
}
.dark #header.style27 #nav .nav-opener {
color: #fff;
border-color: #fff;
}
#header.style27 #nav .nav-opener:hover {
color: #fff;
}
#header.style27 .opener-icons {
color: #2a2a2a;
border-color: #2a2a2a;
}
.dark #header.style27 .opener-icons {
color: #fff;
border-color: #fff;
}
#header.style27 .opener-icons:hover {
color: #fff;
}
#header.dec-header {
padding: 31px 0 0;
}
#header.dec-header .icon-list {
margin: 7px 3px 0 0;
}
#header.style28 .holder {
padding: 30px 0 0;
}
#header.style28 .social-list {
margin: 0;
float: right;
font-size: 14px;
}
#header.style28 .social-list a {
color: #fff;
}
#header.style28 .social-list li {
margin: 0 0 0 5px;
}
#header.style28 #nav .mega-drop {
top: 40px;
}
#header.style28 .logo {
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#header.style28 #nav .nav-top {
margin-top: 0;
}
#header.style29 {
padding: 39px 0 0;
}
#header.style29 .holder {
padding: 14px 0 0;
}
#header.style29 .logo .b-logo {
display: block;
}
.dark #header.style29 .logo .b-logo {
display: none;
}
#header.style29 .logo .w-logo {
display: none;
}
.dark #header.style29 .logo .w-logo {
display: block;
}
#header.style29 .opener-icons {
border: 0;
padding: 0;
width: auto;
color: #222;
height: auto;
font-size: 16px;
}
.dark #header.style29 .opener-icons {
color: #fff;
}
#header.style29 .opener-icons:hover {
background: transparent;
}
.dark #header.style29 .cartopener-main {
color: #fff;
}
#header.style29 .icon-list > li {
margin: 0 0 0 25px;
}
#header.style29 .cart-box .cart-drop {
top: 19px;
padding: 39px 0 0;
}
#header.style29 #nav .nav-top {
margin: 0;
}
#header.style29 #nav .nav-top > li > a {
color: #222;
}
#header.style29 #nav .drop ul {
margin: 23px 0 0;
}
#header.style29 #nav .mega-drop {
top: 22px;
right: 15px;
}
#header.style29 #nav .nav-opener {
color: #222;
border-color: #222;
}
.dark #header.style29 #nav .nav-opener {
color: #fff;
border-color: #fff;
}
#header.style29 #nav .nav-opener:hover {
color: #fff;
}
#header.fixed-position {
top: 0;
left: 0;
right: 0;
padding: 26px 0 0;
position: fixed !important;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
}
#header.fixed-position:after {
opacity: 1;
background: #fff;
}
.dark #header.fixed-position:after {
background: #2a2a2a;
border-bottom: 1px solid #494949;
}
#header.fixed-position .logo .b-logo {
display: block;
}
.dark #header.fixed-position .logo .b-logo {
display: none;
}
#header.fixed-position .logo .w-logo {
display: none;
}
.dark #header.fixed-position .logo .w-logo {
display: block;
}
#header.fixed-position .burger-menu {
color: #666;
}
#header.fixed-position #nav .drop ul {
margin: 35px 0 0;
}
#header.fixed-position #nav .drop ul .drop ul {
margin: 0;
}
#header.fixed-position #nav .mega-drop .drop-holder {
margin: 38px 0 0;
}
#header.fixed-position #nav .nav-top > li > a {
color: #666;
}
.dark #header.fixed-position #nav .nav-top > li > a {
color: #fff;
}
#header.fixed-position .header-top {
margin-top: -79px;
margin-bottom: 22px;
}
#header.fixed-position .cart-box .cart-drop {
padding: 25px 0 0;
}
#header.fixed-position .nav-opener,
#header.fixed-position .opener-icons {
color: #666;
border-color: #666;
}
.dark #header.fixed-position .nav-opener,
.dark
#header.fixed-position .opener-icons {
color: #fff;
border-color: #fff;
}
#header.fixed-position .nav-opener:hover,
#header.fixed-position .opener-icons:hover {
color: #fff;
}
#header.fixed-position.style3 .header-top {
margin-top: -108px;
}
#header.fixed-position.style3 .logo {
top: 100px;
left: 15px;
position: absolute;
}
#header.fixed-position.style3 .icon-list {
top: 100px;
right: 15px;
position: absolute;
}
#header.fixed-position.style3 .cart-opener {
background: rgba(0, 0, 0, .5);
}
#header.fixed-position.style3 .cart-box .cart-drop {
top: 25px;
}
#header.fixed-position.style3 .head-socialnetworks {
display: none;
}
#header.fixed-position.style3 #nav {
padding-left: 250px;
}
#header.fixed-position.style3 #nav .drop ul {
margin: 21px 0 0;
}
#header.fixed-position.style3 #nav .mega-drop .drop-holder {
margin: 15px 0 0;
}
#header.fixed-position.style4 {
padding: 0;
}
#header.fixed-position.style4:after {
opacity: 0;
}
#header.fixed-position.style4 #nav .drop ul {
margin: 0;
}
#header.fixed-position.style4 #nav .mega-drop .drop-holder {
margin: 35px 0 0;
}
#header.fixed-position.style4 .cart-box .cart-drop {
margin: 15px 0 0;
}
#header.fixed-position.style4 .opener-icons {
color: #222;
}
.dark #header.fixed-position.style4 .opener-icons {
color: #fff;
}
#header.fixed-position.style5 {
padding: 20px 0 14px;
}
#header.fixed-position.style5 #nav .drop ul {
margin: 31px 0 0;
}
#header.fixed-position.style5 #nav .drop ul .drop ul {
margin: 0;
}
#header.fixed-position.style5 #nav .mega-drop .drop-holder {
margin: 35px 0 0;
}
#header.fixed-position.style7 {
padding: 0;
}
#header.fixed-position.style7:after {
opacity: 1;
}
#header.fixed-position.style7 #nav .drop ul {
margin: 0;
}
#header.fixed-position.style7 #nav .mega-drop {
left: 30px;
right: 30px;
}
#header.fixed-position.style7 #nav .mega-drop .drop-holder {
margin: 35px 0 0;
}
#header.fixed-position.style8 #nav .drop ul {
margin: 0;
}
#header.fixed-position.style8 #nav .mega-drop {
top: 25px;
}
#header.fixed-position.style9 {
padding: 22px 0 16px;
}
#header.fixed-position.style9:after {
background: #2a2a2a;
}
#header.fixed-position.style9 #nav .drop ul {
margin: 30px 0 0;
}
#header.fixed-position.style9 #nav .mega-drop {
top: 22px;
}
#header.fixed-position.style9 #nav .nav-top > li > a {
color: #fff;
}
#header.fixed-position.style9 .nav-opener {
color: #fff;
border-color: #fff;
}
#header.fixed-position.style9 .nav-opener:hover {
border: 0;
}
#header.fixed-position.style10:after {
background: #2a2a2a;
}
#header.fixed-position.style10 #nav .drop ul {
margin: 0;
}
#header.fixed-position.style10 #nav .mega-drop {
top: 18px;
}
#header.fixed-position.style10 #nav .nav-top > li > a {
color: #fff;
}
#header.fixed-position.style10 .cart-box .cart-drop {
padding: 19px 0 0;
}
#header.fixed-position.style10 .opener-icons {
color: #fff;
border-color: #fff;
}
#header.fixed-position.style10 .nav-opener {
color: #fff;
border-color: #fff;
}
#header.fixed-position.style10 .nav-opener:hover {
border: 0;
}
#header.fixed-position.style11 {
padding: 19px 0 0;
}
#header.fixed-position.style11:after {
background: #fff;
}
.dark #header.fixed-position.style11:after {
background: #2a2a2a;
}
#header.fixed-position.style11 .logo {
float: left;
max-width: 170px;
margin: -3px 0 0;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
#header.fixed-position.style11 .logo .w-logo {
display: block;
}
.dark #header.fixed-position.style11 .logo .w-logo {
display: none;
}
#header.fixed-position.style11 .logo .b-logo {
display: none;
}
.dark #header.fixed-position.style11 .logo .b-logo {
display: block;
}
#header.fixed-position.style11 #nav {
border: 0;
width: 85%;
float: right;
position: static;
text-align: right;
margin: -15px 0 0;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#header.fixed-position.style11 #nav .drop ul {
margin: 0;
}
#header.fixed-position.style11 #nav .mega-drop {
top: -6px;
}
#header.fixed-position.style11 #nav #nav .nav-top > li > a {
color: #fff;
}
#header.fixed-position.style11 .icon-list > li .opener-icons {
color: #fff;
border-color: #fff;
}
#header.fixed-position.style12 {
padding: 0;
}
#header.fixed-position.style12 .logo .b-logo {
display: none;
}
#header.fixed-position.style12 .logo .w-logo {
display: block;
}
#header.fixed-position.style12:after {
display: none;
}
#header.fixed-position.style12 .header-cent {
max-height: 0;
padding-top: 0;
margin-top: -2px;
padding-bottom: 0;
}
#header.fixed-position.style12 #nav .nav-top {
float: right;
}
#header.fixed-position.style12 #nav .nav-top > li:hover > a,
#header.fixed-position.style12 #nav .nav-top > li.hover > a,
#header.fixed-position.style12 #nav .nav-top > li.active > a {
color: #222;
}
#header.fixed-position.style12 #nav .nav-top > li > a {
color: #fff;
}
#header.fixed-position.style12 #nav .nav-top > li > a:hover {
color: #222;
}
#header.fixed-position.style12 #nav .quote-btn {
display: none;
}
#header.fixed-position.style12 #nav .logo {
top: -5px;
display: block;
position: relative;
}
#header.fixed-position.style12 #nav .drop ul {
margin: 0;
}
#header.fixed-position.style12 #nav .mega-drop {
left: 0;
}
#header.fixed-position.style12 #nav .mega-drop .drop-holder {
margin: 1px 0 0;
}
#header.fixed-position.style13 {
padding: 23px 0 0;
}
#header.fixed-position.style13:after {
background: #eee;
}
.dark #header.fixed-position.style13:after {
background: #2a2a2a;
}
#header.fixed-position.style14 {
padding: 23px 0 0;
}
#header.fixed-position.style14 .logo:after,
#header.fixed-position.style14 .icon-list:after {
background: #eee;
}
.dark #header.fixed-position.style14 .logo:after,
.dark
#header.fixed-position.style14 .icon-list:after {
background: rgba(42, 42, 42, .5);
}
#header.fixed-position.style15:after {
top: 0;
}
#header.fixed-position.style16 #nav .drop ul {
margin: 0;
}
#header.fixed-position.style16 #nav .mega-drop {
top: 25px;
}
#header.fixed-position.style17 {
padding: 20px 0 0;
}
#header.fixed-position.style17:after {
background: #2a2a2a;
}
#header.fixed-position.style17 #nav .drop ul {
margin: 0;
}
#header.fixed-position.style17 #nav .mega-drop {
top: 20px;
}
#header.fixed-position.style17 #nav .nav-top > li > a {
color: #fff;
}
#header.fixed-position.style17 .opener-icons {
color: #fff;
border-color: #fff;
}
#header.fixed-position.style17 .nav-opener {
color: #fff;
border-color: #fff;
}
#header.fixed-position.style17 .nav-opener:hover {
border: 0;
}
#header.fixed-position.style18 {
padding: 20px 0 0;
}
#header.fixed-position.style18:after {
bottom: 0 !important;
}
#header.fixed-position.style18 #nav .drop ul {
margin: 0;
}
#header.fixed-position.style18 #nav .mega-drop {
top: 25px;
}
#header.fixed-position.style18 #nav .mega-drop .drop-holder {
margin: 45px 0 0;
}
#header.fixed-position.style19 #nav .nav-top > li > a {
color: #222;
}
.dark #header.fixed-position.style19 #nav .nav-top > li > a {
color: #fff;
}
#header.fixed-position.style20 {
padding: 20px 0 0;
}
#header.fixed-position.style20:after {
top: 0;
}
#header.fixed-position.style20 #nav .drop ul {
margin: 0;
}
#header.fixed-position.style20 #nav .mega-drop {
top: 25px;
}
#header.fixed-position.style20 #nav .mega-drop .drop-holder {
margin: 38px 0 0;
}
#header.fixed-position.style21 #nav .drop ul {
margin: 0;
}
#header.fixed-position.style21 #nav .mega-drop {
top: 26px;
}
#header.fixed-position.style27,
#header.fixed-position.style23,
#header.fixed-position.style24 {
padding: 23px 0 0;
}
#header.fixed-position.style25 {
padding: 23px 0 0;
}
#header.fixed-position.style25 .logo:after,
#header.fixed-position.style25 .icon-list:after {
background: #eee;
}
.dark #header.fixed-position.style25 .logo:after,
.dark
#header.fixed-position.style25 .icon-list:after {
background: #494949;
}
#header.fixed-position.style28 .logo {
max-width: 130px;
}
#header.fixed-position.style28 .social-list a {
color: #666;
}
#header.fixed-position.style28 #nav .mega-drop {
top: 45px;
}
#header.fixed-position.style29 {
padding: 25px 0;
background: #fff;
}
.dark #header.fixed-position.style29 {
background: #222;
}
#header.fixed-position.style29:after {
opacity: 0;
}
#header.fixed-position.style29 #nav .mega-drop {
top: 40px;
}
#header.fixed-position.style29 #nav .drop ul {
margin: 43px 0 0;
}
#header.fixed-position.style29 .cart-box .cart-drop {
margin: 15px 0 0;
}
#header.fixed-position.style29 .opener-icons {
color: #222;
}
.dark #header.fixed-position.style29 .opener-icons {
color: #fff;
}
#header .container {position: relative;} .logo { margin: -6px 0 0;
}
.logo img {
width: 100%;
}
.logo a {
display: block;
}
.logo .b-logo {
display: none;
}
.logo.port-logo {
margin: 0;
top: 30px;
left: 100px;
z-index: 9999;
position: fixed;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark .logo.port-logo .b-logo {
display: block;
}
.dark .logo.port-logo .w-logo {
display: none;
} .logo-v9 {
top: 50%;
left: -68px;
z-index: 999;
opacity: 1;
position: fixed;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark .logo-v9 .b-logo {
display: none;
}
.logo-v9 .w-logo {
display: none;
}
.dark .logo-v9 .w-logo {
display: block;
} .lancer-logo {
display: block;
margin: 0 auto 50px;
width: 120px;
height: 120px;
} .menu-nav {
top: 0;
right: 0;
bottom: 0;
width: 240px;
z-index: 9999;
font-size: 18px;
position: fixed;
line-height: 25px;
background: #3f3f3f;
padding: 40px 20px 20px;
margin: 0 -241px 0 0 !important;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.main-navopener2 {
top: 17px;
left: 27px;
z-index: 999;
color: #fff;
font-size: 34px;
position: fixed;
-webkit-transition: margin .4s ease;
transition: margin .4s ease;
}
.main-navopener2:focus,
.main-navopener2:hover {
opacity: .8;
color: #fff;
text-decoration: none;
}
.main-menu {
top: 0;
left: 0;
bottom: 0;
width: 300px;
z-index: 9999;
font-size: 20px;
position: fixed;
font-weight: 500;
padding: 20px 0 0;
background: #fff;
margin: 0 0 0 -301px;
-webkit-transition: margin .4s ease;
transition: margin .4s ease;
}
.main-menu #nav {
float: none;
}
.main-menu #nav a {
color: #2a2a2a;
display: block;
padding: 10px 20px;
border-bottom: 1px solid #2a2a2a;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.main-menu #nav a:hover {
color: #fff;
background: #2a2a2a;
text-decoration: none;
padding: 10px 10px 10px 25px;
}
.main-menu #nav li:hover .drop {
max-height: 999px;
}
.main-menu #nav .drop {
width: 100%;
max-height: 0;
display: block;
position: static;
overflow: hidden;
}
.main-menu #nav .drop ul {
border: 0;
margin: 0;
border-radius: 0;
background: transparent;
}
.main-menu #nav .drop ul a {
padding: 10px 10px 10px 30px;
}
.main-menu #nav .drop ul a:hover {
color: #fff;
padding: 10px 10px 10px 35px;
} .side-widget {
color: #aaa;
font-size: 14px;
margin: 0 0 55px;
line-height: 20px;
}
.side-widget h2 {
color: #666;
margin: 0 0 24px;
padding: 0 0 7px;
position: relative;
letter-spacing: 2px;
font: 600 14px/18px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.side-widget h2:after {
left: 0;
bottom: 0;
width: 39px;
height: 2px;
}
.side-widget a {
color: #333232;
}
.side-widget p {
margin: 0 0 20px;
}
.side-widget .widget-nav {
font-size: 14px;
padding: 3px 0 0;
margin: 0 0 -2px;
line-height: 24px;
}
.side-widget .widget-nav li {
position: relative;
padding: 0 0 0 17px;
}
.side-widget .widget-nav a {
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.side-widget .widget-nav a:hover {
text-decoration: none;
}
.side-widget .widget-nav .fa {
left: 0;
top: 6px;
position: absolute;
}
.side-widget .btn {
color: #fff;
font-size: 12px;
padding: 2px 14px;
text-transform: uppercase;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.side-widget .btn:hover {
background: transparent;
color: rgba(143, 143, 143, .6);
border-color: rgba(143, 143, 143, .6);
}
.side-widget.address-widget {
font-size: 14px;
line-height: 26px;
}
.side-widget.address-widget a {
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.side-widget.address-widget a:hover {
text-decoration: none;
}
.side-widget.address-widget .fa {
margin: 0 6px 0 0;
display: inline-block;
vertical-align: middle;
}
.side-widget.address-widget address {
display: block;
line-height: 26px;
margin: -3px 0 -1px;
}
.side-widget.address-widget .tel,
.side-widget.address-widget .web,
.side-widget.address-widget .email {
display: inline-block;
vertical-align: top;
}
.side-widget.social-widget ul {
padding: 6px 0 0;
}
.side-widget.social-widget ul li {
margin: 0 2px 0 0;
display: inline-block;
vertical-align: top;
}
.side-widget.social-widget a {
display: block;
font-size: 18px;
padding: 12px 0 0;
text-align: center;
border-radius: 50%;
width: 44px;
height: 44px;
background: rgba(255, 255, 255, .1);
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.side-widget.social-widget a:hover {
text-decoration: none;
}
.dark .side-widget.social-widget a {
background: rgba(255, 255, 255, .2);
}
.mainnav-active .sidemenu-photo.v9,
.mainnav-active .sidemenu-photo.v10,
.mainnav-active .sidemenu-photo {
margin: 0;
}
.mainnav-active .w9 {
margin: 0 -200px 0 200px;
}
.mainnav-active .logo-v9 {
opacity: 0;
left: 213px;
visibility: hidden;
}
.mainnav-active .sidemenu-photo.v9 #nav7 .nav-opener,
.mainnav-active .sidemenu-photo.v10 #nav7 .nav-opener {
padding: 5px;
right: -53px;
color: #fff;
border-radius: 3px;
background: rgba(0, 0, 0, .2);
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.mainnav-active .sidemenu-photo.v9 #nav7 .nav-opener {
padding: 5px 15px;
} .sidemenu-photo .logo {
z-index: 99;
float: none;
width: 198px;
display: block;
position: relative;
margin: 0 auto 97px;
}
.sidemenu-photo .logo .b-logo {
display: block;
}
.dark .sidemenu-photo .logo .b-logo {
display: none;
}
.sidemenu-photo .logo .w-logo {
display: none;
}
.dark .sidemenu-photo .logo .w-logo {
display: block;
}
.sidemenu-photo.v9 {
background: #fff;
margin: 0 0 0 -260px;
-webkit-transition: margin .4s ease;
transition: margin .4s ease;
}
.dark .sidemenu-photo.v9 {
background: #222;
}
.sidemenu-photo.v9 #nav7 {
font-weight: 700;
}
.sidemenu-photo.v9 #nav7 ul a {
color: #8f8f8f;
}
.sidemenu-photo.v9 #nav7 .nav-opener {
padding: 0;
width: auto;
color: #222;
right: -41px;
display: block;
font-size: 26px;
background: transparent;
}
.sidemenu-photo.v9 #nav7 .nav-opener .txt {
line-height: 16px;
font-weight: 500;
font-size: 14px;
display: block;
}
.sidemenu-photo.v9 .logo {
width: 150px;
margin: 0 auto 40px;
}
.sidemenu-photo.v9 .sidemenu-holder {
padding: 50px 0px;
}
.sidemenu-photo.v10 {
background: #fff;
margin: 0 0 0 -260px;
-webkit-transition: margin .4s ease;
transition: margin .4s ease;
}
.dark .sidemenu-photo.v10 {
background: #222;
}
.sidemenu-photo.v10 #nav7 {
font-weight: 700;
}
.sidemenu-photo.v10 #nav7 ul a {
color: #8f8f8f;
}
.sidemenu-photo.v10 #nav7 .nav-opener {
padding: 0;
width: auto;
color: #222;
right: -50px;
display: block;
font-size: 26px;
background: transparent;
}
.dark .sidemenu-photo.v10 #nav7 .nav-opener {
color: #fff;
}
.sidemenu-photo.v10 #nav7 .nav-opener .txt {
line-height: 16px;
font-weight: 500;
font-size: 14px;
display: block;
}
.sidemenu-photo.v10 #nav7 .nav-opener {
color: #222;
background: transparent;
}
.sidemenu-photo.v10 .logo {
width: 150px;
margin: 0 auto 40px;
}
.sidemenu-photo.v10 .sidemenu-holder {
padding: 50px 10px;
}
.sidemenu-photo.v11 {
background: #fff;
}
.dark .sidemenu-photo.v11 {
background: #222;
}
.sidemenu-photo.v11 #nav7 .nav-opener {
top: 4px;
}
.sidemenu-photo.v11 .logo img {
width: auto;
margin: 0 auto;
}
.sidemenu-photo.v11 #nav7 ul a {
color: #2a2a2a;
}
.dark .sidemenu-photo.v11 #nav7 ul a {
color: #8f8f8f;
}
.sidemenu-photo.v11 .sidemenu-holder {
padding: 200px 10px 0;
}
.sidemenu-photo.v12 {
background: #fff;
}
.sidemenu-photo.v12 #nav7 ul {
text-align: left;
font: 500 12px/16px "Lato", Georgia, "Times New Roman", Times, serif;
}
.sidemenu-photo.v12 #nav7 ul a {
color: #8f8f8f;
}
.sidemenu-photo.v12 #nav7 ul li {
margin: 0 0 24px 34px;
}
.sidemenu-photo.v12 .logo {
width: 142px;
margin: 0 0 85px 35px;
} #nav7 {
margin: 0 0 200px;
}
#nav7 ul {
margin: 0;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
font: 500 12px/16px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#nav7 ul li {
float: none;
display: block;
position: relative;
}
.nav11 ul li {
display: block;
position: relative;
}
#nav7 ul a {
color: #fff;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#nav7 ul a:hover {
text-decoration: none;
}
#nav7 .nav-opener {
top: 50px;
width: 100px;
padding: 5px;
color: #fff;
right: -120px;
display: none;
font-size: 20px;
background: #222;
text-align: center;
position: absolute;
}
#nav7 .nav-opener:hover {
opacity: .8;
text-decoration: none;
}
.portfolio-nav-opener {
top: 30px;
right: 100px;
z-index: 9999;
color: #fff;
font-size: 34px;
position: fixed; border-radius: 5px;
background: rgba(0, 0, 0, .2);
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.portfolio-nav-opener:focus,
.portfolio-nav-opener:hover {
color: #fff;
text-decoration: none;
background: black;
}
.sidenav-port {
top: 0;
right: 0;
bottom: 0;
width: 300px;
z-index: 9999;
position: fixed;
text-align: center;
letter-spacing: 2px;
padding: 80px 20px 20px;
text-transform: uppercase;
margin: 0 -301px 0 0 !important;
-webkit-transition: all .4s ease;
transition: all .4s ease;
background: url(//nutribitesfoods.com.mx/wp-content/themes/mf/assets/images/pattren01.png);
font: 500 12px/25px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.admin-bar .portfolio-nav-opener {
top: 62px;
}
.admin-bar .logo.port-logo {
top: 62px;
}
.sidenav-port a {
color: #fff;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.sidenav-port a:hover {
text-decoration: none;
}
.sidenav-port ul {
margin: 0;
}
.sidenav-port ul li {
margin: 0 0 20px;
}
.sidenav-active .menu-nav {
margin: 0 !important;
}
.sidenav-active .w1 {
margin: 0 0 0 -240px;
}
.sidenav-active.boxed-v .w1 {
margin: 0;
}
.mainnav-active #nav .nav-holder {
max-height: 9999px;
}
.mainnav-active .main-menu {
margin: 0;
}
.mainnav-active .main-navopener2 {
margin: 0 0 0 301px;
}
.nav-active .sidenav-port {
margin: 0 !important;
}
.nav-active #header,
.nav-active .w1 {
margin: 0 240px 0 -240px;
}
.nav-active .portfolio-nav-opener {
right: 340px;
}
.nav-active .logo.port-logo {
left: -400px;
}
.nav-active.lancer .w1 {
margin: 0 -240px 0 240px;
}
.nav-active.lancer .portfolio-nav-opener {
right: auto;
left: 340px;
}
.nav-active.lancer .sidenav-port {
margin: 0 !important;
}
.nav-active.boxed-v.lancer .w1 {
margin: 0;
}
.lancer .portfolio-nav-opener {
right: auto;
left: 100px;
}
.lancer .sidenav-port {
left: 0;
right: auto;
margin: 0 0 0 -301px !important;
}
.search-form-top {
float: right;
margin: 0 0 5px;
}
.search-form-top ::-webkit-input-placeholder {
color: #fff;
}
.search-form-top ::-moz-placeholder {
opacity: 1;
color: #fff;
}
.search-form-top :-moz-placeholder {
color: #fff;
}
.search-form-top :-ms-input-placeholder {
color: #fff;
}
.search-form-top .placeholder {
color: #fff;
}
.search-form-top .fa {
border: 0;
margin: 0;
padding: 0;
float: right;
color: #fff;
font-size: 17px;
background: none;
}
.search-form-top .text {
border: 0;
padding: 0;
float: left;
height: 20px;
width: 173px;
color: #fff;
font-size: 12px;
background: none;
line-height: 20px;
margin: 0 10px 0 0;
}
.burger-menu {
color: #fff;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
font: 12px/1 "Raleway", Georgia, "Times New Roman", Times, serif;
}
.burger-menu .fa {
font-size: 26px;
margin: 0 0 0 20px;
vertical-align: middle;
}
.burger-menu span {
display: inline-block;
vertical-align: middle;
}   #footer a {
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#footer a:hover {
text-decoration: none;
}
#footer .logo {
float: none;
vertical-align: top;
display: inline-block;
}
#footer.style3 .f-get-touch {
padding-top: 2px;
}
#footer.style3 .f-get-touch p {
margin: 0 0 18px;
}
#footer.style3 .footer-top {
padding-top: 20px;
padding-bottom: 12px;
}
#footer.style3 .footer-top .holder {
max-width: inherit;
padding: 0 2px 0 0;
}
#footer.style3 .footer-top .logo {
margin: 0;
float: left;
}
#footer.style3 .footer-social {
float: right;
margin: 2px 0 0;
}
#footer.style3 .footer-social li {
padding: 0 0 10px 6px;
}
#footer.style3 .footer-social li.apple,
#footer.style3 .footer-social li.skype {
display: inline-block;
vertical-align: top;
}
#footer.style3 .footer-social a {
font-size: 20px;
width: 46px;
height: 46px;
padding-top: 3px;
}
#footer.style3 .footer-social .fa-apple {
font-size: 21px;
margin: 2px 0 0;
}
#footer.style3 .footer-social .fa-skype {
font-size: 20px;
margin: 0 2px 0 0;
}
#footer.style3 .footer-social .fa-behance {
margin: 0 2px 0 0;
}
#footer.style3 .footer-social .fa-facebook {
margin: 3px 0 0;
font-size: 21px;
}
#footer.style3 .footer-cent {
padding-top: 53px;
}
#footer.style3 .footer-bottom {
padding-top: 27px;
}
#footer.style4 .f-get-touch p {
margin: 0 0 18px;
}
#footer.style4 .footer-top {
padding-top: 25px;
padding-bottom: 26px;
}
#footer.style4 .footer-top .f-contact-us {
display: block;
}
#footer.style4 .footer-social {
float: right;
margin: 2px 0 0;
}
#footer.style4 .footer-social li {
padding: 0 0 10px 6px;
}
#footer.style4 .footer-social li.apple,
#footer.style4 .footer-social li.skype {
display: inline-block;
vertical-align: top;
}
#footer.style4 .footer-social a {
width: 46px;
height: 46px;
font-size: 20px;
}
#footer.style4 .footer-social .fa-apple {
font-size: 21px;
margin: 2px 0 0;
}
#footer.style4 .footer-social .fa-skype {
font-size: 20px;
margin: 0 2px 0 0;
}
#footer.style4 .footer-social .fa-behance {
margin: 0 2px 0 0;
}
#footer.style4 .footer-social .fa-facebook {
margin: 3px 0 0;
font-size: 21px;
}
#footer.style4 .footer-cent {
padding-top: 55px;
padding-bottom: 79px;
}
#footer.style4 .footer-bottom {
padding-top: 30px;
}
#footer.style5 .footer-bottom {
padding-top: 60px;
padding-bottom: 60px;
}
#footer.style6 .footer-top {
padding-bottom: 40px;
}
#footer.style6 .footer-top .footer-social li {
padding: 0 3px;
}
#footer.style6 .footer-top .footer-social li.apple,
#footer.style6 .footer-top .footer-social li.skype {
display: inline-block;
vertical-align: top;
}
#footer.style6 .footer-top .footer-social a {
width: 45px;
height: 45px;
}
#footer.style6 .footer-top .logo {
margin: 0 auto 32px;
}
#footer.style6 .footer-cent {
padding-top: 55px;
}
#footer.style6 .footer-bottom {
padding-top: 26px;
}
#footer.style7 .footer-top {
padding-bottom: 40px;
}
#footer.style7 .footer-top .footer-social li {
padding: 0 3px;
}
#footer.style7 .footer-top .footer-social li.apple,
#footer.style7 .footer-top .footer-social li.skype {
display: inline-block;
vertical-align: top;
}
#footer.style7 .footer-top .footer-social a {
width: 45px;
height: 45px;
}
#footer.style7 .footer-top .logo {
margin: 0 auto 32px;
}
#footer.style7 .footer-bottom {
padding-top: 25px;
}
#footer.style7 .footer-bottom .bottom-box4 {
display: block;
}
#footer.style8 .footer-top {
padding-bottom: 60px;
}
#footer.style8 .footer-top .holder {
padding: 0 10%;
}
#footer.style8 .footer-top p {
margin: 0;
}
#footer.style8 .footer-top .logo {
margin: 0 auto 26px;
}
#footer.style8 .footer-bottom {
padding-top: 0;
padding-bottom: 30px;
}
#footer.style9 .footer-cent {
padding-bottom: 57px;
}
#footer.style9 .footer-bottom {
padding-top: 19px;
padding-bottom: 9px;
}
#footer.style9 .bottom-box5 {
padding: 0;
border: 0;
}
#footer.style9 .f-our-mission .btn-more:hover {
background: none;
}
#footer.style10 .footer-top {
padding-bottom: 63px;
}
#footer.style10 .footer-cent {
padding-bottom: 55px;
}
#footer.style10 .footer-bottom {
padding-top: 23px;
}
#footer.style10 .footer-bottom .copyright {
margin-top: 5px;
}
#footer.style10 .insta-box li {
padding: 0 1.2px 0 0;
margin: 0 0 -2px 0;
}
#footer.style11 .btn-more:hover {
color: #fff;
}
#footer.style12 {
left: 0;
right: 0;
bottom: 0;
text-align: center;
position: absolute;
}
#footer.style12 .footer-bottom {
padding-top: 0;
padding-bottom: 59px;
}
#footer.style12 .footer-bottom:after {
display: none;
}
#footer.style12 .f-social-networks {
margin: 0 0 13px;
}
#footer.style12 .f-social-networks li {
padding: 0 8px;
}
#footer.style12 .copyrights {
display: block;
padding: 0;
}
#footer.style13 .footer-app {
padding: 27px 0 49px;
border-bottom: 1px solid #313131;
}
#footer.style13 .bottom-box3 {
color: #8f8f8f;
font-size: 15px;
line-height: 25px;
padding: 33px 0 0;
}
#footer.style13 .bottom-box3 .logo {
width: 90px;
height: auto;
margin: 0 auto 24px;
}
#footer.style13 .bottom-box3 p {
margin: 0 0 27px;
}
#footer.style13 .bottom-box3 .footer-social {
margin: 0 0 55px;
}
#footer.style13 .f-info-box {
color: #8f8f8f;
text-transform: uppercase;
font: 300 24px/28px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer.style13 .f-info-box p {
margin: 0 0 48px;
}
#footer.style13 .f-info-box .title {
color: #fff;
display: block;
margin: 0 0 12px;
font-weight: 400;
}
#footer.style13 .f-info-box .tel {
font-size: 70px;
margin: 0 0 14px;
font-weight: 900;
line-height: 80px;
display: inline-block;
vertical-align: top;
}
#footer.style13 .f-info-box .num {
color: #fff;
display: block;
margin: 0 0 6px;
font-size: 32px;
font-weight: 700;
line-height: 40px;
}
#footer.style13 .f-info-box .counter-box {
color: #8f8f8f;
text-transform: uppercase;
font: 14px/20px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer.style13 .f-info-box .counter-box p {
margin: 0;
}
#footer.style15 {
z-index: 5;
position: relative;
}
#footer.style15 .parallax-holder {
z-index: -1;
}
#footer.style15 .footer-cent {
padding-top: 97px;
background: rgba(0, 0, 0, .8);
}
#footer.style15 .footer-cent .f-info-col {
color: #fff;
}
#footer.style15 .footer-cent .f-info-col p {
margin: 0 0 26px;
}
#footer.style15 .footer-cent .logo {
margin: 5px 0 8px;
}
#footer.style15 .footer-cent h5 {
font-weight: 700;
text-transform: uppercase;
}
#footer.style15 .footer-news-box a {
color: #fff;
}
#footer.style15 .footer-news-box a a {
color: #fff;
}
#footer.style15 .f-contact-info2 {
color: #fff;
}
#footer.style15 .f-contact-info2 a {
color: #fff;
}
#footer.style15 .footer-bottom {
padding-top: 0;
font-size: 12px;
line-height: 13px;
text-transform: uppercase;
background: rgba(0, 0, 0, .8);
}
#footer.style15 .footer-bottom .footer-nav li {
padding: 0 11px 0 0;
}
#footer.style15 .footer-bottom .footer-nav li a {
color: #fff;
}
#footer.style15 .footer-bottom .copyright {
color: #fff;
max-width: 570px;
}
#footer.style15 .footer-bottom .copyright a {
color: #fff;
}
#footer.style15 .footer-bottom .bottom-box1 {
padding-top: 27px;
border-top: 1px solid #333;
}
#footer.style16 .footer-top {
padding-bottom: 32px;
}
#footer.style16 .footer-top .holder {
padding: 0 13%;
}
#footer.style16 .footer-top p {
margin: 0 0 28px;
}
#footer.style16 .footer-top .logo {
margin: 0 auto 26px;
}
#footer.style16 .footer-bottom {
padding-top: 25px;
padding-bottom: 25px;
}
#footer.style16 .footer-bottom .footer-nav {
text-transform: capitalize;
}
#footer.style17 {
z-index: 5;
position: relative;
}
#footer.style17 .parallax-holder {
z-index: -1;
}
#footer.style17 .footer-cent {
padding-top: 97px;
background: rgba(0, 0, 0, .8);
}
#footer.style17 .footer-cent .f-info-col {
color: #fff;
}
#footer.style17 .footer-cent .f-info-col p {
margin: 0 0 26px;
}
#footer.style17 .footer-cent .logo {
margin: 5px 0 8px;
}
#footer.style17 .footer-cent h5 {
font-weight: 700;
text-transform: uppercase;
}
#footer.style17 .f-contact-info2 {
color: #fff;
}
#footer.style17 .f-contact-info2 a {
color: #fff;
}
#footer.style17 .footer-news-box a {
color: #fff;
}
#footer.style17 .footer-news-box a a {
color: #fff;
}
#footer.style17 .footer-bottom {
padding-top: 0;
font-size: 12px;
line-height: 13px;
text-transform: uppercase;
background: rgba(0, 0, 0, .8);
}
#footer.style17 .footer-bottom .footer-nav li {
padding: 0 11px 0 0;
}
#footer.style17 .footer-bottom .footer-nav li a {
color: #fff;
}
#footer.style17 .footer-bottom .copyright {
color: #fff;
max-width: 570px;
}
#footer.style17 .footer-bottom .copyright a {
color: #fff;
}
#footer.style17 .footer-bottom .bottom-box1 {
padding-top: 27px;
border-top: 1px solid #333;
}
#footer.style18 .footer-cent {
padding-bottom: 57px;
}
#footer.style18 .footer-bottom {
padding-top: 19px;
padding-bottom: 9px;
}
#footer.style18 .bottom-box5 {
padding: 0;
border: 0;
}
#footer.style18 .btn-more:hover {
background: transparent;
}
#footer.style19 .footer-app {
padding: 27px 0 49px;
}
#footer.style19 .bottom-box3 {
color: #8f8f8f;
font-size: 14px;
line-height: 25px;
padding: 66px 0 43px;
}
#footer.style19 .footer-bottom {
border-top: 1px solid #313131;
}
#footer.style19 .footer-bottom:after {
background: transparent;
}
#footer.style19 .footer-bottom .copyright {
float: none;
display: block;
max-width: 100%;
text-align: center;
}
#footer.style19 .f-info-box {
color: #8f8f8f;
text-transform: uppercase;
font: 300 24px/28px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer.style19 .f-info-box p {
margin: 0 0 48px;
}
#footer.style19 .f-info-box .title {
color: #fff;
display: block;
margin: 0 0 12px;
font-weight: 400;
}
#footer.style19 .f-info-box .tel {
font-size: 70px;
margin: 0 0 14px;
font-weight: 900;
line-height: 80px;
display: inline-block;
vertical-align: top;
}
#footer.style19 .f-info-box .num {
color: #fff;
display: block;
margin: 0 0 6px;
font-size: 32px;
font-weight: 700;
line-height: 40px;
}
#footer.style19 .f-info-box .counter-box {
color: #8f8f8f;
text-transform: uppercase;
font: 14px/20px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer.style19 .f-info-box .counter-box p {
margin: 0;
}
#footer.style20 .footer-cent {
padding-bottom: 55px;
}
#footer.style20 .footer-bottom {
padding-top: 23px;
}
#footer.style20 .footer-bottom .copyright {
margin-top: 5px;
}
#footer.style20 .insta-box li {
padding: 0 1.2px 0 0;
margin: 0 0 -2px 0;
}
#footer.style21 .copyright {
float: none;
display: block;
max-width: 100%;
text-align: center;
}
#footer.style22 .footer-cent {
padding-bottom: 55px;
}
#footer.style22 .footer-bottom {
padding-top: 23px;
}
#footer.style22 .footer-bottom .copyright {
margin-top: 5px;
}
#footer.style22 .insta-box li {
padding: 0 1.2px 0 0;
margin: 0 0 -2px 0;
}
#footer.style23 .footer-app {
padding: 27px 0 49px;
border-bottom: 1px solid #313131;
}
#footer.style23 .bottom-box3 {
color: #8f8f8f;
font-size: 14px;
line-height: 25px;
padding: 33px 0 0;
}
#footer.style23 .bottom-box3 .logo {
width: 90px;
height: auto;
margin: 0 auto 54px;
}
#footer.style23 .bottom-box3 p {
margin: 0 0 27px;
}
#footer.style23 .bottom-box3 .footer-social {
margin: 0 0 65px;
}
#footer.style23 .copyright {
float: none;
display: block;
max-width: 100%;
text-align: center;
}
#footer.style23 .socialize-holder {
z-index: 99;
position: relative;
z-index: 1;
}
#footer.style23 .socialize-holder:before {
top: 0;
z-index: -1;
bottom: 0;
left: -9999px;
right: -9999px;
background: transparent;
}
#footer.style23 .socialize-holder:before {
z-index: 2;
background: rgba(0, 0, 0, .4);
}
#footer.style23 .socialize-holder .container {
z-index: 99;
position: relative;
}
#footer.style23 .f-info-box {
color: #8f8f8f;
text-transform: uppercase;
font: 700 18px/24px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer.style23 .f-info-box p {
margin: 0 0 48px;
}
#footer.style23 .f-info-box .title {
color: #fff;
display: block;
margin: 0 0 12px;
font-weight: 400;
}
#footer.style23 .f-info-box .tel {
font-size: 70px;
margin: 0 0 14px;
font-weight: 900;
line-height: 80px;
display: inline-block;
vertical-align: top;
}
#footer.style23 .f-info-box .num {
color: #fff;
display: block;
margin: 0 0 6px;
font-size: 32px;
font-weight: 700;
line-height: 40px;
}
#footer.style23 .f-info-box .counter-box {
color: #8f8f8f;
text-transform: uppercase;
font: 14px/20px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer.style23 .f-info-box .counter-box p {
margin: 0;
letter-spacing: 2px;
}
#footer.style23 .footer-bottom:after {
background: transparent;
}
#footer.style24 .copyright {
float: none;
display: block;
max-width: 100%;
text-align: center;
}
#footer.style24 .socialize-holder {
z-index: 99;
position: relative;
z-index: 1;
}
#footer.style24 .socialize-holder:before {
top: 0;
z-index: -1;
bottom: 0;
left: -9999px;
right: -9999px;
background: transparent;
}
#footer.style24 .socialize-holder:before {
z-index: 2;
background: rgba(0, 0, 0, .4);
}
#footer.style24 .socialize-holder .container {
z-index: 99;
position: relative;
}
#footer.style26 .footer-app {
padding: 27px 0 49px;
border-bottom: 1px solid #313131;
}
#footer.style26 .bottom-box3 {
color: #8f8f8f;
font-size: 15px;
line-height: 25px;
padding: 33px 0 0;
}
#footer.style26 .bottom-box3 .logo {
width: 90px;
height: auto;
margin: 0 auto 24px;
}
#footer.style26 .bottom-box3 p {
margin: 0 0 27px;
}
#footer.style26 .bottom-box3 .footer-social {
margin: 0 0 55px;
}
#footer.style26 .f-info-box {
color: #8f8f8f;
text-transform: uppercase;
font: 300 24px/28px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer.style26 .f-info-box p {
margin: 0 0 48px;
}
#footer.style26 .f-info-box .num {
display: block;
margin: 0 0 6px;
font-size: 32px;
font-weight: 700;
line-height: 40px;
}
#footer.style26 .f-info-box .counter-box {
color: #8f8f8f;
text-transform: uppercase;
font: 14px/20px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer.style26 .f-info-box .counter-box p {
margin: 0;
}
#footer.style27 .footer-app {
background: #2a2a2a;
padding: 27px 0 49px;
border-bottom: 1px solid #313131;
}
#footer.style27 .bottom-box3 {
color: #8f8f8f;
font-size: 14px;
line-height: 25px;
padding: 33px 0 0;
}
#footer.style27 .bottom-box3 .logo {
width: 90px;
height: auto;
margin: 0 auto 24px;
}
#footer.style27 .bottom-box3 p {
margin: 0 0 27px;
}
#footer.style27 .bottom-box3 .footer-social {
margin: 0 0 55px;
}
#footer.style27 .f-info-box {
color: #8f8f8f;
text-transform: uppercase;
font: 300 24px/28px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer.style27 .f-info-box p {
margin: 0 0 48px;
}
#footer.style27 .f-info-box .title {
color: #fff;
display: block;
margin: 0 0 12px;
font-weight: 400;
}
#footer.style27 .f-info-box .tel {
font-size: 70px;
margin: 0 0 14px;
font-weight: 500;
line-height: 80px;
display: inline-block;
vertical-align: top;
}
#footer.style27 .f-info-box .num {
color: #fff;
display: block;
margin: 0 0 6px;
font-size: 32px;
font-weight: 700;
line-height: 40px;
}
#footer.style27 .f-info-box .counter-box {
color: #8f8f8f;
text-transform: uppercase;
font: 14px/20px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer.style27 .f-info-box .counter-box p {
margin: 0;
}
#footer.style28 .footer-bottom:after {
border-top: 1px solid #494949;
}
#footer.style29 .footer-cent {
padding-bottom: 55px;
}
#footer.style29 .footer-cent h5 {
color: #222;
}
#footer.style29 .footer-bottom {
font-size: 14px;
padding-top: 23px;
}
#footer.style29 .footer-bottom .copyright {
margin-top: 5px;
float: left;
}
#footer.style29 .mailing-form2 .email,
#footer.style29 .footer-tags a {
background: #efefef;
}
#footer.style29 .footer-tags a:hover {
background: #222;
}
#footer.style29 .payment-nav {
float: right;
}
#footer.style29 .insta-box li {
padding: 0 1.2px 0 0;
margin: 0 0 -2px 0;
}
#footer.style30 {
left: 0;
right: 0;
bottom: 0;
text-align: left;
padding: 25px 0 0;
position: absolute;
}
#footer.style30 .footer-bottom {
padding-top: 0;
padding-bottom: 0;
position: relative;
}
#footer.style30 .footer-bottom:after {
top: -20px;
left: 44px;
height: 2px;
width: 60px;
content: "";
position: absolute;
background: #e0e0e0;
}
#footer.style30 .f-social-networks {
font-size: 16px;
margin: 0 0 30px 36px;
}
#footer.style30 .f-social-networks li {
padding: 0 8px;
}
#footer.style30 .f-social-networks a {
color: #8f8f8f;
}
#footer.style31 .footer-aside {
color: #fff;
font-weight: 300;
font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer.style31 .footer-aside .time-nav dt {
font-weight: 300;
}
#footer.style31 .footer-bottom,
#footer.style31 .footer-bottom a,
#footer.style31 .btn-more:hover {
color: #fff;
}
#footer.style31 .footer-social a {
background: transparent;
}
#footer.style31 .f-about-box {
font: 300 12px/24px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer.style31 .footer-cent h5 {
font-family: "Playfair Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
text-transform: lowercase;
text-transform: capitalize;
} .footer-top {
color: #8f8f8f;
font-size: 15px;
line-height: 25px;
padding-top: 60px;
text-align: center;
padding-bottom: 30px;
}
.footer-top .logo {
float: none;
width: 200px;
display: block;
margin: 0 auto 23px;
}
.footer-top .holder {
max-width: 710px;
overflow: hidden;
margin: 0 auto;
}
.footer-top .holder2 {
max-width: 750px;
overflow: hidden;
margin: 0 auto;
}
.footer-top .holder2 .btn-more {
padding: 6px 15px 8px;
}
.footer-top p {
margin: 0 0 29px;
} .footer-social {
margin: 0 0 20px;
}
.footer-social li {
padding: 0 1px 10px;
}
.footer-social a {
color: #fff;
display: block;
font-size: 18px;
line-height: 40px;
text-align: center;
border-radius: 50%;
background: #3f3f3f;
width: 44px;
height: 44px;
}
.footer-social a:hover {
text-decoration: none;
}
.footer-social a .fa {
display: inline-block;
vertical-align: middle;
}
.footer-social a .fa-facebook {
margin: 0 2px 0 0;
}
.footer-social a .fa-google-plus {
margin: -2px 0 0 2px;
}
.footer-social a .fa-behance {
margin: -2px 0 0 2px;
} .footer-cent {
color: #8f8f8f;
font-size: 14px;
line-height: 25px;
padding-top: 57px;
padding-bottom: 39px;
}
.footer-cent h5 {
color: #fff;
margin: 0 0 27px;
padding-top: 25px;
letter-spacing: 2px;
text-transform: uppercase;
font: 700 14px/18px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
} .f-get-touch p {
margin: 0 0 20px;
}
.f-get-touch a {
color: #8f8f8f;
}
.f-get-touch a:hover {
color: #fff;
}
.f-get-touch address {
margin: 0;
font-size: 14px;
line-height: 24px;
position: relative;
padding: 0 10px 0 19px;
}
.f-get-touch address .fa {
left: 0;
top: 7px;
color: #8f8f8f;
font-size: 14px;
position: absolute;
}
.f-get-touch .email {
position: relative;
padding: 0 0 0 25px;
display: inline-block;
vertical-align: top;
}
.f-get-touch .email .fa {
left: 0;
top: 6px;
color: #8f8f8f;
font-size: 14px;
position: absolute;
}
.f-get-touch .tel {
position: relative;
padding: 0 0 0 22px;
display: inline-block;
vertical-align: top;
}
.f-get-touch .tel .fa {
left: 0;
top: 6px;
color: #8f8f8f;
font-size: 14px;
position: absolute;
} .insta-box {
margin: 0;
padding: 9px 0 0;
}
.insta-box a {
max-width: 64px;
margin: 0 2px 2px 0;
display: inline-block;
vertical-align: top;
}
.insta-box a:hover {
opacity: .8;
}
.insta-box img {
display: block;
max-width: 100%;
height: auto;
} .footer-news-box {
font-size: 14px;
overflow: hidden;
line-height: 25px;
padding: 2px 0 20px;
}
.footer-news-box time {
color: #8f8f8f;
font-size: 11px;
}
.footer-news-box a {
color: #8f8f8f;
}
.footer-news-box a:hover {
color: #fff;
}
.footer-news-box .img-box {
float: left;
margin: 8px 9px 0 0;
}
.footer-news-box p {
margin: 0;
}
.footer-news-box .txt {
overflow: hidden;
}
.footer-news-box img {
display: block;
} .footer-tags {
margin: 0;
font-size: 10px;
font-weight: 400;
line-height: 20px;
padding: 10px 0 0;
letter-spacing: 2px;
text-transform: uppercase;
}
.footer-tags li {
padding: 0 3px 4px 0;
vertical-align: top;
}
.footer-tags a {
color: #8f8f8f;
display: block;
background: #3f3f3f;
padding: 5px 17px 5px 14px;
}
.footer-tags a:hover {
color: #fff;
background: #8f8f8f;
} .footer-bottom {
color: #727272;
font-size: 14px;
line-height: 20px;
padding-top: 27px;
padding-bottom: 26px;
}
.footer-bottom a {
font-weight: 400;
color: #727272;
letter-spacing: 2px;
text-transform: uppercase;
}
.footer-bottom a:hover {
color: #fff;
}
.footer-bottom .footer-nav {
margin: 0;
float: left;
max-width: 690px;
}
.footer-bottom .footer-nav li {
padding: 0 24px 0 0;
display: inline-block;
}
.footer-bottom .footer-nav li.active a {
color: #fff;
}
.footer-bottom .copyright {
float: right;
max-width: 500px;
text-transform: uppercase;
} .f-info-col {
color: #8f8f8f;
font-size: 14px;
line-height: 25px;
}
.f-info-col p {
margin: 0 0 18px;
}
.f-info-col a {
color: #8f8f8f;
}
.f-info-col a:hover {
color: #fff;
}
.f-info-col .footer-social {
font-size: 16px;
margin: 0 0 20px;
}
.f-info-col .footer-social li {
padding: 0;
margin: 0 3px 5px 0;
width: 34px;
height: 34px;
}
.f-info-col .footer-social a {
color: #fff;
width: 34px;
height: 34px;
line-height: 32px;
font-size: 15px;
}
.f-info-col .footer-social a .fa-facebook {
margin: 0 0 0 1px;
}
.f-info-col .footer-social a .fa-behance {
margin: -3px 0 0;
}
.f-info-col .footer-social a .fa-skype {
margin: -3px 0 0;
}
.f-info-col .footer-social a .fa-apple {
margin: -3px 0 0;
font-size: 15px;
}
.f-info-col .logo {
margin: 5px 0 14px;
} .footer-form {
overflow: hidden;
padding: 9px 2px 0 0;
}
.footer-form .text {
float: left;
width: 100%;
height: 30px;
outline: none;
color: #8f8f8f;
margin: 0 0 5px;
padding: 4px 12px;
background: #3f3f3f;
border: 1px solid #3f3f3f;
box-shadow: none !important;
border-radius: 0 !important;
font: 12px/20px "Lato", Georgia, "Times New Roman", Times, serif;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.footer-form .text:focus {
border-color: #f8f8f8;
}
.footer-form textarea {
padding: 0;
float: left;
resize: none;
outline: none;
color: #8f8f8f;
overflow: auto;
margin: 0 0 4px;
padding: 4px 12px;
background: #3f3f3f;
width: 100% !important;
height: 59px !important;
border: 1px solid #3f3f3f;
box-shadow: none !important;
border-radius: 0 !important;
font: 12px/20px "Lato", Georgia, "Times New Roman", Times, serif;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.footer-form textarea:focus {
border-color: #f8f8f8;
}
.footer-form .text::-webkit-input-placeholder {
color: #8f8f8f;
}
.footer-form .text::-moz-placeholder {
color: #8f8f8f;
opacity: 1;
}
.footer-form .text:-ms-input-placeholder {
color: #8f8f8f;
}
.footer-form textarea::-webkit-input-placeholder {
color: #8f8f8f;
}
.footer-form textarea::-moz-placeholder {
color: #8f8f8f;
opacity: 1;
}
.footer-form textarea:-ms-input-placeholder {
color: #8f8f8f;
}
.footer-form .btn-submit {
border: 0;
color: #fff;
font-size: 12px;
border-radius: 0;
padding: 5px 12px;
line-height: 20px;
text-transform: uppercase;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.footer-form .btn-submit:hover {
color: #3f3f3f;
background: #f8f8f8;
} .mailing-form {
overflow: hidden;
padding: 2px 2px 0 0;
}
.mailing-form label {
color: #8f8f8f;
font-size: 14px;
line-height: 25px;
display: block;
margin: 0 0 26px;
}
.mailing-form .email {
border: 0;
float: left;
width: 100%;
height: 30px;
color: #8f8f8f;
outline: none;
margin: 0 0 5px;
padding: 5px 12px;
background: #3f3f3f;
box-shadow: none !important;
border-radius: 0 !important;
font: 12px/20px "Lato", Georgia, "Times New Roman", Times, serif;
}
.mailing-form .email::-webkit-input-placeholder {
color: #8f8f8f;
}
.mailing-form .email::-moz-placeholder {
color: #8f8f8f;
opacity: 1;
}
.mailing-form .email:-ms-input-placeholder {
color: #8f8f8f;
}
.mailing-form .btn-submit {
border: 0;
color: #fff;
font-size: 12px;
border-radius: 0;
line-height: 20px;
text-transform: uppercase;
padding: 5px 14px 4px 12px;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.mailing-form .btn-submit .fa {
display: inline-block;
vertical-align: middle;
margin: -4px 7px 0 0;
}
.mailing-form .btn-submit:hover {
color: #3f3f3f;
background: #f8f8f8;
} .mailing-form2 {
overflow: hidden;
padding: 2px 2px 0 0;
}
.mailing-form2 label {
color: #8f8f8f;
font-size: 14px;
line-height: 25px;
display: block;
margin: 0 0 26px;
font-weight: 400;
}
.mailing-form2 .mc-field-group label {
display: none;
}
.mailing-form2 .email {
border: 0;
margin: 0;
float: left;
width: 100%;
height: 30px;
outline: none;
color: #8f8f8f;
padding: 5px 12px;
background: #494949;
box-shadow: none !important;
border-radius: 0 !important;
font: 12px/20px "Lato", Georgia, "Times New Roman", Times, serif;
}
.dark .mailing-form2 .email {
background: #191919;
}
.mailing-form2 .email::-webkit-input-placeholder {
color: #8f8f8f;
}
.mailing-form2 .email::-moz-placeholder {
color: #8f8f8f;
opacity: 1;
}
.mailing-form2 .email:-ms-input-placeholder {
color: #8f8f8f;
}
.mailing-form2 .mc-field-group {
float: left;
width: 87.3%;
}
.mailing-form2 #mce-responses {
display: none;
}
.mailing-form2 .clear {
float: left;
}
.mailing-form2 .btn-submit {
border: 0;
padding: 0;
float: right;
color: #fff;
font-size: 12px;
border-radius: 0;
line-height: 30px;
-webkit-transition: all .25s ease;
transition: all .25s ease;
width: 34px;
height: 30px;
}
.mailing-form2 .btn-submit .fa {
display: inline-block;
vertical-align: middle;
margin: -2px 0 0 -2px;
}
.mailing-form2 .btn-submit:hover {
background: #222;
} .footer-social2 {
float: right;
font-size: 18px;
line-height: 12px;
margin: 2px 3px 0 0;
}
.footer-social2 li {
padding: 0 0 0 19px;
}
.footer-social2 a {
color: #8f8f8f;
}
.footer-social2 a:hover {
text-decoration: none;
} .f-contact-us {
overflow: hidden;
}
.f-contact-us .contct {
float: left;
font-size: 18px;
line-height: 22px;
font-style: italic;
} .f-about-us .f-about-box {
overflow: hidden;
padding-top: 4px;
}
.f-about-us p {
margin: 0 0 24px;
}
.f-about-us .logo {
margin: 0 0 15px;
}
.f-about-us .btn {
color: #8f8f8f;
border-color: #8f8f8f;
}
.f-about-us .btn:hover {
text-decoration: none;
color: rgba(143, 143, 143, .5);
border-color: rgba(143, 143, 143, .5);
} .f-contact-info p {
margin: 0 0 20px;
}
.f-contact-info address {
margin: 0 0 16px;
font-size: 14px;
line-height: 24px;
position: relative;
padding: 2px 10px 0 19px;
}
.f-contact-info address .fa {
left: 0;
top: 7px;
color: #8f8f8f;
font-size: 14px;
position: absolute;
}
.f-contact-info .mail-box2 {
overflow: hidden;
margin: 0 0 16px;
}
.f-contact-info .mail-box {
display: block;
padding: 0 0 0 25px;
position: relative;
line-height: 24px;
}
.f-contact-info .mail-box .fa {
left: 0;
top: 6px;
color: #8f8f8f;
font-size: 14px;
position: absolute;
}
.f-contact-info .email {
position: relative;
display: inline-block;
vertical-align: top;
}
.f-contact-info .tel-holder {
overflow: hidden;
}
.f-contact-info .tel-box {
display: block;
position: relative;
padding: 0 0 0 22px;
line-height: 24px;
}
.f-contact-info .tel-box .fa {
left: 0;
top: 6px;
color: #8f8f8f;
font-size: 14px;
position: absolute;
}
.f-contact-info .tel {
position: relative;
display: inline-block;
vertical-align: top;
}
.f-contact-info a {
color: #8f8f8f;
}
.f-contact-info a:hover {
color: #fff;
} .f-contact-info2 p {
margin: 0 0 20px;
}
.f-contact-info2 a {
color: #8f8f8f;
}
.f-contact-info2 a:hover {
color: #fff;
}
.f-contact-info2 address {
margin: 0 0 2px;
font-size: 14px;
line-height: 25px;
position: relative;
padding: 3px 10px 0 19px;
}
.f-contact-info2 address .fa {
left: 0;
top: 9px;
color: #8f8f8f;
font-size: 14px;
position: absolute;
}
.f-contact-info2 .mail-box2 {
overflow: hidden;
margin: 0 0 3px;
}
.f-contact-info2 .mail-box {
display: block;
padding: 0 0 0 24px;
position: relative;
line-height: 24px;
}
.f-contact-info2 .mail-box .fa {
left: 0;
top: 6px;
color: #8f8f8f;
font-size: 14px;
position: absolute;
}
.f-contact-info2 .email {
position: relative;
display: inline-block;
vertical-align: top;
}
.f-contact-info2 .tel-holder {
overflow: hidden;
}
.f-contact-info2 .tel-box {
display: block;
position: relative;
padding: 0 0 0 24px;
line-height: 24px;
}
.f-contact-info2 .tel-box .fa {
left: 0;
top: 6px;
color: #8f8f8f;
font-size: 14px;
position: absolute;
}
.f-contact-info2 .tel {
position: relative;
display: inline-block;
vertical-align: top;
}
.f-insta-photo .insta-box li {
padding: 0 1.3px 0 0;
} .bottom-box1 {
overflow: hidden;
} .bottom-box2 {
overflow: hidden;
text-align: center;
}
.bottom-box2 .logo {
margin: 0 auto 26px;
}
.bottom-box2 .copyright {
float: none;
display: block;
max-width: 100%;
} .bottom-box3 {
overflow: hidden;
text-align: center;
}
.bottom-box3 .logo {
width: 196px;
height: 49px;
display: block;
margin: 0 auto 30px;
}
.bottom-box3 .copyright {
float: none;
display: block;
max-width: 100%;
margin: 0 0 24px;
}
.bottom-box3 .footer-social {
float: none;
overflow: hidden;
width: 100%;
margin: 0;
}
.bottom-box3 .footer-social li {
padding: 0 1px;
}
.bottom-box3 .footer-social a {
color: #fff;
background: #3f3f3f;
} .bottom-box4 {
overflow: hidden;
}
.bottom-box4 .footer-nav {
text-transform: uppercase;
font-size: 12px;
} .bottom-box5 {
overflow: hidden;
border-top: 1px solid #373737;
padding: 30px 0 0;
}
.bottom-box5 .footer-social {
margin: 0;
float: left;
}
.bottom-box5 .footer-social a {
font-size: 15px;
line-height: 34px;
width: 34px;
height: 34px;
}
.bottom-box5 .copyright {
margin: 6px 0 0;
} .f-our-mission .f-mission-box {
overflow: hidden;
padding: 3px 0 0 1px;
}
.f-our-mission p {
margin: 0 0 14px;
}
.f-our-mission .btn-more {
border: 0;
padding: 0;
color: #8f8f8f;
}
.f-our-mission .btn-more .fa {
display: inline-block;
vertical-align: middle;
margin: -3px 0 0 3px;
}
.f-our-mission .btn-more:hover {
text-decoration: none;
}
.f-our-mission .btn-more:hover .fa {
color: #8f8f8f;
} .payment-nav {
margin: 0;
float: left;
}
.payment-nav li {
padding: 0 7px 0 0;
} .f-aside-holder {
z-index: 2;
overflow: hidden;
position: relative;
}
.f-aside-holder .stretch {
z-index: -1;
} .footer-aside {
color: #8f8f8f;
font-size: 14px;
line-height: 24px;
padding-top: 95px;
text-align: center;
padding-bottom: 120px;
}
.footer-aside p {
margin: 0 0 27px;
}
.footer-aside h5 {
color: #fff;
margin: 0 0 53px;
text-transform: capitalize;
font: 24px/28px "Playfair Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.footer-aside .footer-social li {
padding: 0 2px 15px;
}
.footer-aside .footer-social a {
color: #fff;
width: 46px;
height: 46px;
border: 2px solid #fff;
}
.footer-aside .footer-social a:hover {
color: #000;
background: #fff;
} .newsletter-form {
margin: 0;
}
.newsletter-form #mc-embedded-subscribe-form,
.newsletter-form .form-group {
margin: 0;
padding: 0 19px 0 0;
border: 1px solid #fff;
}
.newsletter-form .email,
.newsletter-form .text {
border: 0;
float: left;
color: #fff;
box-shadow: none;
background: none;
width: 94%;
height: 38px;
padding: 10px 10px 10px 17px;
font: 12px/18px "Lato", Georgia, "Times New Roman", Times, serif;
}
.newsletter-form .email::-webkit-input-placeholder {
color: #fff;
}
.newsletter-form .email::-moz-placeholder {
color: #fff;
opacity: 1;
}
.newsletter-form .email:-ms-input-placeholder {
color: #fff;
}
.newsletter-form button {
border: 0;
padding: 0;
color: #fff;
float: right;
background: none;
margin: 5px 1px 0 0;
-webkit-transition: all .25s ease;
transition: all .25s ease;
} .time-nav {
margin: 0;
}
.time-nav dt {
float: left;
width: 50%;
text-align: right;
padding: 0 13px 0 0;
}
.time-nav dd {
text-align: left;
overflow: hidden;
margin: 0 0 4px;
padding: 0 0 0 15px;
}
.time-nav .close-txt {
color: #fff;
min-width: 65px;
text-align: center;
padding: 1px 2px 3px;
margin: 3px 0 0;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
display: inline-block;
vertical-align: top;
} #lancer-footer .parallax-holder {
z-index: -1;
}
#lancer-footer .f-social {
margin: 0 -15px;
text-align: center;
padding: 94px 0 97px;
position: relative;
z-index: 1;
}
#lancer-footer .f-social:after {
top: 0;
z-index: -1;
bottom: 0;
left: -9999px;
right: -9999px;
background: rgba(0, 0, 0, .5);
}
#lancer-footer .f-social li {
padding: 0;
width: 16.1667%;
}
#lancer-footer .f-social a {
color: #fff;
margin: 0 auto;
display: block;
font-size: 48px;
padding: 30px 0 0;
line-height: 60px;
text-align: center;
border-radius: 50%;
width: 120px;
height: 120px;
background: rgba(255, 255, 255, .2);
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#lancer-footer .f-social a:hover {
text-decoration: none;
}
#lancer-footer .img-box {
border-radius: 50%;
width: 151px;
height: 151px;
margin: -103px auto 27px;
border: 10px solid #2a2a2a;
}
#lancer-footer .img-box img {
display: block;
border-radius: 50%;
}
#lancer-footer .footer-bottom {
position: relative;
z-index: 1;
}
#lancer-footer .footer-bottom:after {
top: 0;
z-index: -1;
bottom: 0;
left: -9999px;
right: -9999px;
background: #222;
}
#lancer-footer .footer-bottom:after {
display: block;
}
#lancer-footer .footer-bottom ul {
font-size: 12px;
margin: 0 0 11px;
overflow: hidden;
text-align: center;
text-transform: uppercase;
}
#lancer-footer .footer-bottom ul li {
padding: 0 10px;
display: inline-block;
vertical-align: top;
}
#lancer-footer .footer-bottom ul a {
color: #8f8f8f;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
#lancer-footer .footer-bottom ul a:hover {
text-decoration: none;
}
#lancer-footer .footer-bottom .copyright {
float: none;
display: block;
font-size: 12px;
max-width: 100%;
margin: 0 0 30px;
text-align: center;
text-transform: uppercase;
}
#lancer-footer.comming .f-social {
text-align: center;
margin: 0;
padding: 149px 0 148px;
}
#lancer-footer.comming .f-social li {
margin: 0 26px;
width: auto;
}
#lancer-footer.comming .f-social a {
width: 84px;
height: 84px;
font-size: 34px;
line-height: 84px;
padding: 0;
}
#lancer-footer.comming .f-social a:hover {
background: #2b97f0;
} .wed-logo {
padding: 27px 0;
background: #2a2a2a;
text-align: center;
}
.wed-logo .logo {
width: 261px;
height: auto;
margin: 0 auto;
} .wed-social {
padding: 62px 0;
overflow: hidden;
text-align: center;
position: relative;
position: relative;
}
.wed-social:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.wed-social:before {
background: rgba(0, 0, 0, .4);
}
.wed-social .parallax-holder {
z-index: -1;
}
.wed-social .social {
margin: 0;
z-index: 55;
position: relative;
}
.wed-social .social li {
padding: 0 2.3px;
}
.wed-social .social a {
color: #fff;
display: block;
font-size: 20px;
padding: 9px 0 0;
border-radius: 50%;
width: 47px;
height: 47px;
background: rgba(255, 255, 255, .2);
} .socialize-holder {
z-index: 5;
overflow: hidden;
position: relative;
text-align: center;
padding: 120px 0 91px;
}
.socialize-holder .parallax-holder {
z-index: -1;
}
.socialize-holder .title {
color: #fff;
max-width: 390px;
position: relative;
padding: 0 96px 28px 0;
font: italic 24px/30px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
display: inline-block;
vertical-align: middle;
}
.socialize-holder .title:after {
top: 36px;
right: 7px;
width: 93px;
height: 36px;
}
.socialize-holder .footer-social {
display: inline-block;
vertical-align: middle;
}
.socialize-holder .footer-social li {
padding: 0 4px 10px;
}
.socialize-holder .footer-social a {
font-size: 27px;
padding: 6px 0 0;
width: 58px;
height: 58px;
background: rgba(255, 255, 255, .4);
}
.socialize-holder .footer-social a:hover {
color: #fff;
} .f-blog-social {
width: 100%;
color: #fff;
display: table;
font-size: 60px;
text-align: center;
table-layout: fixed;
}
.f-blog-social li {
display: table-cell;
vertical-align: top;
}
.f-blog-social li.facebook a {
background: #3b5998;
}
.f-blog-social li.google a {
background: #dd4b39;
}
.f-blog-social li.twitter a {
background: #00aced;
}
.f-blog-social li.pinterest a {
background: #ea4c89;
}
.f-blog-social a {
color: #fff;
padding: 19px;
display: block;
}
.f-blog-social a:hover {
opacity: .8;
text-decoration: none;
} .social-block {
position: relative;
overflow: hidden;
}
.social-block.style2 {
position: relative;
z-index: 1;
}
.social-block.style2:after {
top: 0;
z-index: -1;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .5);
}
.social-block.style2:after {
z-index: 2;
}
.social-block.style2 .container {
z-index: 5;
position: relative;
}
.social-block.style3 {
text-align: center;
position: relative;
z-index: 1;
}
.social-block.style3:after {
top: 0;
z-index: -1;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .5);
}
.social-block.style3:after {
z-index: 2;
}
.social-block.style3 .container {
z-index: 5;
position: relative;
}
.social-block.style4 {
text-align: center;
position: relative;
z-index: 1;
}
.social-block.style4:after {
top: 0;
z-index: -1;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .5);
}
.social-block.style4:after {
z-index: 2;
}
.social-block.style4 .container {
z-index: 5;
position: relative;
}
.social-block.style4 .social-container .footer-social a {
background: rgba(255, 255, 255, .2);
} .social-container {
min-height: 400px;
padding-top: 20px;
padding-bottom: 20px;
white-space: nowrap;
}
.social-container .footer-social {
display: inline-block;
white-space: normal;
vertical-align: middle;
}
.social-container:before {
content: "";
vertical-align: middle;
display: inline-block;
min-height: inherit;
width: 1px;
overflow: hidden;
margin: 0 0 0 -5px;
}
.social-container .footer-social {
margin: 0 0 0 5px;
}
.social-container .footer-social li {
padding: 0 8px 0 0;
}
.social-container .footer-social a {
font-size: 25px;
line-height: 56px;
width: 58px;
height: 58px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.social-container .footer-social a .fa-twitter {
margin: -7px 0 0;
}
.social-container .footer-social a .fa-google-plus {
margin: -3px 0 0 0;
}
.social-container .footer-social a .fa-behance {
margin: -6px 0 0 -2px;
}
.social-container .footer-social a .fa-skype {
margin: -5px 0 0 -2px;
}
@media only screen and (max-width: 1219px) {
#header.style3 #nav .nav-top > li {
margin: 0 18px 0 0;
}
#header.style14 .logo:after {
bottom: -18px;
}
#header.style14 .icon-list:after {
bottom: -18px;
}
#header.style18 #nav .nav-top > li {
margin: 0 12px 0 0;
}
#header.style21 .icon-list.social li {
margin: 0 4px;
}
#header.style25 .icon-list:after {
bottom: -16px;
}
#header.fixed-position #nav .drop ul {
margin: 33px 0 0;
}
#header.fixed-position.style3 .logo {
top: 90px;
}
#header.fixed-position.style3 .icon-list {
top: 90px;
}
#header.fixed-position.style3 #nav .nav-top > li {
margin: 0 13px 0 0;
}
#header.fixed-position.style11 .logo {
max-width: 140px;
}
#nav .mega-drop {
right: 15px;
}
#nav .nav-top > li {
margin: 4px 0 0 13px;
}
.mailing-form2 .mc-field-group {
width: 83.3%;
}
}
@media only screen and (max-width: 991px) {
#header .icon-list {
top: 0;
left: 50px;
float: none;
position: absolute;
}
#header .cart-box .cart-drop {
left: -45px;
right: auto;
}
#header .lang-drop ul {
margin: 8px 0 0;
}
#header.style3 .icon-list {
margin: 28px 0 19px -45px;
}
#header.style3 #nav {
float: none;
}
#header.style3 #nav .nav-top > li {
margin: 0 0 15px;
}
#header.style3 #nav .mega-drop {
top: 100%;
}
#header.style4 {
padding: 20px 0;
}
#header.style4 .icon-list {
top: 8px;
}
#header.style4 .cart-box .cart-drop {
padding: 9px 0 0;
}
#header.style4 #nav .nav-top > li > a {
border-bottom: 0;
padding: 0 10px 10px;
}
#header.style5 #nav .drop ul {
margin: 0;
}
#header.style5 #nav .mega-drop .drop-holder {
margin: 0;
}
#header.style5 .icon-list {
left: 50px;
top: 5px;
}
#header.style7 .container .row {
padding-bottom: 15px;
}
#header.style7 .holder {
padding: 0;
}
#header.style7 .icon-list {
top: 36px;
}
#header.style7 #nav .nav-top > li > a {
border-bottom: 0;
padding: 0 10px 10px;
}
#header.style8 .logo {
margin: -5px 0 15px;
}
#header.style8 #nav .nav-top > li > a {
border-bottom: 0;
padding: 0 10px 10px;
}
#header.style8 #nav .mega-drop .drop-holder {
margin: 25px 0 0;
}
#header.style8 .icon-list {
margin: 1px 4px 0;
}
#header.style8 .cart-box .cart-drop {
left: auto;
right: 0;
text-align: left;
}
#header.style9 #nav .drop ul {
margin: 0;
}
#header.style10 {
padding: 22px 0 15px;
}
#header.style10 #nav .nav-top > li > a {
border-bottom: 0;
padding: 0 10px 10px;
}
#header.style11 .logo {
width: 180px;
float: right;
margin: 0 auto 20px;
}
#header.style11 #nav {
border: 0;
}
#header.style11 #nav .nav-top > li > a {
border-bottom: 0;
padding: 0 10px 10px;
}
#header.style12 .head-social {
display: none;
}
#header.style12 #nav .nav-holder {
float: none;
width: 240px;
}
#header.style12 #nav .logo {
margin: 10px 15px 0 0;
}
#header.style12 #nav .nav-top {
margin: 0;
float: none;
}
#header.style12 #nav .nav-top > li {
margin: 0;
}
#header.style12 #nav .nav-top > li > a {
border-bottom: 0;
}
#header.style12 #nav .quote-btn {
float: none;
display: none;
}
#header.style13 .icon-list {
top: 0;
left: 15px;
position: absolute;
}
#header.style13 .icon-list:after {
display: none;
}
#header.style14 .logo:after {
display: none;
}
#header.style14 .icon-list {
top: 0;
margin: 0;
left: 55px;
position: absolute;
}
#header.style14 .icon-list:after {
display: none;
}
#header.style14 #nav {
float: left;
width: 100%;
}
#header.style14 #nav .drop ul {
margin: 0;
}
#header.style14 #nav .nav-opener {
margin: 0;
}
#header.style16 .logo {
margin: -5px 0 15px;
}
#header.style16 #nav .nav-top > li > a {
border-bottom: 0;
padding: 0 10px 10px;
}
#header.style16 .icon-list {
margin: 1px 4px 0;
}
#header.style17 {
padding: 22px 0;
}
#header.style17 #nav .nav-top > li > a {
border-bottom: 0;
padding: 0 10px 10px;
}
#header.style18 #nav .quote-btn {
display: none;
}
#header.style18 #nav .nav-top {
margin: 0;
float: none;
}
#header.style18 #nav .nav-top > li > a {
border-bottom: 0;
padding: 0 10px 10px;
}
#header.style18 .mega-drop .drop-holder {
margin: 0;
}
#header.style18 .logo {
margin: 0 0 15px;
}
#header.style20 .logo {
margin: -5px 0 15px;
}
#header.style20 #nav .nav-top > li > a {
border-bottom: 0;
padding: 0 10px 10px;
}
#header.style20 .icon-list {
margin: 1px 4px 0 0;
}
#header.style21 .logo {
margin: -5px 0 15px;
}
#header.style21 #nav .nav-top > li > a {
border-bottom: 0;
padding: 0 10px 10px;
}
#header.style21 .icon-list {
margin: 1px 4px 0 0;
}
#header.style23 #nav {
float: none;
}
#header.style23 #nav .nav-opener {
top: 5px;
}
#header.style24 .icon-list {
top: 0;
margin: 0;
left: 60px;
position: absolute;
}
#header.style24 #nav {
width: 100%;
}
#header.style24 #nav .drop ul {
margin: 0;
}
#header.style24 #nav .mega-drop .drop-holder {
margin: 0;
}
#header.style25 .logo:after {
display: none;
}
#header.style25 .icon-list {
top: 0;
margin: 0;
left: 50px;
position: absolute;
}
#header.style25 .icon-list:after {
display: none;
}
#header.style25 #nav {
width: 100%;
}
#header.style25 #nav .mega-drop .drop-holder {
margin: 0;
}
#header.style27 .icon-list {
top: 0;
margin: 0;
left: 50px;
position: absolute;
}
#header.style27 #nav {
width: 100%;
}
#header.style27 #nav .drop ul {
margin: 0;
}
#header.style27 #nav .mega-drop .drop-holder {
margin: 0;
}
#header.style28 .holder {
float: left;
padding: 4px 0 0 40px;
}
#header.style28 .logo {
max-width: 130px;
margin: -26px 0 0;
}
#header.style29 {
padding: 20px 0;
}
#header.style29 .logo {
max-width: 170px;
margin: 0;
}
#header.style29 .icon-list {
top: 8px;
}
#header.style29 .icon-list > li {
margin: 0 0 0 15px;
}
#header.style29 .cart-box .cart-drop {
padding: 9px 0 0;
}
#header.style29 #nav .drop ul {
margin: 0;
}
#header.fixed-position #nav .drop ul {
margin: 0;
}
#header.fixed-position #nav .mega-drop .drop-holder {
margin: 0;
}
#header.fixed-position.style3 {
padding: 26px 0;
}
#header.fixed-position.style3 .logo {
top: 95px;
left: auto;
right: 15px;
}
#header.fixed-position.style3 .icon-list {
display: none;
}
#header.fixed-position.style3 #nav {
padding-left: 0;
}
#header.fixed-position.style3 #nav .nav-top > li {
margin: 0;
}
#header.fixed-position.style4 {
padding: 20px 0;
}
#header.fixed-position.style5 #nav .drop ul {
margin: 0;
}
#header.fixed-position.style5 #nav .mega-drop .drop-holder {
margin: 0;
}
#header.fixed-position.style9 #nav .drop ul {
margin: 0;
}
#header.fixed-position.style9 #nav .nav-top > li > a {
color: #222;
}
#header.fixed-position.style10 {
padding: 22px 0 15px;
}
#header.fixed-position.style10 #nav .nav-top > li > a {
color: #222;
}
#header.fixed-position.style11 .logo {
float: right;
max-width: 100%;
margin: 2px 0 16px;
}
#header.fixed-position.style11 #nav {
margin: 0;
width: 100%;
float: none;
text-align: left;
position: relative;
}
#header.fixed-position.style11 #nav .nav-opener {
text-align: center;
}
#header.fixed-position.style11 #nav #nav .nav-top > li > a {
color: #222;
}
#header.fixed-position.style12 .logo .b-logo {
display: block;
}
#header.fixed-position.style12 .logo .w-logo {
display: none;
}
#header.fixed-position.style12 .header-cent {
padding-bottom: 20px;
max-height: 9999px;
padding-top: 18px;
}
#header.fixed-position.style12 #nav .nav-top {
float: none;
}
#header.fixed-position.style12 #nav .nav-top > li {
margin: 0;
}
#header.fixed-position.style12 #nav .nav-top > li > a {
color: #222;
}
#header.fixed-position.style12 #nav .logo {
display: none;
}
#header.fixed-position.style17 {
padding: 20px 0;
}
#header.fixed-position.style17 #nav .nav-top > li > a {
color: #222;
}
#header.fixed-position.style29 {
padding: 20px 0;
}
#header.fixed-position.style29 #nav .drop ul {
margin: 0;
}
.logo {
margin: -6px 0 0;
}
#nav {
float: none;
position: static;
text-align: center;
}
#nav a {
color: #222;
vertical-align: top;
display: inline-block;
}
.dark #nav a {
color: #fff;
}
#nav li {
text-align: left;
}
#nav li.hover > .drop,
#nav li:hover > .drop {
max-height: 9999px;
}
#nav li.hover .mega-drop,
#nav li:hover .mega-drop {
max-height: 9999px;
}
#nav .drop {
border: 0;
width: 100%;
max-height: 0;
display: block;
overflow: hidden;
position: static;
}
#nav .drop ul {
margin: 0;
border: 0;
background: transparent;
}
#nav .drop ul:after {
display: none;
}
#nav .drop ul a:hover:after {
right: 15px;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
#nav .drop ul a:after {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
#nav .drop ul li:hover > a {
padding: 9px 17px;
background: transparent;
}
#nav .drop ul li:hover > a:after {
right: 15px;
}
#nav .drop ul li:hover > .drop {
max-height: 9999px;
}
#nav .drop ul li.active > a {
padding: 9px 17px;
background: transparent;
}
#nav .drop ul li.active > a:after {
right: 15px;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
#nav .drop .drop {
max-height: 0;
}
#nav .drop .drop > ul > li:hover {
max-height: 9999px;
}
#nav .drop .drop .drop {
max-height: 0;
}
#nav .drop .drop .drop ul {
margin: 0 !important;
}
#nav .mega-drop {
border: 0;
width: 100%;
max-height: 0;
display: block;
overflow: hidden;
position: static;
}
#nav .mega-drop .coll {
width: 100%;
float: none;
}
#nav .mega-drop .coll:after {
display: none;
}
#nav .mega-drop .drop-holder {
border: 0;
margin: 0 !important;
background: transparent;
}
#nav .mega-drop .drop-holder:after {
display: none;
}
#nav .mega-drop .drop-holder:after {
display: none;
}
#nav .mega-drop .drop-holder a {
padding: 9px 15px;
}
#nav .mega-drop .drop-holder a:hover {
padding: 9px 20px;
background: transparent;
}
#nav .mega-drop .drop-holder li.active a {
padding: 9px 20px;
background: transparent;
}
#nav .mega-drop .title {
display: none;
}
#nav .nav-top {
margin: 0;
top: 60px;
position: relative;
}
#nav .nav-top > li {
display: block;
position: relative;
margin: 0 !important;
border-bottom: 1px solid #2a2a2a;
}
#nav .nav-top > li.has-mega-drop:before,
#nav .nav-top > li.has-drop:before {
top: 5px;
right: 10px;
color: #2a2a2a;
line-height: 2;
font-size: 15px;
content: "\f107";
position: absolute;
font-family: "FontAwesome";
}
.dark #nav .nav-top > li.has-mega-drop:before,
.dark #nav .nav-top > li.has-drop:before {
color: #fff;
}
#nav .nav-top > li:hover:before {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
#nav .nav-opener {
display: block;
}
#nav .nav-holder {
top: 0;
bottom: 0;
left: -240px;
width: 240px;
height: 100vh;
z-index: 9999;
position: fixed;
overflow-y: auto;
overflow-x: hidden;
background: #fff;
box-shadow: 0 0 7px 1px rgba(0, 0, 0, .1);
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.dark #nav .nav-holder {
background: #2a2a2a;
}
.mainnav-active #nav .nav-holder {
left: 0;
}
.mainnav-active .w1 {
margin: 0 -240px 0 240px;
}
.mainnav-active .w7 {
margin: 0 -260px 0 260px;
}
.sidemenu-photo {
z-index: 9999;
margin: 0 0 0 -260px;
-webkit-transition: margin .4s ease;
transition: margin .4s ease;
}
#nav7 {
margin: 0;
display:none;
}
#nav7 .nav-opener {
display: block;
}
.clearfix-sm {
clear: left;
}
.search-form-top {
float: none;
max-width: 210px;
margin: 30px auto 10px;
}
#footer .column1 {
margin: 0 0 30px;
}
#footer .column2 {
margin: 0 0 30px;
}
#footer .column3 {
margin: 0 0 30px;
}
#footer.style3 .footer-bottom .copyright {
float: none;
display: block;
max-width: 100%;
text-align: center;
}
#footer.style12 {
display: none;
}
#footer.style14 .footer-bottom .copyright {
float: none;
display: block;
max-width: 100%;
text-align: center;
}
#footer.style15 .footer-bottom .copyright {
float: none;
display: block;
max-width: 100%;
text-align: center;
}
#footer.style16 .footer-bottom .copyright {
float: none;
display: block;
max-width: 100%;
text-align: center;
}
#footer.style17 .footer-bottom .copyright {
float: none;
display: block;
max-width: 100%;
text-align: center;
}
#footer.style25 .footer-bottom .copyright {
float: none;
display: block;
max-width: 100%;
text-align: center;
}
#footer.style30 {
display: none;
}
.footer-bottom .footer-nav {
float: none;
max-width: 100%;
overflow: hidden;
margin: 0 0 20px;
text-align: center;
}
.footer-bottom .copyright {
float: none;
display: block;
max-width: 100%;
text-align: center;
}
.mailing-form2 .mc-field-group {
width: 87.5%;
}
}
@media only screen and (max-width: 991px) and (max-width: 991px) {
#nav .nav-top > li > a {
padding: 10px !important;
}
}
@media only screen and (max-width: 767px) {
#header .language-nav {
float: none;
max-width: 100%;
text-align: center;
}
#header .language-nav li {
padding: 0 8px;
}
#header .top-nav {
margin: 0;
float: none;
max-width: 100%;
text-align: center;
}
#header .top-nav li {
padding: 0 8px;
}
#header .top-nav.style2 li {
margin: 0;
padding: 0 4px;
}
#header.style2 .header-top {
margin-bottom: 15px;
}
#header.style3 .cart-box .cart-drop {
left: 0;
}
#header.style4 .cart-box .cart-drop {
padding: 25px 0 0;
}
#header.style5 {
position: absolute !important;
}
#header.style5:after {
background: #fff;
}
.dark #header.style5:after {
background: #2a2a2a;
}
#header.style6 {
top: 0;
bottom: auto;
}
#header.style6 .logo {
float: none;
width: 196px;
display: block;
margin: 0 auto 8px;
}
#header.style7 {
padding: 0;
background: #fff;
}
.dark #header.style7 {
background: #2a2a2a;
}
#header.style7 .icon-list {
display: none;
}
#header.style8 .header-top li {
padding: 0 2px;
}
#header.style8 .cart-box {
float: none;
}
#header.style12 .info-list {
float: none;
}
#header.style12 .info-list li {
display: block;
padding: 0 0 10px;
text-align: center;
}
#header.style12 .language-nav {
float: none;
}
#header.style12 .header-top {
display: none;
}
#header.style15 {
padding: 5px 0 10px;
}
#header.style15 .logo .b-logo {
display: none;
}
#header.style15 .logo .w-logo {
display: block;
}
#header.style15 .info-list {
float: none;
margin: 0 0 10px;
text-align: center;
}
#header.style15 .header-top {
margin: 0 0 10px;
}
#header.style15 .head-socialnetworks {
float: none;
text-align: center;
}
#header.style15:after {
top: 0;
opacity: 0;
}
#header.style16 .header-top li {
padding: 0 2px;
}
#header.style16 .top-nav {
float: none;
}
#header.style16 .language-nav {
float: none;
}
#header.style18 {
padding: 10px 0;
}
#header.style18 .header-top {
display: none;
}
#header.style18 .info-list {
margin: 0;
float: none;
text-align: center;
}
#header.style18 .info-list .fa {
margin: 0 0 15px;
}
#header.style18 .head-socialnetworks {
float: none;
text-align: center;
}
#header.style18 .logo {
margin: 0;
}
#header.style21 .header-top li {
padding: 0 2px 2px;
}
#header.style21 .info-list {
float: none;
text-align: center;
}
#header.style22 .logo {
margin: -2px -10px 0 0;
}
#header.style25 #nav .drop ul {
margin: 0;
}
#header.style27 .icon-list {
display: none;
}
#header.dec-header .icon-list {
margin: 10px 0 0 -90px;
}
#header.dec-header .icon-list span {
display: none;
}
#header.style29 .cart-box .cart-drop {
padding: 25px 0 0;
}
#header.fixed-position {
padding: 46px 0 0;
position: absolute !important;
}
#header.fixed-position .logo .b-logo {
display: none;
}
#header.fixed-position .logo .w-logo {
display: block;
}
#header.fixed-position .header-top {
margin-top: 0;
margin-bottom: 42px;
}
#header.fixed-position .cart-box .cart-drop {
padding: 13px 0 0;
}
#header.fixed-position .nav-opener,
#header.fixed-position .opener-icons {
color: #fff;
border-color: #fff;
}
#header.fixed-position .nav-opener:hover,
#header.fixed-position .opener-icons:hover {
color: #666;
border-color: #666;
}
#header.fixed-position.style2 {
padding: 0;
background: transparent;
}
#header.fixed-position.style2 .header-top {
margin-bottom: 15px;
}
#header.fixed-position.style3 .header-top {
margin-top: 0;
margin-bottom: 12px;
}
#header.fixed-position.style3 .icon-list {
margin: 6px 3px 19px 0;
position: static;
display: block;
}
#header.fixed-position.style3 .cart-opener {
background: rgba(255, 255, 255, .5);
}
#header.fixed-position.style3 .head-socialnetworks {
display: block;
}
#header.fixed-position.style7 {
padding: 0 0 20px;
}
#header.fixed-position.style8 {
padding: 0;
}
#header.fixed-position.style12 .header-top {
margin-bottom: 0;
}
#header.fixed-position.style15 {
background: none;
padding: 5px 0 0;
position: static !important;
}
#header.fixed-position.style15 .header-top {
margin: 0 0 10px;
}
#header.fixed-position.style15 .logo .b-logo {
display: none;
}
#header.fixed-position.style15 .logo .w-logo {
display: block;
}
#header.fixed-position.style15:after {
background: none;
}
#header.fixed-position.style16 {
padding: 0;
}
#header.fixed-position.style18 {
padding: 10px 0;
}
#header.fixed-position.style20 {
padding: 5px 0 0;
}
#header.fixed-position.style20 .header-top {
margin: 0 0 30px;
}
#header.fixed-position.style20 .logo .b-logo {
display: block;
}
#header.fixed-position.style20 .logo .w-logo {
display: none;
}
#header.fixed-position.style21 {
padding: 0;
}
#header.fixed-position.style21 .logo .w-logo {
display: none;
}
#header.fixed-position.style21 .logo .b-logo {
display: block;
}
#header.fixed-position.style22 {
padding: 0;
}
#header.fixed-position.style22:after {
background: transparent;
}
.logo.port-logo {
left: 20px;
position: absolute;
}
.logo-v9 {
display: none;
}
.sidemenu-photo.v10 #nav7 .nav-opener {
border-radius: 8px;
padding: 8px;
color: #fff;
margin: 0 0 0 10px;
background: rgba(0, 0, 0, .4);
}
.portfolio-nav-opener {
right: 30px;
position: absolute;
}
.lancer .portfolio-nav-opener {
left: 40px;
}
#footer.style3 .footer-top .holder {
overflow: visible;
}
#footer.style3 .footer-top .logo {
float: none;
display: block;
margin: 0 auto 15px;
}
#footer.style3 .footer-social {
float: none;
margin: 0 -15px;
text-align: center;
}
#footer.style3 .footer-social li {
padding: 0 0 10px 2px;
}
#footer.style11 .footer-aside {
padding-top: 50px;
padding-bottom: 20px;
}
#footer.style13 .f-info-box {
font-size: 20px;
line-height: 22px;
}
#footer.style13 .f-info-box .tel {
font-size: 40px;
}
#footer.style19 .footer-app {
padding: 27px 0 15px;
}
#footer.style19 .bottom-box3 {
padding: 20px 0 20px;
}
#footer.style19 .f-info-box {
font-size: 16px;
line-height: 24px;
}
#footer.style19 .f-info-box .tel {
font-size: 36px;
line-height: 50px;
}
#footer.style23 .f-info-box {
font-size: 20px;
line-height: 22px;
}
#footer.style23 .f-info-box .tel {
font-size: 40px;
}
#footer.style26 .f-info-box {
font-size: 20px;
line-height: 22px;
}
#footer.style27 .f-info-box {
font-size: 20px;
line-height: 22px;
}
#footer.style27 .f-info-box .tel {
font-size: 40px;
}
#footer.style31 .footer-aside {
padding-top: 50px;
padding-bottom: 20px;
}
.footer-social2 {
float: none;
}
.f-contact-us .contct {
float: none;
display: block;
margin: 0 0 10px;
}
.bottom-box5 .footer-social {
float: none;
margin: 0 0 20px;
text-align: center;
}
.payment-nav {
float: none;
text-align: center;
}
#lancer-footer .f-social li {
width: 49%;
margin: 0 0 20px;
}
.socialize-holder .title:after {
display: none;
}
.newsletter,
.opening-hours {
margin-bottom: 30px;
}
}
.hsh {
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
}
.pag-padding {
padding-bottom:60px;
padding-top:60px;
}
.nav-links a:hover {
text-decoration: none;
}
.current {
color: #FFF;
font-weight: bold;
background-color: #cccccc;
}
.pagination-center {
text-align: center;
}
.center {
text-align: center;
}
.entry-meta ul{margin-bottom:20px;}
.entry-meta ul li{display:block;border-bottom:1px solid #efefef;padding:10px 0;}
.blog-medium .entry-image,.blog-medium .entry-gallery,.blog-medium .entry-video,.blog-medium .entry-audio{float:none;width:100%;margin:0 0 28px;}
.entry-meta a {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
} .entry-meta{
margin: 20px 0 0px 0;
} .entry-meta{
margin: 0px 0 41px 0;
}
.entry-meta{
font-weight: 500;
font-size: 12px;
text-transform: uppercase; padding-bottom: 8px;
}
.entry-meta ul{
list-style: none;
margin: 0;
padding: 0;
color: #999999;
}
.entry-meta ul li{
display: inline;
}
.entry-meta ul li:after{
content: ' | ';
margin: 0 6px;
color: #efefef;
}
.entry-meta ul li:last-child:after{
content: '';
margin: 0;
}
.entry-meta a{
color: #999999;
}
.entry-meta a:hover{
color: #666666;
}
.entry-meta .fa {
margin-right: 10px; color: #5d5d5f;
}
.menu-opener .fa {
padding-top: 7px;
} .cart-opener .fa { }
.woocommerce-product-search  .search-field {
padding: 10px!important;
border: 0px;
border-bottom: 1px solid #fff;
font-family: 'Open Sans';
font-weight: 400;
font-size: 12px;
line-height: 22px;
color: #555;
background-color: #FCFCFC;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.woocommerce-product-search input[type="submit"] {
margin-left: 14px;
padding: 12px !important;
}
.sticky {
background-color: #efefef;
padding-left: 30px !important;
padding-top: 14px !important;
padding-right: 55px !important;
}
.tag-sticky-2 {
background-color: #efefef;
padding-left: 30px !important;
padding-top: 14px !important;
padding-right: 55px !important;
}
.page-numbers {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 8px 13px;
margin: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 5px;
border-radius: 3px;
font-size: 13px;
}
.navigation .nav-links {
margin-bottom: 45px;
}
.comment {
list-style: none;
}
.comments-area .pingback {
background-color: #f7f7f7;
padding: 6px;
margin-bottom: 8px;
}
.footer-cent {
margin: 0 0 0px;
}
.footer-cent {
color: #8f8f8f;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.footer-cent ul {
list-style: none;
padding-left: 0px;
}
.footer-cent ul li {
margin-bottom: 10px;
border-bottom: 1px solid #3e3e3e;
padding-bottom: 10px;
}
.footer-cent ul li a {
color: #8f8f8f;
}
.footer-cent ul li a:before { color: #5d5d5f;
content: "\f101";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 10px;
}
.footer-cent .address:before {
content: "\f041";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 10px;
}
.footer-cent .tel:before {
content: "\f10b";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 10px;
}
.footer-cent .mail:before {
content: "\f003";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 10px;
}
.footer-cent .fax:before {
content: "\f1ac";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 10px;
}
#wp-calendar caption {
letter-spacing: .08em;
background-color: #99a9b5;
color: #fff;
line-height: 25px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
height: 39px;
padding: 7px 0;
text-align: center;
margin-bottom: 29px;
}
#wp-calendar thead tr th, .widget.widget_calendar a:hover {
color: #38a5b3;
}
.calendar_wrap td, .calendar_wrap th {
border: none!important;
padding: 5px!important;
}
#calendar_wrap {
background-color: #f4f6f7;
padding-bottom: 20px;
color: #5f727f;
}
#wp-calendar {
margin-left: 9%;
text-align: center;
width: 83%;
border: 0px solid #dddddd !important;
}
.tagcloud a {
font-size: 13px !important;
display: inline-block;
padding: 0 10px;
min-height: 28px;
line-height: 28px;
border: 1px solid !important;
margin: 2px 0;
transition: all .2s;
}
.adtextarea {
height: 140px !important;
}
.adcontact-but {
margin-top: 10px;
}
.contact-mb-10 {
margin-bottom: 10px;
}
.#header.style8 .cart-box:hover  {
background: transparent;
}
.blog-txt h2 {
margin-bottom: 32px;
font-weight: 400 !important;
} .plr-no {
padding-left: 0px !important;
padding-right: 0px !important;;
} .sharebox {
display: block;
padding: 0;
float: left;
}
.sharebox ul{
list-style: none;
margin: 0;
padding: 0;
}
.sharebox ul li{
float: left;
padding: 0;
margin: 0 22px 0 0;
line-height: 1 !important;
}
.sharebox ul li a{
display: block;
float: left;
color: inherit;
padding: 10px 0;
margin: 0;
}
.sharebox ul li i{
display: inline-block;
font-size: 16px;
margin: 0 3px 0 0;
line-height: 1;
}
.sharebox a:hover.share-facebook{ color: #3b5998; }
.sharebox a:hover.share-twitter{ color: #00aced; }
.sharebox a:hover.share-tumblr{ color: #32506d; }
.sharebox a:hover.share-pinterest{ color: #cb2027; }
.sharebox a:hover.share-google{ color: #dd4b39; }
.sharebox a:hover.share-linkedin{ color: #007bb6; }
.sharebox a:hover.share-mail{ color: #666666; } #author-info {
margin: 0 0 44px 0;
display: block;
padding: 60px 0 60px 0;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}
#author-info p{
margin: 0;
}
#author-info .author-image {
float: left;
width: 80px;
height: 80px;
border-radius: 4px;
overflow: hidden;
margin: 2px 30px 0 0;
}
#author-info .author-image img {
display: block;
width: 80px;
height: 80px;
}
#author-info .author-bio {
overflow: hidden;
}
#author-info .author-bio h4 {
text-transform: uppercase;
font-weight: 700;
margin: 0;
padding: 0 0 10px 0;
font-size: 14px;
letter-spacing: 1px;
color: #666666;
}
.author-archive #author-info{
padding: 0 0 60px 0;
margin: 0 0 60px 0;
background: #f9f9f9;
padding: 30px;
border: none;
border-radius: 2px;
}
.page-comm {
padding-bottom: 60px;
}
.widget img {
max-width: 100%;
}
.row img {
max-width: 100%;
}
.lang {
width: 100px;
float: left;
padding-left: 20px;
padding-top: 26px;
}
.gallery-caption {
color: #D70807;
}
.bypostauthor {
font-weight: 600;
}
.pagelink {
font-weight: 600;
}
.jcf-select {
border: 0 solid #777 !important;
}
@media only screen and (min-width: 10px) and (max-width: 1099px) {
.w9 {
padding: 0 0 0 0 !important;
}
.sidemenu-photo.v9 {
display: none;
}
}
@media only screen and (min-width: 1px) and (max-width: 800px) {
.container {
padding-left: 15px !important;
padding-right: 15px !important;
}
}
select.wpforms-field-medium {
position: static !important;
-webkit-appearance: menulist !important;
opacity: 1;
}
.wpforms-field-select .jcf-select-opener::before, .wpforms-field-select .jcf-select-text, .wpforms-field-select .jcf-select .jcf-select-text {
display: none;
}   a {text-decoration: none!important;}
ul.list-inline li {display: inline-block!important;} .style15 #nav .nav-top > li,
.style18 #nav .nav-top > li {margin-bottom:0!important; height: auto;}
#header.style18 .header-top {margin-bottom: 0;}
#header.fixed-position .header-top {margin-bottom: 22px;} #header.adclassic #nav .nav-top > li > a {border-bottom: 2px solid #fff;}
#header.style4 #nav .nav-top > li > a,
#header.style2 .desk-menu > ul > li > a,
#header.style18 .desk-menu > ul > li > a,
#header.style3 .desk-menu > ul > li > a {padding-top:15px; padding-bottom: 15px;}
#header.style7 .desk-menu > ul > li > a {padding-top:20px; padding-bottom: 20px;}
#header.style12 #nav .nav-top > li > a {padding-top: 15px; padding-bottom: 15px; border-bottom: 0}
.style15 #nav .nav-top > li > a {padding-top: 15px; padding-bottom: 15px;}
.style15 .opener-icons {padding-top: 7px!important;}
.style4 a.opener-icons:hover,
.style4.fixed-position .opener-icons:hover,
.style7 a.opener-icons:hover,
.style7.fixed-position .opener-icons:hover,
.style18 a.opener-icons:hover,
.style18.fixed-position .opener-icons:hover {color:#999!important;}
.style1 .desk-menu > ul > li > a {height: 50px; padding-top: 10px;} .style15 .desk-menu .sub-menu {top: 60px;}
.style18 .desk-menu .sub-menu {top: 62px;}
.style12 .desk-menu .sub-menu {top: 60px;}
.style7 .desk-menu .sub-menu {top: 65px;}
.style3 .desk-menu .sub-menu {top: 60px;}
.style2 .desk-menu .sub-menu {top: 59px;}
.style1 .desk-menu .sub-menu {top: 50px;} .style15 .desk-menu .ad-megamenu .sub-menu {top: 109px;}
.style18 .desk-menu .ad-megamenu .sub-menu {top: 62px;}
.style7 .desk-menu .ad-megamenu .sub-menu {top: 68px;}
.style4 .desk-menu .ad-megamenu .sub-menu {top: 60px;}
.style3 .desk-menu .ad-megamenu .sub-menu {top: 145px;}
.style2 .desk-menu .ad-megamenu .sub-menu {top: 123px;}
.style1 .desk-menu .ad-megamenu .sub-menu {top: 50px;} #header.style3.fixed-position .desk-menu > ul > li > a {padding-top:0; padding-bottom: 20px;}
#header.fixed-position.style3 .icon-list {top: 105px;}
#header.fixed-position.style3 .cart-box .cart-drop {top: 18px;}
#header.fixed-position.style3 .cart-opener {background: rgba(117, 112, 112, 0.5);}
#header.style15.fixed-position {padding-top:0;}
#header.fixed-position.style15 .ad-megamenu .sub-menu {top:68px;}
#header.fixed-position.style12 .header-cent {margin-top: 0; min-height: 50px;}
#header.fixed-position.style12 {background-color: #fff;}
#header.fixed-position.style12 #nav .nav-top > li > a {color: #444;padding-top: 7px; padding-bottom: 7px;}
#header.fixed-position.style12 .sub-menu,
#header.fixed-position.style12 .ad-megamenu .sub-menu {top:50px;}
#header.fixed-position.style7 .cart-box .cart-drop {top: 20px;}
#header.fixed-position.style3 .sub-menu,
#header.fixed-position.style3 .ad-megamenu .sub-menu {top:50px;}
#header.fixed-position.style2 .sub-menu,
#header.fixed-position.style2 .ad-megamenu .sub-menu {top:60px;}
#header.fixed-position.style2 .cart-box .cart-drop {top:26px;}
#header.fixed-position.style1,
#header.fixed-position.style2 {padding: 0;}
#header.fixed-position.style2 .desk-menu > ul > li > a {padding-top:15px; padding-bottom: 15px;} .sidenav-port ul li {margin: 0;}
.mob-menu li a,
.mob-header-content .header-top-menu ul li a {border-bottom: 1px solid #86868645!important;}
.mob-menu li a, .mob-header-content .header-top-menu ul li a {color: #444; font-weight: 600;} .search-popup .close-btn {top: 30px;}
.search-popup input[type="search"] {max-width: 100%;}