/*!

Theme Name:     Gymnaz

Theme URI:      https://testerwp.com/gymnaz-free-theme/

Author:         wptexture     

Author URI:     http://testerwp.com/ 

Requires PHP:   5.2.4

Requires at least: 4.7

Tested up to:   6.1

Description:    Gymnaz is a Free WordPress Theme designed for fitness and gym enthusiasts. This dynamic theme has a fullscreen option. Gymnaz is developed with creative design and powerful features that enable you to write articles and blog posts with ease. The theme uses the best clean SEO practices, responsive HTML5, and on top of that, it is fast, simple, and easy to use. You can use the Customizer to add your own background, page layout, site width, and more. Powered with striking RegistrationMagic, a WordPress form plugin, the theme becomes more effective and compelling. With RegistrationMagic, you can create multiple dynamic forms such as contact forms, registration forms, membership forms, subscription forms, and much more. Further, it has an exquisite array of features like easy to use Form Manager, form analytics, intelligent forms, field analytics, custom field types, and much more.Moreover, the forms auto adapts to the theme design seamlessly. With ReistrationMagic, the theme becomes an appropriate fit for Yoga, health, medical, gym, health center, Meditation, School, club, and many other websites. The theme has a banner, feature, callout, services, portfolio, testimonial, trainer section. In addition to that, the theme supports unlimited color options too. You can customize the logo and can add unlimited pages. The theme is responsive and supports all major plugins of WordPress.  

Version:        7.9

License:        GNU General Public License v3 or later

License URI:    http://www.gnu.org/licenses/gpl-3.0.html

Text Domain:    gymnaz

Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, translation-ready, threaded-comments, post-formats, rtl-language-support, blog, portfolio, e-commerce



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



Gymnaz is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v3 or later.

 

*/

body {

    font-size: 16px;

       font-family: 'Open Sans', sans-serif;



    font-weight: 400;

    background-color: #fff;

    font-weight: 400;

    color: #666666;

    padding: 0;

    margin: 0;

}



/* ======================

    normalize css

======================= */



p {

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    color: #666666;

    line-height: 24px;

    margin: 0;

    margin-bottom: 15px;

}



span {

    font-size: 16px;

    color: #666666;

}



i {

    line-height: 1;

    font-style: normal;

}



a {

    text-decoration: none;

    color: inherit;

}



a:hover {

    text-decoration: none;

    outline: 0 none;

    color: inherit;

}



img {

    border-style: none;

    height: auto;

    width: 100%;

    vertical-align: middle;

}



iframe {

    border: none;

}



:active {

    outline: none !important;

}



.btn.focus,

.btn:focus {

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    color: initial;

}



::-moz-selection {

    background: #232323;

    color: #fff;

}



::selection {

    background: #232323;

    color: #fff;

}



ul,

li {

    list-style: none;

    padding: 0;

    margin: 0;

}



.form-control:focus,

.form-control:hover {

    border-color: #5aaf29 !important;

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.center-grid {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    -ms-flex-line-pack: center;

    align-content: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.px-30 {

    padding: 0 30px;

}



.mb-60 {

    margin-bottom: 60px !important;

}

.mt-60 {

    margin-top: 60px !important;

}



.mb-40 {

    margin-bottom: 40px !important;

}



.c-blue {

    color: #5aaf29;

}



.c-black {

    color: #232323

}



a.c-blue:hover,a.c-blue:focus {

    color: #232323

}



.bor-1 {

    border: 1px solid #d7d7d7;

}



.bor-b {

    border-bottom: 1px solid #d7d7d7;

}



/* ======================

    HEADINGS

======================= */



h1,

h2,

h3,

h4,

h5,

h6 {

    color: #232323;

    font-family: 'Open Sans', sans-serif;

    font-weight: 700;

    margin-top: 0;

    margin-bottom: 15px;

}



h1 {

    font-size: 50px;

    font-weight: 700;

     

}



h2 {

    font-size: 40px;

    font-weight: 700;

    

}



h3 {

    font-size: 35px;

    font-weight: 600;

    

}



h4 {

    font-size: 25px;

    font-weight: 600;

    

}



h5 {

    font-size: 18px;

    font-weight: 600;

    

}



h5 a,

h6 a {

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

}



h5 a:hover,

h6 a:hover,

h5 a:focus,

h6 a:focus {

    color: #5aaf29

}



h6 {

    font-size: 16px;

    font-weight: 600;

    

}



.sp-100 {

    padding-top: 100px;

    padding-bottom: 100px;

}



.sp-70-100 {

    padding-top: 70px;

    padding-bottom: 100px;

}



.sp-100-70 {

    padding-top: 100px;

    padding-bottom: 70px;

}



.mb-30 {

    margin-bottom: 30px;

}

.mt-30 {

    margin-top: 30px;

}

.mb-25 {

    margin-bottom: 25px;

}



/*=========================== 

   custom scrollbar

============================= */



/* width */



::-webkit-scrollbar {

    width: 10px;

}



/* Track */



::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 5px #ccc;

    box-shadow: inset 0 0 5px #ccc;

}



/* Handle */



::-webkit-scrollbar-thumb {

    background: #5aaf29;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

}



/* Handle on hover */



::-webkit-scrollbar-thumb:hover {

    background: #5aaf29;

}



/*======================= 

   custom button

======================== */



.btn {

    border: 0;

    border-radius: 0;

    font-size: 16px;

    padding: 11px 30px;

    text-transform: uppercase;

    font-weight: 600;

    position: relative;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    border-width: 1px;

    border-style: solid;

    border-color: transparent;

}



.btn:hover,.btn:focus {

    border-color: inherit;

}



.btn.btn-trans:hover, .btn.btn-trans:focus{

    border-color: #232323;

}



.btn-sm {

    padding: 6px 20px;

    font-size: 14px;

}



/*  btn-one */



.btn-one {

    background-color: #5aaf29;

    color: #fff;

    position: relative;

    overflow: hidden;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    z-index: 0;

}



.btn-one:hover ,.btn-one:focus{

    color: #5aaf29;

}



.btn-one:before,

.btn-one:after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border-top: 25px solid #fff;

    border-bottom: 25px solid #fff;

    z-index: -1;

    -webkit-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}



.btn-one:before {

    border-right: 25px solid transparent;

    -webkit-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    transform: translateX(-100%);

}



.btn-one:after {

    border-left: 25px solid transparent;

    -webkit-transform: translateX(100%);

    -ms-transform: translateX(100%);

    transform: translateX(100%);

}



.btn-one:hover:before ,.btn-one:focus:before{

    -webkit-transform: translateX(-10%);

    -ms-transform: translateX(-10%);

    transform: translateX(-10%);

}



.btn-one:hover:after,.btn-one:focus:after {

    -webkit-transform: translateX(10%);

    -ms-transform: translateX(10%);

    transform: translateX(10%);

}



.btn-sm.btn:before,

.btn-sm.btn:after {

    border-width: 17px;

}



/*  btn-two */



.btn-two {

    background-color: #fff;

    border: 1px solid transparent;

    color: #5aaf29;

    position: relative;

    overflow: hidden;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    z-index: 0;

}



.btn-two:hover,.btn-two:focus{

    color: #fff;

}



.btn-two:before,

.btn-two:after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border-top: 25px solid #5aaf29;

    border-bottom: 25px solid #5aaf29;

    z-index: -1;

    -webkit-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}



.btn-two:before {

    border-right: 25px solid transparent;

    -webkit-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    transform: translateX(-100%);

}



.btn-two:after {

    border-left: 25px solid transparent;

    -webkit-transform: translateX(100%);

    -ms-transform: translateX(100%);

    transform: translateX(100%);

}



.btn-two:hover:before,.btn-two:focus:before {

    -webkit-transform: translateX(-10%);

    -ms-transform: translateX(-10%);

    transform: translateX(-10%);

}



.btn-two:hover:after,.btn-two:focus:after {

    -webkit-transform: translateX(10%);

    -ms-transform: translateX(10%);

    transform: translateX(10%);

}



/*  btn-dark */



.btn-dark {

    background-color: #232323;

    color: #fff;

    position: relative;

    overflow: hidden;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    z-index: 0;

}



.btn-dark:hover,.btn-dark:focus{

    color: #232323;

}



.btn-dark:before,

.btn-dark:after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border-top: 25px solid #fff;

    border-bottom: 25px solid #fff;

    z-index: -1;

    -webkit-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -ms-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

}



.btn-dark:before {

    border-right: 25px solid transparent;

    -webkit-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    transform: translateX(-100%);

}



.btn-dark:after {

    border-left: 25px solid transparent;

    -webkit-transform: translateX(100%);

    -ms-transform: translateX(100%);

    transform: translateX(100%);

}



.btn-dark:hover:before,.btn-dark:focus:before {

    -webkit-transform: translateX(-10%);

    transform: translateX(-10%);

    -moz-transform: translateX(-10%);

    -ms-transform: translateX(-10%);

    -o-transform: translateX(-10%);

}



.btn-dark:hover:after ,.btn-dark:focus:after{

    -webkit-transform: translateX(10%);

    -ms-transform: translateX(10%);

    transform: translateX(10%);

}



/*  btn-trans */



.btn-trans {

    color: #232323;

    border: 1px solid #232323;

    position: relative;

    overflow: hidden;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    z-index: 0;

}



.btn-trans:hover,.btn-trans:focus {

    color: #fff;

}



.btn-trans:before,

.btn-trans:after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border-top: 25px solid #232323;

    border-bottom: 25px solid #232323;

    z-index: -1;

    -webkit-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -ms-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

}



.btn-trans:before {

    border-right: 25px solid transparent;

    -webkit-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    transform: translateX(-100%);

}



.btn-trans:after {

    border-left: 25px solid transparent;

    -webkit-transform: translateX(100%);

    -ms-transform: translateX(100%);

    transform: translateX(100%);

}



.btn-trans:hover:before ,.btn-trans:focus:before{

    -webkit-transform: translateX(-10%);

    transform: translateX(-10%);

    -moz-transform: translateX(-10%);

    -ms-transform: translateX(-10%);

    -o-transform: translateX(-10%);

}



.btn-trans:hover:after,.btn-trans:focus:after {

    -webkit-transform: translateX(10%);

    -ms-transform: translateX(10%);

    transform: translateX(10%);

}



.read-more {

    text-transform: capitalize;

    color: #232323;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    font-size: 16px;

    position: relative;

    font-weight: 600;

}



.read-more::after {

    position: absolute;

    content: '';

    width: 100%;

    height: 1px;

    opacity: 0;

    background-color: currentColor;

    left: 0;

    bottom: 0;

    transform: translateY(3px);

    -webkit-transition: transform .3s ease;

    -o-transition: transform .3s ease;

    transition: transform .3s ease;

}



.read-more:hover,.read-more:focus {

    color: #5aaf29;

}



.read-more:hover::after,.read-more:focus::after {

    transform: translateY(0);

    opacity: 1;

}



/* ======================

    background color

======================= */ 



body.custom-background{



    background-size: cover !important;

}



.bg-dull {

    background-color: #f7f7f7;

}



.bg-blue {

    background-color: #5aaf29;

}



/* ======================

    color

======================= */



.c-theme {

    color: #5aaf29

}



.c-white {

    color: #fff;

}



.fw-5 {

    font-weight: 500

}



/*================== 

    owl custom

==================*/



.owl-theme .owl-dots .owl-dot span {

    background: #232323;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    margin: 0 7px;

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span ,.owl-theme .owl-dots .owl-dot:focus span{

    background: #5aaf29

}



/* =====================

    list styles

========================*/



.list-2 li {

    position: relative;

    padding-left: 15px;

}



.list-2 li:before {

    position: absolute;

    content: "";

    width: 5px;

    height: 5px;

    left: 0;

    top: 8px;

    background-color: #5aaf29;

}



/*==================    

   all title 

==================*/



.all-title {

    text-align: center;

    position: relative;

    margin-bottom: 60px;

}



.sec-title {

    color: #232323;

    position: relative;

    margin-bottom: 10px;

    font-weight: 700;

    line-height: 1;

}



.all-title.white2 .sec-title {

    color: #fff;

}



.all-title .title-sep {

    fill: #5aaf29;

}



.title-sep2 {

    padding-bottom: 15px;

    position: relative

}



.title-sep2::after {

    position: absolute;

    background-color: #5aaf29;

    height: 2px;

    width: 60px;

    content: '';

    bottom: 0;

    left: 0;

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

}



.all-title.white .sec-title {

    color: #fff

}



.all-title.white2 .title-sep {

    fill: #fff;

}



.sec-title span {

    color: #232323;

    display: block;

    font-size: 20px;

    font-weight: 700;

}



.all-title p {

    max-width: 800px;

    margin: 20px auto 0;

    color: #666666;

}



.all-title.white p,

.all-title.white2 p {

    color: #fff

}



.title-sep {

    fill: #232323;

    height: 22px;

    width: 83px;

}



/*================== 

    back-to-top

==================*/



#c-scroll {

    display: none;

    position: fixed;

    line-height: 40px;

    text-align: center;

    background-color: #5aaf29;

    font-size: 13px;

    font-weight: 600;

    border-radius: 20px;

    -webkit-animation-delay: .95s;

    animation-delay: .95s;

    padding: 8px 13px;

    border-radius: 0;

    color: #fff;

    bottom: 40px;

    right: 40px;

    z-index: 99;

    cursor: pointer;

    line-height: 1;

    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);

}



