/*
Theme Name: VW Personal trainer Pro
Theme URI: 
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: If you want the important services related to the IT industry, WordPress Personal trainer Pro theme is the right purchase at an affordable investment and it will be highly suitable for the IT related solutions that includes renovation, junk removal as well as software cleaning. Overall, it is a good WordPress theme of premium category for the computer or digital repair and since it is multipurpose, it is good for the other industries as well that include mechanical or electrical engineering industries. It is perfect for the constriction works as well as the business related to the auto servicing industry like the car garage services and the credit goes to its professional and user friendly nature. If you have started an air-conditioning repair or service or pool maintenance business, WordPress Personal trainer Pro theme is a good option because it is accompanied with the CTA [call to action button] and the clean code. It is also modern with many customization options
Version: 1.0
License: GNU General Public License
License URI:license.txt
Text Domain: vw-personal-trainer-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Personal trainer Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2019.
VW Personal trainer Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */

/* latin-ext */
@font-face {
  font-family: 'Staatliches';
  font-style: bold;
  font-weight: 400;
  src: local('Staatliches Regular'), local('Staatliches-Regular'), url(https://fonts.gstatic.com/s/staatliches/v2/HI_OiY8KO6hCsQSoAPmtMYeVvpCNOw.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: 'Staatliches';
  font-style: bold;
  font-weight: 400;
  src: local('Staatliches Regular'), local('Staatliches-Regular'), url(https://fonts.gstatic.com/s/staatliches/v2/HI_OiY8KO6hCsQSoAPmtMYebvpA.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;
}

html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative; 
  font-size: 15px;
  color: #6c6c6c;
  font-family: 'Poppins';
  font-weight: 300;
}
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: 'Poppins';
  color:#000000;
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:15px;
  font-weight:300;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none; 
  color:#a72dd9;
}
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: 450px;
  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: 60px 0;
  background-attachment: fixed;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #a72dd9 !important;
}
.post-navigation a:hover .post-title, .post-navigation a:focus .post-title {
  color: #a72dd9 !important;
}
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;
}

.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}
.gallery-caption{
  margin:0;
  padding:0;
}
.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{
  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;
}
.toggleMenu{
  display:none;
}
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;
}
table, td, th {
  border: 1px solid black;
}
/*-------------------------- 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 #fff;
    color: #000000;
}
#vw_footer .widget.widget_calendar td, #vw_footer .widget.widget_calendar tr, #vw_footer .widget.widget_calendar th {
    color: #ffffff;
}
.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: #fff;
  padding-left: 15px;
  caption-side: top;
}
.widget_calendar tbody a {
  background-color: #bbb;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}
/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -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.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* ---------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;
}
a.theme_button {
  color: #ffffff;
  border: none;
  letter-spacing: 1px;
  padding: 18px 20px;
  font-size: 14px;
  font-weight: bold;
  background-color: #a72dd9;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  transition: all ease-in-out 300ms;
  margin-top: 20px;
}
a.theme_white_button{
  border: none;
  text-transform: uppercase;
  margin-top: 20px;
  letter-spacing: 1px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  transition: all ease-in-out 300ms;
  margin-top: 20px;
}
a.theme_white_button{
  background-color: #ffffff;
  color: #a72dd9;
  border: 1px solid #a72dd9;
}

a.theme_white_button:hover {
  color: #ffffff;
  background-color: #a72dd9;
  border: 1px solid #ffffff;
}
/*-----------------Search pop up----------------*/
/*-----------------Search pop up----------------*/
.vw_serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999999999999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.8);
  display: none;
}
.vw_serach_inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.closepop {
  position: absolute;
  top: 29%;
  transform: translateY(-50%);
  width: 100%;
  right: 0;
  text-align: right;
  margin-right: 28px;
  z-index: 999999;
}
.vw_serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
  cursor: pointer;
}

.vw_serach_inner form.search-form {
  display: table;
  border-radius: 0;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}
.serach-page input.search-field {
    border: 1px solid #ccc;
    padding: 9px;
}
.search_popup input.search-submit {
  border: 0;
  background-color: transparent;
  border-radius: 40px;
  border: 2px solid #fff;
}
.search_popup label {
  background: transparent;
  width: 81%;
}
.search_popup input.search-field {
  padding: 1.5% 0;
  background: transparent;
  width: 100%;
  text-indent: 8px;
  border: 2px solid #fff;
  border-radius: 40px;
  color: #fff;
}

.hvr-shrink {
  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);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}


/* --------------------------Header---------------------------- */

.stickynavbar {
  background-color: #fff !important;
  z-index: 9999999999999;
  padding-top: 0 !important;
  box-shadow: 0 0 8px grey;
}
.sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  padding-bottom: 0 !important;
}
.nav_wrap {
  clear:both;
  background-color: transparent;
  margin-bottom: 0em;
  z-index: 99;
  
}
#vw_header .logo img{
  max-height: 123px;
  width: auto;
}
.home.page-template .header-wrap
{
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 99999;
}
.header-wrap
{
  background-color: #30374c;
}
.vw_menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
.neseted-inner {
  top: 0;
  position: absolute;
}
.continnerbox {
  background-size: 100% 100%;
  color: #fff;
  border-top: 40px solid #435061;
  border-left: 60px solid transparent;
}
#vw_header .logo, #vw_footer .logo{
  margin:0; 
  text-align: center;
}
#vw_header .logo
{
  text-align: left;
}
#vw_header .logo h1{ 
  font-weight:700; 
  padding:0; 
  font-size:30px; 
  font-weight:bold; 
  margin-top: 0; 
}
.logo a.custom-logo-link{ 
  color:#000000;
}
.logo h1 a{
  color: #a72dd9;
  font-size: 21px;
  font-family: "Staatliches";
}
.logo p{ 
  color: #a72dd9;
  margin-bottom: 0;
  font-size: 14px;
}
#vw_header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.vw_menubar .social-media{
  padding:12px 0; 
  text-align:center;
}
.scrolled {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 9999999;
  background:#fff;
}
#masthead.scrolled {
  background: #ffffff;
}
#site-navigation {
    width: 100%;
}



/* ---------- Return to Top ------------ */

#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  background:#a72dd9;
  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: #fff;
  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: #fff;
  top: 5px;
}

/*----------------Menu bar-----------*/

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
  text-align: right;
}
.vw_main-navigation ul{
  list-style: none;
  margin: 0 auto;
  padding-left: 0;
  max-width: 100%;
  width: max-content;
}
.home .vw_main-navigation ul
{
  border-bottom: 1px solid #676260;
}
.vw_main-navigation li{
  position: relative;
  padding:17px 20px;
  display: inline-block;
}
.vw_main-navigation li.current_page_item
{
  border-bottom: 2px solid #fff;
}
.vw_main-navigation li:last-child{
  border-right: none;
}
.vw_main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  font-size: 17px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
}
.vw_main-navigation a:hover{
  color: #a72dd9;
}
.vw_main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #F6F6F6;
  min-width: 215px;
  z-index: 9999;
}

.vw_main-navigation ul ul ul{
  left: 100%;
  top: 0;
}

.vw_main-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #1e1d1c;
  font-size: 14px;
  line-height: 1.5;
}

.vw_main-navigation ul ul li,
.vw_menubar.scrolled .vw_main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
}

.vw_main-navigation ul ul li:last-child{
  border-bottom: 0;
}

.vw_main-navigation ul li:hover > ul{
  display: block;
}
.vw_main-navigation .menu > ul > li.highlight{
  background-color: #ffffff;
}
.vw_main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.vw_menubar.scrolled .menu > ul > li:hover > a:after,
.vw_menubar.scrolled .menu > ul > li.current_page_item > a:after,
.vw_menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}
.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}
.vw_main-navigation ul ul li:hover > a{
  color: #a72dd9;
}
.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;
}
.top_bar_btn a.theme_button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.header-social-icon
{
  padding-top: 15px;
}
.header-social-icon .socialbox i
{
  color: #b2b2b2;
  font-size: 13px;
  padding-right:15px;
}

/*----------------------Mobile Menu Icon------------------------------*/

/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #fff;
}

.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;
}
.vw_main-navigation ul ul li{
  padding: 10px;
}
/*----------------------  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;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  color: #000000;
  padding: 0 0 10px;
  margin: 0;
  letter-spacing: 3px;
}
section h3 {
  color: #000000;
  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;
}
/*--------------------- Section Heading------------------------*/
.section-heading{
  text-align: center;
}
.section-heading h3 {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.section-heading p {
  margin: 0;
  padding: 10px 0;
}
.head_white{
  color: #ffffff;
}
.head_black{
  color: #000000;
}


/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  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;
  background: #a72dd9;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  box-shadow: 0 0 5px 0px #cccccc;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover i, .hvr-shutter-in-vertical:focus i, .hvr-shutter-in-vertical:active i {
  color: white;
}
.hvr-shutter-in-vertical:hover {

}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/* ------------- Shortcodes -----------------
 --------------- Services ---------------- */

/* ----------- Course Shortcode ------------- */

.our_courses_outer
{
  margin-top: 25px;
}
.our_courses_outer h4 a
{
  color: #3e3e3e;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 1px;
  font-family: "Staatliches";
  padding-top: 15px;
}
.our_courses_outer .course-meta span
{
  font-size: 14px;
  color: #a2a2a2;
  font-family: "Roboto";
  display: inline-block;
  margin-right: 10px;
  padding: 20px 0;
}
.our_courses_outer .short_text
{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #756f6f;
  font-family: "Roboto";
  padding: 8px 0;
}
.all-courses #comments
{
  display: none;
}

