/*
Theme Name: BB Mobile APP Pro
Theme URI:  http://www.themeshopy.com/premium/bb-mobile-application-theme/
Author: ThemeShopy
Author URI:  http://www.themeshopy.com/
Description: BB Mobile App is an innovative and clean Landing Page WordPress Theme from BB Themes. This theme is ideal for seeking reviews of upcoming products like mobile app, gadgets or any other business proposition. Designed to work best in business, Any business can gain edge over others with its neatly carved Landing Page that comes combined with this mobile app theme. Score more with BB Mobile app, thanks to its responsive layout that gives 360 degree insight into visitors’ views about your upcoming venture along with making pitch for the said proposition through its landing page and request information.
Version: 1.0.1
License: GNU General Public License
License URI:license.txt
Text Domain: bb-mobile-app-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

BB Mobile APP Pro WordPress Theme has been created by Theme Shopy(themeshopy.com), 2015.
BB Mobile APP Pro 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; 
  color:#5b5b5b;
}
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;
  font-family:'Montserrat', sans-serif;
}
p{ 
  margin:0 0 15px; 
  font-size:14px;
  font-family:Open sans;
}
a{ 
  text-decoration:none; 
  color:#00A885;
}
a:hover{ 
  text-decoration:none; 
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul{ 
  margin:0 0 0 0px; 
  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 #999;
  width: 100%;
  font-size: 14px;
  padding: 10px 1px;
  margin: 0 0 10px 0;
  height: auto;
  color: #555;

}
textarea{
  height:57px;
}
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;
  display:table;
}
input[type="submit"]:hover{
  background:#2e4a5b;
  cursor: pointer;
}
.clear{ 
  clear:both;
}
.center{ 
  text-align:center; 
  margin-bottom:40px;
}
label{
  display: block;
}
.middle-align{ 
  margin:0 auto; 
  padding:20px 0 20px;
  display: inline-block;
  width: 100%
}
.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;
}
.title-box .above_title h1 {
    color: #000;
}
.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;
}
img.wp-image-907 {
    border: 3px solid #bbb;
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.hovereffect img {
    display: block;
    position: relative;
    max-width: 0px;
    width: calc(100% + 60px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
    transition: opacity 0.35s, transform 0.45s;
    -webkit-transform: translate3d(-40px,0,0);
    transform: translate3d(-40px,0,0);
}
.toggleMenu{
  display:none;
}
.bypostauthor{ 
  margin:0; 
  padding:0;
}
.tagcloud {
    padding: 10px;
}
a.small-button{
  background:#17cfab;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}

a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
}
#div-comment-5 h2 {
    display: none;
}
/*-------------------- 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;
}

.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 #17cfab ; 
  background:#17cfab;
  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('assets/images/link.png') center no-repeat;
  display: inline-block;
  text-decoration: none;
  padding:0;
  text-indent:-9999px;
  width:20px; 
  height:20px;
}

.second-effect .mask {
  /*opacity: 0;*/ 
  overflow:visible;
  border:0px solid #17cfab; 
  box-sizing:border-box;
  transition: all 0.4s ease-in-out;
}

.second-effect a.info {
  position:relative; 
  top:-10px;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; 
  border:100px solid rgba(0,0,0,0.7);
}

.second-effect:hover a.info {
  opacity:1;
  transform:scale(1,1);
  transition-delay:0.3s;
}
input.search-field {
    background: #eeeeee;
    padding: 9px 10px;
    border: none;
    font-size: 15px;
    color: #000;
    width: 100%;
}
form.search-form{
  display: table;
  width: 100%;
  padding: 10px;
}
#masthead {
  background-color: #ffffff;
  width: 100%;
}
#header .logo img{
  max-height: 123px;
  width: auto;
}
#header {
  width: 100%;
  float: left;
}
#topbar {
  border-top: 10px solid #435061;
}
.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;
}
#header .logo, #footer .logo{
  margin:0; 
  padding: 0px 0; 
}
#header .logo h1, #footer .logo h1{ 
  font-weight:700; 
  padding:0; 
  margin-bottom:8px; 
  font-size:30px; 
  font-weight:bold; 
  margin-top: 0; 
}
.logo a.custom-logo-link{ 
  color:#000000;
}
.logo h1 a, .logo h1 a{
  color: #2b3546;
  text-transform: uppercase;
  font-size: 26px;
}
.logo p{ 
  color: #2b3546;
  margin-bottom: 0;
  font-size: 14px;
}
#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.menubar .social-media{
  padding:12px 0; 
  text-align:center;
}
.scrolled {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 9999999;
  background:#fff;
}
#masthead.scrolled {
  padding: 5px;
  background: #ffffff;
}
#site-navigation {
    width: 100%;
}
.menubox {
    text-align: center;
    padding-top: 20px;
}
/*----------------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;
}
.main-navigation ul ul {
    position: absolute;
    list-style: none;
    margin: 0;
    padding-left: 0;
    text-align: right;
    left: 0;
    top: 100%;
    min-width: 150px;
    z-index: 9999;
}
.main-navigation li{
  padding:10px;
  position: relative;
  display: inline-block;
}
.main-navigation li:last-child{
  border-right: none;
}
.main-navigation a {
  display: block;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  padding: 0;
  font-size: 16px;
  position: relative;
  font-weight: 400;
}
.sub-menu a:hover{
  background: #18cfab;
    color: #fff;
}
.main-navigation ul ul ul {
    left: 100%;
    top: 9px;
}

.main-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #fff;
  padding: 7px 15px;
  font-size: 14px;
  line-height: 1.5;
}

.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
}

.main-navigation ul ul li:last-child{
  border-bottom: 0;
}

.main-navigation ul li:hover > ul{
  display: block;
    background: #222222;
    width: 200px;
    position: absolute;
    text-align: left;
    padding: 10px 0;
    z-index: 99;
}

.main-navigation .menu > ul > li.highlight{
  background-color: #75caf7;
}

.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}

.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}

.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}

.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%);
}

/*----------------------Mobile Menu Icon------------------------------*/

/*-----------------Superfish Menu------------------*/
.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;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
    text-align: left;
    font-size: 18px;
    border-bottom: solid 2px #17cfab;
    margin-bottom: 3%;
}
.rssSummary {
    color: #6562629c;
}
.outer-footer .rssSummary {
    color: #fff;
}
/* --------------------------HEADER---------------------------- */
#header {
    background: url(http://localhost/BB-mobile-application/wp-content/uploads/2018/07/cal-bg.jpg) no-repeat;
    background-position: center;
    background-size: cover !important;
}
#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:#fff; 
}

#header .logo p{ 
  font-size:12px;
  color: #bbb;
}
.home #header{
  z-index:999; 
  width:100%; 
  height:auto;
  position:absolute;
  background:none;
  border:none;
}
#header{
  z-index:999; 
  width:100%; 
  height:auto;
  background: #0aa385;
  border-bottom:1px solid #fff;
}

#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('assets/images/phone1.png') no-repeat; 
  padding:1px 0 1px 30px;
  margin-right:15px;
}

#header .top-contact .email{
  background:url('assets/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;
}
.blog-icon {
    margin-top: 30px;
     margin-bottom: 30px;
}
#header .social-media a:hover{
  color:#17cfab;
}

.buttonbox a{
  background:#17cfab;
  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;
}
/*---------------------- service section ------------------------*/
#our-services small{
  color:#6d6d6d;
  margin:0 0 20px 0;
}
.service_image img{
  border:none;
}
.innerlightbox.servicein_box {
   /* padding-bottom: 4.5em;*/
    padding-top: 0;
}

