/*
Theme Name: Car Repair Pro
Theme URI: https://www.themespride.com/products/car-repair-wordpress-theme/
Author: ThemesPride
Author URI: https://www.themespride.com/
Description: Car Repair WordPress Theme is a perfect choice for any small business related to auto parts and vehicles business and maintenance services. The theme is executed on bootstrap framework. As it is a premium one, it has all the advance options available for customization. You can utilize the advance colour options and colour pallets and make your website look stunning. The advance slider with a number of slider images upload option is also available. Also, 100+ font family options are available. It has full integration with font awesome icon. To show your credibility you can link all your social media pages to the site with advance social media option. The codes used to create Car Repair WordPress theme are clean and secure. You can make your website look professional by adding background images with background image option and parallax background image section.
Version: 0.4
Tested up to: 5.7
Requires PHP: 7.2
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: car-repair-pro
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, post-formats, threaded-comments, translation-ready, blog, e-commerce, portfolio

Car Repair WordPress Theme, Copyright 2018 ThemesPride
Car Repair is distributed under the terms of the GNU GPL

*/
/* Basic Style */
#sidebar h3{
  color: black !important;
}
*{
  margin:0;
  padding:0;
  outline:none;
}
.entry-title{
  margin-top: 10px;
}
html body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  position:relative;
  font-size: 14px;
  color:#5b5b5b;
  font-family: 'Montserrat';
}
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;
  line-height: 1.4;
  letter-spacing: 1px;
  color: #151515;
  font-family: 'Oswald';
}
p{
  margin:0 0 15px;
  padding:0;
  font-size:14px;
  font-weight:normal;
}
p, ul li a{
  letter-spacing: 0px;
  font-family: "Roboto";
}
body a{
  text-decoration:none;
  color:#2bc94c;
}
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: 16px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  background:#ececec;
}

blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -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 !important;
    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: 40px 0;
  background-attachment: fixed;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  border: none;
  background-color: #2bc94c;
}
input[type="submit"]:hover{
  cursor: pointer;
}
.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;
}
.modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%) !important;
  }
.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;
}
.sticky{
  margin:0;
  padding:0;
  background-color:#d7d7d7;
}
.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;
}
.middle-align{
  margin-top: 20px;
}
.page-title{
  margin: 20px 0;
}
a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
table, td, th {
  border: 1px solid black;
}
/*-------------------------- Calendar widget --------------------------*/
li.woocommerce-MyAccount-navigation-link{
  list-style-type: none;
  background-color: #2bc94c;
  height: 50px;
  width: 200px;
  padding: 10px;
  margin: 10px;
}
li.woocommerce-MyAccount-navigation-link a{
  color: white;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.45em;
  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;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #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: 0em;
}
/*-------------------- 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: 1px solid #2bc94c;
  background: #2bc94c;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 9px 20px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 30px;
}
a.theme_button {
  color: #ffffff;
  border: none;
  margin-top: 8px;
  letter-spacing: 1px;
  padding: 9px 20px;
  font-size: 14px;
  font-weight: bold;
  background: #151515;
  border-radius: 40px;
}
button:focus {
    outline: none;
}
.theme_button i{
  padding-left: 5px;
}
.slidr-button {
    border: 1px solid #2bc94c;
    border-radius: 30px;
    padding: 9px 20px;
    background: #2bc94c;
    float: left;
}
.slidr-button.contact-slide:hover{
  background: #000;
  border: 1px solid #000;
}
.slidr-button:hover{
  background: #000;
  border: 1px solid #000;
}
.slidr-button a{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 25px;
  color: #ffffff;
  font-family: "Oswald";
  font-weight: 500;
}

/* --------------------------Top Bar---------------------------- */

.contact_details ul li {
  list-style: none;
  display: inline;
  color: #ffffff;
}
.top_bar {
  background-color: #2bc94c;
  padding: 5px;
}
.contact_details {
}
.contact_details ul li.search-box span {
  border: none;
  padding: 15px 18px;
  margin-right: 0;
}
.contact_details ul li span {
  padding-right: 10px;
  font-size: 13px;
}
.contact_details span.hi_normal {
  font-size: 12px;
  color: #151515;
  font-weight: 400;
  font-family: "Open Sans";
}
span.his_normal {
  font-size: 12px;
  color: white;
  font-weight: 400;
  font-family: "Open Sans";
}
.contact_details i{
  color: white;
  cursor: pointer;
  border-radius: 50%;
}
.right:after {
  content: '';
  border-left: 8px solid #2bc94c;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 29%;
  left: 71px;
}
.topbar-icon.right:after{
  content: '';
  border-left: 8px solid #2bc94c;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 29%;
  left: 69px;
}
.serach_outer i{
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
}
.contact_details p {
  color: #033333;
  font-size: 15px;
  margin: 0 0 0 !important;
}
p.hi_bold {
  color: #1e1d1c;
}
p.hi_normal {
  color: #757575;
}
.contact_details ul li span i {
  padding-right: 6px;
  color: #ffffff;
}
.contact_details ul li a {
  color: #ffffff;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
.socialbox a i{
  width: auto;
}
.socialbox a i:hover {
  color: #000;
}
.socialbox a {
  padding: 2px;
}
.logo h1 {
  padding-top: 0px;
}

/* --------------------------Header---------------------------- */
#header .col-lg-2.col-md-3.top_bar_btn {
  margin-top: 5px;
}
ul.right-side-content {
  float: right;
}
.page-template-home-page #header {
  position: absolute;
    width: 100%;
    z-index: 9999;
    background-color: transparent;
}
#header .logo img{
  max-height: 123px;
  width: auto;
}
#header {
  background-color: #ffffff;
  width: 100%;
  float: left;
  border-bottom: 1px solid #ccc;
}
#topbar {
  border-top: 10px solid #435061;
}
#site_top .customize-partial-edit-shortcut button{
  left: 0px;
}
.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-top: -4px;
  padding: 10px 0;
}
#header .logo h1, #footer .logo h1{
  font-weight:700;
  padding:0;
  margin-bottom:8px;
  font-size:26px;
  font-weight:bold;
  margin-top: 0;
}
.logo a.custom-logo-link{
  color:#000000;
}
.logo h1 a, .logo h1 a{
  color: #2bc94c;
  text-transform: uppercase;
}
.logo p{
  color: #2bc94c;
  margin-bottom: 0;
  font-size: 14px;
}
#header .top-contact{
  padding:12px 0;
  font-size:15px;
}
.menubar .social-media{
  padding:12px 0;
  text-align:center;
}



/*----------------Menu bar-----------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
    margin: 0 auto;
    text-align: center;
    display: block;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;

}
.main-navigation li{
 position: relative;
 margin-top: 5px;
 padding: 10px;
 display: inline-block;
}
.main-navigation li:last-child{
  border-right: none;
}
.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  position: relative;
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 14px;
  color: #a2a2a2 ;
  font-family: "Oswald";
  font-weight: 300;
}
.socialbox i{
  color: white;
}
.socialbox i:hover{
  color: #2bc94c !important;
}
.main-navigation a:hover{
  color: #2bc94c;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #F6F6F6;
  min-width: 200px;
  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;
  padding: 8px 0px;
  font-size: 14px;
  line-height: 1.5;
}
.main-navigation ul ul a:hover{
  color: #2bc94c ;
}
.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 .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color: #2bc94c !important;
}

.main-navigation .menu > ul > li.highlight{
  background-color: #2bc94c;
}
h1 a{
  font-size: 30px;
}
h1{
  padding: 0;
}
.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: #1e1d1c;
}

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

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
.search-box{
  display: inline;
}
.search-icon{
  cursor: pointer;
}
.search-icon i{
  color: #151515;
}
ul.sub-menu li {
  padding: 5px 15px;
}

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

/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    right: 0;
    margin-top: 19px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #a2a2a2;
}
.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;
}

/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999;
  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: 20%;
  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;
   padding: 0;
   border-radius: 0;
   background: #ffffff;
   margin: 0 auto;
   max-width: 700px;
   width: 100%;
}
.serach_inner form.search-form {
  display: table;
  border: 1px solid #bababf;
  padding: 14px 20px;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
  border-radius: 30px;
}
.serach-page input.search-field {
    border: 1px solid #2bc94c;
    padding: 9px;
}
.search_popup input.search-submit {
  border: 0;
}
.search_popup label {
  background: transparent;
  width: 84%;
}
.search_popup input.search-field {
  padding: 1.5% 0;
  background: transparent;
  width: 100%;
  text-indent: 8px;
}
.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
.menubar .social-media a:hover{
  color:#3890cb;
}
.consultation a {
  border: 2px solid #fff;
  padding: 8px 7px;
  padding-left: 0;
}
.consultation {
    background-size: cover;
    background-repeat: no-repeat;
}
.consultation span {
  padding: 0 3px;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
}
ul.search-consult {
  padding: 0;
}
/*----------------------  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: #22272b;
  padding: 0 0 10px;
  margin: 0;
  font-weight: 900;
  letter-spacing: 3px;
}
section h3 {
  font-weight: 900;
  color: #2bc94c;
  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%;
}
.owl-dots {
    display: none;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/*------------------------- About-----------------------------*/
