/*
Theme Name: VW Health Care Pro
Theme URI: https://www.vwthemes.com/themes/healthcare-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: This Healthcare WordPress Theme is a professionally designed theme that serves as a complete solution for establishing any kind of healthcare-related website such as websites for hospitals, clinics, healthcare professionals, etc. Sometimes, simple and elegant stuff can be more appealing as compared to the gaudy and messy look. Considering this thing, the theme embraces a clean and sophisticated design with a well-suited header and top bar having your contact information. Ample space is given for uploading your custom designed logo. The slider of this theme is so elegantly designed that it never fails to make your website’s first impression count by leaving a positive impact of your services on visitors’ minds. You do not need to worry about the resources as you will find plenty of them in this theme, for sure. WP Healthcare WordPress Theme is translatable into different local as well as global languages thanks to its WPML and RTL compatibility.
Version: 1.1
Requires at least: 5.2.4
Requires PHP: 5.2.4
Tested up to: 7.5
License: GNU General Public License
License URI:license.txt
Text Domain: vw-health-care-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Health Care Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2020.
VW Health Care Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
/* latin */
/* latin-ext */
@font-face {
  font-family: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/webfonts/buEzpo6gcdjy0EiZMBUG4CMf_exL.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/webfonts/buEzpo6gcdjy0EiZMBUG4C0f_Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/webfonts/v2/6xKudSxYI9__J9CYI0v0FHU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/webfonts/6xKudSxYI9__J9CYLUv0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/webfonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*{
  margin:0;
  padding:0;
  outline:none;
}
html body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  position:relative;
  font:300 15px 'Poppins';
  color: #6c6c6c;
  overflow-x: hidden;
}
body.modal-open{
  overflow: scroll !important;
}
body{
  padding-right: 0 !important;
}
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;
  letter-spacing: 1px;
  font-family:"Raleway";
  color:#000000;
  font-weight: 700;
}
p{
  margin:0 0 15px;
  padding:0;
  font-size:15px;
  font-weight:300;
  display: block !important;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none;
  color:#222222;
}
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: 14px;
}
:hover{
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  max-width: 100%;
  padding: 1.25em 40px 0.3em;
  line-height: 1.45;
  position: relative;
  color: #0f0f0f;
  border-bottom: 8px solid #28477d;
  background: #EDEDED;
  background:#EDEDED;
    -webkit-box-shadow: 0px 4px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
  box-shadow: 0px 4px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}
