/*
/*
Theme Name: Best Blog
Theme URI: https://www.imonthemes.com/best-blog-wordpress-theme/
Author: Imon Themes
Author URI: http://imonthemes.com/
License: GNU General Public License, v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: best-blog

Description: Best Blog WordPress theme is a perfect for personal blogs, blog,content publishers. From travel to fashion and everything in between, Best Blog brings beauty and unique designs combined with quality performance and stability to any type of blog.
With WooCommerce plugin, you can get your blog and shop running in minutes. Also Best Blog have Five custom widgets and much more.

Version: 1.2.0

Tags:   grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments,blog,news,food-and-drink

bestblog  WordPress Theme, Copyright 2017 imonthemes.com
bestblog  is distributed under the terms of the GNU GPL


/*  ----------------------------------------------------
1.  Global
-------------------------------------------------------- */

#site-wrapper {
  display: block;
}

.box_wbb {
  padding-right: 0px;
  padding-left: 0px;
}

.no-js, .no-js .main-menu-wrap {
  display: none;
}

#site-wrapper.main-raised {
  margin-right: 30px;
  margin-left: 30px;
  padding: 0px;
  ;
  border-radius: 6px;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.admin-bar .sticky.is-stuck {
  margin-top: 30px !important;
}
.sticky.is-stuck{z-index: 10;}
.thumbnail-resize {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 0;
}

.fixed {
  animation-duration: 0.8s;
  animation-name: fadeIn;
}

.thumbnail-image {
  position: relative;
  display: block;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  line-height: 0;
  border: none;
}

.meta-info.meta-info-date {
  letter-spacing: -0.8px;
  font-weight: 400;
}

.meta-info.meta-info-cat a {
  color: #282828;
  font-weight: 400;
  margin-right: 3px;
}

.meta-info-cat .button {
  padding: .5em .8em;
}

.is-font-size-1, .is-font-size-2, .is-font-size-1 {
  font-weight: 600;
}

.object-fit-images {
  object-fit: cover;
  object-position: center;
  font-family: 'object-fit: cover; object-position: center;';
  height: inherit;
}

.jarallax {
  position: relative;
  z-index: 0;
}

