/*
Theme Name: VW Blog Magazine
Theme URI: https://www.vwthemes.com/themes/best-free-wordpress-blog-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: VW Blog Magazine Theme is designed to be stylish and classy, This exclusive theme is developed especially for bloggers, personal blog, fashion blog, lifestyle blog, travel blog, food blog, craft blog, tech blog, creative blog, Our Blog WordPress theme makes the use of secure and clean codes, you can easily customize our theme as per your wishes. You can even add or remove anything that you may or may not like. Our Free WordPress theme is so feature-rich that you wouldn’t feel like buying from someone else. With ample of personalization options, optimized codes, call to action button (CTA), beautiful banners, useful shortcodes, numerous styling options, it is the best professional WordPress theme to grab. You will get an interactive demo, responsive slider, quick page speed, display options, SEO friendly features, social media icons, and a bunch of other phenomenal features with this supreme theme. Furthermore, built on Bootstrap framework, the theme will ease the web development. It is user-friendly, and multipurpose theme which will fit perfectly for you. All your long research and time invested in finding the best themes end with us, as we bring you a theme like no other. Our Free Blog Magazine WordPress Theme is fresh, special and distinct in every aspect. It guarantees to give your website a professional look which you desperately wanted.Demo : https://www.vwthemes.net/vw-blog-magazine-pro/
Version: 0.4.3
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: vw-blog-magazine
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, post-formats, flexible-header, featured-image-header, theme-options, translation-ready, threaded-comments, rtl-language-support, blog, portfolio, e-commerce

VW Blog Magazine WordPress Theme has been created by VW Themes(vwthemes.com), 2018.
VW Blog Magazine WordPress Theme is released under the terms of GNU GPL
*/

/* Basic Style */