#c-scroll:after {

    content: '';

    border: 13px solid transparent;

    border-bottom: 13px solid transparent;

    border-bottom-color: #5aaf29;

    top: -11px;

    position: absolute;

    left: 13px;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    z-index: -1;

}



#c-scroll:hover:after,#c-scroll:focus:after {

    top: -26px;

}

 

/*====================== 

    Header Css

========================*/



.logo h1 {

    margin-bottom: 0;

    line-height: 1;

}



.navbar-nav .nav-item .mega-heading {

    display: none !important;

}



.menu-search-form {

    position: absolute;

    top: 100%;

    right: 0;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

    -webkit-transform: translateY(-20px);

    -ms-transform: translateY(-20px);

    transform: translateY(-20px);

    z-index: 999;

}



.menu-search-form.s-active {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0px);

    -ms-transform: translateY(0px);

    transform: translateY(0px);

}



.header-one .menu-search a {

    height: 30px;

    width: 30px;

    background-color: #5aaf29;

    display: block;

    color: #fff;

    padding-top: 3px;

    text-align: center;

    font-size: 15px;

}



.header-three .menu-search a {

    color: #5aaf29

}



.menu-search-form input {

    padding: 10px;

  

    color: #232323;

    border: 1px solid #5aaf29;

}





.menu-search-form .screen-reader-text{



    display: none;  

}



.menu-search-form .search-submit{



    background-color: #5aaf29;

    color: #fff;

}



.btn-search {

    position: absolute;

    right: 5px;

    height: 95%;

    width: 30px;

    padding: 0;

    background-color: transparent;

    color: #5aaf29;

    border: 0;

}



.header-one {

    position: relative;

    background-color: #fff;

    z-index: 1;

}



.logo-one {

    width: 20%;

}



.logo-one .logo {

    width: 100%;

    max-width: 300px;

    margin: 0 auto

}



.logo-one .logo a {

    display: block;

    padding-bottom: 0;

}



.logo-one .logo .site-description{



font-size: 14px;



}

.head-top-one {

    background-color: #5aaf29;

    position: relative;

}



.header-one:after {

    background-color: #5aaf29;

    content: "";

    position: absolute;

    bottom: 0;

    height: 62px;

    z-index: -1;

    right: 0;

    width: 900px;

    top: 0

}



.head-top-one:after {

    background-color: #5aaf29;

    content: "";

    position: absolute;

    height: 62px;

    z-index: -1;

    left: -32px;

    width: 66px;

    top: 0;

    -webkit-transform: skew(43deg);

    transform: skew(43deg);

    -moz-transform: skew(43deg);

    -ms-transform: skew(43deg);

    -o-transform: skew(43deg);

}



.head-con {

    padding: 13.5px 0;

}



.head-con li i {

    margin-right: 5px;

}



.head-con li {

    font-family: 'Roboto', sans-serif;

    font-weight: 400;

    display: inline-block;

    color: #fff;

    padding: 5px 0;

    padding-right: 15px;

    margin-right: 15px;

    border-right: 1px solid rgba(255, 255, 255, 0.3)

}



.head-con li:last-child {

    border-right: 0;

}



.head-socials {

    text-align: right;

}



.head-socials a {

    color: #fff;

    font-size: 20px;

    margin: 21px 0;

    margin-left: 18px;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

}



.head-socials a:hover,.head-socials a:focus {

    color: #232323;

}



.menu-one {

    position: relative;

}



header {

    position: relative;

    z-index: 999;

}



/* header two */



.header-two {

    padding: 20px 0;

    position: absolute;

    top: 0;

    z-index: 9;

    width: 100%;

    left: 0;

}



.header-two.light .navbar-nav .nav-link {

    color: #fff

}



.affix.sticky-menu.light {

    background-color: #232323;

}



/* header three */



.header-three {

    padding: 14px 0;

    margin-bottom: -15px;

}



/*====================== 

    main slider

========================*/

.main-slider, .slide-item {

    position: relative;

    overflow: hidden;

}

.theme-slider .slide-item img {

    width: 100%;

    height:auto;

    background-size:contain;

    -o-object-fit: cover;

    object-fit: cover;

    object-position: top right;

}

.slide-overlay {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background-color: #fff;

    background-color:rgba(21, 21, 21, 0.4);

}

.slide-table {

    overflow: hidden;

    display: table;

    width: 100%;

    height: 100%;

}

.slide-table-cell {

    display: table-cell;

    vertical-align: middle;

}

.slide-content {

    overflow: hidden;

    color: #fff;

    max-width: 800px;

    margin-right: auto

}

.slide-content p {

    color: #fff;

}

.theme-slider .active .slide-content h2 {

    -webkit-animation: 1s .3s zoomIn both;

    animation: 1s .3s zoomIn both;

}

.theme-slider .active .slide-content p {

    -webkit-animation: 1s .4s zoomInRight both;

    animation: 1s .4s zoomInRight both;

}

.theme-slider .active .btn {

    -webkit-animation: 1s .5s slideInUp both;

    animation: 1s .5s slideInUp both;

}

.main-slider .owl-theme .owl-nav.disabled+.owl-dots {

    margin-top: 0;

    position: absolute;

    bottom: 40px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 999;

}







/*====================== 

    programs

========================*/



/* programs-slider-one */



.slider-wrap {

    position: relative;

    text-align: center;

}



.programs-slider-one {

    padding-top: 89px;

    text-align: center;

    height: 450px;

}



.programs-slider-one .swiper-slide img {

    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

    margin-bottom: 50px;

}



.programs-slider-one .swiper-slide-active img {

    -webkit-transform: scale(1.8);

    transform: scale(1.8);

    margin-bottom: 120px;

    -moz-transform: scale(1.8);

    -ms-transform: scale(1.8);

    -o-transform: scale(1.8);

}



.programs-slider-one .swiper-slide-active h5 {

    color: #5aaf29;

    margin: 0;

}



.programs-slider-one .swiper-slide:not(.swiper-slide-active) {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%)

}



.slider-wrap .swiper-button-next,

.slider-wrap .swiper-button-prev {

    background: none;

    height: auto;

    width: auto;

    line-height: 1;

    margin-top: -53px;

    font-size: 45px;

}



.slider-wrap .swiper-button-next {

    right: -50px;

}



.slider-wrap .swiper-button-prev {

    left: -50px;

}



.slider-wrap .swiper-button-prev::after {

    font-family: 'fontAwesome';

    content: '\f104';

    color: #232323;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}



.slider-wrap .swiper-button-next::after {

    font-family: 'fontAwesome';

    content: '\f105';

    color: #232323;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}



.slider-wrap .swiper-button-prev:hover::after,

.slider-wrap .swiper-button-next:hover::after ,.slider-wrap .swiper-button-prev:focus::after,

.slider-wrap .swiper-button-next:focus::after{

    color: #5aaf29;

}



/*====================== 

    video

========================*/



.video-one {

    margin-bottom: -190px;

}



.extra-pad {

    padding-top: 290px;

}



.vid-box {

    position: relative;

    text-align: center;

    z-index: 0;

}



.vid-box2 {

    position: relative;

    text-align: center;

    z-index: 0;

}



.vid-box2 img {

    width: 100%;

}



.video-one .vid-box::after {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: absolute;

    content: '';

    background: rgba(0, 0, 0, .5);

    z-index: 0;

}



.video-one .vid-box::before {

    width: 96%;

    height: 22px;

    bottom: 1px;

    left: 2%;

    position: absolute;

    content: '';

    -webkit-box-shadow: 0 11px 11px -4px rgba(123, 123, 132, 0.63);

    box-shadow: 0 13px 20px 0px rgba(123, 123, 132, 0.63);

    z-index: -1;

}



.vid-btn {

    position: absolute;

    z-index: 0;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    background-color: #fff;

    border-radius: 50%;

    color: #5aaf29;

    width: 60px;

    height: 60px;

    line-height: 61px;

    text-align: center;

    -webkit-animation: inout 1s infinite;

    animation: inout 1s infinite;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    text-align: center;

    font-size: 25px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    z-index: 9;

}



.vid-btn.dark {

    color: #232323;

    -webkit-animation: inout2 1s infinite;

    animation: inout2 1s infinite;

}



.vid-btn:hover,.vid-btn:focus {

    color: #5aaf29;

}



@-webkit-keyframes inout {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(90, 175, 41, 0.95);

        box-shadow: 0 0 0 0 rgba(90, 175, 41, 0.95);

    }

    70% {

        -webkit-box-shadow: 0 0 0 20px rgba(90, 175, 41, 0);

        box-shadow: 0 0 0 20px rgba(90, 175, 41, 0);

    }

    100% {

        -webkit-box-shadow: 0 0 0 0 rgba(90, 175, 41, 0);

        box-shadow: 0 0 0 0 rgba(90, 175, 41, 0);

    }

}



@keyframes inout {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(90, 175, 41, 0.95);

        box-shadow: 0 0 0 0 rgba(90, 175, 41, 0.95);

    }

    70% {

        -webkit-box-shadow: 0 0 0 20px rgba(90, 175, 41, 0);

        box-shadow: 0 0 0 20px rgba(90, 175, 41, 0);

    }

    100% {

        -webkit-box-shadow: 0 0 0 0 rgba(90, 175, 41, 0);

        box-shadow: 0 0 0 0 rgba(90, 175, 41, 0);

    }

}



@-webkit-keyframes inout2 {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(35, 35, 35, 0.95);

        box-shadow: 0 0 0 0 rgba(35, 35, 35, 0.95);

    }

    70% {

        -webkit-box-shadow: 0 0 0 20px rgba(35, 35, 35, 0);

        box-shadow: 0 0 0 20px rgba(35, 35, 35, 0);

    }

    100% {

        -webkit-box-shadow: 0 0 0 0 rgba(35, 35, 35, 0);

        box-shadow: 0 0 0 0 rgba(35, 35, 35, 0);

    }

}



@keyframes inout2 {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(35, 35, 35, 0.95);

        box-shadow: 0 0 0 0 rgba(35, 35, 35, 0.95);

    }

    70% {

        -webkit-box-shadow: 0 0 0 20px rgba(35, 35, 35, 0);

        box-shadow: 0 0 0 20px rgba(35, 35, 35, 0);

    }

    100% {

        -webkit-box-shadow: 0 0 0 0 rgba(35, 35, 35, 0);

        box-shadow: 0 0 0 0 rgba(35, 35, 35, 0);

    }

}



/*====================== 

    about

========================*/



/* about-one */



.feature-box {

    padding: 24.3px 23px;

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    margin-bottom: 30px;

    position: relative;

}



.feature-box::after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 3px;

    height: 0;

    transition: all 0.4s cubic-bezier(0.815, 1.650, 0.400, 0.680);

    -webkit-transition: all 0.4s cubic-bezier(0.815, 1.650, 0.400, 0.680);

    -moz-transition: all 0.4s cubic-bezier(0.815, 1.650, 0.400, 0.680);

    -ms-transition: all 0.4s cubic-bezier(0.815, 1.650, 0.400, 0.680);

    -o-transition: all 0.4s cubic-bezier(0.815, 1.650, 0.400, 0.680);

    z-index: 1;

    background: #5aaf29;

}



.feature-box:hover::after,.feature-box:focus::after {

    height: 100%;

    transition-delay: 0.21s;

    display:none;

}



.feature-box.type2 {

    border: 1px solid #d7d7d7;

}



.feature-box.type2:hover ,.feature-box.type2:focus {

    border-color: transparent;

}



.feature-box p {

    margin-bottom: 0

}



/*.feature-box:hover,.feature-box:focus {

    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);

}

*/

.feature-box h5 {

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

}



.feature-box:hover h5,.feature-box:focus h5 {

    color: #5aaf29

}



/* about-2 */



