/*
Theme Name: WP Fitness Pro
Theme URI: https://www.themesglance.com/premium/wp-fitness-wordpress-theme/ 
Author: ThemesGlance
Author URI:  http://www.themesglance.com/
Description: WP Fitness is a premium WordPress theme for fitness and gym websites. It is a highly suitable theme for fitness centers,sports clubs, gyms and other exercise related websites. It has purpose oriented design, responsive layout and special features to manage Gallery, Schedule, Services, Pricing Plans, Calculate BMI, Blog, news posts and pages.
Version: 0.2
License: GNU General Public License
License URI:license.txt
Text Domain: wp-fitness-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

WP Fitness WordPress Theme has been created by WP Themes(themesglance.com), 2017.
WP Fitness WordPress Theme is released under the terms of GNU GPL
*/

/* Basic Style */
*{ 
  margin:0; 
  padding:0; 
  outline:none;
}

body{ 
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative; 
  font:12px/22px arial; 
  color:#5b5b5b; 
  font-family:Open sans;
}

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;
}

p{ 
  margin:0 0 15px; 
  padding:0;
  font-size:18px; 
  line-height:normal; 
  font-weight:normal;
}

a{ 
  text-decoration:none; 
  color:#ff8500;
}

a:hover{ 
  text-decoration:none; 
  color:#666;
}

a:focus,a:hover{
  text-decoration:none !important;
}

ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}

:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

small{
  font-size:14px !important;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],
textarea{
  border:1px solid #bcbcbc;
  width:100%; 
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 23px 0;
  height:auto;
}

textarea{
  height:111px;
}

section{
  font-family:Open sans;
}

select{
  width: 100%;
}

input[type="submit"] {
  border:2px solid #18304c;
  background:#fff;
  text-align:center;
  font-size:18px;
  padding:7px 30px;
  font-weight:bold;
  color:#18304c;
  margin:23px 0; 
  border-radius:3px;
  display:table;
}

input[type="submit"]:hover{
  background:#ff8500;
  cursor: pointer;
}

.clear{ 
  clear:both;
}

.center{ 
  text-align:center; 
  margin-bottom:40px;
}

.middle-align{ 
  margin:0 auto; 
  padding:20px 0 20px;
}

.wp-caption{ 
  margin:0; 
  padding:0; 
  font-size:13px; 
  max-width:100%;
}

.wp-caption-text{ 
  margin:0; 
  padding:0;
}

.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}

.sticky{ 
  margin:0; 
  padding:0; 
  background-color:#d7d7d7;
}

.gallery-caption{ 
  margin:0; 
  padding:0;
}

.alignleft,
img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  border:1px solid #bbb; 
  padding:5px;
}

.alignright, img.alignright { 
  display: inline; 
  float: right; 
  border:1px solid #bbb; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
}

.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
}

.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}

.toggleMenu{
  display:none;
}

.bypostauthor{ 
  margin:0; 
  padding:0;
}

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;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: separate;
  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_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}

.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}

.widget_calendar tbody a {
  background-color: #007acc;
  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;
  background: #001e44;
  -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;
}

.plans-box .hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #001e44;
  border-radius:8px;
  -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;
}

#gallery .hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d3da36;
  -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,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: #fff !important;
}

.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-all{
  border:2px solid #000;
  color:#000;
  padding:8px 50px;
  margin:20px 0 0 0; 
  font-weight:bold;
}

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;
}
  
  
/*------------------ Image Hover -----------------*/
.view {
  width: 100%;
  /*height: 100%; */
  margin: 10px 0;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.view .mask, .view .content { 
  width: 100%; 
  height: 100%; 
  position: absolute; 
  overflow: hidden; 
  top: 0; 
  left: 0;
}

.view img {
  display: block;
  position: relative;
  width:100%;
}

.view a.info {
  background:url('images/link.png') center no-repeat;
  display: inline-block;
  text-decoration: none;
  padding:0;
  text-indent:-9999px;
  width:20px; 
  height:20px;
  margin-top:34%;
}

.second-effect .mask {
  overflow:visible;
  border:0px solid #18304c; 
  box-sizing:border-box;
  transition: all 0.4s ease-in-out;
}

.second-effect a.info {
  position:relative; 
  opacity:0; 
  transform:scale(0,0); 
  transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  outline:none;
}

.second-effect:hover .mask {
  opacity: 1; 
  background:rgba(0,0,0,0.7);
}

.second-effect:hover a.info {
  opacity:1;
  transform:scale(1,1);
  transition-delay:0.3s;
}

/*---------------------------mega menu------------------------- */
.navbar-nav{
  float: left;
  margin-left: 25%;
}
.sub-menu li a {
    color: #fff;
}
.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.navbar-default .navbar-nav>li>a {
  font-weight: bold;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-brand {
  color: #FFF;
  padding:0;
  font-size: 14px;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #bcfe63;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover
{
  color: #FFF;
  background-color: transparent;
}
.navbar-default{
  background-color: transparent;
  border-color: transparent;
}

.mega-dropdown {
  position: static !important;
}

i.fa.fa-sort-desc {
    margin: 0 0 0 4px;
    font-size: 19px;
}

li.dropdown.mega-dropdown {
    padding: 0 4px 0 12px;
}

.navbar-nav>li>a {
    padding-top: 10px !important;
    padding-bottom: 15px;
}

.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-widgettitle {
  color: #428bca;
  font-size: 18px;
  font-weight: bold;
}

.mega-dropdown-menu form {
  margin: 3px 2px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}
.mega-dropdown-menu  div#calendar_wrap,
.mega-dropdown-menu  caption
.mega-dropdown-menu  div{
  padding:0;
  color: #FFF;
}
.mega-dropdown-menu > div >li{
  float:left;
  width:33%;
}
#header .nav .mega-dropdown-menu{
  height:auto;
  padding: 2%;
  margin: 0px;
}
#header .nav .mega-dropdown-menu > div >li{
  float:left;
  width:34%;
  display: inline;
  position: initial;
}
.mega-dropdown-menu > div >li:nth-child(even){
  clear:right;
}
#header .nav .mega-dropdown-menu li > ul {
  display: block;
  width: 200px;
  position: inherit;
  text-align: left;
  padding: 0;
  float: left;
  margin:0;
}

#header .navbar-default .navbar-nav .sub-menu ul li a{
  padding: 7px 0px;
}

