/*
Theme Name: VW Personal Trainer Pro
Theme URI: https://www.vwthemes.com/themes/yoga-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: Hit the ground with this fully competent yoga WordPress theme to give tough competition to your rivals and stand out among them. It is a perfect fit for yoga classes, fitness studios, gyms, aerobics and gymnastic classes, spa and massage centres, health consultant and everything related to health and fitness. This yoga theme has clean and clutter-free design to create a smart website that will sort all your website building problems without taking much effort from you. You get to choose the look of your website by changing its layout from boxed to full-width to full screen. With the absolute flexible layout of this yoga WordPress theme, it lends itself to serve a wide spectrum of websites from personal to corporate and business ones. Each functionality is so vividly explained in its documentation that you will never need a professional coder to set up your website whether you are skilled in programming languages or not.
Version: 1.0
License: GNU General Public License
License URI:license.txt
Text Domain: vw-personal-trainer-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Personal Trainer Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2018.
VW Personal Trainer Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */

*{
  margin:0; 
  padding:0; 
  outline:none;
}
html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative; 
  font-size: 15px;
  color: #6c6c6c;
  font-family: 'Poppins';
  font-weight: 300;
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;

  
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;
  letter-spacing: 1px;
  font-family: 'Poppins';
  color:#000000;
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:15px;
  font-weight:300;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none; 
  color:#a72dd9;
}
a:hover{
  text-decoration:none; 
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{font-size: 14px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  max-width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
}
 
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -10px;
  color: #7a7a7a;
}

blockquote:after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
  right: 0px;
  bottom: -10px;
  color: #7a7a7a;
}
 
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
  
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #424648;
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 0;
  background-attachment: fixed;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #a72dd9;
}
input[type="submit"]:hover{
  cursor: pointer;
}
textarea {
  height: 80px;
}
.bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInUp{
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible!important;
}

.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}
.gallery-caption{
  margin:0;
  padding:0;
}
.bypostauthor{
  margin:0;
  padding:0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}

.alignleft,
img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  padding:5px;
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  padding:5px; 
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.toggleMenu{
  display:none;
}
a.small-button{
  background:#3890cb;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
table, td, th {
  border: 1px solid black;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
    color: #000000;
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
    color: #ffffff;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 1.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 0em;
  color: #fff;
  padding-left: 15px;
  caption-side: top;
}
.widget_calendar tbody a {
  background-color: #bbb;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}
/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* ---------Buttons--------- */
a.button{ 
  border: 2px solid #3890cb ; 
  background:#3890cb;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase; 
  font-weight:bold;
}
a.theme_button {
  color: #ffffff;
  border: none;
  letter-spacing: 1px;
  padding: 18px 20px;
  font-size: 14px;
  font-weight: bold;
  background-color: #a72dd9;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  transition: all ease-in-out 300ms;
  margin-top: 20px;
}
a.theme_white_button{
  border: none;
  text-transform: uppercase;
  margin-top: 20px;
  letter-spacing: 1px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  transition: all ease-in-out 300ms;
  margin-top: 20px;
}
a.theme_white_button{
  background-color: #ffffff;
  color: #a72dd9;
  border: 1px solid #a72dd9;
}

a.theme_white_button:hover {
  color: #ffffff;
  background-color: #a72dd9;
  border: 1px solid #ffffff;
}
/*-----------------Search pop up----------------*/
/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999999999999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.8);
  display: none;
}
.serach_inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.closepop {
  position: absolute;
  top: 29%;
  transform: translateY(-50%);
  width: 100%;
  right: 0;
  text-align: right;
  margin-right: 28px;
  z-index: 999999;
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
  cursor: pointer;
}

.serach_inner form.search-form {
  display: table;
  border-radius: 0;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}
.serach-page input.search-field {
    border: 1px solid #ccc;
    padding: 9px;
}
.search_popup input.search-submit {
  border: 0;
  background-color: transparent;
  border-radius: 40px;
  border: 2px solid #fff;
}
.search_popup label {
  background: transparent;
  width: 81%;
}
.search_popup input.search-field {
  padding: 1.5% 0;
  background: transparent;
  width: 100%;
  text-indent: 8px;
  border: 2px solid #fff;
  border-radius: 40px;
  color: #fff;
}

.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}


/* --------------------------Header---------------------------- */

.stickynavbar {
  background-color: #fff !important;
  z-index: 9999999999999;
  padding-top: 0 !important;
  box-shadow: 0 0 8px grey;
}
.sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  padding-bottom: 0 !important;
}
.nav_wrap {
  clear:both;
  background-color: transparent;
  margin-bottom: 0em;
  z-index: 99;
  
}
#header .logo img{
  max-height: 123px;
  width: auto;
}
.home.page-template .header-wrap
{
  position: absolute;
  width: 100%;
  text-align: center;
}
.header-wrap
{
  background-color: #30374c;
}
.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; 
  text-align: center;
}
#header .logo
{
  text-align: left;
}
#header .logo h1{ 
  font-weight:700; 
  padding:0; 
  font-size:30px; 
  font-weight:bold; 
  margin-top: 0; 
}
.logo a.custom-logo-link{ 
  color:#000000;
}
.logo h1 a{
  color: #a72dd9;
  font-size: 21px;
  font-family: "Staatliches";
}
.logo p{ 
  color: #a72dd9;
  margin-bottom: 0;
  font-size: 14px;
}
#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 {
  background: #ffffff;
}
#site-navigation {
    width: 100%;
}



/* ---------- Return to Top ------------ */

#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  background:#a72dd9;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}
#return-to-top i {
  color: #fff;
  position: relative;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 18px;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: #fff;
  top: 5px;
}

/*----------------Menu bar-----------*/

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
  text-align: right;
}
.main-navigation ul{
  list-style: none;
  margin: 0 auto;
  padding-left: 0;
  max-width: 100%;
  width: max-content;
}
.home .main-navigation ul
{
  border-bottom: 1px solid #676260;
}
.main-navigation li{
  position: relative;
  padding:17px 20px;
  display: inline-block;
}
.main-navigation li.current_page_item
{
  border-bottom: 2px solid #fff;
}
.main-navigation li:last-child{
  border-right: none;
}
.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  font-size: 17px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
}
.main-navigation a:hover{
  color: #a72dd9;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #F6F6F6;
  min-width: 215px;
  z-index: 9999;
}

.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}

.main-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #1e1d1c;
  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;
  border-bottom: 1px solid #cccccc;
}

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

.main-navigation ul li:hover > ul{
  display: block;
}
.main-navigation .menu > ul > li.highlight{
  background-color: #ffffff;
}
.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;
}
.main-navigation ul ul li:hover > a{
  color: #a72dd9;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
.top_bar_btn a.theme_button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.header-social-icon
{
  padding-top: 15px;
}
.header-social-icon .socialbox i
{
  color: #b2b2b2;
  font-size: 13px;
  padding-right:15px;
}

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

/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #fff;
}

.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
.main-navigation ul ul li{
  padding: 10px;
}
/*----------------------  index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  color: #000000;
  padding: 0 0 10px;
  margin: 0;
  letter-spacing: 3px;
}
section h3 {
  color: #000000;
  padding: 0;
}
section h4{
  color:#000; 
  font-size:20px;
}
section h5{
  color:#333; 
  font-weight:bold;
  margin:0 0 10px 0; 
  padding:0;
}
.innerbox{
  background-size:100% 100%;
}

#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/*--------------------- Section Heading------------------------*/
.section-heading{
  text-align: center;
}
.section-heading h3 {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.section-heading p {
  margin: 0;
  padding: 10px 0;
}
.head_white{
  color: #ffffff;
}
.head_black{
  color: #000000;
}


/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #a72dd9;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  box-shadow: 0 0 5px 0px #cccccc;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover i, .hvr-shutter-in-vertical:focus i, .hvr-shutter-in-vertical:active i {
  color: white;
}
.hvr-shutter-in-vertical:hover {

}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/* ------------- Shortcodes -----------------
 --------------- Services ---------------- */

/* ----------- Course Shortcode ------------- */

.our_courses_outer
{
  margin-top: 25px;
}
.our_courses_outer h4 a
{
  color: #3e3e3e;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 1px;
  font-family: "Staatliches";
  padding-top: 15px;
}
.our_courses_outer .course-meta span
{
  font-size: 14px;
  color: #a2a2a2;
  font-family: "Roboto";
  display: inline-block;
  margin-right: 10px;
  padding: 20px 0;
}
.our_courses_outer .short_text
{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #858585;
  font-family: "Roboto";
  padding: 8px 0;
}
.all-courses #comments
{
  display: none;
}

/* -------------- Student Shortcode ----------- */

