/*
--------------------------------------------------------* 
[Main Stylesheet ]

    Name         : 

    Version      :  1.0

    Author       :  Cyber Trigoon
--------------------------------------------------------
   TABLE OF CONTENTS:
========================================================
1 ) Google or local Font Import
2 ) Helping Classes
3 ) Header 
        -( a ) Logo
        -( b ) Menu
4 ) Home page
        -( a ) Story of Glory
        -( b ) What Can I Do
        -( c ) Some Facts
5 ) About Page
        -( a ) Education Section
        -( b ) Experience Section
        -( c ) Skills Section
6 ) Single Page
        -( a ) Portfolio Section
        -( b ) Testimonial Section
7 ) Contact Page
        -( a )  Contact Form
        -( b )  Contact Details
8 ) Footer
--------------------------------------------------------*/
/*      Reset CSS                 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,
hgroup,menu,nav,output,section,summary,time,mark,audio,video,select{margin:0;padding:0;border:0;outline:none;line-height:1;}
a:focus,a:hover,a:active,button{outline:none;text-decoration:none;}
a{
   transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
/*************************************************/
/*      1 ) Google or local Font Import          */
/*************************************************/
html{height:100%;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased !important;}
body {
    font-family: 'Nunito', sans-serif;
    font-weight:400;
    font-size:14px;
    height:100%;overflow-x:hidden;
}
.container{max-width:1140px !important;width:100% !important;}
/**********************************/
/*      2 ) Helping Classes       */
/**********************************/
.clear{clear: both;}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999999;
}
.table-content{display:table;width:100%;height:100vh;}
.table-cell{display:table-cell;vertical-align:middle;padding-top:70px;}
.noscroll{overflow:hidden;}
/***********************************
            3 ) Header        
************************************/
header.site-header {
    position: relative;
}
header.site-header .firsth {
    background: #24593D;
    padding: 16px 0px;
    text-align: center;
}
header.site-header .firsth p {
    color: #fff;
    font-size: 15px;
}
header.site-header .firsth p a {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}
header.site-header .firsth p a:hover{color:#363435;}
header.site-header .secondh {
    background: #363435;
}
header.site-header .secondh .col-md-5 {
    text-align: right;
}
header.site-header .secondh .col-md-5 a {
    color: #fff;
    font-size: 16px;
}
header.site-header .secondh ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}
header.site-header .secondh ul.menu li a {
    color: #fff;
    font-size: 16px;
    padding: 0px 10px;
    display: inline-block;
    border-right: 2px solid #fff;
}
header.site-header .secondh ul.menu li a:hover {
    color: #24593D;
}
header.site-header .secondh ul.menu li:last-of-type a {
    border: unset;
}
header.site-header .secondh ul.social {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}
header.site-header .secondh ul.social li a {
    color: #fff;
    font-size: 16px;
    margin: 0px 10px;
}
header.site-header .secondh ul.social li a:hover {
    color: #24593D;
}
header.site-header .secondh .openSearchModel {
    display: inline-block;
    background: #24593d;
    color: #fff;
    font-size: 19px;
    padding: 15px 15px;
    cursor: pointer;
    transition: 0.3s all;
    margin-left: 20px;
}
header.site-header .secondh .openSearchModel:hover {
    background: transparent;
}
header.site-header .thirdh {
    padding: 18px 0px;
}
header.site-header .thirdh .container {
    position: relative;
    display: flex;
}
/*-------( a ) Logo------*/
header.site-header .thirdh .site-logo {
    display: inline-block;
    background: #24593D;
    width: 170px;
    padding: 1.55rem 1.5rem;
    position: absolute;
    left: 0;
    top: -85px;
    z-index: 1244565;
}
header.site-header .thirdh .site-logo::before {
    content: '';
    height: 2.1875rem;
    bottom: -2.1rem;
    background-color: inherit;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    position: absolute;
    left: 0;
    right: -0.5px;
}
header.site-header .thirdh .site-logo::after {
    content: '';
    background: #363435;
    height: 12px;
    bottom: -1.6875rem;
    -webkit-transform: rotate(11deg);
    -ms-transform: rotate(11deg);
    -o-transform: rotate(11deg);
    transform: rotate(11deg);
    right: -1px;
    left: -5px;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    position: absolute;
}
header.site-header .thirdh .site-logo img {
    max-width: 120px;
    width: 100%;
}
header.site-header .thirdh .container nav {
    margin-left: auto;
    display: flex;
    align-items: center;
}
header.site-header .thirdh .container nav ul {
    display: flex;
    align-items: center;
    list-style: none;
}
header.site-header .thirdh .container nav ul li {
    position: relative;
}
header.site-header .thirdh .container nav ul li a {
    color: rgb(51, 51, 51);
    font-size: 16px;
    font-weight: 700;
    margin: 0px 15px;position:relative;
}
header.site-header .thirdh .container nav ul li ul {
    position: absolute;
    background: #fff;
    z-index: 123;
    box-shadow: 0px 0px 5px 0px #cccccc42;
    display: block;
    width: 230px;
    left: 0;
    top: 40px;
    transition: 0.3s all;
    opacity: 0;
    visibility: hidden;
}
header.site-header .thirdh .container nav ul li:hover ul{top:35px;opacity:1;visibility:visible;}
header.site-header .thirdh .container nav ul li ul a {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    display: block;
    padding: 13px 1.5625rem;
    margin: 0;
    border-bottom: 1px solid #cccccc75;
}
header.site-header .thirdh .container nav ul li ul li:last-of-type a{border:unset;}
header.site-header .thirdh .container nav ul li ul a:hover{color: #24593d;}
header.site-header .thirdh .container nav > ul > li > a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    height: 3px;
    width: 0px;
    transition:0.3s all;
    background: #363435;
}
header.site-header .thirdh .container nav ul li a:hover::before {
    width: 90%;
}
header.site-header .thirdh .container nav .headerBtn {
    display: inline-block;
    padding: 1.19375rem 2.1125rem;
    color: #fff;
    background: #24593D;
    font-weight: 600;
    text-transform: uppercase;
    font-size: .9375rem;
    border-radius: 5px;
    margin-left: 30px;
}
header.site-header .thirdh .container nav .headerBtn:hover {
    background: #363435;
}
.searchbox {
    position: fixed;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.97);
    z-index: 34254678;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    opacity:0;visibility:hidden;transition:0.3s all
}
.searchbox.active{opacity:1;visibility:visible;}
.searchbox .closeSearch {
    position: absolute;
    right: 1.255rem;
    top: 1.25rem;
    color: #333333;
    font-weight: 700;
    cursor: pointer;
    height: 4rem;
    line-height: 4rem;
    width: 4rem;
    text-align: center;
    font-size: 1.3rem;
    background-color: #fff;
}
.searchbox form {
    border-bottom: 2px solid #504f4f;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 70%;
}
.searchbox form input {
    height: 5rem;
    font-size: 2.3rem;
    width: 100%;
    background-color: transparent;
    padding-right: 5rem;
    color: #fff;
    padding-left: 2rem;
    border: unset;
    outline: none;
}
.searchbox form button {
    background: transparent;
    color: #fff;
    border: unset;
    outline: none;
    cursor: pointer;
    font-size: 30px;
}
/*-------( b ) Menu-------*/
.mobile-header {
    padding: 15px 0px;display:none;
}
.mobile-header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile-header .container a.site-logo img {
    max-width: 160px;
}
.mobile-header .container .openMobileMenu {
    background-color: #333333;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 2.5rem;
    line-height: 2.5rem;
    width: 2.5rem;
    text-align: center;
    transition: 0.3s all;
}
.mobile-header .container .openMobileMenu:hover {
    background: #363435;
}
.mobile-nav-menu {
    background: #0c0c0c;
    position: fixed;
    right: -100%;
    padding: 30px;
    width: 280px;
    top: 0px;
    bottom: 0px;
    height: 100%;z-index:9999999999999999;transition:0.3s all;
}
.mobile-nav-menu.active{right:0px;}
.mobile-nav-menu .closeMobileMenu {
    background: #ffffff5c;
    color: #fff;
    margin-left: auto;
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 11px 0px;
    cursor: pointer;margin-bottom:30px;
}
.mobile-nav-menu ul {
    list-style: none;
}
.mobile-nav-menu ul li a {
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
    font-weight: 700;
}
.mobile-nav-menu ul li ul {
    display: none;
}
.mobile-nav-menu ul li a.dropdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/***********************************
            4 ) Home Page        
************************************/
/*banner*/
section.banner {
    background: #020202;
    /* padding-bottom:100px; */
}
section.banner .box {
    padding: 50px 1%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
section.banner .box .content, section.banner .box .img {
    width: 50%;
    padding: 20px;
}
section.banner .box .img img{max-width:100%;width:100%;border-radius:100%;}
section.banner .box .content h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #24593D;
    margin-bottom: 30px;
    padding-bottom: 12px;
    position: relative;
}
section.banner .box .content h3::before {
    content: '';
    left: 0px;
    bottom: 0px;
    width: 100px;
    height: 2px;
    background: #24593D;
    position: absolute;
}
section.banner .box .content h3::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -1.5px;
    width: 35px;
    height: 5px;
    background: #24593D;
}
section.banner .box .content h2 {
    color: #2c2d31;
    margin-bottom: 5px;
    font-size: 46px;
    font-weight: 800;
    line-height: 1.2;
}
section.banner .box .content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 30px;
    color: #252525;
}
.sitebtn {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    background: #363435;
    color: #000;
    text-transform: uppercase;
    padding: 1.09375rem 1.8125rem;
    border-radius: 5px;
    display: inline-block;
}
.sitebtn:hover{background:#24593D;color:#fff;}
section.banner .boxes .slick-arrow {
    left: 20px;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #24593D;
    transition: 0.3s all;z-index:123123;
}
section.banner .boxes .slick-arrow:hover{background:#363435;}
section.banner .boxes .slick-arrow.slick-next {
    left: unset;
    right: 20px;
}
section.banner .boxes .slick-arrow::before {
    content: '\f053';
    font-family: 'Font Awesome 5 free';
    font-weight: bold;
    color: #fff;
    opacity: 1;
    font-size: 16px;
}
section.banner .boxes .slick-arrow.slick-next::before {
    content: '\f054';}

/*sn-featured-section*/
.sn-featured-section {
    margin-top: -100px;
}
.sn-featured-section .col-md-4 {
    background: #24593D;
    display: flex;
    align-items: center;
    padding: 40px 35px;
}
.sn-featured-section .col-md-4 .img,
section.facts .col-md-4 .img {
    width: 25%;
}
.sn-featured-section .col-md-4 .img img,
section.facts .col-md-4 .img img {
    max-width: 100%;
    transition: 0.3s all;
}
.sn-featured-section .col-md-4:hover .img img,
section.facts .col-md-4:hover .img img {
    transform: rotateY(180deg);
}
.sn-featured-section .col-md-4 .content,
section.facts .col-md-4 .content {
    width: 75%;
}
.sn-featured-section .col-md-4 .content h2 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
}
.sn-featured-section .col-md-4 .content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
    margin-top: 10px;
}
.sn-featured-section .col-md-4:nth-child(2n) {
    background: #363435;
}