blockquote::before{
  font-size: 88px;
  font-family: Arial;
  content: "\201C";
  color: #28477d;
  position: absolute;
  left: 7px;
  top: -28px;
}
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: 50px 0;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  border: none;
  background-color: #77a7dc;
}
input[type="submit"]:hover{
  cursor: pointer;
}
textarea {
  height: 80px;
}
.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;
}
iframe{
  width: 100%;
}
.wp-caption{
  font-size:13px;
  max-width:100%;
}
.wp-caption-text,.wp-caption,.gallery-caption,.bypostauthor{
  margin:0;
  padding:0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.alignleft,img.alignleft,.alignright, img.alignright{
  display: inline;
  padding:5px;
  margin-bottom:10px;
}
.alignleft,img.alignleft{
  float: left;
  margin-right:20px;
  margin-top:4px;
}
.alignright, img.alignright {
  float: right;
  margin-left:25px;
}
.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;
}
.widget_block,.home .wp-block-search .wp-block-search__label{
  display: none;
}
.home .widget_block{
  display: block;
}
/*----------------------- Calendar Widget Style -------------------------*/
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 #fff;
  color: #000000;
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
  color: #7f8391;
}
.widget_calendar td,.widget_calendar th {
  line-height: 1.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 0em;
  color: #7f8391;
  padding-left: 15px;
  caption-side: top;
}
.widget_calendar tbody a {
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody #today{
  background-color: #bbb;
}
.widget_calendar tbody a:hover,.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #7f8391;
}
.widget th,.widget td {
  padding: 0.5384615385em;
}
/*------------------- Spinner Style --------------------- */
.spinner-loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #28477d;
  cursor: pointer;
  z-index: 999999;
}
.spinner-loading-box .lds-ripple{
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top:50%;
  transform: translateY(-50%);
}
.spinner-loading-box .lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.spinner-loading-box .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 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;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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;
  clip-path: none;
  color: #21759b;
  display: block;
  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. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
 outline: 0;
}
/* ----------- Background Attachment ------------ */
.section_bg_scroll{
  background-attachment: scroll;
}
.section_bg_fixed{
  background-attachment: fixed;
}
/*----------------------  index ---------------------------*/
.post-section {
  padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(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(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*-------------- Section Headings ----------------- */
section h2{
  font:800 30px/30px "Raleway";
  letter-spacing: 1px;
  color: #242424;
  margin-bottom: 0;
  padding-top: 0;
}
section h3 {
  font:500 28px "Raleway";
  letter-spacing: 2px;
  color: #222222;
  padding: 0;
}
section h4{
  color:#000;
  font-size:20px;
}
section h5{
  color:#333;
  font-weight:bold;
  margin:0 0 10px 0;
  padding:0;
}
.innerbox{
  background-size:100% 100%;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
  width: 100%;
}
.main_title {
  margin-top: 20px;
}
.main_title h1{
  padding: 0;
  margin-bottom: 22px;
  font:600 36px "Roboto";
  color: #000;
  letter-spacing: 2px;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
  color: #8e929f;
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 14px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
/* --------- search Page ------- */
.postbox h6 {
  font-weight: bold;
}
/* --------- Blog Page ------- */
.postbox-content .post-text{
  font:500 16px/27px "Roboto";
  letter-spacing: 1px;
  color: #9a9da4;
}
.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;
   -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  padding: 20px;
}
.postbox h2{
  margin:0 0 5px;
  font-weight:bold;
}
a.post-readmore {
  font-size: 18px;
  border-bottom: 1px solid;
}
a.post-readmore i {
 margin-left: 8px !important;
 font-size: 18px;
 border-bottom: 1px solid #ffffff;
 padding-bottom: 2px;
}
.widget_recent_entries li {
  padding: 10px 0;
}
.postbox  a.blogbutton,.blogbutton-small {
  background:none;
  font-weight:bold;
  padding:6px 25px;
  border:1px solid #000;
  color:#000;
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.metabox {
  color: #000;
  padding: 5px 0;
  clear: both;
  margin: 10px 0;
}
.metabox .entry-date{
  margin:0 13px 0 0;
}
.metabox .entry-author{
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
  font-family: "Roboto";
}
.metabox .entry-author a{
  color: #000;
  font-family: "Roboto";
}
.metabox .entry-comments{
  padding: 0 0 0 20px;
  font-family: "Roboto";
}
.logged-in-as a,.logged-in-as a:hover{
  color: #000;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
.post-featured img {
  width: 100%;
}
.authordetails{
  padding: 30px 0;
}
.authordetails .author_links{
  padding-left: 17%;
  font-weight: bold;
  margin-bottom: 7px;
}
.authordetails .b-content {
  font:500 italic 15px/26px "Roboto";
  letter-spacing: 0px;
  color: #a1a5ab;
}
h2#reply-title{
  font-family: "Roboto";
}
.authordetails ul {
  list-style-type: none;
  margin-left: 18%;
  margin-top: 10px;
  position: relative;
}
.authordetails ul li {
  display: inline;
}
.authordetails ul li a i {
  background-color: #000;
  padding:15px 15px 9px 15px;
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.authordetails img{
  border-radius: 50%;
}
#comments input[type="submit"]{
  /*background-color: #000 !important;*/
  color: #fff !important;
  font-family: "Roboto";
}
/* --------- Inner Pages --------- */
.more_info a {
  background: #333;
  color: #ffffff;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: #ffffff;
  color: #333333;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background-color: #3b82ea;
  color: #000;
  border: 1px solid #3b82ea;
}
.navigation span.page-numbers.current{
  background-color: #ffffff;
  border: 1px solid #3b82ea;
  color: #000 !important;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
  color: #000;
}
.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: #fff;
  margin-right: 1%;
}
.blog-icon i:hover {
  background: #d3da36;
  color: #fff;
}
.blog-icon i.fa-google-plus {
  padding: 12px 10px 12px 11px
}
.feature-image-box img{
  width:100%;
}
.feature-image-box img a:hover{
  opacity:0.8;
}
.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#222222;
  color:#fff;
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs span{
  background:#dddddd;
  color:#000;
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments ul{
  list-style-type: none;
}
#comments ol{
  list-style-type: none;
}
#comments .reply{
  float: none !important;
  margin-bottom: 30px;
}
#comments .reply a{
  font:700 16px "PT Sans";
  letter-spacing: 0px;
  color: #222222;
}
#comments .commentmetadata a{
  font-size: 18px;
  padding-top: 8px;
  display: inline-block;
}
#comments h2.comments-title{
  padding-bottom: 20px !important; font-size: 20px;
}
.modal-header button{
  font-size: 20px;
  background: transparent;
  border: none;
}
/* ---------- Button Animation ---------- */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 50px;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* ================ Sidebar Style ======================= */
#sidebar td#prev a {
 color: #6c6c6c;
}
#sidebar caption {
 font-weight: bold;
 color: #6c6c6c;
 font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
 border: 1px solid #e1e1e1;
 text-align: center;
}
#sidebar td {
 padding: 7px;
 color: #6c6c6c;
}
#sidebar th {
 text-align: center;
 padding: 5px;
 color: #6c6c6c;
}
#sidebar select {
 padding: 10px 5px;
 border: solid 1px #e1e1e1;
 color: #6c6c6c;
 background: transparent;
}
#sidebar form{
 text-align: center;
}
#sidebar h3 {
  font:700 24px "Raleway";
  color: #222222;
  padding-bottom: 15px;
  margin-bottom: 11px;
  text-align: left;
  border-bottom: 1px solid #e7e7e7;
}
#sidebar input[type="search"] {
 padding:10px 10px;
 font-size:15px;
 margin-bottom: 10px;
 color:#6c6c6c;
 border: solid 1px #e1e1e1;
 width: 100%;
 margin-bottom: 0;
}
#sidebar input[type="submit"]{
  background-color : #00cde9;
 color:#fff;
 padding:10px 0;
 font-size:12px;
 width: 100%;
 letter-spacing: 2px;
 font-weight: bold;
 margin-top: 10px;
}
#sidebar .widget {
 padding: 20px;
 margin-bottom: 25px;
 -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
}
#sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 17px;
}
.wp-block-latest-posts__list li:before,.wp-block-latest-comments__comment-meta:before,.recentcomments:before{
  content: "\f6d5";
  position: absolute;
  font-family: 'Font Awesome 5 Brands';
  top: 40%;
  left: -5%;
  height: 8px;
  border-radius: 70px;
  border-radius: 250px 0;
  background: -webkit-gradient(linear,left top,right top,from(rgba(0,205,233,0.5)),to(#00cde9));
  background: linear-gradient(to right,rgba(49,207,171,0.5),#00cde9);
  -webkit-transform: translateX(-50%) rotate(
-10deg);
  transform: translateX(-50%) rotate(
-10deg);
  transition: all .3s ease-in-out!important;
  width: 11px;
}
.wp-block-latest-posts__list li:after,.wp-block-latest-comments__comment-meta:after,.recentcomments:after{
  content: "\f6d5";
  position: absolute;
  font-family: 'Font Awesome 5 Brands';
  top: 40%;
  left: -7%;
  height: 8px;
  border-radius: 70px;
  border-radius: 250px 0;
  background: -webkit-gradient(linear,left top,right top,from(rgba(0,205,233,0.5)),to(#00cde9));
  background: linear-gradient(to right,rgba(49,207,171,0.5),#00cde9);
  -webkit-transform: ttranslateX(-75%) rotate( -102deg);
  transform: translateX(-75%) rotate(
-102deg);
  transition: all .3s ease-in-out!important;
  width: 11px;
}
.wp-block-latest-posts__list li,.wp-block-latest-comments__comment-meta,.recentcomments{
  margin-left: 8%;
  position: relative;
}
.wp-block-latest-posts__list li:hover a{
  color: #28477d !important;
}
.wp-block-latest-comments__comment-meta a{
  font-weight: 400;
}
#sidebar ul li{
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
}
#sidebar ul li:last-child{
  border:none;
}
#sidebar ul li a,#sidebar ul li {
  font: 600 15px Poppins,sans-serif;
  color: #343434;
}
#sidebar .tagcloud a{
 border: solid 1px #e1e1e1;
 color:#6c6c6c;
 font-size:15px !important;
 padding:5px 18px;
 margin:0 0 5px;
 display:inline-block;
}
#sidebar .tagcloud a:hover{
 background:#111;
 color: #fff;
}
#sidebar h2{
  font: 700 24px "Raleway";
}
span.credit_link a {
  color: #3fddc2;
}
.single-post-content p,.middle-content p{
  font:500 15px/26px "Roboto";
  letter-spacing: 0px;
  color: #a1a5ab;
}
.content_boxes .share_icon{
  margin-top: 20px;
}
.content_boxes iframe{
  max-width: 100%;
}
.modal-body{
  padding-bottom: 0.75em;
}
.modal-header{
  padding: 0 !important;
}
.modal-header button{
  background: #28477d;
  padding: 0 11px;
  color: #fff;
}
/* ================= Page Style ===================== */
.title-box{
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
  position: relative;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  color: snow;
}
.above_title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
.shrtcod-pg{
  border:1px solid #bbb;
}
.shrt_socio i{
  border: 1px solid #bbb;
  padding: 10px;
  margin-right: 10px;
}
/* ==================== Contact Widget Style ================== */
.contact_us_icon i {
  color: #3b82ea;
  margin: 10px 0;
  font-size: 24px;
}
.widget_recent_entries li a {
  font-size: 14px;
}
.widget_recent_entries span.post-date {
  width: 100%;
  float: left;
  margin-bottom: 11px;
  text-align: left;
  font-size: 14px;
  letter-spacing: 0px;
  color: #aca9a9;
  font-family: "Roboto";
}
/* =================== Pagination Style ========================== */
.post-navigation .post-title{
  font: bold 16px/30px "Roboto";
  letter-spacing: 0px;
  color: #9a9da4;
}
.post-navigation .post-title:hover{
  color: #6495ed;
}
#search-page-nav{
  margin: auto;
}
/* ======================== Blog Pagination Style ======================= */
.navigation {
  font-size:14px;
  font-weight:bold;
  margin: 10px 0 10px 20px;
}
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15px;
  margin-bottom: 10px;
  margin-right: 10px;
  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;
  font-weight: 600;
  font-family: "Roboto";
}
.page-numbers.dots{
  color:#000;
}
.navigation a:hover{
  color: #fff;
}
.navigation span.meta-nav {
  font: bold 16px/30px "Roboto";
  letter-spacing: 0px;
  color: #000;
  margin-bottom: 0;
}
.navigation .current{
  background: #333333;
  color:#ffffff;
  font-weight:normal;
}
/* -------- Single Page Pagination ---------- */
.single-page-nav .navigation{
  margin-left: 0;
}
.single-page-nav .navigation a,.single-page-nav .navigation span{
  float: none;
  margin-bottom: 0;
  padding-left: 0;
}
.single-page-nav .navigation span{
  padding-top: 0;
}
.single-page-nav .navigation .nav-next{
  text-align: left;
}
.single-page-nav .nav-links,.single-page-nav .navigation a{
  display: flex;
}
/* ==================== Category Style =============== */
.alt-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;
}
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories li{
  display: inline-block;
}
ul.post-categories li:after{
  content: ' ,';
}
ul.post-categories li:last-child:after{
  content: '';
}
ul.post-categories a {
  color: #333333;
}
.content_boxes {
  padding: 0;
  border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
.post_tag .meta-sep{
  font-weight: bold;
}
.post_tag a:after{
  content: ", ";
  display: inline-block;
}
.post_tag a:last-child:after{
  content: "";
}
/* ==================== Share Icon Style ==================== */
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  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: #55acee;
}
.share_icon a{
  padding-bottom: 5px;
  display: inline-block;
}
.single-post .share_icon a:hover,.socila_share a:hover{
  position: relative;
  top: -12%;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.menubar.scrolled li.search-box {
  display: block !important;
}
/* ====================== Owl Carousel Style ==================== */
.owl-carousel .owl-dots{
  text-align: center;
  padding-top: 30px;
}
.owl-carousel .owl-dots button{
  width: 10px;
  height: 10px;
  background-color: transparent;
  margin: 0 7px;
  outline: none;
  border: 1px solid #000 !important;
  border-radius: 2px;
}
.owl-carousel .owl-dots .active{
  background-color: transparent; !important;
  border-color:#689ed8 !important;
}
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
  width: auto;
}
#our-partners img{
  width: auto !important;
}
#our-partners .owl-stage{
  margin: 0 auto;
  display: block;
  text-align: center;
}
button.owl-next, button.owl-prev {
  background: #1e202c;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
  outline: none;
}
button.owl-prev {
  left: 0px;
}
button.owl-next {
  right: 0px;
}
button.owl-next i, button.owl-prev i{
  color: #ffffff;
}
.owl-carousel .owl-nav i{
  color: #b9b9b9;
  font-size: 20px;
}
.owl-carousel .owl-nav button:focus{
  outline: none;
}
/* ====================== Woocommerce Style ===================== */
.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: #00cde9;
  border-radius: 50px;
  padding: 10px 14px;
  color: #ffffff;
  margin-bottom: 10px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: #00cde9;
}
#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: 10px;
}
.woocommerce ul.products li.product .price del{
  font-size: 14px;
}
.woocommerce ul.products li.product .price ins{
  font-size: 16px;
  color: #2a537ff2;
}
.woocommerce nav.woocommerce-pagination ul li{
  margin-right: 6px;
}
.woocommerce nav.woocommerce-pagination ul{
  border: none;
}
li.product {
  border: 1px solid #ddd;
  padding-bottom: 17px;
  text-align: center;
}
#single-product-page span.onsale{
  background-color: #3b82ea;
  border-radius: 0;
  top: 0%;
  word-break: break-word;
  height: 4%;
  width: 7%;
}
.woocommerce ul.products li.product .onsale,#single-product-page .related .products .onsale{
  background-color: #00cde9;
  border-radius: 0;
  top: 0%;
  left: -1em;
  word-break: break-word;
  height: 4%;
  width: 35%;
  transition: all 0.6 ease-in-out;
  animation: unset;
}
.woocommerce ul.products li:hover .onsale{
  animation: slidesale 1s infinite;
}
.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: #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 h1,.woocommerce h2,.woocommerce h3{
  font-family: "Raleway";
  text-transform: capitalize;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  width: 70%;
}
.woocommerce .woocommerce-MyAccount-navigation ul{
  list-style-type: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a{
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
  color: #1f1e1e;
  font-family: "Roboto";
}
.woocommerce .woocommerce-MyAccount-navigation .is-active a{
  color: #3b82ea;
}
.woocommerce form .form-row.woocommerce-invalid label{
  color:#8fa3aa;
}
.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: #111111;
  color:#fff;
}
.woocommerce .form-row{
  display: unset;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
  width: 100%;
}
.woocommerce #order_review table th{
  text-align: left;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
  padding: 20px;
}
.woocommerce div.product div.images img{
  width: auto;
}
.woocommerce-Tabs-panel p{
  font:500 14px "Roboto";
  letter-spacing: 1px;
  color: #a7a9ac;
}
.woocommerce-products-header__title{
  letter-spacing: 0px;
  color: #252525;
  font-family: "Muli";
  font-weight: 800;
}
.woocommerce .shop-page ul.products li.product .star-rating{
  margin: 10px auto 15px auto;
}
.woocommerce ul.products li.product .price ins{
  text-decoration: none;
}
.woocommerce .loader::before{
  display: none;
}
.shop-page .added_to_cart{
  background-color: #3b82ea;
  border-radius: 0;
  padding: 5px 14px !important;
  font-weight: 600;
  color: #ffffff;
  width: 100px;
  margin-bottom: 10px;
}
.woocommerce ul.products li.product a img{
  margin: 0 auto;
}
.woocommerce .shop-page ul .product:hover{
  text-align: center;
  background: white;
  box-shadow: 0px 11px 20px 4px rgba(0, 0, 0, 0.1);
  margin-top: -5px;
  transition: all 0.6s ease-in-out;
}
.woocommerce-account .woocommerce .form-row{
  display: block
}
.woocommerce .woocommerce-breadcrumb{
  margin-top: 30px;
  font-family: sen;
}
.yith-wcwl-add-button span,.product_meta{
  font-family: 'Raleway';
    font-weight: 500;
}
.woocommerce ul.products li.product .star-rating,.star-rating{
  color: #fec806;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  position: relative;
  line-height: 1;
  font-size: 1em;
  font-family: star;
}
.woocommerce ul.products li.product .star-rating{
   float: none;
   height: 1.7em;
}
.star-rating{
  font-size: .857em;
  height: 1em;
  width: 5.4em;
}
.star-rating:before{
 content: "\73\73\73\73\73";
 color: #d3ced2;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
}
.star-rating span{
 overflow: hidden;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
 padding-top: 1.5em;
}
.star-rating span:before{
 content: "\53\53\53\53\53";
 top: 0;
 position: absolute;
 left: 0;
}
/* ================= Unit Testing Style ============== */
.outer_dpage table,.outer_dpage table th,.posttype-err-msg,.woo-smg{
  text-align: center;
}
#style-2{
  display: none;
}
/*---------------Loader------------------*/
.loader {
position: absolute;
    width: 120px;
    height: 20px;
    left: 0;
    right: 0;
    display: flex;
    margin: 0 auto;
    top: 50%;
}
.loader .dot {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
  align-content: center;
  margin: 0 5px;
  height: 20px;
  width: 2px;
}
.dot:first-of-type
{ margin-left: 0 }