.jarallax>.jarallax-img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.pagination {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

/*
------------------------------------
2. WORDPRESS CORE
------------------------------------
*/

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.wp-caption {
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 10px 3px 10px;
  text-align: center;
}

.wp-caption img {
  max-width: 98%!important;
  height: auto;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none !important;
  margin: 0 !important;
  max-width: 570px;
  padding: 0 !important;
}

.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.sticky {}

.gallery-caption {}

.bypostauthor {}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/*----------------------------------------------------
2.  Header
-------------------------------------------------------- */

.header-wrap {
  display: block;
}

.banner-warp {
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.banner-warp .logo-inner {
  padding: 4vh;
}

.banner-warp .object-fit-images {
  min-height: 300px;
}

/*-------------------------
2.1  LOGO
---------------------------*/

.banner-inner .logo-wrap {
  display: block;
  margin: auto;
  max-width: 100%;
  height: auto;
}

.logo-wrap a {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.banner-inner .logo-inner img {
  display: block;
  margin: auto;
  width: auto;
  padding: 10px;
}

.header-social-wrap {
  margin-top: 5px;
  text-align: center;
}

.tooltip {
  background-color: #282828;
  padding: 4px 6px 4px 6px;
  opacity: 0.9;
}

.tooltip::before {
  color: #282828;
}

/*-------------------------
MENU
---------------------------*/

.menu-outer {
  position: relative;
  display: block;
  background-color: #fcfcfc;
  -webkit-backface-visibility: hidden;
  z-index: 10;
}

.menu-outer .top-bar ul {
  background-color: transparent;
}

.main-menu-wrap {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}

.menu-outer .top-bar, .menu-outer .top-bar ul.mainmenu {
  background: transparent;
}

.menu-outer .top-bar {
  padding: 0px;
}

.main-menu-wrap .dropdown.menu a {
  padding: 20px 17px;
  color: black;
}

.is-dropdown-submenu {
  border: none;
  z-index: 40;
}

.dropdown .is-dropdown-submenu a {
  width: 100%;
  text-align: left;
}

.dropdown li ul li {
  padding: 0px
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
  content: "\f107";
  font-family: FontAwesome;
  border: none;
  margin-top: -7px;
  right: 18px;
}

.main-menu-wrap .is-dropdown-submenu-parent .submenu li a {
  background-color: #ececec;
  transition: background-color .50s ease-out, color .25s ease-out;
}

.menu-outer .menu-icon::after {
  content: "\f0c9";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size: 25px;
  background: transparent;
  box-shadow: none;
  line-height: 0.6;
}

.navbar-search a {
  display: block;
  width: 34px;
  height: 100%;
  text-align: center;
  font-size: 18px;
}

.navbar-search-button {
  font-size: 25px;
  cursor: pointer;
}

.navbar-search-bar-container, .navbar-search-bar-container .close-button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.navbar-search-bar-container {
  background-color: #fff;
  border-bottom: 2px solid #ffc2ca;
  display: none;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  -webkit-box-shadow: 0px -2px 1px 0px rgba(163, 163, 163, 0.44);
  -moz-box-shadow: 0px -2px 1px 0px rgba(163, 163, 163, 0.44);
  box-shadow: 0px -2px 5px 0px rgba(163, 163, 163, 0.44);
  left: 0;
}

.navbar-search-bar-container .search-field {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  border: 0;
  box-shadow: none;
  color: #074e68;
  font-size: 1.5rem;
  height: 3rem;
}

.navbar-search-bar-container {
  position: absolute;
  top: 48%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: opacity .6s;
}

.navbar-search-bar-container .search-submit {
  position: relative;
  float: right;
  top: 16px;
  color: transparent;
  background-color: transparent;
  border: none;
  cursor: pointer;
  right: 50px;
  width: 30px;
  z-index: 10;
}

.navbar-search-bar-container .fa-search {
  position: absolute;
  float: right;
  top: 16px;
  color: rgba(119, 118, 118, 0.78);
  background-color: transparent;
  border: none;
  cursor: pointer;
  right: 50px;
  width: 30px;
  font-size: 22px;
}

.navbar-search-bar-container .search-submit.fa {
  color: #8a8a8a;
  font-size: 25px;
}

button:focus, .close-button:focus {
  border: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
  outline: 0;
}

button:active {
  outline: none;
  border: none;
}

[data-whatinput='mouse'] .button {
  outline: 0;
}

[type=submit], [type=button] {
  outline: 0;
}

/*-------------------------
MENU off canvas desktop
---------------------------*/

.main-menu-wrap .is-dropdown-submenu-parent .submenu li:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.js-off-canvas-overlay {
  background: rgba(4, 4, 4, 0.9);
}

.multilevel-offcanvas .menu li a, .multilevel-offcanvas .submenu ul li a, .multilevel-offcanvas .submenu {
  position: relative;
  display: block;
  width: 100%;
  border-top: 1px solid rgba(218, 211, 211, 0.12);
  background: transparent;
  line-height: 2;
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  color: #686868e6;
}

.off-canvas-wrapper .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
  border-color: #686868e6 transparent transparent;
}

.multilevel-offcanvas .off-canvas-inner {
  position: relative;
  display: block;
  padding: 60px 30px;
}

.multilevel-offcanvas.position-left, .multilevel-offcanvas.position-right {
  width: 300px;
}

.multilevel-offcanvas.off-canvas.is-transition-overlap.is-open {
  -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, .7);
  box-shadow: 0 0 10px rgba(10, 10, 10, .7);
  background-color: white;
  border-right: 3px solid #ffc2ca;
}

.position-left {
  left: 0;
  -webkit-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  transform: translateX(-300px);
}

.multilevel-offcanvas.is-open .close-button {
  font-size: 2.5em;
  z-index: 15;
  color: #8a8a8a;
}

.off-canvas-social-wrap {
  display: block;
  border-top: 3px solid rgba(28, 28, 28, .07);
  text-align: center;
}

.off-canvas-social-wrap a {
  display: inline-block;
  padding: 0 5px;
  color: #353333;
  font-size: 18px;
  line-height: 30px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

/*----------------------------------------------------
Mobile header
-------------------------------------------------------- */

.mobile-header {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.mobile-header .logo-wrap {
  padding: 2vh;
}

.mobile-header .title-bar {
  background-color: transparent;
}

.mobile-header .title-bar .site-description {
  margin: 0;
}

.mobile-header .navbar-search-bar-container .search-submit, .mobile-header .navbar-search-bar-container .fa-search {
  position: absolute;
  top: 40%;
}

.mobile-header .navbar-search-bar-container {
  height: 80%;
}

/*  ----------------------------------------------------
post layout-1
-------------------------------------------------------- */

.post-wrap-layout-1 {
  position: relative;
  display: block;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
  height: auto;
}

.post-wrap-layout-1 .post-thumb-warp {
  height: 275px;
}

.post-wrap-layout-1 .post-thumb-warp .post-thumb {
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

.post-wrap-layout-1 .post-thumb .thumbnail-resize img {
  width: 100%;
  min-width: 330px;
  box-shadow: 0px -3px 11px -7px rgba(0, 0, 0, 0.24), 7px 1px 9px -5px rgba(0, 0, 0, 0.2), 1px 6px 11px -3px rgba(0, 0, 0, 0.2);
}

.post-wrap-layout-1 .entry-category .meta-info-date a {
  line-height: 1em;
  letter-spacing: -0.8px;
  font-weight: 600;
  color: #7d7b7b;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

.post-wrap-layout-1 .entry-category .meta-info-date a:hover {
  color: #ffc2ca;
}

.post-wrap-layout-1 .post-title a {
  color: #3a3939;
  font-weight: 700;
}

.post-wrap-layout-1 .post-header-warp {
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 13px;
}

.post-wrap-layout-1 .post-title {
  margin-bottom: 0px;
}
.readmore{margin-bottom: 0px;
font-size: 16px;padding-top: .7em;}
/*  ----------------------------------------------------
post layout-2 masonry
-------------------------------------------------------- */

.post-wrap-layout-2 .card-blog {
  margin-top: 30px;
  margin-bottom: 0px;
}

.card.card-blog .card-content{
  overflow: hidden;
}
.post-wrap-layout-2 .card .card-image {
  height: 60%;
  position: relative;
  z-index: 1;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -30px;
  border-radius: 6px;
}

.post-wrap-layout-2 .card .card-image img {
  width: 100%;
  border-radius: 6px;
  pointer-events: none;
  box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.post-wrap-layout-2 .thumbnail-resize {
  overflow: inherit;
}

.post-wrap-layout-2 .card .card-image .card-title {
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 1.3em;
  text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);
  z-index: 1;
}

.post-wrap-layout-2 .card .card-image .card-title a {
  color: #fff;
}

.post-wrap-layout-2 .card .card-title.no-thumb a {
  color: #616161;
}

.post-wrap-layout-2 .card-description {
  font-size: inherit;
}

.card-footer {
  margin-top: 15px;
}

.card .card-footer .author {
  font-size: 14px;
    display: table-cell;
    vertical-align: middle;
}

.card .card-footer .author a {
  color: #616161;
}

.post-wrap-layout-2 .author .avatar {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 5px;
}

.post-wrap-layout-2 .card-footer .stats {
  line-height: 30px;
    color: #616161;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.post-wrap-layout-2 .card-footer .stats a {
  color: #616161;
}

.post-wrap-layout-2 .card-footer .stats .fa {
  position: relative;
  font-size: 16px;
}

.post-wrap-layout-2 .card .category.text-info a {
  margin-bottom: 0px;
  margin-top: 5px;
  margin-right: 4px;
  padding: 4px 4px;
  background-color: transparent;
}

.top-footer-wrap .lates-post-cardmission .cell{
  width: 100%;
  padding-top: 0px;
  padding-bottom: 10px;
}
.top-footer-wrap .lates-post-cardmission .card-content{
  padding-right: 10px;
  padding-left: 10px;
}
.top-footer-wrap .lates-post-cardmission .post-title{
  font-size: 18px;
}

/*----------- laout 2 at sidebar -----------*/


.widget_wrap .card-title h3.post-title{
  font-size: 24px;
}
.sidebar-inner .widget_latest-post-masonry .widget_wrap .post-wrap-layout-2 .cell {
  padding: 0px;
  width: 100%;
}

/*  ----------------------------------------------------
Single Post
-------------------------------------------------------- */

.content-wrapper {
  display: block;
  overflow: hidden;
  position: relative;
}

.single-post-warp {
  display: block;
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
  background-color: white;
}

.featured-image img {
  width: 100%;
}

.single-cats.button-group {
  position: absolute;
  display: block;
  top: 30px;
  left: 30px;
  z-index: 1;
}

.single-cats.button-group .button {
  margin: 0 3px 3px 0;
  background: rgba(255, 194, 202, 0.82);
  color: #fff;
  opacity: .8;
  padding: .4em .8em;
}

.single-cats-noimg.button-group {
  position: relative;
  z-index: 1;
  margin-top: 20px;
  margin-left: 20px;
  top: auto;
  left: auto;
}

.single-post-title h1 {
  margin-top: 2px;
  margin-bottom: 12px;
  text-align: center;
}

.single-post-title {
  position: relative;
}

.single-header-warp {
  text-align: center;
  background-color: #fff;
  padding: 24px 60px;
  z-index: 1111;
  border-top: 3px solid #ffc2ca;
  -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
}
.single-header-warp .post-meta .clear.button.secondary:hover{
  background: transparent;
}
.single-header-warp .post-meta .meta-info.meta-info-date {
  letter-spacing: inherit;
  font-weight: inherit;
}

.single-header-warp .post-meta .cats .button {
  padding: 0em .2em;
  margin: 0;
}

.single-header-warp .post-meta .button {
  padding: 0em .6em;
  margin: 0;
}

.single-header-warp .post-meta i {
  font-size: 12px;
}

.post-single-content-body {
  display: block;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-right: 20px;
  padding-left: 20px;
}

.post-single-tags {
  padding-top: 40px;
}

.post-single-tags .button-group {
  display: inline-block;
  margin-left: 20px;
}

.post-single-tags .button-group button {
  margin-right: 4px;
  margin-left: 4px;
}

/*  ----------------------------------------------------
widget
-------------------------------------------------------- */

.widget_wrap ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0px;
}

.widget_wrap ul li {
  margin-bottom: 18px;
  padding: 0 20px;
  border-left: 2px solid #ffc2ca;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  line-height: 30px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #ffc2ca;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  display: block;
  padding: .7rem 1rem;
}

.tags ul {
  padding-left: 0;
  list-style: none;
  text-align: left;
}

.widget_wrap .tagcloud a {
  display: inline-block;
  margin-bottom: 14px;
  margin-right: 10px;
}

.widget_wrap .tagcloud a {
  display: inline-block;
  background-color: #ffc2ca;
  color: #fff;
  line-height: 25px;
  font-size: 10px;
  padding: 4px 8px;
  font-weight: 600;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.widget_search {
  display: block;
  overflow: hidden;
}

.widget_search label {
  display: block;
  float: left;
  width: 75%;
}

.widget_search input[type=search] {
  padding: 8px 15px;
  height: 50px;
  border: none;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  color: #282828;
  background-color: rgba(255, 255, 255, 0.98);
}

.widget_search input[type=search]:focus {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
}

.widget_search .screen-reader-text {
  display: none;
}

.widget_search .search-submit {
  position: relative;
  display: block;
  float: left;
  width: 25%;
  height: 50px;
  border: 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  background-color: #ffc2ca;
  color: #fff;
  font-weight: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.widget_search .search-submit:hover {
  background-color: #507a9a;
}

.widget_wrap .calendar_wrap a {
  color: #ffc2ca;
}

.widget_wrap .calendar_wrap table tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #ffc2ca;
}

.widget_wrap .calendar_wrap table tfoot {
  background: #fff;
}

.widget_wrap .calendar_wrap table thead {
  background: #ffc2ca;
}

.widget_wrap .calendar_wrap #today {
  background-color: #ffa5b1;
}

.widget_wrap .calendar_wrap table tbody {
  color: #826f6f;
}

.widget_wrap ul.menu li {
  margin-bottom: 18px;
  padding: 0 20px;
  border-left: 2px solid #ffc2ca;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  display: block;
  width: 100%;
  background-color: transparent;
  line-height: 30px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #ffc2ca;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  padding: .7rem 1rem;
}

.widget_wrap ul.menu li a {
  background-color: transparent;
}

.widget_media_image .widget_wrap img {
  height: auto;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.home_widget_wrap {
  margin-bottom: 30px;
}

/* ========== sidebar ============ */

.sidebar-inner .widget_wrap {
  border-top: 3px solid #ffc2ca;
  padding: 30px 20px;
  margin-bottom: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
  position: relative;
}
.sidebar-inner .readmore,.footer_widgets_warp .readmore{
  display: none;

}
.sidebar-inner .widget_media_image .widget_wrap {
  padding: 0px;
  border: none
}

.sidebar-inner .widget_search .widget_wrap .search-form {
  top:6px;
  position: absolute;
  width: 90%;
}
.sidebar-inner .widget_search .widget_wrap  {
  padding-bottom: 50px;
}

.sidebar-inner .widget-title h3 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 24px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.4px;
  text-align: center;
}

.sidebar-inner .widget-title h3:after {
  content: ' ';
  display: block;
  text-align: center;
  height: 1px;
  margin: 19px auto;
  background-color: #000;
  width: 30px;
}

.sidebar-inner .widget_wrap ul li a {
  color: #ffc2ca;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  padding-right: 30%;
}

/* ========== Footer widget ============ */

.footer_widgets_warp {
  padding-top: 40px;
  padding-bottom:0px;
  margin-bottom: 40px;
}

.widget_wrap.footer_widgets_warp ul.menu li {
  margin-bottom: 5px;
  padding: 0 20px;
  border: none;
  box-shadow: none;
  display: block;
  width: 100%;
  background-color: transparent;
}

.widget_wrap.footer_widgets_warp ul {
  margin-left: 0px;
}

.widget_wrap.footer_widgets_warp ul li {
  margin-bottom: 5px;
  padding: 0;
  border: none;
  box-shadow: none;
  margin-left: 0px;
}

.widget_wrap.footer_widgets_warp ul li a {
  line-height: inherit;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #948e8f;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  display: block;
  padding: .4rem 1rem;
  padding-left: 0;
}

/*----------------------------------------------------
Post sub banner
--------------------------------------------------------*/

#sub_banner .top-bar {
  max-width: 75rem;
  margin: 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  background: transparent;
}
#sub_banner .blogtitle{
  margin-right: auto;
  margin-left: auto;
}
#sub_banner .top-bar .breadcrumbs {
  margin: 0px;
}

.block-content-none {
  margin: 0 auto;
}

.block-content-none .search-submit {
  border: none;
  border-radius: 3px;
  position: relative;
  padding: 12px 30px;
  margin: 10px 1px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0;
  will-change: box-shadow, transform;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
  width: 60%;
  display: inline-block;
  text-align: center;
  left: 20%;
  right: 20%;
  cursor: pointer;
  font-size: 18px;
}

/*  ----------------------------------------------------
Single Page
-------------------------------------------------------- */

/*----------------------------------------------------
Page sub banner
-------------------------------------------------------- */

#sub_banner_page {
  background-color: #8a8484;
}