/*services*/
section.servies {
    padding: 100px 0px;
}
section.servies span {
    color: #363435;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}
section.servies h2 {
    color: #222;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.3;
    margin: 10px 0px;
}
section.servies p {
    font-size: 1.05rem;
    line-height: 1.5rem;
    color: #212529;
}
section.servies a.more {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.3;
    border-bottom: 1px solid;
    color: #24593D;
    margin-right: 30px;
    display: inline-block;outline:none;
}
section.servies a.more:hover {
    color: #363435;
}
section.servies a.sitebtn {
    color: #fff;
}
section.servies .img {
    height: 290px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
}
section.servies h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    background-color: #24593D;
    padding: 1.59375rem 2.1875rem;
    position: relative;
    display: inline-block;
    color: #fff;
    border-radius: 0px 0px 0px 10px;
    top: -35px;
    transition:0.3s all;
}
section.servies h4::before {
    content: '';
    background-color: #363435;
    width: 1.25rem;
    top: 0;
    bottom: 0;
    right: -1.20rem;
    position: absolute;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
    -ms-clip-path: polygon(0 0, 0% 100%, 100% 0);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    transition:0.3s all;
}
section.servies a:hover h4 {
    background: #363435;
}
section.servies a:hover h4::before {
    background: #122136;
}
/*experience*/
section.experience {
    background: #24593d40;
    padding: 100px 0px;
}
section.experience h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #363435;
    border-bottom: 1px solid #363435;
    display: inline-block;
}
section.experience h2 {
    font-size: 39px;
    font-weight: 400;
    line-height: 1.3;
    margin: 15px 0px;
}
section.experience h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}
section.experience p {
    margin-top: 15px;
    color: #666;
    line-height: 1.4;
    font-size: 18px;
}
section.experience p.icon {
    color: rgb(34, 34, 34);
    font-weight: 700;
}
section.experience p.icon span {
    color: #363435;
}