#header .navbar-default .navbar-nav .sub-menu ul li{
  display:block;
}

#header .nav .mega-dropdown-menu li:hover > ul {
  background: transparent;
  position: inherit;
  padding: 0;
  margin: 0;
}

li#recent-posts-3 h2 {
  padding: 0 0 0 23px;
}
li#archives-3 h2 {
  padding: 0 0 0 26px;
}
div#calendar_wrap {
  padding: 0 0 0 30px;
}
li#search-2 {
  padding: 35px 0 0 13px;
}
ul.dropdown-menu.mega-dropdown-menu.row {
    background: #113665;
    border: 1px solid #fff;
}
h2.widgettitle {
    color: #fff;
    font-family: Open sans;
    margin-left: 4%;
    border-bottom: solid 2px #bcfe63;
    display: inline-table;
    margin-bottom: 3%;
    font-size: 23px;
}
input.search-field {
    padding: 11px 13px 13px 11px;
    border: solid #113665;
}
.navbar-default .navbar-toggle{
     width: 100% !important;
    color: #fff !important;
    background: url(images/responsive_menu.png) no-repeat right center #3890cb !important;
    padding: 10px !important;
    margin: 0 !important;
    font-size: 16px !important;
    text-align: left !important;
    border-radius: 0 !important;
    font-family: Open sans;
}

.navbar-default .navbar-toggle {
    border-color: currentColor;
}
.navbar-collapse.in {
    overflow-y: inherit;
}
.navbar-nav .open .dropdown-menu {
    position: absolute !important;
    width: 100% !important;
}
ul.dropdown-menu.mega-dropdown-menu.row {
    border: 2px solid #fff;
}
ul.dropdown-menu.mega-dropdown-menu.row:hover {
    border: 2px solid #bcfe63;
}
.navbar-default .navbar-collapse{
  padding:0;
  border-top: transparent;
  box-shadow: inset 0 1px 0 rgba(0,0,0,0);
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
    text-align: left;
    font-size: 18px;
    border-bottom: solid 2px #bcfe63;
    margin-bottom: 3%;
}
/* --------------------------HEADER---------------------------- */
#header.fixed{
  position:fixed !important; 
  top:0 !important; 
  margin:0; 
  padding:15px 0; 
  z-index:99999999; 
  background-color:#ffffff; 
  opacity:inherit;
}

#header .logo{
  margin:0; 
  padding: 24px 0; 
  text-align:center;
}

#header .logo h1{ 
  font-weight:700; 
  text-transform:uppercase; 
  padding:0; 
  margin-bottom:8px; 
  font-size:30px; 
  font-weight:bold; 
  margin-top: 0; 
  text-align:center;
}

#header .logo a{ 
  color:#ffffff; 
  font-family:'Roboto';
}

#header .logo p{ 
  font-size:12px;
  color: #fff;
}
.home #header{
  z-index:999; 
  width:100%; 
  height:auto;
  position:absolute;
  background:none;
  border:none;
}
#header,.home.blog #header{
  z-index:999; 
  width:100%; 
  height:auto;
  background: #0e163a;
  position: relative;
}

#header .header-top{
  background:#000;
  color:#aaaaaa;
}

#header .header-top a{
  color:#aaaaaa;
}

#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}

div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
    clear: both;
}

#header .top-contact .call{
  background:url('images/phone1.png') no-repeat; 
  padding:1px 0 1px 30px;
  margin-right:15px;
}

#header .top-contact .email{
  background:url('images/email1.png') no-repeat; 
  padding:0 0 0 30px;
}

#header .social-media{
  padding:12px 0; 
  text-align:center;
}

.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}

#header .social-media a:hover{
  color:#3890cb;
}

.buttonbox a{
  background:#3890cb;
  color:#fff;
  padding:8px 15px;
  display:block;
  margin:27px 0 0 0;
  border-radius:5px;
  text-align:center;
}

.buttonbox a:hover{
  background:#000;
  color:#fff;
}

#header .nav{ 
  margin:5px 0 0 0; 
  padding:0; 
  text-align:left; 
  float:right;
}

#header .nav ul { 
  float:right; 
  margin:0; 
  padding:0; 
  font-family:'Roboto'; 
  font-weight:400; 
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold;
}

#header .nav ul li{ 
  display:inline-block; 
  margin:0; 
  position:relative;
}

#header .nav ul li a{ 
  color:#ffffff; 
  padding:10px; 
  display:block;
}

#header .nav ul li a:hover{
  color:#ff8500;
  border-bottom: 3px solid;
}

#header .nav ul li a:active{
  color:#3890cb;
}

#header .nav ul li.current_page_item{
  color:#bcfe63;
}
/*  index */
.postwrapper-box{
  border: 2px solid #eeeeee;
  margin: 1em 0;
}
.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;
}

/*------------------------- Gallery -----------------------------*/
#gallery p{
  text-align:center;
  font-size: 35px;
}

#gallery img{
  height:200px;
}

.gallery-image{
  margin-bottom:7px; 
  display:flex;
}

.gallery-image img{
  height:200px;
  width:100%;
}

.gallery_img{
  width: 100%;
  height: 100%;
}

#TB_ajaxContent{
  padding: 1% !important;
  width:auto !important; 
  height:auto !important;
}

#TB_ajaxWindowTitle{
  text-align:center;
  color: #001e44;
  text-transform: capitalize;
}

/*----------------------- Gallery pop-up start -----------------------------*/
.wp_overlay{
  display: block;
  width: 100%;
  height: 100%;
  background: hsla(0,0%,0%,0.8);
  position: absolute;
  z-index: 999;
  text-align: center;
}
.wp_close_it{
  color: #ddd;
  font-size: 1.3em;
  z-index: 99999;
  position: relative;
  left: 80.5%;
  cursor: pointer;
  top: 24px;
}
.wp_popup{
  z-index: 9999;
  position: absolute;
  left: 18%;
  width: 60%;
  border: 2px solid #ddd;
}

i.fa.fa-times-circle-o {
  font-size: 2em;
}

/*------------------------- Team ------------------------------*/
#team img.team-image {
  width:100%;
}

#team .team_name{
  text-align:center;
  background:#3890cb; 
  color:#fff; 
  font-size:16px;
}

