/*
Theme Name: VW Mobile App Pro
Theme URI:  https://www.vwthemes.com/themes/wordpress-mobile-app-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: A highly intuitive, powerful, robust, dynamic and stunning WordPress mobile app theme is here to take the popularity of your mobile app to new heights. It is made for websites to promote mobile apps, app pages, display features, create landing page, showcase tech-savvy products and gadgets, sell mobiles and other gadgets online and other relevant websites and businesses. It has an eye-catching design with pleasing colours and smart typography for enhanced readability. The present design of this WordPress mobile app theme can be changed as it offers so many layout options for blogs, pages, header, footer, sidebars and gallery that you can every time come up with new design by trying various combinations among these. Its friendly interface of front end and smooth navigation gives a pleasant site using experience. It has banners, sliders and call to action buttons that you can use to your own benefit.
Version: 1.4.8
Requires at least: 5.4.2
Requires PHP: 5.2.4
License: GNU General Public License
License URI:license.txt
Text Domain: vw-mobile-app-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Mobile App Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2018.
VW Mobile App Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
*{
  scroll-behavior: unset !important;
}
html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative; 
  font-size: 15px;
  color:#2d313d; 
  font-family: 'Kanit';
  font-weight: 300;
  scroll-behavior: unset;
}
label {
  margin-bottom: 0 !important;
}
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;
  line-height: 1.4;
  letter-spacing: 1px;
  color: #2d313d;
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:15px;
  font-weight:300;
  font-family: 'Roboto';
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none; 
  color:#0a7bb7;
}
a:hover{
  text-decoration:none; 
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{font-size: 16px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
} 
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -10px;
  color: #7a7a7a;
}
blockquote:after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
  right: 0px;
  bottom: -10px;
  color: #7a7a7a;
} 
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}  
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="phno"],input[type="password"], textarea{
  border:1px solid #424648;
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px 0;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  background-color: #ffffff;
  color: #0a7bb7;
  border: 2px solid #0a7bb7;
  letter-spacing: 1px;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 28px;
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
  transition: all ease-in-out 300ms;
}
input[type="submit"]:hover{
  cursor: pointer;
}
textarea {
    height: 100px;
}
.bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInUp{
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible!important;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.alignleft, img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  padding:5px;
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  padding:5px; 
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
table, td, th {
  border: 1px solid black;
}
/* ---------Buttons--------- */
a.button{ 
  border: 2px solid #3890cb ; 
  background:#3890cb;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase; 
  font-weight:bold;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  text-transform: uppercase;
  padding: 0 0 10px;
  margin: 0;
  letter-spacing: 3px;
}
section h3 {
  font-weight: 700;
  padding: 15px 0;
  position: relative;
}
section h3::after {
  position: absolute;
  height: 3px;
  width: 80px;
  background-color: #0a7bb7;
  bottom: 0px;
  text-align: center;
  content: "";
  margin: 0 auto;
  right: 0;
  left: 0;
}
section h4{
  font-size:20px;
}
section h5{
  margin:0 0 10px 0; 
  padding:0;
}
.innerbox{
  background-size:100% 100%;
}
.owl-dots {
  display: none;
}
/* ----------- Background Attachment ------------ */
.section_bg_scroll{
  background-attachment: scroll;
}
.section_bg_fixed{
  background-attachment: fixed;
}
/*----------------Menu bar-----------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous{
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
/*----------------------  index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(assts/images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(assts/images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
.socialbox a {
  color: #ffffff;
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  background-color: #0a7bb7;
}
.socialbox a:hover {
  background: #2d313d;
}
.socialbox a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}
/* --------- Inner Pages --------- */
ol.carousel-indicators {
  position: static !important
}
ol.carousel-indicators li {
  max-width: 10px;
  padding: 5px;
  color: #333333;
  border-radius: 50%;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px; 
  font-weight:bold;
  margin: 10px 0;
} 
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -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;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #333333; 
  color:#ffffff;
  font-weight:normal;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  margin: 0 auto;
}
button.owl-prev, button.owl-next {
  background: #ffffff;
  border: 1px solid #000;
  padding: 6px 9px;
}
.owl-nav {
  margin: 12px auto;
  display: none;
}
button.owl-next.disabled, button.owl-prev.disabled {
    background: #bbb;
}
/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
    font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .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-color: #fc6352;
  border-radius: 0;
  padding: 10px 14px;
  color: #ffffff;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: #fc6352;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: #ffffff;
  color: #333333;
  border: 1px solid #0a7bb7;
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title {
  text-align: center;
}
.woocommerce ul.products li.product .price{
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid #ddd;
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: #0a7bb7;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
    max-width: 100%;
}
.woocommerce div.product form.cart .variations select{
  background-color: #ffffff; 
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
    width: 100%;
    max-width: 100%;
}
.woocommerce a.added_to_cart {
    padding: 0 .5em .5em;
    display: inline-block;
}
.col-1,.col-2 {
 max-width: 100%;
}
span.woocommerce-input-wrapper, .woocommerce label {
 width: 100%;
}
.date_div {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: var(--firstcolor);
  background: -o-linear-gradient(right, var(--secondcolor), var(--firstcolor));
  background: -moz-linear-gradient(right, var(--secondcolor), var(--firstcolor));
  background: -webkit-linear-gradient(left, var(--secondcolor), var(--firstcolor));
  padding: 11px;
  color: var(--white);
  font-weight: bold;
}
#latest_post button:focus {
  outline: inherit !important;
}
.postbox .postpic{
  position: relative;
  overflow: hidden;
}
.postbox .postpic:before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--black);
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.postbox:hover .postpic:before{
  opacity: 0.4;
}
.postbox .postpic:after{
  content: "";
  width: 100%;
  position: absolute;
  top: -35%;
  background: rgba(0, 0, 0, 0.6);
  transform: rotate(10deg);
  transition: all 0.4s ease 0s;
}
.postbox:hover .postpic:after{
  left: -50%;
}
.postbox .postpic img{
  width: 100%;
  height: auto;
}
.postbox .posticon-1, .postbox .posticon-2{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  text-align: center;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease 0s;
}
.postbox .posticon-1{  left: 0; }
.postbox .posticon-2{ right: 0; }
.postbox:hover .posticon-1, .postbox:hover .posticon-2{
  opacity: 1;
}
.postbox .posticon-1 a, .postbox .posticon-2 a{
  display: inline-block;
  font-size: 25px;
  color: #fff;
  position: relative;
  top: 47%;
}
.postbox .postbox-content {
  padding: 23px 30px;
  transition: all 0.3s ease 0s;
  transition: all ease-in-out 300ms;
  -moz-box-shadow: 8px 8px 1px 1px #dee2e6;
  -webkit-box-shadow: 8px 8px 1px 1px #dee2e6;
  box-shadow: 5px 5px 14px 0px #dee2e6;
}
.postbox h3.posttitle a{
  font-size: 18px;
  color: #2d313d;
  margin-top: 0;
}
.postbox .posttext{
  display: block;
  color: #2d313d;
  transition: all 0.3s ease 0s;
}
.meta_listing li {
  list-style: none;
  display: inline;
  padding: 3px;
  color: #7f858d;
}
.meta_listing{
  margin: 0;
  text-align: center;
}
.meta_listing li i{
  margin-right: 5px;
}
h4.posttitle a{
  color: #2d313d ;
}
/*--------------------- Section Heading------------------------*/
.section-heading{
  text-align: center;
}
.section-heading p{
  max-width: 600px;
  width: 100%;
  margin: 15px auto 25px;
  line-height: 24px;
}
a.theme_button {
  color: var(--white);
  border: 2px solid var(--white);
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 28px;
  display: inline-block;
  padding: 15px 20px;
  cursor: pointer;
  margin-top: 20px;
}
a.theme_white_button{
  border: 2px solid var(--white);
  letter-spacing: 1px;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 28px;
  display: inline-block;
  cursor: pointer;
  transition: all ease-in-out 300ms;
  margin-top: 20px;
}
a.theme_white_button{
  background-color: var(--white);
  color: var(--firstcolor);
}
a.theme_button:hover {
  color: var(--firstcolor);
  background: var(--white);
}
a.theme_white_button:hover {
  color: var(--white);
  background-color: transparent;
  border: 2px solid var(--white);
}
a.theme_orange_button{
  background-color: var(--firstcolor);
  color: var(--white);
  border: 2px solid var(--firstcolor);
  letter-spacing: 1px;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 28px;
  display: inline-block;
  cursor: pointer;
  transition: all ease-in-out 300ms;
  margin-top: 20px;
}
a.theme_orange_button:hover {
  color: var(--firstcolor);
  background: transparent;
  border: 2px solid var(--firstcolor);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: #fff !important;
}