/* -------------- Student Shortcode ----------- */

.our_testimonial_outer
{
  text-align: center;
  margin-top: 30px;
}
.our_testimonial_outer h4 a
{
  color: #3e3e3e;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 1px;
  font-family: "Staatliches";
}
.our_testimonial_outer .short_text
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #756f6f;
  font-family: "Roboto";
  font-weight: 500;
}
.our_testimonial_outer .tdesig
{
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 25px;
  color: #a72dd9;
  font-family: "Staatliches";
  font-weight: 600;
  padding-bottom: 20px;
}
.our_testimonial_outer .testimonial_inner
{
  border:2px dashed #a72dd9;
  padding: 30px;
}

/* ----------- Teacher Shortcode ------------- */

.our_trainers_outer 
{
  margin-top: 25px;
}
.our_trainers_outer .tdesig
{
  font-size: 15px;
  letter-spacing: 0px;
  color: #7f7f7f;
  font-family: "Roboto";
  font-weight: 500;
  margin-bottom: 5px;
}
.our_trainers_outer h4 a
{
  color: #3e3e3e;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 1px;
  font-family: "Staatliches";
}
.our_trainers_outer .short_text
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #756f6f;
  font-family: "Roboto";
  font-weight: 500;
}
.our_trainers_outer .att_socialbox
{
  padding-top: 7px;
}
.our_trainers_outer .att_socialbox i
{
  color: #7f7f7f;
  padding: 10px 0px;
  display: inline-block;
  margin-right: 15px;
}



/* ----------- Single Pages -------------- */

.single-page-content
{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #756f6f;
  font-family: "Roboto";
  font-weight: 500;
}
.single-courses-meta .price
{
  padding-top: 20px;
}
.single-courses-meta p
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #756f6f;
  font-family: "Roboto";
  font-weight: 500;
}
.single-courses-meta p span
{
  font-weight: bold;
  font-size: 17px;
}
#events_single img
{
  padding-bottom: 20px;
}
#events_single .events-meta i
{
  color:#a72dd9;
  padding-right: 5px;
}
#events_single .events-meta 
{
  font-size: 17px;
  letter-spacing: 0px;
  color: #111111;
  font-family: "Roboto";
  font-weight: 500;
}
#single-teacher .social-profiles i
{
  color: #7f7f7f;
  padding: 10px 10px;
  display: inline-block;
}
#single-teacher .email
{
  font-size: 17px;
  letter-spacing: 0px;
  color: #111111;
  font-family: "Roboto";
  font-weight: 500;
}
#single-teacher .phone
{
  font-size: 17px;
  letter-spacing: 0px;
  color: #111111;
  font-family: "Roboto";
  font-weight: 500;
}
#single-teacher h5
{
  font-size: 22px;
  letter-spacing: 1px;
  color: #111;
  font-family: "Staatliches";
  padding-top: 28px;
}
#testimonial_single .student-desig
{
  font-size: 17px;
  letter-spacing: 0px;
  color: #111111;
  font-family: "Roboto";
  font-weight: 500;
}

/* ------------------Single Post ----------------- */

#single_post .postbox .postbox-content {
  position: static;
  padding: 15px 0;
}
#single_post .date-box-inner {
  padding: 8px;
  border: solid 2px #ffffff;
}
.posttitle a
{
  font-size: 23px;
  letter-spacing: 2px;
  color: #1f1e1e;
  font-family: "Staatliches";
}
.page-header h1
{
  color: #1f1e1e;
  font-family: "Staatliches";
}
.entry-title
{
  color: #1f1e1e;
  font-family: "Staatliches";
}
.single-post-content table td
{
  text-align: center;
}
.single-post-content .wp-audio-shortcode
{
  margin-bottom: 50px;
}
.author_links a
{
  color: #111;
}
#vw_personal-trainer_sidebar .widget_recent_entries a
{
  font-size: 13px;
}

/*------------------ Single Testimonials -----------------*/


#testimonial_single blockquote {
  padding: 1.25em 40px;
  color: #383838;
  background: #ffffff;
  border: 1px solid #ddd;
  width: 100%;
}
.meta_post span i {
  background-color: #a72dd9;
  padding: 7px;
  color: #ffffff;
  margin-right: 10px;
}
#latest_post .owl-nav {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
#latest_post button.owl-prev, #latest_post button.owl-next{
  border: none;
}
#latest_post button.owl-next.disabled, #latest_post button.owl-prev.disabled{
  background-color: transparent;
}
#latest_post button.owl-prev, #latest_post button.owl-next{
  background-color: transparent;
}

/*------------------------- Testimonial Shortcode --------------------------*/

.testimonial-shortcode .testimonials_inner {
    border: solid 2px #002b46;
}
.our_testimonials_outer.testimonial-shortcode {
    margin-top: 2em;
}
.testimonial-shortcode .testimonials_inner:hover{
  border: solid 2px #fec200;
}
.testimonial-shortcode .testimonials-icon img {
  width: 100%;
}

/*------------------ Contact Page -----------------*/
.contact-page-details
{
  padding-bottom: 30px;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  background-color:transparent;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  border:2px solid #cccccc;
  background-color: transparent;
}
.vw_contact-box .wpcf7 input[type="text"], .vw_contact-box .wpcf7 input[type="email"] {
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 12px 46px 0;
  height: auto;
  border:2px solid #cccccc;
  background-color: transparent;
}
.vw_contact-box .wpcf7 input[type="text"]::placeholder
{
  font-family: "Staatliches";
}
.vw_contact-box .wpcf7 input[type="email"]::placeholder
{
  font-family: "Staatliches";
}
.vw_contact-box .wpcf7 textarea::placeholder
{
  font-family: "Staatliches";
}
.vw_contact-box .contac_form input[type="submit"]
{
  border-radius: 40px;
  font-family: "Staatliches";
  padding: 12px 20px;
  margin-top: 20px;
}

section#contact-box{
  padding:0;
  margin:0;
}
.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 20px;
  width: 100%;
  
}
.contac_form h3 {
  text-align: center;
}
.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 7px 0;
}
.c_content span {
  font-size: 18px;
}
.c_content p{
  font-size: 16px;
}
.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}
.contac_form label{
  width: 100%;
}
.c_content {
  color: #ffffff;
}
.contact-page-details 
{
  -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);
  margin-bottom: 30px;
}
.contact-page-details .contact-address
{
  text-align:center;
  padding: 11px;
}
.contact-page-details .contact-email
{
  text-align:center;
  padding: 11px;
}
.contact-page-details .contact-phone
{
  text-align:center;
  padding: 11px;
}
.contact-page-details span
{
  font-size: 18px;
  font-weight: normal;
  color: #343434;
  padding-bottom: 15px;
  color: #1f1e1e;
  font-family: "Staatliches";
  letter-spacing: 1px;
}
.contact-page-details .inner-cont i
{
  font-size: 35px;
  color:#a72dd9;
  padding: 14px 0;
}
.contact-page-details .inner-cont p
{
  font-family: Poppins,sans-serif;
  color: #343434;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}
.contact-color-bg h3
{
  font-size: 36px;
  color: #1f1e1e;
  font-family: "Staatliches";
  font-weight: normal;
  padding-bottom: 30px;
}
.contact-color-bg
{
  text-align: center;
}
.contact-color-bg form textarea
{
  margin-right: 10px;
}
.vw_contact-box .google-map
{
  padding-top: 30px !important;
  margin-bottom: 30px !important;
}

/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}
.main_title {
  margin-top: 20px;
}
.main_title h1{
  padding: 0;
  margin-bottom: 22px;
  font-size: 36px;
  color: #2d3b3e;
  font-family: "Staatliches";
  font-weight: bold;
  letter-spacing: 2px;
  font-weight: normal;
}
/*-------------Footer Menu ------------*/

.footer_menu ul li {
  display: inline-block;
}
.footer_menu ul li:last-child {
  border-right: none;
}
.footer_menu ul li a {
  color: #ffffff;
  padding: 0 15px;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 16px;
  font-family: "Source Sans Pro";
}
#vw_footer .footer-links
{
  background-color: #fff;
}

/*---------------- Custom Footer ----------------------*/


.footer_form .section-heading {
  text-align: center;
}
.footer_form {
  padding: 0 40px 40px;
}
.footer_form .section-heading h3 {
  color: #ffffff;
  display: table;
  text-align: center;
  margin: 0 auto;
  padding: 11px;
  border: none;
  font-weight: bold;
}
.footer_form .section-heading p{
  color: #ffffff;
}
.footer_form input[type="text"], .footer_form  input[type="tel"], .footer_form  input[type="email"], .footer_form  input[type="phno"], .footer_form  input[type="password"], .footer_form  textarea {
  border: 1px solid #ffffff;
  font-size: 16px;
  padding: 10px 10px;
  margin-bottom: 20px;
  height: auto;
  width: 100%;
  background: transparent;
  color: #ffffff;
  font-style: italic;
}
.footer_form  textarea {
  height: 120px;
}
.footer_form input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #1e202c;
}
.footer_form input::-webkit-input-placeholder, .footer_form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
.footer_form input::-moz-placeholder, .footer_form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
.footer_form input:-ms-input-placeholder, .footer_form textarea:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.footer_form input:-moz-placeholder, .footer_form textarea:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}
.contact_us {
  background-attachment: fixed;
}
.home-contact-box {
  background-color: #ffffff;
  padding: 15px;
}
/*---------------- Footer Section ----------------------*/