.our_testimonial_outer
{
  text-align: center;
  margin-top: 30px;
}
.our_testimonial_outer h4 a
{
  color: #3e3e3e;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 1px;
  font-family: "Staatliches";
}
.our_testimonial_outer .short_text
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #858585;
  font-family: "Roboto";
  font-weight: 500;
}
.our_testimonial_outer .tdesig
{
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 25px;
  color: #a72dd9;
  font-family: "Staatliches";
  font-weight: 600;
  padding-bottom: 20px;
}
.our_testimonial_outer .testimonial_inner
{
  border:2px dashed #a72dd9;
  padding: 30px;
}

/* ----------- Teacher Shortcode ------------- */

.our_trainers_outer 
{
  margin-top: 25px;
}
.our_trainers_outer .tdesig
{
  font-size: 15px;
  letter-spacing: 0px;
  color: #7f7f7f;
  font-family: "Roboto";
  font-weight: 500;
  margin-bottom: 5px;
}
.our_trainers_outer h4 a
{
  color: #3e3e3e;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 1px;
  font-family: "Staatliches";
}
.our_trainers_outer .short_text
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #858585;
  font-family: "Roboto";
  font-weight: 500;
}
.our_trainers_outer .att_socialbox
{
  padding-top: 7px;
}
.our_trainers_outer .att_socialbox i
{
  color: #7f7f7f;
  padding: 10px 0px;
  display: inline-block;
  margin-right: 15px;
}



/* ----------- Single Pages -------------- */

.single-page-content
{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #858585;
  font-family: "Roboto";
  font-weight: 500;
}
.single-courses-meta .price
{
  padding-top: 20px;
}
.single-courses-meta p
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #858585;
  font-family: "Roboto";
  font-weight: 500;
}
.single-courses-meta p span
{
  font-weight: bold;
  font-size: 17px;
}
#events_single img
{
  padding-bottom: 20px;
}
#events_single .events-meta i
{
  color:#a72dd9;
  padding-right: 5px;
}
#events_single .events-meta 
{
  font-size: 17px;
  letter-spacing: 0px;
  color: #111111;
  font-family: "Roboto";
  font-weight: 500;
}
#single-teacher .social-profiles i
{
  color: #7f7f7f;
  padding: 10px 10px;
  display: inline-block;
}
#single-teacher .email
{
  font-size: 17px;
  letter-spacing: 0px;
  color: #111111;
  font-family: "Roboto";
  font-weight: 500;
}
#single-teacher .phone
{
  font-size: 17px;
  letter-spacing: 0px;
  color: #111111;
  font-family: "Roboto";
  font-weight: 500;
}
#single-teacher h5
{
  font-size: 22px;
  letter-spacing: 1px;
  color: #111;
  font-family: "Staatliches";
  padding-top: 28px;
}
#testimonial_single .student-desig
{
  font-size: 17px;
  letter-spacing: 0px;
  color: #111111;
  font-family: "Roboto";
  font-weight: 500;
}

/* ------------------Single Post ----------------- */

#single_post .postbox .postbox-content {
  position: static;
  padding: 15px 0;
}
#single_post .date-box-inner {
  padding: 8px;
  border: solid 2px #ffffff;
}
.posttitle a
{
  font-size: 23px;
  letter-spacing: 2px;
  color: #1f1e1e;
  font-family: "Staatliches";
}
.page-header h1
{
  color: #1f1e1e;
  font-family: "Staatliches";
}
.entry-title
{
  color: #1f1e1e;
  font-family: "Staatliches";
}
.single-post-content table td
{
  text-align: center;
}
.single-post-content .wp-audio-shortcode
{
  margin-bottom: 50px;
}
.author_links a
{
  color: #111;
}
#sidebar .widget_recent_entries a
{
  font-size: 13px;
}

/*------------------ Single Testimonials -----------------*/


#testimonial_single blockquote {
  padding: 1.25em 40px;
  color: #383838;
  background: #ffffff;
  border: 1px solid #ddd;
  width: 100%;
}
.meta_post span i {
  background-color: #a72dd9;
  padding: 7px;
  color: #ffffff;
  margin-right: 10px;
}
#latest_post .owl-nav {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
#latest_post button.owl-prev, #latest_post button.owl-next{
  border: none;
}
#latest_post button.owl-next.disabled, #latest_post button.owl-prev.disabled{
  background-color: transparent;
}
#latest_post button.owl-prev, #latest_post button.owl-next{
  background-color: transparent;
}

/*------------------------- Testimonial Shortcode --------------------------*/

.testimonial-shortcode .testimonials_inner {
    border: solid 2px #002b46;
}
.our_testimonials_outer.testimonial-shortcode {
    margin-top: 2em;
}
.testimonial-shortcode .testimonials_inner:hover{
  border: solid 2px #fec200;
}
.testimonial-shortcode .testimonials-icon img {
  width: 100%;
}

/*------------------ Contact Page -----------------*/
.contact-page-details
{
  padding-bottom: 30px;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  background-color:transparent;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  border:2px solid #cccccc;
  background-color: transparent;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 12px 46px 0;
  height: auto;
  border:2px solid #cccccc;
  background-color: transparent;
}
.contact-box .wpcf7 input[type="text"]::placeholder
{
  font-family: "Staatliches";
}
.contact-box .wpcf7 input[type="email"]::placeholder
{
  font-family: "Staatliches";
}
.contact-box .wpcf7 textarea::placeholder
{
  font-family: "Staatliches";
}
.contact-box .contac_form input[type="submit"]
{
  border-radius: 40px;
  font-family: "Staatliches";
  padding: 12px 20px;
  margin-top: 20px;
}

section#contact-box{
  padding:0;
  margin:0;
}
.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 20px;
  width: 100%;
  
}
.contac_form h3 {
  text-align: center;
}
.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 7px 0;
}
.c_content span {
  font-size: 18px;
}
.c_content p{
  font-size: 16px;
}
.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}
.contac_form label{
  width: 100%;
}
.c_content {
  color: #ffffff;
}
.contact-page-details 
{
  -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  margin-bottom: 30px;
}
.contact-page-details .contact-address
{
  text-align:center;
  padding: 11px;
}
.contact-page-details .contact-email
{
  text-align:center;
  padding: 11px;
}
.contact-page-details .contact-phone
{
  text-align:center;
  padding: 11px;
}
.contact-page-details span
{
  font-size: 18px;
  font-weight: normal;
  color: #343434;
  padding-bottom: 15px;
  color: #1f1e1e;
  font-family: "Staatliches";
  letter-spacing: 1px;
}
.contact-page-details .inner-cont i
{
  font-size: 35px;
  color:#a72dd9;
  padding: 14px 0;
}
.contact-page-details .inner-cont p
{
  font-family: Poppins,sans-serif;
  color: #343434;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}
.contact-color-bg h3
{
  font-size: 36px;
  color: #1f1e1e;
  font-family: "Staatliches";
  font-weight: normal;
  padding-bottom: 30px;
}
.contact-color-bg
{
  text-align: center;
}
.contact-color-bg form textarea
{
  margin-right: 10px;
}
.contact-box .google-map
{
  padding-top: 30px !important;
  margin-bottom: 30px !important;
}

/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}
.main_title {
  margin-top: 20px;
}
.main_title h1{
  padding: 0;
  margin-bottom: 22px;
  font-size: 36px;
  color: #2d3b3e;
  font-family: "Staatliches";
  font-weight: bold;
  letter-spacing: 2px;
  font-weight: normal;
}
/*-------------Footer Menu ------------*/

.footer_menu ul li {
  display: inline-block;
}
.footer_menu ul li:last-child {
  border-right: none;
}
.footer_menu ul li a {
  color: #ffffff;
  padding: 0 15px;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 16px;
  font-family: "Source Sans Pro";
}
#footer .footer-links
{
  background-color: #fff;
}

/*---------------- Custom Footer ----------------------*/


.footer_form .section-heading {
  text-align: center;
}
.footer_form {
  padding: 0 40px 40px;
}
.footer_form .section-heading h3 {
  color: #ffffff;
  display: table;
  text-align: center;
  margin: 0 auto;
  padding: 11px;
  border: none;
  font-weight: bold;
}
.footer_form .section-heading p{
  color: #ffffff;
}
.footer_form input[type="text"], .footer_form  input[type="tel"], .footer_form  input[type="email"], .footer_form  input[type="phno"], .footer_form  input[type="password"], .footer_form  textarea {
  border: 1px solid #ffffff;
  font-size: 16px;
  padding: 10px 10px;
  margin-bottom: 20px;
  height: auto;
  width: 100%;
  background: transparent;
  color: #ffffff;
  font-style: italic;
}
.footer_form  textarea {
  height: 120px;
}
.footer_form input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #1e202c;
}
.footer_form input::-webkit-input-placeholder, .footer_form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
.footer_form input::-moz-placeholder, .footer_form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
.footer_form input:-ms-input-placeholder, .footer_form textarea:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.footer_form input:-moz-placeholder, .footer_form textarea:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}
.contact_us {
  background-attachment: fixed;
}
.home-contact-box {
  background-color: #ffffff;
  padding: 15px;
}
/*---------------- Footer Section ----------------------*/

