/*
Theme Name: VW Security Guard Pro
Theme URI: https://www.vwthemes.com/themes/security-guard-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: This security guard WordPress theme is robust, powerful, expressive and smart. It is useful to build a fully functional website for security guards, security services companies, commando and bodyguard training institutes, self-defence training classes, police training academy and other relevant sites. It is flooded with exemplary features and functionality which come handy with easily manageable interface. The theme is fun to use not just for webmasters but also for those who have zero coding knowledge. It will create absolutely no fuss with third party plugins as it is seamlessly compatible with them. You will never run out of ideas to design a beautiful and attractive website as it comes with so many layout options for header, footer and sidebars. With this premium security guard WordPress theme, you can also set up an online store due to its compatibility with WooCommerce plugin.
Version: 1.3.6
Requires at least: 5.4.2
Requires PHP: 5.2.4
License: GNU General Public License
License URI:license.txt
Text Domain: vw-security-guard-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Security Guard Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2018.
VW Security Guard Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
:root{
  --color-ffffff:#ffffff;
  --color-5b5b5b:#5b5b5b;
  --color-bbbbbb:#bbbbbb;
  --color-00c8ff:#00c8ff;
  --color-000000:#000000;
  --color-666666:#666666;
  --color-383838:#383838;
  --color-999999:#999999;
  --color-424648:#424648;
  --color-d7d7d7:#d7d7d7;
  --color-686868:#686868;
  --color-3890cb:#3890cb;
  --color-04456f:#04456f;
  --color-66686b:#66686b;
  --color-f5f5f5:#f5f5f5;
  --color-333333:#333333;
  --color-f1f1f1:#f1f1f1;
  --color-dddddd:#dddddd;
  --color-55acee:#55acee;
}
:root{
  --font-family-Open:"Open Sans";
  --font-family-work:"Work Sans";
}
*,html body,img{
  margin:0;
  padding:0;
}
*{
  outline:none;
}
html body{
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:var(--color-ffffff);
  position:relative;
  font-size: 14px;
  color:var(--color-5b5b5b);
  font-family: var(--font-family-Open);
}
label {
  margin-bottom: 3px !important;
}
img{
  border:none;
  max-width:100%;
  height:auto;
}
img.alignnone.wp-image-907,img.wp-image-907{
  border: 3px solid var(--color-bbbbbb);
}
section img{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{
  margin:0;
  padding:10px 0;
  line-height: 1.4;
  letter-spacing: 1px;
  color:var(--color-5b5b5b);
  font-family: 'Work Sans', sans-serif !important;
}
p{
  margin:0 0 15px;
  padding:0;
  font-size:14px;
  font-weight:normal;
}
p{
  letter-spacing: 0px;
  font-family: var(--font-family-Open);
}
ul li a{
  letter-spacing: 0px;
  font-family: 'Work Sans', sans-serif;
}
body a{
  text-decoration:none;
  color:var(--color-00c8ff);
}
a:hover{
  text-decoration:none;
  color:var(--color-666666);
}
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;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: var(--color-383838);
}
blockquote:before,blockquote:after{
  display: block;
  font-size: 80px;
  position: absolute;
  color: #7a7a7a;
}
blockquote:before {
  content: "\201C";
  left: 0px;
  top: -30px;
}
blockquote:after {
  content: "\201D";
  right: 33%;
  bottom: -55px;
}
blockquote cite {
  color: var(--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 var(--color-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;
  background-attachment: fixed;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: var(--color-ffffff);
  text-transform: uppercase;
  border: none;
  background-color: var(--color-00c8ff);
}
input[type="submit"]:hover{
  cursor: pointer;
}
.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;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{
  margin:0;
  padding:0;
  background-color:var(--color-d7d7d7);
}
.alignleft,img.alignleft,.alignright, img.alignright{
  display: inline;
  margin-bottom:10px;
  padding:5px;
  border: 1px solid var(--color-bbbbbb);
}
.alignleft,img.alignleft{
  float: left;
  margin-right:20px;
  margin-top:4px;
}
.alignright, img.alignright {
  float: right;
  margin-bottom:10px;
  margin-left:25px;
}
.aligncenter, img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
  padding:5px;
  border: 1px solid var(--color-bbbbbb);
}
.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;
  text-align: center;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
  border: 1px solid var(--color-000000);
}
.widget_calendar td,.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: var(--color-000000);
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: var(--color-bbbbbb);
  color: var(--color-ffffff);
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,.widget_calendar tbody a:focus {
  background-color: var(--color-686868);
  color: var(--color-ffffff);
}
.widget th,.widget td {
  padding: 3px;
}
/* ---------Buttons--------- */
a.button,a.theme_button{
  color: var(--color-ffffff);
  text-transform: uppercase;
  font-weight:bold;
}
a.button{
  border:2px solid var(--color-3890cb);
  background:var(--color-3890cb);
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
}
a.theme_button {
  border: none;
  letter-spacing: 1px;
  padding: 18px 20px;
  font-size: 14px;
  background: var(--color-00c8ff);
  border-radius: 0;
}
a.theme_button:hover {
  color: var(--color-00c8ff);
  background: var(--color-04456f);
}
/*----------------------  index ---------------------------*/
.post-section {
  padding: 20px 0;
}
.cat-box,.date-box{
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  margin: 0 0 15px 0;
}
/*------------------------- Headings --------------------------*/
section h2,section h3,section h4,section h5{
  color: var(--color-04456f);
}
section h2{
  margin-bottom: 20px;
}
section h4{
  font-size:20px;
}
section h3,section h5{
  font-weight:bold;
}
.innerbox{
  background-size:100% 100%;
}
.owl-dots {
  display: none;
}
/*--------------------- Section Heading------------------------*/
.heading_wrap {
  text-align: center;
}
h4.section-topheading {
  background-color: var(--color-00c8ff);
  padding: 5px 15px;
  display: inline-block;
  color: var(--color-ffffff);
  font-size: 14px;
  font-weight: 700;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
  color: var(--color-ffffff);
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
.social_widget a:hover{
  background: var(--color-00c8ff);
}
/* --------- search Page ------- */
.postbox h6 {
  font-weight: bold;
}
#sidebar {
  margin-top: 3%;
  padding: 0px;
}
/*------------------Latest Post -----------------*/
.latest_post_text span {
    color: var(--color-000000);
    font-weight: bold;
}
#latest_post .about-heading {
  padding: 0;
}
.latest_post_text i{
  color: var(--color-00c8ff);
  font-weight: bold;
}
.date_div {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--color-00c8ff);
  padding: 11px;
  color: var(--color-ffffff);
  font-weight: bold;
}
.post_thumb {
  position: relative;
}
h4.latest_post_name a {
  font-weight: bold;
}
.tags{
  padding: 25px 0 15px;
  text-transform: uppercase;
}
.tags a{
  text-transform: capitalize;
  border: solid 1px var(--color-66686b);
  padding: 3px 15px;
  border-radius: 15px;
  color: var(--color-66686b);
  margin: 2px 5px;
  display: inline-block;
}
.newsbox h3 a {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--color-00c8ff);
}
.newsbox h3:after {
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: var(--color-00c8ff);
  margin-top: 7px;
}
.date {
  background-color: var(--color-00c8ff);
  padding: 8px 15px;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: var(--color-ffffff);
  letter-spacing: 1px;
  text-transform: uppercase;
}
.newsbox-content {
  padding: 25px;
  position: relative;
  padding-bottom: 40px;
}
.newsbox {
  border: solid 1px var(--color-f5f5f5);
}
a.blog-link i {
  background-color: var(--color-00c8ff);
  color: var(--color-ffffff);
  padding: 18px;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
}
.newsbox-content:hover .date,.newsbox-content:hover a.blog-link i,.newsbox-content:hover h3:after{
  background-color: var(--color-04456f);
  transition: 0.3s;
}
.newsbox-content:hover h3 a {
  color: var(--color-04456f);
  transition: 0.3s;
}
#latest_post .owl-nav {
  margin: 12px auto;
  display: block;
  position: absolute;
  top: -7em;
  width: 100%;
}
#latest_post button.owl-next.disabled, #latest_post button.owl-prev.disabled {
  background: var(--color-04456f);
}
#latest_post button.owl-prev {
  background: var(--color-00c8ff);
  border: inherit;
  padding: 5px 15px;
  color: var(--color-ffffff);
  float: left;
}
#latest_post button.owl-next {
  background: var(--color-00c8ff);
  border: inherit;
  padding: 5px 15px;
  color: var(--color-ffffff);
  float: right;
}
.newspic img {
  width: 100%;
}
/* --------- Blog Page ------- */
#full-width-blog .postbox {
   width: 100%;
   border: none;
}
#full-width-blog .postbox h3{
  margin:0;
  padding: 0;
}
#full-width-blog .postbox h3,.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
}
.blogimg-full img{
  width: 100%;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
   margin-top: 3%;
}
.postbox h2{
  margin:0 0 5px;
  font-weight:bold;
}
.widget_recent_entries li {
  margin: 10px;
}
.postbox  a.blogbutton,.blogbutton-small{
  background:none;
  font-weight:bold;
  padding:6px 25px;
  border:1px solid var(--color-000000);
  color:var(--color-000000);
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.metabox {
  color: var(--color-000000);
  padding: 5px 0;
  clear: both;
  margin: 10px 0;
  border-top: 1px solid var(--color-00c8ff);
  border-bottom: 1px solid var(--color-00c8ff);
}
.metabox .entry-date,.metabox .entry-author{
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}
.metabox .entry-date{
  background:url('assets/images/date.png') no-repeat;
}
.metabox .entry-author{
  background:url('assets/images/author.png') no-repeat;
}
.metabox .entry-comments{
  background:url('assets/images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#sidebar span.comment-author-link {
  margin-left: 14px;
}
.post-featured img {
  width: 100%;
}
/* --------- Inner Pages --------- */
ol.carousel-indicators li {
  max-width: 7px;
  padding: 4px;
  color: var(--color-333333);
  border-radius: 50%;
  opacity: 1;
  border: 1px solid var(--color-ffffff);
  background-color: transparent;
}
ol.carousel-indicators .active {
  background-color: var(--color-00c8ff);
  border-color: var(--color-00c8ff);
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background: var(--color-00c8ff);
  color: var(--color-ffffff) !important;
  border: 1px solid var(--color-00c8ff);
}
.navigation span.page-numbers.current{
  background: var(--color-ffffff);
  border: 1px solid var(--color-00c8ff);
  color: var(--color-000000) !important;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
  color: var(--color-000000);
}
aside#search-3 {
  padding: 0 !important;
}
.feature-image-box img{
  width:100%;
}
.feature-image-box img a:hover{
  opacity:0.8;
}
.post-singlepage {
  border: solid 1px var(--color-bbbbbb);
  box-shadow: 0 0 1px var(--color-bbbbbb);
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:var(--color-f1f1f1);
  color:var(--color-000000);
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs a:hover{
  background-color:var(--color-00c8ff);
}
.bradcrumbs span{
  background:var(--color-dddddd);
  color:var(--color-000000);
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#comments h2.comments-title,#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
}
#comments h3.comment-reply-title{
  clear:both;
}
#comments input[type="text"],#comments input[type="email"],#comments textarea{
  padding:12px 10px;
  font-size:18px;
}
.testimonial-box{
  padding-left: 15px;
  padding-right: 15px;
}
#comments input[type="submit"].submit {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  color: var(--color-ffffff);
  border-left: 1px solid var(--color-00c8ff);
  border-right: 1px solid var(--color-00c8ff);
  border-bottom: 3px solid var(--color-00c8ff);
  text-transform: uppercase;
  border-top: none;
}
#comments a time{
  color:var(--color-000000);
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  text-align:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  text-align:left;
  margin-left:7%;
}
#comments .comment-author{
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
}
#comments .comment-author.vcard img {
  padding: 2px;
}
/*--------------- Sidebar -----------------*/
#sidebar .textwidget input[type="submit"],#sidebar .textwidget label{
  width: 100%;
}
#sidebar .textwidget label {
    float: left;
    margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
    background: var(--color-333333);
    border: none;
    color: var(--color-ffffff);
    padding: 14px 0;
    font-size: 15px;
    margin: 0;
}
#sidebar form{
  display: table;
  width: 100%;
  border: 1px solid var(--color-bbbbbb);
}
#sidebar h3 {
   margin: 0 5px 10px;
   font-size: 20px;
   color: var(--color-00c8ff);
}
#sidebar h3:after{
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: #d6d6d4;
  margin-top: 7px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:10px 10px;
  border:none;
  font-size:15px;
  color:var(--color-000000);width:100%;
}
#sidebar label{
  width:71%;
  float:left;
  margin-bottom:0;
}
#sidebar input[type="submit"]{
  background:transparent;
  border:none;
  color:var(--color-000000);
  padding:14px 0;
  font-size:10px;
  margin:0;
}
#sidebar aside{
  margin-bottom:30px;
  border:1px solid var(--color-bbbbbb);
  padding: 10px;
}
#sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
  font-size:17px;
}
#sidebar ul li{
  line-height: 32px;
  background: url('./images/arrow-right.png') no-repeat 0px 10px;
}
#sidebar ul li a{
  color:rgba(0, 0, 0, 0.78);
  padding-left: 15px;
}
#sidebar .tagcloud a{
  background:#eeeeee;
  color:var(--color-000000);
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:var(--color-3890cb);
}
#sidebar .widget_recent_entries ul li{
  background: none;
}
#sidebar .post-content {
    line-height: 20px;
    margin-bottom: 15px;
}
span.credit_link a {
  color: var(--color-00c8ff);
}
a.custom_linkedin {
  background: #007bb5;
}
a.custom_pinterest {
  background: #d73431;
}
a.vk {
  background: #507299;
}
a.custom_tumblr {
  background: #36465d;
}
a.flicker {
  background: #b517ad;
}
a.custom_facebook {
  background: #3c5a99;
}
a.custom_twitter {
  background: var(--color-55acee);
}
a.custom_instagram {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}
a.custom_youtube {
  background: #d12122;
}
/*------------- Page -----------------*/
.title-box{
  color:var(--color-ffffff);
  text-transform:uppercase;
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  font-size: 34px;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
.shrtcod-pg{
  border:1px solid var(--color-bbbbbb);
}
.shrt_socio i{
  padding: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
}
/*---------------- 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: var(--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: var(--color-333333);
  color:var(--color-ffffff);
  font-weight:normal;
}
/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories a {
  color: var(--color-333333);
}
.content_boxes {
  padding: 0;
  border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
/*-------------- Main Title ---------------*/
.main_title h1:after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: var(--color-00c8ff);
  margin-top: 7px;
}
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: var(--color-ffffff);
  background-color: var(--color-333333);
  border-radius: 50%;
  width: 36px;
  margin: 0 4px;
  text-align: center;
}
.share_icon i.fab.fa-facebook-f{
  background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in{
  background-color: #007bb5;
}
.share_icon i.fab.fa-google-plus-g{
  background-color: #da4835;
}
.share_icon i.fab.fa-twitter{
  background-color: var(--color-55acee);
}
.services_inner h4, .services_inner .short_text {
    color: var(--color-ffffff);
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
}
button.owl-prev, button.owl-next {
  background: var(--color-ffffff);
  border: 1px solid var(--color-000000);
  padding: 6px 9px;
}
.owl-nav {
  margin: 12px auto;
  display: none;
}
button.owl-next.disabled, button.owl-prev.disabled {
  background: var(--color-bbbbbb);
}
/*-------------- 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: var(--color-00c8ff);
  border-radius: 0;
  padding: 10px 14px;
  color: var(--color-ffffff);
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: var(--color-00c8ff);
}
.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: var(--color-ffffff);
  color: var(--color-333333);
  border: 1px solid var(--color-00c8ff);
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title,.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 var(--color-dddddd);
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: var(--color-00c8ff);
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
  max-width: 100%;
}
input#password, input#reg_password {
  padding: 10px;
}
.woocommerce div.product form.cart .variations select{
  background-color: var(--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;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
  float: left !important;
  margin-right: 20px;
}
ul.product_list_widget li a img {
  height: 50px !important;
  width: 50px !important;
}
ul.product_list_widget li .product-title {
  font-weight: 600;
}
span.woocommerce-Price-amount.amount {
  font:700 15px "Work Sans";
  letter-spacing: 1px;
  color: #04456f;
}
.product_left ins{
  text-decoration: none;
}
form.woocommerce-product-search input.search-field {
  padding: 6px ;
  background: transparent;
  width: 100%;
  border: none;
}
form.woocommerce-product-search button[type="submit"] {
  border: none;
  cursor: pointer;
  padding: 6px 8px;
  background-color: var(--color-00c8ff);
  color: var(--color-ffffff);
  text-transform: uppercase;
}
/* --------- Contact Us widget ------- */
.contact_us_widget i {
  font-size: 20px;
}
.contact_us_icon {
  padding: 12px;
  text-align: center;
}
.contact_us_widget {
  margin-bottom: 15px;
}

/*------------- Faq section -----------------*/
#accordion .panel {
  border-radius: 0;
  margin-top: 0px;
  border:0;
}
#accordion a {
  display: block;
  padding: 10px 15px;
  border: 1px solid #f5f5f5;
  text-decoration: none;
  text-align: left;
  font-size: 14px;
}
#accordion .panel-heading a.collapsed:hover,#accordion .panel-heading a.collapsed:focus {
  background-color: var(--color-00c8ff);
  color: white;
  transition: all 0.2s ease-in;
}
#accordion .panel-heading a.collapsed:hover::before,#accordion .panel-heading a.collapsed:focus::before {
  color: white;
}
#accordion .panel-heading {
  padding: 0;
  border-radius: 0px;
  text-align: center;
}
#accordion .panel-heading a:not(.collapsed) {
  color: white;
  background-color: var(--color-00c8ff);
  transition: all 0.2s ease-in;
  text-align: left;
  font-size: 14px;
}
#accordion a i {
  margin-right: 8px;
}
h4.panel-title {
  padding: 0;
}
.panel-body {
  padding: 0 8px;
}
/* ==========================================================================
   Spinner Style
   ========================================================================== */
.spinner-loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-00c8ff);
  cursor: pointer;
  z-index: 9999;
}
.spinner-loading-box .lds-ripple{
  display: inline-block;
  width: 50%;
  height: 50%;
  position: absolute;
  left: 50%;
  top:50%;
  transform: translate(-50%, -50%);
}
.spinner-loading-box img {
    position: absolute;
    left: 50%;
    right: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    width: 20%;
}
/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  background-color: var(--color-00c8ff);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}
#return-to-top i {
  color: var(--color-ffffff);
  position: relative;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 18px;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: var(--color-ffffff);
  top: 5px;
}
#return-to-top #screen-reader-text{
  color: var(--color-ffffff);
}
#return-to-top.left{
  text-align: left;
  left:0;
}
#return-to-top.right{
  text-align: right;
  right:0;
}
#return-to-top.Center{
  text-align: center;
  right:0;
  left: 0;
  margin: 0 auto;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: #fff !important;
}