/*----------------------- Trainer and stories section ------------------------*/
#trainer,
#stories {
  padding: 3% 0;
}
img.trainer-image,
img.stories-image {
    width: 100%;
}
.trainer-mainbox,
.stories-mainbox {
  border: solid 1px #dcdcdc;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 3em;
}
.trainer-mainbox h5,
.stories-mainbox h5{
  font-size: 20px;
  font-family: Montserrat;
  margin: 0;
  color: #0e163a;
  font-weight: normal;
  letter-spacing: 2px;
  padding: 5% 0;
}
.trainer-mainbox h6,
#stories h6{
  padding: 0;
  padding-bottom: 20px;
  font-size: 15px;
  font-family: Montserrat;
  letter-spacing: 1px;
  color: #9ba1ae;
}
.hovercolor:hover {
  background: #ff8500;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.hovercolor:hover h6,
.hovercolor:hover h5{
  color: #fff;
}
#trainer h3,
#stories h3 {
  font-weight: bold;
  font-family: Montserrat;
  font-size: 35px;
  text-align: left;
  padding: 0;
  letter-spacing: 1px;
  margin: 0;
  color: #0e163a;
}
.title-mainbox{
  padding: 0 10%;
}
.title-mainbox p {
  font-size: 18px;
  font-family: Open sans;
  color: #9ba1ae;
  line-height: 28px;
  padding: 15% 0;
  margin: 0;
}
#trainer i {
  margin-left: 10%;
}
#trainer .order-btn {
  border: solid 2px #ff8500;
  padding: 10px 15px;
  color: #ff8500;
  letter-spacing: 2px;
  font-family: Montserrat;
  font-weight: bold;
  font-size: 15px;
  width: 65%;
}
a.perma_links {
    border: none !important;
}
.client-d {
    margin: 0 !important;
    padding: 10px 0 !important;
}

/*--------------------------- gallery --------------------------*/
#gallery img {
  width: 100%;
  height: 100%;
}
.margremove {
  margin-right: 0;
  margin-left: 0;
}
.padremove {
  padding-left: 0;
  padding-right: 0;
}

/*--------------------------- Pricing Plans --------------------------*/
#pricing h3 {
  margin-top: 0;
  color: #fff;
  font-family: Montserrat;
  font-size: 35px;
  letter-spacing: 1px;
  padding: 0;
}
#pricing {
  padding: 3% 0;
  text-align: center;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.basic,
.premium,
.business {
  background: #fff;
  padding-top: 8%;
}
.padbasic,
.padpremium,
.padbusiness {
  padding: 20px;
}
.basic h4 {
  background: url(images/name-bg2.png) no-repeat;
}
.premium h4{
  background: url('images/name-bg1.png') no-repeat ;
}
.business h4{
  background: url('images/name-bg.png') no-repeat ;  
}
.business h4,
.premium h4,
.basic h4{
  width: 100%;
  height: 68px;
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: Montserrat;
  font-weight: 600;
  padding-top: 20px;
}
.baspad{
  padding-left: 8%;
  margin-top: 3em;
}
.prepad{
  padding-left: 4%;
  padding-right: 4%;
  margin-top: 3em;
}
.buspad{
  padding-right: 8%;
  margin-top: 3em;
}
.basic h5, .premium h5, .business h5 {
  font-weight: bold;
  font-family: Montserrat;
  font-size: 25px;
  letter-spacing: 1px;
  color: #0e163a;
  border-bottom: solid 2px #f3f3f3;
  padding-bottom: 1em;
}
#pricing sub {
  font-weight: normal;
  font-size: 18px;
}
#pricing span {
  font-size: 15px;
  font-family: Open sans;
  color: #9ba1ae;
  line-height: 40px;
}
.basic a {
  background: -webkit-linear-gradient(#fbac3c, #f89a25);
}
.premium a{
  background: -webkit-linear-gradient(#75bf4b, #50a245);
}
.business a{
  background: -webkit-linear-gradient(#41b1d9, #0c93ca);
}

.basic a,
.premium a,
.business a{
  border: none;
  color: #fff;
  font-weight: bold;
  border-radius: 10px;
  font-size: 16px;
  padding: 8px 35px;
  font-family: Montserrat;
  letter-spacing: 2px;
}
.read-moresec {
  border-top: solid 2px #f3f3f3;
  padding-top: 2em;
}
.basic i.fa.fa-check {
  background: #fbac3c;
  border-radius: 50%;
  padding: 4px;
  color: #fff;
  margin-right: 1em;
}
.premium i.fa.fa-check{
  background: #75bf4b;
  border-radius: 50%;
  padding: 4px;
  color: #fff;
  margin-right: 1em;
}
.business i.fa.fa-check{
  background: #41b1d9;
  border-radius: 50%;
  padding: 4px;
  color: #fff;
  margin-right: 1em;
}
.basic i.fa.fa-times,
.premium i.fa.fa-times,
.business i.fa.fa-times{
  background: #ed1c24;
  border-radius: 50%;
  padding: 4px 5px;
  color: #fff;
  margin-right: 1em;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold; 
  text-align:center; 
  margin:0 0 45px;
  padding:0;
  text-transform:uppercase;
}

section h3{
  font-weight:bold; 
  text-align:center; 
  margin:30px 0 0 0;
  text-transform:uppercase;
}

section h4{
  color:#000; 
  font-weight:bold;
  font-size:20px;
}

section h5{
  color:#3890cb; 
  font-weight:bold;
  font-size:24px;
  margin:0 0 10px 0; 
  padding:0;
}

.new-line,.box-content p{
  margin-bottom: 2em;
}

.box-content h3{
  color:#000; 
  font-weight: bold;
}

.text-center{
  text-align: center!important;
}

.darkbox{
  padding:0;
}

section .innerlightbox{
  background-size:100% 100%;
  padding:4.5em 0; 
  color:#000;
}

section .innerdarkbox{
  background-size:100% 100%;
  padding:4.5em 0; 
  color:#fff;
}

.innerdarkbox {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*------------------------- about us --------------------------*/

#about hr ,
#trainer hr,
#stories hr{
  margin-top: 10px;
  margin-bottom: 0;
  border-top: 5px solid #ff8500;
  text-align: left;
  width: 20%;
}
#about h3 {
  font-weight: bold;
  font-family: Montserrat;
  font-size: 50px;
  text-align: left;
  padding: 0;
  margin: 0;
  color: #0e163a;
}
#about {
  padding: 3% 0;
}
#about h4 {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: Montserrat;
  font-weight: normal;
  color: #0e163a;
  font-size: 30px;
}
#about p {
  font-size: 17px;
  font-family: Open sans;
  color: #9ba1ae;
  line-height: 28px;
  margin: 4% 0;
}
#about a {
  border: solid 2px #ff8500;
  padding: 10px 15px;
  color: #ff8500;
  letter-spacing: 2px;
  font-family: Montserrat;
  font-weight: bold;
  font-size: 12px;
  width: 26%;
}
#about i {
  margin-left: 10%;
}