#footer_box
{
  padding: 60px 0 10px 0;
}
#footer
{
  background-color: #111111;
  background-repeat: no-repeat;
  background-size: cover;
}
.outer-footer {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.footer-social .socialbox a {
  border-right: none;
}
.footer-social .socialbox a i {
  color: #ffffff;
}
.footer-top {
  padding-bottom: 50px;
}
.footer-top-col h3 {
  font-size: 20px;
  font-weight: bold;
}
.outer-footer {
  background-size: 100% 100%;
 
}
#footer form.search-form{
  border: none;
  background: transparent;
  padding: 0;
}
#footer form.search-form input{
  float: none;
  border: 1px solid #fff;
  margin: 20px 2px;
}

#footer textarea{
  height: 100px;
}
#footer p.post-date {
    color: #7f8391;
    font-size: 11px !important;
}

.main_sociobox {
    padding: 20px 0;
}
#footer{ 
  color:#fff;
  text-align:left;
}
.footer_hide{
  display:none;
}
#footer h3 {
  font-size: 24px;
  letter-spacing: 2px;
  color: #f7f7f7;
  font-family: "Staatliches";
  font-weight: 700;
  padding:10px 0 17px 0;
}
#footer h3:after{
  content: "";
  background-color: #a72dd9;
  width: 60px;
  height: 3px;
  display: block;
  margin-top: 20px;
}
#footer .copyright p{
  font-size: 18px;
  letter-spacing: 1px;
  color: #999ba3;
  font-family: "Staatliches";
  text-align: center;
}
#footer .copyright a {
    color: #fff;
  cursor: pointer;
}
#footer ul li{
  list-style:none;
  margin:0 0 5px 0;
  text-align:left;
  padding: 5px;
}
#footer ul li a{
  font-size: 15px;
  letter-spacing: 0px;
  color: #919191;
  font-family: "Roboto";
  font-weight: 500;
}
#footer .about_me table p
{
  font-size: 15px;
  letter-spacing: 0px;
  color: #919191;
  font-family: "Roboto";
  font-weight: 500;
}
.widget_recent_entries img {
  width: 100px;
}
.about_me table, .about_me td, .about_me th{
  border: none;
}
.about_me p.message {
    margin-bottom: 20px !important;
}
.vw-credit, .vw-credit a{
  color: #ffffff;
}
.copyright{
  
  text-align: center;
  margin-top: 30px;
}

#footer .textwidget input[type="email"]
{
  border-radius: 40px;
  border:2px solid #9b9b9b;
}
#footer .textwidget input[type="submit"]
{
  background-color: transparent;
  border-radius: 40px;
  padding: 10px 20px;
  border:2px solid #9b9b9b;
  display: inline-block;
  margin-top: 10px;
  color: #9b9b9b;
  font-family: "Staatliches"; 
}
#footer .about_me i
{
  font-size: 20px;
  color:#8b8b8b;
}
#footer .widget td 
{
  padding-top: 0px !important;
}
#footer #site-navigation ul li a
{
  font-size: 15px;
  letter-spacing: 1px;
  color: #919191;
  font-family: "Roboto";
  font-weight: 500;
}
#footer #site-navigation ul li
{
  margin-right: 20px;
  margin-bottom: 0;
  padding: 25px 10px 25px 0;
}
#footer #site-navigation
{
  text-align: center;
}
#footer .main-navigation li.current_page_item
{
  background-color: transparent;
  border-bottom: 3px solid #a72dd9;

}
#footer .main-navigation li.current_page_item a
{
    color: #a72dd9 !important;
}
#footer #site-navigation ul
{
  border-bottom: none;
  margin: 0;
}
#footer #site-navigation ul li a
{
  font-size: 18px;
  letter-spacing: 1px;
  color: #999ba3;
  font-family: "Staatliches";
}
.footer-logo-box
{
  display: flex;
  align-items: center;
  padding: 10px;
}
#footer .textwidget p
{
  font-size: 14px;
  line-height: 30px;
  color: #8e929f;
  font-family: "Montserrat";
  font-weight: 600;
  margin-bottom: 0;
}
#footer .footer-cols
{
  padding-bottom: 30px;
}
#footer .post-content a
{
  font-size: 17px;
  letter-spacing: 1px;
  color: #7f8391;
  font-family: "Staatliches";
}


/* --------- Social Icon Widget ------- */
.social_widget
{
  padding-top: 20px;
}
.social_widget a {
  color: #8e929f;
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}

/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */

.postbox-content .post-text
{
  font-size: 18px;
  color: #8fa3aa;
  font-family: "Source Sans Pro";
  line-height: 28px;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: rgba(19, 10, 138, 0.6);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px; 
  display: block; 
  background: #fff;
}
.continue-read a:hover{
  background: #18304c;
  color:#fff;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
a.post-readmore {
   font-size: 18px;
   border-bottom: 1px solid;
}
a.post-readmore i {
 margin-left: 8px !important;
 font-size: 18px;
 border-bottom: 1px solid #ffffff;
 padding-bottom: 2px;
}
.widget_recent_entries li {
  padding: 10px 0;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  font-size:12px; 
  font-weight:bold; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:14px 0 0 0;
  display:table;
}
.metabox {
    color: #000;
    padding: 5px 0;
    clear: both;
    margin: 10px 0;
}
.metabox .entry-date{
  margin:0 13px 0 0;
}
.metabox .entry-author{
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-author a
{
  color: #000;
}
.metabox .entry-comments{
  padding: 0 0 0 20px;
}
.logged-in-as a
{
  color: #000;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#sidebar span.comment-author-link {
    margin-left: 14px;
}
.post-featured img {
  width: 100%;
}
.authordetails
{
  padding: 30px 0;
}
.authordetails .author_links
{
  padding-left: 17%;
  font-weight: bold;
  margin-bottom: 7px;
}
.authordetails .b-content {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 27px;
  color: #90939c;
  font-family: "Roboto";
  font-style: italic;
}
.authordetails ul {
  list-style-type: none;
  margin-left: 18%;
  margin-top: 10px;
  position: relative;
}
.authordetails ul li {
    display: inline;
}
.authordetails ul li a i {
  background-color: #000;
  padding:15px 15px 9px 15px;
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.authordetails img
{
  border-radius: 50%;
}

/* --------- Inner Pages --------- */
.more_info a {
  background: #333;
  color: #ffffff;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: #ffffff;
  color: #333333;
}
ol.carousel-indicators {
  position: static !important
}
ol.carousel-indicators li {
  max-width: 10px;
  padding: 5px;
  color: #333333;
  border:2px solid #fff;
  background-color: transparent;
  margin-right: 10px;
  border-radius: 50%;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background-color: #a72dd9;
  color: #ffffff !important;
  border: 1px solid #a72dd9;
}
.navigation span.page-numbers.current{
  background-color: #ffffff;
  border: 1px solid #a72dd9;
  color: #000000 !important;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
  color: #000;
}
.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: #fff;
  margin-right: 1%;
}
.blog-icon i:hover {
    background: #d3da36;
    color: #fff;
}
.blog-icon i.fa-google-plus {
    padding: 12px 10px 12px 11px
}
aside#search-3 {
  padding: 0 !important;
}
.feature-image-box img{
  width:100%;
}
.feature-image-box img a:hover{
  opacity:0.8;
}
.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#f1f1f1; 
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}

.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#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 {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  color: #ffffff;
  text-transform: uppercase;
  border-top: none;
  border-radius: 40px;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  text-align:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  text-align:left;
  margin-left:7%;
}
#comments .comment-author{  
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
  font-family: "Staatliches";
}
#comments .comment-author.vcard img {
  padding: 2px;
}

/* --------------- Topbar --------------- */

#topbar-social-search
{
  background-color: #a72dd9;
}
#topbar-social-search span a
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: "Montserrat";
  font-weight: 500;
}
#topbar-social-search span
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: "Montserrat";
  font-weight: 500;
  display: inline-block;
  padding-right: 15px;
}
#topbar-social-search .socialbox
{
  text-align: right;
}
#topbar-social-search .socialbox i
{
  color:#fff;
  padding: 16px 0 16px 9px;
  margin-left: 10px;
}
#topbar-social-search .topbar-search
{
  text-align: center;
}
#topbar-social-search .topbar-search span
{
  color:#fff;
  display: inline-block;
  background-color: #30374c;
  padding: 16px 10px;
  cursor: pointer;
}
#topbar-social-search .topbar-text
{
  padding-top: 15px;
}