#our-services .small-button{
  margin-top:30px;
}

#our-services .page-box{
  text-align:center;
  color:#fff;
  border-radius:5px; 
  padding:57px 10px;
}

#our-services .serv_box,.container-fluid,.box-image{
  padding: 0px;
}

#our-services .page-box h4{
    margin: 0 0 29px 0;
    padding:0 0 12px 0;
    font-weight: 700;
    font-size: 20px;
}
.backgone{
  background:#1c2a33;
  border-top:1px solid #17cfab;
}
.backgtwo{
  background:#17cfab;
}

#our-services .backgone h4{
    color: #15caa4;
}

#our-services .backgtwo h4{
    color: #fff;
}

#our-services .page-box p{
  font-size:15px;
  margin:0 15px;
}

#our-services .box-image{
  margin:0 0 25px 0;
  height: 100px;
}

#our-services img{
}

#our-services img:hover {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  top:-15px;
  position: relative;
  }
  
#our-services .services-box{
  margin:40px 0 20px 0;
}
section#our-services {
    position: relative;
    bottom: 22px;
}

/*-------------------------Work customer purchase office section--------------------------*/

section#our-work {
    margin-top: 40px;
}

#our-work small{
  color:#6d6d6d;
  margin:0 0 20px 0;
}
#our-work .small-button{
  margin-top:30px;
}

#our-work .page-box{
  text-align:center;
  color:#fff;
  border-radius:5px; 
  padding:57px 10px;
}

#our-work .serv_box,.container-fluid,.box-image{
  padding: 0px; 
}
 .box-image {
    padding: 10px 0px 6px 7px;
}
#our-work .page-box h4{
    margin: 45px 0 29px 0;
    padding: 0 0 12px 0;
    font-weight: 700;
    font-size: 20px;
}

#our-work .backgone h4{
    color: #15caa4;
}

#our-work .backgtwo h4{
    color: #fff;
}

#our-work .page-box p{
  font-size:15px;
  margin:0 15px;
}

#our-work .box-image{
  margin:0 0 31px 0;
  height: 100px;
}
#our-work img:hover {
  top:-15px;
  position: relative;
}
#our-work .services-box{
  margin:40px 0 20px 0;
}

#about_mobile .about_box{
  padding:5em 0 5em 0;
  background-size: cover;
}
.box-content {
    padding-left: 20px;
    padding-right: 20px;
}
#about_mobile h3{color:#fff;}
/*-------------------------end of Work customer purchase office Section-------------------*/
/*------------------------- Amazing Features -----------------------------*/
.box-image i.fa {
  color: #17cfab;
  font-size: 22px;
  float: left;
}
.featuremobile_image img {
  height: 450px;
  margin: 0 auto;
  display: block;
}
.feature_para{
  color: #777777;
}
.feature-box-highliter{
  padding: 15px;
}
.page-box {
    padding-left: 15px;
}
.feature-box-highliter:hover {
    background: #17cfab;
}
.feature-box-highliter:hover .feature_para,.feature-box-highliter:hover .box-image i.fa,.feature-box-highliter:hover .box-content h4{
  color:#fff !important;
}
.feature_para p {
    width: 345px;
    font-size: 14px;
    line-height: 25px;
    font-weight: 300;
}
#feature h3{
  color: #4e4e4e;
}
.feature_box h4{
  color: #717171;
  font-weight: 700;
  font-size: 18px;
  text-align:left;
}
.install_box{
  height:334px;
}
/*------------------------- Buy And Install section -----------------------------*/
#buy_install h3 {
  color: #17cfab;
  font-weight: 700;
  text-align: center;
  margin-top: 0em;
  font-size: 33px;
  background: none;
  letter-spacing: 2px;
}

#buy_install p {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 4%;
    color: #d8d8d6;
    margin-top: -3%;
    font-size: 14px;
}
#buy_install .innerdarkbox.install_box {
    padding: 3em 0px;
}
/*------------------------- Buy And Install section -----------------------------*/
.about_image img {
  margin-top: 7.5%;
}
#about-mobile h3 {
  color: #fff;
  margin-top: 10%;
}
a.tablinks {
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin:0 0 10% 0;
}
#myProgress {
  width: 100%;
  border: solid 1px #fff;
  border-radius: 5px;
  clear: both;
  height: 43px;
  margin-bottom: 3%;
}
#myBar p,
#myBar-1 p,
#myBar-2 p {
  border-radius: 5px;
  padding: 8px 10px;
  clear: both;
}
#myBar p{  
  background-color: #9c5da5;
  width: 80%;
  display: inline-block;
}
#myBar-1 p{
  background-color: #11b0de;
  width: 70%;  
  display: inline-block;
}
#myBar-2 p {
    background-color: #d67f7f;
    display: inline-block;
}
#myBar-3 p {
  background-color: #20bc9d;
  width: 80%;
  display: inline-block;
  padding: 8px;
  border-radius: 5px;
}
#myBar-4 p{
  background-color: #bb8a36;  
  width: 75%;
  display: inline-block;
  padding: 8px;
  border-radius: 5px;
}
/*------------------------- Our amazingwork(tab) -----------------------------*/
.ui-widget.ui-widget-content {
  /*border: 1px solid #c5c5c5;*/
}
.ui-tabs .ui-tabs1-nav {
    margin: 0 0 0 32px;
    padding: .2em .2em 0;
    width: 100%;
    float: left;
}
.tab1 a {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
    width: 16%;
    border-left: 1px solid rgba(158, 158, 158, 0.17);
    text-align: center;
    font-size: 16px;
    padding: 16px 22px 16px;
    border-top: 1px solid rgba(158, 158, 158, 0.17);
    border-bottom: 1px solid rgba(158, 158, 158, 0.17);
    background: aliceblue;
}
.ui-tabs1 .ui-tabs1-nav li.ui-state-active{
  background:#17cfab;
  color:#fff;
}
.ui-tabs1 .ui-tabs1-nav li.ui-state-active a{
  color:#fff;
}
.ui-tabs1 .ui-tabs1-nav li:last-child {
    border-right: 1px solid rgba(158, 158, 158, 0.17);
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #454545;
    text-decoration: none;
}
.tab1 a {
    text-decoration: none;
    color: #717171;
    font-weight: 600;
    margin-bottom: 3%;
}
.ui-tabs1 .ui-tabs1-panel {
    display: block;
    border-width: 0;
    padding: 25px 17px 0 45px;
    background: none;
    width: 100%;
    float: left;
}

.title {
    margin-top: 7%;
}

p.service_image img {
    width: 94%;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    font-weight: normal;
}

.tab1 a:hover {
    background: #17cfab;
}

.ui-tabs .ui-tabs-nav li:hover a {
   color: #fff;
}

p.amazingwork_image {
    width: 20%;
    float: left;
}