.about-2 {

    position: relative;

    z-index: 0;

}



.about-2::after {

    position: absolute;

    content: '';

    right: 0;

    top: 0;

    width: 38%;

    height: 100%;

    background-image: url('../img/home/abt2-bg.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    z-index: -1;

    opacity: 0.15;

}



/* about-3 */



.abt-box {

    display: table;

}



.text-box,

.btn-box {

    display: table-cell;

    vertical-align: middle;

}



.btn-box {

    padding-left: 20px;

}



/*====================== 

    services

========================*/



.service-two {

    font-size: 0

}



.service-box {

    background-color: #fff;

    margin-bottom: 30px;

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

}



.service-box img {

    width: 100%;

}



.service-box:hover ,.service-box:focus{

    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);

    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);

}



.service-box .service-content {

    padding: 23px;

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    border: 1px solid #d7d7d7;

}



.service-box .service-content * {

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

}



.service-box:hover .service-content * ,.service-box:focus .service-content *{

    color: #fff;

}



.service-box:hover .service-content ,.service-box:focus .service-content{

    background-color: #5aaf29;

    border-color: #5aaf29;

}



.service-box2 {

    width: calc(100% / 4);

    padding: 40px 40px 25px;

    display: inline-block;

    border: 1px solid #d7d7d7;

    border-top: 0;

    border-left: 0;

    background-color: #fff;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

    position: relative;

    z-index: 0;

}



.service-box3col{



  width: calc(100% / 2); 

      padding: 40px 40px 25px;

    display: inline-block;

    border: 1px solid #d7d7d7;

    border-top: 0;

    border-left: 0;

    background-color: #fff;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

    position: relative;

    z-index: 0; 

}



.service-box4col{



  width: calc(100% / 3); 

      padding: 40px 40px 25px;

    display: inline-block;

    border: 1px solid #d7d7d7;

    border-top: 0;

    border-left: 0;

    background-color: #fff;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

    position: relative;

    z-index: 0; 

}



.service-box2:after,.service-box3col:after,

.service-box4col:after

 {

    opacity: 0.2;

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background-color: #5aaf29;

    -webkit-transition: transform 0.4s cubic-bezier(0.815, 1.650, 0.400, 0.680);

    -moz-transition: transform 0.4s cubic-bezier(0.815, 1.650, 0.400, 0.680);

    -o-transition: transform 0.4s cubic-bezier(0.815, 1.650, 0.400, 0.680);

    transition: transform 0.4s cubic-bezier(0.815, 1.650, 0.400, 0.680);

    -ms-transition: transform 0.4s cubic-bezier(0.815, 1.650, 0.400, 0.680);

    z-index: -1;

    transform: scalex(0);

    -webkit-transform: scalex(0);

    -moz-transform: scalex(0);

    -ms-transform: scalex(0);

    -o-transform: scalex(0);

}



.service-box2:hover::after,.service-box2:focus::after,

.service-box3col:hover::after,.service-box3col:focus::after,

.service-box4col:hover::after,.service-box4col:focus::after

  {

    transform: scalex(1);

    -webkit-transform: scalex(1);

    -moz-transform: scalex(1);

    -ms-transform: scalex(1);

    -o-transform: scalex(1);

    opacity: 1;

}



.service-box2 * {

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

}



.service-box2:hover * ,.service-box2:focus *,

.service-box3col:hover * ,.service-box3col:focus *,

.service-box4col:hover * ,.service-box4col:focus *

{

    color: #fff;

}



.s-icon-box {

    display: table-cell;

    vertical-align: top;

}



.s-icon-box i {

    color: #232323;

    text-align: center;

    font-size: 45px;

    height: 71px;

    width: 71px;

    border: 1px solid #d7d7d7;

    display: block;

    padding: 12px 0;

}



.service-box2:hover,

.service-box2:hover .s-icon-box i,.service-box2:focus,

.service-box2:focus .s-icon-box i {

    border-color: #fff;

}



.s-content {

    display: table-cell;

    vertical-align: top;

    padding-left: 27px;

}



/* service 3 */



.service-box3 {

    position: relative;

    overflow: hidden;

}



.owl-carousel .owl-item .service-box3 img {

    position: relative;

    display: block;

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

}



.owl-carousel .owl-item .service-box3:hover img,.owl-carousel .owl-item .service-box3:focus img  {

    transform: scale(1.06) translateX(-7px);

    -webkit-transform: scale(1.06) translateX(-7px);

    -moz-transform: scale(1.06) translateX(-7px);

    -ms-transform: scale(1.06) translateX(-7px);

    -o-transform: scale(1.06) translateX(-7px);

}



.service-box3 h5 {

    position: absolute;

    bottom: 20px;

    left: 20px;

    right: 20px;

    padding: 20px;

    margin-bottom: 0;

    text-align: center;

    color: #fff;

    background-color: rgba(0, 0, 0, .7);

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    z-index: 0;

    overflow: hidden;

}



.service-box3 h5::before,

.service-box3 h5::after {

    background: #fff;

    content: '';

    position: absolute;

    z-index: -1;

}



.service-box3 h5::after {

    background-color: #5aaf29;

    height: 100%;

    left: -35%;

    top: 0;

    transform: skew(50deg);

    transition-duration: 0.6s;

    transform-origin: top left;

    width: 0;

    opacity: 0;

    transition: all 0.4s cubic-bezier(0.815, 1.650, 0.400, 0.680);

    -webkit-transition: all 0.4s cubic-bezier(0.815, 1.650, 0.400, 0.680);

    -moz-transition: all 0.4s cubic-bezier(0.815, 1.650, 0.400, 0.680);

    -ms-transition: all 0.4s cubic-bezier(0.815, 1.650, 0.400, 0.680);

    -o-transition: all 0.4s cubic-bezier(0.815, 1.650, 0.400, 0.680);

}



.service-box3:hover h5::after,.service-box3:focus h5::after {

    height: 100%;

    width: 135%;

    opacity: 1;

}



/*====================== 

    counter

========================*/



.counter-one {

    background-image: url('../img/home/counter-bg.jpg');

    background-repeat: no-repeat;

    background-attachment: fixed;

    z-index: 0;

    background-size: cover;

    position: relative;

}



.counter-one::after {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: absolute;

    content: '';

    background: rgba(0, 0, 0, .75);

    z-index: -1;

}



.counter-box * {

    transition: all .6s ease;

    -webkit-transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

}



.counter-box {

    text-align: center;

    padding:35px 20px 20px;

    background-color: #fff;

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    position: relative;

    z-index: 0;

}



.counter-box:after {

    opacity: 1;

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background-color: #5aaf29;

    -webkit-transition: all 0.4s ease-in-out 0s;

    -o-transition: all 0.4s ease-in-out 0s;

    transition: all 0.4s ease-in-out 0s;

    -moz-transition: all 0.4s ease-in-out 0s;

    -ms-transition: all 0.4s ease-in-out 0s;

    z-index: -1;

    transform: scaleY(0) skewY(25deg);

    -webkit-transform: scaleY(0) skewY(25deg);

    -moz-transform: scaleY(0) skewY(25deg);

    -ms-transform: scaleY(0) skewY(25deg);

    -o-transform: scaleY(0) skewY(25deg);

}



.counter-box:hover:after,.counter-box:focus:after,

.counter-box.active:after {

    opacity: 1;

    transform: scaleY(1) skewY(0);

    -webkit-transform: scaleY(1) skewY(0);

    -moz-transform: scaleY(1) skewY(0);

    -ms-transform: scaleY(1) skewY(0);

    -o-transform: scaleY(1) skewY(0);

}



.counter-box h2 {

    line-height: 1;

}



.counter-box.active *,

.counter-box:hover * ,.counter-box:focus * {

    color: #fff

}



.icon-box {

    position: relative;

    padding-bottom: 25px;

    margin-bottom: 20px;

    text-align: center

}



.icon-box i {

    font-size: 40px;

    color: #232323;

    position: relative;

}



.icon-box::after {

    position: absolute;

    background-color: #d7d7d7;

    height: 4px;

    width: 40px;

    content: '';

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

}



.counter-box.active .icon-box::after,

.counter-box:hover .icon-box::after,.counter-box:focus .icon-box::after {

    background-color: #fff;

}



/*====================== 

    classes

========================*/



.class-box {

    text-align: center;

    margin-bottom: 30px;

}



.class-img {

    overflow: hidden;

}



.class-box img {

    transition: all .6s ease;

    -webkit-transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    width: 100%;

}



.class-box:hover img ,.class-box:focus img {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

}



.class-box h5 {

    padding: 15px;

    background-color: #d7d7d7;

    margin-bottom: 0;

    overflow: hidden;

    position: relative;

    z-index: 0;

}



.class-box h5 a {

    -moz-transition: all .6s ease-in-out;

    -ms-transition: all .6s ease-in-out;

    -webkit-transition: all .6s ease-in-out;

    -o-transition: all .6s ease-in-out;

    transition: all .6s ease-in-out;

}



.class-box h5:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    -webkit-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    transition: all .6s ease-in-out;

    z-index: -1;

    -moz-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

}



.class-box h5:after {

    position: absolute;

    content: '';

    top: 0;

    right: 0;

    width: 0;

    height: 100%;

    -webkit-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    z-index: -1;

    -moz-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

}



.class-box:hover h5:before,

.class-box:hover h5:after,

.class-box:focus h5:before,

.class-box:focus h5:after {

    width: 100%;

    background-color: #5aaf29;

}



.class-box:hover h5 a,.class-box:focus h5 a {

    color: #fff;

}



.class-schedule {

    border: 1px solid #d7d7d7;

    padding: 22px 10px 17px;

    background-color: #fff;

}



.class-box .class-icon {

    color: #232323;

    text-align: center;

    border: 1px solid #d7d7d7;

    border-bottom: 0;

    padding: 20px 10px;

}



.class-box i {

    font-size: 70px;

}



.class-3slider.owl-theme .owl-nav {

    margin-top: 50px;

}



.class-3slider.owl-theme .owl-nav [class*=owl-] {

    padding: 0;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    font-size: 45px;

    font-weight: 700;

    background-color: transparent;

    margin: 0 10px;

    line-height: 1;

    color: #232323;

}



.class-3slider.owl-theme .owl-nav [class*=owl-]:hover ,.class-3slider.owl-theme .owl-nav [class*=owl-]:focus {

    color: #5aaf29

}





/*====================== 

   trainer

========================*/



/* trainer-one */



.trainer-one {

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-size: cover;

    z-index: 0;

    position: relative;

}



.trainer-one::after {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: absolute;

    content: '';

    background: rgba(0, 0, 0, .85);

    z-index: -1;

}



.team-one {

    position: relative;

    text-align: center;

    overflow: hidden;

    margin-bottom: 30px;

}



.team-one .team-img {

    position: relative;

    max-height: 300px;

    overflow: hidden;

}



.team-one .team-img::after {

    width: 100%;

    height: 2px;

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    content: "";

    background-image: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0));

    background-image: -o-linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0));

    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0));

}



.team-one .team-det {

    text-align: center;

}



.team-one .t-overlay {

    position: absolute;

    bottom: 20px;

    left: 0;

    background: #fff;

    width: 100%;

    opacity: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform: scale(0.5) rotate(-20deg);

    -ms-transform: scale(0.5) rotate(-20deg);

    transform: scale(0.5) rotate(-20deg);

    -webkit-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out

}



.team-one:hover .t-overlay,.team-one:focus .t-overlay {

    opacity: 1;

    -webkit-transform: scale(1) rotate(0);

    -ms-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0);

}



.team-one .team-social {

    width: 45px;

    height: 100%;

    padding: 10px;

    background-color: #5aaf29;

    display: table-cell;

    vertical-align: middle;

    overflow: hidden;

}



.team-one .t-content {

    display: table-cell;

    vertical-align: middle;

    padding: 24px;

    text-align: left

}



.team-one .team-social li {

    margin: 13px 0;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    -webkit-transform: translateX(-20px) rotateY(180deg);

    transform: translateX(-20px) rotateY(180deg);

    opacity: 0;

}



.team-one:hover .team-social li,.team-one:focus .team-social li {

    opacity: 1;

    ;

    -webkit-transform: translateX(0) rotateY(0);

    ;

    transform: translateX(0) rotateY(0);

    -webkit-transition-delay: 0.3s;

    -o-transition-delay: 0.3s;

    transition-delay: 0.3s

}



.team-one:hover .team-social li:nth-child(odd),.team-one:focus .team-social li:nth-child(odd) {

    -webkit-transition-delay: 0.4s;

    -o-transition-delay: 0.4s;

    transition-delay: 0.4s

}