.topbar-content
{
  padding-bottom: 15px;
}
.topbar-content span
{
  font-size: 15px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: "Roboto";
}
.topbar-content .socialbox
{
  text-align: right;
}
.topbar-content .socialbox i
{
  color: #fff;
  padding-right: 20px;
}
.topbar-email-contact .topbar-contact i
{
  font-size: 30px;
  color:#a72dd9;
}
.topbar-email-contact .topbar-icon
{
  display: flex;
  align-items: center;
  justify-content: center;

}
.topbar-email-contact
{
  padding: 13px 0;
}
.topbar-email-contact .topbar-contact h5
{
  font-size: 22px;
  letter-spacing: 2px;
  line-height: 29px;
  color: #30374c;
  font-family: "Staatliches";
  padding: 0;
}
.topbar-email-contact .topbar-contact p
{
  font-size: 17px;
  letter-spacing: 0px;
  line-height: 29px;
  color: #6c707c;
  font-family: "Montserrat";
  font-weight: 500;
  margin-bottom: 0;
}

/* --------- SLIDER--------- */

#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}
#slider img {
    width: 100%;
}
.slide_next_image img{
  width: auto !important;
  height: 100%;
}
#slider h6
{
  font-size: 16px;
  letter-spacing: 2px;
  color: #1f1e1e;
  font-family: "Roboto";
}
#slider h2 {
  padding-top: 15px;
  font-size: 48px;
  color: #ffffff;
  font-family: "Staatliches";
  font-weight: normal;
}
#slider p {
  
  margin: 15px 0 15px 0;
  border-radius: 0 0 5px 5px;
  font-size: 15px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: "Roboto";
}
#slider p.price {
  font-size: 22px !important;
}
.slider-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 20px;
  max-width: 73%;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
}

#slider .carousel-caption {
  top: 0;
  bottom: inherit;
  text-align: left;
  left: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
  bottom: 0;
}

a.blog-more{ 
  display:inline-block; 
  font:400 16px 'Roboto Condensed', sans-serif; 
  padding:10px 30px; 
  margin-top:21px; 
  border-radius:4px; 
  -moz-border-radius:4px; 
  -webkit-border-radius:4px; 
  -o-border-radius:4px; 
  -ms-border-radius:4px; 
  margin-right:15px;
}
#slider .carousel-prev-button {
  position: absolute;
  left: 35px;
  bottom: 47%;

}
#slider .carousel-next-button{
  position: absolute;
  right: 35px;
  bottom: 47%;
}
#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; 
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
  width: auto;
  height: auto;
}

#slider a i {
  padding: 9px 12px;
  font-size: 17px;
  color: #fff;
  background-color:transparent;
  border:2px solid #fff;
  width: 40px;
  height:40px;
  border-radius: 50%;
}

#slider .inner_carousel h2 small {
  color: #ffffff;
  display: block;
  margin-top: 20px;
  font-size: 20px !important;
  font-style: italic;
  text-transform: capitalize;
}
.slide_next_image img {
  text-align: right;
  float: right;
}
#slider .read-more
{
  padding: 12px 23px;
  font-size: 16px;
  letter-spacing: 3px;
  color: #ffffff;
  font-family: "Staatliches";
  font-weight: normal;
  margin-right: 17px;
  border:2px solid #fff;
  border-radius: 40px;
  background-color: transparent;
}
#slider .read-more:hover
{
  color: #fff;
}

/*Fade slider*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
#slider ol.carousel-indicators
{
  text-align: center;
  position: relative !important;
  bottom: 100px;
}
#slider ol.carousel-indicators .active
{
  background-color: #fff;
  border:2px solid #fff;
}
#slider .section-seperator
{
  position: absolute;
  bottom: 0;
  width: 100%;
}

/* ---------------- Button Effects --------------- */

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* ------------- Popular Courses -------------- */

#popular-courses .popular-courses-head h3
{
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  color: #30374c;
  font-family: "Staatliches";
}
#popular-courses .popular-courses-head h3:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#popular-courses .courses-content
{
  padding-top: 35px;
}
#popular-courses .courses-content .course-box img
{
  border-radius: 50%;
  width: 170px;
  height: 148px;
}
#popular-courses .courses-content .course_name
{
  font-weight: normal;
}
#popular-courses .courses-content .course_name a
{
  font-size: 25px;
  letter-spacing: 1px;
  line-height: 7px;
  color: #30374c;
  font-family: "Staatliches";
}
#popular-courses .courses-content .courses_text
{
  font-size: 14px;
  line-height: 25px;
  color: #6c707c;
  font-family: "Montserrat";
  font-weight: 500;
}
#popular-courses .courses-content .read-more
{
  font-size: 16px;
  letter-spacing: 2px;
  color: #898c95;
  font-family: "Staatliches";
  text-align: center;
  border:2px solid #898c95;
  border-radius: 40px;
  padding: 8px 20px;
  display: inline-block;
  margin-top: 15px;
}
#popular-courses .courses-content:hover .read-more
{
  background-color: #a72dd9;
  border:2px solid #a72dd9;
  color:#fff;
}

/* --------------- About Trainer --------------- */

#about-us
{
  padding: 0;
}
#about-us h3
{
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  color: #30374c;
  font-family: "Staatliches";
}
#about-us h3:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#about-us p
{
  font-size: 13px;
  line-height: 23px;
  color: #7f828c;
  font-family: "Montserrat";
  font-weight: 500;
  padding: 15px 0;
}
#about-us .view-about
{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
  text-align: center;
  display: inline-block;
  background-color: #a72dd9;
  padding: 10px 20px;
  border-radius: 40px;
}
#about-us .about-content
{
  padding-top: 50px;
}
#about-us .video-image
{
  display: flex;
  align-items: center;
  justify-content: center;
}
#about-us .video-image a
{
  width: 50px;
  height: 50px;
  border:2px solid #fff;
  border-radius: 50%;
  position: absolute;
  padding: 14px 17px;
  color:#fff;
}

/* ------------ Video Popup ----------------- */

/* The Modal (background) */
#about-us .modal-new {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999999999;
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
#about-us .modal-contents {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  transition: 2s;
}

/* The Close Button */
#about-us .close-one {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

#about-us .close-one:hover,
#about-us .close-one:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


/* ------------- Our Courses -------------- */


#our-courses .our-courses-head h3
{
  font-size: 40px;
  letter-spacing: 1px;
  color: #30374c;
  font-family: "Staatliches";
}
#our-courses .our-courses-head h3:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#our-courses .our-courses-content
{
  margin-top: 30px;
}
#our-courses .our-courses-content h5 a
{
  font-size: 26px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Staatliches";
}
#our-courses .our-courses-content h5
{
  font-weight: normal;
  padding-left: 30px;
}
#our-courses .our-courses-content .our-courses-box
{
  position: absolute;
  bottom: 19px;
  width: 100%;
}
#our-courses .our-courses-content i
{
  float: right;
  width: 40px;
  height: 40px;
  border:2px solid #fff;
  padding: 9px 15px;
  border-radius: 50%;
  color:#fff;
  margin-right: 30px;
  margin-top: -6px;
}
#our-courses .all-courses
{
  text-align: center;
  padding-top: 40px;
}
#our-courses .all-courses a
{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
  background-color: #a72dd9;
  border-radius: 40px;
  padding: 10px 20px;
  display: inline-block;
}
#our-courses .our-courses-content .blog_text
{
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  font-family: "Montserrat";
  font-weight: 600;
}
#our-courses .our-courses-content .course-icon
{
  width: auto;
  padding-left: 30px;
  padding-bottom: 15px;
}

/* ------------- Our Courses Overlay ------------ */

#our-courses .box{
  overflow: hidden;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  position: relative;
}
#our-courses .box img{
  width: 100%;
  height: auto;
}
#our-courses .box .box-content{
  padding: 12% 10px 12% 30px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 1;
  transition: all 0.5s ease 0s;
}
#our-courses .box:hover .box-content{
  opacity: 1;
  transition-delay: 0.2s;
}
#our-courses .box:before,
#our-courses .box:after,
#our-courses .box .box-content:before,
#our-courses .box .box-content:after{
  content: "";
  width: 50%;
  height: 50%;
  background: #a72dd9;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(0.05);
  transition: all 0.3s ease 0s;
}
#our-courses .box:after{
  left: auto;
  right: 0;
  transition-delay: 0.1s;
}
#our-courses .box .box-content:before,
#our-courses .box .box-content:after{
  top: auto;
  bottom: 0;
  z-index: -1;
  transition-delay: 0.2s;
}
#our-courses .box .box-content:after{
    left: auto;
    right: 0;
    transition-delay: 0.3s;
}
#our-courses .box:hover:before,
#our-courses .box:hover:after,
#our-courses .box:hover .box-content:before,
#our-courses .box:hover .box-content:after{
  opacity: 0.8;
  transform: scale(1);
}
#our-courses .box .title{
  font-size: 30px;
  color: #f5bc24;
  margin: 0 0 10px 0;
}
 
#our-courses .box .post{
  display: block;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  font-style: italic;
  margin: 0 0 10px 0;
}
#our-courses .box:hover .our-courses-box
{
  display: none;
}
#our-courses .box-content h5
{
  padding-left: 0 !important;
}
#our-courses .box-content i
{
  padding: 6px 13px !important;
}