p.amazingwork_para {
    width: 80%;
    float: left;
    font-size: 15px;
    color: #777777;
}
.box-content.col-md-10 {
    width: auto !important;
}
.featuremobile_image.text-center {
    padding-bottom: 2rem;
}
/*------------------------- Testimonial -----------------------------*/
.thumbnail.adjust1 {
  background: transparent !important;
  border: none !important;
}
#testimonial button.owl-dot {
  margin: 3px;
  width: 13px;
  border-radius: 20px;
  height: 12px;
  border: 1px solid #fff;
  background-color: #fff;
  outline: none;
}
#testimonial button.owl-dot.active {
    background-color:#00A885;
    border:none;
}
#testimonial button {
    -webkit-appearance: none !important;
}
h3.borderline-grey {
  color: #fff;
  font-size: 27px;
}
.custitle {
  text-align: center;
  color: #17cfab;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 1%;
}
.cusdesig {
  text-align: center;
  color: #fff;
  margin-bottom: 25px;
}
.text-center {
  color: #bbb;
  font-size: 16px;
}
blockquote{
  border-left: none !important;
}
.testimonial-theme1 .testimonial-thumb-theme1 {
    width: 21%;
    height: auto;
    margin: 0 auto 40px;
    overflow: hidden;
}
.owl-carousel .owl-item img {
    display: block;
}
.custitle {
    font-size: 20px;
}
.owl-nav {
    display: none;
}
.owl-dots {
   text-align: center;
    clear: both;
}
/*------------------------- Our services(tab) -----------------------------*/
.ui-tabs .ui-tabs-nav {
    margin: 0 0 0 32px;
    padding: .2em .2em 0;
    width: 100%;
    float: left;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
    border-left: 1px solid rgba(158, 158, 158, 0.17);
    border-right: 1px solid rgba(158, 158, 158, 0.17);
    text-align: center;
    font-size: 16px;
    padding: 16px 16px 16px;
    border-top: 1px solid rgba(158, 158, 158, 0.17);
    border-bottom: 1px solid rgba(158, 158, 158, 0.17);
    background: aliceblue;
}
#service-tabs{
  overflow: hidden;
}
.ui-tabs .ui-tabs-nav li.ui-state-active{
  background:#17cfab;
  color:#fff;
}
.ui-tabs .ui-tabs-nav li.ui-state-active a:before {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 13px solid #17cfab;
    overflow: visible;
    z-index: 9999;
}
.ui-tabs .ui-tabs-nav li.ui-state-active a{
  color:#fff;
}

.ui-tabs .ui-tabs-nav li:last-child {
    border-right: 1px solid rgba(158, 158, 158, 0.17);
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #454545;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
    color: #717171;
    font-weight: 600;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 25px 17px 0 45px;
    background: none;
    width: 100%;
    float: left;
}

p.service_image img {
    width: 94%;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
 font-weight: normal;
}

.ui-tabs .ui-tabs-nav li:hover {
    background: #17cfab;
}

.ui-tabs .ui-tabs-nav li:hover a {
   color: #fff;
}

p.service_image {
    width: 20%;
    float: left;
}

p.service_para {
    width: 80%;
    float: left;
    font-size: 14px;
    color: #777777;
}
/*------------------------- Gallery -----------------------------*/
ul.ts_gallery_front{
  margin: 0;
  list-style:none;
}
/* Image Hover */
.view {
  width: 100%;
  height: 100%;
  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;
}
.icon_overlay {
    position: absolute;
    z-index: 99;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
    width: 100%;
    opacity: 1;
}
.view img {
  display: block;
  position: relative;
  width:100%;
}
.second-effect .mask {
  opacity: 0;
  overflow:visible;
  border:0px solid rgba(0,0,0,0.7);
  box-sizing:border-box;
  transition: all 0.4s ease-in-out;
 }
.second-effect:hover .mask {
  opacity: 1;
}
.second-effect:hover a.info {
  opacity:1;
  transform:scale(1,1);
  transition-delay:0.3s;
}
#gallery p{
  text-align:center;
  font-size: 35px;
}
.single-post .gallery-image img {
  height: 150px;
}
.gallery-image img{
  height:250px !important;
  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;
}
#our_gallery img {
    width: 100%;
}
/*------------------------- Gallery -----------------------------*/
.secondry-menu ul {
  padding: 50px 0;
  margin: 0;
  text-align: center;
}
.secondry-menu li {
  display: inline-block;
  padding: 5px 25px;
}
.secondry-menu li a {
  color: #929292 !important;
  font-size: 14px;
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-weight: bold;
}
.secondry-menu li a:hover {
  color: #ffbf43;
}

.head-inner.text-center {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}

figure.gallery-item {
  width: 20%;
  float: left;
}
.gallery-image {
  height: 100%;
  margin-bottom: 30px;
}
.view img {
  display: block;
  position: relative;
  width:100%;
  height:200px;
}
.bwt_img {
    height: 100%;
    width: 100%;
}
.view a.info {
  background: url(assets/images/link.png) center no-repeat;
  display: inline-block;
  text-decoration: none;
  padding: 0;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  top: 43%;
  transform: translate(-50%);
  border-radius: 50%;
}
.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.5);
}
.second-effect:hover a.info {
  opacity:1;
  transform:scale(1,1);
  transition-delay:0.3s;
}
.secondry-menu ul {
  padding: 50px 0;
  margin: 0;
  text-align: center;
}
.secondry-menu li {
  display: inline-block;
  padding: 5px 25px;
}
.secondry-menu li a {
  color: #929292 !important;
  font-size: 14px;
  font-family: 'Ubuntu';
  text-transform: uppercase;
  font-weight: bold;
}
.secondry-menu li a:hover {
  color: #ffbf43;
}
.row-eq-height > [class^=col] {
  display: flex;
  flex-direction: column;
}
.head-inner.text-center {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}
#TB_window {
  position: fixed;
  background-color: #fff;
  z-index: 100050;
  visibility: hidden;
  text-align: left;
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  transform: translate(-50%,-50%);
  margin: 0 !important;
}
/*------------------------- Team ------------------------------*/
#team img.team-image {
  width:100%;
}

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

/*-----------------------our team ------------------------*/

#team{
  text-align:center;
}
#team .innerdarkbox{
  padding:5em 0;
}

#team iframe{
  border:1px solid #d3da36;
  width: 100%;
}

#team .btn-vertical-slider{ 
  margin-left:35px; 
  cursor:pointer;
}
#team .trainer-batch{
  background:#2f72ac; 
  color:#fff;display:table; 
  text-align:center;
  padding:5px 20px; 
  border-radius:3px; 
  margin:0 auto 25px;
}

p.custom_title {
    font-size: 18px ;
    font-weight: bold;
    text-align: left;
    padding: 0 0 0 14px;
    margin: 0 ;
    color: #fff ;
}

p.cutom_author {
    font-size: 14px;
    text-align: left;
    padding: 7px 0 0 20px;
    color: #15caa4;
}

p.social_icon a {
    padding: 10px 10px;
    border-right: 1px solid #b5bfc5;
    color: #fff;
}

p.social_icon {
    border-top: 1px solid #fff;
    padding: 10px 0 10px 0;
}

p.social_icon a:last-child {
    border-right: none;
}

.subtitle {
    text-align: center;
}

#team .carousel.vertical .carousel-inner .item {
  -webkit-transition: 0.6s ease-in-out top;
  -moz-transition: 0.6s ease-in-out top;
  -ms-transition: 0.6s ease-in-out top;
  -o-transition: 0.6s ease-in-out top;
  transition: 0.6s ease-in-out top;
}



#team .carousel.vertical .active {
  top: 0;
}

#team .carousel.vertical .next { 
  top: 100%;
}

#team .carousel.vertical .prev {
  top: -100%;
}

#team .carousel.vertical .next.left,
#team .carousel.vertical .prev.right {
  top: 0;
}

#team .carousel.vertical .active.left {
  top: -100%;
}

#team .carousel.vertical .active.right {
  top: 100%;
}

#team .carousel.vertical .item {
  left: 0;
}​

.col-md-12.team-content {
    margin-top: 50px;
}

.bottom_div {
    background: #2e4a5b;
    padding: 15px 0 0 0;
    margin: 0 0 30px 0;
}
.bottom_div:hover {
    background-color: #15caa4;
}