#vw_footer_box
{
  padding: 60px 0 10px 0;
}
#vw_footer
{
  background-color: #111111;
  background-repeat: no-repeat;
  background-size: cover;
}
.outer-footer {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.footer-social .socialbox a {
  border-right: none;
}
.footer-social .socialbox a i {
  color: #ffffff;
}
.footer-top {
  padding-bottom: 50px;
}
.footer-top-col h3 {
  font-size: 20px;
  font-weight: bold;
}
.outer-footer {
  background-size: 100% 100%;
 
}
#vw_footer form.search-form{
  border: none;
  background: transparent;
  padding: 0;
}
#vw_footer form.search-form input{
  float: none;
  border: 1px solid #fff;
  margin: 20px 2px;
}

#vw_footer textarea{
  height: 100px;
}
#vw_footer p.post-date {
    color: #7f8391;
    font-size: 11px !important;
}

.main_sociobox {
    padding: 20px 0;
}
#vw_footer{ 
  color:#fff;
  text-align:left;
}
.footer_hide{
  display:none;
}
#vw_footer h3 {
  font-size: 24px;
  letter-spacing: 2px;
  color: #f7f7f7;
  font-family: "Staatliches";
  font-weight: 700;
  padding:10px 0 17px 0;
}
#vw_footer h3:after{
  content: "";
  background-color: #a72dd9;
  width: 60px;
  height: 3px;
  display: block;
  margin-top: 20px;
}
#vw_footer .copyright p{
  font-size: 18px;
  letter-spacing: 1px;
  color: #999ba3;
  font-family: "Staatliches";
  text-align: center;
}
#vw_footer .copyright a {
    color: #fff;
  cursor: pointer;
}
#vw_footer ul li{
  list-style:none;
  margin:0 0 5px 0;
  text-align:left;
  padding: 5px;
}
#vw_footer ul li a{
  font-size: 15px;
  letter-spacing: 0px;
  color: #919191;
  font-family: "Roboto";
  font-weight: 500;
}
#vw_footer .about_me table p
{
  font-size: 15px;
  letter-spacing: 0px;
  color: #919191;
  font-family: "Roboto";
  font-weight: 500;
}
.widget_recent_entries img {
  width: 100px;
}
.about_me table, .about_me td, .about_me th{
  border: none;
}
.about_me p.message {
    margin-bottom: 20px !important;
}
.vw-credit, .vw-credit a{
  color: #ffffff;
}
.copyright{
  
  text-align: center;
  margin-top: 30px;
}

#vw_footer .textwidget input[type="email"]
{
  border-radius: 40px;
  border:2px solid #9b9b9b;
}
#vw_footer .textwidget input[type="submit"]
{
  background-color: transparent;
  border-radius: 40px;
  padding: 10px 20px;
  border:2px solid #9b9b9b;
  display: inline-block;
  margin-top: 10px;
  color: #9b9b9b;
  font-family: "Staatliches"; 
}
#vw_footer .about_me i
{
  font-size: 20px;
  color:#8b8b8b;
}
#vw_footer .widget td 
{
  padding-top: 0px !important;
}
#vw_footer #site-navigation ul li a
{
  font-size: 15px;
  letter-spacing: 1px;
  color: #919191;
  font-family: "Roboto";
  font-weight: 500;
}
#vw_footer #site-navigation ul li
{
  margin-right: 20px;
  margin-bottom: 0;
  padding: 25px 10px 10px 0;
}
#vw_footer #site-navigation
{
  text-align: center;
}
#vw_footer .vw_main-navigation li.current_page_item
{
  background-color: transparent;
  border-bottom: 3px solid #a72dd9;

}
#vw_footer .vw_main-navigation li.current_page_item a
{
    color: #a72dd9 !important;
}
#vw_footer #site-navigation ul
{
  border-bottom: none;
  margin: 0;
}
#vw_footer #site-navigation ul li a
{
  font-size: 18px;
  letter-spacing: 1px;
  color: #71737c;
  font-family: "Staatliches";
}
.footer-logo-box
{
  display: flex;
  align-items: center;
  padding: 10px;
}
#vw_footer .textwidget p
{
  font-size: 14px;
  line-height: 30px;
  color: #8e929f;
  font-family: "Montserrat";
  font-weight: 600;
  margin-bottom: 0;
}
#vw_footer .footer-cols
{
  padding-bottom: 30px;
}
#vw_footer .post-content a
{
  font-size: 17px;
  letter-spacing: 1px;
  color: #7f8391;
  font-family: "Staatliches";
}


/* --------- Social Icon Widget ------- */
.social_widget
{
  padding-top: 20px;
}
.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: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}

/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */

.postbox-content .post-text
{
  font-size: 18px;
  color: #756f6f;
  font-family: "Source Sans Pro";
  line-height: 28px;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: rgba(19, 10, 138, 0.6);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px; 
  display: block; 
  background: #fff;
}
.continue-read a:hover{
  background: #18304c;
  color:#fff;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
}
.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 {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  font-size:12px; 
  font-weight:bold; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:14px 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;
}
.metabox .entry-author a
{
  color: #000;
}
.metabox .entry-comments{
  padding: 0 0 0 20px;
}
.logged-in-as a
{
  color: #000;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#vw_personal-trainer_sidebar span.comment-author-link {
    margin-left: 14px;
}
.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-size: 14px;
  letter-spacing: 1px;
  line-height: 27px;
  color: #90939c;
  font-family: "Roboto";
  font-style: italic;
}
.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%;
}

/* --------- 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;
}
ol.carousel-indicators {
  position: static !important
}
ol.carousel-indicators li {
  max-width: 10px;
  padding: 5px;
  color: #333333;
  border:2px solid #fff;
  background-color: transparent;
  margin-right: 10px;
  border-radius: 50%;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background-color: #a72dd9;
  color: #ffffff !important;
  border: 1px solid #a72dd9;
}
.navigation span.page-numbers.current{
  background-color: #ffffff;
  border: 1px solid #a72dd9;
  color: #000000 !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
}
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 #bbb;
  box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#f1f1f1; 
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}
/* --------------- Topbar --------------- */
#topbar-social-search
{
  background-color: #a72dd9;
}
#topbar-social-search span a
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: "Montserrat";
  font-weight: 500;
}
#topbar-social-search span
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: "Montserrat";
  font-weight: 500;
  display: inline-block;
  padding-right: 15px;
}
#topbar-social-search .socialbox
{
  text-align: right;
}
#topbar-social-search .socialbox i
{
  color:#fff;
  padding: 16px 0 16px 9px;
  margin-left: 10px;
}
#topbar-social-search .topbar-search
{
  text-align: center;
}
#topbar-social-search .topbar-search span
{
  color:#fff;
  display: inline-block;
  background-color: #30374c;
  padding: 16px 10px;
  cursor: pointer;
}
#topbar-social-search .topbar-text
{
  padding-top: 15px;
}

.topbar-content
{
  padding-bottom: 15px;
}
.topbar-content span
{
  font-size: 15px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: "Roboto";
}
.topbar-content .socialbox
{
  text-align: right;
}
.topbar-content .socialbox i
{
  color: #fff;
  padding-right: 20px;
}
.topbar-email-contact .topbar-contact i
{
  font-size: 30px;
  color:#a72dd9;
}
.topbar-email-contact .topbar-icon
{
  display: flex;
  align-items: center;
  justify-content: center;

}
.topbar-email-contact
{
  padding: 13px 0;
}
.topbar-email-contact .topbar-contact span.contactemail
{
  font-size: 22px;
  letter-spacing: 2px;
  line-height: 29px;
  color: #30374c;
  font-family: "Staatliches";
  padding: 0;
}
.topbar-email-contact .topbar-contact p
{
  font-size: 17px;
  letter-spacing: 0px;
  line-height: 29px;
  color: #6c707c;
  font-family: "Montserrat";
  font-weight: 500;
  margin-bottom: 0;
}
#vw_header input[type="submit"] {
  padding: 15px 24px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: 2px solid #fff;
  background-color: transparent !important;
}
/* --------- SLIDER--------- */

#vw_slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}
#vw_slider img {
    width: 100%;
}
.slide_next_image img{
  width: auto !important;
  height: 100%;
}
#vw_slider h6
{
  font-size: 16px;
  letter-spacing: 2px;
  color: #1f1e1e;
  font-family: "Roboto";
}
#vw_slider h2 {
  padding-top: 15px;
  font-size: 48px;
  color: #ffffff;
  font-family: "Staatliches";
  font-weight: normal;
}
#vw_slider p {
  
  margin: 15px 0 15px 0;
  border-radius: 0 0 5px 5px;
  font-size: 15px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: "Roboto";
}
#vw_slider p.price {
  font-size: 22px !important;
}
.slider-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 20px;
  max-width: 73%;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
}

#vw_slider .carousel-caption {
  top: 0;
  bottom: inherit;
  text-align: left;
  left: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
  bottom: 0;
}

a.blog-more{ 
  display:inline-block; 
  font:400 16px 'Roboto Condensed', sans-serif; 
  padding:10px 30px; 
  margin-top:21px; 
  border-radius:4px; 
  -moz-border-radius:4px; 
  -webkit-border-radius:4px; 
  -o-border-radius:4px; 
  -ms-border-radius:4px; 
  margin-right:15px;
}
#vw_slider .carousel-prev-button {
  position: absolute;
  left: 35px;
  bottom: 47%;

}
#vw_slider .carousel-next-button{
  position: absolute;
  right: 35px;
  bottom: 47%;
}
#vw_slider .carousel-item-next,
#vw_slider .carousel-item-prev,
#vw_slider .carousel-item.active {
    display: block !important;
  }