/* ------------- Our Records ----------- */

#our-records .our-records-head
{
  padding-bottom: 30px;
}
#our-records .our-records-head h3
{
  font-size: 40px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Staatliches";
}
#our-records .our-records-head h3:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#our-records .owl-carousel .owl-item img
{
  margin: 0;
}
#our-records .records-icon
{
  padding: 15px 0;
  border-bottom: 1px solid #535a6a;
}
#our-records .record-title
{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#our-records .record-title p
{
  font-size: 20px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Staatliches";
  margin-bottom: 0;
}
#our-records h2
{
  font-size: 70px;
  letter-spacing: 2px;
  color: #c876e9;
  font-family: "Staatliches";
  font-weight: normal;
  padding-top: 5px;
}
#our-records .owl-dots
{
  text-align: center;
  padding-top: 30px;
}
#our-records .owl-dots button
{
  width: 15px;
  height: 15px;
  border:2px solid #fff;
  border-radius: 50%;
  background-color: transparent;
  margin-right: 15px;
}
#our-records .owl-dots .active
{
  background-color: #a72dd9;
  border:2px solid #a72dd9;
}


/* ------------- Our Gallery ------------- */

#our-gallery .gallery-heading 
{
  padding-left: 0;
  padding-bottom: 30px;
}
#our-gallery .gallery-heading h3
{
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  color: #30374c;
  font-family: "Staatliches";
}
#our-gallery .gallery-heading h3:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#our-gallery .icon_overlay
{
  margin: 0px 30px 30px 0;
}
#our-gallery .icon_overlay i
{
  border: 2px solid #fff;
  padding: 10px 10px;
  border-radius: 5px;
}
#our-gallery .vw_gallery_front img
{
  padding: 10px;
}

/* ------------ Join Now ------------- */

#join-now .join-now-content
{
    text-align: center;
    max-width: 64%;
    margin: 0 auto
}
#join-now .join-now-content h3
{
  font-size: 35px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Staatliches";
}
#join-now .join-now-content p
{
  font-size: 14px;
  line-height: 28px;
  color: #a5a8af;
  font-family: "Montserrat";
  font-weight: 500;
  margin-bottom: 0;
  padding: 20px 0;
}
#join-now .join-now-content a
{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
  display: inline-block;
  background-color: #a72dd9;
  padding: 12px 22px;
  border-radius: 40px;
}

/* --------------- Our Trainers ---------- */

#our-trainers .our-trainers-heading h3
{
  font-size: 40px;
  letter-spacing: 1px;
  color: #30374c;
  font-family: "Staatliches";
}
#our-trainers .our-trainers-heading h3:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#our-trainers .our-trainers-content
{
  padding-top: 30px;
}
#our-trainers .our-trainers-content h5 a
{
  font-size: 25px;
  letter-spacing: 1px;
  color: #30374c;
  font-family: "Staatliches";
  font-weight: normal;
}
#our-trainers .our-trainers-content .trainer-desig
{
  font-size: 15px;
  color: #7f828c;
  font-family: "Montserrat";
  font-weight: 600;
}
#our-trainers .our-trainers-content .trainers-meta
{
  font-size: 15px;
  letter-spacing: 0px;
  color: #7f828c;
  font-family: "Montserrat";
  font-weight: 500;
}
#our-trainers .our-trainers-content .trainers-meta i
{
  color: #a72dd9;
}
#our-trainers .our-trainers-content .phone
{
  padding-right: 10px;
}
#our-trainers .our-trainers-content .email
{
  padding-left: 10px;
}
#our-trainers .our-trainers-content .social-profiles
{
  padding-top: 15px;
}
#our-trainers .our-trainers-content .social-profiles i
{
  color:#7f828c;
  padding-right: 15px;
}
#our-trainers .our-trainers-content .trainers-image
{
  display: flex;
  align-items: center;
  justify-content: center;
}
#our-trainers .our-trainers-content .trainers-image img
{
  border-radius: 50%;
}

/* ------------- Our Features --------------- */

#our-features 
{
  text-align: center;
}
#our-features h5 a
{
  font-size: 30px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Staatliches";
  font-weight: normal;
  padding: 20px 0 10px 0;
  display: inline-block;
}
#our-features p
{
  font-size: 14px;
  line-height: 26px;
  color: #ffffff;
  font-family: "Montserrat";
  font-weight: 500;
}
#our-features .feature-icon 
{
  border-radius: 50%;
  border:4px solid #cb6af2;
  width: 120px;
  height: 120px;
  padding: 35px 10px;
  margin: 0 auto;
}
.our-features-content:hover .feature-icon 
{
  background-color: #a72dd9;
}
.our-features-content:hover img {
  transition: 1s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

/* ------------ Our Packages ------------- */

#our-packages .our-packages-head
{
  padding-bottom: 30px;
}
#our-packages .our-packages-head h3
{
  font-size: 40px;
  letter-spacing: 1px;
  color: #30374c;
  font-family: "Staatliches";
}
#our-packages .our-packages-head h3:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#our-packages .owl-carousel .owl-item img
{
  margin: 0;
}
#our-packages .package-price 
{
  background-color: #30374c;
  padding: 25px;
}
#our-packages .package-content h5
{
  font-size: 34px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
  font-weight: normal;
  text-align: center;
  border-bottom: 1px solid #454b5e;
  padding-bottom: 10px;
}
#our-packages .package-content .package-price span
{
  font-size: 54px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
  font-weight: normal;
}
#our-packages .package-content sub
{
  font-size: 16px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Staatliches";

}
#our-packages .package-content .fa-angle-right
{
  border:1px solid #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color:#fff;
  font-size: 23px;
  padding: 9px 14px;
  position: absolute;
  right: 27px;
  bottom: 38px;
  z-index: 99;
}

#our-packages .owl-dots
{
  text-align: center;
  padding-top: 35px;
}
#our-packages .owl-dots button
{
  width: 15px;
  height: 15px;
  border:2px solid #373b4c;
  border-radius: 50%;
  background-color: transparent;
  margin-right: 15px;
}
#our-packages .owl-dots .active
{
  background-color: #373b4c;
}
#our-packages .package-features
{
  padding: 20px;
  position: absolute;
  top: 0;
  width: 100%;
  background-color:#fff;
  display: none;
  height: 100%;
  z-index: 9;
  border:1px solid lightgray;
}
#our-packages .package-features ul
{
  list-style-type: none;
  margin-left: 0;
}
#our-packages .package-features ul li
{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 35px;
  color: #7f828c;
  font-family: "Montserrat";
  font-weight: 600;
}
#our-packages .package-features ul li i
{
  padding-right: 10px;
}
#our-packages .package-content:hover .fa-angle-right
{
  color:#111;
  border:2px solid #111;
}


/* -------------- testimonial --------------- */

#testimonials
{
  padding: 0;
}
#testimonials .testimonials-box h3
{
  font-size: 40px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Staatliches";
}
#testimonials .testimonials-box h3:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#testimonials .testimonial_text
{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Montserrat";
  font-weight: 500;
  padding-top: 15px;
  padding-bottom: 30px;
}
#testimonials .owl-carousel .owl-item img
{
  margin: 0;
  border-radius: 50%;
}
#testimonials .testimonials-content h5 a
{
  font-size: 24px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Staatliches";
  font-weight: normal;
}
#testimonials .testimonials-content p
{
  font-size: 14px;
  color: #ffffff;
  font-family: "Montserrat";
  font-weight: 600;
}
#testimonials .owl-dots
{
  position: absolute;
  right: 0;
  bottom: 23px;
}
#testimonials .owl-dots button
{
  width: 15px;
  height: 15px;
  border:2px solid #fff;
  border-radius: 50%;
  background-color: transparent;
  margin-right: 15px;
}
#testimonials .owl-dots .active
{
  background-color: #a72dd9;
  border:2px solid #a72dd9;
}
#testimonials .our-partners
{
  background-color: #a72dd9;
  text-align: center;
  padding: 40px;
  background-repeat: no-repeat;
  background-size: cover;
}
#testimonials .our-partners img
{
  margin-bottom: 30px;
}
#testimonials .testimonials-box
{ 
  padding: 40px 20px;
}

/* ---------------- Our Blogs --------------- */

#our-blogs .blog-head
{
  font-size: 40px;
  letter-spacing: 1px;
  color: #30374c;
  font-family: "Staatliches";
  margin-bottom: 30px;
}
#our-blogs .blog-head:after
{
  content: "";
  width: 50px;
  height: 3px;
  background-color: #a72dd9;
  display: block;
  margin-top: 20px;
}
#our-blogs .our-blogs-content h5
{
  padding-bottom: 5px;
}
#our-blogs .our-blogs-content h5 a
{
  font-size: 25px;
  letter-spacing: 1px;
  color: #30374c;
  font-family: "Staatliches";
  font-weight: normal;
}
#our-blogs .blog-meta span
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #7f828c;
  font-family: "Montserrat";
  font-weight: 500;
}
#our-blogs .blog-meta a
{
  font-size: 14px;
  letter-spacing: 0px;
  color: #7f828c;
  font-family: "Montserrat";
  font-weight: 500;
}
#our-blogs .blog-meta .blog-date
{
  padding-right: 10px;
}
#our-blogs .blog-meta .entry-comments
{
  padding-right: 10px;
}
#our-blogs .our-blogs-content .blog_text
{
  font-size: 14px;
  line-height: 29px;
  color: #6c707c;
  font-family: "Montserrat";
  font-weight: 500;
  padding-top: 15px;
}
#our-blogs .our-blogs-content .blog-button
{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
  padding: 10px 20px;
  border-radius: 40px;
  background-color:#a72dd9;
  display: inline-block;
  margin-top: 20px;
}
#our-blogs .owl-dots
{
  text-align: center;
  padding-top: 35px;
}
#our-blogs .owl-dots button
{
  width: 15px;
  height: 15px;
  border:2px solid #373b4c;
  border-radius: 50%;
  background-color: transparent;
  margin-right: 15px;

}
#our-blogs .owl-dots .active
{
  background-color: #373b4c;
}
.owl-dots button
{
  outline: none;
}
#our-blogs .newsletter 
{
  padding: 40px 20px;
  background-repeat: no-repeat;
  background-size: cover;
}
#our-blogs .newsletter h3
{
  font-size: 40px;
  letter-spacing: 1px;
  color: #fff;
  font-family: "Staatliches";
  margin-bottom: 30px;
  text-align: center;
}
#our-blogs .newsletter input[type="text"]
{
  border-top: none;
  border-left:none;
  border-right: none;
  border-bottom: 1px solid #575966;
}
#our-blogs .newsletter input[type="email"]
{
  border-top: none;
  border-left:none;
  border-right: none;
  border-bottom: 1px solid #575966;
}
#our-blogs .newsletter input[type="submit"]
{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
  padding: 10px 20px;
  border-radius: 40px;
  background-color:#a72dd9;
  display: block;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

/*--------------- Sidebar -----------------*/
/* Sidebar */
#sidebar td#prev a {
 color: #6c6c6c;
}
#sidebar caption {
 font-weight: bold;
 color: #6c6c6c;
 font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
 border: 1px solid #e1e1e1;
 text-align: center;
}
#sidebar td {
 padding: 7px;
 color: #6c6c6c;
}
#sidebar th {
 text-align: center;
 padding: 5px;
 color: #6c6c6c;
}
#sidebar select {
 padding: 10px 5px;
 border: solid 1px #e1e1e1;
 color: #6c6c6c;
 background: transparent;
}
#sidebar form{
 text-align: center;
}
#sidebar h3 {
  font-size: 24px;
  color: #343434;
  font-weight: normal;
  padding-bottom: 15px;
  margin-bottom: 11px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
  font-family: "Staatliches";
}
#sidebar input[type="search"] {
 padding:10px 10px;
 font-size:15px;
 margin-bottom: 10px;
 color:#6c6c6c;
 border: solid 1px #e1e1e1;
 width: 100%;
}
#sidebar label{
 margin-bottom: 0;
 width: 100%;
}
#sidebar input[type="submit"]{
 background-color :#a72dd9;
 color:#fff;
 padding:10px 0;
 font-size:12px;
 width: 100%;
 letter-spacing: 2px;
 font-weight: bold;
}
#sidebar .widget {
 padding: 20px;
 border: 1px solid #a72dd9;
 margin-bottom: 50px;
}
#sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 17px;
}
#sidebar ul li{
 font-weight: 600;
  color: #343434;
  font-family: Poppins,sans-serif;
  font-size: 15px;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
}
#sidebar ul li:last-child
{ 
  border:none;
}
#sidebar ul li a {
  font-weight: 600;
  color: #343434;
  font-family: Poppins,sans-serif;
  font-size: 15px;
}
#sidebar .tagcloud a{
 border: solid 1px #e1e1e1;
 color:#6c6c6c;
 font-size:15px !important;
 padding:5px 18px;
 margin:0 0 5px;
 display:inline-block;
}
#sidebar .tagcloud a:hover{
 background:#ec1d23;
 color: #fff;
}
span.credit_link a {
  color: #ffffff;
}