.bottom_div:hover p.cutom_author{
    color: #000;
}

/*---------------------------end of our team --------------------------*/

/*--------------------------- Pricing Plans --------------------------*/


#pricing_plans{
  color:#001e44;
  padding-bottom: 4em;
}

#pricing_plans h2{
  margin: 0 0 100px;
}

#pricing_plans .price-box{
  background:#f5f5f5;
  border:2px solid #e1e1e1;
  text-align:center; 
  padding:0 0 20px;
}

#pricing_plans .price-box:hover{  
    cursor: pointer;
    background: #f5f5f5;
}

#pricing_plans .price-box:hover .price-number{
  color:#fff;
  background:#15caa4;
}

#pricing_plans .price-box:hover  a.r_button{
   background:#15caa4;
}

#pricing_plans .price-box:hover  p.price-head{
   color:#15caa4;
}
#pricing_plans .price-number {
  width: 100%;
  background: #2e4a5b; 
  -moz-border-radius: 50px; 
  color:#fff;
  text-align:center;
  font-weight:bold;
  font-size:40px; 
  padding:12px 0 12px 0;
  margin:0; 
  position:absolute;
}

#pricing_plans .price-title{
  font-size: 15px;
  margin: 103px 0 0;
}

.plans-box {
    margin-top: 40px;
}
p.price-head.highliter {
    color: #17cfab !important;
}
p.price-number.highliter-price {
  background-color: #17cfab !important;
}
a.r_button.highliter-r-button {
    background: #17cfab !important;
}
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #17cfab;
  background: linear-gradient(#17cfab 0%, #17cfab 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #17cfab;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #17cfab;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #17cfab;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #17cfab;
}
.plans-box .per-month-label {
    font-size: 15px;
    font-weight: normal;
}
.price-box p.price-head {
    font-size: 21px !important;
    font-weight: bold;
    padding: 18px 0 0 0;
    color: #2e4a5b;
}

#pricing_plans ul{
  padding: 0;
  margin: 0 auto;
  text-align: center;
  list-style: none;
}

#pricing_plans .box-content ul li{
  font-size:16px;
  color:#545454;
  text-align: center;
  border-bottom: 1px solid #000;
  padding: 15px 0;
  font-weight: bold;
}

#testimonial .innerdarkbox{
  padding:5em 0;
}
/*------------------------- keep in touch ---------------------*/
.keep_touch {
    margin: 40px 0 0 0;
}

p.sub_touch {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0px 0 25px;
}
p.sub_touch_para {
    color: rgba(0, 0, 0, 0.79);
    font-size: 13px;
    padding: 0 0 0 25px;
    text-align: left;
}

input#touch_hello, input#touch_mail {
    border-bottom: 2px solid #9E9E9E;
    border-top: none;
    border-left: none;
    border-right: none;
}

textarea#msg_form {
    border-bottom: 2px solid #9E9E9E;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 50px;
}

p.sub_hellotouch {
    color: #000;
    font-size: 19px !important;
    font-weight: bold;
    text-align: left;
    padding: 0 0 0 0;
    margin: 0;
}

input#send_msg {
    background: #15caa4;
    border: none;
    color: #fff;
    font-size: 12px;
    float: right;
    margin: 0 0 23px 0;
}

p.social_touch a {
    color: #000;
    font-size: 18px;
    width: 100%;
    float: left;
    padding: 8px 0 0px 48px;
}
form input[type="submit"] {
    background: #17cfab;
    font-size: 15px;
    padding: 12px 32px;
    font-weight: bold;
    float: right;
    color: #fff;
    border: none;
    margin-right: 2%;
    text-transform: uppercase;
}
form input[type="text"],
form input[type="email"],
form textarea {
    border-bottom: solid 1px #555;
}
div.wpcf7-mail-sent-ng {
    color: #000;
}
span.wpcf7-form-control-wrap.your-message {
    padding: 0 0px;
}
/*------------------------- end of keep in touch --------------*/


/*--------------------------start of purchase now section------*/
 
  h3.wordpress_theme {
      color: #fff;
      font-weight: bold;
      font-size: 34px;
  }

  p.wordpress_subtheme {
    font-size: 24px;
    color: #15caa4;
    text-align: center;
    padding: 0 1px 61px 0;
}

section#bbmap_theme {
    background-size: 100% 100%;
    margin: 0 0 46px 0;
}
section#bbmap_theme h4{
  font-size:2rem;
  color:#fff;
  text-align:center;
  font-weight:bold;
  line-height:normal;
  margin:0 0 3em 0;
}
section#bbmap_theme h4 span{
  color:#17cfab;
  font-weight:normal;
}
section#bbmap_theme .innerdarkbox{
  padding:4em 0 4em;
  background-size: cover;
}
section#bbmap_theme ul li{
  background:url(assets/images/right.png) no-repeat scroll 0 8px;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  padding: 5px 0 6px 39px;
  margin-left: -6%;
  list-style: none;
}

a.purchase_now {
    background: #00A885;
    color: #fff;
    padding:17px 29px;
    margin:0;
    border-top: 4px solid;
    font-weight: bold;
}
a.purchase_now:hover{
  background:#1f2229;
}

.purchase_btn {
    margin: 45px auto 0;
    text-align: left;
    margin-top: 22%;

}

.col-md-4.features {
    margin-top: -8%;
    margin-left: -7%;
}

span.right_img {
    margin-right: 15px;
}

/*--------------------------end of purchase now section---------*/


/*--------------------------start of google map section----------*/
  section#map {
      margin: 55px 0 0 0;
  }

/*--------------------------end of google map section----------*/

/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold; 
  text-align:center; 
  margin:0 0 45px;
  padding:0;
  text-transform:uppercase;
}

section h3{
  text-align: center;
  font-weight:bold;
  font-size: 36px;
  color: #4e4e4e;
  font-weight:normal;
  background:url(assets/images/sectionborder.png) no-repeat center bottom;
  margin:0 0 49px 0;
}

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

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

.new-line,.box-content p{
  color:#000;
}


.price-title p {
    border-bottom: 1px solid #9E9E9E;
    padding-bottom: 13px;
    font-weight: bold;
    width: 100%;
    color: rgba(0, 0, 0, 0.77);
}

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

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

a.r_button {
  padding: 20px;
  color: #ffffff;
  background: #17cfab;
  font-size: 15px;
  height: auto;
  display: table;
  margin: 0 auto;
  font-weight: 700;
  border-top: 4px solid;
}

.plans-box a.r_button {
  padding: 4% 20%;
  color: #fff;
  background: #2e4a5b;
}

#gallery a.r_button {
  padding: 1% 4%;
  color: #001e44;
  border: solid 2px #001e44;
  border-radius: 0;
  font-size: 20px;
}

#gallery a.r_button:hover {
    color: #fff !important;
    background: #d3da36;
    cursor: pointer;
}

.darkbox{
  padding:0;
}

section.innerlightbox {
    background-size: 100% 100%;
    color: #000;
    padding: 3em 0px 1em 0px;
}
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 .about-img img{
  border:3px solid #fff; 
  width:100%;
}
.tabcontent p{
  color: #ffffff;
  font-size: 18px !important;
}
a.tablinks.col-md-4.active {
  color: #2cbc9d;
  border-top: 1px solid #17cfab;
  padding: 0px 0px 0px 0px;
}
#about .days-box{
  margin-top:40px;
  text-align: center; 
  font-size:16px;
  font-weight:bold;
}