.team-one .team-social li a {

    font-size: 18px;

    color: #fff;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease

}



.team-one .team-social li a:hover,.team-one .team-social li a:focus {

    color: #232323;

}



/* trainer-two */



.team-two {

    border: 1px solid #d7d7d7;

    background-color: #fff;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    display: table;

    width: 100%;

    padding: 30px;

    position: relative;

    overflow: hidden;

}



.team-two:hover,.team-two:focus {

    border-color: #5aaf29

}



.team-two .team-det {

    display: table-cell;

    vertical-align: middle;

    max-width: 70%;

    padding-right: 25px;

}



.team-two .team-img {

    display: table-cell;

    width: 155px;

    vertical-align: bottom;

}



.team-two .team-img img {

    width: auto;

    margin-bottom: -35px;

    max-width: 100%;

}



.team-two .t-socials a {

    margin-right: 15px;

    margin-top: 5px;

    display: inline-block;

    font-size: 16px;

    color: #232323;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.team-two .t-socials a:hover,.team-two .t-socials a:focus {

    color: #5aaf29

}



.team-slider-two.owl-theme .owl-nav {

    margin-top: 40px;

}



.team-slider-two.owl-theme .owl-nav .owl-prev,

.team-slider-two.owl-theme .owl-nav .owl-next {

    padding: 0;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    font-size: 45px;

    font-weight: 700;

    background-color: transparent;

    margin: 0 10px;

    line-height: 1;

    color: #232323;

}



.team-slider-two.owl-theme .owl-nav [class*=owl-]:hover,.team-slider-two.owl-theme .owl-nav [class*=owl-]:focus {

    color: #5aaf29

}



/*====================== 

   blog

========================*/



.blog {

    position: relative;

    z-index: 0;

}



.blog-item {

    margin-bottom: 30px;

    background-color: #fff;

    position: relative;

}



.blog-item iframe {

    width: 100%;

    height: 250px;

    border: 0;

}



.blog-1 {

    text-align: center;

}



.post-meta {

    padding: 7px 0;

    position: relative;

    text-align: center;

}



.blog-2 .post-meta {

    background-color: #d7d7d7;

}



.blog-1 .post-meta {

    margin: 0 10px;

    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);

    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);

    z-index: 1;

    background-color: #fff;

}



.post-meta li {

    display: inline-block;

    font-size: 14px;

    margin: 8px 0;

    padding: 0 20px;

    position: relative;

    line-height: 1;

    text-transform: capitalize;

    font-family: 'Roboto', sans-serif;

}



.blog-1 .post-img {

    overflow: hidden;

    margin-bottom: -20px;

    position: relative;

}



.post-img {

    overflow: hidden;

}



.post-img img {

    width: 100%;

    transition: all 0.9s ease;

    -webkit-transition: all 0.9s ease;

    -moz-transition: all 0.9s ease;

    -ms-transition: all 0.9s ease;

    -o-transition: all 0.9s ease;

}



.blog-item:hover .post-img img,.blog-item:focus .post-img img {

    transform: scale(1.1) rotate(-2deg);

    -webkit-transform: scale(1.1) rotate(-2deg);

    -moz-transform: scale(1.1) rotate(-2deg);

    -ms-transform: scale(1.1) rotate(-2deg);

    -o-transform: scale(1.1) rotate(-2deg);

}



.post-meta li::after {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    width: 1px;

    height: 15px;

    background-color: rgba(0, 0, 0, 0.5);

}



.post-meta li:last-child::after {

    display: none;

}



.post-meta li i {

    margin-right: 5px;

    color: #232323;

}



.post-meta li a {

    text-transform: capitalize;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    text-decoration: none;

}



.blog-2 .post-meta li a {

    color: #232323;

}



.post-meta li a:hover,.post-meta li a:focus {

    color: #5aaf29

}



.blog-2 .post-content {

    border: 1px solid #d7d7d7;

}



.post-content h5 a {

    text-transform: initial;

    line-height: 1.4;

}



.blog .blog-item .date

 {

    background-color: #fff;

    position: absolute;

    right: 10px;

    top: 10px;

    padding: 8px;

    text-align: center;

    -webkit-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    transition: all 0.6s ease;

    min-width: 60px;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

}



.blog .blog-item:hover .date,.blog .blog-item:focus .date {

    background-color: #5aaf29;

}



.blog .blog-item:hover .date * ,.blog .blog-item:focus .date * {

    color: #fff;

}



.blog .blog-item .date p {

    font-size: 16px;

    color: #232323;

    text-transform: uppercase;

    line-height: 1;

    font-weight: 500;

    margin-bottom: 0;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.blog .blog-item .date span {

    font-size: 24px;

    color: #232323;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    margin-bottom: 5px;

    display: block;

}







.archive .blog-item .date {

    background-color: #fff;

    position: absolute;

    right: 10px;

    top: 10px;

    padding: 8px;

    text-align: center;

    -webkit-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    transition: all 0.6s ease;

    min-width: 60px;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

}



.archive .blog-item:hover .date ,.archive .blog-item:focus .date{

    background-color: #5aaf29;

}



.archive .blog-item:hover .date * ,.archive .blog-item:focus .date * {

    color: #fff;

}



.archive .date p {

    font-size: 16px;

    color: #232323;

    text-transform: uppercase;

    line-height: 1;

    font-weight: 500;

    margin-bottom: 0;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.archive .blog-item .date span {

    font-size: 24px;

    color: #232323;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    margin-bottom: 5px;

    display: block;

}









.search .blog-item .date {

    background-color: #fff;

    position: absolute;

    right: 10px;

    top: 10px;

    padding: 8px;

    text-align: center;

    -webkit-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    transition: all 0.6s ease;

    min-width: 60px;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

}



.search .blog-item:hover .date,.search .blog-item:focus .date {

    background-color: #5aaf29;

}



.search .blog-item:hover .date *,.search .blog-item:focus .date * {

    color: #fff;

}



.search .date p {

    font-size: 16px;

    color: #232323;

    text-transform: uppercase;

    line-height: 1;

    font-weight: 500;

    margin-bottom: 0;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.search .blog-item .date span {

    font-size: 24px;

    color: #232323;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    margin-bottom: 5px;

    display: block;

}







/*====================== 

   blog detail

========================*/



.blog-detail .post-meta li:first-child {

    padding-left: 0;

}



.blog-detail .post-meta li i {

    color: #5aaf29;

}



blockquote {

    margin: 30px 0;

    margin-left: 25px;

    border-left: 5px solid #5aaf29;

    padding-left: 25px;

}



blockquote p {

    color: #232323;

}



.share .jssocials-share {

    display: inline-block;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    border-radius: 5px;

    margin: 0 5px;

    text-align: center;

}

.share .jssocials-share:last-child{

    margin-right: 0;

}

.share .jssocials-share a {

    font-size: 19px;

    color: #858585;

    line-height: 1;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.share .jssocials-share:hover a,.share .jssocials-share:focus a {

    color: #5aaf29;

}



.post-tags {

    padding: 15px 0;

    border: 1px solid #d7d7d7;

    border-left: 0;

    border-right: 0;

    font-family: 'Roboto', sans-serif;

}



.post-tags a {

    text-transform: capitalize;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    margin: 0 2px;

}



.post-tags a:hover,.post-tags a:focus {

    color: #5aaf29;

}



.author-post {

    background-color: #f5f5f5;

    padding: 30px;

}



.aut-img {

    display: table-cell;

    vertical-align: middle;

    width: 160px;

    padding-right: 20px;

}



.aut-img span {

    border: 2px solid #5aaf29;

    display: inline-block;

    padding: 3px;

}



.aut-content {

    display: table-cell;

    vertical-align: middle;

}



/* comments */



.comment-body {

    position: relative;

    margin-bottom: 50px;

    position: relative;

    padding-left: 150px;

}



ol.comment-list {

    position: relative;

    padding: 0;

}



.comment-author .avatar {

    position: absolute;

    left: 0;

    width: 130px;

}



.comment-author .fn {

    font-size: 18px;

    font-weight: 600;

    text-transform: uppercase;

    color: #232323;

    font-style: normal;

    font-family: 'Open Sans', sans-serif;

}



.says {

    color: #5aaf29;

    font-size: 18px;

    font-weight: 600;

    text-transform: uppercase;

    font-family: 'Open Sans', sans-serif;

}



.comment-meta a {

    color: #5aaf29;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    margin-bottom: 10px;

    margin-top: 2px;

    display: block;

}



.reply {

    position: absolute;

    top: 0;

    right: 0;

    background-color: #f5f5f5;

    padding: 2px 8px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.reply:hover ,.reply:focus{

    background-color: #5aaf29;

    color: #fff;

}



.form-control {

    margin-bottom: 30px;

    border: 0;

    border: 1px solid #d7d7d7;

    text-transform: capitalize;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-radius: 0;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    padding-left: 55px;

    background-color: #fff;

    color: #666;

    font-weight: 400;

    position: relative;

    padding: 10px;

    height: auto;

}



/*====================== 

   cta

========================*/





section.cta {

    padding: 90px 0;

    position: relative;

    background-color: #5aaf29;

}





/*section.cta::after { content:'';

    width:100%;

    height:100%;

    display:block;

    position: absolute;

    top:0; left:0;

    background-color:rgba(90, 175, 41, 0.9);

    z-index:1;

}*/



section.cta .container { z-index:2; position:relative; }





/*====================== 

   footer

========================*/



/* footer-one */



.footer .foot-top {

    padding: 100px 0 40px;

}



.foot-logo {

    margin-bottom: 39px;

}



.foot-top {

    position: relative;

}



.quick-link a,

.news-content a {

    font-family: 'Roboto', sans-serif;

}



.footer-one {

    color: #fff;

    background-color: #232323;

}



.footer-one *,

.footer-two * {

    color: #fff;

}



.footer-two .foot-top {

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    background-position: center;

    position: relative;

    z-index: 0;

}



.footer-three {

    background-color: #fff;

}



.footer-three * {

    color: #232323;

}



.footer-two .foot-top::after {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: absolute;

    content: '';

    background: rgba(0, 0, 0, .83);

    z-index: -1;

}



.foot-title {

    margin-bottom: 35px;

}



.foot-title h4 {

    padding-bottom: 15px;

    position: relative;

}



.foot-title h4::after {

    position: absolute;

    background-color: #5aaf29;

    height: 2px;

    width: 60px;

    content: '';

    bottom: 0;

    left: 0;

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

}



.address li {

    position: relative;

    padding-left: 30px;

    margin: 20px 0;

}



.address i {

    position: absolute;

    left: 0;

    top: 3px;

    font-size: 15px;

    color: #5aaf29;

}



.news-content a {

    margin-bottom: 4px;

    display: block;

    font-weight: 400;

}



.news-content p,

.news-content p i {

    font-size: 14px;

    color: #5aaf29;

    margin-bottom: 0;

}



.news-post {

    position: relative;

    padding-bottom: 18px;

    margin-bottom: 18px;

    border-bottom: 1px dashed rgba(179, 179, 179, 0.5);

}



.news-post:last-child {

    border-bottom: 0;

    padding-bottom: 0;

    margin-bottom: 0;

}



.news-post .thumb {

    width: 90px;

    display: table-cell;

    vertical-align: top;

    padding-right: 15px;

}



.news-content {

    display: table-cell;

    vertical-align: top;

}



.foot-socials a {

    font-size: 20px;

    margin-top: 10px;

    margin-right: 18px;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

}



.foot-socials a:hover ,.foot-socials a:focus{

    color: #5aaf29;

}



.quick-link li {

    padding-bottom: 15px;

    margin-bottom: 15px;

    border-bottom: 1px dashed rgba(179, 179, 179, 0.5)

}



.quick-link li:last-child {

    border-bottom: 0;

    padding-bottom: 0;

    margin-bottom: 0;

}



.quick-link li a {

    position: relative;

    padding-left: 30px;

    text-transform: capitalize;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.quick-link li a:after {

    font-size: 17px;

    content: "\f101";

    font-family: "FontAwesome";

    position: absolute;

    left: 0;

    top: 0;

    line-height: 1;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.quick-link li a:hover:after ,.quick-link li a:focus:after{

    -webkit-transform: translateX(5px);

    -ms-transform: translateX(5px);

    transform: translateX(5px);

    color: #5aaf29

}



.quick-link li a:hover,.quick-link li a:focus {

    color: #5aaf29

}



.hours-schedule li {

    padding-bottom: 15px;

    margin-bottom: 15px;

    border-bottom: 1px dashed rgba(179, 179, 179, 0.5);

    display: block;

    overflow: hidden;

}



.hours-schedule li:last-child {

    border-bottom: 0;

    padding-bottom: 0;

    margin-bottom: 0;

}



.hours-schedule li span {

    float: left;

    text-transform: capitalize;

}



.hours-schedule li span+span {

    float: right;

}



/* foot-bottom */



.foot-bottom {

    padding: 26px 0 10px;

    text-align: center;

    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);

}



.foot-bottom a {

    color: #5aaf29;

    font-weight: 600;

}



.footer-two .foot-bottom {

    background-color: #232323;

}



.footer-three .foot-bottom {

    background-color: #fff;

    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1);

    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);

}



/*====================== 

    gallary

========================*/



/* gallary one */



.sorting {

    font-size: 0;

    width: 100%;

    padding: 0 15px;

    background-color: #fff;

    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);

}



.filter-btn {

    background-color: #fff;

    display: inline-block;

    cursor: pointer;

    color: #232323;

    padding: 15px 30px;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 600;

    position: relative;

}



.filter-btn.active span {

    color: #fff;

}



.filter-btn span {

    display: block;

    position: relative;

    z-index: 5;

    color: #232323;

    -webkit-transition: all .6s ease-in-out;

    -o-transition: all .6s ease-in-out;

    transition: all .6s ease-in-out;

}



.filter-btn:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    -webkit-transition: all .6s ease-in-out;

    -o-transition: all .6s ease-in-out;

    transition: all .6s ease-in-out;

    z-index: 1;

    -webkit-transform: skewX(-25deg);

    -ms-transform: skewX(-25deg);

    transform: skewX(-25deg);

    -moz-transition: all .6s ease-in-out;

    -ms-transition: all .6s ease-in-out;

}



.filter-btn:after {

    position: absolute;

    content: '';

    top: 0;

    right: 0;

    width: 0;

    height: 100%;

    -webkit-transition: all .6s ease-in-out;

    -o-transition: all .6s ease-in-out;

    transition: all .6s ease-in-out;

    z-index: 1;

    transform: skewX(-25deg);

    -webkit-transform: skewX(-25deg);

    -moz-transform: skewX(-25deg);

    -ms-transform: skewX(-25deg);

    -o-transform: skewX(-25deg);

}



.filter-btn.active:before,

.filter-btn.active:after {

    width: 100%;

    background-color: #5aaf29;

}



.project {

    position: relative;

}



.project .proj-img {

    position: relative;

    overflow: hidden;

}



.project .proj-img img {

    width: 100%;

}



.proj-overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    z-index: 0;

}



.proj-overlay:after {

    opacity: 1;

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    background: rgba(0, 0, 0, 0.45);

    -webkit-transition: all 0.45s ease-in-out 0s;

    -o-transition: all 0.45s ease-in-out 0s;

    transition: all 0.45s ease-in-out 0s;

    -moz-transition: all 0.45s ease-in-out 0s;

    -ms-transition: all 0.45s ease-in-out 0s;

    z-index: -1;

    transform: skewX(-25deg);

    -webkit-transform: skewX(-25deg);

    -moz-transform: skewX(-25deg);

    -ms-transform: skewX(-25deg);

    -o-transform: skewX(-25deg);

}



.proj-overlay:before {

    opacity: 1;

    position: absolute;

    content: "";

    right: 0;

    top: 0;

    width: 0;

    height: 100%;

    background: rgba(0, 0, 0, 0.45);

    -webkit-transition: all 0.45s ease-in-out 0s;

    -o-transition: all 0.45s ease-in-out 0s;

    transition: all 0.45s ease-in-out 0s;

    -moz-transition: all 0.45s ease-in-out 0s;

    -ms-transition: all 0.45s ease-in-out 0s;

    z-index: -1;

    transform: skewX(-25deg);

    -webkit-transform: skewX(-25deg);

    -moz-transform: skewX(-25deg);

    -ms-transform: skewX(-25deg);

    -o-transform: skewX(-25deg);

}



.project:hover .proj-overlay:after,

.project:hover .proj-overlay:before,

.project:focus .proj-overlay:after,

.project:focus .proj-overlay:before {

    opacity: 1;

    width: 100%;

    transform: skewX(0);

    -webkit-transform: skewX(0);

    -moz-transform: skewX(0);

    -ms-transform: skewX(0);

    -o-transform: skewX(0);

}



.proj-overlay .pop-btn {

    opacity: 0;

    color: #fff;

    font-size: 40px;

    -webkit-transition: all 0.45s ease-in-out;

    -o-transition: all 0.45s ease-in-out;

    transition: all 0.45s ease-in-out;

    -moz-transition: all 0.45s ease-in-out;

    -ms-transition: all 0.45s ease-in-out;

    transform: translateY(-20px) rotateX(80deg);

    -webkit-transform: translateY(-20px) rotateX(80deg);

    -moz-transform: translateY(-20px) rotateX(80deg);

    -ms-transform: translateY(-20px) rotateX(80deg);

    -o-transform: translateY(-20px) rotateX(80deg);

}



.project:hover .pop-btn,.project:focus .pop-btn {

    opacity: 1;

    -webkit-transition-delay: 0.4s;

    -o-transition-delay: 0.4s;

    transition-delay: 0.4s;

    transform: translateY(0) rotateX(0);

    -webkit-transform: translateY(0) rotateX(0);

    -moz-transform: translateY(0) rotateX(0);

    -ms-transform: translateY(0) rotateX(0);

    -o-transform: translateY(0) rotateX(0);

}



.proj-content {

    background-color: #fff;

    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);

    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);

    padding: 15px;

    text-align: center;

    -webkit-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    transition: all 0.6s ease;

}



