#preloader {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   background-color: #fff;
   z-index: 999999;
   -webkit-transition: 0.3s ease opacity;
   transition: 0.3s ease opacity;
   text-align: center;
   width: 100%;
   height: 100%
}

#preloader:before {
   content: "";
   width: 80px;
   height: 80px;
   border: 3px solid #ff4747;
   display: block;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: 50%;
   opacity: 0;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-animation-name: LoaderCicle;
   animation-name: LoaderCicle;
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear
}

#preloader:after {
   content: "";
   width: 80px;
   height: 80px;
   border: 3px solid #ff4747;
   display: block;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: 50%;
   opacity: 0;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-animation-name: LoaderCicle;
   animation-name: LoaderCicle;
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-delay: 1s;
   animation-delay: 1s
}

@-webkit-keyframes LoaderCicle {
   0% {
       width: 0;
       height: 0;
       opacity: 0
   }

   10% {
       width: 10px;
       height: 10px;
       opacity: 1
   }

   80% {
       width: 60px;
       height: 60px;
       opacity: 0.1
   }

   100% {
       width: 70px;
       height: 70px;
       opacity: 0
   }
}

@keyframes LoaderCicle {
   0% {
       width: 0;
       height: 0;
       opacity: 0
   }

   10% {
       width: 10px;
       height: 10px;
       opacity: 1
   }

   80% {
       width: 60px;
       height: 60px;
       opacity: 0.1
   }

   100% {
       width: 70px;
       height: 70px;
       opacity: 0
   }
}

a:hover,a:active {
   color: #ff4747;
   text-decoration: none
}

.primary-overlay[data-overlay-dark]:before {
   background: #ff4747
}

.secondary-overlay[data-overlay-dark]:before {
   background: #14212B
}

.left-overlay-secondary[data-overlay-dark]:before {
   background: rgba(20,33,43,0.76);
   background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(65%, #14212B));
   background: linear-gradient(-90deg, transparent, #14212B 65%)
}

.dark-overlay[data-overlay-dark]:before {
   background: #000
}

.text-primary,.text-primary-hover:hover {
   color: #ff4747 !important
}

.bg-primary {
   background-color: #ff4747 !important;
}

.text-secondary,.text-secondary-hover:hover {
   color: #14212B !important
}

.bg-secondary {
   background-color: #14212B !important
}

.bg-light {
   background-color: rgba(9,184,80,0.05) !important
}

.text-secondary-hover:hover {
   color: #14212B !important
}

.border-primary {
   border: 1px solid #ff4747!important;
}

.text-dark {
   color: #041b16 !important
}

.text-white-hover:hover {
   color: #fff !important
}

.border-radius-top {
   border-top-left-radius: 10px;
   border-top-right-radius: 10px
}

.background-position-center {
   background-position: center
}

.form-control {
   border-radius: 0
}

.ls-minus-2px {
   letter-spacing: -2px
}

.min-vh-100 {
   min-height: 100vh
}

.map-h500 {
   height: 500px;
   width: 100%
}

.height-470px {
   height: 470px
}

.height-560px {
   height: 560px
}

.min-vh-67 {
   min-height: 67vh !important
}

@media screen and (min-width: 992px) {
   .min-width-100 {
       width:100vw !important
   }
}

.scroll-top-percentage {
   height: 60px;
   width: 60px;
   border-radius: 50%;
   position: fixed;
   bottom: 40px;
   color: #fff;
   right: 50px;
   -webkit-transform: scale(0);
   transform: scale(0);
   display: -ms-grid;
   display: grid;
   place-items: center;
   cursor: pointer;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   z-index: 100
}

.scroll-top-percentage.active {
   -webkit-transform: scale(1);
   transform: scale(1);
   opacity: 1;
   visibility: visible;
   -webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
   animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
   -webkit-transition: 0.3s;
   transition: 0.3s
}

@media screen and (max-width: 1199px) {
   .scroll-top-percentage {
       right:30px;
       bottom: 20px
   }
}

#scroll-value {
   height: calc(100% - 6px);
   width: calc(100% - 6px);
   color: var(--rr-common-white);
   border-radius: 50%;
   display: -ms-grid;
   display: grid;
   place-items: center;
   font-size: 16px;
   font-weight: 600
}

#scroll-value i {
   font-size: 20px
}

@-webkit-keyframes scrollToTop {
   0% {
       -webkit-transform: translate3d(0, 80%, 0);
       transform: translate3d(0, 80%, 0);
       visibility: visible
   }

   to {
       -webkit-transform: translateZ(0);
       transform: translateZ(0)
   }
}

@keyframes scrollToTop {
   0% {
       -webkit-transform: translate3d(0, 80%, 0);
       transform: translate3d(0, 80%, 0);
       visibility: visible
   }

   to {
       -webkit-transform: translateZ(0);
       transform: translateZ(0)
   }
}

@-webkit-keyframes rotated_circle {
   0% {
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg)
   }

   100% {
       -webkit-transform: rotate(-360deg);
       transform: rotate(-360deg)
   }
}

@keyframes rotated_circle {
   0% {
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg)
   }

   100% {
       -webkit-transform: rotate(-360deg);
       transform: rotate(-360deg)
   }
}

.list-style01 li {
   position: relative;
   padding-left: 30px;
   margin-bottom: 12px
}

.list-style01 li:last-child {
   margin-bottom: 0
}

.list-style01 li:before {
   content: "\e64c";
   font-family: 'themify';
   position: absolute;
   left: 0;
   top: 4px;
   color: #ff4747
}

.list-style02 li {
   position: relative;
   padding-left: 30px;
   margin-bottom: 12px;
   color: #fff
}

.list-style02 li:before {
   content: "\f058";
   font-family: "Font Awesome 6 Free";
   position: absolute;
   left: 0;
   top: 3px
}

.list-style02.last li {
   color: unset
}

.list-style03 li {
   margin-bottom: 15px;
   position: relative;
   padding-left: 20px
}

.list-style03 li:last-child {
   margin-bottom: 0
}

.list-style03 li:before {
   content: "\e661";
   font-family: themify;
   color: #fff;
   font-size: 12px;
   left: 0;
   top: 4px;
   position: absolute
}

.list-style04 {
   list-style: none;
   padding-left: 0
}

.list-style04 li {
   line-height: 32px;
   padding-left: 30px;
   position: relative;
   margin-bottom: 8px
}

.list-style04 li:last-child {
   margin-bottom: 0
}

.list-style04 li:before {
   content: '\f058';
   font-family: "Font Awesome 6 Free";
   font-size: 18px;
   position: absolute;
   top: 0;
   left: 0;
   font-weight: 700;
   line-height: 35px;
   color: #ff4747
}

.list-style04.second li {
   color: #fff
}

.list-style04.second li:before {
   color: #fff
}

.list-style05 li {
   display: inline-block;
   margin-right: 10px
}

.list-style05 li:last-child {
   margin-right: 0
}

.list-style05 li a {
   width: 40px;
   height: 40px;
   display: inline-block;
   text-align: center;
   line-height: 40px;
   font-size: 15px;
   position: relative;
   overflow: hidden;
   z-index: 1;
   color: #fff;
   border-radius: 50%;
   border: 1px solid rgba(225,225,225,0.2)
}

.list-style05 li a:before {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 0%;
   background: #ff4747;
   -webkit-transition: 0.5s;
   transition: 0.5s;
   content: "";
   z-index: -1
}

.list-style05 li a:hover:before {
   width: 100%
}

.list-style06 li {
   margin-bottom: 20px;
   position: relative
}

.list-style06 li:last-child {
   margin-bottom: 0
}

.list-style06 li a {
   color: rgba(255,255,255,0.8)
}

.list-style06 li:hover a,.list-style06 li:hover:before {
   color: #ff4747
}

.list-style07 li {
   margin-bottom: 10px
}

.list-style07 li:last-child {
   margin-bottom: 0
}

.list-style07 li a {
   color: rgba(255,255,255,0.7)
}

.list-style07 li a i {
   width: 30px;
   height: 30px;
   background-color: #ff4747;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   font-size: 12px;
   color: #fff;
   margin-right: 10px
}

.list-style08 {
   list-style-type: none;
   padding-left: 0;
   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;
   gap: 1rem
}

.list-style08 li a {
   background-color: #f0f0f0;
   width: 41px;
   height: 41px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-radius: 50%;
   -webkit-transition: .2s ease;
   transition: .2s ease;
   color: #14212B
}

.list-style08 li a:hover {
   background-color: #ff4747;
   color: #fff
}

.list-style09 li {
   margin-bottom: 17px;
   color: rgba(255,255,255,0.6)
}

.list-style09 li:last-child {
   margin-bottom: 0
}

.list-style09 li span {
   text-transform: uppercase;
   font-weight: 700;
   padding-right: 3px;
   color: #fff;
   font-size: 16px
}

.btn-style1 {
   position: relative;
   overflow: hidden;
   -webkit-transform: scale(1);
   transform: scale(1);
   font-weight: 600;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   text-align: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: #fff;
   background-color: #ff4747;
   padding: 12px 45px !important;
   font-size: 15px;
   text-transform: uppercase
}

.btn-style1:hover {
   color: #fff
}

.btn-style1:before {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 0%;
   z-index: -1;
   background-color: #14212B;
   -webkit-transition: all 0.25s ease-out;
   transition: all 0.25s ease-out;
   content: ""
}

.btn-style1:hover:before,.btn-style1:active:before,.btn-style1:focus:before {
   background-color: #14212B;
   height: 100%
}

.btn-style1.white {
   background-color: #ff4747
}

.btn-style1.white:hover,.btn-style1.white:active,.btn-style1.white:focus {
   color: #14212B
}

.btn-style1.white:before {
   background-color: #fff
}

.btn-style1.medium {
   padding: 9px 28px !important;
   font-size: 15px
}

.btn-style1.small {
   padding: 6px 28px !important;
   font-size: 13px
}

@media screen and (max-width: 992px) {
   .btn-style1 {
       padding:8px 0;
       min-width: 140px;
       font-size: 15px
   }

   .btn-style1.medium {
       padding: 6px 0
   }
}

@media screen and (max-width: 991px) {
   .btn-style1.small {
       font-size:12px
   }
}

@media screen and (max-width: 767px) {
   .btn-style1 {
       padding:7px 0;
       min-width: 120px;
       font-size: 13px
   }

   .btn-style1.medium {
       padding: 5px 0;
       min-width: 120px;
       font-size: 13px
   }

   .btn-style1.small {
       font-size: 11px;
       padding: 5px 0;
       min-width: 110px
   }
}