*{
  margin:0;
  padding:0; 
  outline:none; 
}
html{
  overflow-x: hidden;
}
body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word;
  position:relative; 
  font-size:15px; 
  color:#5b5b5b; 
  font-family: 'Muli', sans-serif;
  background: #fff;
  overflow-x: hidden;
}
img{ 
  margin:0; 
  padding:0;
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;
  font-weight: bold;
}
p{ 
  margin:0 0 15px; 
  padding:0;
  font-size:15px; 
  line-height:1.6; 
  letter-spacing: 1px;
}
a{ 
  text-decoration:none; 
  color:#25c5b7;
}
a:hover{ 
  text-decoration:none; 
  color:#333;
}
a:focus,
a:hover{
  text-decoration:none !important;
}
a:focus,
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="phno"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus,
input[type="tel"]:focus, 
textarea:focus,
input[type="submit"]:focus,
#comments:focus,
select{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
  text-decoration:none !important;
}
ul{ 
  margin:0 0 0 15px; 
  padding:0;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
input[type="search"] {
  padding: 10px 20px;
  border: 1px solid #ddd;
  font-size: 14px;
  color: #000;
  font-style: italic;
  letter-spacing: 1px;
  font-weight: normal;
  width: 100%;
}
.clear{ 
  clear:both;
}
input[type='submit']:hover{
  cursor: pointer;
}
.center{ 
  text-align:center; 
  margin-bottom:40px;
}
.middle-align{ 
  margin:0 auto; 
  padding:20px 0 20px;
}
.wp-caption{ 
  margin:0; 
  padding:0; 
  font-size:13px; 
  max-width:100%;
}
.wp-caption-text{ 
  margin:0; 
  padding:0; 
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.sticky{ 
  margin:0; 
  padding:0; 
  /*background-color:#f1f1f1;*/
}
.sticky h4.section-title a {
  background: url(images/pin.png) no-repeat scroll 0 0px;
  padding-left: 40px;
}
.sticky .postbox {
  background: transparent;
}
.gallery-caption{ 
  margin:0;
  padding:0;
}
.alignleft, 
img.alignleft {
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  border:1px solid #bbb;
  padding:5px; 
}
.alignright, 
img.alignright { 
  display: inline; 
  float: right; 
  border:1px solid #bbb; 
  padding:5px;
  margin-bottom:10px;
  margin-left:25px;
}
.aligncenter, 
img.aligncenter {
 clear: both; 
 display: block; 
 margin-left: auto; 
 margin-right: auto; 
 margin-top:0; 
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
#respond{
  clear:both;
}
.toggleMenu{
  display:none;
}
.bypostauthor{
 margin:0;
 padding:0;
}
small{
  font-size:14px !important;
}

a.small-button{
  background:#3890cb;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}

input[type="text"],
input[type="email"],
input[type="phno"], 
textarea{
  border:1px solid #bcbcbc;
  width:100%; 
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 23px 0;
  height:auto;
}
textarea{
  height:111px; 
}
input[type="submit"] {
  border:1px solid #25c5b7; 
  text-align:center;
  font-size:15px;
  padding:10px 30px; 
  background:#25c5b7;
  font-weight:bold;
  color:#fff;
}
input[type="submit"]:hover{
  background:#bbb;
}

/* ---------Buttons--------- */
a.button{
  background:#25c5b7;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase; 
  font-weight:bold;
  border:1px solid #25c5b7;
}
a.button:hover {
  background: transparent;
  color: #25c5b7;
}
/* ---------HEADER--------- */
.search-box input[type="submit"] {
  padding: 5px 0 0 40px;;
  color: #fff;
  background: url(images/search.png) no-repeat scroll 0 5px;
  font-size: 13px;
  text-align: center;
  float: right;
  text-indent: -9999px;
  border: none;
  margin-top: 6px;
}
#header label{
  margin-top: 3px;
  width: 72%;
  margin-bottom: 0;
}
#header .search-box {
    margin-top: 5px;
}
#header .search-box input[type="search"]{
  border: none;
}
/*.social i {
  font-size: 15px;
  color: #282828;
  padding: 10px;
  border-right: solid 1px #ddd;
}*/
#header .custom-social-icons h3{
  display: none;
}
.custom-social-icons i {
  padding: 10px;
  color: #282828;
  margin: 5px;
  border-right: solid 1px #ddd;
}
.custom-social-icons i:hover{
  color: #25c5b7;
}
.page-template-custom-home-page .logo{
  position: absolute;
  padding: 18px 0;
  border: none;
}
.logo {
  position: static;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  border-top: 2px solid #25c5b7;
  border-bottom: 1px solid #25c5b7;
}
.logo h1 , .logo p.site-title{
  font-size: 50px;
  font-weight: 900;
  letter-spacing: 1px;
}
.logo h1 a,
.logo p, .logo p.site-title a{
  color: #25c5b7;
}
.logo p.site-title {
  margin: 0;
}
.logo p {
  font-size: 14px;
}
.header-image.bg-image img {
  width: 100%;
  display: none;
}
.page-template-custom-home-page .header-image.bg-image img {
  display: block;
}
/* --------- MENUS CSS --------- */
#mySidenav {
  display: inline;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.main-navigation ul{
  margin: 5px 0;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
.main-navigation li{
  display: inline-block;
  position: relative;
}
.main-navigation a{
  display: block;
  color: rgb(0, 0, 0);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  padding: 12px 10px;
}
.main-navigation a:hover{
  color: #25c5b7;
}
.main-navigation a:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  background: #fff;
  min-width: 200px;
  z-index: 9999;
  top: 70%;
  border-top: 4px solid #25c5b7;
  border-bottom: 4px solid #25c5b7;
  line-height: 30px;
  border-radius: 5px;
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0%;
}
.main-navigation ul ul a{
  color: #000 ;
  border: none;
  padding: 5px 10px ;
  border-bottom: 1px solid #eaeaea;
  margin-top: 5px;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
}
.main-navigation ul.sub-menu a:hover{
  color: #25c5b7;
  padding-left: 50px !important;
}
.main-navigation ul.sub-menu>li>a:before {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  margin-top: 15px;
  left: 0;
  opacity: 0;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  background: #222;
}
.main-navigation ul.sub-menu>li>a:hover:before {
  opacity: 1;
  left: 15px;
  width: 20px;
}
.main-navigation ul ul a:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
.main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.main-navigation ul ul li:last-child{
  border-bottom: 0;
}
.main-navigation ul li:hover > ul{
  display: block;
}
.main-navigation .menu > ul > li.highlight{
  background-color: #006ccc;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
/*--------------- SUPERFISH MENU ---------------------------*/

.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
/* Homepage */
.subbox {
  border-bottom: solid 1px #ddd;
  width: 100%;
  float: left;
}
.content-box h4 {
  padding: 0;
  font-size: 13px;
  color: #333;
  font-weight: 600;
}
.content-box {
  padding-top: 15px;
  letter-spacing: 1px;
}
/* Category Slider */
.imagebox .cat-tag {
  position: absolute;
  top: 50%;
  left: 20%;
  right: 20%;
  text-align: center;
  transform: translateY(-50%);
  background: #fff;
  padding: 10px;
}
.imagebox h2 a {
  color: #282828;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 15px;
}
#categry {
  margin-top: -11em;
}
/*.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{
  display: block !important;
}*/
button.owl-prev,
button.owl-next {
  border: none;
  padding: 10px 15px;
  background: #fff;
  color: #000;
}
button.owl-prev {
  position: absolute;
  top: 25%;
  left: -6em;
}
button.owl-next{
  position: absolute;
  top: 28%;
  right: -6em;
}
#our_blog {
  padding: 3% 0;
}
/* Headings */
.imagebox h2{
  color:#000; 
  font-weight:bold;
  font-size:18px;
  margin: 0;
  padding: 10px 0;
}
.box-content h3{
  color:#000; 
  font-weight:bold;
  font-size:18px;
  margin: 0;
  padding: 10px 0;
  text-align: left;
  text-transform: none;
}
.text-center{
  text-align: center!important;
}
a.r_button {
  background: #3790ca;
  padding: 0.5em 2em;
  color: #fff;
}
/*----------------- Woocommerce CSS----------------- */
.woocommerce form .form-row input.input-text{
  padding: 8px;
  border:1px solid #bcbcbc;
}
.woocommerce form.login{
  display: inline-block;
}
.woocommerce-account form .form-row,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
.select2-container--default .select2-selection--single , input#billing_phone{
  padding: 8px 0px;
  border-radius: 0px;
}
.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 45px;
}
.woocommerce-message{
  border-color: #25c5b7;
}
.woocommerce-message::before{
  color: #25c5b7;
}
.woocommerce span.onsale{
  background: #25c5b7;
  padding: 0;
}
.products li {
  padding: 10px !important;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #000;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 10px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  background: #25c5b7;
  color: #fff;
  border-radius: 0;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #000;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 3em;
  padding: 4px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
.woocommerce .text{
  position: unset;
  transform: unset;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #25c5b7;
  padding: 10px !important;
  margin-bottom: 10px !important;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
span.woocommerce-input-wrapper{
 width: 100%;
}
span.posted_in {
  display: block;
}

select.orderby {
  padding: 10px;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce .cart .button, .woocommerce .cart input.button{
  padding: 12px;
}
nav.woocommerce-MyAccount-navigation ul li a, .woocommerce-account .woocommerce-MyAccount-content a, .woocommerce-info a, .woocommerce-privacy-policy-text a,  td.product-name a, a.shipping-calculator-button{
  text-decoration: none !important;
}
.woocommerce .star-rating span, .woocommerce p.stars a{
  color: #ffd400;
}
.woocommerce div.product .woocommerce-product-rating {
  margin-bottom: 10px;
}
.woocommerce #comments p{
  float: none;
}
.related.products h2, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  text-align: left;
}
.related.products h2{
  margin: 0 0 10px;
}
.related.products li {
  width: 29% !important;
  float: none !important;
  display: inline-table;
}
.woocommerce ul.products li.product .button {
  margin-top: 5px;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  width: 50px;
}
/* Woocommerce CSS End*/
/*---------Sticky Header---------*/
.header-fixed {
  position: fixed;
  top:0; left:0;
  width: 100%;
  background: #fff;
  z-index: 999999;
  border-bottom: 2px solid #25c5b7;
}
/*----------- PRELOADER ----------*/

#preloader  {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99;
  height: 100%;
}
#status  {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}
/*------- Footer Section ------*/
.scrollup i {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 20px;
  right: 10px;
  font-size: 20px;
  display: none;
  color: #fff !important;
  padding: 10px;
  background: #25c5b7;
  z-index: 9999;
}
.scrollup.left i{
  left: 10px;
}
.scrollup.center i{
  left: 50%;
  right: 50%;
}
/* -------------Footer Section --------------*/
.footer a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
.footer .widget {
  padding: 15px 0;
}
.footer caption{
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
.footer td{
  padding: 10px;
  color: #fff;
  border-right: 1px solid #ccc;
}
.footer th{
  text-align: center;
  padding: 10px;
  color: #fff;
}
.footer .tagcloud a{
  border: solid 1px ;
  color:#fff;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
.footer .tagcloud a:hover{
  background:#25c5b7;
}
.footer li a {
  color: #fff;
  font-size: 12px;
}
.footer ul li {
  list-style: none;
  padding: 5px 0;
}
.footer ul {
  margin: 0;
}
.footer select {
  padding: 10px 5px;
  width: 100%;
}
.footer tr {
  border: 1px solid;
}
.sub-title{
  margin: 5em 0 0 0;
  line-height: 2em;
}
.footer {
  color: #fff;
  text-align: left;
  background: #111013;
}
.footer h3{
  color: #25c5b7;
  text-align:left;
  text-transform:uppercase; 
  font-size:18px;
  font-weight: bold;
  letter-spacing: 1px;
}
h3.navigate {
  color: #e1261c;
  font-size: 17px;
  border-bottom: 10px solid #e1261c;
  border-bottom-style: double;
}
.sec {
  margin: 1em 0;
}
.sec a{
  color:#000!important;
}
.footer p{
  font-size:15px;
}
.navigate  ul{
  list-style: none;
}
.footer ul li.current_page_item a {
  color:#fff!important;
}
.footer .news-form{
  margin-top:24px;
}
.copyright.text-center a {
  color: #fff;
}
.copyright p{
  color: #fff;
  margin-bottom: 0;
  letter-spacing: 2px;  
  font-size: 15px;
}
.footer-2{
  background:#101013 ;
  text-align:center;
  padding:15px 0;
  border-top: solid 1px #25c5b7;
}
.footer ul.cart_list li a, .footer ul.product_list_widget li a , .footer ul.cart_list li .star-rating, .footer ul.product_list_widget li .star-rating{
  margin-bottom: 5px;
}
.footer .widget_price_filter .ui-slider .ui-slider-range, .footer .widget_price_filter .ui-slider .ui-slider-handle{
  background-color: #25c5b7;
}
.footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #fff;
}
.footer .woocommerce-product-search button{
  font-size: 15px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 30px;
  background: #25c5b7;
  font-weight: bold;
  color: #fff;
  border: none;
  margin-top: 10px;
}
.footer .woocommerce-product-search input[type="search"]{
  border: 1px solid #ddd;
}
.footer form.woocommerce-product-search{
  border: none;
}
.footer ul.product_list_widget li {
  line-height: 25px;
  margin-top: 10px !important;
}
/* --------- Blog Page ------- */
h1.entry-title,
h1.page-title, h2.entry-title {
  color: #222222;
}
.postbox:hover h2,
.postbox:hover i{
  color: #25c5b7;
}
.postbox h2 {
  font-size: 18px;
  letter-spacing: 1px;
  padding-top: 0;
  font-weight: 700;
  padding-bottom: 15px;
}
.postbox h2 a {
  color: #282828;
}
.postbox {
  border: solid 1px #ddd; 
  margin-bottom: 30px;
}
.postbox p {
  font-size: 14px;
  color: #000;
  margin: 15px 0 10px;
  border-bottom: solid 1px #ddd;
  padding-bottom: 10px;
  font-weight: 200;
  letter-spacing: 1px;
}
.new-text {
  padding: 10px;
}
.read-btn{
  margin: 15px  0;
}
#our-services .blogbutton-small {
  font-size: 9px;
}
.blogbutton-small {
  color: #ffffff;
  font-weight: 800;
  font-size: 12px;
  background: #25c5b7;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 10px;
  border: 1px solid #25c5b7;
}
.blogbutton-small:hover{
  color: #25c5b7;
  background: transparent;
}
.padd-box {
  padding: 0;
}
.metabox{
  color:#282828;
  clear:both;
  padding: 10px 0;
}
.metabox i {
  font-size: 15px;
  margin-right: 5px;
  color: #25c5b7;
}
.metabox span {
  margin-right: 10px;
}
hr.big {
  border-top: 3px solid #25c5b7;
  width: 20%;
  margin-bottom: 0;
  margin-top: 10px;
}
hr.small {
  margin: 0;
  border-top: 1px solid #ddd;
  margin-bottom: 10px;
}
.feature-box {
  margin-bottom: 15px;
  margin-top: 20px;
}
.entry-video iframe {
  width: 100%;
}
.entry-audio audio {
  width: 100%;
  margin: 10px 0;
}
h2.section-title a{
  color: #25c5b7;
}
.entry-date a, .entry-author a {
  color: #282828;
}
.entry-content a{
  color: #25c5b7;
  text-decoration: underline;
}
.tags a {
  text-decoration: none!important;
  font-weight: 400;
  /* border-radius: 3px; */
  color: #121212!important;
  background: #f8f8f8;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
  text-shadow: none;
  line-height: 3.5;
  padding: 8px;
  margin: 5px;
  font-size: 15px;
}
.entry-content a, .sidebar .textwidget p a, .textwidget p a, #comments p a, .slider .inner_carousel p a{
  color: #25c5b7;
  text-decoration: underline;
}
.single-post h1{
  font-size: 35px;
}
.related-post {
  clear: both;
}
.related-post h3 {
  padding: 15px 0px 15px;
  color: #000;
}
#our-services .related-post .postbox h2 {
  padding-bottom: 0px;
}
/* Hover Box */
.box-image {
  position: relative;
  width: 100%;
}
.image {
  display: block;
  width: 100%;
  height: auto;
}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #282828;
  overflow: hidden;
  opacity: 0.5;
  width: 0;
  height: 100%;
  transition: .5s ease;
}
.box-image:hover .overlay {
  width: 100%;
}
.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
}
/* --------- POST --------- */
h2#reply-title {
  text-align: left;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 600;
  color: #000;
  text-transform: none;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#f1f1f1; 
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs a:hover{
  background:#ffd34e;
}
.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}