.proj-content h5,

.proj-content h6 {

    margin-bottom: 0;

}



.proj-content h6 {

    font-size: 14px;

}



.proj-content * {

    -webkit-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    transition: all 0.6s ease;

}



.project:hover .proj-content,.project:focus .proj-content {

    background-color: #5aaf29

}



.project:hover .proj-content *,.project:focus .proj-content * {

    color: #fff

}



/*====================== 

    testimonial

========================*/



/* testimonial one */



.testi-inner {

    pointer-events: none;

    position: relative;

    overflow: hidden;

}



.testi-inner img {

    width: 100%;

}



.testi-dot {

    cursor: pointer;

    margin-bottom: 30px;

}



.testi-overlay {

    z-index: 0;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

}



.testi-overlay::after {

    opacity: 0;

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.70);

    -webkit-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

    z-index: -1;

    transform: scale(0.7);

    -webkit-transform: scale(0.7);

    -moz-transform: scale(0.7);

    -ms-transform: scale(0.7);

    -o-transform: scale(0.7);

}



.testi-dot.active .testi-overlay::after {

    opacity: 1;

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

}



.overlay-in {

    opacity: 0;

    position: absolute;

    bottom: 0;

    text-align: center;

    width: 100%;

    padding: 20px;

    padding-bottom: 40px;

    transform: translateY(100px);

    -webkit-transform: translateY(100px);

    -moz-transform: translateY(100px);

    -ms-transform: translateY(100px);

    -o-transform: translateY(100px);

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    z-index: 99;

}



.testi-dot.active .overlay-in {

    opacity: 1;

    -webkit-transition-delay: 0.2s;

    -o-transition-delay: 0.2s;

    transition-delay: 0.2s;

    transform: translateY(0);

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

}



.testi-one-slider {

    background-color: #fff;

    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);

    padding: 30px;

    margin-top: -50px;

}



.testi-item p {

    position: relative;

    padding-left: 25px;

    padding-top: 10px;

    margin-bottom: 0;

}



.testi-item p::before {

    content: "\f10d";

    font-family: "FontAwesome";

    font-size: 20px;

    color: rgba(0, 0, 0, 0.2);

    position: absolute;

    left: 0;

    top: 0;

}



.testi-item p::after {

    content: "\f10e";

    font-family: "FontAwesome";

    font-size: 20px;

    color: rgba(0, 0, 0, 0.2);

    padding-left: 10px;

}



.testi-one-slider.owl-theme .owl-nav [class*=owl-] {

    color: #FFF;

    font-size: 24px;

    padding: 0;

    padding-top: 3px;

    line-height: 1;

    border-radius: 0;

    height: 33px;

    width: 33px;

    background-color: #232323;

}



.testi-one-slider .owl-nav {

    margin-top: 20px;

}



/*====================== 

    partner

========================*/



.partner-one {

    padding: 80px 0;

}



.partner-slider .owl-item img {

    width: auto;

    margin: 0 auto;

}



/* ==========================

    page-banner

============================*/



.page-banner {

    position: relative;

    z-index: 0;

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

    background-position: center;

    padding: 110px 0;

}



.page-banner.type-2 {

    padding-top: 205px

}



.page-banner::after {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0.80;

    background-color: #000;

    z-index: -1;

}



.page-banner h3 {

    color: #fff;

    margin: 0;

    margin-bottom: 15px;

    font-size: 40px;

}



.banner-link li {

    display: inline-block;

    position: relative;

    margin: 6px 0 0;

    margin-right: 5px;

    font-size: 16px;

    font-weight: 500;

}



.banner-link li::after {

    content: '/';

    color: #fff;

}



.banner-link li:last-child {

    margin-right: 0;

}



.banner-link li a {

    color: #fff;

    text-transform: uppercase;

    padding-right: 5px;

}



.banner-link li:last-child::after {

    display: none;

}



.banner-link li span {

    font-size: 18px;

    font-weight: 500;

    color: #5aaf29;

    text-transform: uppercase;

}



/* ======================

    accordion

======================= */



.acc-card {

    margin-bottom: 30px;

    background-color: #fff;

}



.acc-link {

    display: block;

    padding: 10px 20px;

    padding-left: 57px;

    border: 1px solid #d7d7d7;

    font-size: 16px;

    color: #232323;

    background-color: #fff;

    font-weight: 600;

    width: 100%;

    text-align: left;

    cursor: pointer;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    position: relative;

    text-transform: uppercase;

}



.acc-link.collapsed {

    border-color: #d7d7d7;

}



.acc-link:before,

.acc-link.collapsed:before {

    position: absolute;

    content: "\f068";

    font-family: "fontAwesome";

    color: #232323;

    left: 20px;

    text-align: center;

    font-size: 14px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    font-weight: 400;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.acc-link.collapsed:before {

    content: "\f067";

}



.acc-card .card-body {

    padding: 20px 20px 5px;

    border: 1px solid #d7d7d7;

    border-top: 0;

    padding-left: 57px;

}



/* ======================

    sidebar

======================= */



.widget {

    margin-bottom: 60px;

    position: relative;

}



.widget:last-child {

    margin-bottom: 0 !important;

}



.widget li {

    font-family: 'Roboto', sans-serif;

}



.widget.widget_media_gallery {

    margin-bottom: 45px;

}



.widget_categories li,

.widget_archive li {

    padding-bottom: 15px;

    text-align: right;

    margin-bottom: 15px;

    position: relative;

    border-bottom: 1px dashed #d7d7d7;

    text-transform: capitalize;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    overflow: hidden;

}



.widget_categories li:last-child,

.widget_archive li:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: 0;

}



.widget_categories li a,

.widget_archive li a {

    float: left;

    clear: both;

}



.widget_categories li:hover,

.widget_archive li:hover,.widget_categories li a:focus,

.widget_archive li a:focus {

    color: #5aaf29;

}



.widget_media_gallery .gallery-item {

    width: calc((100% - 30px) / 3);

    float: left;

    margin-right: 10px;

    margin-bottom: 10px;

    position: relative;

    overflow: hidden;

}



.widget_media_gallery .gallery-item img {

    width: 100%

}



.widget_media_gallery .gallery-item:nth-child(3n+3) {

    margin-right: 0;

}



.news-box .form-control {

    display: block;

    width: 100%;

    border: 1px solid #d7d7d7;

    border-radius: 0;

    padding: 10px;

    height: auto;

    margin-bottom: 20px;

}



.news-box .btn {

    width: 100%;

}



.search-box .form-control {

    border: 1px solid #d7d7d7;

    border-radius: 0;

    padding: 10px;

    height: 45px;

}



.search-box .input-group-btn button {

    background-color: #5aaf29;

    border: 0;

    color: #fff;

    font-size: 15px;

    padding: 0 16px;

    height: 45px;

    cursor: pointer;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 600;

}



.tagcloud li {

    display: inline-block;

    margin: 4px 2px;

}



.tagcloud li a {

    display: block;

    color: #232323;

    border: 1px solid #d7d7d7;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    text-transform: capitalize;

    padding: 5px 20px;

    font-size: 16px;

}