.btn-style2 {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
   background: #ff4747;
   color: #fff;
   border: 2px solid #ff4747;
   line-height: 1;
   font-weight: 800;
   position: relative;
   outline: none;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   overflow: hidden;
   white-space: nowrap;
   font-size: 16px !important;
   padding: 16px 28px;
   z-index: 9;
   border-radius: 0.15rem;
   text-transform: uppercase
}

.btn-style2:after {
   content: "";
   position: absolute;
   height: 0%;
   left: 50%;
   top: 50%;
   width: 150%;
   z-index: -1;
   -webkit-transition: all 0.35s ease 0s;
   transition: all 0.35s ease 0s;
   background: #ffffff;
   -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
   transform: translateX(-50%) translateY(-50%) rotate(-25deg)
}

.btn-style2:hover,.btn-style2:active,.btn-style2:focus {
   color: #fff !important;
   border-color: #14212B;
   background: #14212B
}

.btn-style2:hover:after,.btn-style2:active:after,.btn-style2:focus:after {
   height: 450%;
   -webkit-transition: all 1s ease 0s;
   transition: all 1s ease 0s;
   background: #14212B
}

.btn-style2.white {
   background: #fff;
   color: #ff4747 !important;
   border: 2px solid #fff
}

.btn-style2.white:after {
   background: #ff4747
}

.btn-style2.white:hover:after,.btn-style2.white:active:after,.btn-style2.white:focus:after {
   background: #fff
}

.btn-style2.medium {
   padding: 13px 22px !important
}

.btn-style2.small {
   padding: 10px 18px !important
}

.btn-style3 {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
   background: #ff4747;
   color: #fff;
   line-height: 1.5;
   font-weight: 700;
   position: relative;
   outline: none;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   overflow: hidden;
   white-space: nowrap;
   font-size: 14px !important;
   padding: 15px 34px !important;
   z-index: 9;
   border-radius: 4px;
   text-transform: uppercase
}

.btn-style3:hover,.btn-style3:active,.btn-style3:focus {
   color: #fff;
   background: #14212B
}

.btn-style3.medium {
   padding: 12px 30px !important
}

.btn-style3.small {
   padding: 10px 26px !important
}

.btn-style3.white {
   background: #fff;
   color: #ff4747 !important
}

.btn-style3.white:hover {
   background-color: #ff4747;
   color: #fff !important
}

.btn-style3.white-hover:hover,.btn-style3.white-hover:active,.btn-style3.white-hover:focus {
   background-color: #fff !important;
   color: #ff4747;
}

.link-button {
   padding: 0;
   position: relative;
   text-decoration: none;
   border: 0;
   background-color: transparent;
   display: inline-block;
   font-size: 15px;
   text-transform: uppercase;
   width: auto;
   font-weight: 500
}

.link-button:hover {
   border-color: #ff4747
}

.link-button a {
   border-bottom: 2px solid
}

.top-bar-info {
   display: inline-block;
   vertical-align: middle
}

.top-bar-info ul {
   margin-bottom: 0
}

.top-bar-info li {
   font-weight: 500;
   color: #fff;
   list-style-type: none;
   font-size: 14px;
   padding: 0 5px 0;
   display: inline-block;
   margin-bottom: 0
}

.top-bar {
   display: block;
   position: relative;
   z-index: 999;
   padding: 7px 0
}

.top-bar-info li i {
   font-size: 16px;
   color: #fff;
   margin-right: 8px;
   margin-top: 0;
   display: inline-block;
   vertical-align: text-bottom
}

.top-social-icon {
   padding: 0;
   float: right;
   margin: 0
}

.top-social-icon li {
   font-size: 14px;
   list-style-type: none;
   float: left;
   text-align: center;
   margin: 0;
   padding: 0 7px
}

.top-social-icon li:last-child {
   padding-right: 0
}

.top-social-icon li:last-child a {
   padding-right: 0
}

.top-social-icon li a {
   color: #fff;
   line-height: 28px;
   -webkit-transition-duration: .3s;
   transition-duration: .3s;
   padding: 0 3px
}

.top-social-icon li a:hover {
   color: rgba(255,255,255,0.65)
}

.navbar-nav li.current>a,.navbar-nav li.active>a {
   color: #ff4747 !important
}

.attr-nav>ul>li>a.butn {
   color: #fff
}

.navbar>ul>li.current>a:after {
   border-color: transparent #ff4747 #ff4747 transparent !important
}

.menu_area-light .navbar-nav li.current>a,.menu_area-light .navbar-nav li.active>a {
   color: #ff4747
}

.menu_area-light .navbar>ul>li.current>a:after {
   border-color: transparent #ff4747 #ff4747 transparent
}

.menu_area-light.scrollHeader .navbar-nav li.current>a {
   color: #ff4747
}

.menu_area-light.scrollHeader .navbar-nav li.current>a:hover {
   color: #ff4747
}

.menu_area-light.scrollHeader .navbar-nav li.active>a {
   color: #ff4747
}

.menu_area-light.scrollHeader .navbar>ul>li.current>a:after {
   border-color: transparent #ff4747 #ff4747 transparent
}

@media screen and (min-width: 992px) {
   .menu_area-light .navbar ul ul li.active>a,.menu_area-light .navbar-nav li.has-sub a:hover {
       color:#ff4747
   }

   .menu_area-light .navbar>ul>li.has-sub>a:hover:after {
       border-color: #ff4747
   }

   .menu_area-light.scrollHeader .navbar-nav>li.has-sub>a:hover {
       color: #ff4747
   }

   .header-style2.scrollHeader .navbar-nav>li.has-sub>a:hover {
       color: #ff4747
   }

   .header-style2.scrollHeader .navbar-nav>li.has-sub>a:hover:after {
       border-color: transparent #ff4747 #ff4747 transparent
   }

   .header-style2 .navbar>ul>li.has-sub.current>a:hover:after {
       border-color: transparent #ff4747 #ff4747 transparent
   }

   .header-style2.scrollHeader .navbar-nav li.current>a {
       color: #ff4747
   }

   .header-style2.scrollHeader .navbar-nav li.current>a:hover {
       color: #ff4747
   }

   .header-style2.scrollHeader .navbar>ul>li.current>a:after {
       border-color: transparent #ff4747 #ff4747 transparent
   }

   .header-style2 .navbar ul ul li.active>a {
       color: #ff4747
   }

   .header-style2 .navbar-nav li.has-sub a:hover,.header-style2 .navbar-nav li.has-sub a:active,.header-style2 .navbar-nav li.has-sub a:focus {
       color: #ff4747
   }

   .header-style2 .navbar-nav li.current>a,.header-style2 .navbar-nav li.active>a {
       color: #ff4747
   }

   .header-style2 .navbar>ul>li.has-sub>a:hover:after,.header-style2 .navbar>ul>li.has-sub>a:active:after,.header-style2 .navbar>ul>li.has-sub>a:focus:after {
       border-color: transparent #ff4747 #ff4747 transparent
   }
}

@media screen and (max-width: 991px) {
   .header-style1 .navbar-toggler {
       background:#ff4747
   }

   .header-style1 .navbar-toggler:after {
       border-top: 2px solid #fff;
       border-bottom: 2px solid #fff
   }

   .header-style1 .navbar-toggler:before {
       background: #fff
   }

   .header-style1 .navbar-toggler.menu-opened:after,.header-style1 .navbar-toggler.menu-opened:before {
       background: #fff
   }
}

.header-style2 .navbar-nav li.current>a {
   color: #ff4747
}

.header-style2 .navbar>ul>li.current>a:after {
   border-color: transparent #ff4747 #ff4747 transparent
}

.header-style2.scrollHeader .navbar-nav li.current>a {
   color: #ff4747
}

.header-style2.scrollHeader .navbar-nav li.current>a:hover {
   color: #ff4747
}

.header-style2.scrollHeader .navbar>ul>li.current>a:after {
   border-color: transparent #ff4747 #ff4747 transparent
}

@media screen and (min-width: 992px) {
   .header-style2 .navbar ul ul li.active>a {
       color:#ff4747
   }

   .header-style2 .butn.secondary:before {
       background: #ffffff
   }

   .header-style2 .butn.secondary:hover,.header-style2 .butn.secondary:focus,.header-style2 .butn.secondary:active {
       color: #121c22 !important
   }

   .header-style2.scrollHeader .butn.secondary:before {
       background: #ff4747
   }

   .header-style2.scrollHeader .butn.secondary:hover,.header-style2.scrollHeader .butn.secondary:focus,.header-style2.scrollHeader .butn.secondary:active {
       color: #fff !important
   }
}

.header-style3 .navbar-nav li.current>a,.header-style3 .navbar-nav li.active>a {
   color: #ff4747
}

@media screen and (min-width: 992px) {
   .header-style3 .navbar-nav li.active>a {
       color:#ff4747
   }

   .header-style3 .navbar-nav>li>a:hover,.header-style3 .navbar-nav>li>a:active,.header-style3 .navbar-nav>li>a:focus {
       color: #ff4747
   }

   .header-style3 .navbar ul ul li.active>a {
       color: #ff4747
   }

   .header-style3 .navbar-nav li.has-sub a:hover,.header-style3 .navbar-nav li.current>a {
       color: #ff4747
   }

   .header-style3 .navbar-nav>li.has-sub>a:hover {
       color: #ff4747
   }

   .header-style3 .navbar>ul>li.has-sub>a:hover:after,.header-style3 .navbar>ul>li.current>a:after {
       border-color: transparent #ff4747 #ff4747 transparent
   }

   .header-style3.scrollHeader .navbar-nav>li.has-sub>a:hover {
       color: #ff4747
   }

   .header-style3.scrollHeader .navbar>ul>li.has-sub>a:hover:after {
       border-color: transparent #ff4747 #ff4747 transparent
   }

   .header-style3.scrollHeader .navbar-nav>li.active>a {
       color: #ff4747
   }

   .header-style3.scrollHeader .navbar-nav li.current>a {
       color: #ff4747
   }

   .header-style3.scrollHeader .navbar-nav li.current>a:hover {
       color: #ff4747
   }

   .header-style3.scrollHeader .navbar>ul>li.current>a:after {
       border-color: transparent #ff4747 #ff4747 transparent
   }
}

@media screen and (max-width: 991px) {
   .header-style3 .navbar-toggler {
       background:#ff4747
   }

   .header-style3 .navbar-toggler:after {
       border-top: 2px solid #fff;
       border-bottom: 2px solid #fff
   }

   .header-style3 .navbar-toggler:before {
       background: #fff
   }

   .header-style3 .navbar-toggler.menu-opened:after,.header-style3 .navbar-toggler.menu-opened:before {
       background: #fff
   }
}