/* Comments BOX */
#comments ol {
  list-style: none;
}
#comments{  
  margin-top:30px;
}  
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  padding:40px 0 0 0;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}  
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  width:100%;
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
  background:#25c5b7 !important;
  padding:10px 40px;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:20px;
  margin-left:0;
  border: none;
}
#comments a.comment-reply-link{
  color:#fff;
  background:#25c5b7;
  padding:5px 15px;
}  
#comments a.comment-reply-link:hover{
  background:#ddd;
  color: #000;
}  
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
.content-vw #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  background:#eee;
  display:inline-block;
  border: 1px solid #d6d6d6;
}  
.content-vw #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  float:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  float:left;
  margin-left:7%;
}  
#comments p {
  width:100%;
  float:left;
  margin-top: 10px;
}
/*----------single-post-comments---------*/
.comments .comment-author, .comment-author.vcard {
  width: 50%;
  float: left;
}
.comment-meta.commentmetadata {
  float: right;
  width: 50%;
  text-align: right;
}
.comments p {
  width: 90%;
  float: left;
}
.comments .reply {
  float: left;
}
.reply {
  margin-bottom: 15px;
  width: 100%;
  float: left;
}
/*---------------- Sidebar------------ */
.sidebar td#prev a {
  color: #25c5b7;
}
.sidebar caption {
  font-weight: bold;
  color: #282828;
  font-size: 15px;
  text-align: center;
}
table#wp-calendar {
  width: 100%;
}
.sidebar td {
  padding: 7px;
  color: #282828;
  font-size: 12px;
  text-align: center;
}
.sidebar td#today {
  background: #282828;
  color: #fff;
}
.sidebar tr {
  border-bottom: solid 1px #ddd;
}
.sidebar th {
  text-align: center;
  padding: 7px;
  color: #282828;
  font-size: 15px;
}
.sidebar select {
  padding: 10px;
  color: #282828;
  background: #eee;
  border: none;
  width: 100%;
}
.sidebar form.search-form{
  display: table;
  width: 100%;
  background: #eee;
  padding: 15px;
}
.sidebar h3 {
  background: #282828;
  text-align: center;
  color: #fff;
  padding: 13px 0 !important;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  margin-bottom: 25px;
}
.sidebar h3:after {
  content: "";
  display: block;
  position: absolute;
  border-top: 5px solid;
  border-top-color: #282828;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -5px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
}
.sidebar input[type="search"]{
  padding: 8px;
  border: none;
  font-size: 14px;
  color: #000;
  font-style: italic;
  letter-spacing: 1px;
  font-weight: normal;
  width: 100%;
}