/*facts*/
section.facts {
    background: #363435;
    padding: 50px;
}
section.facts .col-md-4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 40px;
}
section.facts .col-md-4:nth-child(2n) {
    border-left: 1px dashed #fff;
    border-right: 1px dashed #fff;
}
section.facts h2 {
    font-size: 45px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    position: relative;
    display: inline-block;
}
section.facts h2 span {
    display: inline-block;
    font-size: 25px;
    position: absolute;
    top: -20px;
    right: -30px;
}
section.facts h3 {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
    color: #fff;
    margin: 5px 0px;
}
section.facts p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
}
section.facts .col-md-4:nth-child(2n)::before {
    content: '•';
    position: absolute;
    left: -14px;
    top: -30px;
    color: #fff;
    font-size: 50px;
}
section.facts .col-md-4:nth-child(2n)::after {
    content: '•';
    position: absolute;
    right: -14px;
    top: -30px;
    color: #fff;
    font-size: 50px;
}

/*training-video*/
.training-video {
    padding-top: 70px;
    text-align: center;
    background-image: linear-gradient(180deg, #fff 80%, #24593D 20%);
}
.training-video h2 {
    font-size: 46px;
    font-weight: 800;
    line-height: 50px;
    text-align: center;
}
.training-video p {
    text-align: center;
    margin: 15px 0px 25px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.3;
    color: #4f4f4f;
}
.training-video p i{color:#363435;}
.training-video h3 {
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    background: #363435;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 1.875rem;
    border-radius: 0px 100px 100px 100px;
    position: relative;
    top: 23px;
}
.training-video .videoBanner {
    height: 400px;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
}
.training-video .videoBanner .openvide {
    color: #fff;
    font-size: 6.25rem;
    cursor: pointer;
    position: relative;z-index:123;
}
.training-video .videoBanner .openvide::before, .training-video .videoBanner .openvide::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4.0625rem;
    margin-left: -4.0625rem;
    background-color: inherit;
    -webkit-animation: pluse 2s linear infinite;
    -ms-animation: pluse 2s linear infinite;
    -o-animation: pluse 2s linear infinite;
    animation: pluse 2s linear infinite;
    width: 8.125rem;
    height: 8.125rem;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    opacity: 0;
    z-index: -2;
    background: #fff;
    border-radius: 100%;
}
.training-video .videoBanner .openvide::after {
  -webkit-animation: pluse 2s linear 2.3s infinite;
  -ms-animation: pluse 2s linear 2.3s infinite;
  -o-animation: pluse 2s linear 2.3s infinite;
  animation: pluse 2s linear 2.3s infinite;
  -webkit-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
@-webkit-keyframes pluse {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}

@-ms-keyframes pluse {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}

@-o-keyframes pluse {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}

@keyframes pluse {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}
.videobox {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.9);
    z-index: 12244354623423;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all;opacity:0;visibility:hidden;
}
.videobox.active{opacity:1;visibility:visible;}
.videobox iframe {
    width: 70%;
    height: 80%;
}
.videobox .closevideobox {
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px 15px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    cursor: pointer;
}
/*coursesLevel*/
section.coursesLevel {
    background: #24593D;
    padding: 80px 0px;
    text-align: center;
}
section.coursesLevel h2 {
    font-size: 46px;
    font-weight: 800;
    line-height: 50px;
    color: #fff;
}
section.coursesLevel p {
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    color: #b8b7b7;
    margin: 10px 0px 30px;
}
section.coursesLevel p i{color:#363435;font-size:14px;}
section.coursesLevel .boxes {
    display: flex;
    justify-content: center;
    border-bottom: 1px dashed #808080;
}
section.coursesLevel .boxes .box {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    padding: 50px 0px;
    border-right: 1px dashed #808080;
    position: relative;
    z-index: 12;
}
section.coursesLevel .boxes .box:last-of-type{border:unset;}
section.coursesLevel .boxes .box::before {
    content: '';
    background: #363435;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transition: 0.3s all;
    width: 100%;
    height: 0px;
}
section.coursesLevel .boxes .box:hover::before {
    height: 100%;
}
section.coursesLevel .boxes .box img {
    max-width: 100%;
    margin-bottom: 20px;
    position: relative;
    transition: 0.3s all;
}
section.coursesLevel .boxes .box:hover img {
    transform: rotateY(180deg);
    filter: drop-shadow(-1px 0px 0px #24593D);
}
section.coursesLevel .boxes .box a {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    position: relative;
}
section.coursesLevel .boxes .box:hover a {
    color: #24593D;
}
section.coursesLevel .boxes .box a:hover {
    color: #fff;
}
section.coursesLevel h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: #fff;
    margin-top: 20px;
}
section.coursesLevel .boxes:last-of-type {
    border: unset;
}
section.coursesLevel .boxes:last-of-type .box:last-of-type {
    border-right: 1px dashed #808080;
}
section.coursesLevel .boxes:last-of-type .box:first-of-type {
    border-left: 1px dashed #808080;
}
section.coursesLevel h3 a {
    color: ;
    color: #363435;
    font-weight: 800;
    text-decoration: underline;
}

/*riding-partner*/
.riding-partner {
    background: #363435;
    padding: 10px 0px;
}
.riding-partner h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;margin-bottom:20px;
}
.riding-partner .col-md-6:last-of-type {
    padding-left: 50px;
}
.riding-partner .col-md-6 a.sitebtn {
    background: #24593D;
    color: #fff;
}
.riding-partner .col-md-6 a.sitebtn:hover{background:#000;}
.riding-partner .col-md-6 a.contact {
    font-weight: 800;
    color: #fff;
    border-bottom: 1px solid;
    margin-left: 30px;
    font-size: 16px;
}
.riding-partner .col-md-6 a.contact:hover{color:#24593D;}

/*requestform*/
section.requestform {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 90px 10px;margin-top:50px;
}
section.requestform .lefts {
    background: #24593D;
    padding: 3.75rem 4.0625rem 3.75rem;
    border-radius: 10px;
}
section.requestform .lefts h2 {
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.3;
}
section.requestform .lefts p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
    color: #fff;
    margin: 5px 0px 30px;
}
section.requestform .lefts form input {
    color: #9b9b9b;
    padding: 10px 1.5rem;
    width: 100%;
    height: 3.5rem;
    border: unset;
    border-radius: 5px;
    margin-bottom: 10px;
    font-weight: 600;
    outline: none;
}
section.requestform .lefts form button {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    background: #363435;
    border: unset;
    width: 100%;
    color: #fff;
    padding: 1.25rem 2.8125rem;
    border-radius: 5px;
    text-transform: uppercase;
}
section.requestform .col-md-8 {
    padding: 0px 100px;
}
section.requestform .col-md-8 span {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}
section.requestform .col-md-8 h2 {
    font-size: 46px;
    color: white;
    font-weight: 800;
    line-height: 1.4;
    max-width: ;
    margin: 10px 0px;
}
section.requestform .col-md-8 p {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.3;
    color: #ffffff;
}
section.requestform .col-md-8 ul {
    /* background: rgb(255 255 255 / 30%) !important; */
    box-shadow: 0 0 5.625rem rgba(0,0,0,.08);
    margin: 30px 0px;
    padding: 10px 0px;
    border-radius: 5px;
}
section.requestform .col-md-8 ul li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgb(36 89 61 / 45%);
    margin: 10px 0px;
    padding: 0.984375rem 3.3125rem;
}
section.requestform .col-md-8 ul li p {
    font-weight: 700;
}
section.requestform .col-md-8 h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}
section.requestform .col-md-8 h3 a {
    color: #363435;
    text-decoration: underline;
}