#about {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.about-heading h3{
  font-size: 20px;
  color: #2bc94c;
  font-family: 'Oswald';
  font-weight: bold;
}
.about-heading h4{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 40px;
  color: #555a5e;
  font-family: "Montserrat";
  font-weight: bold;
  padding-bottom: 30px;
}
.about-heading img{
  text-align: right;
}
.about-content a {
  display: inline-block;
}
#about ul li {
  list-style: none;
}

#about h3:after {
    left: 18%;
    color: "";
    content: "";
    background-color: #2bc94c;
    width: 67px;
    position: absolute;
    height: 2px;
    top: 10px;
}
#about h3:before {
    left: 18%;
    color: "";
    content: "";
    background-color: #2bc94c;
    width: 100px;
    position: absolute;
    height: 2px;
    top: 18px;
}
h4.subheading {
    color: #000;
    font-size: 39px;
    font-family: "Oswald";
}
#about a.about_button{
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 25px;
    color: #fff;
    font-family: "Oswald";
    font-weight: 500;
    padding-left: 13px;
}
.li_content i{
  color: #2bc94c;
}
.about_img img {
   position: relative;
    top: -33px;
}
.about-content {
    margin-right: 20px;
}
/*color*/
.section h3{
  color: #2bc94c;
}
#footer h3{
  color: #2bc94c;
}
#footer h3:after,#footer h2:after {
    left: 18%;
    color: "";
    content: "";
    background-color: #2bc94c;
    width: 67px;
    position: absolute;
    height: 2px;
    top: 10px;
    left: 110px;
}
#footer h3:before,#footer h2:before {
    left: 18%;
    color: "";
    content: "";
    background-color: #2bc94c;
    width: 100px;
    position: absolute;
    height: 2px;
    top: 18px;
    left: 110px;
}
.about_button{
  font-size: 16px;
  letter-spacing: 0px;
  color: #000;
  font-family: "Oswald";
}
.about_button i{
  font-size: 15px;
  margin-left: 3px;
}
.radius-para p {
    font-size: 15px;
    color: #676767;
    font-family: "Roboto";
    font-weight: 500;
}
#our_record{
  margin-top: 25px;
}
#our_record .counter-icon {
  text-align: left;
}
#our_record i.fas.fa-check {
    margin-right: 10px;
    color: #2bc94c;
}

#our_record button.owl-dot.active {
  background-color: #ff6589;
  border: solid 2px #ff6589;
}
#our_record button:focus {
    outline: inherit !important;
}
.about-button {
    border: 1px solid #2bc94c;
    border-radius: 30px;
    padding: 9px 20px;
    background: #2bc94c;
    float: left;
}
.about-button:hover {
    border: 1px solid #000 !important;
    background: #000;
}
.about-button i {
    font-size: 20px;
    color: #fff;
    position: relative;
    top: 4px;
}
/*---------------------------------------Service Section-----------------*/
#services h3:after {
    left: 20%;
    content: "";
    background-color: #2bc94c;
    width: 67px;
    position: absolute;
    height: 2px;
    top: 18px;
}
#services h3:before {
    left: 20%;
    content: "";
    background-color: #2bc94c;
    width: 100px;
    position: absolute;
    height: 2px;
    top: 26px;
}
#services .about-heading h3 {
    font-size: 20px;
    color: #2bc94c;
    font-family: 'Oswald';
    font-weight: bold;
}
#services h4.subheading {
    font-size: 39px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 600;
}
h3.service-heading {
    font-size: 20px;
    line-height: 39px;
    color: #2bc94c;
    font-family: "Oswald";
    font-weight: 500;
}
.service_details h5 {
    font-size: 18px;
    letter-spacing: 0px;
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 500;
    text-align: center;
}
.service-img {
    text-align: center;
}
.service_box {
    background: #2bc94c;
    border-right: 1px solid #e64b32;
}
.service_box:hover {
    background: black;
}
.service-main {
    position: relative;
    top: 40px;
}
.service-main-box {
    padding: 30px 0;
}
.service_box:last-child {
    border-right:  none;
}
#services .service-main-box: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);
}
#services {
    background-attachment: unset;
}
a.servicebtn {
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 500;
    text-align: center;
    padding-left: 13px;
}
a.servicebtn:hover{
  color: #ffffff;
}
.service-button i {
    color: #fff;
    font-size: 15px;
}
.service-button {
    border: 1px solid #fff;
    float: right;
    border-radius: 30px;
    padding: 9px 20px;
}
.service-button:hover {
  background: #2bc94c;
  border-color: #2bc94c;
}
.service_details a {
  color: #fff;
}
/*-------------------------Video -----------------------------*/
#choosevideo {
  padding: 40px 0;
}
h3.video-heading {
    text-align: center;
    font-size: 46px;
    line-height: 65px;
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 500;
    text-align: center;
}
.aboutvideo-heading p.subheading {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 26px;
    color: #ffffff;
    font-family: "Roboto";
    font-weight: 500;
    text-align: center;
}
.aboutvideo-heading {
    padding-bottom: 43px;
}
.video_bgimg {
    background-size: 100% 100%;
    background-attachment: fixed;
}
.play-button {
    text-align: center;
    padding: 7em 0 4em 0;
}
.play-button i {
    color: #ffffff;
    font-size: 20px;
    line-height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 68px;
    width: 68px;
    padding: 12px;
}

/*----------------------- Why Choose section-------------------*/
h3.whychoose-heading {
    font-size: 20px;
    color: #2bc94c;
    font-family: "Oswald";
    font-weight: 500;
}
#why_choose_us h4.subheading {
    font-size: 39px;
    letter-spacing: 1px;
    line-height: 54px;
    color: #151515;
    font-family: "Oswald";
    font-weight: 600;
}
#why_choose_us h3.whychoose-heading:after {
    left: 16%;
    content: "";
    background-color: #2bc94c;
    width: 67px;
    position: absolute;
    height: 2px;
    top: 7px;
}
#why_choose_us h3.whychoose-heading:before {
    left: 16%;
    content: "";
    background-color: #2bc94c;
    width: 100px;
    position: absolute;
    height: 2px;
    top: 15px;
}
#why_choose_us p {
    font-size: 14px;
    letter-spacing: 1px;
    color: #a4a4a4;
    font-family: "Roboto";
    font-weight: 500;
}
h4.whychoose_title {
    font-size: 20px;
    letter-spacing: 1px;
    color: #151515;
    font-family: "Oswald";
    font-weight: 500;
}
.icon_choose i {
    border: 1px solid #141414;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    padding: 16px 19px;
    font-size: 25px;
    background: #141414;
    color: #fff;
}
.icon-box {
    display: flex;
    align-items: center;
}
.why-choose-box {
    padding: 10px;
    /* margin: 10px; */
}
.whychoose-box {
    border: 2px solid #9e9d9e;
    border-radius: 50px;
    padding: 0 8px;
}
.why-choose-box:hover .whychoose-box {
    border-color: #2bc94c;
}
.why-choose-box:hover .icon_choose i {
    border-color: #2bc94c;
    background: #2bc94c;
}
/*------------------------Testimonials -----------------------------*/
.testimonial-heading h3 {
    font-size: 20px;
    line-height: 39px;
    color: #2bc94c;
    font-family: "Oswald";
    font-weight: 500;
    text-align: left;
}
#testimonials .testimonial-heading h3:after {
    left: 21%;
    content: "";
    background-color: #2bc94c;
    width: 67px;
    position: absolute;
    height: 2px;
    top: 16px;
}
#testimonials .testimonial-heading h3:before {
    left: 21%;
    content: "";
    background-color: #2bc94c;
    width: 100px;
    position: absolute;
    height: 2px;
    top: 24px;
}
.testimonial-subheading h4 {
    font-size: 39px;
    letter-spacing: 1px;
    line-height: 54px;
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 600;
    text-align: left;
}
#testimonials .testimonial_box {
    padding: 30px 60px;
    text-align: left;
    border-bottom: 1px solid #f1f1f1;
}
.testimonial-box p{
    color: #464547;
    font-size: 16px;
    font-family: 'roboto';
    letter-spacing: 1px;
}
a.testimonialbtn {
    padding-left: 13px;
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 500;
    text-align: center;
}
a.testimonialbtn:hover{
  color: white;
}
.testimonial-button i {
    color: #fff;
    font-size: 15px;
}
.testimonial-button:hover {
  background: #2bc94c;
  border-color: #2bc94c;
}
.testimonial-button {
    border: 1px solid #fff;
    float: right;
    border-radius: 30px;
    padding: 9px 20px;
}
.inner-test-bg .short_text {
    text-align: left;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 26px;
    color: #9d9d9d;
    font-family: "Roboto";
    font-weight: 500;
}
.textimonial-img img {
  border-radius: 50%;
}
.testimonial_box{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #ffffff;
}
.test_shortcode_bg {
  background-color: #ddd;
  padding: 30px 0;
}
.testimonial_name a {
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 28px;
  color: #151515;
  font-family: "Oswald";
  font-weight: 500;
}
#testimonials button.owl-dot {
  width: 10px;
  height: 10px;
  margin: 10px;
  background-color: #969696;
  border: 2px solid #969696;
  border-radius: 50%;
  position: relative;
  bottom: 6.59em;
}
#testimonials button.owl-dot.active {
  background-color: #2bc94c;
  border: 2px solid #2bc94c;
}
#testimonials .owl-dots {
    display: block;
    text-align: right;
    padding: 0 6.7em;
}
#testimonials {
    background-attachment: unset;
    background-size: 100%;
}
.inner_socio a i {
    margin: 0 9px;
    color: #a1a1a1;
    font-size: 17px;
}
.inner_socio a i:hover {
    color: #2bc94c;
}
.testimonial-box:hover .testimonial_name a {
    color: #2bc94c;
}
.testimonial-box:hover p {
    color: #2bc94c;
}
/*------------------------- Our Brands -----------------------------*/
h3.brand-heading {
    font-size: 20px;
    line-height: 39px;
    color: #2bc94c;
    font-family: "Oswald";
    font-weight: 500;
}
#our_brands h3.brand-heading:after {
    left: 17%;
    content: "";
    background-color: #2bc94c;
    width: 67px;
    position: absolute;
    height: 2px;
    top: 15px;
}
#our_brands h3.brand-heading:before {
    left: 17%;
    content: "";
    background-color: #2bc94c;
    width: 100px;
    position: absolute;
    height: 2px;
    top: 23px;
}
a.brandbtn {
    font-size: 18px;
    letter-spacing: 1px;
    color: #9e9e9e;
    font-family: "Oswald";
    font-weight: 500;
    text-align: center;
    padding-left: 13px;
}
.brand-button i {
    color: #9e9e9e;
    font-size: 15px;
}
.brand-button:hover {
  background: #2bc94c;
  border-color: #2bc94c;
}
.brand-button {
    border: 1px solid #9e9e9e;
    float: right;
    border-radius: 30px;
    padding: 9px 20px;
}

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