#about .day-title{
  margin-bottom:15px;
}

.text-light{
  color:#fff;
}

section#about h2{
  color: #d3da36;
}

section#about h3{
  color: #d3da36;
}

.content-bbmap {
    color: #000;
    font-size: 15px;
    line-height: 1.7;
}

/*------------------ Testimonial Section -----------------*/
#clients small.client-desig{
  color:#000;
}

#clients .testimonial-box{
  background:url('images/testimonial-down-arrow.png') no-repeat; 
  background-position:10% bottom; 
  padding-bottom:14px; 
  margin:0 0 10px 0;
}

#clients .client-img {
  text-align: center; 
  vertical-align: middle;
  border: 2px solid #3790ca;
  border-radius: 50%;width:100%;
}
.img_wrap img {
    margin-left: auto;
    display: inline-block;
    margin-right: auto;
    border-radius: 50%;
    border: 3px solid #17cfab;
    width: 100px !important;
    height: 100px;
    box-shadow: -1px 0px 0px 7px rgb(23, 207, 171,0.4);
}
#clients .client_name{
  color:#a7a7a7;
  text-align:left;;
}

#clients .client-designation{
  color:#a7a7a7;
}

#clients blockquote {
  border-left:none; 
  padding:14px; 
  quotes: "\201C""\201D""\2018""\2019";
  text-align:left;
  font-size: 14px; 
  color:#7b7b7b; 
  background:#e8ebeb;
  margin:0;
}

#clients blockquote:hover {
    background: #d3da36;
    color: #fff;
}
#clients .client-img:hover {
    border: 2px solid #000;
}

#clients blockquote:before{
  color: #7b7b7b; 
  content: open-quote; 
  font-size: 2em; 
  line-height: 0.1em; 
  margin-right: 0.25em;
}

#clients blockquote:after {
  color:#7b7b7b;
  content:close-quote;
  font-size:2em;
  line-height:.1em;
  margin-left: .20em;
  vertical-align:-.5em;
}

.next-tes{
  position:absolute;
  top:-7%;
  left:67%;
}

.prev-tes{
  position:absolute;
  top: 87%;
  left: 65%;
}

/*------------------ Social Media Box -----------------*/
.social-box{
  background:#d3da36;
  padding:19px 0;
  text-align:center;
}

.social-box .social-heading{
  color:#0c1f34;
  font-size:36px; 
  font-weight:bold;
  margin-top: 13px;
}

.social-box .social-media{
  padding-top:6px;
}

.social-box .social-media a {
  background: #141a28;
  padding: 10px 14px;
  color: #fff;
  display: inline-block;
  margin-bottom: 4px;
  margin-right: 1%;
  width: 40px;
  border-radius: 20px;
}

.social-box .social-media a:hover{
  background:#2f72ac;
}

/*-------------------- Newsletter Section --------------------------*/
#newsletter-box input[type="text"]{
  margin:0;
}

#newsletter-box input[type="submit"] {
  margin:0;
  background:#4c66ba;
  border:2px solid #fff; 
  border-radius:3px; 
  color:#fff;
}

#newsletter-box input[type="submit"]:hover{
  background:#3791cc;
}

/*------------------ Contact Section -----------------*/
h3.contact-page {
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}

#contact-box{
  background:#f4f5f9;
}

.contact-innerbox{
  background:#fff; 
  padding:30px; 
  box-shadow:5px 5px #eee;
  margin:0 0 20px 0;
}

#contact-box .contact-form-box label{
  width:100%;
}

#contact-box .contact-form-box p{
  font-size:14px; 
  font-weight:bold; 
  color:#000;
}

#contact-box .address-box p{
  margin:0 0 50px; 
  color:#999999;
}

#contact-box .social-icons{
  margin-top:15px;
}

#contact-box .social-icons a{
  color:#000;
  padding:5px 10px;
}

#contact-box .social-icons a:hover{
  background:#17cfab; 
  color:#fff;
}

#contact-box .mapbox{
  box-shadow:5px 5px #eee;
}

#contact-box .contact-form-box input[type="text"],
#contact-box .contact-form-box input[type="email"],
#contact-box .contact-form-box input[type="phno"],
#contact-box .contact-form-box textarea
{
  border:none; 
  border-bottom:1px solid #999999;
  padding:4px 0 5px 0; 
  width:100%;
  color:#000;
  margin:0 0 15px; 
  font-size:14px;
}

#contact-box .contact-form-box textarea{
  height:50px;
}

#contact-box .contact-form-box input[type="submit"]{
  margin-top:20px;
}


/*---------------- Footer Section ----------------------*/
#footer{
  background:#1c2b33; 
  text-align:center;
  color:#fff;
 /* padding:40px 0 0px;*/
  text-align:left;
}
#footer .widget_recent_entries ul li {
    margin: 14px 0 !important;
}
#footer .widget_recent_entries ul li a{
  font-weight:bold;
}
span.post-date {
  color: #fff;
  float: right;
}
th,td,thead{
  padding:7px;
  border: 1px solid #fff;
}
#footer h3,#content-bbmap #footer h3{
  color:#ffffff;
  text-align:left;
  text-transform:uppercase; 
  font-size:24px;
  margin:0 0 24px 0;
  padding:0 0 17px 0;
}

#footer .copyright p{
  font-size:14px;
  text-align:center;
  color:#c0c0c0;
  padding:33px 0px 25px 0px;
}

#footer .news-form{
  margin-top:24px;
}

#footer input[type="text"]{
  width:60%;
  padding:8px 5%; 
  float:left;
  margin-right:2%;
  border-radius:5px;
}
#footer input[type="submit"] {
    width: 35%;
    padding: 9px 3%;
    float: right;
    border: none;
    background: #4c93d0;
    border-radius: 0px;
    margin: 0;
    color: #ffffff;
}
.text_2 p {
  font-size: 14px;
  letter-spacing: 1px;
  color: #c0c0c0;
}

.para_5 {
    margin-left: -4%;
}

#footer ul li{
  list-style:none; 
  margin:0 0 7px 0;
  text-align:left;
  line-height:normal;
}

#footer ul li a{
  color:#c0c0c0;
  font-size: 14px;
}
#footer ul li a:hover{
color:#00A885;
}
.textwidget {
  font-size: 14px;
  color:#c0c0c0;
}
.tagcloud a {
  font-size: 16px !important;
  border: solid 1px #c0c0c0;
  padding: 7px 14px 7px 14px;
  margin:0 1% 1% 0;
  color: #c0c0c0;
  display:inline-block;
  
}
.tagcloud a:hover {
  background: #17cfab;
  color: #fff;
}
#text-4 input[type="email"] {
    width: 80%;
    background: #22353f;
    border: none;
    padding: 15px 20px;
    margin-top: 8%;
}    
#text-4 input[type="submit"] {
    width: 20%;
    padding: 14px 14px;
    float: right;
    border: none;
    background: #294453;
    border-radius:0px;
    margin: 0;
    color: #17cfab;
    margin-top: 8%;
}
div#footer h3{
    color: #ffffff;
    text-align: left;
    text-transform: uppercase;
    font-size: 20px;
    margin: 0 0 24px 5px;
    border-bottom:none;
    padding: 0px;
    font-weight: bold;
    padding-top: 10px;
}
#footer .footer-columns {
    padding-top: 40px;
    padding-bottom: 30px;
}
/* --------- Blog Page ------- */

#full-width-blog .postbox{
  width:100%;
  border: solid 1px rgba(187, 187, 187, 0.12);
  box-shadow: 0px 1px 1px 1px #bbb;
  overflow-x: hidden;
}