.tagcloud li a:hover,.tagcloud li a:focus {

    border-color: #5aaf29;

    background-color: #5aaf29;

    color: #fff;

}



.widget-tabs {

    border-bottom: 1px solid #5aaf29;

}



.widget-tabs a {

    width: 50%;

    padding: 5px;

    background-color: #f5f5f5;

    color: #232323;

    padding: 10px;

    text-align: center;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.widget-tabs a.active {

    background-color: #5aaf29;

}



.widget-tabs a.active h5 {

    color: #fff;

}



/*====================== 

   pagination

========================*/



.pagination-blog {

    overflow: hidden;

}



.pagination-blog a {

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    color: #232323;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

}



.blog-next {

    float: right;

}



.pagination-blog a:hover,.pagination-blog a:focus {

    color: #5aaf29;

}







.pagination { padding:0px; margin:0px; text-align:center !important; display:inline-block;

width:100%; }

.pagination .nav-links .page-numbers { color:#797979; background-color: #fff; 

    border: 1px solid #ddd; font-size: 14px;  border-color: #e4e4e4; text-align: center;

    line-height:25px; margin-right:15px; min-width:30px; height:30px; 

     border-radius:0; display:inline-block; line-height:28px; padding:0 8px;  }



.pagination .nav-links .page-numbers:last-child { margin-right:0px; }



.pagination .nav-links .page-numbers.active{ -webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.22);

-moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.22); box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.22); }

.pagination .nav-links .page-numbers.current, .pagination .nav-links .page-numbers:hover{ background:#5aaf29;  color: #fff; border:solid 1px #5aaf29; }





/*====================== 

   contact us

========================*/



#theme-map {

    height: 239px;

    width: 100%;

}



.adress-box {

    border: 1px solid #d7d7d7;

    padding: 30px;

    padding-bottom: 10px;

}



/*====================== 

   error

========================*/



.error-one {

    padding: 120px 0 140px;

    text-align: center;

}



.error-one h2 {

    color: #ffffff;

    font-weight: 800;

    font-size: 250px;

    line-height: 1;

    text-shadow: 8.485px 8.485px 30px rgba(35, 35, 35, 0.3);

}



.error-one h3 {

    font-size: 70px;

    margin-bottom: 30px;

    font-weight: 700;

}



.error-bottom {

    /*  display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;*/

    text-align: center;

    max-width: 500px;

    margin: 0 auto;

}



.or {

    font-size: 25px;

    text-transform: uppercase;

    font-weight: 700;

    display: inline-block;

}



.error-two {

    background-repeat: no-repeat;

    background-size: cover;

    padding: 285px 0;

    background-position: center;

    text-align: center;

}



.error-text h2 {

    margin-bottom: 30px;

    color: #ffffff;

    font-weight: 700;

    font-size: 250px;

    line-height: 1;

    text-shadow: -10.607px 10.607px 4px rgba(0, 0, 0, 0.3);

}



.error-text p {

    color: #232323;

    font-size: 20px;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 40px;

}



.go-home {

    font-size: 25px;

    color: #232323;

    text-transform: capitalize;

    font-weight: 700;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

}



.go-home:hover,.go-home:focus {

    color: #000

}



/* ======================

    element page

======================= */



.element-head span {

    display: inline-block;

    padding: 8px 30px;

    text-transform: capitalize;

    font-weight: 600;

    font-size: 20px;

    margin-bottom: 30px;

    color: #fff;

    background-color: #232323;

}



.typography .btn {

    margin-right: 15px;

    margin-bottom: 15px;

}



.typography li {

    font-family: 'Roboto', sans-serif;

}



.typography li::before {

    content: "\25C7";

    padding-right: 2px;

    color: #232323;

    font-size: 12px;

    font-weight: 700;

    vertical-align: middle;

}







.widget_recent_entries li{



  list-style: none;



}



.widget_block .wp-block-archives-dropdown select,

.widget_block .wp-block-categories-dropdown select{

    width: 100%;

    padding: 6px;

    color: #232323;

}



.widget_block .wp-block-archives-dropdown select option,

.widget_block .wp-block-categories-dropdown select option{

    color: #232323;

}



.widget_block .wp-block-latest-posts li a:hover,

.widget_block .wp-block-latest-posts li a:focus,

.widget_recent_entries a:hover,.widget_recent_entries a:focus{

  color: #fc3c2a;

}



.widget_block .wp-block-latest-posts li,

.widget_recent_entries li{

    position: relative;

    padding-bottom: 18px;

    margin-bottom: 18px;

    border-bottom: 1px dashed rgba(179, 179, 179, 0.5);

    }

.widget_recent_entries a{

    margin-bottom: 4px;

    display: block;

    font-weight: 400;

    }

.widget_recent_entries .post-date{



        color: #5aaf29;

}



.widget_block ol.wp-block-latest-comments li{

    list-style: none;

    border-bottom: 1px solid #e4e4e4d1;

    margin-bottom: 20px;

}



.widget_recent_comments li{



    list-style: none;

    padding-bottom: 20px;

    border-bottom: 1px solid #e4e4e4d1;

    margin-bottom: 20px;

}



.widget_recent_comments .comment-author-link{

    text-transform: capitalize;

}



.widget_block ol.wp-block-latest-comments li a:hover,

.widget_block ol.wp-block-latest-comments li a:focus{

    color: #fc3c2a;

}



.widget_recent_comments .recentcomments a:hover,.widget_recent_comments .recentcomments a:focus{





  color: #5aaf29;

}



.widget_block .wp-block-categories li,

.widget_block .wp-block-archives li{

    padding-bottom: 15px;

    margin-bottom: 15px;

    position: relative;

    border-bottom: 1px dashed #d7d7d7;

    text-transform: capitalize;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    overflow: hidden; 

}



.widget_categories li,

.widget_archive li{

    padding-bottom: 15px;

    text-align: right;

    margin-bottom: 15px;

    position: relative;

    border-bottom: 1px dashed #d7d7d7;

    text-transform: capitalize;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    overflow: hidden; 

}



.widget_block .wp-block-categories li a:hover,

.widget_block .wp-block-categories li a:focus,

.widget_block .wp-block-archives li a:hover,

.widget_block .wp-block-archives li a:focus,

.widget_categories a:hover,.widget_archive a:hover,

.widget_categories  a:focus,.widget_archive a:focus



{

  color: #fc3c2a;

}



.footer-widget .wp-block-audio audio{

    min-width: 200px;

}



.footer .footer-widget .wp-block-calendar table caption{

    color: #fff;

}



.footer .footer-widget .wp-block-search .wp-block-search__input{

    color: #000;

}



.widget_categories .screen-reader-text,

.widget_archive .screen-reader-text

{



    display: none;

}



.widget_categories select,

.widget_archive select

{

    padding: 10px 0;

    display: block;

    width: 100%

}





    .widget_meta li{



  list-style: none;

  margin-bottom: 15px;

}



.widget_meta a{

    color: #666;

    display: block;

    line-height: 1.3;

    }



.widget_meta a:hover,.widget_meta a:focus{





  color:#5aaf29;

}





.gallery {margin-bottom: 1.0em;padding: 5px 0;}

.gallery-item {display: inline-block;text-align: center;vertical-align: top;width: 100%;padding-left: 10px;} 

.gallery-item  img{width: 100%;height: auto;}

.gallery-columns-2 .gallery-item {max-width: 50%; }

.gallery-columns-3 .gallery-item {max-width: 33.33%;}

.gallery-columns-4 .gallery-item { max-width: 25%; }

.gallery-columns-5 .gallery-item { max-width: 20%; }

.gallery-columns-6 .gallery-item { max-width: 16.66%;}

.gallery-columns-7 .gallery-item {max-width: 14.28%; }

.gallery-columns-8 .gallery-item {max-width: 12.5%; }

.gallery-columns-9 .gallery-item {max-width: 11.11%; }

.gallery-caption {display: block; }









.widget_tag_cloud{



    position: relative; 

}



.widget_block .wp-block-tag-cloud a,

.widget_tag_cloud .tagcloud a{

border: 1px solid #e8e8e8;

    padding-left: 15px;

    padding-right: 15px;

    margin-bottom: 4px;

    display: inline-block;

    text-transform: capitalize;

        font-size: 16px !important;

    padding: 8px 20px;

        border-width: 1px;

    margin-top: 2px;

    color:  #232323;

        font-family: 'poppins', sans-serif;

}



.widget_block .wp-block-tag-cloud a:hover,

.widget_block .wp-block-tag-cloud a:focus{

    background:  #fc3c2a;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d2ec0', endColorstr='#0093e2', GradientType=1 );

    color: #fff;

    -webkit-transition: all ease 0.5s 0s;

    transition: all ease 0.5s 0s;

    border-color: #fc3c2a;

}



.widget_tag_cloud .tagcloud a:hover,.widget_tag_cloud .tagcloud a:focus{



    background: rgba(109,46,192,1);

    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(109,46,192,1)), color-stop(100%, rgba(0,147,226,1)));

    background:  #5aaf29;

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d2ec0', endColorstr='#0093e2', GradientType=1 );

    color: #fff;

    -webkit-transition: all ease 0.5s 0s;

    transition: all ease 0.5s 0s;

    border-color: #5aaf29; 

}



.widget_block ol.wp-block-latest-comments{

    padding: 0;

}



.widget_calendar #wp-calendar{



    border-collapse: initial !important;

}







.widget_calendar tbody{



    border: 1px solid #222; 

}



.widget_calendar td {

    height: 35px;

    text-align: center;

    }



.widget_calendar th{

    width: 65px;

    height: 40px;

    text-align: center;

    color: #666666;

}







    .widget_pages li{



  list-style: none;

  margin-bottom: 15px;

}



.widget_pages a{

color: #666666;

    display: block;

    line-height: 1.3;

    }



.widget_block .wp-block-page-list li a:hover,    

.widget_block .wp-block-page-list li a:focus,    

.widget_pages a:hover,.widget_pages a:focus{

  color:#fc3c2a;

}





.widget_nav_menu li{



  list-style: none;

}



.widget_nav_menu a{

color: #222;

    display: block;

    line-height: 1.3;

    margin-bottom: 5px;

    }



.widget_nav_menu a:hover,.widget_nav_menu a:focus{

  color: #fc3c2a;

}



.widget_block .wp-block-page-list li,

.widget_nav_menu ul li {

    padding-left: 2px;

    padding-top: 2px;

    border-bottom: 1px dashed #d7d7d7;

    padding-bottom: 15px;

    margin-bottom: 15px;

}



.widget_nav_menu li > ul,

.wp-block-page-list li > ul{

    margin-bottom: 0;

    margin-left: 1.5em !important;

}



.widget_block .wp-block-page-list li.has-child ul li,

.widget_nav_menu ul li .sub-menu li{

    margin-top: 10px;

}



.widget_block .wp-block-page-list li.has-child ul li:last-child,

.widget_nav_menu ul li.menu-item-has-children ul li:last-child {

    border-bottom: none;

    padding-bottom: 2px;

    margin-bottom: 0px;

}



.widget_nav_menu  .sub-menu{



    margin-left: 4px;

}

.banner-link li a:after{



    content: '/';

    padding: 0 5px;

}





.single-post .blog-detail .post-thumbnail{



    margin-bottom: 1rem;

}





.navigation.post-navigation .screen-reader-text{



    display: none;

}





.navigation.post-navigation .nav-links{



       width: 100%;

}



.navigation.post-navigation .nav-previous{



    width: auto;

    display: inline-block;

    }



.navigation.post-navigation .nav-next{

    float: right;

    display: inline-block;

    }





.single-post .comments-area .title-sep2.mb-30 span{

        font-size: 25px;

    font-weight: 600;

    text-transform: uppercase;

    color: #000;

    }



.comment-respond .comment-reply-title{



    padding-bottom: 15px;

    position: relative;

    margin-bottom: 30px;

    font-size: 25px;

    font-weight: 600;

    text-transform: uppercase;

}



.comment-respond .comment-reply-title::after{



    position: absolute;

    background-color: #5aaf29;

    height: 2px;

    width: 60px;

    content: '';

    bottom: 0;

    left: 0;

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

}





.comment-respond .comment-form-comment {

        position: relative;

    width: 100%;

   

}



.comment-respond .comment-form-comment textarea {

   height: auto;

        width: 100%;

    border: none;

    border-radius: 2px;

    padding-left: 11px;

    line-height: normal !important;

    padding-right: 11px;

    background: #ffffff;

    border: 1px solid rgba(215, 215, 215, 0.5);

    color: #8d8d8d;

    font-size: 12px;

}