h4.count {
    font-size: 60px;
    letter-spacing: 2px;
    line-height: 76px;
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 600;
}
#record .radius-para p {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 500;
}
#record .icon{
    display: flex;
    align-items: flex-end;
}
.icon_record {
    position: absolute;
    bottom: 1px;
}
.icon_record i {
  border: 1px solid #2bc94c;
  border-radius: 50%;
  padding: 15px 15px;
  font-size: 25px;
  color: #fff;
  background: #2bc94c;
}
.icon_record.right:after {
  content: '';
  border-left: 8px solid #2bc94c;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 32%;
  left: 55px;
}
#record {
    background-size: 100% 100%;
}
/*--------------------------Product Section--------------------*/
#our_products .owl-stage-outer {
    padding-bottom: 40px;
}
.product-button:hover {
  background: #2bc94c;
  border-color: #2bc94c;
}
.product-button:hover a.productbtn, .product-button:hover i{
      color: #ffffff;
}
.product-price {
    margin-bottom: 15px;
    text-align: center;
}
.our-product-button {
    text-align: center;
    border: 1px solid #9e9e9e;
    border-radius: 30px;
    width: 70%;
    padding: 8px 0px;
    position: relative;
    left: 38px;
    bottom: -4px;
}
.our-product-button a {
    background: transparent;
    border: none;
    color: #9e9e9e;
    font-size: 14px;
}
.our-product-button:hover {
    background: #2bc94c;
    border-color: #2bc94c;
}
.our-product-button a:hover {
    color: #fff;
}
.our-product-button:hover i{
  color: #fff;
}
.product-title h6 {
    text-align: center;
    color: #141414;
    font-weight: bold;
}
h3.product-heading{
    font-size: 20px;
    line-height: 39px;
    color: #2bc94c;
    font-family: "Oswald";
    font-weight: 500;
}
#our_products h3.product-heading:after {
    left: 19%;
    content: "";
    background-color: #2bc94c;
    width: 67px;
    position: absolute;
    height: 2px;
    top: 17px;
}
#our_products h3.product-heading:before {
    left: 19%;
    content: "";
    background-color: #2bc94c;
    width: 100px;
    position: absolute;
    height: 2px;
    top: 25px;
}
.ourproduct-heading h4 {
    font-size: 39px;
    letter-spacing: 1px;
    line-height: 54px;
    color: #151515;
    font-family: "Oswald";
    font-weight: 600;
}
a.productbtn {
    font-size: 18px;
    letter-spacing: 1px;
    color: #9e9e9e;
    font-family: "Oswald";
    font-weight: 500;
    text-align: center;
    padding-left: 13px;
}
.product-button i {
    color: #9e9e9e;
    font-size: 15px;
}
.product-button {
    border: 1px solid #9e9e9e;
    float: right;
    border-radius: 30px;
    padding: 9px 20px;
}
span.onsale {
    border: 1px solid #141414;
    border-radius: 50%;
    padding: 20px 11px;
    background: #141414;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 20px;
}
#our_products .our-products-content:hover span.onsale{
  background: #2bc94c;
  border-color: #2bc94c;
}
#our_products .our-products-content:hover .product-title h6{
  color: #2bc94c;
}
/*-------------------------Our Features----------------------*/
.feature-heading h3 {
    font-size: 20px;
    line-height: 39px;
    color: #2bc94c;
    font-family: "Oswald";
    font-weight: 500;
}
#our_feature .feature-heading h3:after {
    left: 25%;
    content: "";
    background-color: #2bc94c;
    width: 67px;
    position: absolute;
    height: 2px;
    top: 18px;
}
#our_feature .feature-heading h3:before {
    left: 25%;
    content: "";
    background-color: #2bc94c;
    width: 100px;
    position: absolute;
    height: 2px;
    top: 26px;
}
.feature-subheading h4 {
    font-size: 39px;
    letter-spacing: 1px;
    line-height: 54px;
    color: #151515;
    font-family: "Oswald";
    font-weight: 600;
}
a.featurebtn {
    font-size: 18px;
    letter-spacing: 1px;
    color: #999999;
    font-family: "Oswald";
    font-weight: 500;
    text-align: center;
    padding-left: 13px;
}
.feature-button i {
    color: #9e9e9e;
    font-size: 15px;
}
.feature-button {
    border: 1px solid #9e9e9e;
    float: right;
    border-radius: 30px;
    padding: 9px 20px;
}
.feature-button:hover {
  background: #2bc94c;
  border-color: #2bc94c;
}
h4.car_name a {
    font-size: 22px;
    letter-spacing: 1px;
    color: #151515;
    font-family: "Oswald";
    font-weight: 500;
}
.car_name a:hover {
    color: #2bc94c;
}
span.price-field {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 50px;
    color: #999999;
    font-family: "Oswald";
    font-weight: 500;
}
span.meta-name {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 36px;
    color: #999999;
    font-family: "Roboto";
    font-weight: 500;
}
ul.price {
    list-style: none;
}
#our_feature {
    background: #f7f7f7;
}
.car_box {
    box-shadow: 0px 0px 6px 0px;
    padding: 20px 30px;
    background: #ffffff;
}
.feature-meta-field i {
    font-size: 14px;
    color: #999999;
}
.reviews i {
    color: #999999;
}

#our_feature .image-box{
    text-align: center;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    overflow: hidden;
    position: relative;
}
#our_feature .image-box img{
    width: 100%;
    height: auto;
    transition: all 0.5s ease 0s;
}
#our_feature .image-box:hover img{
    transform: scale(1.2);
}
/*------------------------- Gallery -----------------------------*/

#business_gallery {
    background-size: 100%;
    background-attachment: scroll;
}
h3.gallery-heading {
    font-size: 20px;
    color: #000000;
    font-family: "Oswald";
    font-weight: 500;
}
h4.gallery-subheading {
    font-size: 39px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 600;
}
#business_gallery h3.gallery-heading:after {
    left: 13%;
    content: "";
    background-color: #000;
    width: 67px;
    position: absolute;
    height: 2px;
    top: 9px;
}
#business_gallery h3.gallery-heading:before {
    left: 13%;
    content: "";
    background-color: #000;
    width: 100px;
    position: absolute;
    height: 2px;
    top: 17px;
}
/*-----------------Heading-----------------*/
.gallery-subheading p {
  color: #555a5e;
  font-family: Montserrat;
  font-size: 14px;
  padding: 10px 0px 10px 0px;
}

.gallery-head {
  text-align: center;
  padding: 15px;
}
.gallery-heading h3 {
  font-size: 40px;
  color: #151515;
  font-family: "Charm";
  font-weight: bold;
  text-align: center;
}