.dot:last-of-type
{ margin-right: 0 }

.dot::before,
.dot::after {
  content: "";
  position: absolute;
  bottom: -5px;
  display: block;
  width: 4px;
  height: 4px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 1px 1px 4px rgba(0,0,0,.15);
  animation: helix 1.25s ease-in-out infinite;
}
.dot::after {
  bottom: 100%;
  animation: helix-reversed 1.25s ease-in-out infinite;
}
.dot i {
  position: absolute;
  z-index: 25;
  align-self: center;
  width: 2px;
  height: 10px;
  background: rgba(255,255,255,.15);
  animation: helix-bar 1.25s ease-in-out infinite;
}
.dot2::before, .dot2::after, .dot2 i
{ animation-delay: 0.05s }
.dot3::before, .dot3::after, .dot3 i
{ animation-delay: 0.10s }
.dot4::before, .dot4::after, .dot4 i
{ animation-delay: 0.15s }
.dot5::before, .dot5::after, .dot5 i
{ animation-delay: 0.20s }
.dot6::before, .dot6::after, .dot6 i
{ animation-delay: 0.25s }
.dot7::before, .dot7::after, .dot7 i
{ animation-delay: 0.30s }
.dot8::before, .dot8::after, .dot8 i
{ animation-delay: 0.35s }
.dot9::before, .dot9::after, .dot9 i
{ animation-delay: 0.40s }
#accordion .accordion-button:not(.collapsed)::after {
    background-image: url("assets/images/accordion.png") !important;
    transform: rotate(-180deg);
}
#accordion .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("assets/images/accordiono.png") !important;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