/*--------------- Classes Section -----------------*/
#classes hr,
#pricing hr,
#blog hr,
#bmi hr {
  margin: 10px auto;
  margin-bottom: 0;
  border-top: 5px solid #ff8500;
  width: 10%;
}
.bx-viewport {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.bx-wrapper .bx-prev {
  left: -48px !important;
  background: url('images/classleft.png') no-repeat !important;
}
.bx-wrapper .bx-next {
  right: -48px !important;
  background: url('images/classright.png') no-repeat !important;
}
.bx-wrapper .bx-controls-direction a {
  top: 40% !important;
  width: 40px !important;
  height: 40px !important;
}
#classes h3 {
  margin-top: 0;
  color: #fff;
  font-family: Montserrat;
  font-size: 35px;
  letter-spacing: 1px;
  padding: 0;
}
#classes {
  text-align: center;
  padding: 3% 0;
}
.classeslider {
  margin: 4% 0;
}
.classbox {
  background: #0b0d1e;
}
#classes h4 {
  color: #fff;
  font-size: 15px;
  padding: 15px 0;
  font-family: Montserrat;
  letter-spacing: 1px;
}

/*--------------- Blog Section -----------------*/
#blog {
  padding: 3% 0;
  text-align: center;
}
.blog-mainbox {
  border: solid 2px #ccc;
  box-shadow: 0 0 6px 0px #bbb;
  margin-top: 4em;
}
.blog-mainbox img {
  width: 100%;
}
.blog-box {
  text-align: left;
  padding: 20px;
}
.datebox span {
  color: #aaa;
  font-size: 15px;
  font-weight: bold;
  font-family: Montserrat;
  letter-spacing: 2px;
}
.blog-box h4 {
  color: #0e163a;
  font-size: 20px;
  font-weight: bold;
  font-family: Montserrat;
  letter-spacing: 1px;
}
.blog-box p {
  font-size: 15px;
  font-family: Open sans;
  color: #9ba1ae;
  letter-spacing: 1px;
}
.blog-box a {
  background: #ff8500;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  font-family: Montserrat;
  padding: 10px 15px;
  border-radius: 30px;
}
.blog-btn {
  margin: 3em 0 2em;
}
#blog h3 {
  font-weight: bold;
  font-family: Montserrat;
  font-size: 35px;
  padding: 0;
  letter-spacing: 1px;
  margin: 0;
  color: #0e163a;
}

/*--------------- Trainer Post Section -----------------*/
.page-trainer-box .content-wp {
    font-size: 15px;
    font-family: Open sans;
    color: #9ba1ae;
    letter-spacing: 1px;
}
h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Montserrat;
    font-size: 35px;
    padding: 0;
    letter-spacing: 1px;
    margin-top: 3rem;
    color: #0e163a;
}
.trainer_single_post_content {
    padding: 20px;
}
.page-trainer-box .colimage-box img {
    width: 100%;
}
.complete_box {
    border: solid 2px #ccc;
    box-shadow: 0 0 6px 0px #bbb;
    margin-top: 4em;
    text-align: center;
}
#trainer hr,
#stories hr{
  width: 40%;
}
/*--------------- Service Section -----------------*/
#service {
  padding: 4% 0;
  text-align: center;
}
#service p {
  color: #ff8500;
  font-size: 16px;
  font-weight: bold;
  font-family: Montserrat;
  letter-spacing: 1px;
  padding-top: 2%;
}
.service_image {
  height: 85px;
}
.sec_font {
  border-left: solid 1px #3c415d;
  border-right: solid 1px #3c415d;
}
/*--------------- BMI Calculator Section -----------------*/
#bmi {
  padding: 3% 0;
  text-align: center;
}
#bmi .bmi-calculator input[type="text"],
#bmi .bmi-calculator select {
  color: #0e163a;
  text-transform: uppercase;
  font-size: 15px;
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: solid 2px #0e163a;
  background: transparent;
}
.bmi-calculator input[type="button"] {
  border: solid 2px #ff8500;
  padding: 10px 30px;
  background: #ff8500;
  font-family: Montserrat;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 1px;
}
.calculator_form h3 {
  color: #0e163a;
  margin-top: 0;
  font-family: Montserrat;
  font-size: 30px;
  letter-spacing: 1px;
  padding: 0;
}
.calculator_form p {
  color: #0e163a;
  font-size: 15px;
  font-family: Montserrat;
  text-align: center;
  padding: 0 12%;
  margin: 5% 0 10%;
  letter-spacing: 1px;
  line-height: 25px;
}
.bmi_result {
  background: url(images/bmi-img.png) no-repeat;
  width: 100%;
  height: 400px;
}
.bmi_result h4,.bmi_result h5,.bmi_result span {
  color: #fff;
  font-size: 25px;
  font-family: Montserrat;
  font-weight: bold;
  margin-right: 20%;
  padding-top: 15%;
  letter-spacing: 2px;
}
.bmi_result h5{
  font-size: 70px;
  padding-top: 8px;
}
span.bmi_value {
  margin-right: 0 !important;
}
#bmi_results_graph span {
  font-size: 40px;
}
/*---------------- Footer Section ----------------------*/
.newsletter input[type="email"] {
  width: 70%;
  float: left;
  margin-top: 5%;
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
}
#footer{
  color:#fff;
  padding:3% 0;
}

#footer h3,#content-wp #footer h3{
  color: #ffffff;
  text-align: left;
  text-transform: uppercase;
  font-size: 18px;
  font-family: Montserrat;
  letter-spacing: 1px;
  font-weight: 600;
}

#footer input[type="email"]{
  padding:8px 5%; 
  float:left;
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
  width: 84%;
}