/*-------------------------Team -----------------------------*/
.team-heading h3 {
  font-size: 20px;
  line-height: 39px;
  color: #2bc94c;
  font-family: "Oswald";
  font-weight: 500;
  text-align: left;
}
.team-subheading h4 {
  font-size: 39px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Oswald";
  font-weight: 600;
  text-align: left;
}
#team .team-heading h3:after {
    left: 18%;
    content: "";
    background-color: #2bc94c;
    width: 67px;
    position: absolute;
    height: 2px;
    top: 15px;
}
#team .team-heading h3:before {
    left: 18%;
    content: "";
    background-color: #2bc94c;
    width: 100px;
    position: absolute;
    height: 2px;
    top: 23px;
}
.team-image img {
    width: 100%;
}
.team-button {
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 9px 20px;
    float: right;
}
.team-button:hover {
  background: #2bc94c;
  border-color: #2bc94c;
}
a.teambtn {
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 500;
    text-align: center;
    padding-left: 13px;
}
a.teambtn:hover{
  color: #ffffff;
}
.team-button i {
    color: #fff;
    font-size: 15px;
}
.team-box {
  padding: 0 10px;
  padding-bottom: 1px;
}
#team .team-box {
  padding: 15px;
}
.team_wrap:hover .team-box{
  background-color: #ffffff;
}
.team_wrap:hover .team-box p, .team_wrap:hover .team-box h4 a{
  color: #2bc94c;
}
.team_wrap .team-box p {
  color: #464547;
  font-size: 15px;
  margin-bottom: 7px;
  font-family: 'roboto';
  letter-spacing: 1px;
}
h4.team_name {
  padding: 3px 0;
}
h4.team_name a {
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 28px;
  color: #151515;
  font-family: "Oswald";
  font-weight: 500;
  text-align: center;
}
#team {
    background-attachment: unset;
    background-size: 100%;
}
#team .owl-stage-outer {
    background: #f7f7f7;
    padding: 20px 0px;
    border-bottom: 1px solid #ededed;
}
.team_wrap {
    padding: 0 13px;
}

#team .box{
    overflow: hidden;
    position: relative;
}
#team .box:before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: skew(45deg) scaleX(0);
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);

}
#team .box:hover:before{ transform: skew(0) scaleX(1); }
.box img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#team .box:hover img{ transform: scale(1.2); }
#team .box .box-content{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 55%;
    left: 0;
    opacity: 0;
    z-index: 2;
    transform: translateY(-50%) scale(0.8);
    transition: all 0.2s ease 0s;
}

/*----------team single page----------*/
.about-socialbox a i {
    padding: 8px 8px;
    border: 2px solid #2bc94c;
    text-align: center;
    border-radius: 50px;
    width: 36px;
    height: 36px;
    color: #fff;
    background: #2bc94c;
}
.about-socialbox a i:hover {
    color: #151515;
    background: #fff;
    border-color: #151515;
}
/*-----------------Our Feature single page---------------*/
.car-heading h3 {
    color: #000;
    font-size: 24px;
}
.single-feature {
    background: #f5f5f5;
    padding: 10px;
}
/* ------------- Newsletter -------------- */
.news-heading h3 {
  text-align: center;
  font-size: 60px;
  font-weight: 600;
  font-family: Charm;
  color: #ffffff;
}
.news-p {
  max-width: 700px;
  width: 100%;
  margin: 15px auto 25px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  padding: 10px 0px 10px 0px;
}
#newsletter .newsletter-head{
  text-align: right;
}
#newsletter .newsletter-head input[type="email"]
{
  max-width: 60%;
  border-radius: 40px;
  padding: 10px 10px;
  border: 1px solid white !important;
  position: relative;
  right: 100px;
}
#newsletter .newsletter-head input[type="submit"]
{
    border-radius: 40px;
    padding: 9px 20px;
    position: absolute;
    font-size: 16px;
    letter-spacing: 2px;
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 500;
    background: transparent;
    border: 1px solid #fff;
    right: 20px;
    top: 10px;
}
.newsletter-form{
  color: #ffffff;
}
#footernewsletter .news_content {
  margin: 25px;
}
#footernewsletter label {
  display: block;
}
#footernewsletter input[type="email"] {
  width: 80%;
  color: #212121;
  background-color: #ffffff;
}
#footernewsletter input[type="submit"] {
  border-radius: 40px;
  padding: 7px 20px;
  position: absolute;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-weight: bold;
}
#footernewsletter input[type="submit"]:hover {
  background-color: #212121;
  color: #ffffff;
}
#footernewsletter .news_inner {
  box-shadow: 0 0 20px 0 #bbbbbb;
  padding: 40px;
  margin-top: -50px;
  z-index: -1;
  background-color: #ffffff;
}
#footernewsletter .news_inner {
  margin-top: 0px !important;
}
#footernewsletter .news_box{
  box-shadow: 0 0 20px 0 #bbbbbb;
  padding: 25px 25px 25px !important;
  background-color: #ffffff;
  position: relative;
  z-index: 99;
}

#footernewsletter  input[type="text"],
#footernewsletter  input[type="tel"],
#footernewsletter  input[type="phno"],input[type="password"],
#footernewsletter  textarea,
#footernewsletter  input[type="email"]{
  width: 100% !important;
  font-size: 13px;
  color: #151515;
  font-family: "Montserrat";
  padding: 10px 10px;
  margin: 0 0px 8px 0;
  border: 1px solid #e5e5e5;
}
#footernewsletter  textarea{
  height: 100px;
}
#footernewsletter  input::placeholder,
#footernewsletter  textarea::placeholder {
  color: #151515;
}

/*------------------Latest Post -----------------*/
#latest_post .post-heading h3:after {
    left: 16%;
    content: "";
    background-color: #2bc94c;
    width: 67px;
    position: absolute;
    height: 2px;
    top: 15px;
    left: 118px;
}
#latest_post .post-heading h3:before {
    left: 16%;
    content: "";
    background-color: #2bc94c;
    width: 100px;
    position: absolute;
    height: 2px;
    top: 23px;
    left: 118px;
}
.post-heading h3 {
    font-size: 20px;
    line-height: 39px;
    color: #2bc94c;
    font-family: "Oswald";
    font-weight: 500;
}
.post-subheading h4{
  font-size: 39px;
  letter-spacing: 1px;
  line-height: 54px;
  color: #151515;
  font-family: "Oswald";
  font-weight: 600;
}
h4.latest_post_name a {
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 11px;
  color: #151515;
  font-family: "Oswald";
  font-weight: 500;
}
.latest-post-button {
    border: 1px solid #9e9e9e;
    border-radius: 30px;
    padding: 9px 20px;
    float: right;
}
.latest-post-button:hover {
  background: #2bc94c;
  border-color: #2bc94c;
}
a.latestpost-btn {
    font-size: 18px;
    letter-spacing: 1px;
    color: #999999;
    font-family: "Oswald";
    font-weight: 500;
    text-align: center;
    padding-left: 13px;
}
.latest-post-button i {
    color: #9e9e9e;
    font-size: 15px;
}
.post_thumb{
  width: 100%;
}
#latest_post .owl-carousel .owl-item img{
  margin: 0;
}
span.date{
    font-size: 24px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 500;
    text-align: center;
}
.datebox {
    background: #2bc94c;
    position: absolute;
    padding: 2px 24px;
    margin-top: -35px;
    margin-left: 35px;
}
.datebox span {
    display: block;
}
.post-icon,.postbtn{

  display: inline-block;
}
.postbtn{
  padding: 0 20px;
}
.post-icon{
  padding: 10px 20px;
}
.latest_post_name{
  margin-top: 50px;
}
.postbtn {
    background: #2bc94c;
}

.postbtn i {
    color: #fff;
    margin-left: 10px;
    font-size: 18px;
}
.postbtn a {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 48px;
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 500;
    text-align: center;
    padding-left: 20px;
}
.postbtn:hover {
    background: #000;
}
.latest_post_box {
    border: 1px solid lightgrey;
}

/*------------------------- Testimonial Shortcode --------------------------*/
/*Shortcode page Testimonial*/
.box-testi{
  border: 1px solid #151515 !important;
}