#vw_slider .carousel-control-prev-icon,
#vw_slider .carousel-control-next-icon{
  background-image:none; 
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
  width: auto;
  height: auto;
}

#vw_slider a i {
  padding: 9px 12px;
  font-size: 17px;
  color: #fff;
  background-color:transparent;
  border:2px solid #fff;
  width: 40px;
  height:40px;
  border-radius: 50%;
}

#vw_slider .inner_carousel h2 small {
  color: #ffffff;
  display: block;
  margin-top: 20px;
  font-size: 20px !important;
  font-style: italic;
  text-transform: capitalize;
}
.slide_next_image img {
  text-align: right;
  float: right;
}
#vw_slider .read-more
{
  padding: 12px 23px;
  font-size: 16px;
  letter-spacing: 3px;
  color: #ffffff;
  font-family: "Staatliches";
  font-weight: normal;
  margin-right: 17px;
  border:2px solid #fff;
  border-radius: 40px;
  background-color: transparent;
}
#vw_slider .read-more:hover
{
  color: #fff;
}

/*Fade slider*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
#vw_slider ol.carousel-indicators
{
  text-align: center;
  position: relative !important;
  bottom: 100px;
}
#vw_slider ol.carousel-indicators .active
{
  background-color: #fff;
  border:2px solid #fff;
}
#vw_slider .section-seperator
{
  position: absolute;
  bottom: 0;
  width: 100%;
}

/* ---------------- Button Effects --------------- */

/* Bounce Out */
.hvr-bounce-out {
  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);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* ------------- Popular Courses -------------- */

#popular-courses .popular-courses-head h3
{
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  color: #30374c;
  font-family: "Staatliches";
}
#popular-courses .popular-courses-head h3:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#popular-courses .courses-content
{
  padding-top: 35px;
}
#popular-courses .courses-content .course-box img
{
  border-radius: 50%;
  width: 170px;
  height: 148px;
}
#popular-courses .courses-content .course_name
{
  font-weight: normal;
}
#popular-courses .courses-content .course_name 
{
  font-size: 25px;
  letter-spacing: 1px;
  line-height: 7px;
  color: #30374c;
  font-family: "Staatliches";
}
#popular-courses .courses-content .courses_text
{
  font-size: 14px;
  line-height: 25px;
  color: #6c707c;
  font-family: "Montserrat";
  font-weight: 500;
}
#popular-courses .courses-content .read-more
{
  font-size: 16px;
  letter-spacing: 2px;
  color: #000;
  font-family: "Staatliches";
  text-align: center;
  border:2px solid #898c95;
  border-radius: 40px;
  padding: 8px 20px;
  display: inline-block;
  margin-top: 15px;
}
#popular-courses .courses-content:hover .read-more
{
  background-color: #a72dd9;
  border:2px solid #a72dd9;
  color:#fff;
}

/* --------------- About Trainer --------------- */

#about-us
{
  padding: 0;
}
#about-us h3
{
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  color: #30374c;
  font-family: "Staatliches";
}
#about-us h3:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#about-us p
{
  font-size: 13px;
  line-height: 23px;
  color: #74767b;
  font-family: "Montserrat";
  font-weight: 500;
  padding: 15px 0;
}
#about-us .view-about
{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
  text-align: center;
  display: inline-block;
  background-color: #a72dd9;
  padding: 10px 20px;
  border-radius: 40px;
}
#about-us .about-content
{
  padding-top: 50px;
}
#about-us .video-image
{
  display: flex;
  align-items: center;
  justify-content: center;
}
#about-us .video-image a
{
  width: 50px;
  height: 50px;
  border:2px solid #fff;
  border-radius: 50%;
  position: absolute;
  padding: 14px 17px;
  color:#fff;
}

/* ------------ Video Popup ----------------- */

/* The Modal (background) */
#about-us .modal-new {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999999999;
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
#about-us .modal-contents {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  transition: 2s;
}

/* The Close Button */
#about-us .close-one {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

#about-us .close-one:hover,
#about-us .close-one:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


/* ------------- Our Courses -------------- */


#our-courses .our-courses-head h3
{
  font-size: 40px;
  letter-spacing: 1px;
  color: #30374c;
  font-family: "Staatliches";
}
#our-courses .our-courses-head h3:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#our-courses .our-courses-content
{
  margin-top: 30px;
}
#our-courses .our-courses-content h4 a
{
  font-size: 26px;
  letter-spacing: 1px;
  color: #000;
  font-family: "Staatliches";
}
#our-courses .our-courses-content h4 a
{
  font-weight: normal;
  padding-left: 30px;
}
#our-courses .our-courses-content .our-courses-box
{
  position: absolute;
  bottom: 19px;
  width: 100%;
}
#our-courses .our-courses-content i
{
  float: right;
  width: 40px;
  height: 40px;
  border:2px solid #fff;
  padding: 9px 15px;
  border-radius: 50%;
  color:#fff;
  margin-right: 30px;
  margin-top: -6px;
}
#our-courses .all-courses
{
  text-align: center;
  padding-top: 40px;
}
#our-courses .all-courses a
{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
  background-color: #a72dd9;
  border-radius: 40px;
  padding: 10px 20px;
  display: inline-block;
}
#our-courses .our-courses-content .blog_text
{
  font-size: 14px;
  line-height: 24px;
  color: #000;
  font-family: "Montserrat";
  font-weight: 600;
}
#our-courses .our-courses-content .course-icon
{
  width: auto;
  padding-left: 30px;
  padding-bottom: 15px;
}

/* ------------- Our Courses Overlay ------------ */

#our-courses .vw_box{
  overflow: hidden;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  position: relative;
}
#our-courses .vw_box img{
  width: 100%;
  height: auto;
}
#our-courses .vw_box .box-content{
  padding: 12% 10px 12% 30px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 1;
  transition: all 0.5s ease 0s;
}
#our-courses .vw_box:hover .box-content{
  opacity: 1;
  transition-delay: 0.2s;
}
#our-courses .vw_box:before,
#our-courses .vw_box:after,
#our-courses .vw_box .box-content:before,
#our-courses .vw_box .box-content:after{
  content: "";
  width: 50%;
  height: 50%;
  background: #a72dd9;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(0.05);
  transition: all 0.3s ease 0s;
}
#our-courses .vw_box:after{
  left: auto;
  right: 0;
  transition-delay: 0.1s;
}
#our-courses .vw_box .box-content:before,
#our-courses .vw_box .box-content:after{
  top: auto;
  bottom: 0;
  z-index: -1;
  transition-delay: 0.2s;
}
#our-courses .vw_box .box-content:after{
    left: auto;
    right: 0;
    transition-delay: 0.3s;
}
#our-courses .vw_box:hover:before,
#our-courses .vw_box:hover:after,
#our-courses .vw_box:hover .box-content:before,
#our-courses .vw_box:hover .box-content:after{
  opacity: 0.8;
  transform: scale(1);
}
#our-courses .vw_box .title{
  font-size: 30px;
  color: #f5bc24;
  margin: 0 0 10px 0;
}
 
#our-courses .vw_box .post{
  display: block;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  font-style: italic;
  margin: 0 0 10px 0;
}
#our-courses .vw_box:hover .our-courses-box
{
  display: none;
}
#our-courses .box-content h5
{
  padding-left: 0 !important;
}
#our-courses .box-content i
{
  padding: 6px 13px !important;
}

/* ------------- Our Records ----------- */