/*latestNews*/
section.latestNews {
    padding: 70px 0px;
    text-align: center;
}
section.latestNews span {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #363435;
}
section.latestNews h2 {
    font-size: 46px;
    font-weight: 800;
    line-height: 50px;
    margin: 10px 0px;
}
section.latestNews p {
    color: rgb(79, 79, 79);
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
}
section.latestNews p i {
    color: #363435;
    font-size: 12px;
}
section.latestNews .img img {
    max-width: 100%;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}
section.latestNews .content {
    background: rgba(213, 183, 91, 0.4);
    padding: 35px;
    position: relative;
    text-align: left;
    border-radius: 0px 0px 10px 10px;
}
section.latestNews .content .author {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    position: absolute;
    left: 20px;
    top: -30px;
}
section.latestNews .content h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
}
section.latestNews .content p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
section.latestNews .content p a {
    color: #464646;
    font-weight: 700;
    font-size: 16px;
}
section.latestNews h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 20px;
}
section.latestNews h4 a {
    color: #363435;
    text-decoration: underline;
}

/*******************8 Footer *******************/
footer.siter-footer {
    background: #363435;
    padding: 50px 0px;
}
footer.siter-footer img {
    max-width: 170px;
    margin-bottom: 20px;
}
footer.siter-footer p {
    font-size: 1rem;
    margin-top: -8px;
    color: #d7d7d7;
    line-height: 1.7rem;
}
footer.siter-footer h2 {
    font-size: 1.625rem;
    margin-bottom: 1.875rem;
    font-weight: 700;
    color: #fff;
}
footer.siter-footer ul.menu {
    list-style: none;
}
footer.siter-footer ul.menu li a {
    font-weight: 600;
    color: rgb(215, 215, 215);
    font-size: 16px;
    margin-bottom: 15px;
    display: block;
}
footer.siter-footer ul.menu li a::before {
    content: '\f054';
    font-family: 'Font Awesome 5 free';
    margin-right: 10px;
    font-size: 14px;
}
footer.siter-footer ul.menu li a:hover {
    color: #363435;
}
footer.siter-footer ul.contact li {
    list-style: none;
    color: rgb(215, 215, 215);
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.3;
}
.copyright {
    background: #24593d;
    padding: 20px 0px;
}
.copyright .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.copyright p {
    font-size: 1rem;
    font-weight: 500;
    color: #8d8d8d;
}
.copyright p a {
    color: rgb(255 255 255);
}
.copyright .right {
    display: flex;
    align-items: center;
}
.copyright .right p {
    color: #fff;
    margin-right: 20px;
}
.copyright .right ul {
    display: flex;
    align-items: center;
    list-style: none;
}
.copyright .right ul li a {
    display: inline-block;
    font-size: 14px;
    line-height: 3rem;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background-color: rgba(0,0,0,.5);
    border-radius: 5px;
    color: #ffffff;
    margin-left: 10px;
}
.copyright .right ul li a:hover {
    background: #000;
}