#sub_banner_page.callout {
  padding: 0px;
  margin: 0px;
}

#sub_banner_page .breadcrumb-wrap .breadcrumbs {
  margin: 0;
}

#sub_banner_page .top-bar, #sub_banner .top-bar-right, #sub_banner .top-bar ul {
  background-color: transparent;
}

.moon-curve {
  position: relative;
  display: block;
}

.single-page-thumb-outer {
  position: relative;
  display: block;
  text-align: center;
}

.page-thumb {
  display: block;
  max-height: 500px;
  width: 100%;
}

.page-thumb img {
  display: inline-block;
  max-height: 500px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

#sub_banner_page .heade-content {
  position: absolute;
  top: 50%;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 36px;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.button.clear.secondary, .button.hollow.secondary {
  background: transparent;
}

.page_content {
  background-color: #fff;
  border-radius: 2px;
  padding: 40px 30px;
  margin-bottom: 80px;
  margin-top: -60px;
}

.heade-page-nothumb {
  height: 40vh;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}


.box_wbb #content-page {
  padding: 0 10px 0 10px;
}

/*  ----------------------------------------------------
Footer section
-------------------------------------------------------- */

.top-footer-wrap {
  background-color: #fff;
}

.top-footer-wrap .widget-title h3 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 24px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.4px;
}