.single-post-content p
{
  font-size: 18px;
  color: #8fa3aa;
  font-family: "Source Sans Pro";
  line-height: 28px;
}
.outer_dpage p
{
  font-size: 16px;
  color: #8fa3aa;
  font-family: "Roboto";
  line-height: 28px;
}

/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
.shrtcod-pg{
  border:1px solid #bbb;
  /*background-color: #cbe9e2;*/
}
.shrt_socio i{
  border: 1px solid #bbb;
  padding: 10px;
  margin-right: 10px;
}
/*---------------- Contact Us Widget ----------------*/
.contact_us_icon i {
  color: #a72dd9;
  margin: 10px 0;
  font-size: 24px;
}
.widget_recent_entries li a {
  font-size: 14px;
}
.widget_recent_entries span.post-date {
  width: 100%;
  float: left;
  margin-bottom: 11px;
  text-align: left;
  font-size: 14px;
  letter-spacing: 0px;
  color: #aca9a9;
  font-family: "Roboto";
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px; 
  font-weight:bold;
  margin: 10px 0;
}
 
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #333333; 
  color:#ffffff;
  font-weight:normal;
}

/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories li
{
  display: inline-block;
}
ul.post-categories li:after
{
  content: ' ,';
}
ul.post-categories li:last-child:after
{
  content: '';
}
ul.post-categories a {
  color: #333333;
}
.content_boxes {
    padding: 0;
    border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
/*-------------- Main Title ---------------*/
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  width: 36px;
  margin: 0 4px;
  text-align: center;
}
.share_icon i.fab.fa-facebook-f{
  background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in{
  background-color: #007bb5;
}
.share_icon i.fab.fa-google-plus-g{
  background-color: #da4835;
}
.share_icon i.fab.fa-twitter{
  background-color: #55acee;
}
.services_inner h4, .services_inner .short_text {
    color: #ffffff;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.menubar.scrolled li.search-box {
    display: block !important;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
  width: auto;
}
#our_partners img{
  width: auto !important;
}

button.owl-next, button.owl-prev {
  background: #1e202c;
}
button.owl-prev {
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
}
button.owl-next {
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
}
button.owl-next i, button.owl-prev i{
  color: #ffffff;
}
/*-------------- Woocommerce ---------------*/