/*nxt pages*/
.breadcrump{
    padding: 64px 0px;
    text-align: center;
    background-image: url('../img/t2.jpg');
    background-size: cover;
}
.breadcrump h3{
    margin: 0px;
    padding: 0px;
    color: white;
    font-weight: bold;
    font-size: 34px;
    text-transform: uppercase;
}
.page-details{
    padding: 25px 0px;
    font-size: 14px;
}
.page-details p{
    margin-bottom: 10px;
    line-height: 1.3;
}



 .feature-product{
	padding: 10px;
	border: 1px solid #ededed;
}
.feature-product .feature-txt{
	padding: 8px 0 14px 25px;
}
.feature-product .feature-txt h4{
	font-size: 15px;
	color: #000;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 5px;
}
.feature-product .feature-txt p{
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	color: #24593D;
	font-family: 'Poppins', sans-serif;
}
.fordsd .add-cart a{
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	background-color: #24593D;
	padding: 15px 25px;
	border-radius: 50px;
	display: inline-block;
	position: absolute;
	right: 30px;
	bottom: -15px;
	transition: 0.5s all;
}
.fordsd .add-cart a:hover{
	background-color: #070707;
}
.feature-product .owl-carousel .owl-stage-outer{
	overflow-x: hidden;
	padding-bottom: 30px;
}
.feature-product .feature-img{
	overflow: hidden;
}
.feature-product .feature-img img{
	transition: 0.5s all;
	max-width: 100%;
}
.feature-product .feature:hover img{
	transform: scale(1.2);
}
.fordsd{
    margin-bottom:38px;
}