#full-width-blog .postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 20px;
}
#full-width-blog .post-box {
    width: 100% !important;
    border: unset;
}
.post-box {
    margin-bottom: 16px;
    padding: 0 0 26px;
}
.post-box {
    margin-bottom: 39px;
    padding: 0 0 26px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #bbbbbb29;
}
#full-width-blog .post-box h3 {
    font-weight: normal;
    font-size: 28px;
    text-align: left;
    margin: 15px 0;
    padding: 0 5px;
}

#blog-left-sidebar p{
  padding: 2%;
  line-height: 25px;
}

#blog-right-sidebar p{
  padding: 2%;
  line-height: 25px;
  /*color: #797575;*/
}

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

#content-bbmap .blog-full-border{
  margin: 40px 0 0 0;
  padding: 0;
  border:none;
  border-bottom: 1px solid #bbb;
}

.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}

.post-content-box p {
  padding: 2%;
  line-height: 25px;
  color: #797575;
}

.postbox {
  margin-bottom:39px;
  border:1px solid #bbb;
  padding:0 0 26px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
}

.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}

.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;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}

.metabox {
    color: #000;
    padding: 20px 5px 0px;
    clear: both;
    margin-bottom: 5%;
}
a.post-a {
    border-bottom: 1px solid;
}
.post-read {
    margin: 0 0 0 0px;
    padding: 0 5px;
}
.metabox .entry-date{
  background:url('assets/images/date.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}

.metabox .entry-author{
  background:url('assets/images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}

.metabox .entry-comments{
  background:url('assets/images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}

#content-bbmap  h5{
  margin:0 0 15px;
  font-size:20px;
  padding:0; 
  font-weight:bold;
  line-height:normal;
}

#content-bbmap  h6{
  margin:0 0 15px;
  font-size:17px;
  padding:0; 
  font-weight:bold;
  line-height:normal;
}
.work_serv img {
  float: right;
  margin-top: 6%;
}
.serv_title {
    margin-bottom: 6%;
}
.serv_len {
   padding: 3% 13% 0px 0 !important;
}

/* --------- Inner Pages --------- */
.page-trainer-box {
  color:#fff;
  margin-bottom: 20px;
}

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

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

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

.page-trainer-box .image-box img{
  width:100%;
}
.about-socialbox {
    padding: 10% 0px !important;
  }
.about-socialbox i {
  padding: 10px 10px 10px 10px;
  margin: 4% 2% 0 0;
  color:#fff;
  background-color:#141a28;
}

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

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

/* -------------- CONTACT Page --------------- */
section#contact-box{
  padding:0;
  margin:0;
}

.contact-info{
  font-size:16px;
  line-height:26px;
}

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

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

.contact-email i{
  width: 8%;
  text-align: center;
  font-size: 17px;
  background: #18304c;
  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{
  width: 8%;
  text-align: center;
  font-size: 17px;
  background: #18304c;
  padding: 12px 12px 12px 12px;
  border-radius: 50%;
  color: #fff;
  margin-right: 1%;
}

.contact-information i {
  width: 8%;
  text-align: center;
  font-size: 17px;
  background: #18304c;
  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: 7%;
}

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

/* ----------------------- POST---------------------- */
section#blog{
  padding-top:0;
  margin-top:0;
}

.blog-post h5{
  text-transform:uppercase;
  color: #000;
}
.blog-icon i {
    font-size: 20px;
    background: #00A885;
    border-radius: 50%;
    padding: 15px 15px 15px 15px;
    color: #fff;
    margin-right: 2%;
}
.blog-icon i:hover {
    background: #bbbbbbe8;
    color: #fff;
}
.blog-icon i.fab.fa-linkedin-in {
    padding: 16px 18px;
}
.blog-icon i.fab.fa-facebook-f {
    padding: 15px 20px;
}
.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 a:hover{
  background:#0aa385;
}

.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}
#content-vw {
    overflow-x: hidden;
}
/*------------------ 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:#18304c !important;
  padding:10px 20px;
  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:#17cfab;
}

#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
pre{
  float: left;
}
#content-bbmap #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px; 
  padding: 0px;
  background:#eee; 
  display:inline-block;
}

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

#content-bbmap #comments ul{
  margin:0 0 0 40px;
}
#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:90%;
  float:left;
}

/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}
#slider img {
    width: 100%;
}
#slider h5{
  color: #ffffff;
  font-size: 28px;
}
#slider h2{
  color: #ffffff;
  margin: 0px;
  font-size: 60px;
  line-height: 74px;
  font-weight: bold;
  text-align: center;
}
#slider p{ 
  color:#ffffff; 
  border-radius:0 0 5px 5px; 
  font-size: 20px;
  line-height: 84px;
  color: #d4d4d4;
  font-weight: 300;
  text-align: center;
}
#slider p.price {
  font-size: 22px !important;
}
#slider .carousel-caption.d-none.d-md-block {
    max-width: 1140px;
    margin: 0 auto;
}
#slider .carousel-caption.d-none{
  display: block !important;
}
#slider .btn-primery {
    padding: 9px 10px;
    color: #ffffff;
    background: #17cfab;
    height: auto;
    margin: 0 auto;
    border-top: 4px solid;
    outline: none;
    font-size: 13px;
    line-height: 32px;
    font-weight: bold;
    text-align: center;
    outline: none;
}
#slider .btn-secondery {
    background: #1c2b33;
    color: #ffffff;
    font-size: 14px;
    margin: 0 auto;
    padding: 9px 10px;
    border-top: 4px solid;
    height: auto;
    outline: none;
    font-size: 13px;
    line-height: 32px;
    font-weight: bold;
    text-align: center;
}
#slider .btn-primery:hover{
  background:#2e4a5b;
}
#slider .btn-secondery:hover{
  background:#17cfab;
}
.btn{
  border-radius: 0px !important;
  border-top:1px solid #fff;
}
#slider .carousel-caption {
    top: 45%;
    transform: translateY(-50%);
    bottom: inherit;
    text-align: center;
}
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;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
    display: block !important;
  }
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
  background-image:none; 
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider a i {
    border: none;
    transition: all 0.5s ease-out;
    padding: 12px 14px;
}
#slider a i:focus, #slider a i:active, #slider a i:hover {
    transition: all 0.5s ease-out;
    background: transparent;
    background: #3c4140;
}
#slider a.carousel-control-prev {
    float: left;
    position: absolute;
    width: auto;
    left: auto;
    right: 5%;
}
#slider a.carousel-control-next {
    float: left;
    position: absolute;
    width: auto;
    margin-left: 5px;
}
#slider .slider_nav {
    position: relative;
    bottom: 100px;
    right: 15%;
}
/*--------------- Sidebar -----------------*/

.outer-footer table#wp-calendar,.outer-footer table#wp-calendar caption{
    color: white;
}
#sidebar form{
  display: table;
  width: 100%;
  padding:10px;
}

#sidebar h3{
  margin:0 0 25px; 
  padding:5% 10%; 
  font-size:20px;
  background:#0aa385;
  color:#fff;
}

#sidebar input[type="search"] {
  background:#eeeeee;
  padding:9px 10px; 
  border:none; 
  font-size:15px; 
  color:#000;width:100%;
}

#sidebar label{
  width:70%;
  float:left;
  margin-bottom:0;
}

#sidebar input[type="submit"]{
  background:#0aa385; 
  border:none; 
  color:#fff;
  padding:10px 0;width:30%;
  font-size:14px; 
  float:left;
  margin:0;
}