#footer input[type="submit"] {
  padding: 9px 3%;
  float: right;
  border: none;
  background: #ff8500;
  border-radius: 0px;
  margin-top: 0px;
  color: #ffffff;
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
}
#footer ul li{
  list-style:none; 
  margin:0 0 5px 0;
  text-align:left;
}
.footer-box ul {
  margin-left: 0;
}
.footer-box ul li a,
.classes_wrapper h5 {
  color: #fff;
  font-size: 15px;
  font-family: Montserrat;
  padding-bottom: 0;
}
.footer-abt p {
  color: #fff;
  font-size: 15px;
  font-family: Montserrat;
  letter-spacing: 1px;
  line-height: 28px;
  margin-top: 10%;
}
.footer-newsletter p {
  color: #fff;
  font-size: 15px;
  font-family: Montserrat;
  letter-spacing: 1px;
  line-height: 28px; 
}
.newsletter p{
  margin: 0;
}
/* --------- Copyright ------- */
.copyright p {
  color: #0e163a;
  font-family: Montserrat;
  font-size: 15px;
  margin-bottom: 0;
}
.copyright p a {
  color: #0e163a;
}
.inner {
  padding: 20px 0;
}
.social-media {
  float: right;
}
.social-media a {
    color: #0e163a;
    margin-right: 12px;
    font-size: 15px;
}
/* --------- Blog Page ------- */
.blog-sec {
  border: solid 5px #001e44;
  background: #fff;
  padding: 15px;
  margin-bottom: 4%;
  box-shadow: 8px 10px 20px 0px rgba(51, 51, 51, 0.37);
  font-family: Montserrat ;
} 
.mainimage img {
  width: 100%;
}
.blog-sec h3 {
  margin-bottom: 10px ;
  background: rgba(167, 168, 171, 0.32);
  padding: 5px 0 ;
  font-weight: bold ;
  font-family: Montserrat ;
  margin: 0;
  font-size: 35px;
  text-align: center;
}
.blog-sec h3 a {
    color: #fb6d21;
}
.box-image img {
    width: 100%;
}
.blog-sec p {
    margin-bottom: 0;
    color: #a7a8ab;
    font-family: Montserrat;
    font-size: 15px;
}
h1.page-title,
h1.search-title {
    background: #fb6d21;
    margin-bottom: 3%;
    color: #001e44;
    text-align: center;
    margin-top: 0;
    padding: 10px;
}
.post-info {
  padding: 1% 0;
}
.post-info span {
  margin-left: 1%;
  margin-right: 1%;
}
.blogbtn a {
  border: solid 2px #fb6d21;
  color: #fb6d21;
  font-size: 15px;
  font-family: Montserrat;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 10px 20px;
}
.blogbtn {
  margin-top: 3%;
}
/* --------- Inner Pages --------- */
.page-trainer-box {
  color:#fff;
  margin-bottom: 20px;
}

.page-trainer-box .trainer-name{
  color:#18304c; 
  padding:0 0px 15px;
  font-size:25px; 
  margin:0;
}

.page-trainer-box .trainer-designation{
  color:#161b21; 
  font-weight:bold; 
  font-size:16px;
  margin-top: 5%;
}

.page-trainer-box p{
  font-size:15px; 
  line-height:normal; 
  color:#000;
}

.page-trainer-box .image-box img{
  width:100%;
}

.about-socialbox i {
  padding: 10px 10px 10px 10px;
  margin: 4% 2% 0 0;
  color:#fff;
  background-color:#0e163a;
}

.about-socialbox i:hover {
  background-color: #ff8500;
}

.page-trainer-box .image-box{
  padding-left: 0;
  padding-right: 0;
}

/* -------------- CONTACT Page --------------- */
section#contact-box{
  padding:0;
  margin:0;
}
h3.contact-page {
  margin-bottom: 10px;
  padding: 15px 0;
  font-weight: bold;
  font-family: Montserrat;
  margin: 0;
  text-align: center;
  font-size: 25px;
  color: #ff8500;
}
.contact-info{
  font-size:16px;
  line-height:26px;
  background-color: #0e163a;
  color: #fff;
}

.contact-location i{
  text-align: center;
  font-size: 17px;
  background: #ff8500;
  padding:12px 12px 12px 12px;
  border-radius: 50%;
  color: #fff;
  margin-right: 1%;
}

.contact-call i{
  text-align: center;
  font-size: 17px;
  background: #ff8500;
  padding: 12px 12px 12px 12px;
  border-radius: 50%;
  color: #fff;
  margin-right: 1%;
}

.contact-email i{
  text-align: center;
  font-size: 17px;
  background: #ff8500;
  padding:12px 12px 12px 12px;
  border-radius: 50%;
  color: #fff;
  margin-right: 1%;
}

.contact-info .head{
  color:#000;
}

.contact_form textarea  {
  height: 75px;
}

.contact_form{
  background: #000;
  padding: 54px;
}

.contact_form p{
  color:#fff;
  margin:0 0 15px;
}

.contact_form input[type="text"] ,
.contact_form input[type="email"],
.contact_form textarea { 
  width: 100%;
  background: #262626;
  border: 1px solid #262626;
  color: #fcfcfc;
  padding: 8px 10px;
  margin:5px 0 0 0;
}

.contact-name i{
  text-align: center;
  font-size: 17px;
  background: #ff8500;
  padding: 12px 12px 12px 12px;
  border-radius: 50%;
  color: #fff;
  margin-right: 1%;
}

.contact-information i {
  text-align: center;
  font-size: 17px;
  background: #ff8500;
  padding: 12px 12px 12px 12px;
  border-radius: 50%;
  color: #fff;
  margin-right: 1%;
}

.contact-location,
.contact-call,
.contact-email,
.contact-information,
.contact-name{
  margin-bottom: 2%;
}

.form-1 input[type="submit"] {
  background: url('images/3.png') no-repeat 7px 10px;
}

.contact_form  input[type="submit"] 
{
  background:none;
  color:#fff;
  padding:10px 50px;
  text-transform:uppercase;
  color:#fcfcfc;
  display:table;
  margin:0 auto;
  text-align:center;
  border: 2px solid #fff;
}

