/*------------------------------------------------------------------
[Master Stylesheet]
Project:		MF
Primary use:	MF Multi Purpose
-------------------------------------------------------------------*/


#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;
}
/* ------------------------------------------------------------------------ */
/* Headings
/* ------------------------------------------------------------------------ */

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;
}
/*------------------------------------------------------------------
1-24. blog section Styles / .blog-section
-------------------------------------------------------------------*/

.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;
}
/*------------------------------------------------------------------
1-25. blog m post Styles / .blog-m-post
-------------------------------------------------------------------*/

.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;
}


/*------------------------------------------------------------------
3-1. croporate page Styles
-------------------------------------------------------------------*/


.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;
    background: url(images/icons/icon1.png) no-repeat;
}
.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;
}
/*------------------------------------------------------------------
4-4. nav tabs Styles / .nav-tabs
-------------------------------------------------------------------*/

.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;
}
/*------------------------------------------------------------------
6-1. photographer page Styles
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
7-1. freelancer page Styles
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
9-1. shop page Styles
-------------------------------------------------------------------*/


.new-product {
    width: 21%;
    float: left;
    text-align: center;
    margin: 0 3% 58px 0;
}
.new-product .product-img {
    position: relative;
    overflow: hidden;
    margin: 0 0 15px;
}
.new-product .title {
    color: #8f8f8f;
    display: block;
    margin: 0 0 2px;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.new-product h2 {
    margin: 0 0 7px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font: 600 12px/20px "Lato", Georgia, "Times New Roman", Times, serif;
}
.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: 21px;
    line-height: 24px;
    font-weight: 900;
}
.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: 12px;
    line-height: 16px;
    color: #2a2a2a;
    margin: 4px 0 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.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;
}
/*------------------------------------------------------------------
16-1. blog page Styles
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
16-2. blogs block Styles / .blogs-block
-------------------------------------------------------------------*/

.blogs-block {
    overflow: hidden;
    position: relative;
}
.blogs-block .blogs-frame {
    padding-top: 100%;
}
/*------------------------------------------------------------------
16-3. blog alignleft Styles / .blog-alignleft
-------------------------------------------------------------------*/

.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;
}
/*------------------------------------------------------------------
16-4. blog content Styles / .blog-content
-------------------------------------------------------------------*/

.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;
}
/*------------------------------------------------------------------
16-5. blog over Styles / .blog-over
-------------------------------------------------------------------*/

.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;
}
/*------------------------------------------------------------------
17-6. w9 Styles / .w9
-------------------------------------------------------------------*/

.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;
}
/*------------------------------------------------------------------
19-11. map Styles / .map
-------------------------------------------------------------------*/

.map {
    height: 500px;
}
/*------------------------------------------------------------------
20-1. shop inner page Styles
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
20-2. shop header Styles / .shop-header
-------------------------------------------------------------------*/

.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;
}
/*------------------------------------------------------------------
20-3. shop footer Styles / .shop-footer
-------------------------------------------------------------------*/

.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;
}
/*------------------------------------------------------------------
20-4. products holder Styles / .products-holder
-------------------------------------------------------------------*/

.products-holder.side .new-product {
    width: 29.6%;
    margin: 0 3.2% 57px 0;
}
/*------------------------------------------------------------------
20-5. shop widget Styles / .shop-widget
-------------------------------------------------------------------*/

.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;