#our-records .our-records-head
{
  padding-bottom: 30px;
}
#our-records .our-records-head h3
{
  font-size: 40px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Staatliches";
}
#our-records .our-records-head h3:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#our-records .owl-carousel .owl-item img
{
  margin: 0;
}
#our-records .records-icon
{
  padding: 15px 0;
  border-bottom: 1px solid #535a6a;
}
#our-records .record-title
{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#our-records .record-title p
{
  font-size: 20px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Staatliches";
  margin-bottom: 0;
}
#our-records h2
{
  font-size: 70px;
  letter-spacing: 2px;
  color: #c876e9;
  font-family: "Staatliches";
  font-weight: normal;
  padding-top: 5px;
}
#our-records .owl-dots
{
  text-align: center;
  padding-top: 30px;
}
#our-records .owl-dots button
{
  width: 15px;
  height: 15px;
  border:2px solid #fff;
  border-radius: 50%;
  background-color: transparent;
  margin-right: 15px;
}
#our-records .owl-dots .active
{
  background-color: #a72dd9;
  border:2px solid #a72dd9;
}


/* ------------- Our Gallery ------------- */

#our-gallery .gallery-heading 
{
  padding-left: 0;
  padding-bottom: 30px;
}
#our-gallery .gallery-heading h3
{
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  color: #30374c;
  font-family: "Staatliches";
}
#our-gallery .gallery-heading h3:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#our-gallery .icon_overlay
{
  margin: 0px 30px 30px 0;
}
#our-gallery .icon_overlay i
{
  border: 2px solid #fff;
  padding: 10px 10px;
  border-radius: 5px;
}
#our-gallery .vw_gallery_front img
{
  padding: 10px;
}

/* ------------ Join Now ------------- */

#join-now .join-now-content
{
    text-align: center;
    max-width: 64%;
    margin: 0 auto
}
#join-now .join-now-content h3
{
  font-size: 35px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Staatliches";
}
#join-now .join-now-content p
{
  font-size: 14px;
  line-height: 28px;
  color: #a5a8af;
  font-family: "Montserrat";
  font-weight: 500;
  margin-bottom: 0;
  padding: 20px 0;
}
#join-now .join-now-content a
{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
  display: inline-block;
  background-color: #a72dd9;
  padding: 12px 22px;
  border-radius: 40px;
}

/* --------------- Our Trainers ---------- */

#our-trainers .our-trainers-heading h3
{
  font-size: 40px;
  letter-spacing: 1px;
  color: #30374c;
  font-family: "Staatliches";
}
#our-trainers .our-trainers-heading h3:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#our-trainers .our-trainers-content
{
  padding-top: 30px;
}
#our-trainers .our-trainers-content h4 a
{
  font-size: 25px;
  letter-spacing: 1px;
  color: #30374c;
  font-family: "Staatliches";
  font-weight: normal;
}
#our-trainers .our-trainers-content .trainer-desig
{
  font-size: 15px;
  color: #676a73;
  font-family: "Montserrat";
  font-weight: 600;
}
#our-trainers .our-trainers-content .trainers-meta
{
  font-size: 15px;
  letter-spacing: 0px;
  color: #676a73;
  font-family: "Montserrat";
  font-weight: 500;
}
#our-trainers .our-trainers-content .trainers-meta i
{
  color: #a72dd9;
}
#our-trainers .our-trainers-content .phone
{
  padding-right: 10px;
}
#our-trainers .our-trainers-content .email
{
  padding-left: 10px;
}
#our-trainers .our-trainers-content .social-profiles
{
  padding-top: 15px;
}
#our-trainers .our-trainers-content .social-profiles i
{
  color:#7f828c;
  padding-right: 15px;
}
#our-trainers .our-trainers-content .trainers-image
{
  display: flex;
  align-items: center;
  justify-content: center;
}
#our-trainers .our-trainers-content .trainers-image img
{
  border-radius: 50%;
}

/* ------------- Our Features --------------- */

#our-features 
{
  text-align: center;
}
#our-features h5 a
{
  font-size: 30px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Staatliches";
  font-weight: normal;
  padding: 20px 0 10px 0;
  display: inline-block;
}
#our-features p
{
  font-size: 14px;
  line-height: 26px;
  color: #ffffff;
  font-family: "Montserrat";
  font-weight: 500;
}
#our-features .feature-icon 
{
  border-radius: 50%;
  border:4px solid #cb6af2;
  width: 120px;
  height: 120px;
  padding: 35px 10px;
  margin: 0 auto;
}
.our-features-content:hover .feature-icon 
{
  background-color: #a72dd9;
}
.our-features-content:hover img {
  transition: 1s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

/* ------------ Our Packages ------------- */

#our-packages .our-packages-head
{
  padding-bottom: 30px;
}
#our-packages .our-packages-head h3
{
  font-size: 40px;
  letter-spacing: 1px;
  color: #30374c;
  font-family: "Staatliches";
}
#our-packages .our-packages-head h3:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#our-packages .owl-carousel .owl-item img
{
  margin: 0;
}
#our-packages .package-price 
{
  background-color: #30374c;
  padding: 25px;
}
#our-packages .package-content h5
{
  font-size: 34px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
  font-weight: normal;
  text-align: center;
  border-bottom: 1px solid #454b5e;
  padding-bottom: 10px;
}
#our-packages .package-content .package-price span
{
  font-size: 54px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
  font-weight: normal;
}
#our-packages .package-content sub
{
  font-size: 16px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Staatliches";

}
#our-packages .package-content .fa-angle-right
{
  border:1px solid #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color:#fff;
  font-size: 23px;
  padding: 9px 14px;
  position: absolute;
  right: 27px;
  bottom: 38px;
  z-index: 99;
}

#our-packages .owl-dots
{
  text-align: center;
  padding-top: 35px;
}
#our-packages .owl-dots button
{
  width: 15px;
  height: 15px;
  border:2px solid #373b4c;
  border-radius: 50%;
  background-color: transparent;
  margin-right: 15px;
}
#our-packages .owl-dots .active
{
  background-color: #373b4c;
}
#our-packages .package-features
{
  padding: 20px;
  position: absolute;
  top: 0;
  width: 100%;
  background-color:#fff;
  display: none;
  height: 100%;
  z-index: 9;
  border:1px solid lightgray;
}
#our-packages .package-features ul
{
  list-style-type: none;
  margin-left: 0;
}
#our-packages .package-features ul li
{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 35px;
  color: #7f828c;
  font-family: "Montserrat";
  font-weight: 600;
}
#our-packages .package-features ul li i
{
  padding-right: 10px;
}
#our-packages .package-content:hover .fa-angle-right
{
  color:#111;
  border:2px solid #111;
}


/* -------------- testimonial --------------- */

#testimonials
{
  padding: 0;
}
#testimonials .testimonials-box h3
{
  font-size: 40px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Staatliches";
}
#testimonials .testimonials-box h3:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#testimonials .testimonial_text
{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Montserrat";
  font-weight: 500;
  padding-top: 15px;
  padding-bottom: 30px;
}
#testimonials .owl-carousel .owl-item img
{
  margin: 0;
  border-radius: 50%;
}
#testimonials .testimonials-content h5 a
{
  font-size: 24px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Staatliches";
  font-weight: normal;
}
#testimonials .testimonials-content p
{
  font-size: 14px;
  color: #ffffff;
  font-family: "Montserrat";
  font-weight: 600;
}
#testimonials .owl-dots
{
  position: absolute;
  right: 0;
  bottom: 23px;
}
#testimonials .owl-dots button
{
  width: 15px;
  height: 15px;
  border:2px solid #fff;
  border-radius: 50%;
  background-color: transparent;
  margin-right: 15px;
}
#testimonials .owl-dots .active
{
  background-color: #a72dd9;
  border:2px solid #a72dd9;
}
#testimonials .our-partners
{
  background-color: #a72dd9;
  text-align: center;
  padding: 40px;
  background-repeat: no-repeat;
  background-size: cover;
}
#testimonials .our-partners img
{
  margin-bottom: 30px;
}
#testimonials .testimonials-box
{ 
  padding: 40px 20px;
}

/* ---------------- Our Blogs --------------- */

#our-blogs .blog-head
{
  font-size: 40px;
  letter-spacing: 1px;
  color: #30374c;
  font-family: "Staatliches";
  margin-bottom: 30px;
}
#our-blogs .blog-head:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#our-blogs .our-blogs-content h5
{
  padding-bottom: 5px;
}
#our-blogs .our-blogs-content h5 a
{
  font-size: 25px;
  letter-spacing: 1px;
  color: #30374c;
  font-family: "Staatliches";
  font-weight: normal;
}
#our-blogs .blog-meta span
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #676a73;
  font-family: "Montserrat";
  font-weight: 500;
}
#our-blogs .blog-meta a
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #676a73;
  font-family: "Montserrat";
  font-weight: 500;
}
#our-blogs .blog-meta .blog-date
{
  padding-right: 10px;
}
#our-blogs .blog-meta .entry-comments
{
  padding-right: 10px;
}
#our-blogs .our-blogs-content .blog_text
{
  font-size: 14px;
  line-height: 29px;
  color: #62646b;
  font-family: "Montserrat";
  font-weight: 500;
  padding-top: 15px;
}
#our-blogs .our-blogs-content .blog-button
{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
  padding: 10px 20px;
  border-radius: 40px;
  background-color:#a72dd9;
  display: inline-block;
  margin-top: 20px;
}
#our-blogs .owl-dots
{
  text-align: center;
  padding-top: 35px;
}
#our-blogs .owl-dots button
{
  width: 15px;
  height: 15px;
  border:2px solid #373b4c;
  border-radius: 50%;
  background-color: transparent;
  margin-right: 15px;

}
#our-blogs .owl-dots .active
{
  background-color: #373b4c;
}
.owl-dots button
{
  outline: none;
}
#our-blogs .newsletter 
{
  padding: 40px 20px;
  background-repeat: no-repeat;
  background-size: cover;
}
#our-blogs .newsletter h3
{
  font-size: 40px;
  letter-spacing: 1px;
  color: #fff;
  font-family: "Staatliches";
  margin-bottom: 30px;
  text-align: center;
}
#our-blogs .newsletter input[type="text"]
{
  border-top: none;
  border-left:none;
  border-right: none;
  border-bottom: 1px solid #575966;
}
#our-blogs .newsletter input[type="email"]
{
  border-top: none;
  border-left:none;
  border-right: none;
  border-bottom: 1px solid #575966;
}
#our-blogs .newsletter input[type="submit"]
{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
  padding: 10px 20px;
  border-radius: 40px;
  background-color:#a72dd9;
  display: block;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

/*--------------- Sidebar -----------------*/
/* Sidebar */
#vw_personal-trainer_sidebar td#prev a {
 color: #6c6c6c;
}
#vw_personal-trainer_sidebar caption {
 font-weight: bold;
 color: #6c6c6c;
 font-size: 20px;
}
#vw_personal-trainer_sidebar table,#vw_personal-trainer_sidebar th,#vw_personal-trainer_sidebar td {
 border: 1px solid #e1e1e1;
 text-align: center;
}
#vw_personal-trainer_sidebar td {
 padding: 7px;
 color: #6c6c6c;
}
#vw_personal-trainer_sidebar th {
 text-align: center;
 padding: 5px;
 color: #6c6c6c;
}
#vw_personal-trainer_sidebar select {
 padding: 10px 5px;
 border: solid 1px #e1e1e1;
 color: #6c6c6c;
 background: transparent;
}
#vw_personal-trainer_sidebar form{
 text-align: center;
}
#vw_personal-trainer_sidebar h3 {
  font-size: 24px;
  color: #343434;
  font-weight: normal;
  padding-bottom: 15px;
  margin-bottom: 11px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
  font-family: "Staatliches";
}
#vw_personal-trainer_sidebar input[type="search"] {
 padding:10px 10px;
 font-size:15px;
 margin-bottom: 10px;
 color:#6c6c6c;
 border: solid 1px #e1e1e1;
 width: 100%;
}
#vw_personal-trainer_sidebar label{
 margin-bottom: 0;
 width: 100%;
}
#vw_personal-trainer_sidebar input[type="submit"]{
 background-color :#a72dd9;
 color:#fff;
 padding:10px 0;
 font-size:12px;
 width: 100%;
 letter-spacing: 2px;
 font-weight: bold;
}
#vw_personal-trainer_sidebar .widget {
 padding: 20px;
 border: 1px solid #a72dd9;
 margin-bottom: 50px;
}
#vw_personal-trainer_sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 17px;
}
#vw_personal-trainer_sidebar ul li{
 font-weight: 600;
  color: #343434;
  font-family: Poppins,sans-serif;
  font-size: 15px;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
}
#vw_personal-trainer_sidebar ul li:last-child
{ 
  border:none;
}
#vw_personal-trainer_sidebar ul li a {
  font-weight: 600;
  color: #343434;
  font-family: Poppins,sans-serif;
  font-size: 15px;
}
#vw_personal-trainer_sidebar .tagcloud a{
 border: solid 1px #e1e1e1;
 color:#6c6c6c;
 font-size:15px !important;
 padding:5px 18px;
 margin:0 0 5px;
 display:inline-block;
}
#vw_personal-trainer_sidebar .tagcloud a:hover{
 background:#ec1d23;
 color: #fff;
}
span.credit_link a {
  color: #ffffff;
}