.contact_form  input[type="submit"]:hover{
  background:#ffd34e;
  color:#000;
}
.contact-box {
    margin-top: -178px;
    background: #fff;
    padding: 0px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    margin-bottom: 3rem;
}
.page-template-contact .contact-box .row {
    margin-right: 0px;
    margin-left: 0px;
}
h3.contact-page {
    margin: 30px 0px;
}

/* ----------------------- POST---------------------- */

/*------------------ Comments BOX ------------------*/
#comments{
  margin-top:40px;
}

#comments h2.comments-title{
  font-size:20px; 
  font-weight:bold;
}

#comments h3.comment-reply-title{
  font-size:20px; 
  font-weight:bold;
  clear:both;
}

#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  padding:12px 10px; 
  font-size:18px;
}

#comments input[type="submit"].submit{
  background:#0e163a !important;
  padding:10px 60px;
  text-transform:uppercase;
  font-weight:bold; 
  margin-top:20px;
  color:#ffffff;
}

#comments a.comment-reply-link{
  color:#000;
  background:#cecece;
  padding:5px 15px;
}

#comments a.comment-reply-link:hover{
  background:#3890cb;
}

#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}

#content-wp #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px; 
  padding: 20px;
  background:#eee; 
  display:inline-block;
}

#content-wp ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 35px;
}

#content-wp #comments ul{
  margin:0 0 0 40px;
}

#comments .reply{
  float:right;
}

#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}

#comments .comment-content{
  width:90%;
  float:left;
  margin-left:7%;
}

#comments p {
  width:100%;
  float:left;
}
#comments .comment-author{  
  margin-bottom: 1em;
}
#comments ol.comment-list {
  margin: 0px !important;
}
#comments h2#reply-title {
  display: inline-table;
}
#comments .comment-author.vcard img {
  border: 1px solid #333;
  padding: 2px;
}
/* --------- SLIDER--------- */
.carousel-indicators li{
  max-width: 10px;
  height: 10px;
  background-color: #fff;
}
.carousel-indicators .active {
    background-color: #ff8500;
}
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}
#slider img {
    width: 100%;
}
.nivo-caption{
  top:20%!important;
}

.nivo-controlNav a.active {
  font-weight: bold;
  background-position: 0 -21px;
  background: #bcfe63;
}

#slider .slide-cap h4{
  text-transform:uppercase; 
  font-size:25px;width:30%;
  margin:0 auto;
  background:url('images/welcome.png') center no-repeat;
  background-position: center; 
  padding:5px 0; 
  font-weight:bold;
}

#slider h2{
  padding:0 25px 2% 0; 
  font:700 60px 'Roboto';
  text-transform:uppercase;
  left:50%;
}

#slider p{ 
  color:#ffffff; 
  font-weight:700; 
  margin:0 0 48px 0;
  line-height:20px; 
  border-radius:0 0 5px 5px; 
  font:25px/20px arial; 
  text-transform:uppercase; 
  font-weight:bold;
}

#slider .btn-primary{ 
  border-radius: 0px;
  padding:9px 50px; 
  border:none; 
  color:#0e163a; 
  background:#ff8500; 
  font-size:16px; 
  height:auto; 
  display:table;
  margin:0 auto;
}

.carousel-caption {
  top: 30%;
}

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;
}

/* Sidebar */
#sidebar{font-family: Montserrat;}

#search-2 {
  padding: 15px;
  border-top: solid 10px #001e44 !important;
}
#sidebar form{
  display: table;
  width: 100%;
  border: solid 2px #001e44;
}
#sidebar h3 {
  margin: 0 0 5px;
  padding: 10px 15px;
  text-transform: none;
  font-weight: bold;
  font-size: 25px;
  font-family: Montserrat;
  color: #fb6d21;
  text-align: left;
  border-top: solid 10px #001e44;
}
#sidebar input[type="search"] {
  padding:9px 10px;
  border:none;
  font-size:15px;
  color:#000;
  width:100%;
  font-family: Montserrat;
}
#sidebar label{
  width:70%;
  float:left;
  margin-bottom: 0px; 
}
#sidebar input[type="submit"]{
  background:#001e44;
  font-family: Montserrat;
  border:none;
  color:#fff;
  padding:10px 0;
  width:30%;
  font-size:14px;
  float:left;
  margin:0;
  border-radius: 0;
}
#sidebar aside,
#content-tg {
  margin-bottom: 30px;
  border: 1px solid #c7c7c7;
  box-shadow: 8px 10px 20px 0px rgba(51, 51, 51, 0.37);
  background: #fff;
}
#sidebar ul {list-style:none;
  margin:0;
  padding:0;
  font-size:16px;
  margin: 0 20px;
}
#sidebar ul li{
  background:url('images/bullets-sidebar.png') no-repeat 0 7px;
  margin:0 0 15px;
  padding:0 0 0 23px;
}
#sidebar ul li a{
  color:#333;
  font-family: Montserrat;
}
#sidebar ul li a:hover{
  color:#fb6d21;
}
#sidebar .tagcloud a{
  background:#eeeeee;
  color:#000;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:#fb6d21;
}
#sidebar select {
    margin: 15px 0;
    border: 1px solid #c7c7c7;
    background: #fff;
    padding: 10px;
}
/*------------- 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;
  font-size: 35px;
  font-family: Montserrat;
  font-style: italic;
  margin-top: 10px;
  color: #fff;
  letter-spacing: 2px;
  text-shadow: 1px 0 0 #ff8500, 1px 0 0 #ff8500, 0 3px 0 #ff8500, 0 1px 0 #ff8500, 1px 3px #ff8500, -1px -1px 0 #ff8500, 1px -1px 0 #ff8500, -1px 1px 0 #ff8500;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}

/*----------content-wp-----------*/
#content-wp h6 {
  margin: 20px 11px 16px 0;
  font-size: 30px;
  padding: 0;
  font-weight: bold;
  line-height: normal;
}

#content-wp p{
  text-align:justify;
  line-height: 25px; 
  font-size: 16px;
}

#content-wp hr{
  border:none;
  margin:0 0; 
  clear:both;
}

#content-wp h2{
  font-size:35px; 
  font-weight:normal;
  margin:0;
  padding:0; 
  color:#373737;
  margin:0 0 25px; 
  font-family:'Roboto';
  border-bottom: 3px double #0d243c;
  padding-bottom: 10px;
}