/*------------------ inner pages -----------------*/
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled,
 .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{
  opacity: 1;
  color: white;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
  width: 120px;
}
.add_to_cart_button.ajax_add_to_cart.added{
  display: block;
}
/*------------------ Contact Page -----------------*/
.c_icon {
    display: table;
    margin: 0 auto;
    padding: 12px 8px;
    border: 2px solid #2bc94c;
    border-radius: 50%;
    background: #2bc94c;
}
.contac_form h3 {
    color: #2bc94c;
}
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-"] {
  width: 100%;
  background-color: #ffffff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  border: 2px solid #fff;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  width: 100% !important;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 12px 23px 0;
  height: auto;
  float: left;
}
.shorthcode {
    background: #f2f2f2;
    padding: 30px 40px;
}
.contact-email i, .contact-address i, .contact-phone i {
    text-align: center;
    background-color: transparent;
    border-radius: 50%;
    font-size: 25px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    width: 38px;
    display: inline-table;
}
.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 20px 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%;
}
.contact-address:hover i, .contact-email:hover i, .contact-phone:hover i{
  color: #151515;
}
.contact-address:hover .c_icon, .contact-email:hover .c_icon, .contact-phone:hover .c_icon {
    border-color: #151515;
    background: #fff;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}
/*---------------- Footer Section ----------------------*/

#footer{
  background-size: cover;
}
.footer-top-col h3 {
  font-size: 20px;
  font-weight: bold;
}
.main_sociobox {
    margin: 0 -15px;
}
#footer{
  text-align:center;
  color:#8f8f8f;
  padding:3em 0 0 0px;
  text-align:left;
}
.footer_hide{
  display:none;
}
.container #blog-right-sidebar h3, #footer h3{
  color:#2bc94c;
  text-align:left;
  font-size:24px;
  padding:0 0 17px 0;
}
#footer .copyright p{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 26px;
  color: #ffffff;
  font-family: "Oswald";
  font-weight: 500;
  text-align: center;
}
#footer .copyright a {
    color: #fff;
	  cursor: pointer;
}
#footer input{
  padding:8px 8px;
  margin:5px 0;
  border-radius:0px;
}
#footer input[type="submit"] {
  padding: 8px 10px;
  color: #ffffff;
  text-transform: uppercase;
}
#footer ul {
    margin: 0;
}
#footer ul li{
  list-style:none;
  margin:0 0 5px 0;
  text-align:left;
  padding: 5px;
  border-bottom: 1px solid #343334;
  font-size: 13px;
}
.footer_menu ul li{
  display: inline-block;
}
#footer ul li a:hover {
    color: #2bc94c;
}
#footer ul li i{
  color: #2bc94c;
  margin: 0 10px;
}
.footer_menu ul li a{
  padding-right: 50px;
}
.footer_menu .current_page_item a{
  color: #2bc94c;
}
#footer ul li a {
    color: #8f8f8f;
    font-size: 15px;
    letter-spacing: 0px;
    font-family: "Roboto";
    font-weight: 500;
}
#footer p {
    margin: 0;
    line-height: 20px;
    font-size: 15px;
    color: #8b8b8b;
    font-family: "Roboto";
    font-weight: 500;
}
.widget_recent_entries img {
  width: 100px;
}
#footer h3,#footer h2 {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
  padding-top: 0;
}
#footer p{
  margin: 10px 0;
}
.about_me table, .about_me td, .about_me th{
  border: none;
}
.about_me p.message {
    margin-bottom: 20px !important;
}
.about_me{
  position: relative;
  border: 1px solid #e1e5e9;
  background-color: #f3f3f3;
  padding:20px;
  border-radius: 6px;
  margin: 20px 0;
}
.about_me .widget{
  position: relative;
  border:none !important;
  background-color: transparent !important;
  padding:0 !important;
  margin: 0 !important;
}
.about_me i{
  position: absolute;
  top: 6%;
  margin-left: 10px;
}
.footer-copyrigh p {
    text-align: center !important;
}
.copyright {
    background: #2bc94c;
    padding: 12px 0;
}

/* --------- Social Icon Widget ------- */
.social_widget a {
  color: #ffffff;
  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;
    height: 20px;
    text-align: center;
    padding: 5px;
}
.social_widget{
  margin: 20px 0;
}
.social_widget a{
  border: 1px solid transparent;
}
.social_widget a:hover{
  background: #2bc94c;
  border: 1px solid #2bc94c;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */
#full-width-blog .postbox {
   width: 100%;
   border: none;
}
#full-width-blog .postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 20px;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 0 0;
}
.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%;
}
.post-featured {
   border: 1px solid lightgrey;
   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 {
  margin: 10px;
}
.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;
}

#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#sidebar span.comment-author-link {
    margin-left: 0px;
}
.post-featured img {
  width: 100%;
}
button.wp-block-search__button:after{
  position: absolute;
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 23px;
  color: #2bc94c;
  left: 29%;
  top: 21%;
}
#sidebar .widget ul li:before {
    position: absolute;
    content: "\f192";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 12px;
    color: #2bc94c;
    left: 0;
    top: 18px;
}
#sidebar .widget ul li{
  list-style-type: none;
  position: relative;
  padding: 14px 0 13px 20px;
  border-bottom: 1px solid #e1e5e9;
  margin-left: 15px;
}
#sidebar .widget ul{
  margin: 0;
}
footer.wp-block-latest-comments__comment-meta a{
    position: relative;
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
    color: #1e1e2a;
}
li.wp-block-latest-comments__comment{
    position: relative;
    padding: 14px 0 13px 20px;
    border-bottom: 1px solid #e1e5e9;
    margin-left: 15px;
}
li.wp-block-latest-comments__comment:before{
  position: absolute;
  content: "\f192";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 12px;
  color: #2bc94c;
  left: 0;
  top: 23px;
}
/* --------- Inner Pages --------- */
.comment-form-comment label{
  font-size: 17px;
  padding: 10px 0 ;
}
.logged-in-as a{
  color: black;
}
.m-30{
  margin-top: 30px;
}
.metabox{
  background-color: #f3f3f3;
  padding: 10px;
}
.metabox span{
  margin: 0 20px;
}
.entry-author a,.entry-date a{
  color: #5b5b5b;
}
.metabox i{
  margin-right: 10px;
}
.comment-author.vcard img{
  width: 50px;
  height: 50px;
}
cite.fn a{
  font-weight: 600;
  color: Black;
}

.comment-meta.commentmetadata a{
  color: black;
}
#blog-left-sidebar .postbtn a,#blog-right-sidebar .postbtn a{
  padding-left: 0;
}

#sidebar .widget{
    position: relative;
    border: 1px solid #e1e5e9;
    background-color: #f3f3f3;
    padding:20px;
    border-radius: 6px;
    margin: 20px 0;
}
#blog-left-sidebar h4.latest_post_name a,#blog-right-sidebar h4.latest_post_name a{
  padding: 0;
}
.nav-links .nav-previous ,.nav-links .nav-next{
  width: 45%;
  text-align: left;
  border: 1px solid;
  margin: 10px;
  padding: 10px;
}
.wp-block-search__inside-wrapper input[type=search] {
    position: relative;
    width: 100%;
    height: 57px;
    border: 1px solid #eee;
    font-size: 17px;
    font-weight: 500;
    color: #5a5a68;
    padding: 10px 80px 10px 20px;
    border-radius: 5px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.wp-block-search .wp-block-search__button{
    position: absolute;
    right: 20px;
    top: 20px;
    background: 0 0;
    width: 57px;
    height: 57px;
    border: 1px solid #2bc94c;
}


ul.wp-block-latest-posts__list.wp-block-latest-posts li{
    position: relative;
    padding: 14px 0 13px 20px;
    border-bottom: 1px solid #e1e5e9;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    }
ul.wp-block-latest-posts__list.wp-block-latest-posts li a{
  position: relative;
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
    color: #1e1e2a;
}
.wp-block-search__label{
  display: none;
}
.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: 5px;
  padding: 5px;
  color: #333333;
  border-radius: 50%;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background: #2bc94c;
  color: #ffffff !important;
  border: 1px solid #2bc94c;
}
.navigation span.page-numbers.current{
  background: #ffffff;
  border: 1px solid #2bc94c;
  color: #000000 !important;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.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 a:hover{
  background-color:#2bc94c;
}
.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;
  border: 1px solid #2bc94c;
  text-transform: uppercase;
  border-top: none;
}
#comments input[type="submit"].submit:hover {
  background: #000;
  border: 1px solid #000;
}
#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;
}
#comments .comment-author.vcard img {
  padding: 2px;
}
/* --------- SLIDER--------- */
/*------slider-----*/
.slidr-button.contact-slide{
  border: none;
  border-radius: 30px;
  padding: 9px 20px;
  background: transparent;
  float: left;
}
.slidr-button.contact-slide a{

  line-height: 25px;
  color: white;
}
#slider{
  max-width:100%;
  margin:auto;
  padding:0;
  position:relative;
}
#slider ul li {
    margin: 0px;
    font-size: 16px;
    display: inline-block;
}/*
h5.details-title {
    margin-left: 15px;
}*/
#slider ul{
  margin: 0;
}
#slider blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  font-family: "Anton";
  position: absolute;
  left: -4%;
  top: -18px;
  color: #2ccdc3;
}
.inner_carousel {
    padding-top: 50px;
}
#slider h2 {
  font-size: 48px;
  letter-spacing: 1px;
  line-height: 34px;
  color: #ffffff;
  font-weight: 700;
  font-family: "Oswald";
  padding-bottom: 20px;
}
#slider h6 {
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 34px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Oswald";
    padding-bottom: 20px;
}
h4.slide-title {
    font-size: 40px;
    line-height: 54px;
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 700;
    letter-spacing: 17px;
}
p.subpara {
    width: 504px;
    height: 48px;
    font-size: 16px;
    letter-spacing: 0px;
    color: #ffffff;
    font-weight: 300;
    font-family: "Oswald";
    margin-bottom: 20px;
}
img.slide_img {
   width: auto !important;
}
.slider-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 72%;
}
.carousel-item img {
    width: 100%;
}
#slider .carousel-caption {
  margin-top:1.5em;
  top: 50%;
  transform: translateY(-50%);
  bottom: inherit;
  text-align: left;
  left: 10%;
  right: 10%;
}
#slider ul.right-side-content {
    margin: 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-control-next, #slider .carousel-control-prev {
  width: 10%;
  display: block !important;
  background-color: #000;
}