.single-post-content p
{
  font-size: 18px;
  color: #8fa3aa;
  font-family: "Source Sans Pro";
  line-height: 28px;
}
.outer_dpage p
{
  font-size: 16px;
  color: #8fa3aa;
  font-family: "Roboto";
  line-height: 28px;
}

/*------------- Page -----------------*/
.title-box{
  color:#fff;
  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);
}
.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 #bbb;
  /*background-color: #cbe9e2;*/
}
.shrt_socio i{
  border: 1px solid #bbb;
  padding: 10px;
  margin-right: 10px;
}
/*---------------- Contact Us Widget ----------------*/
.contact_us_icon i {
  color: #a72dd9;
  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 ----------------*/
.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;
}

/* ------------- Category --------------------*/
.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;
}
/*-------------- Main Title ---------------*/
.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;
}
.services_inner h4, .services_inner .short_text {
    color: #ffffff;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.vw_menubar.scrolled li.search-box {
    display: block !important;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
  width: auto;
}
#our_partners img{
  width: auto !important;
}

button.owl-next, button.owl-prev {
  background: #1e202c;
}
button.owl-prev {
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
}
button.owl-next {
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
}
button.owl-next i, button.owl-prev i{
  color: #ffffff;
}
/*-------------- 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: #a72dd9;
  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: #a72dd9;
}
.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 #a72dd9;
}
#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: #a72dd9;
}
.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: "Staatliches";
}
.woocommerce-cart table.cart td.actions .coupon .input-text
{
  width: 53%;
}
.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";
}

/* ----------- Unit Testing ------------- */

.outer_dpage table
{
  text-align: center;
}
.outer_dpage table th
{
  text-align: center;
}