.comment-respond .comment-form-author input{

    resize: none;

        width: 100%;

    border: none;

    border-radius: 2px;

    line-height: 33px;

    padding-left: 11px;

    padding-right: 11px;

    background: #ffffff;

    border: 1px solid rgba(215, 215, 215, 0.5);

    color: #8d8d8d;

    font-size: 12px;

}

 

.comment-respond .comment-form-email input{

    resize: none;

        width: 100%;

    border: none;

    border-radius: 2px;

    line-height: 33px;

    padding-left: 11px;

    padding-right: 11px;

    background: #ffffff;

    border: 1px solid rgba(215, 215, 215, 0.5);

    color: #8d8d8d;

    font-size: 12px;

}



.comment-respond .comment-form-url input{



    resize: none;

        width: 100%;

    border: none;

    border-radius: 2px;

    line-height: 33px;

    padding-left: 11px;

    padding-right: 11px;

    background: #ffffff;

    border: 1px solid rgba(215, 215, 215, 0.5);

    color: #8d8d8d;

    font-size: 12px;



}







.comment-respond .form-submit input{



    background-color: #5aaf29;

    color: #fff;

    position: relative;

    overflow: hidden;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    z-index: 0;

    border: 0;

    border-radius: 0;

    font-size: 16px;

    padding: 11px 30px;

    text-transform: uppercase;

    font-weight: 600;

    position: relative;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    border-width: 1px;

    border-style: solid;

    border-color: transparent;

         cursor: pointer; 

}



.comment-respond .form-submit input:hover,.comment-respond .form-submit input:focus{



background: #000;



}



.comment-respond .form-submit input:hover::before, 

.comment-respond .form-submit input:hover::after,.comment-respond .form-submit input:focus::before, 

.comment-respond .form-submit input:focus::after{



    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border-top: 25px solid #fff;

    border-bottom: 25px solid #fff;

    z-index: -1;

    -webkit-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}



.comment-respond .form-submit input:hover::before,.comment-respond .form-submit input:focus::before{



    border-right: 25px solid transparent;

    -webkit-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    transform: translateX(-100%);

}





.comment-respond .form-submit input:hover::after,.comment-respond .form-submit input:focus::after{



        border-left: 25px solid transparent;

    -webkit-transform: translateX(100%);

    -ms-transform: translateX(100%);

    transform: translateX(100%);

}





.search-form{



    width: 100%;

}

.search-form input[type="search"]{ 

    border: 1px solid #ddd;

    height: 40px;

    padding: 7px;

    width: 98% !important;

}



.wp-block-search .wp-block-search__input{

    padding: 7px;

}



.wp-block-search .wp-block-search__button svg{

    fill: #fff;

}



.wp-block-search .wp-block-search__button{

    background: #fc3c2a none repeat scroll 0 0;

    border: 1px solid #fc3c2a;

    cursor: pointer;

    transition: all .3s ease-in-out;

    color: #fff;

    font-weight: 600;

}      



.search-form input[type="submit"]{ 

    background: #5aaf29 none repeat scroll 0 0;

    border: 1px solid #5aaf29;

    cursor: pointer;

    height: 40px;

    right: 7px;

    position: absolute;

    width: 65px;

    transition: all .3s ease-in-out;

    color: #fff;

    font-weight: 600;

} 



.search-form label{



    width: 98%;

}

.search-form .screen-reader-text{



    display: none;

}



.wp-block-calendar table th {

    font-weight: 700;

    background: transparent;

    width: 65px;

    height: 40px;

    text-align: center;

    color: #666666;

}



.widget_block .wp-block-calendar .wp-calendar-nav{

    float: left;

}



.wp-block-calendar table {

    border-collapse: inherit;

}



.sidebar-widget{

    margin-bottom: 60px;

    position: relative;

    }



.footer .widget_block .wp-block-tag-cloud a, 

.footer-widget a,

.footer-widget.widget_tag_cloud .tagcloud a



{

    color: #fff;

}





.footer-widget.widget_categories select, 

.footer-widget.widget_archive select{



    color: #666666;

}



.main-menu .sub-menu li{

    padding: 0;

    margin-right: 0;

    padding-left: 5px;

    padding-top: 5px;

    padding-bottom: 5px;

}

.main-menu .sub-menu li a:hover,.main-menu .sub-menu li a:focus{

        color: #5aaf29;

}

.main-menu .main-menu > .menu-item-has-children{

    position: relative;

}

.main-menu .main-menu > .menu-item-has-children::after{

    font-family: fontawesome;

    content: "\f107";

    color: #000;

    vertical-align: middle;

}

.main-menu .main-menu > .menu-item-has-children:hover::after,.main-menu .main-menu > .menu-item-has-children:focus::after{

    color:  #dc3545;

}

.main-menu ul.sub-menu > .menu-item-has-children > a::after{

    font-family: fontawesome;

    content: "\f105";

    color: #333;

    right: 10px;

    position: absolute;

}

.main-menu ul.sub-menu > .menu-item-has-children:hover a::after,.main-menu ul.sub-menu > .menu-item-has-children:focus a::after{

    color: #5aaf29;

}

@media screen and (max-width:768px) {

    .main-menu a {

    display: block;

   text-transform: uppercase;

    font-weight: 500 !important;

    padding: 10px 0 !important;

    color: inherit;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    color: #232323;

    font-size: 14px;

}

    .main-menu {

        margin-bottom: 1em

    }

    .main-menu a {

        padding: 0

    }

    .main-menu li {

        display: block;

        width: 100%

    }

}

.main-menu {

    clear: both;

    display: block;

    float: left;

}



.main-menu ul {

    list-style: none;

    margin: 0;

    padding-left: 0

}



.main-menu ul ul {

    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);

    float: left;

    position: absolute;

    top: 100%;

    left: -999em;

    z-index: 99999;

    background: #fff;

}



.main-menu ul ul ul {

    left: -999em;

    top: 0

}



.main-menu ul ul li.focus>ul,

.main-menu ul ul li:hover>ul,

.main-menu ul ul li a:hover>ul,

.main-menu ul ul li a:focus>ul,

.main-menu ul ul li:focus>ul, {

    left: -100% !important;

}



.main-menu ul ul a {

       width: 180px;

    color: #000;

    padding: 7px 10px;

    font-weight: 400;

}



.main-menu ul li.focus>ul,

.main-menu ul li:hover>ul,

.main-menu ul li a:focus>ul {

    left: auto

}



.main-menu li {

    float: left;

    position: relative;

        margin-right: 40px;

}



.main-menu a {

    display: block;

    padding: .5em .7em

    text-transform: uppercase;

    font-weight: 600;

    padding: 20px 0;

    color: inherit;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    color: #232323;

}



.main-menu .children {

    background-color: #565656

}



.main-menu.toggled ul,

.menu-toggle {

    display: block

}

.main-menu .menu-item > a{

    text-transform: uppercase;

}

@media screen and (min-width:37.5em) {

    .menu-toggle {

        display: none

    }



    .slide-item{



    height: 600px;

}

    .main-menu ul {

        display: block

    }

}

@media (min-width: 992px){

    .main-menu ul ul.sub-menu a{

        position: relative;

        text-transform: capitalize;

    }

    .main-menu ul ul.sub-menu a::before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 4px;

    height: 0;

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    background-color: #5aaf29;

}

.main-menu ul ul.sub-menu li:hover>a::before ,.main-menu ul ul.sub-menu li a:focus::before {

    height: 100%;

}

}



.main-menu .menu-item-has-children > a::after {

    font-family: "FontAwesome";

    content: "\f107";

    position: relative;

    margin-left: 5px;

    vertical-align: top;

    border: 0;

    width: auto;

    height: auto;

}





.search-box .search-form .search-submit{

        background: #5aaf29 none repeat scroll 0 0;

    border: 1px solid #5aaf29;

    cursor: pointer;

    height: 40px;

    right: auto;

    position: absolute;

    width: 65px;

    transition: all .3s ease-in-out;

    color: #fff;

    font-weight: 600;

}



.search-box .search-form input[type="search"] {

  

    width: 100% !important;

}



.page-template-default .blog-detail .post-thumbnail{





    margin-bottom: 20px;

}





.page-banner .banner-link li{



    color: #fff;

    

}



.navigation.pagination .screen-reader-text{



    display: none;

}







.blog-detail  table, tr, th, td{

    border: 2px solid #a8a8a8 !important;

    text-align: center;

    margin-bottom: 20px;

    padding: 5px;





}



 .blog-detail ul,

 .blog-detail ol {

    margin: 0 0 1.5em;

    padding-left: 1.5em;

}



 .blog-detail ul li{

    list-style: disc;

        color: #858585;

}



.blog-detail ol {

    list-style: decimal;

    color: #858585;

}



.blog-detail ol > li{



    list-style: decimal;

}



 .blog-detail li > ul,

 .blog-detail li > ol {

    margin-bottom: 0;

    margin-left: 0;

    padding-left: 1.5em;

}



 .blog-detail  dt {

    font-weight: bold;

}



.blog-detail  dd {

    margin: 0 1.5em 1.5em;

    color: #858585;

}



.wp-caption.alignnone{

width: 100% !important;



}

.wp-caption-text {



}

.gallery-caption {



}

 .bypostauthor {



 }

/* .blog-detail .alignright {

  width: 300px;

  height: 200px;



 }

 .blog-detail .alignleft {



  height: 150px;

  width: 150px;



 }

.blog-detail .aligncenter {

    width: 580px;

    height: 300px;

}*/



/* Accessibility */

/* Text meant only for screen readers. */

.screen-reader-text {

  border: 0;

  clip: rect(1px, 1px, 1px, 1px);

  clip-path: inset(50%);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute !important;

  width: 1px;

  word-wrap: normal !important;

  /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}



.screen-reader-text:focus {

  background-color: #f1f1f1;

  border-radius: 3px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  clip-path: none;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-size: 0.875rem;

  font-weight: bold;

  height: auto;

  right: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000;

  /* Above WP toolbar. */

}



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

  outline: 0;

}



.logo h1

{

    font-size:25px;

}

/* Accessibility */

/* Text meant only for screen readers. */

.skip-link.screen-reader-text {

  display: block;

  border: 0;

  clip: rect(1px, 1px, 1px, 1px);

  clip-path: inset(50%);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute !important;

  width: 1px;

  word-wrap: normal !important;

  /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}



.skip-link.screen-reader-text:focus {

  background-color: #f1f1f1;

  border-radius: 3px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  clip-path: none;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-weight: bold;

  height: auto;

  right: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000;

  /* Above WP toolbar. */

}



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

  outline: 0;

}

.admin-bar .affix.sticky-menu{

    display: none;

}



@media screen and (max-width: 782px){

body {

    margin-top: -50px !important;

}

.logo h1{



    line-height: 1.2 !important;

}



}

 

.sp-100 .pagination-blog .navigation .nav-links a{



    color: #5aaf29;

}



.blog-detail .post-meta li a,

.logged-in-as a

{



    color:#5aaf29;

}



.blog-detail .post-meta{



    padding-left: 0;

}



.blog-detail a,

.comment-content p a

{



    text-decoration: underline;

}



@media (max-width: 991px){

.logo {

    margin-top: 40px;

}

}



.main-navigation {

    clear: both;

    display: block;

    float: left;

    width: 100%;

}



.main-navigation ul {

    display: none;

    list-style: none;

    margin: 0;

    padding-left: 0;

}



.main-navigation ul ul {

    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

    float: left;

    position: absolute;

    background: #fff;

    top: 100%;

    left: -999em;

    z-index: 99999;

}



.main-navigation ul ul ul {

    left: -999em;

    top: 0;

}



.main-navigation ul ul li:hover > ul,

.main-navigation ul ul li.focus > ul {

    left: 100%;

}



.main-navigation ul ul a {

            width: 251px;

    line-height: 35px;

    padding-bottom: 10px;

}



.main-navigation ul li:hover > ul,

.main-navigation ul li.focus > ul {

    left: auto;

}



.main-navigation li {

    float: left;

    position: relative;

}



.main-navigation .menu-item-has-children>a:after {

    content: "\f078";

    font-family: 'FontAwesome';

    speak: none;

    font-style: normal;

    position: absolute;

    top: 15px;

    right: 6px;

    font-weight: normal;

    font-size: 10px;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

}



.main-navigation a {

    display: block;

    text-decoration: none;

    font-size: 16px;

    text-transform: capitalize;

    color: #232323;

    font-weight: 500;

    font-family: 'Poppins', sans-serif;

        padding: 0 14px;

}



.widget_block h2{

    padding-bottom: 15px;

    position: relative;

    margin-bottom: 30px;

    font-size: 25px;

    font-weight: 600;

}