.slider-fade01 .owl-item {
   position: relative
}

.slider-fade01 h1 {
   -webkit-animation-delay: 0.8s;
   animation-delay: 0.8s
}

.slider-fade01 h1 span {
   -webkit-text-fill-color: transparent;
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #fff
}

.slider-fade01 p {
   -webkit-animation-delay: 1.2s;
   animation-delay: 1.2s
}

.slider-fade01 a {
   -webkit-animation-delay: 1.6s;
   animation-delay: 1.6s
}

.slider-fade01.owl-theme .owl-nav [class*='owl-'] {
   position: absolute;
   right: inherit;
   top: 0;
   bottom: 0;
   width: 60px;
   height: 60px;
   border: none;
   background: #ff4747;
   border-radius: 60px;
   line-height: 65px;
   -webkit-transition-duration: 500ms;
   transition-duration: 500ms;
   left: 15px;
   text-align: center;
   margin: auto;
   opacity: 0.3
}

.slider-fade01.owl-theme .owl-nav .owl-next {
   top: 0;
   bottom: 0;
   left: inherit;
   right: 15px
}

.slider-fade01 .owl-nav i {
   font-weight: 600;
   color: #fff;
   -webkit-transition-duration: 500ms;
   transition-duration: 500ms;
   font-size: 20px
}

.slider-fade01.owl-theme .owl-nav .owl-prev:hover,.slider-fade01.owl-theme .owl-nav .owl-next:hover {
   opacity: 1;
   background: #ff4747
}

.banner-style02 {
   border-radius: 0 0 40px 40px
}

.banner-style02 .img1,.banner-style02 .img2 {
   margin-left: -16px
}

@media only screen and (max-width: 1199px) {
   .banner-style02 {
       border-radius:0
   }
}

.section-title01 span {
   padding: 9px 15px 7px 36px;
   border: 1px solid rgba(9,184,80,0.3);
   border-radius: 8px;
   font-weight: 600;
   position: relative;
   display: inline-block;
   margin-bottom: 15px;
   text-transform: uppercase;
   color: #ff4747;
   font-size: 13px;
   letter-spacing: 2px;
   line-height: 1
}

.section-title01 span:before {
   content: "";
   position: absolute;
   width: 6px;
   height: 6px;
   border-radius: 2px;
   background-color: #ff4747;
   left: 15px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   -webkit-animation: flickerAnimation 0.75s infinite;
   animation: flickerAnimation 0.75s infinite;
   -webkit-transition: color 0.3s;
   transition: color 0.3s
}

@-webkit-keyframes flickerAnimation {
   0% {
       opacity: 1
   }

   50% {
       opacity: 0
   }

   100% {
       opacity: 1
   }
}

@keyframes flickerAnimation {
   0% {
       opacity: 1
   }

   50% {
       opacity: 0
   }

   100% {
       opacity: 1
   }
}

.section-title02 .small-title {
   font-weight: 600;
   color: #ff4747;
   text-transform: uppercase;
   font-size: 15px;
   position: relative;
   padding-left: 20px;
   margin-bottom: 20px;
   display: inline-block
}

.section-title02 .small-title:before {
   left: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   background: #ff4747;
   width: 7px;
   height: 7px;
   content: "";
   position: absolute
}

.section-title02 .title-sm {
   position: relative;
   z-index: 2;
   display: inline-block
}

.section-title02 .title-sm:hover:before {
   height: 100%;
   bottom: 0
}

@media screen and (min-width: 575px) {
   .section-title02 .title-sm:before {
       content:'';
       background: rgba(9,184,80,0.4);
       height: 8px;
       width: 100%;
       position: absolute;
       bottom: 8px;
       z-index: -1;
       -webkit-transition: opacity .85s,height .45s,bottom .45s,color .45s,-webkit-transform .85s;
       transition: opacity .85s,height .45s,bottom .45s,color .45s,-webkit-transform .85s;
       transition: transform .85s,opacity .85s,height .45s,bottom .45s,color .45s;
       transition: transform .85s,opacity .85s,height .45s,bottom .45s,color .45s,-webkit-transform .85s;
       -webkit-transform: scale(1, 1) !important;
       transform: scale(1, 1) !important
   }
}

.page-title-section {
   padding: 180px 0 90px
}

.page-title-section h1 {
   font-size: 64px;
   line-height: 1;
   color: #ffffff;
   margin-bottom: 20px;
   position: relative;
   z-index: 9
}

.page-title-section ul {
   padding: 9px 15px 7px 36px;
   border: 1px solid rgba(9,184,80,0.3);
   border-radius: 8px;
   font-weight: 600;
   position: relative;
   display: inline-block;
   margin-bottom: 0;
   text-transform: uppercase;
   color: #ff4747;
   font-size: 13px;
   letter-spacing: 2px;
   line-height: 1
}

.page-title-section ul li {
   display: inline-block
}

.page-title-section ul li:last-child a {
   color: #ff4747
}

.page-title-section ul li:before {
   content: "";
   position: absolute;
   width: 6px;
   height: 6px;
   border-radius: 2px;
   background-color: #ff4747;
   left: 15px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   -webkit-animation: flickerAnimation 0.75s infinite;
   animation: flickerAnimation 0.75s infinite;
   -webkit-transition: color 0.3s;
   transition: color 0.3s
}

.page-title-section ul li:after {
   content: '\f105';
   font-weight: 700;
   vertical-align: middle;
   color: #fff;
   font-family: Font Awesome\ 5 Free;
   padding: 0 5px 0 10px
}

.page-title-section ul li:last-child:after {
   content: none
}

.page-title-section ul li a {
   color: #fff;
   font-size: 12px;
   font-weight: 500
}

.page-title-section .active a,.page-title-section li.active:last-child a {
   color: #fff
}

@media screen and (max-width: 1199px) {
   .page-title-section {
       padding:170px 0 80px
   }

   .page-title-section h1 {
       font-size: 52px
   }
}

@media screen and (max-width: 991px) {
   .page-title-section {
       padding:150px 0 80px
   }

   .page-title-section h1 {
       font-size: 48px
   }
}

@media screen and (max-width: 575px) {
   .page-title-section {
       padding:130px 0 70px
   }

   .page-title-section h1 {
       font-size: 42px
   }
}

.card .card-body {
   color: #575a7b
}

.card-style01 {
   -webkit-transition: .2s linear;
   transition: .2s linear;
   height: 100%
}

.card-style01:hover {
   -webkit-box-shadow: 0px 10px 20px 0px rgba(20,33,43,0.1);
   box-shadow: 0px 10px 20px 0px rgba(20,33,43,0.1);
   -webkit-transition: .2s linear;
   transition: .2s linear
}

.card-style02 {
   -webkit-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.card-style02 .service-icon {
   width: 80px;
   height: 80px;
   background-color: #ff4747;
   border-radius: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-bottom: 20px
}

.card-style02:hover {
   -webkit-box-shadow: 0 10px 10px #0000001a;
   box-shadow: 0 10px 10px #0000001a;
   position: relative;
   z-index: 100;
   -webkit-transform: translate(0, -10px);
   transform: translateY(-10px)
}

.card-style02 .service-btn {
   color: #14212B
}

.card-style02:hover .service-btn {
   color: #ff4747
}

.card-style03 .card-body {
   max-height: 103px;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   -webkit-transition: .4s;
   transition: .4s
}

.card-style03 .card-body .service-content {
   -webkit-box-shadow: 0 6px 30px 0 #00000012;
   box-shadow: 0 6px 30px 0 #00000012;
   background-color: #fff;
   padding-right: 1.5rem;
   padding-top: 1.125rem;
   padding-bottom: 1.125rem;
   margin: 0 32px;
   gap: 1.125rem;
   border-bottom: 2px solid #ff4747;
   z-index: 1;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.card-style03 .card-body .service-content:before {
   position: absolute;
   content: "";
   height: 78px;
   width: 64px;
   background-color: #ffffff;
   inset-block-start: -20px;
   inset-inline-start: 20px;
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   z-index: -1;
   -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 49%);
   clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 49%)
}

.card-style03 .card-body .service-content .service-icon {
   width: 85px;
   height: 85px;
   -webkit-transition-duration: 500ms;
   transition-duration: 500ms;
   margin-left: -16px;
   background-color: #ff4747;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.card-style03:hover .card-body {
   max-height: 300px;
   -webkit-transition: .4s;
   transition: .4s
}

.card-style03 .card-body .service-content .service-text {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 3
}

.card-style04 {
   -webkit-transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
   transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
   -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.08);
   box-shadow: 0 0 30px rgba(0,0,0,0.08);
   border: 0
}

.card-style04 .blog-img span a {
   position: absolute;
   top: 20px;
   right: 20px;
   -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.4);
   box-shadow: 0 0 25px rgba(0,0,0,0.4);
   padding: 4px 12px;
   -webkit-transition: .3s;
   transition: .3s;
   margin-left: 5px;
   display: inline-block;
   font-size: 12px;
   line-height: 20px;
   font-weight: 700;
   text-transform: uppercase;
   background-color: #fff;
   z-index: 9
}

.card-style04 .blog-author {
   font-size: 14px;
   will-change: transform;
   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;
   position: relative;
   overflow: hidden
}

.card-style04 .blog-author .blog-date {
   opacity: 1;
   visibility: visible;
   -webkit-transform: translateY(0);
   transform: translateY(0);
   -webkit-transition: all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
   transition: all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
   font-weight: 500;
   display: inline-block
}

.card-style04 .blog-author .author-name {
   position: absolute;
   width: auto;
   left: 0;
   bottom: 0;
   opacity: 1;
   visibility: visible;
   -webkit-transform: translateY(32px);
   transform: translateY(32px);
   -webkit-transition: all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
   transition: all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
   display: inline-block
}

.card-style04 .blog-author .author-name a {
   font-weight: 600;
   border-bottom: 1px solid #232323;
   -webkit-transition: .3s;
   transition: .3s
}

.card-style04 .blog-author .blog-like a i {
   margin-right: 4px;
   vertical-align: middle;
   -webkit-transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
   transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1)
}

.card-style04:hover .blog-author .blog-date {
   position: relative;
   opacity: 1;
   visibility: visible;
   -webkit-transform: translateY(-32px);
   transform: translateY(-32px)
}

.card-style04:hover .blog-author .author-name {
   opacity: 1;
   visibility: visible;
   -webkit-transform: translateY(0);
   transform: translateY(0)
}