#content-wp h3{
  font-size:36px; 
  font-weight:normal;
  margin:0;
  padding:0; 
  color:#000;
  margin:14px 0 25px; 
  font-family:'Roboto';
}

#content-wp h4{
  font-size:31px; 
  font-weight:bold;
  margin:0;
  padding:0; 
  color:#18304c;
  margin:0 0 25px;
  font-family:'Roboto';
  text-align: center;
}

#content-wp ul{
  list-style:none;
  margin:0 0 0 10px; 
  font-size:16px;
}

.middle-align ul li{
  background:url('images/bullet-fork.png') no-repeat 0 5px; 
  padding:0 0 0 35px;
  margin:0 0 20px 0;
  line-height:25px;
}

.middle-align ul li ul li{
  background:url('images/bullet-fork2.jpg') no-repeat 0 5px;
  margin-top: 3%;
}

#content-wp #comments ul{
  margin: 0!important;
}

#content-wp ol{
  margin:0 0 0 15px;
  padding:10px 0 0 0; 
  font-size:16px;
}

#content-wp ol li{
  padding:0 0 0 0;
  margin:0 0 20px 0;
}

#content-wp ol li:before {
  color: #fff;
  background: #0c1f34;
  display: inline-block;
  text-align: center;
  margin: 5px 10px;
  line-height: 40px;
  width: 40px;
  height: 40px; 
  font-weight:bold;
  display:none;
}

.read-moresec{
  margin:2% 0;
}

/*---------------- Pagination ----------------*/
.navigation {
  clear:both;
  position:relative;
  font-size:14px; 
  line-height:13px;
  float:right; 
  font-weight:bold;
}
 
.navigation span, .navigation a {
  display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#fff; 
  background: #0e163a ; 
  -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;
}
 
.navigation a:hover{
    color:#18304c;
    background: #fb6d21; 
}
 
.navigation .current{
  padding:10px 15px;
  background: #d3da36; 
  color:#18304c;
  font-weight:normal;
}
/*---------------- Product Section ----------------------*/
#fitness_products {
  text-align: center;
  padding: 3% 0;
}
#fitness_products h3{
  color: #0e163a;
  margin-top: 0;
  font-family: Montserrat;
  font-size: 30px;
  letter-spacing: 1px;
  padding: 0;
}
#fitness_products hr {
  width: 10%;
  margin: 0 auto;
  border-top: 4px solid #ff8500;
  margin-top: 10px;
  margin-bottom: 4em;
}

/*------------------------------------ woocommerce css ----------------------------*/
section.related.products h2,.woocommerce-order-details h2,.woocommerce-order-details h3 {
  color: #000;
  font-family: 'Raleway', 'Raleway', sans-serif;
  font-size: 25px;
  margin-bottom: 1em;
  text-align: left;
  text-transform: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    margin: 0;
    font-size: 17px;
    color: #0e163a;
    font-family: Montserrat;
    font-weight: bolder;
    text-align: center;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
    color: #0e163a;
    font-weight: bolder;
    font-size: 15px;
    font-family: Montserrat;
    padding: 5px 0;
}
ul.products li {
    border: 1px solid #e8e4e4;
    padding: 10px !important;
    text-align: center;
    box-shadow: 0 0 10px 1px #e8e4e4;
}
ul.products li:hover {
    background: #eee;
}
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce a.button {
    padding: 10px 25px;
    color: #ff8500;
    border: solid 2px #ff8500;
    font-size: 15px;
    background: transparent;
}
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce a.button:hover{
  background: #0e163a;
  border:none;
  color: #fff;
}
.woocommerce-product-details__short-description p {
    color: #333;
    font-size: 15px;
}
.woocommerce-Tabs-panel h2{
  color: #0e163a;
  font-size: 25px;
  text-align: center;  
  font-weight: bold;
  font-family: Montserrat;
}
.woocommerce-page ul.products li.product {
  width: 29%;
}
.woocommerce-Tabs-panel p {
    padding: 10px;
    color: #333;
    font-size: 15px;
}
.woocommerce .quantity .qty {
    width: 10em;
    text-align: left;
    padding: 6px 10px;
    border: solid 2px #ff8500;
}
.woocommerce .products .star-rating {
    display: block;
    margin: 5px auto;
    float: none;
    text-align: center;
    font-size: 14px !important;
    color: #ff9100;
}
span.onsale {
    background: #ff8500 !important;
    font-size: 15px !important;
    box-shadow: 3px 0 0 0 #0e163a;
}
.woocommerce .woocommerce-breadcrumb {
    margin: 2em 0;
    font-size: 16px;
    color: #18304c;
}
select.orderby {
    background: #fff;
    padding: 8px 4px;
    border: solid 1px #000;
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
    font-size: 15px;
    font-weight: bold;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
  border: 1px ridge #d3ced2;
  padding: 20px;
  margin: 2em 0;
  text-align: left;
  border-radius: 5px;
  font-family: 'Raleway', 'Raleway', sans-serif;
  font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-content {
  padding: 20px;
  margin: 2em 0;
}
.woocommerce div.product form.cart {
  margin: 2em 0;
}
/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
.postbox.smallpostimage a.blogbutton-small.hvr-sweep-to-right {
    border: solid 2px #ff8500;
    padding: 7px 7px;
    color: #ff8500;
    letter-spacing: 2px;
    font-family: Montserrat;
    font-weight: bold;
    font-size: 15px;
    width: 30%;
    text-align: center;
    margin-top: 10px;
}
.postbox.smallpostimage {
    margin-bottom: 3rem;
}
.postbox.smallpostimage {
    margin-bottom: 3rem;
    border: 1px solid #c7c7c7;
    box-shadow: 8px 10px 20px 0px rgba(51, 51, 51, 0.37);
    background: #fff;
    padding: 20px;
    margin-top: 2rem;
}
/*-------------- media section ---------------*/

@media screen and (max-width:768px) {
  .slider-main .nivo-controlNav a{
    width:10px;
  }
  #content-wp div {
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #000;
  }  
  .title-box h1{
    font-size: 20px;
  }
  .home #header{
    background: none !important;
  }
  .testimonialwrapper-box{
    margin-bottom: 50px;
  }
}