#sidebar aside{
  margin-bottom:30px;
  border:1px solid #bbb;
  box-shadow:1px 1px 7px #bbb;
  padding: 10px;
}

#sidebar ul {
  list-style:none;
  margin:0; 
  padding:0; 
  font-size:17px;
}

#sidebar ul li{
  margin:0px; 
  padding:0 0 0 23px;
}

#sidebar ul li a{ 
  color:rgba(0, 0, 0, 0.78);
  line-height: 32px;
  padding: 0 0 0 2%;
  font-size: 14px;
}

#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:#ffd34e;
}
/*------------- Page -----------------*/
.title-box{
  background-repeat:no-repeat;
  background-size:100% ; 
  color:#fff; 
  text-transform:uppercase;
  padding: 13% 0 6% 0; 
  font-weight:bold; 
  text-align:center;
  margin-bottom:25px;
}
.title-box h1 {
    font-weight: bold;
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
    font-size: 34px;
}


/*----------Content-bbmap-----------*/
#content-bbmap h6 {
  margin: 20px 11px 16px 0;
  font-size: 30px;
  padding: 0;
  font-weight: bold;
  line-height: normal;
}
#content-vw .post-box p {
    padding: 0 5px;
}
#content-vw p {
    line-height: 20px;
    font-size: 14px;
    margin: 0 0 20px 0;
}
#content-bbmap hr{
  border:none;
  margin:0 0; 
  clear:both;
}
.post-read a:hover {
    color: #000;
}
#content-bbmap h2{
  font-size:44px; 
  font-weight:normal;
  margin:0;
  padding:0; 
  color:#000;
  margin:0 0 25px; 
}

#content-vw h3 {
    font-size: 25px;
    font-weight: normal;
    margin: 0;
    padding: 10px 5px;
    color: #000;
    margin: 0 0 15px;
    font-family: 'Work Sans',sans-serif;
    text-align: left;
}

#content-bbmap h4{
  font-size:31px; 
  font-weight:bold;
  margin:0;
  padding:0; 
  color:#18304c;
  margin:0 0 25px;
  text-align: left;
}

#content-bbmap ul{
  list-style:none;
  margin:0 0 0 10px; 
  font-size:16px;
}
.middle-align ul li ul li{
  margin-top: 3%;
}

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

#content-bbmap ol{
  list-style: none;
  margin:0 0 0 15px;
  padding:10px 0 0 0; 
  font-size:16px;
  counter-reset: myCounter;
}

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

#content-bbmap ol li:before {
  counter-increment: myCounter;
  content:counter(myCounter);
  color: #fff;
  background: #17cca8;
  display: inline-block;
  text-align: center;
  margin: 5px 2px;
  line-height: 40px;
  width: 40px;
  height: 40px; 
  font-weight:bold;
}

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

/*---------------- Pagination ----------------*/
.pagination {
  clear:both;
  position:relative;
  font-size:14px; 
  line-height:13px;
  float:right; 
  font-weight:bold;
}
 
.pagination span, .pagination a {
  display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#fff; 
  background: #18304c ; 
  -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;
}
 
.pagination a:hover{
    color:#18304c;
    background: #d3da36; 
}
 
.pagination .current{
  padding:10px 15px;
  background: #d3da36; 
  color:#18304c;
  font-weight:normal;
}