.card-style05 .card-body .service-icon {
   width: 80px;
   height: 80px;
   background-color: #fff;
   -webkit-box-shadow: 0 0 35px rgba(0,0,0,0.12);
   -ms-box-shadow: 0 0 35px rgba(0,0,0,0.12);
   -o-box-shadow: 0 0 35px rgba(0,0,0,0.12);
   box-shadow: 0 0 35px rgba(0,0,0,0.12);
   border-radius: 50%;
   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;
   margin: -40px auto 20px;
   -webkit-transition: all 250ms linear 0ms;
   transition: all 250ms linear 0ms
}

.card-style05:hover .card-body .service-icon {
   background-color: #ff4747
}

.card-style05:hover .card-body .service-icon img {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
   -webkit-transition: all 250ms linear 0ms;
   transition: all 250ms linear 0ms
}

.card-style05 .card-body .service-btn {
   border-top: 1px solid #dee2e6
}

.card-style05:hover .card-body .service-btn {
   background-color: #ff4747;
   border-radius: 0 0 10px 10px;
   -webkit-transition: .4s;
   transition: .4s;
   border: 1px solid #ff4747
}

.card-style05:hover .card-body .service-btn a {
   color: #fff
}

.card-style05:hover .card-body .service-btn a i {
   color: #fff
}

.filtering {
   margin-bottom: 40px
}

.filtering span {
   cursor: pointer;
   font-size: 14.4px;
   font-weight: 600;
   margin-right: 10px;
   display: inline-block;
   margin-bottom: 5px;
   padding: 6px 15px;
   background: transparent;
   color: #14212B;
   border: 2px solid #14212B
}

.filtering span:last-child {
   margin: 0
}

.filtering .active {
   color: #ffffff;
   background: #ff4747;
   border: 2px solid #ff4747
}

@media screen and (max-width: 767px) {
   .filtering {
       margin-bottom:0
   }

   .filtering span {
       margin-bottom: 17px
   }
}

@media screen and (max-width: 575px) {
   .filtering span {
       padding:6px 8px;
       margin-right: 5px;
       font-size: 13px
   }
}

.lg-backdrop {
   z-index: 99999
}

.lg-outer {
   z-index: 999999
}

.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover {
   border-color: #ff4747
}

.lg-progress-bar .lg-progress {
   background-color: #ff4747
}

.lg-backdrop.in {
   opacity: 0.85
}

.portfolio-style01 .portfolio-block .portfolio-content {
   max-height: 80px;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   -webkit-transition: .4s;
   transition: .4s
}

.portfolio-style01 .portfolio-block .portfolio-inner {
   background-color: #fff;
   padding: 1.125rem 1.5rem;
   margin: 0 30px;
   gap: 1.125rem;
   border-bottom: 2px solid #ff4747;
   z-index: 1;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

.portfolio-style01 .portfolio-block:hover .portfolio-content {
   max-height: 300px;
   -webkit-transition: .4s;
   transition: .4s
}

.portfolio-style01 .portfolio-block .portfolio-inner .portfolio-text {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 3
}

.portfolio-style01 .portfolio-block:hover .portfolio-inner {
   -webkit-box-shadow: 0 6px 30px 0 #00000012;
   box-shadow: 0 6px 30px 0 #00000012
}

@media screen and (max-width: 575px) {
   .portfolio-style01 .portfolio-block .portfolio-inner {
       margin:0 15px;
       gap: 0.625rem
   }
}

.portfolio-style02 .img-hover:before {
   position: absolute;
   top: 0;
   right: 0;
   content: '';
   width: 0;
   height: 100%;
   border-radius: 10px;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(-19.59%, rgba(20,33,43,0)), color-stop(92.89%, rgba(20,33,43,0.8)));
   background: linear-gradient(180deg, rgba(20,33,43,0) -19.59%, rgba(20,33,43,0.8) 92.89%);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease
}

.portfolio-style02:hover .img-hover:before {
   width: 100%;
   left: 0
}

.portfolio-style02 .content {
   padding: 16px;
   background: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: absolute;
   bottom: 30px;
   left: 30px;
   right: 30px;
   opacity: 0;
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transform-origin: left;
   transform-origin: left;
   -webkit-transition: all 700ms ease;
   transition: all 700ms ease;
   border-radius: 10px
}

.portfolio-style02:hover .content {
   opacity: 1;
   -webkit-transform: scale(1, 1);
   transform: scale(1, 1)
}

.portfolio-style02 .content .icon a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 50px;
   height: 50px;
   line-height: 50px;
   background-color: #ff4747;
   font-size: 22px;
   color: #fff;
   -webkit-transition: all 700ms ease;
   transition: all 700ms ease;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-radius: 5px
}

.portfolio-style02 .content .icon:hover a {
   background-color: #14212B;
   -webkit-transform: scale(1, 1);
   transform: scale(1, 1)
}

@media screen and (max-width: 1399px) {
   .portfolio-style02 .content {
       bottom:20px;
       left: 20px;
       right: 20px
   }
}

.pagination {
   border-radius: 0
}

.pagination ul {
   display: inline-block;
   *display: inline;
   *zoom:1;margin: 0 auto;
   padding: 0
}

.pagination li {
   display: inline
}

.pagination a {
   float: left;
   padding: 0 16px;
   line-height: 40px;
   text-decoration: none;
   border: 1px solid #dbdbdb;
   border-left-width: 0;
   background: #fff
}

.pagination a:hover {
   background-color: #232323;
   color: #fff
}

.pagination .active a {
   background-color: #f7f7f7;
   color: #999;
   cursor: default
}

.pagination .disabled span {
   color: #999;
   background-color: transparent;
   cursor: default
}

.pagination .disabled a {
   color: #999;
   background-color: transparent;
   cursor: default
}

.pagination .disabled a:hover {
   color: #999;
   background-color: transparent;
   cursor: default
}

.pagination li:first-child a {
   border-left-width: 1px
}

.page-item:not(:first-child) .page-link {
   margin-left: 0
}