.top-footer-wrap .widget-title h3:after {
  content: ' ';
  display: block;
  text-align: left;
  height: 1px;
  margin: 19px 0;
  background-color: #9d9d9d;
  width: 30px;
}

.copy-text {
  color: #9d9d9d;
  font-size: 12px;
  word-spacing: 2px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.footer-copyright-wrap {
  background: #fff;

}

.footer-copyright-wrap .callout {
  background-color: transparent;
}

.scroll_to_top.floating-action.button {
  overflow: hidden;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  padding: .6rem;
  margin: 0;
  background-color: #ffeb3b;
  color: rgba(0, 0, 0, .87);
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 10;
}

.scroll_to_top .fa {
  font-size: 36px;
  font-weight: 600;
  line-height: .7;
}

/*  ----------------------------------------------------
pagination
-------------------------------------------------------- */

.single-post-box-related {
  margin-bottom: 30px;
}

.single-post-box-related .post-wrap-layout-2 .card .card-image {
  margin: 0px;
}

.navigation .nav-links {
  margin: 1em auto 1em;
  text-align: center;
  width: auto;
  max-width: none;
  display: inline-block;
  border-radius: 0.25em;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
}

.navigation .nav-links a {
  /* hide numbers on small devices */
  display: none;
  margin: 0 .2em;
}

.navigation .nav-links a.page-numbers {
  /* make sure prev next bblog-buttons are visible */
  display: inline-block;
}

.navigation .nav-links a, .navigation .nav-links span {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change bblog-buttons size */
  padding: .6em .8em;
  font-size: 14px;
  color: #a59e9f;
  webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.navigation .nav-links a.disabled {
  /* bblog-button disabled */
  color: rgba(46, 64, 87, 0.4);
  pointer-events: none;
}

.navigation .nav-links a.disabled::before, .navigation .nav-links a.disabled::after {
  opacity: .4;
}

.navigation .nav-links .current {
  /* selected number */
  background-color: #fbb5be;
  border-color: #64a281;
  color: #ffffff;
  pointer-events: none;
}

@media only screen and (min-width: 768px) {
  .navigation .nav-links a {
    display: inline-block;
  }
}

@media only screen and (min-width: 1170px) {
  .navigation .nav-links {
    margin: 1em auto 1em;
  }
}

/* --------------------------------

No space - remove distance between list items

-------------------------------- */

.navigation .nav-links:after {
  content: "";
  display: table;
  clear: both;
}

.navigation .nav-links a {
  margin: 0;
  border-right: 1px solid #e6e6e6;
}

.navigation .nav-links a:last-of-type {
  border-right: none;
}

.navigation .nav-links a, .navigation .nav-links span {
  border-radius: 0;
  padding: .8em 1em;
  border: none;
}

.navigation .nav-links .prev {
  border-radius: 0.25em 0 0 0.25em;
}

.navigation .nav-links .next {
  border-radius: 0 0.25em 0.25em 0;
}

/* --------------------------------

move bblog-buttons - move prev and next bblog-buttons to the sides

-------------------------------- */

.navigation .nav-links .next:after {
  content: "\f105";
  font-family: FontAwesome;
  display: table;
  clear: both;
  float: right;
  padding-left: 5px;
}

.navigation .nav-links .prev:after {
  content: "\f104";
  font-family: FontAwesome;
  display: table;
  clear: both;
  float: left;
  padding-right: 5px;
}

.navigation .nav-links .page-numbers.prev {
  float: left;
}

.navigation .nav-links .page-numbers.next {
  float: right;
}

.navigation .nav-links {
  display: block;
  overflow: hidden;
}

.single-nav .nav-previous {
  float: left;
}

.single-nav .nav-next {
  float: right;
}

.single-nav .nav-links {
  margin: 0;
  border: none;
}

.single-nav {
  margin: 1em auto 1em;
}

/*  ----------------------------------------------------
gallery setup
-------------------------------------------------------- */

.top-footer-wrap .gallery-item {
  float: left;
  padding: 2px;
}


/* --------------------------------
Comment box
-------------------------------- */

.box-comment-content {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 30px;
}

.box-comment-content .comments-area {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(28, 28, 28, .07);
}

.comment-respond {
  display: block;
  margin-top: 30px;
  padding: 10px;
}

.block-title-wrap {
  text-align: center;
  display: block;
}

.comment-title h2 {
  margin-bottom: 20px;
  color: #55acee;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}

.comment-list {
  margin-top: 30px;
  margin-right: 0;
  margin-left: 0;
  list-style: none;
}

.comment-list li.comment {
  list-style: none;
}

.comment-list .comment-body {
  position: relative;
  display: block;
  overflow: hidden;
  margin-top: 35px;
}

.comment-list .comment-author img {
  display: block;
  float: left;
  margin-top: 0!important;
  margin-right: 10px;
  margin-bottom: 0;
  width: 45px!important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.comment-author.vcard .fn, .comment-author.vcard .fn a {
  color: #282828;
  text-transform: uppercase;
  font-size: 12px;
}

.comment-author.vcard .says {
  display: none;
}

.comment-metadata {
  display: block;
  float: left;
  padding-top: 2px;
  color: #999;
  font-style: italic;
  font-size: 12px;
  line-height: 1;
}

.comment-metadata a:not(.comment-edit-link) {
  color: #999!important;
}

.comment-list .comment-content {
  position: relative;
  display: block;
  float: left;
  clear: both;
  margin-top: 15px;
  padding: 20px 15px;
  width: 100%;
  background-color: #fafafa;
  box-shadow: 0 1px 3px 0 rgba(28, 28, 28, .05);
  color: #999;
  -wekit-box-shadow: 0 1px 3px 0 rgba(28, 28, 28, .05);
}

.comment-list .comment-reply-link {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 3px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #55acee;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  line-height: 9px;
}

.comment-list .comment-content:before {
  position: absolute;
  top: -6px;
  left: 15px;
  z-index: 10;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #f3f3f3;
  border-left: 5px solid transparent;
  content: '';
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -ms-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.comment-list .comment-content p:last-child {
  margin-bottom: 0;
}

.comment-list .comment-content p {
  margin-bottom: 10px;
  color: #444;
  font-size: .9em;
  line-height: 1.6;
}

.box-comment-content .entry ol {
  margin: 0;
}

.comment-list .edit-link {
  display: inline-block;
  margin-left: 5px;
  color: #55acee
}

.comment-list .edit-link:before {
  content: '('
}

.comment-list .edit-link:after {
  content: ')'
}

#cancel-comment-reply-link {
  margin-left: 7px;
  color: #999;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 12px
}

#cancel-comment-reply-link:hover {
  color: #282828;
  text-decoration: underline
}

.comment-respond {
  display: block;
  margin-top: 30px
}

.depth-2 .comment-body {
  margin-left: 20px
}

.depth-3 .comment-body {
  margin-left: 40px
}

.depth-4 .comment-body {
  margin-left: 60px
}

.depth-5 .comment-body {
  margin-left: 80px
}

h2.comment-reply-title {
  margin-bottom: 10px;
  color: #55acee;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}

.comment-form textarea {
  display: block;
  margin-top: 30px;
  width: 100%;
  padding: 20px;
  outline: none!important;
  box-shadow: none;
  border: 1px solid rgba(28, 28, 28, .07);
  color: #282829;
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.comment-form input {
  margin-top: 15px;
}

.comment-form input[type="text"], .comment-form input[type="tel"], .comment-form input[type="email"], .comment-form [type=url], .comment-form [type=password] {
  display: block;
  padding: 10px 20px;
  width: 50%;
  white-space: nowrap;
  outline: 0;
  outline: none!important;
  border: 1px solid #eee;
  box-shadow: none;
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

.comment-form .form-submit input#submit, a.box-comment-btn, .comment-form .form-submit input[type="submit"] {
  display: inline-block;
  padding: 0 20px;
  cursor: pointer;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #282828;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 600;
  font-size: 12px;
  line-height: 28px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.comment-form .form-submit input#submit, a.box-comment-btn {
  opacity: .9
}

.comment-form .form-submit input#submit:hover, .comment-form .form-submit input#submit:focus, .entry input[type="submit"]:hover, .entry input[type="submit"]:focus {
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .3);
  opacity: 1
}

/*  ----------------------------------------------------
box-author
-------------------------------------------------------- */

.bestblog-author-bttom .button a {
  color: #fff
}

.bestblog-author-bttom .button {
  margin-top: 30px;
}

.single-box-author {
  padding: 20PX;
}

/*  ----------------------------------------------------
author Widgets
-------------------------------------------------------- */

.bestblog_author_widget .widget_wrap {
  padding: 0px;
  border: none;
  background-color: transparent;
}

.card {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border: none;
  overflow: visible;
}

.card-profile {
  margin-top: 70px;
  text-align: center;
}

.card-profile .card-avatar {
  max-width: 130px;
  max-height: 130px;
  margin: -50px auto 0;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card-avatar img{margin: 0px;}
.card-profile .card-avatar+.card-content {
  margin-top: 15px;
}

.card-profile .card .card-content {
  padding: 15px 30px;
}

.card-description {
  color: #616161;
  font-size: 14px;
}

.card-profile .card-title {
  font-size: 1.3em;
  line-height: 1.55em;
  color: #3C4858;
  text-decoration: none;
  font-weight: 700;
}

.card .card-content {
  padding: 15px 30px;
}

/*  ----------------------------------------------------
Main Slider
-------------------------------------------------------- */

.slider-post-wrap {
  position: relative;
  display: none;
  overflow: hidden;
  background-color: transparent;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
  opacity: 0
}

.slick-initialized {
  opacity: 1;
  transition: opacity .3s ease-out;
  display: block;
}
.slider-post-wrap .post-thumbouter-slider {
  position: relative;
  display: block;
  height: 50vh;
}
.post-thumb-overlay {
  position: absolute;
  top: 45%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 30%, rgba(0, 0, 0, .75) 100%);
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.slider-post-wrap .post-thumb-slider {
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}
.slider-post-wrap .thumbnail-resize-slider {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 0;
}
.slider-post-wrap .thumbnail-image-slider {
  position: relative;
  display: block;
  height: 50vh;
}
.slider-post-wrap .thumbnail-resize-slider img {
  margin: 0 auto;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  object-position: center center;
}

.slider-post-wrap .thumbnail-image-slider:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  visibility: hidden;
  width: 100%;
  height: 100%;
  background: rgba(28, 28, 28, .7);
  content: '';
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.post-wrap-slider {
  display: block;
  position: relative;
  overflow: hidden;
}

.slider-post-wrap .is-header-overlay {
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  padding: 40px 250px 60px 50px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  position: absolute;
}

.slider-post-wrap .is-header-overlay.is-light-text .post-title {
  text-shadow: 1px 1px 2px rgba(28, 28, 28, .1);
}

.slider-post-wrap .post-title a {
  color: #fff;
  font-weight: 700
}

.bestblog-slider-nav {
  position: absolute;
  z-index: 2;
  padding: 0;
  width: 38px;
  height: 38px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: rgba(28, 28, 28, .5);
  color: #fff;
  text-align: center;
  font-size: 24px;
  line-height: 38px;
  opacity: .3;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.bestblog-slider-nav:hover{opacity: .8;background-color: rgba(28, 28, 28, .9);}

.bestblog-slider-next {
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -19px;
}

.bestblog-slider-prev {
  top: 50%;
  left: 20px;
  margin-top: -19px;
}

.slider-cat-info .button {
  margin-right: 8px;
}

/*=============================================>>>>>
= WooCommerce =
===============================================>>>>>*/

.single-product-warp {
  padding: 40px;
  margin-bottom: 30px;
  background-color: #ffff;
}

.single-product-warp .price {
  margin: 10px 0 25px;
}

.woocommerce .shop-warp {
  padding-bottom: 0px;
}

.card.card-cascade.wider {
  background-color: transparent;
  box-shadow: none;
  margin-bottom: 0px;
}

.card-cascade .view img {
  height: inherit !important;
}

.card.card-cascade .view {
  border-radius: 4px;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
  z-index: 2;
}

.card.card-cascade.wider .card-body {
  margin-left: 4%;
  margin-right: 4%;
  background: #fff;
  z-index: 1;
  border-radius: 0 0 .3rem .3rem;
  ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem 1.25rem .5rem 1.25rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.card-body h4 {
  font-weight: 500;
  margin-bottom: 1rem;
}

.card .card-text {
  font-size: .9rem;
  color: #747373;
  padding-top: 15px;
}

.card-footer {
  border-top: 1px solid rgba(0, 0, 0, .125);
  padding: .75rem 0rem 0 0rem;
  display: table;
  position: relative;
  overflow: hidden;
  width: 100%;

}

.card .card-footer .left {
  float: left;
}

.card .card-footer .right {
  float: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.card .card-footer .right .button.add_to_cart_button {
  margin: 0;
  padding: 0;
  background: transparent;
  color: #000000;
}

.related.products ul {
  margin-top: 20px;
}

table.variations {
  box-shadow: none
}

.woocommerce div.product form.cart .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 17px 12px;
  background-color: #00bcd4;
  display: inline-block;
  border-radius: 3px;
}

.woocommerce ul.products li.product .button::before, button.single_add_to_cart_button::before {
  content: "\f217";
  display: inline;
  font-family: FontAwesome;
  margin-right: 10px;
}

.woocommerce .quantity .qty {
  border: 3px solid #dddddd;
  height: 38px;
  text-align: center;
  width: 70px;
  margin-right: 15px;
}

.woocommerce ul.products li.product .button, .easy-commerce-woocommerce ul.products li.product .button {
  line-height: 1.5;
  margin: 10px auto 20px;
  padding: .5em .7em;
  position: relative;
  border: 0;
  text-align: center;
  display: inline-block;
  background-color: #00bcd4;
  color: #fff;
}

.woocommerce div.product .product_title {
  clear: none;
  font-size: 28px;
  margin: 0 0 15px;
  padding: 0;
  border-bottom: 1px double #ebe9eb;
}

h1.entry-title::after {
  content: "";
  display: block;
  height: 2px;
  background: #00bcd4;
  width: 50px;
  bottom: -1px;
  margin-top: 15px;
}

.woocommerce ul.products li.product a, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .price, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #3C4858;
}

.woocommerce ul.products li.product .star-rating {
  font-size: .857em;
  margin-right: auto;
  margin-left: auto;
}

.woocommerce-cart .quantity .qty {
  margin: 0 auto;
}

.woocommerce table tbody tr:nth-child(2n) {
  background-color: #fff
}

.woocommerce-cart table.cart td {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-right: 1px solid #eee;
}

.woocommerce table.shop_table th {
  font-weight: normal;
  padding: 6px 12px;
  font-size: 16px;
  text-align: center;
}

.woocommerce .cart_totals h2 {
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
  font-size: 24px;
  padding-bottom: 15px;
  position: relative;
  text-transform: uppercase;
  text-align: left;
}

.woocommerce .cart_totals h2:after {
  content: "";
  width: 160px;
  border-bottom: 1px solid #00bcd4;
  left: 0;
  bottom: -1px;
  position: absolute;
}

.woocommerce table.shop_table tbody tr td.actions .coupon .input-text {
  height: 40px;
  width: 150px !important;
  margin: 0 20px 5px 0;
  background: none;
}

.woocommerce .button {
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}

.woocommerce .button:hover {}

.woocommerce div.product form.cart {
  margin: 36px 0px 0px 0px;
}

.woocommerce div.product form.cart .variations, .woocommerce #content div.product form.cart .variations {
  margin: 0;
  width: 100%;
  table-layout: fixed;
}

.woocommerce .variations_form.cart .variations tbody {
  border: none;
}

.woocommerce div.product form.cart .variations td.label, .woocommerce #content div.product form.cart .variations td.label {
  padding: 0px 18px 0px 0px;
  background-color: transparent;
  font-weight: 600;
  min-width: 80px;
  position: relative;
  overflow: hidden;
  margin-top: -20px;
}

.woocommerce div.product form.cart .variations select, .woocommerce #content div.product form.cart .variations select {
  width: 100%;
  margin: 0px 0px 0px 0px;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
  width: 100%;
}

.single-product .product_meta {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #eaeaea;
  padding-right: 5px;
  padding-left: 10px;
  margin-top: 20px;
}

.single-product .product_meta span {
  display: table;
  table-layout: fixed;
}

.single-product .product_meta span>* {
  padding-left: 5px;
}

.single-product .product_meta span span {
  display: inline-block;
  table-layout: auto;
}

.woocommerce nav.woocommerce-pagination {
  border-radius: 0;
  display: block;
  height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  margin-right: 4px;
  margin-left: 4px;
  padding: .3875rem .825rem;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  line-height: inherit;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.woocommerce nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul {
  border: none;
  padding: inherit;
  margin: auto;
  overflow: inherit;
}

/* woo tab */

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs {
  overflow: visible;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li {
  background: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  padding: 0 30px 0 0;
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li {
  border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a {
  color: #e91e63;
  border-bottom: 2px solid #e91e63;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a {
  border-bottom: 2px solid transparent;
  min-width: 100px;
  padding: 10px 15px;
  border-radius: 0;
  color: #555;
  text-align: center;
  text-transform: uppercase;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a:hover {
  border-bottom: 2px solid #e91e63;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  border: none;
}

.woocommerce div.product .woocommerce-tabs h2:first-child {
  display: none;
}
.woocommerce ul.products li.product a img{margin: 0px;}
/*  ----------------------------------------------------
Global Mobile
-------------------------------------------------------- */

/* Small only */

@media screen and (max-width: 39.9375em) {
.post-wrap-layout-2 .cell{padding-right: 0px;padding-left: 0px;}
.post-wrap-layout-2  .card .card-content {
      padding: 15px 10px;
  }
  .slider-cat-info .button.secondary {
    padding: 3px 4px;
    font-size: 11px;
  }
  .slider-post-wrap .is-header-overlay {
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .slider-cat-info .button {
    margin-bottom: 0px;
  }
  .padding-vertical-small-1 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
  }
  .padding-vertical-small-2 {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important;
  }
  .padding-vertical-small-3 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
  }
  .menu-outer .top-bar-right, .menu-outer .main-menu-wrap {
    display: none;
  }
  .navigation .nav-links .page-numbers {
    display: none !important;
  }
  .navigation .nav-links .page-numbers span.current, .navigation .nav-links .page-numbers.prev, .navigation .nav-links .page-numbers.next {
    display: block !important;
  }
  .page_content {
    padding: 40px 28px;
  }
  .sub_banner_page {
    margin: 0;
  }
  #site-wrapper.main-raised {
    margin-left: 10px;
    margin-right: 10px;
  }
  .sidebar-inner .widget_wrap {
    margin-right: 5px;
    margin-left: 5px;
  }
  .single-header-warp {
    padding: 24px 10px;
  }
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*="columns-"] ul.products li.product, .woocommerce[class*="columns-"] ul.products li.product {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 2.992em;
  }
  .page_content {
    margin-top: 0;
  }
  .heade-page-nothumb {
    height: 20vh;
  }
}

/* Medium only */

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .slider-post-wrap .is-header-overlay {
    padding-right: 40px;
    padding-bottom: 20px;
  }
  .slider-cat-info .button {
    margin-bottom: 0px;
  }
  .padding-vertical-small-1 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
  }
  .padding-vertical-small-2 {
    padding-top: 2.5rem!important;
    padding-bottom: 2.5rem!important;
  }
  .padding-vertical-small-3 {
    padding-top: 3.5rem!important;
    padding-bottom: 3.5rem!important;
  }
  .menu-outer .top-bar-right, .menu-outer .main-menu-wrap {
    display: none;
  }
  .page_content {
    padding: 40px 28px;
  }
  .sub_banner_page {
    margin: 0;
  }
  .single-header-warp {
    padding: 24px 10px;
  }
  #site-wrapper.main-raised {
    margin-left: 10px;
    margin-right: 10px;
  }
  .sidebar-inner .widget_wrap {
    margin-right: 5px;
    margin-left: 5px;
  }
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*="columns-"] ul.products li.product, .woocommerce[class*="columns-"] ul.products li.product {
    width: 48%;
    float: left;
    clear: both;
    margin: 0 0 2.992em;
  }
  .page_content {
    margin-top: 0;
  }
  .heade-page-nothumb {
    height: 20vh;
  }
  .heade-page-nothumb h1.text-center{
    margin-top: 0px;
  }
}