#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; */
  display: block;
}
#slider ol.carousel-indicators{
    left: 75%;
    position: absolute !important;
    display: block;
    top: 50%;
}
#slider .carousel-control-next,
#slider .carousel-control-prev{
  display: block;
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
  width: auto;
  height: auto;
  background-color: #2ccdc3;
  position: absolute;
}
#slider ol.carousel-indicators li{
  background-color: #fff;
  margin: 20px;
}
#slider ol.carousel-indicators li.active{
  background-color: #2bc94c;
}
.slide_nav{
  display: block;
}
#slider a i {
  padding-top: 10px;
  height: 50px;
  text-align: center;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  font-size: 22px;
  color: #000000;
}
#slider .socialbox a i {
  margin:5px;
  font-size: 16px;
  padding-top: 15px;
  color: #054e47;
}
.inner_carousel h2 small {
  color: #ffffff;
  display:block;
  margin-bottom: 20px;
}
#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon{
  display: none;
}
#slider .socialbox a i:hover{
  color:#fff;
}
#slider .socialbox a:hover{
  background-color: #2ccdc3;
}
/*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);
}
/*--------------- Sidebar -----------------*/

span.credit_link a {
    color: #000 !important;
}
a.custom_google {
  background: #da4835;
}
a.custom_linkedin {
  background: #007bb5;
}
a.custom_pinterest {
  background: #d73431;
}
a.vk {
  background: #507299;
}
a.custom_tumblr {
  background: #36465d;
}
a.flicker {
  background: #b517ad;
}
a.custom_facebook {
  background: #3c5a99;
}
a.custom_twitter {
  background: #55acee;
}
a.custom_instagram {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}
a.custom_youtube {
  background: #d12122;
}

/*------------- 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);
  font-size: 34px;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
/*---------------- 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 a {
  color: #333333;
}
.content_boxes {
    padding: 0;
    border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
/*-------------- Main Title ---------------*/
.main_title h1{
  color: #000;
  font-size: 39px;
  font-family: "Oswald";
  padding: 20px 0;
}
.main_title h1:after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: #2bc94c;
  margin-top: 7px;
}
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  border-radius: 10px;
  width: 100px;
  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;
}
.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;
}
button.owl-prev, button.owl-next {
  background: #ffffff;
  border: 1px solid #000;
  padding: 6px 9px;
}
.owl-nav {
  margin: 12px auto;
  display: none;
}
button.owl-next.disabled, button.owl-prev.disabled {
    background: #bbb;
}
/*-------------- 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: #2bc94c;
  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: #2bc94c;
}
.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 #2bc94c;
}
#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: #2bc94c;
}
.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 .col2-set .col-1 {
    max-width: 100%;
}
.woocommerce .col2-set .col-2 {
    max-width: 100%;
}
/*.shop #sidebar input[type="submit"] {
  padding: 12px 8px;
}*/
/*-------------- media section ---------------*/
@media screen and (max-width:1199px) {

  .post-icon {
    padding: 10px 10px;
}
  .why-choose-us-icon-line:after {
    height: 56px;
    margin-left: 2%;
    margin-top: 5%;
  }
  span.his_normal {
    font-size: 14px;
  }
  p.subpara {
    height: 63px;
    font-size: 16px;
  }
  .slider-box {
    position: relative;
    top: 12%;
    max-width: 100%;
  }
  #about h3:after , #about h3:before {
    left: 21%;
  }
  #our_record .radius-para p {
    font-size: 11px;
  }
  #services h3:after , #services h3:before {
    left: 24%;
  }
  #our_products h3.product-heading:before , #our_products h3.product-heading:after {
    left: 24%;
  }
  .our-product-button a {
    font-size: 12px;
  }
  #our_feature .feature-heading h3:before , #our_feature .feature-heading h3:after {
    left: 30%;
  }
  #business_gallery h3.gallery-heading:after , #business_gallery h3.gallery-heading:before {
    left: 15%;
  }
  .inner_sec {
    margin-top: 0 !important;
  }
  #why_choose_us h3.whychoose-heading:before , #why_choose_us h3.whychoose-heading:after {
    left: 20%;
  }
  #team .team-heading h3:after ,#team .team-heading h3:before {
    left: 21%;
  }
  #our_brands h3.brand-heading:after , #our_brands h3.brand-heading:before{
    left: 21%;
  }
  #testimonials .testimonial-heading h3:before , #testimonials .testimonial-heading h3:after{
    left: 26%;
  }
  #testimonials button.owl-dot {
    bottom: 6.59em;
  }
  #newsletter .newsletter-head input[type="submit"] {
    right: 30px;
  }
  #newsletter .newsletter-head input[type="email"] {
    max-width: 55%;
  }
  #latest_post .post-heading h3:after ,#latest_post .post-heading h3:before {
    left: 19%;
  }
}
@media screen and (max-width:767px) {
  .toggle-nav i{
    position: relative;
    bottom: 10px;
  }
  #header{
    text-align: center;
  }
  .page-template-home-page #header {
    position: relative;
    width: 100%;
    background-color: white;
}
.toggle-nav i{
  color: black!important;
}
#header .col-lg-1.col-md-2.col-6.align-self-center{
  text-align: right;
}
  .subpara{
    display: none;
  }
  ul.right-side-content{
    float: none;
  }
  .post_thumb{
    width: 100%;
  }
   #newsletter .newsletter-head input[type="email"] {
    max-width: 100%;
    margin-top: 15px;
  }
  .play-button {
    padding: 60px;
  }
  .services-img{
    text-align: center;
  }
  .services-content{
    padding: 0 0!important;
  }
  .services-icon {
    padding: 3px 10px;
    width: 30px;
    height: 30px;
  }
  .video_img {
    margin: 25% 40%;
  }
  .contact_details ul li{
    text-align: center;
  }
  .about-content{
    margin: 0;
  }
  .top_bar_btn {
    text-align: center;
    margin-bottom: 20px;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  #slider p.font-weight-bold {
      display: none;
  }
  .gallery-image img{
    height: 140px !important;
  }
  div#TB_window {
    width: 90% !important;
  }
  #testimonials .owl-dots {
    text-align: center;
    margin-top: 20px;
  }
  #our_records h4, .counter_inner {
    text-align: center;
  }
  .testimonialwrapper-box{
    margin-bottom: 50px;
  }
  #header .logo a.custom-logo-link{
    position: static;
  }
  .mid-content {
    position: static;
    top: 0;
    transform: unset;
  }
  .fadeInRight{
    animation-name: unset !important;
  }
  .socialbox {
    text-align: center;
  }
  .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;
  }
  #slider p {
    display: none;
  }
  .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;
  }
  .contact_details {
    text-align: center;
  }
  .logo {
    margin-bottom: 10px;
  }
  #slider .inner_carousel {
    padding: unset;
  }
  .top_social {
    padding: 0 0;
    margin-left: 0;
  }
  .menubar {
    position: relative;
    right: 0;
    margin-top: 0 !important;
  }
  #slider ol.carousel-indicators li {
    margin: 8px;
  }
  #slider h6:after , #slider h6:before{
    display: none;
  }
  #our_record .radius-para p {
    text-align: left;
  }
  .about_img img {
    top: 0;
  }
  .service-button {
    float: left;
  }
  #services h3:before , #services h3:after {
    left: 28%;
  }
  .product-button {
    float: left;
  }
  .feature-button {
    float: left;
  }
  #our_feature .feature-heading h3:before , #our_feature .feature-heading h3:after  {
    left: 36%;
  }
  #business_gallery h3.gallery-heading:before , #business_gallery h3.gallery-heading:after {
    left: 26%;
  }
  #why_choose_us h3.whychoose-heading:after , #why_choose_us h3.whychoose-heading:before {
    left: 34%;
  }
  #team {
    background-size: cover;
  }
  .team-button {
    float: left;
  }
  #team .owl-carousel .owl-item img{
    width: 100% !important;
  }
  .brand-button {
    float: left;
  }
  #team .team-heading h3:after, #team .team-heading h3:before {
    left: 25%;
  }
  #our_brands h3.brand-heading:after ,#our_brands h3.brand-heading:before {
    left: 24%;
  }
  #testimonials {
    background-size: cover;
  }
  .testimonial-button {
    float: left;
  }
  #testimonials .testimonial_box {
    padding: 30px 25px;
    text-align: center;
  }
  #testimonials button.owl-dot {
    margin: 5px;
    bottom: 0;
  }
  .inner_socio a i {
    top: 0;
    right: 0;
  }
  #testimonials .testimonial-heading h3:after , #testimonials .testimonial-heading h3:before {
    left: 30%;
  }
  #newsletter .newsletter-head input[type="submit"] {
    position: unset;
  }
  #footer input {
    float: unset;
  }
  #our_products .owl-carousel .owl-item img{
    width: 100% !important;
  }
  #latest_post .post-heading h3:after ,#latest_post .post-heading h3:before {
    left: 22%;
  }
  .latest-post-button {
    float: left;
    position: relative;
    bottom: 35px;
  }
}
@media screen and (min-width:421px) and (max-width:600px){
  .our-product-button {
    width: 185px;
    left: 28%;
  }
}
@media screen and (max-width:576px) {
  #newsletter .newsletter-head input[type="submit"] {
    position: relative;
    left: -15%;

}
  #newsletter .newsletter-head input[type="email"]{
    position: relative;
    right: 0;
  }
  .slider-box {
    position: relative;
    left: 0;
    top: 12%;
    max-width: 100%;
    text-align: center;
}
  #slider ol.carousel-indicators li{
    display: inline-block;
  }
  #slider ol.carousel-indicators {
      left: -3%;
      position: absolute !important;
      display: block;
      top: 81%;
    }