/*Detail Page*/

.app-figure{
     margin-bottom: 50px;
}

.cart-side-page h1{
    display: block;
    color: #5b4335;
    margin: 14px 0 18px;
    font-size: 60px;
    line-height: .96em;
    letter-spacing: -.02em;
    font-weight: 500;
}
.cart-side-page .tag_small{
	color: #000000;
	font-weight: 600;
	padding-bottom: 15px;
	display: block;
}
.cart-side-page p{
    margin-bottom: 27px;
    font-size: 16px;
    line-height: 1.7;
}
.cart-side-page form{
	position: relative;
	overflow:hidden;
}
.cart-side-page .modal-size{
	float:left;
	width: 50%;
}
.cart-side-page .modal-size h4{
	font-size: 15px;
}
.cart-side-page .modal-size select{
	width: 90% !important;
	display: block;
	height: 30px;
}
.quick-add-to-cart{
	position: relative;
}
.quick-add-to-cart label{
	display: none;
}
.quick-add-to-cart input{
	width: 20%;
	float: left;
	margin-top: 20px;
	height: 50px;
}
.quick-add-to-cart button{
	float: left;
	height: 50px;
	margin-top: 20px;
	border: 0px;
	background-color: #5b4335;
	color: white;
	font-size: 15px;
	padding: 0px 25px;
}
/*Detail Page*/