.footer .custom-social-icons i,
.sidebar .custom-social-icons i {
  border-radius: 50%;
  width: 40px;
  text-align: center;
  height: 40px;
  padding: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  line-height: 1.5;
  border: 1px solid;
  color: #25c5b7;
}
.footer .custom-social-icons i:hover,
.sidebar .custom-social-icons i:hover{
  background: #25c5b7;
  color: #fff;
  border-color: #25c5b7;
}
.footer input[type="submit"]{
  margin-bottom: 15px !important;
}
.sidebar label,
.footer label{
  width: 100%;
  float:left;
  margin-bottom: 12px;
}
.sidebar input[type="submit"],
.footer input[type="submit"]{
  background:#25c5b7;
  border: none;
  color: #fff;
  padding: 8px 0;
  width: 100%;
  font-weight: normal;
  font-size: 15px;
  float: left;
  margin: 0;
  border-radius: 0;
  letter-spacing: 1px;
}
.sidebar aside {
  margin-bottom: 30px;
}
.sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 17px;
}
.sidebar ul li{
  font-size: 12px;
  padding: 5px 0 !important;
  border-bottom: 1px solid #ddd;
  margin: 0 !important;
}
.sidebar ul li:last-child {
  border: none;
}
.sidebar ul li a {
  color: #282828;
  letter-spacing: 1px;
  font-size: 13px;
}
.sidebar .tagcloud a{
  border: solid 1px #ddd ;
  color:#282828;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
.sidebar .tagcloud a:hover{
  background:#ddd;
  color: #000;  
}
.sidebar ul.product_list_widget li{
  line-height: 25px;
  margin-top: 10px !important;
}
.sidebar .widget_shopping_cart .cart_list li a.remove, .sidebar.widget_shopping_cart .cart_list li a.remove {
  position: absolute;
  top: 5px;
  left: 0;
}
.sidebar .widget_price_filter .ui-slider .ui-slider-range, .sidebar .widget_price_filter .ui-slider .ui-slider-handle{
  background-color: #25c5b7;
}
.sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #000;
}
.sidebar ul.cart_list li a, .sidebar ul.product_list_widget li a, .sidebar ul.cart_list li .star-rating, .sidebar ul.product_list_widget li .star-rating {
  margin-bottom: 5px;
}
.sidebar .woocommerce-product-search button{
  font-size: 15px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 30px;
  background: #25c5b7;
  font-weight: bold;
  color: #fff;
  border: none;
  margin-top: 10px;
}
.sidebar .woocommerce-product-search input[type="search"]{
  border: 1px solid #ddd;
}
.sidebar form.woocommerce-product-search{
  border: none;
}
.sidebar .widget_shopping_cart .cart_list li, .sidebar.widget_shopping_cart .cart_list li {
  padding-left: 2em !important;
}
.nav-previous{
  clear:both;
}
.nav-previous,
.nav-next{
  float:left;
  width:50%;
  margin: 1% 0 0 0;
}
.nav-next{
  text-align:right;
  font-size: 18px;
}
.nav-previous{
  text-align:left;
  font-size: 18px;
}