.post_thumb{
  width :100%;
}
  .brand-button,.team-button,.feature-button,.product-button,.service-button,.about-button,.testimonial-button,.latest-post-button{
    float: none;
  }
  #team h4,#team h3,#team p,#testimonials h3,#testimonials h4,.short_text.pb-3,.car-box h4 a,#footer ul li,#footer p,#footer h3,#footer h2,.custom-social-icons,.car_box li,.car_box h4{
    text-align: center;
  }
  .icon_record{
    position: absolute;
    left: 0 !important;
  }
  #footer h3:before, #footer h2:before,#footer h3:after, #footer h2:after{
    display: none;
  }
  .service_box{
    margin: 50px;
  }
  section,#our_record .radius-para p{
    text-align: center;
  }
.topbar-icon.right:after,.right:after,#latest_post .owl-nav,h4.slide-title,#about h3:before , #about h3:after,#services h3:before , #services h3:after{
  display: none;
}
  #site_top ul.left-side-content {
    display: grid;
  }
  #slider h2 {
    font-size: 17px;
    line-height: 17px;
  }
  a.theme_white_button {
    font-size: 12px;
  }
  blockquote{
    width: 100%;
  }
  .media-small {
    padding-left: 10px !important;
  }
  .small_media {
    padding: 10px 0;
  }
  .copyright p{
    text-align: center !important;
    padding: 5px 0;
  }
  #slider p{
    margin: 0 0 9px 0;
  }
  #slider a i{
    padding: 1px;
  }
  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%;
  }

  #slider h6 {
    font-size: 12px;
    padding-bottom: 0;
  }
  #slider .carousel-caption {
    top: 27%;
  }
  .slidr-button{
    border: 1px solid #2bc94c;
    border-radius: 30px;
    padding: 5px 11px;
    background: #2bc94c;
    float: left;
  }

  h4.subheading {
    font-size: 24px;
  }
  #services .about-heading {
    margin-top: 0 !important;
  }
  #services h4.subheading {
    font-size: 25px;
  }
  #services .about-heading h4{
    padding-bottom: 12px;
  }

  .ourproduct-heading h4 {
    line-height: 22px;
  }
  #our_feature .feature-heading h3:before , #our_feature .feature-heading h3:after,  #our_products h3.product-heading:before , #our_products h3.product-heading:after , #business_gallery h3.gallery-heading:after , #business_gallery h3.gallery-heading:before,#why_choose_us h3.whychoose-heading:before ,#why_choose_us h3.whychoose-heading:after,#team .team-heading h3:after ,
   #team .team-heading h3:before,#our_brands h3.brand-heading:after , #our_brands h3.brand-heading:before,#testimonials .testimonial-heading h3:after , #testimonials .testimonial-heading h3:before,#latest_post .post-heading h3:before , #latest_post .post-heading h3:after{
    display: none;
  }
  .feature-subheading h4 {
    font-size: 25px;
    line-height: 20px;
  }
  h4.gallery-subheading {
    font-size: 25px;
  }
  #why_choose_us h4.subheading {
    font-size: 25px;
  }
  .team-subheading h4 {
    font-size: 25px;
  }
  #our_brands .about-heading {
    margin-top: 0 !important;
  }
  #our_brands .about-heading h4 {
    padding-bottom: 12px;
  }
  .testimonial-subheading p {
    font-size: 25px;
    line-height: 31px;
  }
  .post-subheading p {
    font-size: 25px;
  }

}
@media screen and (min-width: 577px) and (max-width:767px){

  #site_top .contact_details ul li span {
    font-size: 8px;
  }
  #site_top .col-lg-8.col-md-8.col-sm-8.pl-0 {
    margin-top: 8px;
  }
  .slider-box {
    position: relative;
    top: 12%;
    transform: translateY(-50%);
    max-width: 100%;
  }
  #slider h6 {
    font-size: 20px;
    line-height: 39px;
    padding-bottom: 10px;
  }
  #slider h2 {
    font-size: 27px;
    line-height: 18px;
  }
  h4.slide-title {
    font-size: 18px;
    line-height: 42px;
    letter-spacing: 5px;
  }
  #about h3:before , #about h3:after {
    left: 38%;
  }
  #our_products h3.product-heading:before , #our_products h3.product-heading
  {
    left: 28%;
  }
  #our_brands .about-heading h4 {
    line-height: 0;
  }
}
@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;
  }
}
@media screen and (min-width: 768px) and (max-width:991px){
  .subpara{
    display: none;
  }
  .content_box{
    display: none;
  }
  span.onsale {
    border: 1px solid #141414;
    border-radius: 50%;
    padding: 20px 11px;
    background: #141414;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 12px;
    left: 45px;
  }
  .post_thumb{
    width: 100%;
  }

  #record .counter-inner h4, #record .counter-inner p {
    text-align: center;
  }
  #site_top .contact_details ul li span {
    font-size: 12px;
  }
  #site_top .col-lg-8.col-md-8.col-sm-8.pl-0 {
    margin-top: 9px;
  }
  #header .col-lg-2.col-md-3.top_bar_btn {
    margin-top: 12px;
  }
  .logo h1 a {
    font-size: 18px;
  }
  h4.slide-title {
    font-size: 18px;
    line-height: 42px;
    letter-spacing: 5px;
  }
  #slider h6 {
    font-size: 15px;
    line-height: 39px;
    padding-bottom: 0px;
  }
  h4.slide-title {
    font-size: 28px;
    line-height: 25px;
  }
  p.subpara {
    height: 58px;
    font-size: 16px;
    line-height: 22px;
  }
  .slider-box {
    position: relative;
    top: 7%;
  }
  #slider h2 {
    font-size: 35px;
    line-height: 39px;
  }
  .about_img img {
    top: 30px;
  }
  #about h3:after , #about h3:before{
    left: 28%;
  }
  .service_details h5 {
    font-size: 12px;
  }
  #services h3:after , #services h3:before{
    left: 32%;
  }
  #our_products h3.product-heading:before , #our_products h3.product-heading:after {
    left: 32%;
  }
  #our_feature .feature-heading h3:before , #our_feature .feature-heading h3:after{
    left: 40%;
  }
  #business_gallery h3.gallery-heading:before ,#business_gallery h3.gallery-heading:after {
    left: 20%;
  }
  #why_choose_us h3.whychoose-heading:before, #why_choose_us h3.whychoose-heading:after {
    left: 26%;
  }
  #team .team-heading h3:before , #team .team-heading h3:after {
    left: 28%;
  }
  #our_brands h3.brand-heading:after , #our_brands h3.brand-heading:before {
    left: 28%;
  }
  a.testimonialbtn {
    font-size: 13px;
  }
  a.testimonialbtn:hover{
    color: white;
  }
  #testimonials .testimonial-heading h3:after , #testimonials .testimonial-heading h3:before {
    left: 34%;
  }
  .testimonial-box p {
    font-size: 13px;
  }
  #testimonials button.owl-dot {
    margin: 6px;
    bottom: 7.59em;
    left: 58px;
  }
  #testimonials .testimonial_box {
    padding: 30px 30px;
  }
  #newsletter .newsletter-head input[type="submit"] {
    position: relative;
  }
  #newsletter .newsletter-head input[type="email"] {
    max-width: 60%;
    float: right;
  }
  .postbtn a {
    font-size: 13px;
    padding-left: 0;
  }
  .postbtn i {
    margin-left: 0;
  }
  .post-icon {
    padding: 10px;
  }
  #latest_post .post-heading h3:after ,#latest_post .post-heading h3:before {
    left: 25%;
  }
  h4.team_name a {
    font-size: 18px;
  }
  #latest_post .owl-carousel .owl-item img {
    width: 100% !important;
  }
  .share_icon i {
    padding: 10px 10px 10px 8px;
    margin: 0;
  }
}
@media screen and (max-width:991px) {
  .service-main .owl-nav i,
  #our_brands .owl-nav i {
    background: red;
    padding: 8px;
    margin-right: 5px;
    color: #fff;
  }
  .service-main .owl-nav,
  #our_brands .owl-nav {
    display: block;
    text-align: center;
  }
  .why-choose-us-icon-line:after {
    display: none;
  }
  .why-choose-box{
    margin-top: 10px;
  }
  #about p.text-uppercase.font-weight-bold {
    font-size: 11px;
  }
   #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;
  }
  #footer input[type="submit"] {
    padding: 9px 3%;
  }

  .socialbox a i{
    font-size: 12px;
    width: auto;
  }
  small {
    font-size: 13px !important;
  }
  #slider a i {
    padding: 5px 8px;
    font-size: 15px;
  }
  #our_record .radius-para p {
    font-size: 15px !important;
  }
  #record .icon {
    display: block;
  }
  .icon_record {
    position: relative;
    bottom: 0;
    left: 39%;
  }
  h4.count{
    text-align: center;
  }
  #record .radius-para p{
    text-align: center;
  }
  #business_gallery {
    background-size: cover;
  }
  .blog_shorttext{
    padding: 0;
  }
  h4.latest_post_name a{
    padding: 0;
  }
  #sidebar input[type="submit"] {
    background: #2bc94c;
    border: none;
    color: #fff;
    padding: 12px 22px;
    font-size: 15px;
    margin: 0;
    width: 100%;
  }
}
@media screen and (min-width: 992px) and (max-width:1199px){
  .subpara{
    display: none;
  }
  .topbar-icon.right:after {
    content: '';
    border-left: 8px solid #2bc94c;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 29%;
    left: 54px;
}
.right:after {
  content: '';
  border-left: 8px solid #2bc94c;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 29%;
  left: 57px;
}
h4.latest_post_name a{
  padding-left: 0;
}
  .contact_details .col-lg-3{
    padding: 0;
  }
  .contact_details .col-lg-5{
    padding: 0;
  }
  .postbtn a{
    padding-left: 10px;
  }
  #sidebar input[type="submit"] {
    background: #2bc94c;
    border: none;
    color: #fff;
    padding: 12px 13px !important;
    font-size: 15px;
    margin: 0;
  }
}
@media screen and (max-width: 1023px){
  .postbtn a{
    padding-left: 10px;
  }
  .main-navigation ul ul{
    background-color: transparent;
    position: relative;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .toggle-nav {
    display: none;
    position: relative;
    float: left;
    right: 15px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 9px auto;
    right: 0;
    text-align: right;
    right: 0;
    margin-right: 0;
  }
  .toggle-nav i {
    font-size: 29px;
    color: white;
  }
  .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: #2bc94c;
  }
  .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;
	}
  .toggle-nav{
    display: block;
  }
  .innermenubox {
    position: static;
  }
  .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: #a2a2a2;
  }
  .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: 100%;
  }
  .nav ul li a{
    padding:5px 10px;
    display:block;
    color:#ffffff;
  }
  .nav ul li a:hover{
    color:#2bc94c;
  }
  .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 li {
    position: relative;
    padding: 10px 20px;
    margin: 0 auto;
  }
}
 /* inner pages */
 .socila_share i{
   margin: 5px 0;
 }