/*Cart*/
#add-cart{
    position: relative;
    overflow: hidden;
    padding: 50px 0px;
}
.OrdHisTop {background: #5b4335;/* float:left; *//* margin-top:15px; */width: 98%;ma;margin-left: 12px;}
.OrdHisTop ul { margin:0px; padding:0px;}
.OrdHisTop li {display:inline-block;font-size: 14px;font-weight:bold;color:#fff;border-right: 1px solid #2C3137;padding:5px 0px;width:17%;text-align:center;list-style:none;}
.OrdHisTop li:first-child { width:25px;}
.OrdHisTop li:last-child { border:none; width:145px;}
.EmptyCart { margin:20px 0px; text-align:center; font-size:14px; font-weight:bold;}
.EmptyCart a { color:#F00;} .EmptyCart a:hover { text-decoration:none;}
.BasketCon {padding:10px 0px;border: 1px solid #2C3137;float:left;width: 98%;mar;/* margin-lef;/* border-width:0px 1px 1px; */px 1px;/* margin-bottom:15px; */margin-left: 12px;}
.BasketImg { width:115px; float:left; border-right:1px solid #2C3137;}
.BasketDetails { float:left; width:47%; padding:0 3px; display:block}
.BasketDetails p {border-bottom:1px solid #2C3137;padding-bottom:3px;margin-bottom:8px;font-size: 14px;font-weight:bold;color:#424242;}
.BasketQty { width:17%; float:left; padding:0 3px;}
.BasketCon .txt_id { background:#f1f1f1; border:1px solid #666; text-align:center; margin-bottom:8px;}
.BasketRate { width:13%; float:left; text-align:center; font-size:14px;}
.BasketTotal { width:13%; float:left; text-align:center; padding:0 3px;}
.BasketTotal p { font-size:14px; margin-bottom:10px;}
.BasketTotal a { color:#F00;} .BasketTotal a:hover { text-decoration:none}
.TotalCon { float:right; margin-top:15px;   margin-right:10px;}
.TotalQA { background:#f1f1f1; border:1px solid #ccc; padding:5px;}
.TotalQA label {font-weight:bold;color:#000;float:left;margin-right:10px;}
.TotalQA span { float:right; font-size:14px; font-weight:bold; color:#900}
.TotalCon p { margin-top:8px; margin-bottom:15px; }
.TotalCon p a {background: #5b4335;color:#fff;font-weight:bold;padding:7px;}
.TotalCon p a:hover { text-decoration:none;}
.UpdateBtn {background:#000;padding: 3px 22px;font-size: 13px;color:#fff;font-weight:bold;border:none;cursor:pointer;}
.UpdateBtn:hover { background:#666; color:#fff;}
.QuoteForm { margin:15px;}
.SubmitText { font-size:18px; font-weight:bold;   color:#060; padding-top:30px; text-decoration:underline; min-height:250px;}

/*Cart*/




/*quote page*/
#quotation-request{
    padding: 50px 0px;
}
.qoutatoin-inner label{
    /*font-family: 'Oxanium', cursive;*/
    font-size: 14px;
    color: #000;
    width: 100%;
}
.qoutatoin-inner input, .qoutatoin-inner select{
    /*font-family: 'Oxanium', cursive;*/
    width: 100%;
    height: 30px;
    font-size: 13px;
    margin-bottom: 15px;
}
.qoutatoin-inner textarea{
    /*font-family: 'Oxanium', cursive;*/
    width: 100%;
    font-size: 13px;
    margin-bottom: 15px;
}
/*quote page*/