/* Large and up */

@media screen and (min-width: 64em) {
  .post-body-warp {
    padding-left: 20px;
  }
  #sub_banner .subheader {
    font-size: 36px;
  }
  .padding-left-lg {
    padding-left: 30px;
  }
  .box_wbb #content-page {
    padding: 0 20px 0 20px;
  }

  .slider-post-wrap .post-thumbouter-slider {
    height: 500px;
  }

  .slider-post-wrap .thumbnail-image-slider {
      height: 500px;
  }
  .slider-post-wrap .thumbnail-resize-slider img {
    min-width: 1100px;

  }


.page_content {
    margin-left: 2px;
  }
  #sub_banner .subheader {
    font-size: 36px;
  }
  .padding-left-lg {
    padding-left: 30px;
  }
  .post-single-content-body {
    padding-right: 40px;
    padding-left: 40px;
  }
  .box_wbb #content-page {
    padding: 0 20px 0 20px;
  }
  .is-font-size-1 {
    font-size: 32px;
  }
  .is-font-size-2 {
    font-size: 28px;
  }
  .is-font-size-3 {
    font-size: 24px;
  }
  .is-font-size-4 {
    font-size: 19px;
  }
  .is-font-size-5 {
    font-size: 15px;
  }
  .is-font-size-6 {
    font-size: 12px;
  }
  .padding-vertical-large-1 {
    padding-bottom: 1rem!important;
    padding-top: 1rem!important;
  }
  .padding-vertical-large-2 {
    padding-bottom: 2rem!important;
    padding-top: 2rem!important;
  }
  .padding-vertical-large-3 {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
  .padding-vertical-large-4 {
    padding-bottom: 4rem!important;
    padding-top: 4rem!important;
  }
  .padding-vertical-large-5 {
    padding-bottom: 5rem!important;
    padding-top: 5rem!important;
  }
  .margin-horizontal-cs-1 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .padding-horizontal-cs-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .top-footer-wrap .gallery-item {
    float: left;
    padding: 2px;
    width: 48%;
  }
  .widget_wrap .gallery-item{
    display: inline-block;
    padding: 2px;
    width:48%;
  }
  .woocommerce .columns-3 ul.products li.product {
    float: left;
    margin: 0 2.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 30.5%;
  }
  .heade-page-nothumb h1.text-center{
    margin-top: -60px;
  }
}