@media screen and (max-width: 583px){
  .search_popup input.search-submit {
    border: 0;
    padding: 4px;
  }
  .search_popup label {
    background: transparent;
    width: 80%;
  }
  .contactform h3,.contactform p,.post-box,#sidebar,.services_desc_box,nav.navigation.post-navigation,.content_page,.content_page li,.content_page span{
    text-align: center;
  }
}
/* Icon Grow */
#header .hvr-icon-grow {
  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;
}
#header .hvr-icon-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#header .hvr-icon-grow:hover .hvr-icon,
#header .hvr-icon-grow:focus .hvr-icon,
#header .hvr-icon-grow:active .hvr-icon {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
#about .hvr-icon-wobble-horizontal {
  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;
}
#about .hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#about .hvr-icon-wobble-horizontal:hover .hvr-icon,
#about .hvr-icon-wobble-horizontal:focus .hvr-icon,
#about .hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

#header .hvr-icon-wobble-horizontal {
  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;
}
#header .hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#header .hvr-icon-wobble-horizontal:hover .hvr-icon,
#header .hvr-icon-wobble-horizontal:focus .hvr-icon,
#header .hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
embed{
  max-width: 100%;
}
.modal-footer button {
    cursor: pointer;
}

#footer ul li a:before {
    content: "\f1b9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #2bc94c;
    padding: 0 10px 0 0;
    font-size: 14px;
}
#footer .widget td p {
    margin-left: unset;
}
#footer .widget td {
    display: table-cell;
}
#footer .social_widget a {
    border: 2px solid #969696;
    background: transparent;
}
#footer .social_widget a i {
    color: #969696;
}
#footer .widget td i {
    color: #2bc94c;
}
#footer .social_widget a:hover{
  background: #2bc94c;
  border-color: #2bc94c;
}
#footer .widget tr {
    border-bottom: 1px solid #343334;
}
section#newsletter {
    background: #2bc94c;
}
.feature-button:hover a.featurebtn ,.feature-button:hover i{
    color: #fff;
}
.brand-button:hover a.brandbtn ,.brand-button:hover i{
    color: #fff;
}
.latest-post-button:hover a.latestpost-btn ,.latest-post-button:hover i{
    color: #fff;
}
#newsletter ::placeholder {
    color: #ffffff;
}
span.wpcf7-not-valid-tip {
    color: #211d1d;
}
.main-navigation li a{
  font-size: 13px;
letter-spacing: 1px;
line-height: 39px;
font-weight: 400;
font-family: "Oswald";
}
#header .socialbox a i {
  font-size: 18px;
}
#header .search-icon i {
    color: #2bc94c;
    font-size: 18px;
}
.hi_cart i{
  font-size: 18px;
}
span.cart_no {
    color: #fff;
    font-weight: 600;
}
#footer .social_widget a i:hover {
    color: #fff;
}
/* Gallery Animation */
.tp_gallery_front .box{
   text-align: center;
   overflow: hidden;
   position: relative;
   transition: all 0.3s ease-in-out;
}
.tp_gallery_front .gallery-box{
  padding: 15px;
}
.tp_gallery_front .box:before{
   content: "";
   border: 2px solid #fff;
   box-shadow: 0 0 25px rgba(0,0,0,0.3);
   width: 100%;
   height: 100%;
   opacity: 0;
   transform: rotate3d(0,0,1,45deg) scale3d(1.5,0,1);
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   transition: all .35s;
}
.tp_gallery_front .box:hover:before{
   opacity: 1;
   transform: rotate3d(0,0,1,45deg) scale3d(1.5,1,1);
}
.tp_gallery_front .box img{
   width: 100%;
   height: auto;
   transform: translate3d(0,0,0) scale(1);
   transition: all 0.5s ease 0s;
}
.tp_gallery_front .box:hover img{
   opacity: 0.7;
   transform: translate3d(-12px,0,0) scale(1.1);
}
.tp_gallery_front .box .box-content{
   color: #fff;
   width: 100%;
   padding: 15px 10px;
   opacity: 0;
   transform: translateX(-50%) translateY(-50%);
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 1;
   transition: all 0.4s ease-in-out;
}
.tp_gallery_front .box:hover .box-content{
   opacity: 1;
   transform: translateX(-50%) translateY(-50%);
}
.tp_gallery_front .box .title{
   font-size: 22px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 1px;
   text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
   margin: 0 0 3px;
}
.tp_gallery_front .box .post{
   font-size: 16px;
   font-weight: 600;
   font-style: italic;
   text-transform: capitalize;
   text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
   letter-spacing: 1px;
   margin: 0 0 10px;
   display: block;
}
.tp_gallery_front .box .icon{
   padding: 0;
   margin: 0;
   list-style: none;
}
.tp_gallery_front .box .icon li{
   display: inline-block;
   margin: 0 2px;
}
.box .icon li a{
   color: #355C7D;
   background: #fff;
   font-size: 15px;
   line-height: 30px;
   width: 30px;
   height: 30px;
   border-radius: 5px;
   display: block;
   transition: all .35s;
}
.tp_gallery_front .box .icon li a:hover{
   color: #6C5B7B;
   background: #fff;
   box-shadow: 4px 4px rgba(0, 0, 0, 0.5);
}
#footer h3, #footer h2 {
    color: #000;
}
#header .logo img{
	margin-top:12px;
}
#footer p, #footer ul li a, strong{
	color:#000;
}
.about_me {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
}
.footer-logo{
	text-align: center;
}
#footer h3{
	padding: 0;
}