.woocommerce .summary h1 {
    font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #a72dd9;
  border-radius: 0;
  padding: 10px 14px;
  color: #ffffff;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: #a72dd9;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: #ffffff;
  color: #333333;
  border: 1px solid #a72dd9;
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title {
  text-align: center;
}
.woocommerce ul.products li.product .price{
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid #ddd;
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: #a72dd9;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
    max-width: 100%;
}
input#password, input#reg_password {
    padding: 10px;
}
.woocommerce div.product form.cart .variations select{
  background-color: #ffffff; 
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
    width: 100%;
    max-width: 100%;
}
.woocommerce a.added_to_cart {
  padding: 0 .5em .5em;
  display: inline-block;
}
.woocommerce h1,.woocommerce h2,.woocommerce h3
{
  font-family: "Staatliches";
}
.woocommerce-cart table.cart td.actions .coupon .input-text
{
  width: 53%;
}
.woocommerce .woocommerce-MyAccount-navigation ul
{
  list-style-type: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a
{
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
  color: #1f1e1e;
  font-family: "Roboto";
}

/* ----------- Unit Testing ------------- */

.outer_dpage table
{
  text-align: center;
}
.outer_dpage table th
{
  text-align: center;
}

/*-------------- media section ---------------*/
@media screen and (max-width:576px) {
  #site_top .socialbox {
    text-align: left;
  }
  .row.bg-media {
    margin: 0;
  }
  .contact_details .row{
    margin: 0;
  }
  #slider h2 {
    font-size: 14px !important;
  }
  #slider .inner_carousel h2 small{
    font-size: 12px !important;
    margin-bottom: 6px;
  }
  .slider-box{
    left: 0;
    border-style: none;
    top: 40%;
  }
  .about-content p{
    font-size: 14px;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text
  {
    width: 37%;
  }
  #slider a.theme_button{
    padding: 9px 10px;
    margin-top: 10px;
    font-size: 10px;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: none !important;
  }
  .call_text{
    padding: 2em;
  }
  .inner_tabbox_bg {
    background-color: #ffffff;
    padding: 0 10px;
  }
  .nav-tabs {
    text-align: left;
  }
  li.nav-item h4 {
    font-size: 14px;
    font-weight: normal;
  }
  .call_text p{
    top: 24px;
    font-size: 12px;
  }
  .about-content p{
    font-size: 12px;
  }
  #testimonials .testimonial_box {
    padding: 20px 20px 40px 20px;
  }
  section{
    padding: 20px 0;
  }
  blockquote{
    width: 100%;
  }
  .media-small {
    padding-left: 10px !important;
  }
  .small_media {
    padding: 10px 0;
  }

  #slider p{
    margin: 0 0 9px 0;
  }
  #slider h5{
    font-size: 16px;
  }
  #slider a i{
    padding: 8px 7px;
    font-size: 14px;
    width: 30px;  
    height: 30px;
  }
  section h2{
    font-size: 22px;
  }
  .top-icon{
      top: -1%;
  }
  .above_title {
    margin-top: 2%;
  }
  .menubar {
    padding: 0 15px;
  }
  .serach_inner input.search-field {
    width: 85%;
  }
  .contact-info{
    text-align: center;
  } 
  button.owl-prev
  {
    left: -13px;
    padding: 10px 12px;
  }
  button.owl-next
  {
    padding: 10px 12px;
  }
  .home.page-template .site-header
  {
    position: unset;  
    padding-top: 15px;
  }
  
  #header .header-search
  {
    text-align: center;
    padding-top: 22px;
  }
  .header-nav
  {
    padding-top: 0;
  }
  #slider p
  {
    font-size: 18px;
    display: none;
  }
  .footer_menu ul
  {
    text-align: left;
    padding-top: 15px;
  }
  #service_single
  {
    text-align: center;
  }
  #header .search-form label
  {
    width: 53%;
  }
  input.search-field
  {
    width: 97%;
  }
  #header {
    padding-bottom: 20px;
  }
  #slider ol.carousel-indicators
  {
    bottom:40px;
  }
  .header-nav .menubar
  {
    background-color: transparent;
  }
  #header .header-search
  {
    position: unset;
  }
  #slider ol.carousel-indicators li
  {
    margin-top: 14px;
  }
  #slider .carousel-next-button
  {
    bottom: 47%;
    right: 0;
  }
  #slider .carousel-prev-button
  {
    bottom: 47%;
    left: 0;
  }
  .slider-box
  {
    padding: 0;
    max-width: 100%;
  }
  .logo h1 a
  {
    font-size: 23px;
  }
  .post-navigation .nav-previous
  {
    width: 100%;
  }
  .post-navigation .nav-next 
  {
    width: 100%;
  }
  #topbar-social-search .socialbox
  {
    text-align: center;
  }
  #topbar-social-search
  {
    text-align: center;
  }
  .topbar-email-contact .topbar-info
  {
    padding-top: 20px;
  }
  .home .header-wrap
  {
    position: unset;
  }
  .home .main-navigation ul
  {
    border:none;
  }
  #popular-courses .popular-courses-head h3:after
  {
    margin-left: auto;
    margin-right: auto;
  }
  #popular-courses .courses-content
  {
    text-align: center;
  }
  #popular-courses .courses-content .course_name
  {
    padding-top: 20px;
  }
  #about-us h3:after
  {
    margin-left: auto;
    margin-right: auto;
  }
  #about-us .about-content
  {
    text-align: center;
  }
  #about-us .view-about
  {
    margin-bottom: 20px;
  }
  #join-now .join-now-content
  {
    max-width: 100%;
  }
  #our-trainers
  {
    text-align: center;
  }
  #our-trainers .our-trainers-heading h3:after
  {
    margin-left: auto;
    margin-right: auto;
  }
  #our-trainers .trainer_name
  {
    padding-top: 20px;
  }
  #testimonials .testimonials-box
  {
    text-align: center;
  }
  #testimonials .owl-carousel .owl-item img
  {
    margin:0 auto;
  }
  #testimonials .testimonial_name
  {
    padding-top: 20px;
  }
  #testimonials .testimonials-box h3:after
  {
    margin-left: auto;
    margin-right: auto;
  }
  #testimonials .owl-dots
  {
    position: unset;
  }
  #our-blogs .blog-head
  {
    text-align: center;
  }
  #our-blogs .blog-head:after
  {
    margin-right: auto;
    margin-left: auto;
  }
  #our-blogs .our-blogs-content
  {
    text-align: center;
  }
  #our-blogs .our-blogs-content h5
  {
    padding-top: 20px;
  }
  #our-blogs .owl-dots
  {
    padding-bottom: 20px;
  }
  #popular-courses .popular-courses-head h3
  {
    text-align: center;
  }
  #our-records .our-records-head
  {
    text-align: center;
  }
  #our-records .our-records-head h3:after
  {
    margin-left: auto;
    margin-right: auto;
  }
  #our-records .owl-carousel .owl-item img
  {
    margin: 0 auto;
  }
  #our-records .our-records-content
  {
    text-align: center;
  }
  #our-records .record-title
  {
    justify-content: center;
    padding-top: 15px;
  }
  #our-gallery .gallery-heading
  {
    text-align: center;
  }
  #our-gallery .gallery-heading h3:after
  {
    margin-left: auto;
    margin-right: auto;
  }
  .our_trainers_outer .trainers_inner
  {
    text-align: center;
  }
  .our_courses_outer
  {
    text-align: center;
  }
  .search_popup input.search-submit
  {
    padding:3px 20px; 
  }
  .home.page-template .header-wrap
  {
    position: unset;
  }
}
@media screen and (min-width: 577px) and (max-width:767px){

  button.owl-next{
    right:0;
  }
  button.owl-prev{
    left:0;
  }
  .top_bar_link{
    text-align: center;
  }
  .top_bar_link a {
    display: table;
    margin: 20px auto;
    text-align: center;
  }
  .top_bar_link{
    padding: 0 15px !important;
  }

  .home.page-template .site-header {
    position: unset;
  }
  .about_box {
    margin-bottom: 30px;
  }
  .post_dec{
    display: none;
  }
  .contact_details {
    padding: 12px 0;
    position: static;
    right: 0;
    top: 50%;
    transform: unset;
  }
  .logo_footer {
    margin-bottom: 20px;
  }
  .footer_form {
     padding: 0; 
  }
  .postbox h3{
    line-height: 22px;
  }
  #latest_post .owl-nav {
    position: static;
    margin: 0 auto;
    text-align: center;
  }
  .meta_post span {
    font-size: 12px;
  }
  .postbox .postbox-content{
    padding: 5px 15px;
  }
  .search-box span {
    float: right;
  }
  .contact_details ul li{
    display: block;
    color: #ffffff;
  }
  .left-side-content {
    text-align: left;
  }
  ul.right-side-content{
    margin: 0;
    text-align: center;
  }
  .left-side-content li{
    padding-bottom: 10px
  }
  .about-content a {
    margin-bottom: 10px;
  }
  .project_tab_content .box {
    margin-top: 15px;
  }
  .about-content{
    margin: 0;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text
  {
    width: 37%;
  }
  #slider h2{
    font-size: 22px;
    padding-top: 0;
  }
  #slider .inner_carousel h2 small{
    font-size: 15px !important;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  #slider p.font-weight-bold {
      display: none;
  }
  #our-services .page-box{
    margin-bottom:0.5em;
    margin-top:20px;
  }
  #header .logo a.custom-logo-link{
    position: static;
  }
  .mid-content {
    position: static;
    top: 0;
    transform: unset;
  }
  .fadeInRight{
    animation-name: unset !important;
  }
  .site-title{
    font-size: 34px;
  }
  .site-description{
    font-size: 14px;
  }
  .main-header{
    margin-bottom: 25px;
  }
  .header-title{
    padding: 30px 0;
  }
  .main-title{
    font-size: 30px;
  }
  #masthead{
    min-height: 60px;
  }
  #masthead #site-branding img,
  #masthead.scrolled #site-branding img{
    max-height: 40px;
    width: auto;
  }
  .main-navigation li,
  #masthead.scrolled .main-navigation li{
    display: block;
    line-height: 1.5 !important;
  }
  .sf-arrows .sf-with-ul{
    padding-right: 0;
  }
  .menu > ul > li > a{
    padding: 10px 0;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .slide-cta{
    float: none;
    width: 100%;
    padding: 15px 0 0 0;
    text-align: center;
  }
  #home-slider-section .bx-wrapper .bx-controls-direction a{
    display: none;
  }
  .slide-button-left,
  .slide-button-right{
    padding: 7px 25px 7px 25px;
    min-width: 160px;
    font-size: 16px;
  }
 
  .about-sec,
  .about-image{
    width: auto;
    float: none;
  }
  .about-sec{
    margin-bottom: 40px;
  }
  .about-image{
    max-width: 400px;
    margin: 0 auto;
  }
  #cta-section .cta-left{
    width: 100%;
    float: none;
    text-align: center;
  }
  .site-info{
    float: none;
    width: 100%;
    text-align: center;
  }
  #footer-menu ul {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
  .woocommerce div.product div.images .flex-control-thumbs{
    margin: 10px 0 0 0;
  }
  .innermenubox {
    position: static;
  }
  .contact-box .wpcf7 input[type="text"],
  .contact-box .wpcf7 input[type="email"],
  .contact-box .wpcf7 textarea{
    width: 100% !important;
  }
  #slider .carousel-prev-button
  {
    top: 40%;
    left:0px;
  }
  #slider .carousel-next-button
  {
    top: 40%;
    margin-left: 25px;
    right: 0;
  }
 
  #slider p
  {
    margin: 0;
  }
  .slider-box
  {
    max-width: 83%;
  }
  .footer_menu ul
  {
    text-align: left;
  }

  .header-nav
  {
    padding-top: 6px;
  }

  #slider ol.carousel-indicators
  {
    bottom: 30px;
  }
  .header-nav .menubar
  {
    background-color: transparent;
  }

  .toggle-nav

  #slider .read-more
  {
    padding: 11px 23px;
  }
  .logo h1 a
  {
    font-size: 23px;
  }
  #header .logo
  {
    text-align: center;
    padding-bottom: 20px;
  }
  .home .header-wrap
  {
    position: unset;
  }
  .home .main-navigation ul
  {
    border-bottom: none;
  }
  #popular-courses .courses-content
  {
    text-align: center;
  }
  #popular-courses .courses-content .course_name
  {
    padding-top: 20px;
  }
  #about-us .view-about
  {
    margin-bottom: 20px;
  }
  #our-courses .our-courses-content .our-courses-box
  {
    bottom: -4px;
  }
  #our-courses .our-courses-content i
  {
    float: none;
    margin-top: 6px;
  }
  #our-courses .our-courses-content h5 a
  {
    font-size: 20px;
  }
  #join-now .join-now-content
  {
    max-width: 90%;
  }
  #our-trainers .our-trainers-content
  {
    text-align:center;
  }
  #our-trainers .our-trainers-content .trainer_name
  {
    padding-top: 20px;
  }
  #our-blogs .our-blogs-content
  {
    text-align: center;
  }
  #our-blogs .our-blogs-content h5
  {
    padding-top: 20px;
  }
  #our-blogs .owl-dots
  {
    padding-bottom: 30px;
  }
  #our-blogs .blog-head
  {
    text-align: center;
  }
  #our-blogs .blog-head:after
  {
    margin-left: auto;
    margin-right: auto;
  }
  #footer #site-navigation ul li
  {
    display: inline-block;
  }
  #footer .footer-links
  {
    padding: 20px 0;
  }
  #topbar-social-search
  {
    text-align: center;
  }
  #topbar-social-search .socialbox
  {
    text-align: center;
  }
  #our-packages .package-content .fa-angle-right
  {
    bottom: 68px;
    right: 26px;
  }
  #our-packages .package-content h5
  {
    font-size: 21px;
  }
  .our_trainers_outer .trainers_inner
  {
    text-align: center;
  }
  .our_courses_outer
  {
    text-align: center;
  }
  #our-courses .our-courses-content .blog_text
  {
    line-height: 20px;
  }
  #our-courses .box .box-content
  {
    padding-top: 1%;
  }
  .home.page-template .header-wrap
  {
    position: unset;
  }
}
@media screen and (max-width:719px) {
  .menubar.scrolled.hmenu {
    background-color: #222222;
    height: auto; 
  }
  .contact-info {
    margin: 0 !important;
  }
  .search-box{
    float: none;
  }
  .menubar .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  span{
    text-align: center;
  }
  #we_are_expert{
    background-size: cover;
  }
  #portfolio .box .post{
    text-align: left;
  }
}
@media screen and (min-width: 768px) and (max-width:991px) {

  .post_dec{
    display: none;
  }
  .top_bar_link a{
    font-size: 12px;
    padding: 9px;
  }
  .record_box3, .record_box4{
    margin-bottom: 3rem !important;
  }
  #header
  {
    padding-top: 0;
  }
  .header-nav
  {
    padding-top: 0;
  }
  #slider h2
  {
    font-size: 24px;
    padding-top: 0;
  }
  #slider p
  {
    margin: 0;
  }
  #slider .carousel-prev-button
  {
    top: 40%;
    left: 0;
  }
  #slider .carousel-next-button
  {
    top:40%;
    right: 0;
  }
  .search-form button i {
    font-size: 12px !important;
    padding-right: 2px !important;
  }
  .header-nav .menubar
  {
    background-color: transparent;
  }
  #header .header-search
  {
    position: unset;
  }
  
  #slider .read-more
  {
    padding: 11px 23px;
  }
  .slider-box
  {
    top: 52%;
    max-width: 90%;
  }
  #slider ol.carousel-indicators
  {
    bottom: 40px;
  }
  .header-wrap
  {
    z-index: 999;
  }
  #topbar-social-search
  {
    text-align:center;
  }
  #topbar-social-search .socialbox
  {
    text-align: center;
  }
  #popular-courses .courses-content
  {
    text-align: center;
  }
  #popular-courses .courses-content .course_name
  {
    padding-top: 20px;
  }
  #about-us
  {
    padding-bottom: 40px;
  }
  #join-now .join-now-content
  {
    max-width: 87%;
  }
  #testimonials .owl-dots
  {
    position: unset;
    padding-top: 30px;
    text-align: center;
  }
  #testimonials .testimonial_text
  {
    padding-bottom: 12px;
  }
  #testimonials .testimonials-box
  {
    padding: 15px 20px;
  }
  .home .main-navigation ul
  {
    border-bottom: none;
  }
  #footer #site-navigation ul li
  {
    padding-top: 14px;
    padding-bottom: 11px;
  }
}
@media screen and (max-width: 1024px) and (min-width:991px){
  #how-we-work .work-box:before{
     border-left: 46px solid #2b3546;
     border-top: 54px solid transparent;
  }
   #team .team-image img {
    width: 100% !important;
  }
  .toggle-nav {
    right: 0px;
  }
  .search-box{
    float: none;
  }
  .search-box form.search-form{
    margin: 0 auto;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  
  #slider .inner_carousel h2 small{
    margin-bottom: 4px;
    font-size: 16px !important;
  }
  #slider a.theme_button{
    padding: 10px 11px;
    margin-top: 0px;
  }

  .socialbox a i{
    font-size: 12px;
    width: auto;
    padding: 12px 13px;
  }
  small {
    font-size: 13px !important;
  }

  .teambox{
    margin-bottom: 30px;
  }   
  .postbox{ 
    margin-bottom: 20px; 
  }
  #slider .carousel-prev-button
  {
    left: 0;
    bottom: 47%;
  }
  #slider .carousel-next-button
  {
    right: 0;
    bottom: 47%;
  }
  .slider-box
  {
    max-width: 82%;
    top: 47%;
  }
  .logo h1 a
  {
    font-size: 18px;
  }
  .widget th, .widget td
  {
    padding: 0;
  }
  #header .header-search
  {
    padding: 22px 4px;
  }
  
  #slider ol.carousel-indicators
  {
    bottom: 40px;
  }
  #slider h2
  {
    font-size: 34px;
    padding-top: 30px;
  }
  .header-wrap
  {
    z-index: 999;
  }
  #about-us .about-content
  {
    padding-top: 31px;
  }
  .our_courses_outer .course-meta span
  {
    padding: 5px 0;
  }
}
@media screen and (max-width: 1024px){
  .list_outer {
    padding: 20px 20px;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .top_bar_btn a.theme_button {
    position: static;
    top: 0;
    transform: unset;
  }
  .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: block;
    position: relative;
    float: right;
    right: 15px;
    width: 30px;
    cursor: pointer;
    margin: 0 auto;
    z-index: 999999;
    right: 0;
    text-align: right;
    right: 0;
    margin-right: 0;
    margin-top: 5px;
  }
  .toggle-nav i {
    font-size: 29px;
    color: #fff;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .innermenubox {
    position: static;
    padding-bottom: 10px;
  }

  .main-navigation .menu{
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .menu > ul > li:hover:before, 
  .menu > ul > li.current_page_item:before, 
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    border-top-color: #333;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .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;
    padding: 5px;
  }
  .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;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .top_bar_btn{
    padding:0;
  }
  .main-navigation li.current_page_item
  {
    border:none;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1025px) { 

  #slider .carousel-prev-button
  {
    left:0;
    bottom: 31%;
  }
  #slider .carousel-next-button
  {
    right: 0;
    bottom: 31%;
  }
  .slider-box
  {
    max-width: 82%;
    top: 63%;
  }
  #slider ol.carousel-indicators
  {
    bottom: 40px;
  }
  .logo h1 a
  {
    font-size: 18px;
  }
  .widget th, .widget td
  {
    padding: 0;
  }
  #about-us .about-content
  {
    padding-top: 31px;
  }
  .our_courses_outer .course-meta span
  {
    padding: 5px 0;
  }
}