/*=============================================>>>>>
= social icon style 1 =
===============================================>>>>>*/

.btn {
  border: none;
  border-radius: 3px;
  position: relative;
  padding: 12px 30px;
  margin: 10px 1px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0;
  will-change: box-shadow, transform;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-simple {
  padding: 0px;
  font-size: 20px;
  margin: 0px;
  cursor: pointer;
}

.btn.btn-just-icon i {
  width: 20px;
}

.btn.btn-just-icon {
  font-size: 20px;
  padding: 14px 14px;
  line-height: 1em;
  margin-right: 5px;
  margin-left: 5px;
  cursor: pointer;
}

.btn.btn-facebook {
  background-color: #3b5998;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
}

.btn.btn-facebook:focus, .btn.btn-facebook:active, .btn.btn-facebook:hover {
  background-color: #3b5998;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2);
}

.btn.btn-facebook.btn-simple {
  color: #3b5998;
  background-color: transparent;
  box-shadow: none;
}

.btn.btn-facebook.btn-white {
  color: #3b5998;
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.btn.btn-twitter {
  background-color: #55acee;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
}

.btn.btn-twitter:focus, .btn.btn-twitter:active {
  background-color: #55acee;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2);
}

.btn.btn-twitter.btn-simple {
  color: #55acee;
  background-color: transparent;
  box-shadow: none;
}

.btn.btn-twitter.btn-white {
  color: #55acee;
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.btn.btn-pinterest {
  background-color: #cc2127;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
}

.btn.btn-pinterest:focus, .btn.btn-pinterest:active, .btn.btn-pinterest:hover {
  background-color: #cc2127;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2);
}

.btn.btn-pinterest.btn-simple {
  color: #cc2127;
  background-color: transparent;
  box-shadow: none;
}

.btn.btn-pinterest.btn-white {
  color: #cc2127;
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.btn.btn-google, .navbar .navbar-nav>li>a.btn.btn-google {
  background-color: #dd4b39;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
}

.btn.btn-google:focus, .btn.btn-google:active, .btn.btn-google:hover {
  background-color: #dd4b39;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2);
}

.btn.btn-google.btn-simple, .navbar .navbar-nav>li>a.btn.btn-google.btn-simple {
  color: #dd4b39;
  background-color: transparent;
  box-shadow: none;
}

.btn.btn-google.btn-white, .navbar .navbar-nav>li>a.btn.btn-google.btn-white {
  color: #dd4b39;
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.btn.btn-linkedin, .navbar .navbar-nav>li>a.btn.btn-linkedin {
  background-color: #0976b4;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
}

.btn.btn-linkedin:focus, .btn.btn-linkedin:active, .btn.btn-linkedin:hover, .navbar .navbar-nav>li>a.btn.btn-linkedin:focus, .navbar .navbar-nav>li>a.btn.btn-linkedin:active, .navbar .navbar-nav>li>a.btn.btn-linkedin:hover {
  background-color: #0976b4;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2);
}

.btn.btn-linkedin.btn-simple, .navbar .navbar-nav>li>a.btn.btn-linkedin.btn-simple {
  color: #0976b4;
  background-color: transparent;
  box-shadow: none;
}

.btn.btn-linkedin.btn-white, .navbar .navbar-nav>li>a.btn.btn-linkedin.btn-white {
  color: #0976b4;
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.btn.btn-dribbble, .navbar .navbar-nav>li>a.btn.btn-dribbble {
  background-color: #ea4c89;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
}

.btn.btn-dribbble:focus, .btn.btn-dribbble:active, .btn.btn-dribbble:hover, .navbar .navbar-nav>li>a.btn.btn-dribbble:focus, .navbar .navbar-nav>li>a.btn.btn-dribbble:active, .navbar .navbar-nav>li>a.btn.btn-dribbble:hover {
  background-color: #ea4c89;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2);
}

.btn.btn-dribbble.btn-simple, .navbar .navbar-nav>li>a.btn.btn-dribbble.btn-simple {
  color: #ea4c89;
  background-color: transparent;
  box-shadow: none;
}

.btn.btn-dribbble.btn-white, .navbar .navbar-nav>li>a.btn.btn-dribbble.btn-white {
  color: #ea4c89;
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.btn.btn-github, .navbar .navbar-nav>li>a.btn.btn-github {
  background-color: #333333;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
}

.btn.btn-github:focus, .btn.btn-github:active, .btn.btn-github:hover {
  background-color: #333333;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
}

.btn.btn-github.btn-simple {
  color: #333333;
  background-color: transparent;
  box-shadow: none;
}

.btn.btn-github.btn-white {
  color: #333333;
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.btn.btn-youtube, .navbar .navbar-nav>li>a.btn.btn-youtube {
  background-color: #e52d27;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
}

.btn.btn-youtube:focus, .btn.btn-youtube:active, .btn.btn-youtube:hover {
  background-color: #e52d27;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2);
}

.btn.btn-youtube.btn-simple, .navbar .navbar-nav>li>a.btn.btn-youtube.btn-simple {
  color: #e52d27;
  background-color: transparent;
  box-shadow: none;
}

.btn.btn-youtube.btn-white, .navbar .navbar-nav>li>a.btn.btn-youtube.btn-white {
  color: #e52d27;
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.btn.btn-instagram, .navbar .navbar-nav>li>a.btn.btn-instagram {
  background-color: #125688;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12);
}

.btn.btn-instagram:focus, .btn.btn-instagram:active, .btn.btn-instagram:hover {
  background-color: #125688;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2);
}

.btn.btn-instagram.btn-simple, .navbar .navbar-nav>li>a.btn.btn-instagram.btn-simple {
  color: #125688;
  background-color: transparent;
  box-shadow: none;
}

.btn.btn-instagram.btn-white, .navbar .navbar-nav>li>a.btn.btn-instagram.btn-white {
  color: #125688;
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.btn.btn-reddit, .navbar .navbar-nav>li>a.btn.btn-reddit {
  background-color: #ff4500;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12);
}

.btn.btn-reddit:focus, .btn.btn-reddit:active, .btn.btn-reddit:hover {
  background-color: #ff4500;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2);
}

.btn.btn-reddit.btn-simple, .navbar .navbar-nav>li>a.btn.btn-reddit.btn-simple {
  color: #ff4500;
  background-color: transparent;
  box-shadow: none;
}

.btn.btn-reddit.btn-white, .navbar .navbar-nav>li>a.btn.btn-reddit.btn-white {
  color: #ff4500;
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.btn.btn-tumblr {
  background-color: #35465c;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);
}

.btn.btn-tumblr:focus, .btn.btn-tumblr:active, .btn.btn-tumblr:hover {
  background-color: #35465c;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2);
}

.btn.btn-tumblr.btn-simple {
  color: #35465c;
  background-color: transparent;
  box-shadow: none;
}

.btn.btn-tumblr.btn-white {
  color: #35465c;
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.btn.btn-behance {
  background-color: #1769ff;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);
}

.btn.btn-behance:focus, .btn.btn-behance:active, .btn.btn-behance:hover {
  background-color: #1769ff;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
}

.btn.btn-behance.btn-simple {
  color: #1769ff;
  background-color: transparent;
  box-shadow: none;
}

.btn.btn-behance.btn-white {
  color: #1769ff;
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}