/*-------------- media section ---------------*/
@media screen and (max-width:576px) {
  #site_top .socialbox {
    text-align: left;
  }
  .row.bg-media {
    margin: 0;
  }
  .contact_details .row{
    margin: 0;
  }
  #vw_slider h2 {
    font-size: 14px !important;
  }
  #vw_slider .inner_carousel h2 small{
    font-size: 12px !important;
    margin-bottom: 6px;
  }
  .slider-box{
    left: 0;
    border-style: none;
    top: 40%;
  }
  .about-content p{
    font-size: 14px;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text
  {
    width: 37%;
  }
  #vw_slider a.theme_button{
    padding: 9px 10px;
    margin-top: 10px;
    font-size: 10px;
  }
  #vw_slider .carousel-caption.d-none.d-md-block {
      display: none !important;
  }
  .call_text{
    padding: 2em;
  }
  .inner_tabbox_bg {
    background-color: #ffffff;
    padding: 0 10px;
  }
  .nav-tabs {
    text-align: left;
  }
  li.nav-item h4 {
    font-size: 14px;
    font-weight: normal;
  }
  .call_text p{
    top: 24px;
    font-size: 12px;
  }
  .about-content p{
    font-size: 12px;
  }
  #testimonials .testimonial_box {
    padding: 20px 20px 40px 20px;
  }
  section{
    padding: 20px 0;
  }
  blockquote{
    width: 100%;
  }
  .media-small {
    padding-left: 10px !important;
  }
  .small_media {
    padding: 10px 0;
  }

  #vw_slider p{
    margin: 0 0 9px 0;
  }
  #vw_slider h5{
    font-size: 16px;
  }
  #vw_slider a i{
    padding: 8px 7px;
    font-size: 14px;
    width: 30px;  
    height: 30px;
  }
  section h2{
    font-size: 22px;
  }
  .top-icon{
      top: -1%;
  }
  .above_title {
    margin-top: 2%;
  }
  .vw_menubar {
    padding: 0 15px;
  }
  .vw_serach_inner input.search-field {
    width: 85%;
  }
  .contact-info{
    text-align: center;
  } 
  button.owl-prev
  {
    left: -13px;
    padding: 10px 12px;
  }
  button.owl-next
  {
    padding: 10px 12px;
  }
  
  #vw_header .header-search
  {
    text-align: center;
    padding-top: 22px;
  }
  .header-nav
  {
    padding-top: 0;
  }
  #vw_slider p
  {
    font-size: 18px;
    display: none;
  }
  .footer_menu ul
  {
    text-align: left;
    padding-top: 15px;
  }
  #service_single
  {
    text-align: center;
  }
  #vw_header .search-form label
  {
    width: 53%;
  }
  input.search-field
  {
    width: 97%;
  }
  
  #vw_slider ol.carousel-indicators
  {
    bottom:40px;
  }
  .header-nav .vw_menubar
  {
    background-color: transparent;
  }
  #vw_header .header-search
  {
    position: unset;
  }
  #vw_slider ol.carousel-indicators li
  {
    margin-top: 14px;
  }
  #vw_slider .carousel-next-button
  {
    bottom: 47%;
    right: 0;
  }
  #vw_slider .carousel-prev-button
  {
    bottom: 47%;
    left: 0;
  }
  .slider-box
  {
    padding: 0;
    max-width: 100%;
  }
  .logo h1 a
  {
    font-size: 23px;
  }
  .post-navigation .nav-previous
  {
    width: 100%;
  }
  .post-navigation .nav-next 
  {
    width: 100%;
  }
  #topbar-social-search .socialbox
  {
    text-align: center;
  }
  #topbar-social-search
  {
    text-align: center;
  }
  .topbar-email-contact .topbar-info
  {
    padding-top: 20px;
  }
  .home .header-wrap
  {
    position: unset;
  }
  .home .vw_main-navigation ul
  {
    border:none;
  }
  #popular-courses .popular-courses-head h3:after
  {
    margin-left: auto;
    margin-right: auto;
  }
  #popular-courses .courses-content
  {
    text-align: center;
  }
  #popular-courses .courses-content .course_name
  {
    padding-top: 20px;
  }
  #about-us h3:after
  {
    margin-left: auto;
    margin-right: auto;
  }
  #about-us .about-content
  {
    text-align: center;
  }
  #about-us .view-about
  {
    margin-bottom: 20px;
  }
  #join-now .join-now-content
  {
    max-width: 100%;
  }
  #our-trainers
  {
    text-align: center;
  }
  #our-trainers .our-trainers-heading h3:after
  {
    margin-left: auto;
    margin-right: auto;
  }
  #our-trainers .trainer_name
  {
    padding-top: 20px;
  }
  #testimonials .testimonials-box
  {
    text-align: center;
  }
  #testimonials .owl-carousel .owl-item img
  {
    margin:0 auto;
  }
  #testimonials .testimonial_name
  {
    padding-top: 20px;
  }
  #testimonials .testimonials-box h3:after
  {
    margin-left: auto;
    margin-right: auto;
  }
  #testimonials .owl-dots
  {
    position: unset;
  }
  #our-blogs .blog-head
  {
    text-align: center;
  }
  #our-blogs .blog-head:after
  {
    margin-right: auto;
    margin-left: auto;
  }
  #our-blogs .our-blogs-content
  {
    text-align: center;
  }
  #our-blogs .our-blogs-content h5
  {
    padding-top: 20px;
  }
  #our-blogs .owl-dots
  {
    padding-bottom: 20px;
  }
  #popular-courses .popular-courses-head h3
  {
    text-align: center;
  }
  #our-records .our-records-head
  {
    text-align: center;
  }
  #our-records .our-records-head h3:after
  {
    margin-left: auto;
    margin-right: auto;
  }
  #our-records .owl-carousel .owl-item img
  {
    margin: 0 auto;
  }
  #our-records .our-records-content
  {
    text-align: center;
  }
  #our-records .record-title
  {
    justify-content: center;
    padding-top: 15px;
  }
  #our-gallery .gallery-heading
  {
    text-align: center;
  }
  #our-gallery .gallery-heading h3:after
  {
    margin-left: auto;
    margin-right: auto;
  }
  .our_trainers_outer .trainers_inner
  {
    text-align: center;
  }
  .our_courses_outer
  {
    text-align: center;
  }
  .search_popup input.search-submit
  {
    padding:3px 20px; 
  }
  .home.page-template .header-wrap
  {
    position: unset;
  }
}
@media screen and (min-width: 577px) and (max-width:767px){

  button.owl-next{
    right:0;
  }
  button.owl-prev{
    left:0;
  }
  .top_bar_link{
    text-align: center;
  }
  .top_bar_link a {
    display: table;
    margin: 20px auto;
    text-align: center;
  }
  .top_bar_link{
    padding: 0 15px !important;
  }

  .home.page-template .site-header {
    position: unset;
  }
  .about_box {
    margin-bottom: 30px;
  }
  .post_dec{
    display: none;
  }
  .contact_details {
    padding: 12px 0;
    position: static;
    right: 0;
    top: 50%;
    transform: unset;
  }
  .logo_footer {
    margin-bottom: 20px;
  }
  .footer_form {
     padding: 0; 
  }
  .postbox h3{
    line-height: 22px;
  }
  #latest_post .owl-nav {
    position: static;
    margin: 0 auto;
    text-align: center;
  }
  .meta_post span {
    font-size: 12px;
  }
  .postbox .postbox-content{
    padding: 5px 15px;
  }
  .search-box span {
    float: right;
  }
  .contact_details ul li{
    display: block;
    color: #ffffff;
  }
  .left-side-content {
    text-align: left;
  }
  ul.right-side-content{
    margin: 0;
    text-align: center;
  }
  .left-side-content li{
    padding-bottom: 10px
  }
  .about-content a {
    margin-bottom: 10px;
  }
  .project_tab_content .box {
    margin-top: 15px;
  }
  .about-content{
    margin: 0;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text
  {
    width: 37%;
  }
  #vw_slider h2{
    font-size: 22px;
    padding-top: 0;
  }
  #vw_slider .inner_carousel h2 small{
    font-size: 15px !important;
  }
  #vw_slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  #vw_slider p.font-weight-bold {
      display: none;
  }
  #our-services .page-box{
    margin-bottom:0.5em;
    margin-top:20px;
  }
  #vw_header .logo a.custom-logo-link{
    position: static;
  }
  .mid-content {
    position: static;
    top: 0;
    transform: unset;
  }
  .fadeInRight{
    animation-name: unset !important;
  }
  .site-title{
    font-size: 34px;
  }
  .site-description{
    font-size: 14px;
  }
  .main-header{
    margin-bottom: 25px;
  }
  .header-title{
    padding: 30px 0;
  }
  .main-title{
    font-size: 30px;
  }
  #masthead{
    min-height: 60px;
  }
  #masthead #site-branding img,
  #masthead.scrolled #site-branding img{
    max-height: 40px;
    width: auto;
  }
  .vw_main-navigation li,
  #masthead.scrolled .vw_main-navigation li{
    display: block;
    line-height: 1.5 !important;
  }
  .sf-arrows .sf-with-ul{
    padding-right: 0;
  }
  .menu > ul > li > a{
    padding: 10px 0;
  }
  .vw_main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .slide-cta{
    float: none;
    width: 100%;
    padding: 15px 0 0 0;
    text-align: center;
  }
  #home-slider-section .bx-wrapper .bx-controls-direction a{
    display: none;
  }
  .slide-button-left,
  .slide-button-right{
    padding: 7px 25px 7px 25px;
    min-width: 160px;
    font-size: 16px;
  }
 
  .about-sec,
  .about-image{
    width: auto;
    float: none;
  }
  .about-sec{
    margin-bottom: 40px;
  }
  .about-image{
    max-width: 400px;
    margin: 0 auto;
  }
  #cta-section .cta-left{
    width: 100%;
    float: none;
    text-align: center;
  }
  .site-info{
    float: none;
    width: 100%;
    text-align: center;
  }
  #vw_footer-menu ul {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
  .woocommerce div.product div.images .flex-control-thumbs{
    margin: 10px 0 0 0;
  }
  .innermenubox {
    position: static;
  }
  .vw_contact-box .wpcf7 input[type="text"],
  .vw_contact-box .wpcf7 input[type="email"],
  .vw_contact-box .wpcf7 textarea{
    width: 100% !important;
  }
  #vw_slider .carousel-prev-button
  {
    top: 40%;
    left:0px;
  }
  #vw_slider .carousel-next-button
  {
    top: 40%;
    margin-left: 25px;
    right: 0;
  }
 
  #vw_slider p
  {
    margin: 0;
  }
  .slider-box
  {
    max-width: 83%;
  }
  .footer_menu ul
  {
    text-align: left;
  }

  .header-nav
  {
    padding-top: 6px;
  }

  #vw_slider ol.carousel-indicators
  {
    bottom: 30px;
  }
  .header-nav .vw_menubar
  {
    background-color: transparent;
  }

  .toggle-nav

  #vw_slider .read-more
  {
    padding: 11px 23px;
  }
  .logo h1 a
  {
    font-size: 23px;
  }
  #vw_header .logo
  {
    text-align: center;
    padding-bottom: 20px;
  }
  .home .header-wrap
  {
    position: unset;
  }
  .home .vw_main-navigation ul
  {
    border-bottom: none;
  }
  #popular-courses .courses-content
  {
    text-align: center;
  }
  #popular-courses .courses-content .course_name
  {
    padding-top: 20px;
  }
  #about-us .view-about
  {
    margin-bottom: 20px;
  }
  #our-courses .our-courses-content .our-courses-box
  {
    bottom: -4px;
  }
  #our-courses .our-courses-content i
  {
    float: none;
    margin-top: 6px;
  }
  #our-courses .our-courses-content h4 a
  {
    font-size: 20px;
  }

  #join-now .join-now-content
  {
    max-width: 90%;
  }
  #our-trainers .our-trainers-content
  {
    text-align:center;
  }
  #our-trainers .our-trainers-content .trainer_name
  {
    padding-top: 20px;
  }
  #our-blogs .our-blogs-content
  {
    text-align: center;
  }
  #our-blogs .our-blogs-content h5
  {
    padding-top: 20px;
  }
  #our-blogs .owl-dots
  {
    padding-bottom: 30px;
  }
  #our-blogs .blog-head
  {
    text-align: center;
  }
  #our-blogs .blog-head:after
  {
    margin-left: auto;
    margin-right: auto;
  }
  #vw_footer #site-navigation ul li
  {
    display: inline-block;
  }
  #vw_footer .footer-links
  {
    padding: 20px 0;
  }
  #topbar-social-search
  {
    text-align: center;
  }
  #topbar-social-search .socialbox
  {
    text-align: center;
  }
  #our-packages .package-content .fa-angle-right
  {
    bottom: 68px;
    right: 26px;
  }
  #our-packages .package-content h5
  {
    font-size: 21px;
  }
  .our_trainers_outer .trainers_inner
  {
    text-align: center;
  }
  .our_courses_outer
  {
    text-align: center;
  }
  #our-courses .our-courses-content .blog_text
  {
    line-height: 20px;
  }
  #our-courses .vw_box .box-content
  {
    padding-top: 1%;
  }
  .home.page-template .header-wrap
  {
    position: unset;
  }
}
@media screen and (max-width:719px) {
  .vw_menubar.scrolled.hmenu {
    background-color: #222222;
    height: auto; 
  }
  .contact-info {
    margin: 0 !important;
  }
  .search-box{
    float: none;
  }
  .vw_menubar .vw_nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  span{
    text-align: center;
  }
  #we_are_expert{
    background-size: cover;
  }
  #portfolio .box .post{
    text-align: left;
  }
}
@media screen and (min-width: 768px) and (max-width:991px) {

  .post_dec{
    display: none;
  }
  .top_bar_link a{
    font-size: 12px;
    padding: 9px;
  }
  .record_box3, .record_box4{
    margin-bottom: 3rem !important;
  }
  #vw_header
  {
    padding-top: 0;
  }
  .header-nav
  {
    padding-top: 0;
  }
  #vw_slider h2
  {
    font-size: 24px;
    padding-top: 0;
  }
  #vw_slider p
  {
    margin: 0;
  }
  #vw_slider .carousel-prev-button
  {
    top: 40%;
    left: 0;
  }
  #vw_slider .carousel-next-button
  {
    top:40%;
    right: 0;
  }
  .search-form button i {
    font-size: 12px !important;
    padding-right: 2px !important;
  }
  .header-nav .vw_menubar
  {
    background-color: transparent;
  }
  #vw_header .header-search
  {
    position: unset;
  }
  
  #vw_slider .read-more
  {
    padding: 11px 23px;
  }
  .slider-box
  {
    top: 52%;
    max-width: 90%;
  }
  #vw_slider ol.carousel-indicators
  {
    bottom: 40px;
  }
  .header-wrap
  {
    z-index: 999;
  }
  #topbar-social-search
  {
    text-align:center;
  }
  #topbar-social-search .socialbox
  {
    text-align: center;
  }
  #popular-courses .courses-content
  {
    text-align: center;
  }
  #popular-courses .courses-content .course_name
  {
    padding-top: 20px;
  }
  #about-us
  {
    padding-bottom: 40px;
  }
  #join-now .join-now-content
  {
    max-width: 87%;
  }
  #testimonials .owl-dots
  {
    position: unset;
    padding-top: 30px;
    text-align: center;
  }
  #testimonials .testimonial_text
  {
    padding-bottom: 12px;
  }
  #testimonials .testimonials-box
  {
    padding: 15px 20px;
  }
  .home .vw_main-navigation ul
  {
    border-bottom: none;
  }
  #vw_footer #site-navigation ul li
  {
    padding-top: 14px;
    padding-bottom: 11px;
  }
}
@media screen and (max-width: 1024px) and (min-width:991px){
  #how-we-work .work-box:before{
     border-left: 46px solid #2b3546;
     border-top: 54px solid transparent;
  }
   #team .team-image img {
    width: 100% !important;
  }
  .toggle-nav {
    right: 0px;
  }
  .search-box{
    float: none;
  }
  .search-box form.search-form{
    margin: 0 auto;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  
  #vw_slider .inner_carousel h2 small{
    margin-bottom: 4px;
    font-size: 16px !important;
  }
  #vw_slider a.theme_button{
    padding: 10px 11px;
    margin-top: 0px;
  }

  .socialbox a i{
    font-size: 12px;
    width: auto;
    padding: 12px 13px;
  }
  small {
    font-size: 13px !important;
  }

  .teambox{
    margin-bottom: 30px;
  }   
  .postbox{ 
    margin-bottom: 20px; 
  }
  #vw_slider .carousel-prev-button
  {
    left: 0;
    bottom: 47%;
  }
  #vw_slider .carousel-next-button
  {
    right: 0;
    bottom: 47%;
  }
  .slider-box
  {
    max-width: 82%;
    top: 47%;
  }
  .logo h1 a
  {
    font-size: 18px;
  }
  .widget th, .widget td
  {
    padding: 0;
  }
  #vw_header .header-search
  {
    padding: 22px 4px;
  }
  
  #vw_slider ol.carousel-indicators
  {
    bottom: 40px;
  }
  #vw_slider h2
  {
    font-size: 34px;
    padding-top: 30px;
  }
  .header-wrap
  {
    z-index: 999;
  }
  #about-us .about-content
  {
    padding-top: 31px;
  }
  .our_courses_outer .course-meta span
  {
    padding: 5px 0;
  }
}
@media screen and (max-width: 1024px){
  .list_outer {
    padding: 20px 20px;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .top_bar_btn a.theme_button {
    position: static;
    top: 0;
    transform: unset;
  }
  .vw_main-navigation ul ul{
    background-color: transparent;
  }
  .vw_main-navigation ul ul li, .vw_menubar.scrolled .vw_main-navigation ul ul li{
    border-bottom: none;
  }
  .toggle-nav {
    display: block;
    position: relative;
    float: right;
    right: 15px;
    width: 30px;
    cursor: pointer;
    margin: 0 auto;
    z-index: 999999;
    right: 0;
    text-align: right;
    right: 0;
    margin-right: 0;
    margin-top: 5px;
  }
  .toggle-nav i {
    font-size: 29px;
    color: #fff !important;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .innermenubox {
    position: static;
    padding-bottom: 10px;
  }

  .vw_main-navigation .menu{
    float: none;
    text-align: center;
  }
  .vw_main-navigation ul ul li,
  #masthead.scrolled .vw_main-navigation ul ul li{
    display: block;
  }
  .vw_main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .menu > ul > li:hover:before, 
  .menu > ul > li.current_page_item:before, 
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    border-top-color: #333;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .vw_menubar .vw_nav ul{ 
    width:100%;
    margin-top:0; 
  }
  .vw_menubar .vw_nav ul li,
  .vw_menubar.scrolled .vw_main-navigation li{
    border-top:1px #303030 solid; 
    display:block;
    text-align:left;
    float:none;
    width: 18rem;
    padding: 5px;
  }
  .vw_nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }
  .vw_nav ul li a:hover{
    color:#ff8a00;
  }
  .vw_nav ul li ul,
  .vw_nav ul li ul ul{ 
    display:block !important;
  }
  .vw_nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .vw_nav ul li ul li a{
  padding-left:20px !important;
  }
  .vw_nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .vw_main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .top_bar_btn{
    padding:0;
  }
  .vw_main-navigation li.current_page_item
  {
    border:none;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1025px) { 

  #vw_slider .carousel-prev-button
  {
    left:0;
    bottom: 31%;
  }
  #vw_slider .carousel-next-button
  {
    right: 0;
    bottom: 31%;
  }
  .slider-box
  {
    max-width: 82%;
    top: 63%;
  }
  #vw_slider ol.carousel-indicators
  {
    bottom: 40px;
  }
  .logo h1 a
  {
    font-size: 18px;
  }
  .widget th, .widget td
  {
    padding: 0;
  }
  #about-us .about-content
  {
    padding-top: 31px;
  }
  .our_courses_outer .course-meta span
  {
    padding: 5px 0;
  }
}
/* --------- Spinner ---------- */