h4.service_head {
    position: relative;
    top: 37px;
}

 html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button !important;
}
tbody, tr, td, th {
    border: 1px solid #000;
}
/*-------------- Woocommerce ---------------*/
.woocommerce #comments p{
  float: none;
}
.woocommerce button.button {
    padding: 14px;
}
.woocommerce div.product form.cart .button{
  padding: 10px;
}
.woocommerce-message{
  border-color: #25a385;
}
.woocommerce-message::before{
  color: #25a385;
}
.woocommerce span.onsale{
  background: #25a385;
  padding: 0;
}
.products li {
  border: solid 1px #dcdcdc;
  padding: 10px !important;
  width: 30% !important;
  text-align: center;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 500;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.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: #25a385;
  color: #fff;
  border-radius: 0;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #000;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
.col-1,.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #25a385;
  padding: 12px;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
span.woocommerce-input-wrapper,
.woocommerce label {
 width: 100%;
}
span.posted_in {
  display: block;
}
span.woocommerce-input-wrapper,
.woocommerce label {
  width: 100%;
}
select.orderby {
  padding: 10px;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce .cart .button, .woocommerce .cart input.button{
  padding: 12px;
}
/*------ About work -------*/
a.tablinks:hover {
  color: #17cfab;
}
select {
    width: 100%;
    padding: 7px;
}
.tab {
    margin-bottom: 2em;
}
.tabcontent{
  margin-left: 16px;
}
/*-------------- media section ---------------*/
@media screen and (min-width:320px) and (max-width:575px) { 
  .home #header {
    position: static;
    background: #1c2a34;
  }
  #header .logo a {
    color: #fff;
  }
  .title-box{
    color: #000;
    padding: 13% 0 6% 0; 
  }
  #slider p,#slider h2{
    display: none;
  }
  #slider h5{
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    padding-bottom: 13px;
  }
  #slider .carousel-caption{
    padding-top: 0px;
  }
  #slider .slider_nav{
    bottom: 35px;
  }
  .inner_carousel a{
    width:48%;
    font-size: 12px;
  }
  #slider a i{
    padding:7px 7px;
  }
  #footer input[type="submit"] {
    width: 50%;
    padding: 6.5px 3%;
  }
  input.search-field {
    padding: 5px 4px 13px 13px;
    border: none;
  }
  .page-box {
      text-align: center;
      margin-left: 10px;
  } 
  .ui-tabs .ui-tabs-nav li{
    padding: 10px 10px;
  }
  p.sub_touch {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0px 0 0px;
  }
  p.sub_touch_para {
    color: rgba(0, 0, 0, 0.79);
    font-size: 13px;
    padding: 0px 0 0 0px;
    text-align: left;
  }
  #footer .widget_recent_entries ul li {
    margin: 14px 0 0 5px !important;
  }
  #footer ul li {
    list-style: none;
    margin: 0 0 7px 5px;
    text-align: left;
    line-height: normal;
  }
  .feature_para p{
    width: 100%;
  }
  select#archives-dropdown--1 {
    margin: 0 0 0 5px;
  }
  div#calendar_wrap {
    margin: 0 0 0 5px;
  }
  select#cat {
    margin: 0 0 0 5px;
  }
  .menubox {
    padding-top: 0px;
  }
  .install_box {
    height: auto;
  }
  .col-md-4.features {
    margin-top: 5%;
    margin-left: 15%;
  }
  .feature-box-highliter:hover {
    background: #17cfab;
    margin-bottom: 20px;
  }
  .ui-tabs .ui-tabs-nav{
    margin: 0px;
  }
  .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
    padding: 10px 0px;
  }
}
@media screen and (min-width:576px) and (max-width:767px) {
  #slider p,#slider h5{
    display: none;
  }
  .features {
    margin: 0 auto !important;
    display: block;
  }
  #slider h5{
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    padding-bottom: 20px;
  }
  #slider .slider_nav{
    right: 10px;
  }
  section#bbmap_theme ul li{
    margin-left: 0;
  }
  #myBar p, #myBar-1 p, 
  #our-services .page-box{
    margin-bottom:0.5em;
  }
  .box-image {
    padding-left: 10px;
  }
  #trainer .trainer-content{
    background:#d3da36;
    padding:20px 0;
    margin-top:20px;
  }
  #trainer .trainer-content .trainer-image{
    margin-bottom:20px;
  }
  #footer input[type="submit"] {
    width: 50%;
    padding: 6.5px 3%;
    
  }
  #pricing_plans .price-number{
    position:static;
  }

  #pricing_plans .price-title{
    margin-top:20px;
  }
  
  .title-box{
    background:#18304c !important;
  }
  li.first_child.ui-tabs-tab,li.secnd_child.ui-tabs-tab,li.third_child.ui-tabs-tab,li.fourth_child.ui-tabs-tab,li.fifth_child.ui-tabs-tab,li.sixth_child.ui-tabs-tab{
    width:50% !important;
    font-size: 14px;
  }
  ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    margin: 0 !important;
  }
  .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: .5em 0em !important;
  }
  p.service_image, p.service_para {
    width: 100%;
  }
  a.tablinks {
    font-size: 13px;
  }
  .install_box {
    height: 484px;
  }
  input.search-field {
    padding: 5px 7px 13px 13px;
    border: none;
  }
  p.sub_touch {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0px 0 0px;
  }
  p.sub_touch_para {
    color: rgba(0, 0, 0, 0.79);
    font-size: 13px;
    padding: 0px 0 0 0px;
    text-align: left;
  }
  #footer .widget_recent_entries ul li {
    margin: 14px 0 0 5px !important;
  }
  #footer ul li {
    list-style: none;
    margin: 0 0 7px 5px;
    text-align: left;
    line-height: normal;
  }
  select#archives-dropdown--1 {
    margin: 0 0 0 5px;
  }
  div#calendar_wrap {
    margin: 0 0 0 5px;
  }
  select#cat {
    margin: 0 0 0 5px;
  }
  .gallery-image img{
    height: 140px !important;
  }
  div#TB_window {
    width: 90% !important;
  }
  p.social_icon a{
    padding: 10px 17px;
  }
  #sidebar input[type="submit"]{
    width: 50%;
  }
  #slider h5 {
    text-transform: Capitalize;
    color: #ffffff;
    font-size: 38px;
  }
  a.purchase_now {
    background: #00A885;
    color: #fff;
    padding: 17px 12px;
    margin: 0;
    border-top: 4px solid;
    font-weight: bold;
  }
  .hide-large{
    display:none;
  }
  #header .logo img {
    max-height: 123px;
    width: auto;
    padding-left: 12px;
  }
  .toggle{
    display:block;
  }

  .toggle a:hover{ 
    color:#fff;
  }
  
  .toggle a.active{
    color:#fff;
  }
  .contact-name i,
  .contact-email i,
  .contact-call i,
  .contact-location i,
  .contact-information i{
   padding: 12px 10px;
   width: 14%; 
  }
  span {
    text-align: right;
  }
  #slider .slide-cap .btn_link{
    margin-bottom: 20px;
  }
  .menubox .navbar {
    z-index: 9999;
    left: 0;
    width: 100%;
    position: absolute;
  }
  .logo{
    max-width: 100%;
  }
  #footer input[type="submit"] {
    width: 38%;
  }
  .logo{
    background: #1c2a33;
    padding: 15px;
    text-align: center;
  }
  .toggle i.fa.fa-bars, .toggle i.fa.fa-times {
    float: right;
  }
  #header .logo{
    padding: 10px 0 !important;
  }
  .title {
    margin-top: 0%;
  }
  #sidebar input[type="submit"]{
      width: 50%;
  }
  #our-services .page-box h4{
    font-size: 15px;
  }
  .feature-box-highliter:hover {
    background: #17cfab;
    margin-bottom: 20px;
  }
}
@media screen and (min-width:991px) and (max-width:1700px) {
  .feature_para p{
    width: 100%;
  }
  section#pricing_plans .innerlightbox {
    padding-bottom:0;
  }
  p.custom_title {
    padding: 0 0 0 10px;
  } 
  .day-time{ 
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
    padding-bottom: 20px;
  }

  #trainer .video{
    margin-bottom:20px;
  }
  iframe {
    width: 100%;
  }
  section#clients .innerdarkbox{
    padding-bottom:0;
  }

  #clients .client_name{
    text-align:center;
    margin-top:20px;
  }

  #clients .client-info{
    margin-bottom:50px;
    text-align:center;
    font-weight:bold;
  }

  #bmi .dhtmlgoodies_bmi_calculator{
    margin-bottom:20px;
  } 
  #content-bbmap h4 {
    margin-top: 7%;
    text-align: justify;
    font-size: 26px;
  }
  #content-bbmap p {
    margin-top: 6%;
    font-size: 14px;
    text-align: left;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  p.social_icon a:hover {
    margin-left: -4px;
  }
  .toggle a{
    width:100%; 
    color:#fff; 
    background:#17cfab; 
    padding:10px 10px; 
    font-size:16px;
  }
  #content-bbmap .reply{
    float: left;
  }
  .metabox img {
    margin-left: 0%;
  }
  .next-tes {
    top: -4%;
  }
  #footer input[type="submit"] {
    width: 38%;
    padding: 9.5px 3%;
    
  }
  select {
    width: 100%;
  }
  small {
    font-size: 13px !important;
  }

  .page-trainer-box .trainer-name {
    color: #18304c !important;
    font-size: 28px !important;
    text-align: center !important;
  }
  p.social_touch a{
    width: auto ;
    padding: 8px 0 0px 22px;
  }
  p.social_touch {
    display: inline-block;
  }
  .navbar-header.navbar-default {
    display: none;
  }
  .web p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px){
 .thumb_image_border{
   display: none;
   }
   .main-navigation ul ul{
     background-color: transparent;
   }
   .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
     border-bottom: none;
   }
   .toggle-nav {
     display: none;
     position: relative;
     float: right;
     right: 15px;
     height: 30px;
     width: 30px;
     cursor: pointer;
     z-index: 999999;
     right: 0;
     text-align: right;
     right: 0;
     margin-right: 0;
   }
   .toggle-nav i {
     font-size: 29px;
     color: #fff;
   }
    .menubox {
      padding-top: 0px;
    }
   .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{
     display: block;
     z-index: 99;
   }
   .toggle-nav span{
     cursor:pointer; 
     text-align: right;
   }
    iframe {
       width: 100%;
       height: auto;
    }

   .innermenubox {
     position: static;
   }

   .main-navigation a{
     color: #444;
   }
   .main-navigation .menu{
     float: none;
     text-align: center;
   }
   .sf-arrows .sf-with-ul:after{
     border-top-color: #333;
   }
   .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
     float: right;
     color: black;
   }
   .menubar .nav ul{ 
     width:100%;
     margin-top:0; 
   }
   .menubar .nav ul li,
   .menubar.scrolled .main-navigation li{
     border-top:1px #303030 solid; 
     display:block;
     text-align:left;
     float:none;
     width: 18rem;
   }
   .nav ul li a{
     padding:5px 10px; 
     display:inline-block; 
     color:#ffffff;
   }
   .nav ul li a:hover{
     color:#ff8a00;
   }
   .nav ul li ul,
   .nav ul li ul ul{ 
     display:block !important;
   }
   .main-navigation ul ul {
      position: static;
      width: 100%;
      box-shadow: none;
  }
   .nav ul li ul li a:before{
     content:"\00BB \00a0";
   }
   .nav ul li ul li a {
      padding-left: 20px !important;
  }
  .navbar-header.navbar-default {
      width: 100%;
      color: #fff;
      background: #18cfab;
      padding: 10px 10px;
      font-size: 16px;
  }
   .feature_para p{
      width: 100%;
    }
}