.widget_block h2:after{

    position: absolute;

    background-color: #fc3c2a;

    height: 2px;

    width: 60px;

    content: '';

    bottom: 0;

    left: 0;

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

}



.sidebar .widget_block .wp-block-search__label{

    color: #232323;

}



/* Small menu. */

.menu-toggle,

.main-navigation.toggled ul {

    display: block;

}



@media screen and (min-width: 993px) {

    .menu-toggle {

        display: none;

    }

    .main-navigation ul {

        display: block;

    }



    .logo-wrap{



        padding-top: 10px;

    }



   .main-navigation{



    padding-top: 10px;

   }

.menu .nav-menu .page_item{



    padding-bottom: 20px;

}



.menu .nav-menu .page_item a{



font-weight: 600;

color: #232323;

text-transform: uppercase;

}





.main-navigation li {

    padding-top: 10px;

    padding-right: 12px;

}



header .mobile-menus{



    display: none;

}

  .main-navigation .nav-menu>.menu-item>a{



    margin-bottom: 28px;

    color: #232323;

    font-weight: 600;

    text-transform: uppercase;

  }



    .sub-menu>li:last-child, .sub-dropdown>li:last-child{



      margin-bottom: 0 !important;

    }



    .main-navigation ul ul a{



      border-bottom: 1px solid #e7e7e7;

    }



    .main-navigation a:hover{



      color: #0085ba;

    }



    .main-navigation .nav-menu>.menu-item-has-children > .sub-menu li a:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 4px;

    height: 0;

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    background-color: #5aaf29;

}



.main-navigation .nav-menu>.menu-item-has-children > .sub-menu li{

    padding-top: 12px;

    padding-right: 12px;



}



    .main-navigation .nav-menu>.menu-item-has-children > .sub-menu li:hover>a:before {



        height: 100%;



}

}

    .main-navigation a:hover{



      color: #5aaf29;

    }

@media screen and (max-width: 992px){

.main-navigation.toggled .menu.nav-menu,

.main-navigation.toggled .menu .nav-menu

 {

    display: inline-grid;

    width: 100%;

    background: #000;

}



.main-navigation ul ul{



    background: #000;

}



.main-navigation a{



    color: #fff;

}



.mobile-menus{



    margin-top: 60px;

    width: 30%;

    height: auto;

}



.main-navigation ul li.menu-item-has-children:hover > .sub-menu,

.main-navigation ul li.focus > .sub-menu

{





    position: relative;

    left: 0;

    top: 0;

} 





.menu-all-pages-container .menu.nav-menu,

.main-navigation .menu .nav-menu

{





    overflow: auto;

    height: 300px;

}



.fixed{

 display: none;

    }

.main-navigation ul ul a {

            width: 400px;

    line-height: 18px;

}

.main-navigation .menu-toggle{



  float: right;

  margin-top: -7%;

  border: 2px solid #000 !important;

  background: transparent;

  border: none;

}



.main-navigation ul ul{



    box-shadow: none!important;

}

.menu-item-has-children>a:after{



  right: 10px;

}

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul{



  left: 50%;

}



.menu-all-pages-container .nav-menu{



  top: 100%;

  width: 100%;

  background-color: #f0f0f0;

  overflow-y: auto;



}



.main-navigation li{



    padding-top: 15px;

    padding-bottom: 10px;

}



.main-navigation .menu-toggle:focus{



  outline: 2px solid #000;

}



.menu-item-object-page.menu-item-has-children .sub-menu{



    margin-left: 0 !important;

}



.mobile-menus .site-title{



    font-size: 25px;

    margin-bottom: -2px;

}



.mobile-menus .site-description{



    font-size: 10px;

}



}



.aligncenter{



    width:580px;

    height: 300px;

}



.alignleft{

    height: 150px;

    width: 150px;

}

.alignright{



    height: 200px;

    width: 300px;

}



.wp-caption.aligncenter{



    width: 100% !important;

}



.header-socials{



    margin: 62px 0;

}



.slide-content h2{



    color: #fff;

}



/*.slide-content .my-5{



    margin-top: -10px !important;

    margin-bottom: -10px !important;

    color: #fff;

}*/



.team-slider-two.owl-theme .owl-nav .owl-next,

 .team-slider-two.owl-theme .owl-nav .owl-prev

{



    top:-76px;

    margin: 0;

}



.bg-theme {

    background-color: #ff5164;

}



.home.blog .banner-link li a:after{



    display: none;

}



@media (max-width: 767px){

.service-box4col,.service-box3col, .service-box2 {

    width: 100%;

    display: block;

}

.slide-content h2 {

    color: #fff;

     letter-spacing: 0 !important;

    font-size: 36px !important; 

}



.slide-content p {

    font-size: 14px !important;

    line-height: 1.3 !important;

    margin-bottom: 13px !important;

    margin-top: 0!important;

}

}



@media (min-width: 767px){

.slide-content h2 {

    color: #fff;

    letter-spacing: 8px;

    font-size:100px

}

.slide-overlay {

   

    background-color: rgba(21, 21, 21, 0.4);

}

.slide-item

{

    height:auto;

}

.slide-content p {

    font-size: 20px;

    line-height: 1.7;

}

}

.entry-date 

{

	margin-left:5px;

}





.woocommerce a.button,

.woocommerce button.button,

.woocommerce input.button,

.woocommerce input[type=submit].button, 

.woocommerce #respond input#submit, 

.woocommerce a.button.alt, 

.woocommerce button.button.alt, 

.woocommerce input.button.alt, 

.woocommerce #respond input#submit.alt {

    display: inline-block;

    border-radius: 4px;

    line-height: 1;

    padding: 0.618em 0.778em;

    margin: 0;

    text-transform: uppercase;

    font-weight: 700;

    text-align: center;

    color: #ffffff !important;

    background-color: #fb374d;

}



.woocommerce a.button:hover,

.woocommerce button.button:hover,

.woocommerce input.button:hover,

.woocommerce input[type=submit].button:hover,

.woocommerce #respond input#submit:hover,

.woocommerce a.button.alt:hover,

.woocommerce button.button.alt:hover,

.woocommerce input.button.alt:hover,

.woocommerce #respond input#submit.alt:hover,

.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],

.woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover,

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {

    background-color: #014033;

    color: #ffffff;

}



/*pagination*/

.woocommerce nav.woocommerce-pagination{

    display: flex;

    justify-content: center;

}



.woocommerce nav.woocommerce-pagination ul{

    display: inherit;

}



.woocommerce nav.woocommerce-pagination ul li{

    overflow: inherit;

}



.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li {

    border: none;

}



.woocommerce nav.woocommerce-pagination ul li a {

    cursor: pointer;

    display: inline-block;

    line-height: 12px;

    font-weight: 600;

    font-size: 1.125rem;

    border-radius: 0px;

    vertical-align: baseline;

    white-space: nowrap;

    width: 2.125rem;

    height: 2.125rem;

    border: 1px solid #d7d7d7;

    margin: 0 10px;

    color: #232323;

    font-family: 'Roboto', sans-serif;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    background-color: #fff;

}



.woocommerce nav.woocommerce-pagination ul li span {

    display: inline-block;

    line-height: 12px;

    font-weight: 600;

    font-size: 1.125rem;

    border-radius: 0px;

    vertical-align: baseline;

    white-space: nowrap;

    width: 2.125rem;

    height: 2.125rem;

    border: 1px solid #d7d7d7;

    margin: 0 5px;

    color: #232323;

    font-family: 'Roboto', sans-serif;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    background-color: #fff;

}



.woocommerce nav.woocommerce-pagination ul li a:focus, 

.woocommerce nav.woocommerce-pagination ul li a:hover, 

.woocommerce nav.woocommerce-pagination ul li span.current{

    color: #fff;

    background-color: #fb374d;

}

/* end of pagination*/



.woocommerce .woocommerce-ordering select {

    border: 1px solid #333;

    color: #000;

    display: block;

    padding: 0.825rem 1rem;

}



.woocommerce table.shop_table {

    border: 1px solid #333;

    border-collapse: collapse !important;

}



.woocommerce table.shop_table th, .woocommerce table.shop_table td {

    padding: 20px 10px;

}



.woocommerce-page table.cart td.actions .coupon{

    display: grid;

}



.woocommerce-cart table.cart td.actions .coupon .input-text {

    padding: 0.650rem 1rem;

    margin: 0 0 15px;

    width: 100%;

    border-radius: 0;

}



.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {

    max-width: 100%;

    padding-left: 0;

    padding-right: 0;

}



.woocommerce form .form-row .woocommerce-input-wrapper {

    width: 100%;

}



.woocommerce input[type="text"], 

.woocommerce input[type="tel"],

.woocommerce input[type="email"],

.woocommerce input[type="password"],

.woocommerce textarea

{

    background-color: #fff ;

    border: 1px solid #333 !important;

    color: #666 !important;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    display: block;

    padding: 0.825rem 1rem;

    width: 100%;

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);

    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);

    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}



.woocommerce form .form-row label {

    width: 100%;

}



.woocommerce form .form-row span.select2-selection.select2-selection--single {

    border: 1px solid #333 !important;

    padding: 0.825rem 1rem;

    height: 50px;

}



.select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 50px;

    right: 5px;

}



.woocommerce-page .checkout.woocommerce-checkout .col2-set {

    margin-bottom: 30px;

}



.select2-container--default .select2-results__option--highlighted[aria-selected],

 .select2-container--default .select2-results__option--highlighted[data-selected] {

    background-color: #fb374d;

    color: #fff;

}



.woocommerce-checkout-payment ul li::marker{

    color: transparent;

}



.woocommerce-error, .woocommerce-info, .woocommerce-message {

    padding: 1em 2em 1em 3.5em !important;

}



.woocommerce-MyAccount-content section,

.woocommerce-order section{

    padding: 0;

}



.woocommerce-MyAccount-content fieldset {

    margin-bottom: 1em;

}



/* widget design */

.sidebar-widget a:hover,

.sidebar-widget a:focus{

    color: #fb374d !important;

}



.widget_tag_cloud a:hover, .widget_tag_cloud a:focus,

.sidebar-widget .widget_shopping_cart_content .woocommerce-mini-cart__buttons a:hover,

.sidebar-widget .widget_shopping_cart_content .woocommerce-mini-cart__buttons a:focus{

    color: #fff !important;

}



.widget_product_search .woocommerce-product-search .search-field{

    border: 1px solid #ddd;

    height: 40px;

    padding: 7px;

    width: 98% !important;

}



.widget_product_search .woocommerce-product-search button[type="submit"] {

    background: #fb374d none repeat scroll 0 0;

    border: 1px solid #fb374d;

    cursor: pointer;

    height: 40px;

    right: 7px;

    position: absolute;

    width: 65px;

    transition: all .3s ease-in-out;

    color: #fff;

    font-weight: 600;

}



.widget_pages li,

.widget_product_categories li, .woocommerce-widget-layered-nav li{

    padding-bottom: 15px !important;

    margin-bottom: 15px;

    position: relative;

    border-bottom: 1px dashed #d7d7d7;

    text-transform: capitalize;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    overflow: hidden;

}



.widget_product_categories li span, .woocommerce-widget-layered-nav li span {

    float: right;

}



li > ul, li > ol {

    margin-bottom: 0;

    margin-left: 1.5em !important;

}



.widget_pages ul li.page_item_has_children ul li, 

.widget_nav_menu ul li .sub-menu li, .widget_categories ul li .children li {

    margin-top: 10px;

}



.widget_pages ul li.page_item_has_children ul li:last-child,

 .widget_categories ul li ul.children li:last-child,

  .widget_nav_menu ul li.menu-item-has-children ul li:last-child {

    border-bottom: none;

    padding-bottom: 2px;

    margin-bottom: 0px;

}



.widget_nav_menu ul li {

    padding-left: 2px;

    padding-top: 2px;

    border-bottom: 1px dashed #d7d7d7;

    padding-bottom: 15px;

    margin-bottom: 15px;

}



.widget_nav_menu .menu-item-has-children>a:after{

    content: "";

}



.woocommerce-widget-layered-nav li{

    padding-bottom: 15px;

    margin-bottom: 15px;

}



/* stripe */

#payment div.form-row{

    display: inherit;

}



.woocommerce-checkout #payment div.payment_box p:last-child {   

    display: inline-block;  

}



/* overlap content */

section.products{

    clear: both;

}



.widget_tag_cloud .wp-block-tag-cloud a:hover, .widget_tag_cloud .wp-block-tag-cloud a:focus, .widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:focus

{

	background: #fb374d;

	border-color: #fb374d;

}