.vw-personal-trainer-box
{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #a72dd9;
  z-index: 2;
  cursor: pointer;
  z-index: 999999;
}
.vw-personal-trainer-box .lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  position: absolute;
  left: 50%;
  top: 50%;
}
.vw-personal-trainer-box .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.vw-personal-trainer-box .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.vw-personal-trainer-box .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.vw-personal-trainer-box .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*---------- ACCESSIBILITY ------------*/
.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: #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: 14px;
 font-size: 0.875rem;
 font-weight: bold;
 height: auto;
 left: 5px;
 line-height: normal;
 padding: 15px 23px 14px;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index: 100000;
 /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
 outline: 0;
}
.closepop a:focus{
outline: 1px dotted #fff;
border-bottom: 1px solid #fff;
}
a:focus{
outline: 1px dotted #fff;
border-bottom: 1px solid #fff;
}
.innermenubox a:focus{
outline: 1px dotted #fff;
border-bottom: 1px solid #fff;
}

span .testimonial-dots, span.services-dots, span.team-dots, span.brands-dots, span.records-dots, span.trending-collection {
  display: none;
}

#vw-cleaning-how-we-work, #vw-cleaning-our-records {
    background-color: #000;
}
/*------------------ Comments BOX ------------------*/

#comments .reply
{
  float: none !important;
  margin-bottom: 30px;
}
#comments .reply a
{
  font-size: 16px;
  letter-spacing: 0px;
  color: #222222;
  font-family: "PT Sans";
  font-weight: 700;
}
#comments .commentmetadata a
{
  font-size: 18px;
  padding-top: 8px;
  display: inline-block;
}
#comments .commentmetadata a:hover
{
  color: #222;
}
#comments h2.comments-title
{
  padding-bottom: 20px !important;
}
#comments .comment-awaiting-moderation
{
  padding-top: 8px;
  display: inline-block;
}

.post-navigation a:hover{
   color: #88d055 !important;
}
.toggle-nav.mobile-menu button {
  background: transparent;
  border: none;
}
.vw-fixed{
  background-attachment: fixed;
}
.vw-scroll{
  background-attachment: scroll;
}

span.vw-personal-trainer-product-dotsproduct{
  display: none;
}
span.vw_ecommerce_store_latest-collection-dots, span.trending-collection{
  display: none;
}
span.product-categories-nav, span.weekly-deals, span.newsletter-partners, span.feature-products, span.our-features, span.trending-collection, span.our-testimonial, span.product-offer-1, span.product-categories-nav{
  display: none;
}
span.trending-collection, span.vw-ecommerce-store-our-testimonial, span.vw-personal-trainer-product, span.latest-collection {
    display: none;
}
#vw_ecommerce_store_latest-news .latest-news-content{
  background:#000;
}
a.latesredmore{
    color: #ffffff;
}
#vw_ecommerce_store_latest-news .latest-news-content .news-text a{
  color: #ffffff;
}

div#vw_ecommerce_store_daily-deals {
    background: #000;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: #33a0dc !important;
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 0 0 #121212;
    font-weight: bold;
}
.woocommerce-MyAccount-content a, .woocommerce-info a, .woocommerce-privacy-policy-text a, td.product-name a, a.shipping-calculator-button {
    color: #33a0dc !important;
}
h4.vw_ecommerce_store_posttitle a:hover {
    color: #000;
}
#comments input[type="submit"] {
    background: #33a0dc !important;
    color: #121212;
    padding: 10px 20px;
    font-weight: 800;
    font-size: 12px;
}
.post-navigation a:hover .post-title, .post-navigation a:focus .post-title {
  color: #33a0dc !important;
  } 
button.close-one {
    background: transparent;
    border: none;
}
span.testimonials, span.our-blogs, span.our-records, span.our-packages{
  display: none;
}
span.our-blogs{
  display: none;
}
#our-records, #our-features, #testimonials, #join-now{
  background:#000;
}
.newsletter{
  background:#000;
}
button.close-one {
    background: transparent;
    border: none;
}
.toggle-nav.mobile-menu button {
  background: transparent;
  border: none;
}
.vw-fixed{
  background-attachment: fixed;
}
.vw-scroll{
  background-attachment: scroll;
}
.socia-new {
  text-align:right
}