/* Page */
.title-box{
  background-repeat:no-repeat;
  background-size:100% 100%; 
  color:#fff; 
  text-transform:uppercase;
  padding:75px 0; 
  font-weight:bold; 
  text-align:center;
  margin-bottom:25px;
}
.single .title-box{
  background-size:100% 100%;
}
.content-vw p{
  text-align:justify;
  line-height: 1.5; 
  font-size: 15px; 
  margin:0 0 20px 0;
}
.content-vw  h6{
  margin:0 0 15px;
  font-size:17px;
  padding:0;
  line-height:normal;
}
.content-vw h1{
  color: #000;
}
.content-vw h2{
  font-size:32px; 
  padding:0; 
  margin:0 0 10px;
}
.content-vw h3{
  font-size:36px; 
  padding:0; 
  margin:0 0 25px;
}
.content-vw h4{
  font-size:20px; 
  padding:0;
  margin:0 0 25px;
}
.content-vw ul{
  font-size:16px;
}
.content-vw ul li{
  line-height:2;
}
.content-vw ol{
  margin:0 0 0 15px;
  padding:10px 0 0 0; 
  font-size:16px;
  counter-reset: myCounter;
}
.content-vw ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 35px;
}
.content-vw ol li{
  padding:0;
  margin:0 0 20px 0;
}
.content-vw  h5{
  margin:0 0 15px;
  font-size:18px;
  padding:0; 
}
.read-moresec{
  margin:2% 0;
}
.page-content {
  margin: 2%;
}
.page-content h1{
  padding: 0 0 5px;
}
.page-content, .page-content p {
  text-align: center;
}
.page-content p {
  margin: 0;
}
.page-content .read-moresec {
  margin: 20px;
  margin-bottom: 20px;
}
/* Pagination */
.pagination {
  clear:both;position:relative;font-size:14px; /* Pagination text size */
  line-height:13px;
  float:right; /* Pagination float direction */
  font-weight:bold;width:100%;
} 
.pagination span, .pagination a {
  display:block;
  float:left;
  margin: 2px 5px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  background: #333;
  color: #fff;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
} 
.pagination a:hover{
  color:#000;
  background: #25c5b7; /* Pagination background on hover */
} 
.pagination .current {
  padding: 10px 15px;
  background: #25c5b7;
  color: #000;
  font-weight: bold;
}
.content-vw .pagination ul{
  margin:0;
  clear:both;
}
.content-vw .pagination ul li{
  margin:0;
}
.post-navigation{
  clear:both;
}
.post-navigation {
  clear: both; 
}
.post-navigation .post-title { 
  font-size: 20px; 
  font-size: 1.75rem; 
  line-height: 1.25; 
}
/*------single-post-pagination------*/
.post-navigation a {
  color: #1a1a1a;
  display: block;
}
.nav-next {
  float: right;
  width: 50%;
  text-align: right;
}
.nav-previous {
  width: 50%;
  float: left;
  text-align: left;
}
.nav-next span.meta-nav:after{
  content: "\f30b";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 18px;
  margin-left: 10px;
}
.nav-previous span.meta-nav:before{
  content: "\f30a";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 18px;
  margin-right: 10px;
}
.post-navigation span.meta-nav {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 0;
  padding: 15px;
}
.post-navigation span { 
  display: block;
}
.post-navigation .post-title {
  display: none;
}
/* restore screen-reader-text */
.nav-previous {
  float: left;
  width: 50%;
}
.post-navigation .current .screen-reader-text { 
  position: absolute !important; 
}
.post-navigation .page-numbers { 
  display: inline-block; 
}
.post-navigation a { 
  color: #1a1a1a; 
  display: block; 
}
.post-navigation span { 
  display: block; 
}
.post-navigation .meta-nav { 
  color: #282828; 
  font-size: 13px;
  letter-spacing: 0.076923077em; 
  line-height: 1.6153846154; 
  margin-bottom: 0.5384615385em; 
  text-transform: uppercase; 
}
.post-navigation .post-title {
  display: inline;
  font-size: 20px; 
  font-weight: 700;  
  line-height: 1.2173913043; 
  text-rendering: optimizeLegibility;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title { 
  color: #25c5b7; 
}
.post-navigation:before {
  right: 0;
}
.post-navigation:after {
  right: 54px;
}
.post-navigation a:hover,
.post-navigation a:focus {
  color: #1a1a1a;
}
.post-navigation .nav-links {
  position: relative;
}
.post-navigation .nav-links:before,
.post-navigation .nav-links:after {
  color: #fff;
  font-size: 32px;
  line-height: 51px;
  opacity: 0.3;
  position: absolute;
  width: 52px;
  z-index: 1;
}
.post-navigation .post-title {
  display: none;
}
/* reset screen-reader-text */
.post-navigation .current .screen-reader-text {
  position: static !important;
}
.post-navigation .page-numbers {
  display: none;
  letter-spacing: 0.013157895em;
  line-height: 1;
  margin: 0 0.7368421053em 0 -0.7368421053em;
  padding: 0.8157894737em 0.7368421053em 0.3947368421em;
  text-transform: uppercase;
}
.post-navigation .current {
  display: inline-block;
  font-weight: 700;
}
.post-navigation .prev,
.post-navigation .next {
  background-color: #1a1a1a;
  color: #fff;
  display: inline-block;
  height: 52px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  width: 52px;
  z-index: 2;
}
.post-navigation .prev:before,
.post-navigation .next:before {
  font-size: 32px;
  height: 53px;
  line-height: 52px;
  position: relative;
  width: 53px;
}
.post-navigation .prev:hover,
.post-navigation .prev:focus,
.post-navigation .next:hover,
.post-navigation .next:focus {
  background-color: #007acc;
  color: #fff;
}
.post-navigation .prev:focus,
.post-navigation .next:focus {
  outline: 0;
}
.post-navigation .prev {
  right: 54px;
}
/*-------------media-----------------*/

@media screen and (max-width:720px) {
  button.owl-prev,
  button.owl-next{
    position: static;
  }
  .owl-dots {
    display: none;
  }
  #categry{
    margin-top: 0px;
    padding: 2% 0;
  }
  .custom-social-icons ,
  .search-box{
    text-align: center;
  }
  .page-template-custom-home-page .logo{
    position: static;
    border-top: 2px solid #25c5b7;
    border-bottom: 1px solid #25c5b7;
  }
  .blog-icon{
    text-align: left;
    margin: 10px 0;
  }
  .nav-links {
    margin-bottom: 5px;
  }
}
@media screen and (max-width:575px){
  .middle-align {
    margin: 0 auto;
    padding: 20px 20px 20px;
  }
  .woocommerce ul.products[class*=columns-] li.product, 
  .woocommerce-page ul.products[class*=columns-] li.product,
  .related.products li{
    width: 100% !important;
  }
}
@media screen and ( max-width: 999px ) and ( min-width: 768px ) {
  .page-template-custom-home-page .logo{
    position: static;
    border-top: 2px solid #25c5b7;
    border-bottom: 1px solid #25c5b7;
  }
  #categry{
    margin-top: -7em;
  }
  .footer td, .footer th{
    padding: 0px;
  }
  .toggle-nav {
    width: auto !important;
    text-align: left;
  }
}
@media screen and (max-width: 1000px){
  .menubar .nav ul li a:focus,
  a.closebtn.mobile-menu:focus{
    outline: 1px dotted #000;
    border-bottom: 1px solid #000;
  }
  .toggle-nav {
    display: none;
    position: relative;
    width: 30px;
    cursor: pointer;
    margin: 0 auto;
  }
  .toggle-nav i {
    font-size: 20px;
    color: #fff;
    border: 1px solid;
    padding: 10px;
    background: #25c5b7;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .toggle-nav button {
    background: transparent;
    border: none;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1; 
    left: 0;
    top: 0;
    overflow-x: hidden; 
    transition: 0.5s;
    overflow-y: scroll;
    background: #fff ;
  }
  .sidenav .closebtn {
    position: absolute;
    right: 25px;
    font-size: 36px;
    display: block !important;
    color: #000;
    padding: 0;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  .toggle-nav{
    display: block;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .main-navigation ul{
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center; 
    margin-top: 0px;
    float: none;
  }
  .main-navigation ul ul li{
    display: block;
  }
  .menubar .nav ul li{
    border-top:1px #f1f1f1 solid; 
    display:block;
  }
  .main-navigation ul li a{
    padding: 8px;
    text-decoration: none;
    font-size: 12px;
    color: #000;
    display: block; 
    transition: 0.3s;
    float: none;
    margin: 5px 0;
    border-right: none;
    border-top: 1px solid #f1f1f1;
  }
  .main-navigation ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .main-navigation ul.sub-menu a:hover{
    padding-left:20px !important;
    background: #fff !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    background: transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    box-shadow: none;
  }
  .main-navigation ul ul a{
    border-bottom: none;
    text-align: center;
    padding-left: 40px;
  }
  .main-navigation ul ul ul.sub-menu a{
    padding-left: 40px;
  }
  .main-navigation li{
    padding: 0;
    display: block;
    text-align: center;
  } 
  .main-navigation ul li:last-child{
    border-bottom: 1px #f1f1f1 solid;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  #mySidenav {
    text-align: left;
    display: inline;
  }
  .main-menu {
    padding: 0em;
    padding-top: 50px;
  }
  .main-navigation ul.sub-menu>li>a:before {
    content: unset;
  }
  .main-navigation ul.sub-menu>li>a:hover:before {
    opacity: 0;
    left: 0px;
    width: 0px;
  }
  #mySidenav {
    transition: all 0.5s ease-in-out;
    cursor: zoom-in;
    z-index: 999999;
    width: 100%;
    top: -110%;
  }
    .sf-arrows .sf-with-ul:hover:after,
  .main-navigation ul li li:hover .sf-with-ul:after{
    content: '\f107';
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    color: #000;
  }
  .sf-arrows .sf-with-ul:after{
    content: '\f106';
    position: absolute;
    height: 0;
    width: 0;
    border-top-color: #e1e1e1;
    color: #000;
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    margin-top: 0px;
    font-size: 12px;
    padding: 0px 10px;
  }
}
@media screen and ( max-width: 1024px ) and ( min-width: 1000px ) {
  #categry{
    margin-top:-10em;
  }
}
@media screen and (max-width: 768px) and (min-width: 720px){
  .related.products li {
    width: 48% !important;
    float: left !important;
  }
  .woocommerce #payment #place_order, 
  .woocommerce-page #payment #place_order{
    width: auto;
  }
}