@media screen and (max-width:991px) {
  #slider .slide-cap h2 {
    font-size:150%;
  }
  #content-wp h4 {
    margin-top: 7%;
    text-align: justify;
    font-size: 26px;
  }
  #content-wp p {
    margin-top: 6%;
    font-size: 14px;
  }
  .toggle a{
    width:100%; 
    color:#fff; 
    padding:10px 10px; 
    font-size:16px;
  }  
  .metabox img {
    margin-left: 0%;
  }
  #footer input[type="submit"] {
    padding: 9px 3%;    
  }
  small {
    font-size: 13px !important;
  }
  .page-trainer-box .trainer-name {
    color: #18304c !important;
    font-size: 28px !important;
    text-align: center !important;
  }
  .bmi_result {
    background: #0e163a;
    height: auto;
    border-radius: 12px;
    margin-top: 20%;
  }
  .bmi_result h4,
  .bmi_result h5,
  .bmi_result span{
    padding: 6%;
    margin-right: 0;
  } 
}

@media screen and (max-width:719px) {
  .woocommerce ul.products li.product{
    width: 100% !important;
  }
  #header .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  #header .nav {
   height: 100%;
   width: 0;
   position: fixed !important;
   z-index: 99999 !important;
   top: 0 !important;
   left: 0 !important;
   background-color: #111;
   overflow-x: hidden !important;
   transition: 0.5s !important;
   width: 250px !important;
 }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .toggle{
    display:block;
  }

  .toggle a:hover{ 
    color:#fff;
  }

  .toggle a.active{
    color:#fff;
  }
  
  .nav{
    display:none;
  }

  #header .nav{
    float:none; 
    margin:0; 
    position: absolute;
    overflow-x: hidden;
    width: 100%;
    z-index: 9999;
    left: 0;
    top:-8em;
  }

  #header .nav ul{ 
    width:100%; 
    float:none !important; 
    margin-top:0; 
    background-color:#222222;
  }

  #header .nav ul li{
    border-top:1px #303030 solid; 
    display:block; 
    float:none; 
    text-align:left;
  }

  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }

  .nav ul li a:hover{
    color:#ff8a00;
  }

  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }

  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }

  .nav ul li ul li a{
  padding-left:20px !important;
  }

  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }

  #TB_window{
  width:350px !important;
  margin-left: -181px !important;
  top:60% !important;
  }
  .contact-name i,
  .contact-email i,
  .contact-call i,
  .contact-location i,
  .contact-information i{
   padding: 12px 4px;
   width: 14%; 
  }
  #slider .slide-cap{ 
    display:none;
  }
  .menubox .navbar {
    z-index: 9999;
    left: 0;
    width: 100%;
    position: absolute;
  }
  .navbar-default .navbar-collapse {
      background-color: #222222 !important;
  }
  .navbar-nav {
    margin-left: 33%;
  }
  .mega-dropdown-menu > div >li{
    float:left;
    width:50%;
  }
  #slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
    display: block !important;
  }
}

@media screen and (min-width:720px){  
  #header .nav ul li a {
     padding: 8px 8px 8px 32px;
     text-decoration: none;
     display: block;
     transition: 0.3s;
  }
  #header .nav ul li:hover > ul{
    display:block; 
    background:#222222; 
    width:200px; 
    position:absolute; 
    top:25px; 
    left:0; 
    text-align:left; 
    padding:10px 0; 
    z-index:99;
  }

  #header .nav ul li:hover > ul li{ 
    display:block;
  }

  #header .nav ul li:hover > ul li a{ 
    padding:7px 0px 7px 10px; 
    color:#ffffff;
  }

  #header .nav ul li:hover ul li ul{
    display:none;
  }

  #header .nav ul li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left:200px; 
    top:-20px;
  }

  #header .nav ul.sub-menu{
    margin-top:5px;
    display: none;
  }

  #header .nav ul.sub-menu li a:hover{
    background:#ff8500; 
    color:#fff;
  }

  #header .nav ul {
    margin:27px 0 0 0;
  }

  #header .nav ul li a{ 
    color:#fff; 
    padding:7px 15px; 
    display:block;
  }
}

@media screen and (min-width: 1000px) {
  #header #header-inner .nav ul li ul li{
    display:block; 
    position:relative; 
    float:none;
  }

  #header #header-inner .nav ul li ul li a{
    color:#000; 
    display:block; 
    padding-top:10px; 
    padding-bottom:10px; 
    border-bottom:1px #313131 solid;
  }
}

@media screen and (max-width: 767px) and (min-width: 320px){
  #about a {
    width: 55%;
  }
  a.bx-prev,a.bx-next {
    display: none;
  }
  #trainer a {
    width: 76%;
  }
  .baspad {
    padding-left: 15px;
  }
  .buspad {
    padding-right: 15px;
  }
  .bmi_result {
    height: auto;
    background: #0e163a;
    margin-top: 10%;
  }
  .bmi_result h4, .bmi_result h5, .bmi_result span{
    margin-right: 0;
    padding-top: 5%;
  }
  .social-media {
    float: none;
    text-align: center;
  }
  .copyright p {
    text-align: center;
    margin-bottom: 5%;
  }
  #pricing {
    background-repeat: repeat;
  }
}

@media screen and (max-width: 450px) and (min-width: 320px){
  .home #header {
      position: relative !important;
      margin-top: 10px;
  }
  .business h4, .premium h4, .basic h4 {
      text-align: left;
      padding-left: 20px;
  }
  .above_title {
      margin-top: 6%;
  }
}
@media screen and (max-width: 320px){
  #footer input[type="submit"] {
    padding: 11px 3% !important;
    margin-top: 14px !important;   
  }
  .contact-name i, .contact-email i, .contact-call i, .contact-location i, .contact-information i {
      width: 16%;
  }
}
@media screen and (max-width: 375px) and (min-width: 321px){
  #footer input[type="submit"] {
    padding: 11px 3% !important;
    margin-top: 17px !important;   
  }
  .contact-name i, .contact-email i, .contact-call i, .contact-location i, .contact-information i {
      width: 13%;
  }
}
@media screen and (max-width: 425px) and (min-width: 376px){
  #footer input[type="submit"] {
    padding: 11px 3% !important;
    margin-top: 20px !important;   
  }
  .contact-name i, .contact-email i, .contact-call i, .contact-location i, .contact-information i {
      width: 11%;
  }
}
@media screen and (max-width: 800px) and (min-width: 768px){
  #TB_window{
  top:55% !important;
  }
}