.pagination-style01 {
   margin-top: 4%;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.pagination-style01 ul {
   font-weight: 500;
   font-size: 13px;
   margin-bottom: 0;
   padding-left: 0
}

.pagination-style01 ul li {
   list-style: none
}

.pagination-style01 ul li a {
   border: 0;
   padding: 0 2px;
   margin: 0 7px;
   background: 0 0;
   color: #828282;
   min-width: 45px;
   font-size: inherit;
   text-align: center;
   border-radius: 100%;
   line-height: 45px;
   min-height: 45px;
   display: block;
   -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.pagination-style01 ul li a i {
   line-height: 40px;
   font-size: 18px;
   display: inline-block
}

.pagination-style01 ul li.active a {
   background: #232323;
   color: #fff;
   -webkit-box-shadow: 0 0 10px rgba(23,23,23,0.15) !important;
   box-shadow: 0 0 10px rgba(23,23,23,0.15) !important
}

.pagination-style01 ul li a:hover {
   background: #fff;
   color: #232323;
   -webkit-box-shadow: 0 0 10px rgba(23,23,23,0.15) !important;
   box-shadow: 0 0 10px rgba(23,23,23,0.15) !important
}

@media screen and (max-width: 575px) {
   .pagination-style01 ul {
       margin-top:10px
   }

   .pagination-style01 ul li a {
       min-width: 40px;
       min-height: 40px;
       line-height: 40px;
       margin: 0 4px
   }
}

ul.resp-tabs-list {
   margin: 0px;
   padding: 0px
}

.resp-tabs-list li {
   font-weight: 600;
   font-size: 14px;
   display: inline-block;
   padding: 13px 15px;
   margin: 0 4px 0 0;
   list-style: none;
   cursor: pointer
}

.resp-tabs-list li:last-child {
   margin-right: 0
}

.resp-tabs-list li i {
   font-size: 20px;
   padding-right: 5px;
   vertical-align: text-bottom
}

.resp-tabs-container {
   padding: 0px;
   background-color: #fff;
   clear: left
}

.resp-tab-content {
   display: none;
   padding: 20px
}

.resp-tabs-list li.resp-tab-active {
   border: 1px solid #ff4747;
   border-bottom: none;
   border-color: #ff4747 !important;
   margin-bottom: -1px;
   padding: 12px 14px 14px 14px;
   border-top: 4px solid #ff4747;
   border-bottom: 0px #fff solid;
   border-bottom: none;
   background-color: #fff;
   color: #ff4747
}

.resp-content-active,.resp-accordion-active {
   display: block
}

.resp-tab-content {
   border: 1px solid #c1c1c1;
   border-top-color: #c1c1c1;
   float: left;
   width: 100%
}

h2.resp-accordion {
   cursor: pointer;
   display: none;
   font-size: 14px;
   border: 1px solid #c1c1c1;
   border-top: 0px solid #c1c1c1;
   margin: 0px;
   padding: 14px 15px;
   float: left;
   width: 100%
}

h2.resp-tab-active {
   border-bottom: 0px solid #c1c1c1 !important;
   background-color: #ff4747 !important;
   color: #fff
}

h2.resp-tab-title:last-child {
   border-bottom: 12px solid #c1c1c1 !important;
   background: blue
}

.resp-vtabs ul.resp-tabs-list {
   float: left;
   width: 30%
}

.resp-vtabs .resp-tabs-list li {
   display: block;
   padding: 15px 15px !important;
   margin: 0 0 4px;
   cursor: pointer;
   float: none
}

.resp-vtabs .resp-tabs-container {
   padding: 0px;
   background-color: #fff;
   border: 1px solid #ff4747 !important;
   float: left;
   width: 70%;
   min-height: 250px;
   clear: none
}

.resp-vtabs .resp-tab-content {
   border: none;
   word-wrap: break-word
}

.resp-vtabs li.resp-tab-active {
   position: relative;
   z-index: 1;
   margin-right: -1px !important;
   padding: 14px 15px 15px 11px !important;
   border-top: 1px solid;
   border: 1px solid #ff4747 !important;
   border-left: 4px solid #ff4747 !important;
   margin-bottom: 4px !important;
   border-right: 1px #FFF solid !important
}

.resp-arrow {
   border-color: transparent #282b2d #282b2d transparent;
   border-style: solid;
   border-width: 0 1px 1px 0;
   float: right;
   display: block;
   height: 8px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   width: 8px;
   margin-top: 4px
}

h2.resp-tab-active span.resp-arrow {
   border-color: #fff transparent transparent #fff;
   border-style: solid;
   border-width: 1px 0 0 1px;
   float: right;
   display: block;
   height: 8px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   width: 8px;
   margin-top: 7px
}

.resp-easy-accordion h2.resp-accordion {
   display: block
}

.resp-easy-accordion .resp-tab-content {
   border: 1px solid #c1c1c1
}

.resp-easy-accordion .resp-tab-content:last-child {
   border-bottom: 1px solid #c1c1c1
}

.resp-jfit {
   width: 100%;
   margin: 0px
}

.resp-tab-content-active {
   display: block;
   border-color: #ff4747 !important
}

h2.resp-accordion:first-child {
   border-top: 1px solid #c1c1c1
}

h2.resp-accordion.resp-tab-active {
   border-color: #ff4747 !important
}

.tab-style01 .resp-tab-content {
   border: 0;
   padding: 20px 0 0 0
}

.tab-style01 .resp-tabs-list li {
   border: 0;
   padding: 0;
   line-height: 1;
   text-transform: uppercase;
   border-top: 0 !important;
   margin-right: 30px
}

.tab-style01 .resp-tabs-list li:last-child {
   margin-right: 0
}

.tab-style01 .resp-tabs-list li.resp-tab-active {
   border-bottom: 1px solid #ff4747
}

@media screen and (max-width: 575px) {
   .tab-style01 .resp-tabs-list li {
       margin-right:16px;
       font-size: 13px
   }
}

.services-carousel-one .owl-nav {
   margin-top: 0
}

.services-carousel-one .owl-nav .owl-prev,.services-carousel-one .owl-nav .owl-next {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 56px;
   height: 56px;
   color: #fff !important;
   background-color: #14212B !important;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-radius: 50%;
   -webkit-transition: .4s;
   transition: .4s
}

.services-carousel-one .owl-nav .owl-prev {
   left: -80px
}

.services-carousel-one .owl-nav .owl-next {
   right: -80px
}

.services-carousel-one.owl-theme .owl-nav [class*='owl-']:hover {
   background: #ff4747 !important;
   -webkit-transition: .4s;
   transition: .4s
}

@media screen and (max-width: 1399px) {
   .services-carousel-one .owl-nav .owl-prev,.services-carousel-one .owl-nav .owl-next {
       top:45%
   }
}

@media screen and (max-width: 1199px) {
   .services-carousel-one .owl-nav .owl-prev,.services-carousel-one .owl-nav .owl-next {
       top:55%
   }
}

.testimonials-carousel-one .owl-nav {
   margin-top: 0
}

.testimonials-carousel-one.owl-carousel .owl-nav button.owl-prev,.testimonials-carousel-one.owl-carousel .owl-nav button.owl-next {
   margin: 0;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   font-size: 16px;
   font-weight: 600;
   text-transform: uppercase;
   color: #fff;
   border-radius: 0
}

.testimonials-carousel-one.owl-carousel .owl-nav button.owl-prev {
   left: -150px;
   border-right: 1px solid rgba(255,255,255,0.1);
   padding: 62px 30px 62px 0 !important
}

.testimonials-carousel-one.owl-carousel .owl-nav button.owl-next {
   right: -150px;
   border-left: 1px solid rgba(255,255,255,0.1);
   padding: 62px 0 62px 30px !important
}

.testimonials-carousel-one.owl-theme .owl-nav [class*='owl-']:hover {
   background: transparent;
   color: #ff4747;
   -webkit-transition: .4s;
   transition: .4s
}

@media screen and (max-width: 991px) {
   .testimonials-carousel-one.owl-carousel .owl-nav button.owl-next {
       right:-120px
   }

   .testimonials-carousel-one.owl-carousel .owl-nav button.owl-prev {
       left: -120px
   }
}

.marquee-section {
   overflow-x: clip;
   overflow-y: visible;
   z-index: 99;
   position: relative
}

.marquee {
   position: relative;
   overflow: hidden;
   padding: 20px 0 0 0;
   width: calc(100% + 60px);
   margin-left: -30px
}

.marquee h4 {
   font-size: 120px;
   text-transform: uppercase;
   letter-spacing: -2px
}

.slide-har {
   position: relative
}

.slide-har.st1 .box {
   position: relative;
   -webkit-animation: slide-har 80s linear infinite;
   animation: slide-har 80s linear infinite
}

@-webkit-keyframes slide-har {
   0% {
       -webkit-transform: translateX(0%);
       transform: translateX(0%)
   }

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

@keyframes slide-har {
   0% {
       -webkit-transform: translateX(0%);
       transform: translateX(0%)
   }

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

.main-marq {
   position: relative;
   padding: 0
}

.main-marq:after {
   position: absolute;
   top: -30px;
   bottom: -30px;
   left: -30px;
   right: -30px;
   pointer-events: none;
   background: linear-gradient(to left, #181818, rgba(255,255,255,0) 220px, rgba(255,255,255,0) calc(100% - 220px), #181818)
}

.main-marq .slide-har {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.main-marq .strok .item h4 {
   color: transparent !important;
   -webkit-text-stroke: 0.5px #14212B
}

.main-marq .strok .item h4 a {
   color: transparent !important;
   -webkit-text-stroke: 0.5px #14212B
}

.main-marq .non-strok .item h4 {
   color: #14212B !important;
   -webkit-text-stroke: 0 !important
}

.main-marq .non-strok .item h4 a {
   color: #14212B !important;
   -webkit-text-stroke: 0 !important
}

.main-marq .box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.main-marq .box .item {
   padding: 0 30px
}

.main-marq .box .item h4 {
   white-space: nowrap;
   line-height: 1;
   margin: 0
}

.main-marq .box .item:nth-of-type(even) h4 {
   color: transparent;
   -webkit-text-stroke: 0.5px #14212B
}

.main-marq .box .item:nth-of-type(even) h4 a {
   color: transparent;
   -webkit-text-stroke: 0.5px #14212B
}

.main-marq .box:last-of-type .item:nth-of-type(even) h4 {
   color: #14212B;
   -webkit-text-stroke: 0
}

.main-marq .box:last-of-type .item:nth-of-type(even) h4 a {
   color: #14212B;
   -webkit-text-stroke: 0
}

.main-marq .box:last-of-type .item:nth-of-type(odd) h4 {
   color: transparent;
   -webkit-text-stroke: 1px #14212B
}

.main-marq .box:last-of-type .item:nth-of-type(odd) h4 a {
   color: transparent;
   -webkit-text-stroke: 1px #14212B
}

@media screen and (max-width: 1199px) {
   .marquee h4 {
       font-size:80px
   }
}

@media screen and (max-width: 991px) {
   .marquee {
       padding:35px 0 0 0
   }

   .marquee h4 {
       font-size: 60px
   }
}

@media screen and (max-width: 575px) {
   .marquee h4 {
       font-size:50px
   }

   .main-marq .box .item {
       padding: 0 20px
   }
}

.accordion-style .card {
   background: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
   margin-top: 0 !important;
   border: none
}

.accordion-style .card-header {
   border: 0px;
   padding: 0;
   border-bottom: 1px solid rgba(255,255,255,0.15);
   background: none
}

.accordion-style .btn-link {
   background: #fff;
   color: #575a7b;
   line-height: 20px;
   position: relative;
   border: none;
   display: block;
   width: 100%;
   text-align: left;
   white-space: normal;
   border-radius: 4px;
   padding: 20px 35px 20px 20px;
   font-weight: 500;
   text-decoration: none
}

.accordion-style .btn-link:hover {
   text-decoration: none
}

.accordion-style .btn-link.collapsed:after {
   background: none;
   content: "+";
   right: 15px;
   left: inherit;
   font-size: 20px;
   height: auto;
   -webkit-transform: none;
   transform: none;
   width: auto;
   top: 20px;
   color: #14212B
}

.accordion-style .btn-link:after {
   background: none;
   content: "-";
   right: 17px;
   left: inherit;
   font-size: 20px;
   height: auto;
   -webkit-transform: none;
   transform: none;
   width: auto;
   top: 20px;
   position: absolute;
   color: #14212B
}

.accordion-style .card-body {
   padding: 0px 40px 30px 20px
}

@media screen and (max-width: 991px) {
   .accordion-style .btn-link:after,.accordion-style .btn-link.collapsed:after {
       top:20px
   }

   .accordion-style .card-body {
       padding: 10px 25px 30px 25px
   }
}

.accordion.style01 .card {
   margin-bottom: 10px;
   border: 0
}

.accordion.style01 .card:last-child {
   margin-bottom: 0
}

.accordion.style01 .card-header {
   border: 0;
   padding: 0;
   background: none
}

.accordion.style01 .accordion-collapse {
   border: none
}

.accordion.style01 .accordion-button {
   color: #fff;
   font-size: 18px;
   position: relative;
   display: block;
   width: 100%;
   white-space: normal;
   -webkit-box-shadow: none;
   box-shadow: none;
   line-height: 30px;
   font-weight: 500;
   padding: 15px 55px 15px 20px;
   text-decoration: none;
   background: #ff4747;
   border: 1px solid #ff4747;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px
}

.accordion.style01 .accordion-button:hover {
   text-decoration: none
}

.accordion.style01 .accordion-button.collapsed {
   background: transparent;
   color: #14212B;
   border-radius: 10px;
   border: 1px solid #dee2e6
}

.accordion.style01 .accordion-button.collapsed:after {
   background: transparent;
   color: #000;
   border-radius: 0;
   content: "\e61a";
   font-family: themify;
   font-weight: 600;
   top: 0;
   left: inherit;
   right: 0;
   font-size: 17px;
   line-height: 60px;
   height: 60px;
   width: 60px;
   text-align: center;
   padding-left: 0;
   -webkit-transform: none;
   transform: none
}

.accordion.style01 .accordion-button:after {
   background: none;
   border-radius: 0;
   content: "\e622";
   font-family: themify;
   font-weight: 600;
   top: 0;
   left: inherit;
   right: 0;
   font-size: 17px;
   height: 60px;
   line-height: 60px;
   -webkit-transform: none;
   transform: none;
   width: 60px;
   position: absolute;
   color: #ffffff;
   text-align: center
}

.accordion.style01 .card-body {
   padding: 29px 30px;
   line-height: 30px;
   border: 1px solid #dee2e6;
   border-radius: 0 0 10px 10px;
   border-top: 0
}

@media screen and (max-width: 767px) {
   .accordion.style01 .card-body {
       font-size:15px;
       padding: 15px
   }

   .accordion.style01 .accordion-button:after,.accordion.style01 .accordion-button.collapsed:after {
       font-size: 15px
   }
}

@media screen and (max-width: 575px) {
   .accordion.style01 .accordion-button {
       line-height:unset
   }

   .accordion.style01 .accordion-button:after {
       height: 100%;
       width: 50px;
       line-height: 50px
   }

   .accordion .accordion-button.collapsed:after {
       height: 100%;
       width: 50px;
       line-height: 50px
   }
}

.accordion-style.style02 .btn-link {
   padding: 30px 35px;
   font-weight: 700;
   background: #14212B !important;
   color: #fff !important;
   border-radius: 10px
}

.accordion-style.style02 .btn-link.collapsed {
   padding: 22px 35px;
   font-weight: 700;
   background: #fff;
   color: unset
}

.accordion-style.style02 .card {
   -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
   transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
   background-color: #14212B;
   border-radius: 10px
}

.accordion-style.style02 .btn-link.collapsed:after,.accordion-style.style02 .btn-link:after {
   right: 35px;
   font-family: themify;
   font-size: 13px;
   color: #fff
}

.accordion-style.style02 .card-body {
   padding: 0px 35px 30px 35px
}

.accordion-style.style02 .card-header {
   border-bottom: 0
}

.accordion-style.style02 .btn-link:after {
   content: "\e65a";
   top: 32px
}

.accordion-style.style02 .btn-link.collapsed:after {
   content: "\e628";
   top: 22px
}

.sidebar .widget {
   position: relative;
   display: block;
   background-color: #f8f9fa;
   border: 1px solid rgba(220,224,229,0.6);
   padding: 30px;
   border-radius: 10px
}

.sidebar .menu li {
   margin-bottom: 10px
}

.sidebar .menu li:last-child {
   margin-bottom: 0
}

.sidebar .menu li a:hover,.sidebar .menu li.active a {
   color: #fff;
   background-color: #ff4747;
   border: 1px solid #ff4747;
}

.sidebar .menu li a {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 16px;
   font-weight: 600;
   color: #14212B;
   background-color: #fff;
   padding: 17px 20px 17px 20px;
   border: 1px solid #e7e3e3;
   border-radius: 10px
}

.sidebar .menu li a:hover:before {
   background-color: #14212B
}

.sidebar .menu li.active a:before {
   background-color: #14212B
}

.sidebar .menu li a::before {
   position: absolute;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   left: 0px;
   top: 0px;
   width: 30px;
   height: 100%;
   background-color: #f4f5f4;
   text-align: center;
   font-size: 16px;
   color: #707582;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease
}

.blog-tags a {
   border: 1px solid #e8e9e8;
   background-color: #fff;
   padding: 7px 12px;
   font-size: 14px;
   line-height: 20px;
   margin: 0.6rem 5px 0 0;
   display: inline-block;
   border-radius: 0.375rem
}

.blog-tags a:hover {
   border: 1px solid #ff4747;
   background-color: #ff4747;
   color: #fff
}

.contact-widget {
   min-height: 500px
}

.contact-widget:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(27,30,35,0)), color-stop(54.02%, rgba(27,30,35,0.75)), to(#1b1e23));
   background: linear-gradient(180deg, rgba(27,30,35,0) 0%, rgba(27,30,35,0.75) 54.02%, #1b1e23 100%)
}

@media screen and (max-width: 575px) {
   .sidebar .widget {
       padding:22px
   }
}

.portfolio-details-style01 .box-letter {
   background-color: #ff4747;
   position: relative;
   z-index: 1;
   float: left;
   width: 1.5em;
   height: 1.5em;
   margin-top: 0.3em;
   margin-right: 0.5em;
   font-size: 1.75em;
   line-height: 1.55em;
   color: #14212B;
   font-weight: 800;
   text-align: center;
   overflow: hidden;
   border-radius: 10px
}

.portfolio-details-style01 .portfolio-tag a {
   display: inline-block;
   margin-bottom: 6px;
   margin-right: 6px;
   padding: 0 9px;
   font-size: 14px !important;
   line-height: 28px;
   font-weight: 500;
   color: #14212B;
   background-color: transparent;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   border-radius: 30px;
   border: 1px solid #14212B
}

.portfolio-details-style01 .portfolio-tag a:last-child {
   margin-right: 0
}

.portfolio-details-style01 .portfolio-tag a:hover {
   color: #fff;
   border-color: #ff4747;
   background-color: #ff4747
}

.portfolio-details-style01 .portfolio-social-icons a {
   width: 36px;
   height: 36px;
   background-color: transparent;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: #14212B;
   border-radius: 50%;
   margin-right: 12px;
   -webkit-transition: all 0.4s;
   transition: all 0.4s
}

.portfolio-details-style01 .portfolio-social-icons a:last-child {
   margin-right: 0
}

.portfolio-details-style01 .portfolio-social-icons a:hover {
   background-color: #ff4747;
   color: #fff
}

.countdown {
   padding: 0
}

.countdown li {
   background: transparent;
   border: 1px solid rgba(255,255,255,0.2);
   display: inline-block;
   text-align: center;
   min-width: 120px;
   overflow: hidden;
   margin-right: 10px;
   padding: 15px 10px;
   position: relative;
   border-radius: 3px
}

.countdown li:last-child {
   margin-right: 0
}

.countdown li span {
   font-size: 32px;
   font-weight: 600;
   text-align: center;
   color: #ffffff;
   line-height: normal;
   position: relative
}

.countdown li p.timeRefDays,.countdown li p.timeRefHours,.countdown li p.timeRefMinutes,.countdown li p.timeRefSeconds {
   font-size: 13px;
   font-weight: 500;
   color: #ffffff;
   margin: 0;
   z-index: 2;
   position: relative;
   padding: 0;
   text-transform: capitalize
}

.search-form_input {
   color: #ff4747
}

.search-frame h4 a:hover {
   color: #ff4747
}

.search-frame .search_list .match {
   color: #ff4747
}

.search-frame .search_list li:before {
   color: #ff4747
}

.search-frame .search_list li+li {
   border-top: 3px solid #ff4747
}

.search-frame .search {
   color: #ff4747
}

.contact-map {
   width: 100%;
   height: 400px;
   vertical-align: top;
   border: 0
}

.about-style01 .arrow-circle {
   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;
   position: relative;
   overflow: hidden;
   -webkit-transition: .3s;
   transition: .3s;
   margin-right: 20px;
   width: 50px;
   height: 50px;
   border: 2px solid #ff4747;
   border-radius: 50%
}

.about-style02 .top-right-content {
   margin-left: -49px
}

.about-style02 .bottom-right-content {
   margin-top: -220px
}

@media screen and (max-width: 1399px) {
   .about-style02 .top-right-content {
       margin-left:-9px
   }
}

@media screen and (max-width: 1199px) {
   .about-style02 .top-right-content {
       margin-left:0
   }

   .about-style02 .bottom-right-content {
       margin-top: -100px
   }
}

@media screen and (max-width: 991px) {
   .about-style02 .bottom-right-content {
       margin-top:0
   }
}

.about-style03 .about-left .left-img {
   margin-top: -200px;
   z-index: 9;
   position: relative
}

.about-style03 .about-circle .about-text {
   width: 220px;
   height: 220px;
   color: white;
   padding: 18px;
   font-weight: 600;
   position: relative;
   border-radius: 50%;
   background: #1d2a34;
   margin: 0 auto;
   z-index: 9;
   margin-top: 55px
}

.about-style03 .about-circle .about-text .coloring {
   fill: white;
   word-spacing: 8px;
   letter-spacing: 1px
}

.about-style03 .about-circle .about-text svg {
   -webkit-animation: rotated_circle 12s linear infinite;
   animation: rotated_circle 12s linear infinite
}

.about-style03 .about-circle .about-text .about-icon {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   font-size: 55px;
   width: 110px;
   height: 110px;
   line-height: 110px;
   text-align: center;
   border-radius: 50%;
   background-color: #fff;
   padding: 25px
}

@-webkit-keyframes rotated_circle {
   0% {
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg)
   }

   100% {
       -webkit-transform: rotate(-360deg);
       transform: rotate(-360deg)
   }
}

@keyframes rotated_circle {
   0% {
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg)
   }

   100% {
       -webkit-transform: rotate(-360deg);
       transform: rotate(-360deg)
   }
}

@media screen and (max-width: 1199px) {
   .about-style03 .about-circle .about-text {
       width:190px;
       height: 190px;
       margin-top: 35px
   }

   .about-style03 .about-circle .about-text .about-icon {
       width: 90px;
       height: 90px
   }
}

@media screen and (max-width: 575px) {
   .about-style03 .about-left .left-img {
       margin-top:-120px
   }
}

.about-style04 .about-left .exp-box {
   width: 400px;
   -webkit-filter: drop-shadow(0 3px 40.5px rgba(0,0,0,0.16));
   filter: drop-shadow(0 3px 40.5px rgba(0,0,0,0.16));
   -webkit-box-shadow: 0 3px 40.5px rgba(0,0,0,0.16);
   box-shadow: 0 3px 40.5px rgba(0,0,0,0.16);
   border-radius: 10px;
   background-color: #fff;
   position: absolute;
   bottom: -12%;
   left: 26%
}

.about-style04 .about-left .exp-box .bg-img {
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px
}

.about-style04 .about-right .progress {
   height: 4px
}

@media screen and (max-width: 1199px) {
   .about-style04 .about-left .exp-box {
       left:50%;
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%)
   }
}

@media screen and (max-width: 767px) {
   .about-style04 .about-left .exp-box {
       bottom:-6%
   }
}

@media screen and (max-width: 575px) {
   .about-style04 .about-left .exp-box {
       width:260px
   }
}

.about-style05 .left-content .exp-no {
   width: 110px;
   height: 110px;
   background-color: #ff4747;
   border-radius: 50%;
   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;
   color: #fff;
   font-size: 42px;
   font-weight: 800;
   line-height: 1
}

.about-style05 .about-icon {
   width: 60px;
   height: 60px;
   background-color: rgba(9,184,80,0.2);
   color: #ff4747;
   border-radius: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.process-style01 .process-block {
   text-align: center;
   position: relative;
   z-index: 1;
   -webkit-transition: 0.5s;
   transition: 0.5s
}

.process-style01 .process-block .process-icon {
   -webkit-box-shadow: 0 6px 30px 0 #00000012;
   box-shadow: 0 6px 30px 0 #00000012;
   background: #fff;
   height: 180px;
   width: 180px;
   margin: auto;
   text-align: center;
   border-radius: 50%;
   position: relative;
   z-index: 1;
   margin-bottom: 25px;
   -webkit-transition: 0.5s;
   transition: 0.5s;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.process-style01 .process-block .process-icon:before {
   position: absolute;
   content: "";
   height: 140px;
   width: 140px;
   border: 1px dashed #c1c1c1;
   border-radius: 50%;
   left: 0;
   right: 0;
   margin: auto;
   top: 21px;
   -webkit-transition: 0.5s;
   transition: 0.5s
}

.process-style01 .process-block .process-icon span {
   position: absolute;
   top: 8%;
   right: 0;
   font-size: 16px;
   line-height: 35px;
   color: #ffffff;
   font-weight: 600;
   background: #ff4747;
   height: 35px;
   width: 35px;
   border-radius: 50%;
   -webkit-transition: 0.5s;
   transition: 0.5s
}

.process-style01 .process-block:before {
   position: absolute;
   content: "";
   height: 68%;
   width: 106%;
   background: url("../img/content/arrow.png");
   background-repeat: no-repeat;
   background-position: center
}

.process-style01 .process-block.last:before {
   content: none
}

@media screen and (max-width: 1199px) {
   .process-style01 .process-block:before {
       content:none
   }
}

.process-style02 .process-block .process-no {
   background-image: -webkit-gradient(linear, left top, right top, from(#ff4747), to(#ff4747));
   background-image: linear-gradient(to right, #ff4747, #ff4747);
   background-clip: text;
   -webkit-text-stroke-color: transparent;
   -webkit-text-stroke-width: 2px;
   color: #fff;
   font-size: 45px;
   font-weight: 500;
   letter-spacing: 1px
}

@media screen and (max-width: 575px) {
   .process-style02 .process-block .process-no {
       font-size:30px
   }
}

.extra-style01 {
   margin-top: -190px
}

.why-choose-01 .why-choose-icon {
   width: 75px;
   height: 75px;
   background-color: #ff4747;
   border-radius: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-right: 30px
}

.counter-style01 .counter-box {
   -webkit-box-shadow: 0 6px 30px 0 #00000012;
   box-shadow: 0 6px 30px 0 #00000012
}

.counter-style01 .counter-box .inner-box {
   border: 1rem solid #fff
}

.counter-style01 .counter-box .inner-box:hover {
   background-color: #ff4747;
   -webkit-transition: .4s;
   transition: .4s
}

.counter-style01 .counter-box .inner-box:hover .counter-no,.counter-style01 .counter-box .inner-box:hover span {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
   -webkit-transition: .4s;
   transition: .4s
}

.contact-style01 .contact-icon {
   width: 80px;
   height: 80px;
   background-color: rgba(9,184,80,0.1);
   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;
   color: #ff4747;
   font-size: 40px;
   border-radius: 50%;
   margin: 0 auto 20px
}

.progress-style1 .progress {
   height: 5px
}

.progress-style1 .progress .progress-bar {
   background-color: #ff4747
}

.progress-style2 .progress {
   height: 8px
}

.progress-style2 .progress .progress-bar {
   background-color: #ff4747
}

.wrapper-error h1 {
   font-weight: 800;
   font-size: 214px;
   line-height: 1;
   text-align: center
}

@media screen and (max-width: 767px) {
   .wrapper-error h1 {
       font-size:194px
   }
}

@media screen and (max-width: 575px) {
   .wrapper-error h1 {
       font-size:134px
   }
}

.image-hover {
   position: relative;
   overflow: hidden
}

.image-hover:after {
   content: "";
   position: absolute;
   width: 200%;
   height: 0%;
   left: 50%;
   top: 50%;
   background-color: rgba(255,255,255,0.3);
   -webkit-transform: translate(-50%, -50%) rotate(-45deg);
   transform: translate(-50%, -50%) rotate(-45deg);
   z-index: 1
}

.image-hover:hover:after,.image-hover:active:after,.image-hover:focus:after {
   height: 250%;
   -webkit-transition: all 600ms linear;
   transition: all 600ms linear;
   background-color: transparent
}

.page-navigation {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 0;
   background-color: #f8f9fa;
   border-radius: 10px
}

.prev-page,.next-page {
   position: relative;
   width: 50%;
   max-width: 350px;
   margin: 10px
}

.prev-page:before,.next-page:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: rgba(255,255,255,0);
   -webkit-box-shadow: 0 0 0 0 rgba(34,35,40,0);
   box-shadow: 0 0 0 0 rgba(34,35,40,0);
   -webkit-transform: scale(1.04, 1.12);
   transform: scale(1.04, 1.12);
   -webkit-transition: .3s ease-in-out;
   transition: .3s ease-in-out;
   pointer-events: none;
   border-radius: 10px
}

.prev-page .page-info>a,.next-page .page-info>a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   padding: 16px 20px;
   min-height: 110px;
   -webkit-transition: 0.8s;
   transition: 0.8s
}

.prev-page .page-info .image-prev,.prev-page .page-info .image-next {
   position: relative;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 70px;
   height: 70px;
   vertical-align: middle;
   -webkit-transition: inherit;
   transition: inherit;
   overflow: hidden
}

.next-page .page-info .image-prev,.next-page .page-info .image-next {
   position: relative;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 70px;
   height: 70px;
   vertical-align: middle;
   -webkit-transition: inherit;
   transition: inherit;
   overflow: hidden
}

.prev-page .page-info .prev-title,.prev-page .page-info .next-title {
   display: inline-block;
   position: relative;
   max-width: 220px;
   font-size: 16px;
   line-height: 1.5;
   font-weight: 600;
   word-wrap: break-word;
   vertical-align: middle;
   -webkit-transition: 0.45s;
   transition: 0.45s
}

.next-page .page-info .prev-title,.next-page .page-info .next-title {
   display: inline-block;
   position: relative;
   max-width: 220px;
   font-size: 16px;
   line-height: 1.5;
   font-weight: 600;
   word-wrap: break-word;
   vertical-align: middle;
   -webkit-transition: 0.45s;
   transition: 0.45s
}

.prev-page .page-info .prev-title:empty,.prev-page .page-info .next-title:empty {
   display: none
}

.next-page .page-info .prev-title:empty,.next-page .page-info .next-title:empty {
   display: none
}

.prev-page:hover:before,.next-page:hover:before {
   background-color: white;
   -webkit-transform: scale(1);
   transform: scale(1);
   -webkit-box-shadow: 0 10px 30px 0 rgba(34,35,40,0.1);
   box-shadow: 0 10px 30px 0 rgba(34,35,40,0.1)
}

.prev-page a {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   text-align: left
}

.prev-page a:hover .image-prev:after {
   visibility: visible;
   opacity: 1
}

.prev-page a:hover .image-prev:before {
   visibility: visible;
   opacity: 1;
   margin-left: 0
}

.prev-page .image-prev {
   margin-right: 20px
}

.prev-page .image-prev:after {
   background-color: #ff4747
}

.next-page .image-next:after {
   background-color: #ff4747
}

.prev-page .image-prev:before {
   display: block;
   position: absolute;
   z-index: 2;
   left: 0;
   right: 0;
   margin-left: 20px;
   content: "\e64a";
   font-family: 'themify';
   font-size: 21px;
   line-height: 70px;
   color: #fff;
   text-align: center;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: .3s ease-in-out;
   transition: .3s ease-in-out
}

.prev-page .image-prev:after {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: .3s ease-in-out;
   transition: .3s ease-in-out
}

.next-page {
   margin-left: auto
}

.next-page a {
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   text-align: right
}

.next-page a:hover .image-next:after {
   visibility: visible;
   opacity: 1
}

.next-page a:hover .image-next:before {
   visibility: visible;
   opacity: 1;
   margin-right: 0
}

.next-page .image-next {
   margin-left: 20px
}

.next-page .image-next:before {
   display: block;
   position: absolute;
   z-index: 2;
   left: 0;
   right: 0;
   margin-right: 20px;
   content: "\e64a";
   font-family: 'themify';
   font-size: 21px;
   line-height: 70px;
   color: #fff;
   text-align: center;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: .3s ease-in-out;
   transition: .3s ease-in-out;
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1)
}

.next-page .image-next:after {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: .3s ease-in-out;
   transition: .3s ease-in-out;
   border-radius: 0.375rem
}

.next-page .next-title {
   text-align: right
}

.prev-link-page-info>span,.next-link-page-info>span {
   display: block
}

.prev-link-page-info .date-details,.next-link-page-info .date-details {
   font-size: 14px;
   letter-spacing: .025em;
   line-height: 20px;
   margin-bottom: -2px
}

.prev-link-page-info .date-details>div,.prev-link-page-info .date-details>span {
   line-height: inherit;
   -webkit-transition: 0.45s;
   transition: 0.45s;
   font-weight: 500
}

.next-link-page-info .date-details>div,.next-link-page-info .date-details>span {
   line-height: inherit;
   -webkit-transition: 0.45s;
   transition: 0.45s;
   font-weight: 500
}

.prev-link-page-info .date-details:only-child,.next-link-page-info .date-details:only-child {
   margin-top: 0
}

@media (max-width: 767px) {
   .prev-page,.next-page {
       width:calc(100% - 20px);
       max-width: unset
   }

   .prev-page+.next-page {
       margin-top: 0
   }

   .page-navigation {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
   }
}

@media (max-width: 575px) {
   .prev-page .page-info>a,.next-page .page-info>a {
       padding:10px
   }

   .prev-page .page-info .prev-title,.prev-page .page-info .next-title {
       max-width: 168px
   }

   .next-page .page-info .prev-title,.next-page .page-info .next-title {
       max-width: 168px
   }
}

.history-style01 .history-block .history-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-transition: all 300ms linear 0ms;
   transition: all 300ms linear 0ms;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.history-style01 .history-block .history-content .history-year {
   font-size: 48px;
   font-weight: 600;
   text-transform: uppercase;
   line-height: 1;
   white-space: nowrap;
   color: transparent;
   -webkit-text-stroke: 1px #14212B;
   -webkit-transition: all 300ms linear 0ms;
   transition: all 300ms linear 0ms;
   position: relative
}

.history-style01 .history-block .history-content .history-no {
   width: 50px;
   min-width: 50px;
   height: 50px;
   border-radius: 50%;
   background-color: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   text-transform: capitalize;
   color: #14212B;
   -webkit-transition: all 300ms linear 0ms;
   transition: all 300ms linear 0ms
}

.history-style01 .history-block .history-text {
   border-top: 1px solid #dcdcdc;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   color: #666;
   margin-top: 40px;
   padding: 30px 100px 0 0;
   position: relative;
   -webkit-transition: all 300ms linear 0ms;
   transition: all 300ms linear 0ms
}

.history-style01 .history-block .history-text:before {
   content: '';
   position: absolute;
   top: -1px;
   left: 0;
   width: 100%;
   height: 1px;
   background-color: #232323;
   -webkit-transform-origin: left;
   transform-origin: left;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transition: all 300ms linear 0ms;
   transition: all 300ms linear 0ms
}

.history-style01 .history-block .history-img,.history-style01 .history-block .history-content {
   padding-right: 151px
}

.history-style01 .history-block:hover .history-content .history-no {
   color: #ff4747
}

.history-style01 .history-block:hover .history-content .history-year {
   color: #14212B
}

.history-style01 .history-block:hover .history-text:before {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
}

@media screen and (max-width: 1399px) {
   .history-style01 .history-block .history-img,.history-style01 .history-block .history-content {
       padding-right:75px
   }

   .history-style01 .history-block .history-text {
       padding: 30px 50px 0 0
   }
}

@media screen and (max-width: 991px) {
   .history-style01 .history-block .history-img,.history-style01 .history-block .history-content {
       padding-right:0
   }

   .history-style01 .history-block .history-text {
       padding: 30px 0 0 0;
       margin-top: 30px
   }
}

@media screen and (max-width: 575px) {
   .history-style01 .history-block .history-text {
       padding:20px 0 0 0;
       margin-top: 20px
   }
}

.form-group {
   margin-bottom: 1rem
}

.form-group label {
   margin-bottom: .5rem
}

.form-control:focus {
   border-color: #ff4747
}

.form-check-input:checked {
   border-color: #ff4747;
   background-color: #ff4747
}

.quform-input {
   position: relative
}

.quform-input .quform-errors-wrap {
   position: absolute;
   right: 8px;
   top: 0;
   line-height: normal;
   z-index: 1
}

.quform-element>label {
   font-weight: 600;
   padding-bottom: 5px;
   margin-bottom: 0;
   color: #6a747b;
   font-size: 15px
}

.quform-element>label .quform-required {
   color: #cc0101;
   font-size: 10px
}

.quform-inner input {
   width: 100%
}

.quform-elements .quform-element textarea {
   margin-bottom: 0;
   padding: 8px 15px;
   vertical-align: top
}

.quform-elements .quform-element select {
   margin-bottom: 0;
   padding: 8px 35px 8px 15px
}

.quform-errors {
   padding: 0;
   margin: 0;
   line-height: normal
}

.quform-errors>.quform-error {
   padding: 0;
   background: none;
   border: none;
   float: none;
   color: #f5543f;
   font-size: 11px;
   line-height: normal;
   letter-spacing: normal
}

.quform-outer-no-js .quform-error {
   padding: 0;
   background: none;
   border: none;
   float: none;
   color: #f5543f;
   font-size: 11px;
   line-height: normal;
   letter-spacing: normal
}

.quform-outer-no-js .quform-success-message {
   padding: 0.75rem 1.25rem 0.75rem 3rem
}

.quform-has-error input,.quform-has-error textarea,.quform-has-error select,.quform-has-error input[type=file],.quform-has-error .custom-file-label {
   border-color: #f5543f
}

.quform-success-message {
   padding: 0.75rem 1.25rem 0.75rem 3rem
}

.quform-submit-inner {
   float: none
}

.quform-loading-wrap {
   float: none
}

.quform-loading-wrap .quform-loading {
   display: inline-block
}

.quform-element {
   margin-bottom: 1rem
}

.newsletter-style01 .form-control {
   min-height: 56px;
   border-radius: 5px
}

.newsletter-style01 .quform-submit-inner {
   position: absolute;
   right: 0;
   top: 0;
   width: unset
}

.newsletter-style01 .btn-style3 {
   border-radius: 0 3px 3px 0;
   height: 56px
}

.newsletter-style01 .btn-style3:hover,.newsletter-style01 .btn-style3:active,.newsletter-style01 .btn-style3:focus {
   border-color: #ff4747
}

.newsletter-style01 .btn-style3:hover:after,.newsletter-style01 .btn-style3:active:after,.newsletter-style01 .btn-style3:focus:after {
   background: #ff4747
}

.newsletter-style02 .form-control {
   background: transparent;
   border-width: 0 0 1px 0;
   padding: .375rem 50px .375rem 0;
   color: #fff;
   outline: none;
   -webkit-box-shadow: none;
   box-shadow: none
}

.newsletter-style02 .quform-submit-inner {
   position: absolute;
   top: 10px;
   right: 20px;
   width: unset
}

.contact-style03 .quform-input .form-control {
   min-height: 60px;
   border-radius: 3px;
   background-color: #F9FAFC;
   padding-left: 20px;
   padding-right: 20px
}

.newsletter-style04 .form-control {
   min-height: 54px
}

.newsletter-form-icon .quform-elements {
   position: relative
}

.newsletter-form-icon .quform-submit-inner {
   position: absolute;
   right: 1px;
   top: 3px;
   width: auto;
   background: transparent;
   height: 48px
}

.newsletter-form-icon .quform-submit-inner .btn {
   border: none;
   padding: 0.500rem 1.15rem
}

.newsletter-form-icon .quform-loading-wrap {
   margin-top: 15px;
   margin-bottom: 0;
   margin-left: 0
}

.newsletter-form-icon input {
   border: 1px solid transparent;
   background-color: rgba(255,255,255,0.2);
   height: 50px;
   padding: 0.5rem 4rem 0.5rem 1rem;
   color: #fff;
   border-radius: 0
}

.newsletter-form-icon .form-control:focus,.newsletter-form-icon .form-control:active {
   background-color: rgba(255,255,255,0.2);
   color: #fff
}

.newsletter-form-icon .quform-has-error input,.newsletter-form-icon .quform-has-error textarea,.newsletter-form-icon .quform-has-error select {
   border-color: #f5543f
}

.newsletter-form-icon .quform-input .quform-errors-wrap {
   right: 15px
}

.newsletter-form-icon i {
   font-size: 1.2rem;
   line-height: 2rem
}

.social-icon-style1 {
   margin-bottom: 0;
   display: inline-block;
   padding-left: 10px;
   list-style: none
}

.social-icon-style1 li {
   vertical-align: middle;
   display: inline-block;
   margin-right: 5px
}

.social-icon-style1 li a {
   display: inline-block;
   font-size: 14px;
   text-align: center;
   color: #ffffff;
   background: #ff4747;
   height: 40px;
   line-height: 40px;
   width: 40px
}

.social-icon-style1 li a:hover,.social-icon-style1 li a:active,.social-icon-style1 li a:focus {
   color: #ff4747;
   background: #fff
}

.social-icon-style1 li:last-child {
   margin-right: 0
}

.social-icon-style1 li a.small {
   width: 30px;
   height: 30px;
   line-height: 30px;
   font-size: 11px
}

.social-icon-style1.small li a {
   width: 35px;
   height: 35px;
   line-height: 35px
}

.social-icon-style2 {
   margin-bottom: 0;
   display: inline-block;
   padding-left: 10px;
   list-style: none
}

.social-icon-style2 li {
   vertical-align: middle;
   display: inline-block;
   margin-right: 5px
}

.social-icon-style2 li a {
   display: inline-block;
   font-size: 14px;
   text-align: center;
   color: #ffffff;
   background: #14212B;
   height: 41px;
   line-height: 42px;
   width: 41px;
   border-radius: 5px
}

.social-icon-style2 li a:hover,.social-icon-style2 li a:active,.social-icon-style2 li a:focus {
   color: #fff;
   background: #ff4747;
}

.social-icon-style2 li:last-child {
   margin-right: 0
}

.social-icon-style2 li a.small {
   width: 30px;
   height: 30px;
   line-height: 30px;
   font-size: 11px
}

.social-icon-style2.small li a {
   width: 35px;
   height: 35px;
   line-height: 35px
}

@media screen and (max-width: 991px) {
   .social-icon-style2.small li a {
       width:30px;
       height: 30px;
       line-height: 30px
   }
}

.social-icon-style3 li {
   margin-right: 5px;
   display: inline-block
}

.social-icon-style3 li:last-child {
   margin-right: 0
}

.social-icon-style3 li a {
   width: 50px;
   height: 50px;
   background: #fff;
   text-align: center;
   font-size: 16px;
   color: #272c49;
   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;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%
}

.social-icon-style3 li a:hover {
   color: #ff4747
}

@media screen and (max-width: 1199px) {
   .social-icon-style3 li a {
       width:40px;
       height: 40px
   }
}

.social-icon-style4 ul li {
   display: inline-block;
   margin-right: 10px;
   -webkit-transition-duration: .3s;
   transition-duration: 0.3s
}

.social-icon-style4 ul li a {
   color: #939393;
   display: inline-block;
   font-size: 14px;
   height: 42px;
   line-height: 42px;
   text-align: center;
   width: 42px;
   border: 1px solid #fff;
   border-radius: 50%
}

.social-icon-style4 ul li a:hover {
   background: #ff4747;
   border-color: #ff4747;
   color: #fff
}

footer {
   word-break: break-word
}

footer .email {
   border-bottom: 1px solid rgba(255,255,255,0.7);
   display: inline-block;
   padding-bottom: 5px
}

footer .email a {
   color: rgba(255,255,255,0.7);
   position: relative;
   -webkit-transition: all 0.8s ease;
   transition: all 0.8s ease
}

footer .email a:hover:after,footer .email a:active:after,footer .email a:focus:after {
   width: 100%
}

footer .email a:hover,footer .email a:active,footer .email a:focus {
   color: #14212B
}

footer .email a:after {
   border-bottom: 1px solid #fff;
   -webkit-transition: all 0.8s ease;
   transition: all 0.8s ease;
   content: "";
   display: inline-block;
   position: absolute;
   bottom: -11px;
   right: 0;
   width: 0
}

footer .phone {
   padding-bottom: 0;
   margin-bottom: 0
}

footer .phone a {
   padding-bottom: 0;
   letter-spacing: -0.05rem;
   color: white
}

footer .phone a:hover,footer .phone a:active,footer .phone a:focus {
   color: #14212B
}

@media screen and (max-width: 767px) {
   footer .email a:after {
       bottom:-10px
   }
}

.footer-logo {
   max-width: 214px;
   width: 100%;
   display: inline-block
}

.footer-style3 {
   border-radius: 20px
}

.footer-style3 .footer-list li {
   padding-bottom: 10px
}

.footer-style3 .footer-list li a {
   color: rgba(255,255,255,0.8)
}

.footer-style3 .footer-list li a:hover {
   color: #ff4747
}

.footer-style3 .footer-list li:last-child {
   padding-bottom: 0
}

@media screen and (max-width: 1399px) {
   .footer-style3 {
       border-radius:0
   }
}