@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: RoofPress – Roofing Services HTML5 Template
    Template URI: site.com
    Description: RoofPress – Roofing Services HTML5 Template
    Author: BasicTheme
    Author URI: site.com
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS	
    02. Header CSS	
    03. Slider CSS	
    04. Appointment CSS	
    05. About CSS	
    06. Client CSS	
    07. Services CSS	
    08. Portfolio CSS	
    09. Testimonial CSS	
    10. Blog CSS	
    11. Features CSS	
    12. Why CSS	
    13. Team CSS	
    14. Faq CSS	
    15. Roof Video CSS	
    16. Cta CSS	
    17. Contact CSS	
    18. Impression CSS	
    19. Counter CSS	
    20. Order CSS	
    21. Shop CSS	
    22. Login CSS	
    23. Footer CSS	

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/* 1. Theme default css */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #1e1e2a;
  line-height: 27px;
}

.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

input:focus {
  outline: none;
}

a,
.btn,
button,
span,
p,
input,
select,
textarea,
li,
img,
*::after,
*::before,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6,
.theme-gradient,
.theme-gradient-hover {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.theme-gradient {
  position: relative;
  z-index: 1;
}
.theme-gradient::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  visibility: visible;
  opacity: 1;
  z-index: -1;
}

.theme-gradient-hover {
  position: relative;
  z-index: 1;
}
.theme-gradient-hover::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
.theme-gradient-hover:hover::before {
  visibility: visible;
  opacity: 1;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  /*color: inherit;*/
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
  border: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
  color: #1e1e2a;
  margin-top: 0px;
  font-weight: 700;
  line-height: 1;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}

p {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #1e1e2a;
  margin-bottom: 15px;
  line-height: 1.6;
}

::selection,
::-moz-selection,
*::-moz-selection {
  background: #f15144;
  color: #ffffff;
  text-shadow: none;
}

/*--
    - Input Placeholder
-----------------------------------------*/
*::placeholder,
*::-moz-placeholder {
  color: #1e1e2a;
  font-size: 14px;
  opacity: 1;
}

.theme-input input:focus::-moz-placeholder, .theme-input input:focus::placeholder, .theme-input textarea:focus::-moz-placeholder, .theme-input textarea:focus::placeholder {
  opacity: 0;
}

/*--
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: #f7f7f7;
}

.grey-bg-2 {
  background: #cacad5;
}

.grey-bg-3 {
  background: #f9f9f9;
}

.grey-bg-4 {
  background: #f8f8f8;
}

.grey-bg-6 {
  background: #f5f5f5;
}

.white-bg {
  background: #ffffff;
}

.black-bg {
  background: #1e1e2a;
}

.black-soft-bg {
  background: #f2faff;
}

.footer-bg {
  background: #1e1e2a;
}

.footer-bottom-bg {
  background: #15151f;
}

.footer-bottom-bg-2 {
  background: #f0f0f0;
}

/*--
    - color
-----------------------------------------*/
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #ffffff !important;
}

.white-color {
  color: #ffffff;
}

.black-color {
  color: #1e1e2a;
}

/* spacing padding margin */
.mb-13 {
  margin-bottom: 13px;
}

.ml-13 {
  margin-left: 13px;
}

.mt-04 {
  margin-top: 4px;
}

.mt--240 {
  margin-top: -240px;
}

.mt--50 {
  margin-top: -50px;
}

.mt--1 {
  margin-top: -1px;
}

.mt--60 {
  margin-top: -60px;
}

.mt--190 {
  margin-top: -190px;
}

.mt--140 {
  margin-top: -140px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt--140 {
    margin-top: -60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt--140 {
    margin-top: -95px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mt--140 {
    margin-top: -95px;
  }
}

.mt--95 {
  margin-top: -95px;
}

.mt--130 {
  margin-top: -130px;
}

.mt--270 {
  margin-top: -270px;
}

.mb--240 {
  margin-bottom: -240px;
}

.ml--45 {
  margin-left: -45px;
}

.pt-215 {
  padding-top: 215px;
}

.pr-260 {
  padding-right: 260px;
}

.pb-270 {
  padding-bottom: 270px;
}

.pb-325 {
  padding-bottom: 325px;
}

.box-115 {
  padding-left: 115px;
  padding-right: 115px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .box-115 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .box-115 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .box-115 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .box-115 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 575px) {
  .box-115 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* theme btn */
.r-btn {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff !important;
  height: 60px;
  line-height: 60px;
  padding: 0 44px;
  display: inline-block;
  border: none;
  outline: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  position: relative;
  background: -moz-linear-gradient(to left, #F25743, #EB3648, #F25743);
  background: -webkit-linear-gradient(to left, #F25743, #EB3648, #F25743);
  background: -ms-linear-gradient(to left, #F25743, #EB3648, #F25743);
  background: linear-gradient(to left, #F25743, #EB3648, #F25743);
  background-size: 200%;
}
.r-btn-2 {
  padding: 0 56px;
}
.r-btn i {
  padding-left: 10px;
}
.r-btn:hover {
  color: #ffffff;
  background-position: right center;
  cursor: pointer;
}
.r-btn-black {
  background: #1e1e2a;
}
.r-btn-black:hover {
  background: #ffffff;
  color: #1e1e2a;
}
.r-btn-black-2:hover {
  background: #f15144;
  color: #ffffff;
}
.r-btn-white {
  background: #ffffff;
  color: #f15144;
}
.r-btn-white:hover {
  background-color: #1e1e2a;
  color: #ffffff;
}
.r-btn-white-2 {
  background: #ffffff;
  color: #1e1e2a;
}
.r-btn-white-2:hover {
  background: #1e1e2a;
  color: #ffffff;
}
.r-btn-grey {
  background: #f7f7f7;
  color: #1e1e2a;
}
.r-btn-grey:hover {
  background: #1e1e2a;
  color: #ffffff;
}
.r-btn-full {
  width: 100%;
  text-align: center;
}
.r-btn-md {
  padding: 0 80px;
}
@media (max-width: 575px) {
  .r-btn-md {
    padding: 0px 40px;
  }
}
.r-btn-md i {
  padding-left: 18px;
}

.gradient-btn {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.gradient-btn:hover {
  color: #ffffff;
}
.gradient-btn-2 {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 14px;
}

.icon::before {
  margin-left: 0;
}

/* line */
.line {
  display: inline-block !important;
  margin-bottom: 3px !important;
  margin-right: 13px;
}

/* scroll to top */
#scroll a {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  list-style-type: none;
  border: 1px solid #f15144;
  z-index: 999;
  background: linear-gradient(270deg, #f25743, #eb3648);
  background-size: 400% 400%;
  -webkit-animation: gradientAnimation 2s ease infinite;
  -moz-animation: gradientAnimation 2s ease infinite;
  -o-animation: gradientAnimation 2s ease infinite;
  animation: gradientAnimation 2s ease infinite;
}

@-webkit-keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-o-keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* section title */
.section__title h1 {
  font-size: 50px;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section__title h1 {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .section__title h1 {
    font-size: 35px;
  }
}
.section__title h1 span {
  color: #f15144;
}
.section__pre-title {
  margin-bottom: 9px;
}
.section__pre-title i {
  color: #f15144;
  margin-right: 3px;
}
.section__pre-title i:last-child {
  margin-left: 3px;
}
.section__pre-title span {
  position: relative;
  color: #f15144;
  font-weight: 700;
  text-transform: capitalize;
}
.section__pre-title span::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.section__pre-title-2 span {
  text-transform: uppercase;
}
.section__pre-title-2 span::after {
  display: none;
}
.section__pre-title .line.right {
  margin-left: 13px;
}
.section__pre-title .line img {
  margin-bottom: 4px;
}
.section__para p {
  font-size: 18px;
  font-weight: 400;
  margin-left: 17px;
}

/* page title area */
.page__title {
  height: 440px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page__title::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.page__title-inner h1, .page__title-inner .h1 {
  font-size: 72px;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
}

.page__title-inner .h1 {
  font-size:60px;
}

@media (max-width: 575px) {
  .page__title-inner h1, .page__title-inner .h1 {
    font-size: 30px;
    margin-bottom:15px;
  }
}
.page__title-breadcrumb .breadcrumb {
  background: transparent;
  padding: 0;
  margin-bottom: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.page__title-breadcrumb .breadcrumb-item {
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
}
.page__title-breadcrumb .breadcrumb-item a:hover {
  color: #f15144;
}
.page__title-breadcrumb .breadcrumb-item.active::before {
  content: "|";
  color: #ffffff;
}

/* custom container */
.container.custom-container {
  max-width: 1320px;
}

.container.custom-container-2 {
  max-width: 1550px;
}

.custom-row-10 {
  margin-left: -10px;
  margin-right: -10px;
}

.custom-col-10 {
  padding: 0px 10px;
}

/* roof navigation */
.roof__navigation-wrapper {
  padding: 23px 0;
  border-top: 2px solid #f7f7f7;
  border-bottom: 2px solid #f7f7f7;
}
@media (max-width: 575px) {
  .roof__navigation-item.next {
    margin-top: 25px;
  }
}
.roof__navigation-item span {
  color: #f15144;
  font-weight: 700;
  text-transform: capitalize;
}
.roof__navigation-item span a:hover {
  color: #1e1e2a;
}
.roof__navigation-item h3 {
  margin-bottom: 0;
}
.roof__navigation-item h3 a:hover {
  color: #f15144;
}

/* basic page navigation */
.basic-pagination ul {
  display: block;
}
.basic-pagination ul li {
  display: inline-block;
  margin: 0 5px;
}
.basic-pagination ul li.active a {
  background-color: #f15144;
  color: #ffffff;
  border-color: #f15144;
}
.basic-pagination ul li a {
  height: 70px;
  width: 70px;
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  border-radius: 50%;
  line-height: 66px;
  margin: 0px;
  display: inline-block;
  text-align: center;
  border: 2px solid #eaebec;
  position: relative;
  z-index: 1;
}
.basic-pagination ul li a::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f15144;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  z-index: -1;
}
.basic-pagination ul li a:hover {
  background: #f15144;
  border-color: #f15144;
  color: #ffffff;
}

/* play btn */
.play-btn {
  display: inline-block;
  width: 85px;
  height: 85px;
  line-height: 87px;
  text-align: center;
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #f15144;
  animation: pulse 2s infinite;
}
.play-btn:hover {
  background-color: #f15144;
  color: #ffffff;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/* insta feed */
#Instafeed {
  overflow: hidden;
}
#Instafeed li {
  width: 33.33%;
  float: left;
  padding: 0 5px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #Instafeed li {
    width: 15%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #Instafeed li {
    width: 25%;
  }
}
@media (max-width: 575px) {
  #Instafeed li {
    width: 50%;
  }
}

/* rating */
.rating ul li {
  display: inline-block;
}
.rating ul li span {
  font-size: 10px;
  color: #ffb400;
}
.rating.rating-shop ul {
  display: inline-block;
}
.rating.rating-shop ul li span {
  font-size: 12px;
  color: #f15144;
}
.rating.rating-shop span {
  font-size: 12px;
  font-weight: 500;
}

.rating-left {
  position: relative;
  padding-left: 25px;
  margin-left: 25px;
}
.rating-left::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 12px;
  width: 1px;
  background: #dcdcdc;
}
.rating-left a:hover {
  color: #f15144;
}

/*----------------------------------------*/
/*  02. HEADER CSS START
/*----------------------------------------*/
.header__transparent {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  background: transparent;
  z-index: 1;
}
.header__transparent-3 {
  top: 0;
}
.header__top {
  background-size: contain;
}
.header__right-3 {
  padding-left: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__right-bottom {
    margin-top: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__right-bottom-2 {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__right-bottom-2 {
    margin-top: 0px;
  }
}
@media (max-width: 575px) {
  .header__right-bottom-2 {
    padding-right: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header__info-3 {
    margin-left: 25px;
    margin-right: 0;
  }
}
.header__info-icon i {
  color: #f15144;
  font-size: 20px;
  margin-right: 10px;
}
.header__info-text h6 {
  font-size: 12px;
  font-weight: 400;
  color: #cacad5;
  margin-bottom: 0;
}
.header__info-text p {
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 0;
  line-height:23px;
}
.header__lang ul li {
  position: relative;
  z-index: 11;
  padding-bottom: 15px;
}
.header__lang ul li a {
  font-size: 14px;
  color: #ffffff;
  text-transform: capitalize;
}
.header__lang ul li a i {
  margin-left: 4px;
}
.header__lang ul li ul {
  position: absolute;
  top: 120%;
  right: 0;
  min-width: 100px;
  background-color: #ffffff;
  padding: 10px 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.header__lang ul li ul::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.header__lang ul li ul li {
  padding: 0;
}
.header__lang ul li ul li a {
  color: #1e1e2a;
  padding: 10px 15px;
}
.header__lang ul li ul li a:hover {
  color: #f15144;
}
.header__lang ul li:hover ul {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.header__search {
  position: relative;
}
.header__search input {
  background: transparent;
  width: 200px;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
  border: none;
  color: #ffffff;
  font-size: 14px;
}
.header__search input::placeholder {
  color: #f7969b;
  font-size: 14px;
}
.header__search button {
  position: absolute;
  top: 47%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  background: transparent;
  color: #ffffff;
}
.header__search-2 {
  margin-right: 25px;
}
.header__search-2 button {
  background: transparent;
  color: #ffffff;
}
.header__search-wrapper {
  position: fixed;
  content: "";
  top: 20%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(30, 30, 42, 0.9);
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
}
.header__search-wrapper.opened {
  top: 0;
  visibility: visible;
  opacity: 1;
}
.header__search-form {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 70%;
}
@media (max-width: 575px) {
  .header__search-form {
    width: 90%;
  }
}
.header__search-form input {
  width: 100%;
  height: 80px;
  line-height: 80px;
  background: transparent;
  border: none;
  outline: none;
  padding: 0 20px;
  padding-right: 80px;
  border-bottom: 2px solid rgba(202, 202, 213, 0.5);
  text-align: center;
  color: #ffffff;
  font-size: 18px;
}
@media (max-width: 575px) {
  .header__search-form input {
    padding-right: 70px;
  }
}
.header__search-form input:focus {
  border-color: #ffffff;
}
.header__search-form input::placeholder {
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
}
@media (max-width: 575px) {
  .header__search-form input::placeholder {
    font-size: 16px;
  }
}
.header__search-form button {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  font-size: 20px;
  color: #ffffff;
  width: 80px;
  height: 80px;
  line-height: 80px;
}
.header__search-close {
  position: absolute;
  top: 80px;
  right: 15%;
}
.header__search-close-btn {
  color: #ffffff;
  font-size: 22px;
  background: transparent;
}
.header__search-3 {
  margin-right: 0;
}
.header__search-3 button {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  color: #ffffff;
  font-size: 16px;
}
.header__bar-2 {
  padding: 40px 0;
}

@media (max-width: 575px) {
  .header__bar-3 {
    margin-left: 0;
  }
}

.sticky__header {
  display: none;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
.sticky__header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 8px 0;
  padding-bottom: 9px;
  background: #ffffff;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.25);
  z-index: 99;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  display: block;
}

.extra__info-btn {
  display: inline-block;
  height: 60px;
  width: 60px;
  line-height: 60px;
  color: #1e1e2a;
  text-align: center;
  background-color: #ffffff;
}
.extra__info-btn:hover {
  background: #1e1e2a;
  color: #ffffff;
}
.extra__info-btn-2 {
  background: #1e1e2a;
  color: #ffffff;
}
.extra__info-btn-2:hover {
  color: #ffffff;
  background: #f15144;
}

.logo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .logo {
    padding-left: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .logo {
    padding-left: 23px;
  }
}
@media (max-width: 575px) {
  .logo {
    text-align: center;
  }
}
.logo img {
  padding-left: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .logo img {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logo img {
    padding-left: 8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .logo img {
    padding-left: 0px;
  }
}
@media (max-width: 575px) {
  .logo img {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .logo-2 {
    padding-left: 20px;
  }
}
@media (max-width: 575px) {
  .logo-2 {
    padding-left: 15px;
  }
}
.logo-3 {
  padding: 30px 30px;
}
@media (max-width: 575px) {
  .logo-3 {
    padding: 30px 10px;
  }
}

.main-menu ul li {
  display: inline-block;
  margin-right: 35px;
  position: relative;
}
.main-menu ul li a {
  display: block;
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  padding: 16px 0;
}
.main-menu ul li.has-dropdown > a {
  position: relative;
  padding-right: 13px;
}
.main-menu ul li.has-dropdown > a::after {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Pro";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  font-size: 14px;
  color: #ffffff;
}
.main-menu ul li.has-dropdown:hover a::after {
  color: #1e1e2a;
}
.main-menu ul li ul.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background: #ffffff;
  z-index: 1;
  padding: 7px 0;
  transform-origin: 0 0;
  box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  visibility: hidden;
  opacity: 0;
  border-top: 4px solid #f15144;
}
.main-menu ul li ul.submenu li {
  margin-right: 0;
  display: block;
  border-bottom: 1px solid #cacad5;
  position: relative;
}
.main-menu ul li ul.submenu li:last-child {
  border-bottom: 0;
}
.main-menu ul li ul.submenu li a {
  display: block;
  padding: 7px 30px;
  color: #1e1e2a;
  text-transform: capitalize;
}
.main-menu ul li ul.submenu li a:hover {
  color: #f15144;
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
.main-menu ul li ul.submenu li ul.submenu {
  position: absolute;
  left: 100%;
  top: 10%;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  visibility: hidden;
  opacity: 0;
}
.main-menu ul li ul.submenu li:hover ul.submenu {
  top: 0;
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
.main-menu ul li:hover > a {
  color: #1e1e2a;
}
.main-menu ul li:hover > a::after {
  color: #1e1e2a;
}
.main-menu ul li:hover ul.submenu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
.main-menu-2 {
  padding-right: 20px;
}
@media lg {
  .main-menu-2 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-2 ul li {
    margin-right: 15px;
  }
}
.main-menu-2 ul li a {
  color: #1e1e2a;
  padding: 56px 0;
  padding-bottom: 57px;
}
.main-menu-2 ul li.has-dropdown a::after {
  color: #1e1e2a;
}
.main-menu-2 ul li.has-dropdown:hover a::after {
  color: #f15144;
}
.main-menu-2 ul li:hover > a {
  color: #f15144;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .main-menu-3 ul li {
    margin-right: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-3 ul li {
    margin-right: 25px;
  }
}
.main-menu-3 ul li:hover a {
  color: #f15144;
}
.main-menu-3 ul li.has-dropdown:hover a::after {
  color: #f15144;
}
.main-menu.sticky__menu ul li a {
  padding-top: 20px;
  padding-bottom: 20px;
}

.extra__info-close a {
  color: #ffffff;
  font-size: 18px;
}
.extra__info-inner {
  position: fixed;
  right: calc(-100% - 20px);
  top: 0;
  padding: 30px;
  width: 320px;
  height: 100%;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  overflow-y: scroll;
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.extra__info-logo {
  padding: 30px;
}
.extra__info-logo img {
  max-width:100%;
}
.extra__info-content {
  margin-bottom: 30px;
}
.extra__info-content h4 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.extra__info-content p {
  color: #ffffff;
  margin-bottom: 25px;
}
.extra__info-content ul li {
  margin-bottom: 10px;
  display: flex;
}
.extra__info-content ul li .icon i {
  line-height: 27px;
  color: #ffffff;
  margin-right: 15px;
}
.extra__info-content ul li .text span {
  color: #ffffff;
}
.extra__info.info-opened .extra__info-inner {
  right: 0;
}

.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  visibility: hidden;
  opacity: 0;
}

.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

/* side menu area start */
.side-mobile-menu {
  display: none;
}
.side-mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.side-mobile-menu ul li {
  display: block;
}
.side-mobile-menu ul li:last-child a {
  border-bottom: none;
}
.side-mobile-menu ul li a {
  padding: 13px 0;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
}
.side-mobile-menu ul li a:hover {
  color: #ffffff;
  padding-left: 5px;
}
.side-mobile-menu ul li a[aria-expanded=true] {
  color: #ffffff;
}
.side-mobile-menu ul li a[aria-expanded=true]:before {
  background: #ffffff;
  border-color: #ffffff;
}
.side-mobile-menu ul li ul {
  padding-left: 0;
  list-style: none;
}
.side-mobile-menu ul li ul li {
  padding-left: 15px;
}
.side-mobile-menu ul li ul li:hover > a {
  color: #ffffff;
  padding-left: 20px;
}
.side-mobile-menu ul li ul li:hover > a:before {
  background: #ffffff;
  border-color: #ffffff;
}
.side-mobile-menu ul li ul li a {
  position: relative;
  padding-left: 15px;
  text-transform: capitalize;
  font-size: 16px;
}
.side-mobile-menu ul li ul li a:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #ffffff;
  border-radius: 50%;
}
.side-mobile-menu ul li ul li a[aria-expanded=true] {
  padding-left: 20px;
}
.side-mobile-menu ul li.has-dropdown > a:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-width: 2px 0 0 2px;
  border-style: solid;
  border-color: initial;
  right: 16px;
  top: 50%;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
  -webkit-transform-origin: top;
  transform-origin: top;
  transition: all 0.3s ease-out;
}
.side-mobile-menu ul li.has-dropdown a[aria-expanded=true]:after {
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
}

/*----------------------------------------*/
/*  03. SLIDER CSS START
/*----------------------------------------*/
.single-slider {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.single-slider::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.single-slider-2::before {
  background-color: rgba(0, 0, 0, 0.8);
}
.single-slider-3::before {
  background-color: rgba(0, 0, 0, 0.7);
}

.slider__height {
  height: 760px;
}
.slider__height-2 {
  height: 850px;
}
.slider__height-3 {
  height: 760px;
}
.slider__content h1 {
  font-size: 72px;
  color: #ffffff;
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .slider__content h1 {
    font-size: 40px;
  }
}
.slider__content span {
  color: #f15144;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .slider__content-2 .line {
    display: none;
  }
}
.slider__content-2 h1 {
  margin-bottom: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__content-2 h1 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .slider__content-2 h1 {
    font-size: 35px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content-3 h1 {
    font-size: 50px;
  }
}
.slider__info {
  padding-left: 22px;
  padding-top: 3px;
  padding-bottom: 3px;
  position: relative;
  margin-bottom: 33px;
}
.slider__info::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-image: -moz-linear-gradient(90deg, #f25743 0%, #eb3648 100%);
  background-image: -webkit-linear-gradient(90deg, #f25743 0%, #eb3648 100%);
  background-image: -ms-linear-gradient(90deg, #f25743 0%, #eb3648 100%);
}
.slider__info span {
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  color: #ffffff;
}
@media (max-width: 575px) {
  .slider__info span {
    font-size: 13px;
  }
}
.slider__info h3 {
  font-size: 40px;
  color: #ffffff;
}
@media (max-width: 575px) {
  .slider__info h3 {
    font-size: 28px;
  }
}
.slider__info-2 {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.slider__info-wrapper {
  padding: 35px 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider__info-wrapper {
    padding: 35px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__info-wrapper {
    padding: 20px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__info-wrapper {
    padding: 35px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__info-wrapper {
    padding: 35px 10px;
  }
}
@media (max-width: 575px) {
  .slider__info-wrapper {
    padding: 35px 20px;
  }
}
.slider__info-wrapper:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.slider__info-wrapper.border-both {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.slider__info-wrapper.border-both:hover {
  border-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 575px) {
  .slider__btn a {
    margin-right: 30px;
  }
}
.slider__info-icon i {
  color: #f15144;
  font-size: 20px;
  margin-right: 10px;
}
.slider__info-text h6 {
  font-size: 12px;
  font-weight: 400;
  color: #cacad5;
  margin-bottom: 0;
}
.slider__info-text p {
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__info-arrow {
    margin-left: 10px;
  }
}
@media (max-width: 575px) {
  .slider__info-arrow {
    margin-left: 30px;
  }
}
.slider__info-arrow a {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}
.slider__info-arrow a:hover {
  background: #ffffff;
  color: #1e1e2a;
}
.slider__form {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 35px 40px;
  padding-bottom: 55px;
}
.slider__form-inner h5 {
  text-transform: capitalize;
  color: #ffffff;
}
.slider__form-input input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  padding: 0 30px;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
}
.slider__form-input input::placeholder {
  color: #8d8d8d;
  text-transform: capitalize;
}
.slider__form-input input:focus {
  border-color: #ffffff;
}
.slider__form-input label {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #ffffff;
}
.slider__form-btn {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.slider__form-btn button {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.slider__nav {
  position: absolute;
  top: calc(100% + 15px);
  left: 51%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.slider__nav .slick-current .slider__nav-icon {
  color: #ffffff;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  -webkit-box-shadow: 0px 8px 16px 0px rgba(255, 81, 81, 0.2);
  -moz-box-shadow: 0px 8px 16px 0px rgba(255, 81, 81, 0.2);
  box-shadow: 0px 8px 16px 0px rgba(255, 81, 81, 0.2);
}
.slider__nav-icon {
  display: inline-block;
  width: 170px;
  height: 170px;
  line-height: 170px;
  text-align: center;
  font-size: 60px;
  background-color: #ffffff;
  color: #f15144;
}
.slider__nav-icon:hover {
  color: #ffffff;
}
.slider__nav-icon:hover {
  cursor: pointer;
}

/*----------------------------------------*/
/*  04. APPOINTMENT CSS
/*----------------------------------------*/
.appointment__area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.appointment__area::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 42, 0.9);
}

.appointment__form-title h3 {
  margin-bottom: 15px;
}
.appointment__form-icon-item {
  margin-left: 20px;
  width: 100px;
  height: 90px;
  border: 2px solid #f9f9f9;
  padding: 15px;
  padding-top: 20px;
}
.appointment__form-icon-item i {
  display: inline-block;
  margin-bottom: 3px;
  font-size: 35px;
  color: #f15144;
}
.appointment__form-icon-item h6 {
  font-size: 12px;
  text-transform: capitalize;
  margin-bottom: 0;
}
.appointment__form-icon-item:hover i {
  color: #ffffff;
}
.appointment__form-icon-item:hover h6 {
  color: #ffffff;
}
.appointment__form-wrapper {
  padding: 60px 70px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 29, 35, 0.06);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 29, 35, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(0, 29, 35, 0.06);
}
.appointment__form-wrapper a{
  display:block;
  width:100%;
}
.pd0 {
  padding:0;
}
.pd2 {
  padding:2px;
}
@media (max-width: 575px) {
  .appointment__form-wrapper {
    padding: 30px;
  }
}
.appointment__form-group {
  width: 33.33%;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appointment__form-group {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .appointment__form-group {
    width: 100%;
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .appointment__form-group {
    width: 100%;
    margin-right: 0;
  }
}
.appointment__form-group input, .appointment__form-group select {
  width: 100%;
  font-size: 14px;
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
  padding-left: 50px;
  background-color: #f9f9f9;
  border: 1px solid transparent;
}
.appointment__form-group input::placeholder, .appointment__form-group select::placeholder {
  color: #a8a8a8;
  text-transform: capitalize;
}
.appointment__form-group input:focus, .appointment__form-group select:focus {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 29, 35, 0.06);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 29, 35, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(0, 29, 35, 0.06);
  border-color: #f15144;
}
.appointment__form-group label {
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 28px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #a8a8a8;
}
.appointment__form-group button {
  width: 100%;
}
.appointment__form-select {
  position: relative;
}
.appointment__form-select::after {
  position: absolute;
  content: "";
  left: 28px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  color: #a8a8a8;
}
.appointment__form-select select {
  appearance: none;
  -moz-appearance: none;
  color: #a8a8a8;
  text-transform: capitalize;
}
.appointment__form-tab .nav-tabs {
  border: none;
}
.appointment__form-tab .nav-tabs .nav-link {
  margin-bottom: 15px;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
}
.appointment__form-tab .nav-tabs .nav-link.active .appointment__form-icon-item {
  border-color: transparent;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.appointment__form-tab .nav-tabs .nav-link.active .appointment__form-icon-item i {
  color: #ffffff;
}
.appointment__form-tab .nav-tabs .nav-link.active .appointment__form-icon-item h6 {
  color: #ffffff;
}

/*----------------------------------------*/
/*  05.  ABOUT CSS START
/*----------------------------------------*/
.about__thumb-2 {
  position: relative;
  z-index: 11;
}
.about__thumb-2::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -50%;
  width: calc(100% - 40px);
  height: 530px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
  z-index: -1;
  animation: round 2s linear infinite alternate;
}
@media (max-width: 575px) {
  .about__thumb-2::before {
    height: 140%;
  }
}
@media (max-width: 575px) {
  .about__thumb-2 img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__img img {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .about__img img {
    width: 100%;
  }
}
.about__img-1 {
  display: inline-block;
  border: 10px solid #ffffff;
  position: relative;
  z-index: 11;
}
.about__img-2 {
  margin-top: -170px;
}
@media (max-width: 575px) {
  .about__img-2 {
    display: none;
  }
}
.about__img-2 img {
  border-top: 15px solid #ffffff;
  border-left: 15px solid #ffffff;
}
.about__img-2-inner {
  position: relative;
  text-align: right;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__img-2-inner {
    margin-left: 150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__img-2-inner {
    margin-left: 150px;
  }
}
.about__img-2-inner::after, .about__img-2-inner::before {
  position: absolute;
  content: "";
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: #ffffff;
  z-index: 1;
}
.about__img-2-inner::before {
  top: auto;
  right: auto;
  left: -15px;
  bottom: -15px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.about__img-4 {
  margin-top: -170px;
  margin-left: 130px;
}
@media (max-width: 575px) {
  .about__img-4 {
    margin-left: 0;
    margin-top: 30px;
  }
}
.about__img-4 img {
  border: 15px solid #ffffff;
  max-width: 370px;
  -webkit-box-shadow: 0px 16px 21px 0px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 16px 21px 0px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 16px 21px 0px rgba(0, 0, 0, 0.02);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__img-4 img {
    max-width: 290px;
  }
}
@media (max-width: 575px) {
  .about__img-4 img {
    max-width: 100%;
  }
}
.about__experience {
  bottom: -118px;
  right: -30px;
  width: 190px;
  height: 190px;
  background: #ffffff;
  padding-top: 38px;
}
@media (max-width: 575px) {
  .about__experience {
    right: 0;
  }
}
.about__experience::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.about__experience h2 {
  font-size: 24px;
  margin-bottom: 0px;
}
.about__experience h2 span {
  font-size: 80px;
}
.about__experience span {
  font-weight: 700;
  text-transform: capitalize;
}
.about__experience-3 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__experience-3 {
    top: 35%;
  }
}
@media (max-width: 575px) {
  .about__experience-3 {
    width: 130px;
    height: 100px;
    padding-top: 25px;
  }
}
.about__experience-3::after {
  display: none;
}
@media (max-width: 575px) {
  .about__experience-3 h2 {
    font-size: 14px;
  }
}
.about__experience-3 h2 span {
  color: #f15144;
}
@media (max-width: 575px) {
  .about__experience-3 h2 span {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .about__experience-3 span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__content {
    padding-left: 0;
    margin-top: 170px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__content {
    padding-left: 0;
    margin-top: 170px;
  }
}
@media (max-width: 575px) {
  .about__content {
    padding-left: 0;
    margin-top: 50px;
  }
}
.about__content p {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 28px;
}
.about__content-inner p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 25px;
}
.about__content-inner-2 p {
  font-size: 18px;
  font-weight: 400;
  margin-left: 17px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__content-2 {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__content-2 {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .about__content-2 {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__content-3 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__content-3 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__content-3 {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .about__content-3 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__content-4 {
    margin-top: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__content-4 {
    margin-top: 100px;
  }
}
@media (max-width: 575px) {
  .about__content-4 {
    margin-top: 100px;
  }
}
.about__features-item {
  margin-top: 27px;
}
.about__features-item-inner {
  margin-bottom: 13px;
}
.about__features-item-inner .icon {
  margin-right: 15px;
  margin-top: 8px;
}
.about__features-item-inner .icon i {
  font-size: 60px;
  color: #f15144;
}
.about__features-item-inner .text h2 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0;
}
.about__features-item-inner .text p {
  line-height: 24px;
}
.about__features-item-inner-2 .icon i {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #f15144;
  font-size: 18px;
  background: #ffffff;
}
.about__features-item-inner-2 .text span {
  font-size: 16px;
  font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__features-item-2 {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .about__features-item-2 {
    padding-left: 0;
  }
}
.about__author {
  padding-top: 38px;
  border-top: 1px solid #f0f0f0;
  margin-top: 35px;
}
.about__author-details h4 {
  font-size: 18px;
}
.about__author-details h4 span {
  font-size: 16px;
  color: #f15144;
}
@media (max-width: 575px) {
  .about__author-btn {
    margin-top: 20px;
  }
}

@-webkit-keyframes round {
  0% {
    -webkit-border-radius: 23% 77% 50% 50%/50% 50% 50% 50%;
    -moz-border-radius: 23% 77% 50% 50%/50% 50% 50% 50%;
    border-radius: 23% 77% 50% 50%/50% 50% 50% 50%;
  }
  100% {
    -webkit-border-radius: 76% 24% 50% 50%/50% 50% 50% 50%;
    -moz-border-radius: 76% 24% 50% 50%/50% 50% 50% 50%;
    border-radius: 76% 24% 50% 50%/50% 50% 50% 50%;
  }
}
@keyframes round {
  0% {
    -webkit-border-radius: 23% 77% 50% 50%/50% 50% 50% 50%;
    -moz-border-radius: 23% 77% 50% 50%/50% 50% 50% 50%;
    border-radius: 23% 77% 50% 50%/50% 50% 50% 50%;
  }
  100% {
    -webkit-border-radius: 76% 24% 50% 50%/50% 50% 50% 50%;
    -moz-border-radius: 76% 24% 50% 50%/50% 50% 50% 50%;
    border-radius: 76% 24% 50% 50%/50% 50% 50% 50%;
  }
}
/*----------------------------------------*/
/*  06.  CLIENT CSS START
/*----------------------------------------*/
.client__slider {
  border-bottom: 1px solid #e6e6e6;
}
.client__slider .client__thumb img {
    max-width:189px !important;
}
.client__slider-title h4 {
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
.client__slider-title h4::after, .client__slider-title h4::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 43%;
  height: 1px;
  background: #e6e6e6;
}
.client__slider .owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .client__slider-title h4::after, .client__slider-title h4::before {
    width: 34%;
  }
}
@media (max-width: 575px) {
  .client__slider-title h4::after, .client__slider-title h4::before {
    width: 27%;
  }
}
.client__slider-title h4::before {
  left: auto;
  right: 0;
}
.client__thumb img {
  width: inherit !important;
  display: inline-block !important;
}

/*----------------------------------------*/
/*  07.  SERVICES CSS START
/*----------------------------------------*/
.services__item .services__thumb {
  min-height:400px;
  background-size:cover;
}
.services__item:hover .services__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.services__item:hover .services__thumb::after, .services__item:hover .services__thumb::before {
  bottom: -3%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__item:hover .services__thumb::after, .services__item:hover .services__thumb::before {
    bottom: 0%;
    height: 110%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services__item:hover .services__thumb::after, .services__item:hover .services__thumb::before {
    bottom: 0%;
    height: 102%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__item:hover .services__thumb::after, .services__item:hover .services__thumb::before {
    bottom: -16%;
  }
}
.services__item:hover .services__thumb::after {
  clip-path: polygon(0 67%, 100% 45%, 100% 100%, 0% 100%);
}
.services__item:hover .services__thumb::before {
  clip-path: polygon(0 45%, 100% 67%, 100% 100%, 0% 100%);
}
.services__item:hover .services__content {
  bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__item:hover .services__content {
    bottom: 20px;
  }
}
@media (max-width: 575px) {
  .services__item:hover .services__content {
    bottom: 20px;
  }
}
.services__item:hover .services__content .services__content-inner p {
  visibility: visible;
  opacity: 1;
}
.services__item-3:hover .services__thumb-3 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.services__thumb::after, .services__thumb::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -16%;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  opacity: 0.8;
  clip-path: polygon(0 45%, 100% 67%, 100% 100%, 0% 100%);
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__thumb::after, .services__thumb::before {
    bottom: -20%;
    height: 110%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services__thumb::after, .services__thumb::before {
    bottom: -20%;
    height: 110%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__thumb::after, .services__thumb::before {
    bottom: -24%;
  }
}
.services__thumb::before {
  left: auto;
  right: 0;
  clip-path: polygon(0 67%, 100% 45%, 100% 100%, 0% 100%);
}
.services__thumb-3::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(90deg, #1e1e2a 0%, rgba(30, 30, 42, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, #1e1e2a 0%, rgba(30, 30, 42, 0) 100%);
  background-image: -ms-linear-gradient(90deg, #1e1e2a 0%, rgba(30, 30, 42, 0) 100%);
}
.services__content {
  position: absolute;
  bottom: -18px;
  padding: 0px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__content {
    bottom: -35px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__content {
    bottom: -25px;
    padding: 0 90px;
  }
}
@media (max-width: 575px) {
  .services__content {
    bottom: -40px;
    padding: 0 15px;
  }
}
.services__content-inner {
  position: relative;
  z-index: 11;
}
.services__content-inner h3 {
  color: #ffffff;
  text-transform: capitalize;
}
.services__content-inner p {
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 16px;
  visibility: hidden;
  opacity: 0;
}
.services__content-3 {
  border: 2px solid #353540;
  border-top: 0;
  padding: 35px;
}
.services__content-3 h3 {
  color: #ffffff;
}
.services__content-3 h3 a:hover {
  color: #f15144;
}
.services__content-3 p {
  color: #a4a4ab;
  margin-bottom: 0;
}
.services__icon {
  margin-bottom: 23px;
}
.services__icon i {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.services__icon i::before {
  font-size: 35px;
  color: #f15144;
}
.services__icon-3 {
  bottom: 0;
  left: 40px;
  z-index: 1;
}
.services__icon-3 i {
  font-size: 60px;
  color: #f15144;
}
.services__text p {
  font-size: 16px;
  line-height: 28px;
}
.services__text p span {
  font-weight: 700;
  text-decoration: underline;
}
.services__benifit-content {
  padding-left: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__benifit-content {
    padding: 0px;
  }
}
.services__benifit-content h2 {
  font-size: 36px;
  margin-bottom: 30px;
}
.services__benifit-list ul li {
  margin-bottom: 12px;
}
.services__benifit-list ul li .icon {
  margin-right: 13px;
}
.services__benifit-list ul li .icon i {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-align: center;
  background: #f6f6f6;
  color: #f15144;
  font-size: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.services__benifit-list ul li .text span {
  font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services__sidebar {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__sidebar {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .services__sidebar {
    margin-top: 50px;
  }
}
.services__widget {
  padding: 38px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__widget {
    padding: 38px 25px;
  }
}
.services__widget--title h4 {
  margin-bottom: 25px;
}
.services__widget--content .services ul li {
  margin-bottom: 10px;
}
.services__widget--content .services ul li:last-child {
  margin-bottom: 0px;
}
.services__widget--content .services ul li a {
  font-weight: 700;
  padding: 15px 30px;
  background: #ffffff;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__widget--content .services ul li a {
    padding: 20px;
  }
}
.services__widget--content .services ul li a:hover {
  color: #ffffff;
}
.services__widget--content .brochures ul li {
  margin-bottom: 10px;
}
.services__widget--content .brochures ul li:last-child {
  margin-bottom: 0px;
}
.services__widget--content .brochures ul li a {
  font-weight: 700;
  padding: 20px 30px;
  background: #ffffff;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__widget--content .brochures ul li a {
    padding: 20px;
  }
}
.services__widget--content .brochures ul li a:hover {
  color: #ffffff;
}
.services__widget--content .brochures ul li a:hover i {
  color: #ffffff;
}
.services__widget--content .brochures ul li a i {
  margin-right: 15px;
  color: #f15144;
}
.services__widget--pattern {
  width: 100%;
}
.services__widget--pattern.top {
  top: 0;
  left: 0;
}
.services__widget--pattern.bottom {
  bottom: 0;
  left: 0;
}

/*----------------------------------------*/
/*  08.  PORTFOLIO CSS START
/*----------------------------------------*/
.portfolio__area-3::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: calc(100% - 175px);
  height: 100%;
  background: #f8f8f8;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__area-3::before {
    width: calc(100% - 15px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__area-3::before {
    width: calc(100% - 15px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__area-3::before {
    width: calc(100% - 15px);
  }
}
@media (max-width: 575px) {
  .portfolio__area-3::before {
    width: calc(100% - 15px);
  }
}
.portfolio__item:hover .portfolio__content {
  bottom: 0;
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.portfolio__item:hover .portfolio__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.portfolio__item:hover .portfolio__thumb::after {
  visibility: visible;
  opacity: 1;
}
.portfolio__item-2:hover .portfolio__thumb-2 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.portfolio__item-2:hover .portfolio__thumb-2::after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}
.portfolio__item-2:hover .portfolio__content-2 {
  top: 50%;
  visibility: visible;
  opacity: 1;
}
.portfolio__item-3:hover .portfolio__thumb-3 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.portfolio__item-3:hover .portfolio__thumb-3::after {
  visibility: visible;
  opacity: 0.9;
}
.portfolio__item-3:hover .portfolio__content-3 {
  top: 50%;
  visibility: visible;
  opacity: 1;
}
.portfolio__item-3:hover .portfolio__content-5 {
  top: 35px;
  visibility: visible;
  opacity: 1;
}
.portfolio__item-3:hover .portfolio__icon-5 {
  bottom: 20px;
  visibility: visible;
  opacity: 1;
}
.portfolio__thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 42, 0.5);
  visibility: hidden;
  opacity: 0;
}
.portfolio__thumb-2::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 42, 0.5);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.portfolio__thumb-3::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  z-index: 1;
  visibility: hidden;
  opacity: 0;
}
.portfolio__thumb-4::after {
  background: rgba(30, 30, 42, 0.9);
}
.portfolio__icon-5 {
  bottom: 0px;
  left: 40px;
  z-index: 11;
  visibility: hidden;
  opacity: 0;
}
.portfolio__icon-5 a {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.portfolio__content {
  bottom: -100px;
  left: 0;
  width: 100%;
  padding: 30px 37px;
  padding-bottom: 33px;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  visibility: hidden;
  opacity: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .portfolio__content {
    padding: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__content {
    padding: 20px;
  }
}
@media (max-width: 575px) {
  .portfolio__content {
    padding: 15px;
    padding-bottom: 20px;
  }
}
.portfolio__content-inner h3 {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .portfolio__content-inner h3 {
    font-size: 17px;
  }
}
@media (max-width: 575px) {
  .portfolio__content-inner h3 {
    font-size: 17px;
  }
}
.portfolio__content-inner h3:hover a {
  color: #f15144;
}
.portfolio__content-2 {
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
}
.portfolio__content-2 a {
  font-size: 30px;
  color: #ffffff;
}
.portfolio__content-2 a:hover {
  color: #f15144;
}
.portfolio__content-3 {
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 11;
  visibility: hidden;
  opacity: 0;
}
.portfolio__content-3 a {
  color: #ffffff;
  font-size: 20px;
}
.portfolio__content-4 {
  top: 20px;
}
.portfolio__content-5 {
  left: 37px;
  right: 37px;
  top: 20px;
  z-index: 11;
  visibility: hidden;
  opacity: 0;
}
.portfolio__content-5 h3 {
  color: #ffffff;
}
.portfolio__content-5 h3 a:hover {
  color: #f15144;
}
.portfolio__content-5 p {
  color: #bdbdc6;
  font-size: 16px;
  line-height: 26px;
}
.portfolio__tag {
  margin-bottom: 3px;
}
.portfolio__tag a {
  font-size: 14px;
  color: #f15144;
  position: relative;
  font-weight: 700;
  margin-right:10px;
  display:inline-block;
}
.portfolio__tag a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.portfolio__btn {
  display: inline-block;
  font-size: 14px;
  height: 60px;
  line-height: 56px;
  padding: 0 35px;
  text-transform: capitalize;
  color: #1e1e2a;
  border: 2px solid #f2f2f2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: 700;
}
@media (max-width: 575px) {
  .portfolio__btn {
    padding: 0 15px;
  }
}
.portfolio__btn:hover {
  background: #1e1e2a;
  color: #ffffff;
  border-color: #1e1e2a;
}
@media (max-width: 575px) {
  .portfolio__btn-wrapper {
    display: none;
  }
}
.portfolio__masonary-btn button {
  padding: 20px;
  color: #1e1e2a;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 -2px;
  background: transparent;
  border-bottom: 1px solid #f6f6f6;
  position: relative;
}
.portfolio__masonary-btn button::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 4px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.portfolio__masonary-btn button.active::after {
  width: 100%;
}
.portfolio__details {
  top: 60px;
  right: 0;
  -webkit-transform: translateX(77%);
  -moz-transform: translateX(77%);
  -ms-transform: translateX(77%);
  transform: translateX(77%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__details {
    top: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__details {
    top: auto;
    bottom: 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__details {
    display: none;
  }
}
@media (max-width: 575px) {
  .portfolio__details {
    display: none;
  }
}
.portfolio__details-bg {
  top: -4px;
  left: 0;
}
.portfolio__details-bg.bottom {
  top: auto;
  bottom: -4px;
}
.portfolio__details-inner {
  padding: 38px;
  padding-top: 36px;
  padding-bottom: 33px;
}
.portfolio__details-item {
  padding-bottom: 10px;
  margin-bottom: 16px;
  border-bottom: 1px solid #f5f5f5;
}
.portfolio__details-item h6 {
  margin-bottom: 3px;
}
.portfolio__social ul li {
  display: inline-block;
  margin-right: 12px;
}
.portfolio__social ul li a {
  color: #bebebe;
}
.portfolio__social ul li a:hover {
  color: #f15144;
}
.portfolio__text h1 {
  font-size: 36px;
  margin-bottom: 15px;
}
.portfolio__text p {
  font-size: 16px;
  line-height: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__img {
    padding-right: 210px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__img {
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__img {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .portfolio__img {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .portfolio__goal-img {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__goal-img img {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .portfolio__goal-img img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__goal-content {
    padding-top: 10px;
  }
}
.portfolio__goal-content h2 {
  font-size: 36px;
  margin-bottom: 15px;
}
.portfolio__goal-content p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 33px;
}
.portfolio__goal-list ul li {
  margin-bottom: 12px;
}
.portfolio__goal-list ul li:last-child {
  margin-bottom: 0;
}
.portfolio__goal-list ul li .icon {
  margin-right: 13px;
}
.portfolio__goal-list ul li .icon i {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-align: center;
  background: #f6f6f6;
  color: #f15144;
  font-size: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.portfolio__goal-list ul li .text span {
  font-weight: 500;
}
.portfolio__process-item {
  padding: 38px 70px;
  padding-bottom: 30px;
  margin-right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__process-item {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__process-item {
    padding-left: 65px;
    padding-right: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__process-item {
    padding-left: 55px;
    padding-right: 55px;
  }
}
.portfolio__process-item:hover {
  background: #ffffff;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(172, 172, 172, 0.1);
  -moz-box-shadow: 0px 16px 32px 0px rgba(172, 172, 172, 0.1);
  box-shadow: 0px 16px 32px 0px rgba(172, 172, 172, 0.1);
}
.portfolio__process-item:hover::before {
  color: #f15144;
  right: -40px;
}
@media (max-width: 575px) {
  .portfolio__process-item:hover::before {
    right: 45%;
    bottom: -25px;
  }
}
.portfolio__process-item::before {
  position: absolute;
  content: "";
  right: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Pro";
  font-size: 40px;
  color: #f8f8f8;
}
@media (max-width: 575px) {
  .portfolio__process-item::before {
    top: auto;
    bottom: -20px;
    right: 45%;
    -webkit-transform: translateX(0%) rotate(90deg);
    -moz-transform: translateX(0%) rotate(90deg);
    -ms-transform: translateX(0%) rotate(90deg);
    transform: translateX(0%) rotate(90deg);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__process-item.second::before {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__process-item.second::before {
    display: none;
  }
}
.portfolio__process-item.last::before {
  display: none;
}
.portfolio__process-item .icon {
  margin-bottom: 13px;
}
.portfolio__process-item .icon i {
  display: inline-block;
  font-size: 26px;
  color: #ffffff;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.portfolio__process-item .text h5 {
  line-height: 28px;
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  09.  TESTIMONIAL CSS START
/*----------------------------------------*/
.testimonial__area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.testimonial__area::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 42, 0.9);
}
.testimonial__area-2 {
  background-position: center;
  background-repeat: no-repeat;
}
.testimonial__slider-2 .owl-dots {
  position: absolute;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}
@media (max-width: 575px) {
  .testimonial__slider-2 .owl-dots {
    bottom: -78px;
  }
}
.testimonial__slider-2 .owl-dots .owl-dot {
  display: inline-block;
  width: 30px;
  height: 6px;
  margin: 0 5px;
  background: #d6d6d6;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.testimonial__slider-2 .owl-dots .owl-dot.active {
  background: #f15144;
}
.testimonial__slider-3 .owl-dots {
  position: absolute;
  top: -130px;
  right: 0;
  text-align: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__slider-3 .owl-dots {
    display: none;
  }
}
@media (max-width: 575px) {
  .testimonial__slider-3 .owl-dots {
    display: none;
  }
}
.testimonial__slider-3 .owl-dots .owl-dot {
  display: inline-block;
  width: 30px;
  height: 6px;
  margin: 0 5px;
  background: #d6d6d6;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.testimonial__slider-3 .owl-dots .owl-dot.active {
  background: #f15144;
}
.testimonial__title h4 {
  margin-bottom: 0;
}
.testimonial__customers {
  margin-bottom: 13px;
}
.testimonial__customers span {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}
.testimonial__customers span span {
  margin-left: 2px;
  color: #f15144;
  position: relative;
}
.testimonial__customers span span::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__thumb {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__thumb {
    display: none;
  }
}
@media (max-width: 575px) {
  .testimonial__thumb {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__thumb img {
    width: 100%;
    position: absolute;
    bottom: 0;
  }
}
.testimonial__thumb-2 img {
  display: inline-block !important;
  width: 60px !important;
  height: 60px !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 30px 60px 0px rgba(0, 29, 35, 0.2);
  -moz-box-shadow: 0px 30px 60px 0px rgba(0, 29, 35, 0.2);
  box-shadow: 0px 30px 60px 0px rgba(0, 29, 35, 0.2);
}
@media (max-width: 575px) {
  .testimonial__thumb-3 {
    margin-bottom: 40px;
  }
}
.testimonial__thumb-3 img {
  width: 100px !important;
  height: 100px !important;
}
.testimonial__thumb-4 img {
  width: inherit !important;
}
.testimonial__quote {
  margin-top: 7px;
}
.testimonial__quote span {
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-top-left-radius: 0;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.testimonial__quote-2 {
  top: 80px;
  left: -20px;
}
.testimonial__quote-2 span {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-top-left-radius: 0;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.testimonial__quote-4 {
  top: 25px;
  right: -15px;
}
.testimonial__quote-4 span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.testimonial__item p {
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__item {
    padding-bottom: 80px;
  }
}
.testimonial__item-3 {
  padding: 40px;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(30, 30, 30, 0.06);
  -moz-box-shadow: 0px 16px 32px 0px rgba(30, 30, 30, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(30, 30, 30, 0.06);
}
.testimonial__item-3:hover {
  background: #1e1e2a;
}
.testimonial__item-3:hover::before {
  bottom: -20px;
  opacity: 1;
  visibility: visible;
}
.testimonial__item-3:hover .testimonial__content-3 p {
  color: #ababb5;
}
.testimonial__item-3:hover .testimonial__person-3 h3 {
  color: #ffffff;
}
.testimonial__item-3::before {
  position: absolute;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 40px);
  height: 100%;
  background: #f7f7f7;
  z-index: -1;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
}
.testimonial__item-4 {
  padding: 20px;
  border: 2px solid #f7f7f7;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__content-wrapper {
    padding-top: 35px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__content-wrapper {
    padding-top: 35px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__content-wrapper {
    padding-top: 35px;
    padding-bottom: 90px;
  }
}
@media (max-width: 575px) {
  .testimonial__content-wrapper {
    padding-top: 35px;
    padding-bottom: 90px;
  }
}
.testimonial__info h3 {
  color: #ffffff;
  margin-bottom: 3px;
}
.testimonial__info span {
  color: #f15144;
}
.testimonial__content-2 p {
  font-size: 24px;
  color: #777777;
  padding: 0 30px;
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .testimonial__content-2 p {
    font-size: 16px;
    padding: 0 10px;
  }
}
.testimonial__content-3 p {
  font-size: 18px;
  line-height: 30px;
  color: #777777;
}
.testimonial__content-4 p {
  margin-bottom: 7px;
}
.testimonial__person h3 {
  margin-bottom: 0;
}
.testimonial__person .avater-company {
  font-size: 16px;
  font-weight: 700;
  color: #f15144;
}
.testimonial__person-4 h6 {
  font-size: 14px;
  margin-bottom: 0;
}
.testimonial__person-4 h6 span {
  font-weight: 400;
  color: #f15144;
}

/*----------------------------------------*/
/*  10.  BLOG CSS START
/*----------------------------------------*/
.blog__item:hover {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 29, 35, 0.06);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 29, 35, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(0, 29, 35, 0.06);
}
.blog__item:hover .blog__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.blog__item:hover .blog__content::after {
  height: 4px;
  opacity: 1;
  visibility: visible;
}
.blog__item:hover .blog__content-2 {
  background-color: #ffffff;
  border-color: transparent;
}
.blog__item:hover .blog__content-2 h4 {
  color: #1e1e2a;
}
.blog__item:hover .blog__meta-2 a {
  color: #1e1e2a;
}
.blog__item:hover .blog__meta-2 a:hover {
  color: #f15144;
}
.blog__tag {
  bottom: 0;
}
.blog__tag a {
  display: inline-block;
  /*width: 90px;*/
  text-align: center;
  font-size: 14px;
  padding: 3px 15px;
  font-weight: 700;
  color: #ffffff;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.blog__content {
  border: 2px solid #f7f7f7;
  border-top: none;
  padding: 30px 36px;
  padding-bottom: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__content {
    padding: 20px;
  }
}
@media (max-width: 575px) {
  .blog__content {
    padding: 20px;
  }
}
.blog__content::after {
  position: absolute;
  content: "";
  bottom: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: 0px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  visibility: visible;
  opacity: 0;
}
.blog__content h4 {
  line-height: 30px;
  margin-bottom: 0;
}
.blog__content h4 a:hover {
  color: #f15144;
}
.blog__content-2 {
  border-color: #272733;
}
.blog__content-2 h4 {
  color: #ffffff;
}
.blog__meta {
  margin-bottom: 3px;
}
.blog__meta a {
  font-size: 14px;
  font-weight: 700;
  margin-right: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__meta a {
    margin-right: 20px;
  }
}
.blog__meta a i {
  margin-right: 6px;
  font-size: 14px;
}
.blog__meta a:hover {
  color: #f15144;
}
.blog__meta-2 a {
  color: #aaaaaa;
}
.blog__meta-3 {
  margin-bottom: 13px;
}
.blog__meta-3 span {
  font-size: 14px;
  font-weight: 700;
  margin-right: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__meta-3 span {
    margin-right: 10px;
  }
}
@media (max-width: 575px) {
  .blog__meta-3 span {
    display: block;
  }
}
.blog__meta-3 span a {
  margin-right: 0;
}
.blog__meta-3 span i {
  color: #f15144;
  margin-right: 6px;
}
.blog__meta-3 span:hover {
  color: #f15144;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__meta-4 span {
    margin-right: 10px;
  }
}

.postbox__content {
  border: 2px solid #ededed;
  border-top: none;
  padding: 43px 45px;
  padding-bottom: 48px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__content {
    padding: 43px 30px;
    padding-bottom: 43px;
    padding-bottom: 48px;
  }
}
@media (max-width: 575px) {
  .postbox__content {
    padding: 43px 30px;
    padding-bottom: 48px;
  }
}
.postbox__content-2 {
  border: none;
  padding: 43px 0;
  padding-bottom: 7px;
}
.postbox__content-3 {
  padding: 35px 38px;
}
.postbox__content-4 {
  padding: 23px 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__content-5 {
    padding: 27px 30px;
    padding-bottom: 33px;
  }
}
.postbox__title {
  line-height: 1.3;
}
.postbox__title a:hover {
  color: #f15144;
}
.postbox__title-2 {
  font-size: 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__title-2 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .postbox__title-2 {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__title-3 {
    font-size: 27px;
  }
}
.postbox__text h3 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 11px;
}
.postbox__text p {
  font-size: 16px;
  line-height: 28px;
}
.postbox__video::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.postbox__video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 575px) {
  .postbox__gallery .owl-nav {
    display: none;
  }
}
.postbox__gallery .owl-nav div {
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: flex;
}
.postbox__gallery .owl-nav div.owl-next {
  left: auto;
  right: 30px;
}
.postbox__gallery .owl-nav div button {
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.postbox__gallery .owl-nav div button:hover {
  background-color: #f15144;
  color: #ffffff;
}
.postbox__audio iframe {
  width: 100%;
  height: 450px;
  border: none;
}
.postbox__audio-2 iframe {
  height: 208px;
}
.postbox__quote blockquote {
  background: #f15144;
  padding: 50px;
  position: relative;
  padding-left: 120px;
}
@media (max-width: 575px) {
  .postbox__quote blockquote {
    padding: 20px;
    padding-left: 20px;
  }
}
.postbox__quote blockquote::before {
  content: "";
  left: 50px;
  top: 56px;
  position: absolute;
  color: #d54337;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  font-size: 41px;
}
@media (max-width: 575px) {
  .postbox__quote blockquote::before {
    display: none;
  }
}
.postbox__quote blockquote p {
  font-size: 26px;
  margin-bottom: 20px;
  color: #ffffff;
  font-weight: 500;
  line-height: 1.3;
}
.postbox__quote blockquote footer {
  font-size: 14px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
}
.postbox__tag span {
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin-bottom: 17px;
  color: #f15144;
}
.postbox__tag a {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  border: 2px solid #eaedff;
  padding: 12px 24px;
  margin-right: 10px;
  transition: 0.3s;
  border-radius: 5px;
  margin-bottom: 10px;
}
.postbox__tag a:hover {
  color: #ffffff;
  background: #f15144;
  border-color: #f15144;
}
.postbox__share span {
  font-size: 18px;
  font-weight: 600;
  color: #f15144;
  display: block;
  margin-bottom: 17px;
}
.postbox__share a {
  font-size: 18px;
  margin-right: 22px;
}
.postbox__share a:hover {
  color: #f15144;
}

.widget-wrapper {
  padding: 45px 40px;
  padding-bottom: 35px;
}

.widget-title h3 {
  margin-bottom: 0px;
  text-transform: capitalize;
}
.widget-title.post-comment-title h3 {
  font-size: 26px;
  font-weight: 500;
}

.widget {
  -webkit-box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
  -moz-box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
  box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
}
.widget__about img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 25px;
}
.widget__about h4 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 13px;
}
.widget__list ul li {
  display: block;
}
.widget__list ul li a {
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dde0e0;
  padding-left: 10px;
}
.widget__list ul li a::before {
  position: absolute;
  content: "";
  top: 32%;
  left: 0;
  width: 6px;
  height: 1px;
  background-color: #dde0e0;
}
.widget__list ul li a:hover {
  color: #f15144;
  border-color: #f15144;
  padding-left: 20px;
}
.widget__list ul li a:hover::before {
  width: 10px;
  background-color: #f15144;
}
.widget__list ul li:last-child a {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.widget__list ul li:last-child a::before {
  top: 50%;
}
.widget__social a {
  height: 50px;
  width: 50px;
  text-align: center;
  background: #f15144;
  line-height: 50px;
  margin-right: 2px;
  display: inline-block;
  color: #ffffff;
  margin-bottom: 5px;
}
.widget__social a:hover {
  background: #1e1e2a;
  color: #ffffff;
}
.widget__tag a {
  display: inline-block;
  line-height: 1;
  padding: 12px 18px;
  background: #f7f7f7;
  margin-bottom: 8px;
  margin-right: 5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  border-radius: 2px;
}
.widget__tag a:hover {
  color: #ffffff;
  background: #f15144;
}

.search-form {
  position: relative;
}
.search-form input {
  width: 100%;
  height: 60px;
  border: 0;
  background: #f7f7f7;
  padding: 0 20px;
}
.search-form input::placeholder {
  color: #1e1e2a;
}
.search-form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: #f15144;
  padding: 0 25px;
  color: #ffffff;
  line-height: 60px;
  border: 0;
}
.search-form button:hover {
  background: #1e1e2a;
}

.rc__post-wrapper ul li {
  margin-bottom: 17px;
}
.rc__post-content h6 {
  font-size: 14px;
  color: #ffffff;
  line-height: 18px;
  margin-bottom: 0;
}
.rc__post-content h6 a:hover {
  color: #f15144;
}
.rc__post-content-2 h6 {
  color: #1e1e2a;
}
.rc__meta {
  margin-bottom: -3px;
}
.rc__meta span {
  color: #b7b7bf;
  font-weight: 500;
  font-size: 12px;
}
.rc__meta span:hover {
  color: #f15144;
}
.rc__meta span i {
  margin-right: 3px;
}
.rc__meta-2 span {
  color: #777777;
}

.author {
  padding: 0 60px 44px 60px;
}
.author__img img {
  margin-top: -60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 4px solid #ffffff;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
  -moz-box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
  box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
}
.author__text h3 {
  font-size: 24px;
  margin-bottom: 15px;
}
.author__text p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 28px;
}
.author__icon {
  margin-top: 6px;
  margin-bottom: 25px;
}
.author__icon a {
  font-size: 14px;
  margin: 0 5px;
}
.author__icon a:hover {
  color: #f15144;
}

.post-comment-title h3 {
  margin-bottom: 0;
}

.post-comments {
  border-bottom: 1px solid #eaedff;
  margin-bottom: 42px;
  padding-bottom: 46px;
}

.comments-box {
  border-top: 1px solid #eaedff;
  padding: 30px 0;
}

.latest-comments li:first-child .comments-box {
  border-top: 0;
  padding-top: 0;
}

.comments-avatar {
  float: left;
  margin-right: 20px;
}
.comments-avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.comments-text {
  overflow: hidden;
  padding-top: 4px;
}

.avatar-name {
  margin-bottom: 3px;
  overflow: hidden;
  position: relative;
}

.avatar-name h5 h5 {
  font-size: 18px;
  margin-bottom: 7px;
}

.avatar-name span span {
  color: #f15144;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.reply {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  transition: 0.3s;
  line-height: 1;
  margin-top: 4px;
  position: absolute;
  right: 0;
  top: 0;
}
.reply i {
  margin-right: 5px;
}
.reply:hover {
  color: #f15144;
}

.comments-text p p {
  margin-bottom: 0;
  margin-top: 8px;
}

.latest-comments li.children {
  margin-left: 100px;
}
@media (max-width: 575px) {
  .latest-comments li.children {
    margin-left: 30px;
  }
}

.conatct-post-form {
  padding: 50px;
}
@media (max-width: 575px) {
  .conatct-post-form {
    padding: 25px;
  }
}

.conatct-post-form input {
  border: none;
  height: 60px;
  margin-bottom: 20px;
  padding: 0 30px;
  width: 100%;
  font-size: 14px;
}
.conatct-post-form input::placeholder {
  color: #cacad5;
}

.conatct-post-form textarea {
  border: none;
  height: 150px;
  margin-bottom: 20px;
  padding: 30px;
  width: 100%;
  font-size: 14px;
  resize: none;
}
.conatct-post-form textarea::placeholder {
  color: #cacad5;
}

.contact-icon::after {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  right: 30px;
  color: #f15144;
  top: 18px;
}

.contacts-message::after {
  content: "";
}

.contacts-name::after {
  content: "";
}

.contacts-email::after {
  content: "";
}

.contacts-website::after {
  content: "";
}

/*----------------------------------------*/
/*  11.  FEATURES CSS START
/*----------------------------------------*/
.features__area::before {
  position: absolute;
  content: "";
  top: -140px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__area::before {
    top: -160px;
  }
}
.features__item {
  background-color: #ffffff;
  padding: 48px 40px;
  padding-bottom: 32px;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 29, 35, 0.04);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 29, 35, 0.04);
  box-shadow: 0px 16px 32px 0px rgba(0, 29, 35, 0.04);
}
.features__item:hover {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(237, 62, 71, 0.2);
  -moz-box-shadow: 0px 16px 32px 0px rgba(237, 62, 71, 0.2);
  box-shadow: 0px 16px 32px 0px rgba(237, 62, 71, 0.2);
}
.features__item:hover .features__icon i::before {
  color: #ffffff;
}
.features__item:hover .features__content h5 {
  color: #ffffff;
}
.features__item:hover .features__content p {
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__item {
    padding: 40px 20px;
    padding-bottom: 19px;
  }
}
.features__item-2 {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: relative;
  padding: 60px 40px;
  padding-bottom: 55px;
  z-index: 1;
}
.features__item-2::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  z-index: -1;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.features__item-2:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.features__item-2:hover::after {
  height: 100%;
}
.features__item-2 .line-img {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__item-2 .line-img {
    display: none;
  }
}
@media (max-width: 575px) {
  .features__item-2 .line-img {
    display: none;
  }
}
.features__item-02 {
  border: 2px solid #f2f2f2;
  padding: 55px 35px;
  padding-bottom: 35px;
}
.features__item-02::before {
  position: absolute;
  content: "";
  right: -18px;
  top: -18px;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #f2f2f2;
}
.features__item-02:hover {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  border-color: transparent;
}
.features__item-02:hover::before {
  background: #f15144;
}
.features__icon i {
  font-size: 60px;
  color: #f15144;
}
.features__icon-2 i {
  font-size: 80px;
  margin-top: 10px;
  display: inline-block;
}
.features__icon-02 i {
  font-size: 60px;
  color: #f15144;
}
.features__content h5 {
  margin-bottom: 4px;
}
.features__content p {
  font-size: 14px;
  margin-bottom: 0;
}
.features__content-02 h4 {
  margin-bottom: 10px;
}
.features__content-02 p {
  margin-bottom: 0;
}
.features__content-inner {
  margin-bottom: 17px;
}
.features__content-inner .line-vert {
  margin-top: 6px;
}
.features__content-inner p {
  font-size: 18px;
  line-height: 30px;
  padding-left: 15px;
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  12.  WHY CSS START
/*----------------------------------------*/
.why__process .progress {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 10px;
  overflow: visible;
  background: #292937;
}
.why__process .progress-bar {
  text-align: right;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  position: relative;
}
.why__process .progress-bar span {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  z-index: 1;
  display: inline-block;
  height: 24px;
  padding: 0 6px;
  margin-bottom: 62px;
}
.why__process .progress-bar span::after {
  position: absolute;
  content: "";
  right: 0;
  top: -37px;
  width: 40px;
  height: 25px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  z-index: -1;
}
.why__process .progress-bar span::before {
  position: absolute;
  content: "";
  display: block;
  right: 0;
  top: -12px;
  border: solid;
  border-color: #EB3648 transparent;
  border-width: 6px 0px 0 6px;
}
.why__bar-title {
  padding-top: 6px;
}
.why__bar-title h3 {
  font-size: 14px;
  margin-bottom: 20px;
}

/*----------------------------------------*/
/*  13.  TEAM CSS START
/*----------------------------------------*/
.team__area::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 514px;
  background: #f7f7f7;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__area::after {
    height: 455px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team__area::after {
    height: 485px;
  }
}
.team__item::before {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  bottom: 0;
  left: auto;
  right: 0;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.team__item:hover {
  -webkit-box-shadow: 0px 30px 60px 0px rgba(0, 29, 35, 0.06);
  -moz-box-shadow: 0px 30px 60px 0px rgba(0, 29, 35, 0.06);
  box-shadow: 0px 30px 60px 0px rgba(0, 29, 35, 0.06);
}
.team__item:hover::before {
  left: 0;
  right: auto;
  width: 100%;
}
.team__item:hover .team__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.team__item:hover .team__content {
  border-color: transparent;
}
.team__content {
  border: 2px solid #f2f2f2;
  border-top: none;
  padding: 30px 35px;
  padding-bottom: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.team__content span {
  text-transform: uppercase;
  color: #f15144;
  font-weight: 700;
  display: inline-block;
}
.team__content h2 {
  font-size: 30px;
  text-transform: capitalize;
  margin-bottom: 17px;
}
.team__content h2 a:hover {
  color: #f15144;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__content h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team__content h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team__content h2 {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .team__content h2 {
    font-size: 25px;
  }
}
.team__content p {
  color: #777777;
}
.team__social {
  border-top: 1px solid #f2f2f2;
}
.team__social ul li {
  margin-right: 20px;
  display: inline-block;
}
.team__social ul li a {
  color: #d3d3d3;
  display: block;
  padding: 15px 0;
}
.team__social ul li a:hover {
  color: #f15144;
}

/*----------------------------------------*/
/*  14.  FAQ CSS START
/*----------------------------------------*/
.faq__process .progress {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 10px;
  overflow: visible;
  background: #f8f8f8;
}
.faq__process .progress-bar {
  text-align: right;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  position: relative;
}
.faq__process .progress-bar span {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  z-index: 1;
  display: inline-block;
  height: 24px;
  padding: 0 6px;
  margin-bottom: 62px;
}
.faq__process .progress-bar span::after {
  position: absolute;
  content: "";
  right: 0;
  top: -37px;
  width: 40px;
  height: 25px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  z-index: -1;
}
.faq__process .progress-bar span::before {
  position: absolute;
  content: "";
  display: block;
  right: 0;
  top: -12px;
  border: solid;
  border-color: #EB3648 transparent;
  border-width: 6px 0px 0 6px;
}
.faq__bar-title {
  padding-top: 6px;
}
.faq__bar-title h3 {
  font-size: 14px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq__content {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq__content {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .faq__content {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .faq__process {
    margin-right: 15px;
  }
}
.faq__accordion .card {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.faq__accordion .card .card-header {
  border: none;
  background: #f8f8f8;
  padding: 25px 40px;
}
@media (max-width: 575px) {
  .faq__accordion .card .card-header {
    padding: 25px 10px;
  }
}
.faq__accordion .card .card-header button {
  font-weight: 700;
  font-size: 18px;
  background: transparent;
  color: #1e1e2a;
  width: 100%;
  text-align: left;
  position: relative;
  padding-right: 15px;
}
.faq__accordion .card .card-header button::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  background: #1e1e2a;
  width: 14px;
  height: 2px;
}
.faq__accordion .card .card-header button::before {
  position: absolute;
  content: "";
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  background: #1e1e2a;
  width: 2px;
  height: 14px;
}
.faq__accordion .card .card-header button.collapsed::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}
.faq__accordion .card .card-header button.collapsed::before {
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}
.faq__accordion .card .card-body {
  background: #f8f8f8;
  padding: 20px 40px;
  padding-top: 0;
  position: relative;
}
@media (max-width: 575px) {
  .faq__accordion .card .card-body {
    padding: 20px 10px;
  }
}
.faq__accordion .card .card-body::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.faq__accordion .card .card-body p {
  background: #ffffff;
  padding: 25px 30px;
  line-height: 24px;
}
@media (max-width: 575px) {
  .faq__accordion .card .card-body p {
    padding: 15px;
  }
}

/*----------------------------------------*/
/*  15.  ROOF VIDEO CSS START
/*----------------------------------------*/
.roof__video::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  background: #f8f8f8;
  width: calc(100% - 175px);
  height: 300px;
  border-top-right-radius: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .roof__video::before {
    width: calc(100% - 15px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .roof__video::before {
    width: calc(100% - 15px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .roof__video::before {
    width: calc(100% - 15px);
  }
}
@media (max-width: 575px) {
  .roof__video::before {
    width: calc(100% - 15px);
  }
}
.roof__video-wrapper {
  width: 100%;
  height: 600px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.roof__video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.roof__video-icon a {
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 80px;
  border: 10px solid #ffffff;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  color: #ffffff;
  font-size: 16px;
  text-align: center;
}

/*----------------------------------------*/
/*  16.  CTA CSS START
/*----------------------------------------*/
.cta__inner {
  padding: 25px 40px;
}
.cta__inner-2 {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  padding: 30px 60px;
  padding-bottom: 40px;
}
@media (max-width: 575px) {
  .cta__inner-2 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.cta__content p {
  margin-bottom: 0;
  font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__content p {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__content p {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .cta__content p {
    margin-bottom: 15px;
  }
}
.cta__content-2 h2 {
  font-size: 30px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__content-2 h2 {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__content-2 h2 {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .cta__content-2 h2 {
    margin-bottom: 15px;
  }
}
.cta__btn a {
  height: 50px;
  line-height: 50px;
  display: inline-block;
  color: #ffffff;
  padding: 0 35px;
  background-color: rgba(255, 255, 255, 0.1);
  font-weight: 700;
  font-size: 16px;
}
.cta__btn a:hover {
  background-color: #1e1e2a;
}
.cta__btn-2 a {
  background: #f7f7f7;
  color: #1e1e2a;
}
.cta__btn-2 a i {
  margin-right: 5px;
}
.cta__btn-2 a:hover {
  color: #ffffff;
}

/*----------------------------------------*/
/*  17.  CONTACT CSS START
/*----------------------------------------*/
.contact__info {
  padding: 60px;
  padding-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__info {
    padding: 30px;
    padding-bottom: 25px;
  }
}
.contact__info::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 4px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.contact__info:hover::after {
  width: 100%;
}
.contact__icon i {
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 45px;
  color: #f15144;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
.contact__info-content h3 {
  font-size: 30px;
  margin-bottom: 18px;
}
.contact__info-content ul li span {
  font-size: 18px;
}
.contact__map-wrapper {
  height: 500px;
}
.contact__map-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
}
.contact__form-wrapper {
  padding: 60px;
}
@media (max-width: 575px) {
  .contact__form-wrapper {
    padding: 30px;
  }
}
.contact__input {
  width: 33.33%;
  position: relative;
}

.modal-content .contact__input {
  width:50%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__input {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__input {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .contact__input {
    width: 100%;
  }
}
.contact__input.msg {
  width: 100%;
}
.contact__input::before {
  position: absolute;
  left: 20px;
  top: 16px;
  color: #d9d9d9;
  font-size: 14px;
  font-family: "Font Awesome 5 Pro";
}
.contact__input.name::before {
  content: "";
}
.contact__input.mail::before {
  content: "";
}
.contact__input.address::before {
  content: "";
}
.contact__input.msg::before {
  content: "";
}
.contact__input.phone::before {
  content: "\f095";
}
.contact__input input, .contact__input textarea {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #f9f9f9;
  padding: 0 20px;
  padding-left: 55px;
  border: 1px solid #f7f7f7;
  padding:20px 40px !important;
}
.contact__input input:focus, .contact__input textarea:focus {
  border-color: #f15144;
}
.contact__input input::placeholder, .contact__input textarea::placeholder {
  color: #b1b1b8;
  font-size: 14px;
}
.contact__input textarea {
  height: 130px;
  resize: none;
}

/*----------------------------------------*/
/*  18.  IMPRESSION CSS START
/*----------------------------------------*/
.impression__item:hover {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
.impression__item:hover .impression__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.impression__item:hover .impression__content {
  border-left-color: #ffffff;
  border-right-color: #ffffff;
}
.impression__item:hover .impression__btn {
  border-left-color: #ffffff;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
}
.impression__content {
  padding: 38px 38px;
  padding-bottom: 33px;
  border: 2px solid #ececec;
  border-top: none;
}
.impression__content h3 a:hover {
  color: #f15144;
}
.impression__content p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0;
}
.impression__btn {
  padding: 15px 38px;
  border: 2px solid #ececec;
  border-top: none;
}
.impression__btn a:first-child {
  font-size: 16px;
  font-weight: 500;
}
.impression__btn a:first-child:hover {
  color: #f15144;
}

/*----------------------------------------*/
/*  19.  COUNTER CSS START
/*----------------------------------------*/
.counter__item {
  padding: 35px 55px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter__item {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.counter__item:hover {
  background: #ffffff;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
.counter__icon i {
  font-size: 60px;
  color: #f15144;
}
.counter__content h2 {
  font-size: 18px;
  margin-bottom: 0;
}
.counter__content h2 span {
  font-size: 60px;
}
.counter__content span {
  font-size: 14px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter__wrapper {
    padding-left: 35px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter__wrapper {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter__wrapper {
    padding-left: 0px;
  }
}
@media (max-width: 575px) {
  .counter__wrapper {
    padding-left: 0px;
    padding-right: 0;
  }
}
.counter__wrapper p {
  font-size: 18px;
  margin-bottom: 20px;
}
.counter__inner p {
  font-size: 16px;
  margin-bottom: 35px;
}

/*----------------------------------------*/
/*  20.  ORDER CSS START
/*----------------------------------------*/
.order__area::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
}
.order__row {
  margin-left: 10px;
  margin-right: 10px;
}
.order__col {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.order__bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order__bg {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .order__bg {
    display: none;
  }
}
@media (max-width: 575px) {
  .order__bg {
    display: none;
  }
}
.order__input {
  position: relative;
}
.order__input::before {
  position: absolute;
  left: 30px;
  top: 16px;
  color: #f15144;
  font-size: 14px;
  font-family: "Font Awesome 5 Pro";
}
.order__input.name::before {
  content: "";
}
.order__input.mail::before {
  content: "";
}
.order__input.address::before {
  content: "";
}
.order__input.phone::before {
  content: "";
}
.order__input.subject::before {
  content: "";
  z-index: 1;
}
.order__input.subject::after {
  position: absolute;
  content: "";
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  color: #b1b1b8;
  font-family: "Font Awesome 5 Pro";
}
.order__input.subject:hover {
  cursor: pointer;
}
.order__input.msg::before {
  content: "";
}
.order__input input, .order__input select, .order__input textarea {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #ffffff;
  padding: 0 20px;
  padding-left: 55px;
  border: 1px solid #f7f7f7;
}
.order__input input:focus, .order__input select:focus, .order__input textarea:focus {
  border-color: #f15144;
}
.order__input input::placeholder, .order__input select::placeholder, .order__input textarea::placeholder {
  color: #b1b1b8;
  font-size: 14px;
}
.order__input select {
  text-align: left;
  padding: 0 30px;
  padding-left: 55px;
  appearance: none;
  -moz-appearance: none;
  color: #b1b1b8;
}
.order__input select option {
  font-size: 14px;
  text-transform: capitalize;
}
.order__input textarea {
  height: 130px;
  resize: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order__video {
    float: left;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .order__video {
    float: left;
  }
}
@media (max-width: 575px) {
  .order__video {
    float: left;
  }
}
.order__video-btn {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 16px;
  color: #f15144;
  border: 1px solid #2a2a2a;
}
.order__video-btn:hover {
  background: #ffffff;
  color: #1e1e2a;
  border-color: #ffffff;
}

/*----------------------------------------*/
/*  21.  SHOP CSS START
/*----------------------------------------*/
.shop__header .nav-link {
  font-size: 16px;
  background: transparent;
  color: #a3a3a3;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.shop__header .nav-link.active {
  color: #1e1e2a;
  background: transparent;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop__content-area {
    margin-top: 40px;
  }
}
.shop__header-left .show-text span {
  color: #a3a3a3;
  font-size: 15px;
}
@media (max-width: 575px) {
  .shop__header-left .show-text.bottom {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop__header-left .show-text.bottom {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .shop__header-right {
    margin-top: 15px;
  }
}
.shop__header-right .sort-wrapper select {
  border: none !important;
  font-size: 15px;
  color: #a3a3a3;
  appearance: none;
  -moz-appearance: none;
  padding:5px 25px;

}
/*
.shop__header-right .sort-wrapper::after {
  position: absolute;
  content: "";
  right: 30px;
  pointer-events: none;
  top: 2px;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  color: #a3a3a3;
}*/
.shop__header-right .nav-link {
  padding: 0;
  padding-left: 15px;
}

.sidebar__widget-title h3 {
  font-size: 20px;
  margin-bottom: 0;
}
.sidebar__widget-content .categories .card {
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-bottom: 18px;
}
.sidebar__widget-content .categories .card-header {
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.sidebar__widget-content .categories .card-body {
  padding: 0;
  padding-left: 18px;
  padding-top: 13px;
}
.sidebar__widget-content .categories .shop-accordion-btn {
   padding: 0;
   width: 100%;
   text-align: left;
   background: #ffffff;
   position: relative;
   color: #a3a3a3;
   font-weight: 400;
   font-size: 16px;
   display:block;
 }

.sidebar__widget-content .categories .shop-accordion-btn.active {
  color: #f15144;
}

.sidebar__widget-content .categories .shop-accordion-btn::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  font-size: 18px;
  font-family: "Font Awesome 5 Pro";
}

.shop-accordion-btn.nomore::after {
    display:none;
}

.sub2menu {
    height: 0;
    overflow: hidden;
    
}
.sub2menu.showed {
    margin-top: 10px;
    display:block;
    height: auto;
}


.prdetailform {
    padding-bottom:30px;
    border-bottom: 1px solid #e8e8e8;
}

.sub2menu li {
    margin: 0 0 0 15px !important;
}

.sidebar__widget-content .categories .shop-accordion-btn.collapsed {
  color: #a3a3a3;
}
.sidebar__widget-content .categories .shop-accordion-btn.collapsed:hover {
  color: #f15144;
}
.sidebar__widget-content .categories .shop-accordion-btn.collapsed::after {
  -webkit-transform: translateY(-50%) rotate(0);
  -moz-transform: translateY(-50%) rotate(0);
  -ms-transform: translateY(-50%) rotate(0);
  transform: translateY(-50%) rotate(0);
}
.sidebar__widget-content .categories__list ul li {
  margin-bottom: 11px;
}
.sidebar__widget-content .categories__list ul li a {
  color: #a3a3a3;
}
.sidebar__widget-content .categories__list ul li a:hover,.sidebar__widget-content .categories__list ul li a.active  {
  color: #f15144;
}
.sidebar__widget-content .price__slider button {
  font-size: 16px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  background: #1e1e2a;
  color: #ffffff;
  font-weight: 500;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar__widget-content .price__slider button {
    display: block;
    margin-bottom: 15px;
  }
}
.sidebar__widget-content .price__slider button:hover {
  background: #f15144;
  color: #ffffff;
}
.sidebar__widget-content .price__slider label {
  font-size: 16px;
  font-weight: 500;
}
.sidebar__widget-content .price__slider input {
  font-size: 16px;
  font-weight: 500;
  color: #1e1e2a;
  border: none;
  outline: none;
  background: none;
  margin-left: 10px;
  width: 100px;
}
.sidebar__widget-content .size ul li {
  display: inline-block;
  margin-right: 10px;
}
.sidebar__widget-content .size ul li a {
  display: inline-block;
  font-size: 14px;
  /*height: 40px;*/
  /*width: 40px;*/
  /*line-height: 40px;*/
  text-align: center;
  color: #1e1e2a;
  background: #f1f1f1;
 /* -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;*/
  padding:10px 15px;
  margin-bottom:15px;

}
.sidebar__widget-content .size ul li a:hover, .sidebar__widget-content .size ul li a.active {
  background: #f15144;
  color: #ffffff;
}
.sidebar__widget-content .color__pick ul li {
  display: inline-block;
  margin-right: 18px;
}
.sidebar__widget-content .color__pick ul li button {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}
.sidebar__widget-content .color__pick ul li button::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 1px solid #ececec;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;
}
.sidebar__widget-content .color__pick ul li button.color-1 {
  background: #fbaf5d;
}
.sidebar__widget-content .color__pick ul li button.color-1:hover::after {
  border-color: #fbaf5d;
}
.sidebar__widget-content .color__pick ul li button.color-2 {
  background: #1cbbb4;
}
.sidebar__widget-content .color__pick ul li button.color-2:hover::after {
  border-color: #1cbbb4;
}
.sidebar__widget-content .color__pick ul li button.color-3 {
  background: #f06eaa;
}
.sidebar__widget-content .color__pick ul li button.color-3:hover::after {
  border-color: #f06eaa;
}
.sidebar__widget-content .color__pick ul li button.color-4 {
  background: #004a80;
}
.sidebar__widget-content .color__pick ul li button.color-4:hover::after {
  border-color: #004a80;
}
.sidebar__widget-content .color__pick ul li button.color-5 {
  background: #c69c6d;
}
.sidebar__widget-content .color__pick ul li button.color-5:hover::after {
  border-color: #fbaf5d;
}
.sidebar__widget-content .color__pick ul li button.color-6 {
  background: #82ca9c;
}
.sidebar__widget-content .color__pick ul li button.color-6:hover::after {
  border-color: #82ca9c;
}
.sidebar__widget-content .color__pick ul li button.color-7 {
  background: #252525;
}
.sidebar__widget-content .color__pick ul li button.color-7:hover::after {
  border-color: #252525;
}
.sidebar__widget-content .brand ul li {
  margin-bottom: 5px;
}
.sidebar__widget-content .brand ul li a {
  color: #a3a3a3;
  font-size: 16px;
}
.sidebar__widget-content .brand ul li a:hover {
  color: #f15144;
}
.sidebar__widget-content .features__product-content h5 {
  font-size: 14px;
  color: #8c8c8c;
  margin-bottom: 5px;
  font-weight: 500;
  line-height: 20px;
}
.sidebar__widget-content .features__product-content h5 a:hover {
  color: #f15144;
}
.sidebar__widget-content .features__product-content .price span {
  color: #1e1e2a;
  font-size: 16px;
  font-weight: 500;
  margin-right: 5px;
}
.sidebar__widget-content .features__product-content .price span.price-old {
  color: #8c8c8c;
  text-decoration: line-through;
}

.product__wrapper .add-cart {
  bottom: -40px;
  left: 0;
  visibility: hidden;
  opacity: 0;
}
.product__wrapper .add-cart a {
  font-weight: 500;
  color: #1e1e2a;
  position: relative;
  font-size: 14px;
}
.product__wrapper .add-cart a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -2px;
  height: 1px;
  width: 100%;
  background: #1e1e2a;
}
.product__wrapper .add-cart a:hover {
  color: #f15144;
}
.product__wrapper .add-cart a:hover::after {
  background: #f15144;
}
.product__wrapper:hover .product__thumb-2 {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.product__wrapper:hover .product__action {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.product__wrapper:hover .product__price {
  bottom: -10px;
  visibility: hidden;
  opacity: 0;
}
.product__wrapper:hover .add-cart {
  visibility: visible;
  opacity: 1;
  bottom: -30px;
}
.product__thumb {
  position: relative;
  margin-bottom: 15px;
}
.product__thumb-2 {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}
.product__sale {
  display: table;
  position: absolute;
  text-align: center;
  top: 36px;
  right: 0px;
  z-index: 2;
  min-width: 100px;
 /* -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);  */
}
.product__sale span {
  position: relative;
  background: #f15144;
  color: #fff;
  float: left;
  font-size: 11px;
  font-weight: 400;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
  min-width: 50px;
  border-radius: 0;
  min-height: auto;
  border: 0;
}
/*
.product__sale span::after {
  border: 5px solid #f15144;
  border-color: transparent transparent #f15144 #f15144;
  border-width: 10px 5px;
  position: absolute;
  right: -10px;
  bottom: 0;
  content: "";
  z-index: 1;
}  */
/*
.product__sale span::before {
  border: 5px solid #f15144;
  border-color: #f15144 transparent transparent #f15144;
  border-width: 9px 5px;
  position: absolute;
  right: -10px;
  top: 0;
  content: "";
  z-index: 1;
}    */
.product__sale span.percent {
  background: #1e1e2a;
}
.product__sale span.percent::after {
  border: 5px solid #1e1e2a;
  border-color: transparent transparent #1e1e2a #1e1e2a;
  border-width: 10px 5px;
}
.product__sale span.percent::before {
  border: 5px solid #1e1e2a;
  border-color: #1e1e2a transparent transparent #1e1e2a;
  border-width: 9px 5px;
}
.product__sale-2 {
  top: 20px;
  right: auto;
  left: 0;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.product__action {
  position: absolute;
  bottom: 15px;
  right: 15px;
  background: #ffffff;
  margin: 0;
  padding: 2px 13px;
  text-align: center;
  z-index: 11;
  border-radius: 3px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}
.product__action a {
  font-size: 14px;
  border-bottom: 1px solid #ebebeb;
  display: block;
  line-height: 37px;
  height: 37px;
  width: 20px;
  color: #8c8c8c;
  font-weight: 400;
}
.product__action a:hover {
  color: #f15144;
}
.product__action a:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
@media (max-width: 575px) {
  .product__action-2 {
    margin-top: 15px;
  }
}
.product__action-2 a {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: transparent;
  font-size: 14px;
  border: 2px solid #ebebeb;
  color: #969696;
  text-align: center;
  line-height: 44px;
  margin-right: 5px;
}
.product__action-2 a:hover {
  border-color: #1e1e2a;
  color: #1e1e2a;
}
.product__content h4 {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  margin-bottom: 3px;
}
.product__content h4 a:hover {
  color: #f15144;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product__content-inner.list {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .product__content-inner.list {
    margin-top: 15px;
  }
}
.product__content-inner.list p {
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 15px;
}
.product__price {
  position: absolute;
  bottom: -30px;
  left: 0;
}
.product__price span {
  font-size: 14px;
  color: #1e1e2a;
  font-weight: 400;
  margin-right: 7px;
}
.product__price span.old-price {
  color: #8c8c8c;
  text-decoration: line-through;
}
.product__price-2 span {
  font-size: 14px;
  color: #1e1e2a;
  font-weight: 500;
  margin-right: 7px;
}
.product__price-2 span.old-price {
  color: #8c8c8c;
  text-decoration: line-through;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product__list {
    margin-bottom: 30px;
  }
}
.product__list ul li span {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1;
}
.product__list ul li span::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #1e1e2a;
  width: 6px;
  height: 1px;
}
.product__tag span {
  font-size: 14px;
  color: #606060;
}
.product__tag span:first-child {
  margin-right: 20px;
}
.product__tag span a:hover {
  color: #f15144;
}
.product__share span {
  font-size: 14px;
  color: #6c6c6c;
  margin-right: 20px;
}
.product__share ul {
  display: inline-block;
}
.product__share ul li {
  display: inline-block;
  margin-right: 30px;
}
.product__share ul li a {
  font-size: 14px;
  color: #6c6c6c;
  display: inline-block;
}
.product__details-tab-nav .nav-tabs {
  border: none;
}
.product__details-tab-nav .nav-tabs .nav-link {
  padding: 0 50px;
  border: 0;
  font-size: 14px;
  color: #a3a3a3;
  font-weight: 500;
}
.product__details-tab-nav .nav-tabs .nav-link.active {
  color: #1e1e2a;
}
.product__details-des p {
  color: #606060;
  font-size: 16px;
  margin-bottom: 28px;
}
.product__details-des-list ul li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 10px;
}
.product__details-des-list ul li::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  font-size: 14px;
  color: #606060;
  font-family: "Font Awesome 5 Pro";
}
.product__details-des-list ul li span {
  font-size: 14px;
  color: #606060;
}
.product__details-add p {
  color: #606060;
  font-size: 16px;
  margin-bottom: 28px;
}
.product__details-review p {
  color: #606060;
  font-size: 16px;
  margin-bottom: 28px;
}

.product__modal-inner {
  padding: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product__modal-content {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .product__modal-content {
    margin-top: 40px;
  }
}
.product__modal-content h4 {
  font-size: 16px;
  margin-bottom: 17px;
  color: #8c8c8c;
}
.product__modal-content h4 a:hover {
  color: #f15144;
}
.product__modal-content-2 h4 {
  font-size: 30px;
  color: #1e1e2a;
  margin-bottom: 10px;
}
.product__modal-des {
  padding-top: 18px;
  padding-bottom: 25px;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.product__modal-des p {
  font-size: 14px;
  line-height: 24px;
  color: #606060;
  margin-bottom: 0;
}
.product__modal-input {
  position: relative;
}
.product__modal-input label {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #1e1e2a;
  font-weight: 500;
  margin-bottom: 0px;
}
.product__modal-input label i {
  position: absolute;
  top: 6px;
  right: -7px;
  font-size: 6px;
  color: #f15144;
}
.product__modal-input select {
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  width: 100%;
  border: 1px solid #e8e8e8;
  appearance: none;
  -moz-appearance: none;
  color: #8c8c8c;
}
.product__modal-input::after {
  position: absolute;
  content: "";
  right: 20px;
  top: 55%;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  color: #7d7d7d;
}
.product__modal-required span {
  color: #f15144;
  font-size: 14px;
  font-weight: 500;
}
.product__modal-close {
  top: 0;
  right: 0;
}
.product__modal-close button {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: none;
  background: #f15144;
  color: #ffffff;
  font-size: 14px;
}
.product__modal-nav-item {
  border: 2px solid transparent;
}
.product__modal-nav-item.slick-center {
  border-color: #f15144;
}
.product__modal-slider .slick-track {
  width: 100% !important;
}
.product__modal-nav .nav {
  display: block !important;
}
.product__modal-nav .nav .nav-item {
  opacity: 0.5;
}
.product__modal-nav .nav .nav-item.active {
  opacity: 1;
}
.product__modal-box .nav-tabs {
  border: 0;
}
.product__modal-box .nav-tabs .nav-link {
  padding: 0;
  border: none;
  border: 2px solid transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.product__modal-box .nav-tabs .nav-link.active {
  border: 2px solid #f15144;
}

@media (max-width: 575px) {
  .pro-cart-btn {
    margin-left: 0;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pro-cart-btn {
    margin-left: 0;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pro-cart-btn {
    margin-left: 0;
    margin-top: 10px;
  }
}

.add-cart-btn {
  display: inline-block;
  height: 48px;
  line-height: 44px;
  text-align: center;
  padding: 0 70px;
  color: #ffffff;
  background: #1e1e2a;
  border: 2px solid #1e1e2a;
  font-size: 14px;
}
.add-cart-btn:hover {
  background: #ffffff;
  color: #1e1e2a;
}

/* modal dialog */
.modal-dialog.product-modal {
  max-width: 900px !important;
  margin: 1.75rem auto;
}

/* modal cart */
.product-quantity-title label {
  font-size: 14px;
  font-weight: 500;
  color: #606060;
  margin-right: 10px;
}

.cart-plus-minus {
  position: relative;
  display: inline-block;
}

.cart-plus-minus input {
  border: 0px;
  outline: 0px;
  background: none;
  font-weight: 400;
  color: #1e1e2a;
  font-size: 14px;
  display: inline-block;
  height: 45px;
  list-style: 45px;
  padding: 0 20px;
  width: 110px;
  border: 1px solid #ebebeb;
  text-align: center;
}

.cart-plus-minus .qtybutton {
  font-size: 20px;
  color: #1e1e2a;
  display: inline-block;
  position: absolute;
  top: 11px;
  height: 22px;
  width: 22px;
  background: transparent;
  border-radius: 30px;
  line-height: 1;
  cursor: pointer;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.cart-plus-minus .dec {
  left: 7px;
}

.cart-plus-minus .inc {
  right: 7px;
}

/* 16. Cart */
.table-content table {
  background: #ffffff;
  border-color: #eaedff;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.table-content .product-quantity {
  float: none;
}

.table-content table td.product-name {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.table-content table td.product-name a:hover {
  color: #f15144;
}

.table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 16px;
}

.table-content table th, .table-content table td {
  border-bottom: 1px solid #eaedff;
  border-right: 1px solid #eaedff;
}

.product-quantity input {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #dcdcdc;
}

.table td, .table th {
  border-top: 1px solid #eaedff;
}

.product-quantity > input {
  width: 80px;
  border-radius: 3px;
}

.table-content table td.product-subtotal {
  font-size: 16px;
}

.table-content table td .cart-plus-minus {
  float: none;
  margin: 0 auto;
}

.coupon-all {
  margin-top: 50px;
}

.coupon {
  float: left;
}

@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}
#coupon_code {
  height: 57px;
  border: 2px solid #eaedff;
  padding: 0 15px;
  margin-right: 10px;
}

@media (max-width: 767px) {
  #coupon_code {
    margin-bottom: 15px;
  }
}
.coupon2 {
  float: right;
}

@media (max-width: 767px) {
  .coupon2 {
    float: none;
    margin-top: 15px;
  }
}
.cart-page-total {
  padding-top: 50px;
}

.cart-page-total > h2 {
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.cart-page-total > ul {
  border: 1px solid #eaedff;
}

.cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: #6f7172;
  padding: 10px 30px;
  border-bottom: 1px solid #eaedff;
  font-weight: 400;
}

.cart-page-total ul > li > span {
  float: right;
}

.cart-page-total li:last-child {
  border-bottom: 0;
}

td.product-thumbnail img {
  width: 125px;
}

/* 17. Checkout */
.coupon-accordion h3 {
  background-color: #f6f6f6;
  border-top: 3px solid #f15144;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}

.coupon-accordion h3::before {
  content: "";
  left: 15px;
  top: 13px;
  position: absolute;
  color: #6f7172;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.coupon-accordion span {
  color: #6f7172;
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
}

.coupon-accordion span:hover, p.lost-password a:hover {
  color: #f15144;
}

.coupon-content {
  border: 1px solid #eaedff;
  display: none;
  margin-bottom: 20px;
  padding: 30px;
}

.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

.coupon-info p {
  margin-bottom: 0;
}

.coupon-info p.form-row-first label, .coupon-info p.form-row-last label {
  display: block;
  color: #6f7172;
}

.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
  color: red;
  font-weight: 700;
}

.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
  border: 1px solid #eaedff;
  height: 45px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;
}

.coupon-info p.form-row input[type=submit]:hover, p.checkout-coupon input[type=submit]:hover {
  background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type=checkbox] {
  position: relative;
  top: 2px;
}

.form-row > label {
  margin-top: 15px;
  margin-left: 15px;
  color: #6f7172;
}

.buttons-cart input, .coupon input[type=submit], .buttons-cart a, .coupon-info p.form-row input[type=submit] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

p.lost-password {
  margin-top: 15px;
}

p.lost-password a {
  color: #6f6f6f;
}

p.checkout-coupon input[type=text] {
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #eaedff;
  margin-bottom: 15px;
}

.coupon-checkout-content {
  display: none;
}

.checkbox-form h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 26px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.country-select {
  margin-bottom: 30px;
  position: relative;
}

.country-select label, .checkout-form-list label {
  color: #6f7172;
  display: block;
  margin: 0 0 5px;
}

.country-select label span.required, .checkout-form-list label span.required {
  color: red;
}

.country-select select {
  -moz-appearance: none;
  border: 1px solid #eaedff;
  height: 45px;
  padding-left: 10px;
  width: 100%;
  color: #6f7172;
}

.country-select::before {
  content: "";
  right: 15px;
  top: 38px;
  position: absolute;
  color: #6f7172;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.checkout-form-list {
  margin-bottom: 30px;
}

.checkout-form-list label {
  color: #6f7172;
}

.checkout-form-list input[type=text], .checkout-form-list input[type=password], .checkout-form-list input[type=email] {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;
}

.checkout-form-list input[type=text]::-moz-placeholder,
.checkout-form-list input[type=password]::-moz-placeholder,
.checkout-form-list input[type=email]::-moz-placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type=checkbox] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 1px;
}

.create-acc label {
  color: #6f7172;
  display: inline-block;
}

.create-account {
  display: none;
}

.ship-different-title h3 label {
  display: inline-block;
  margin-right: 20px;
  color: #6f7172;
}

.order-notes textarea {
  border: 1px solid #eaedff;
  height: 90px;
  padding: 15px;
  width: 100%;
}

.order-notes textarea::-moz-placeholder {
  color: #6f7172;
  opacity: 1;
}

.order-notes textarea::placeholder {
  color: #6f7172;
  opacity: 1;
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  border-radius: 0;
}

.your-order {
  padding: 30px 40px 45px;
  border: 3px solid #eaedff;
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}
.your-order h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid #eaedff;
  border-right: medium none;
  color: #6f7172;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;
}

@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    padding-right: 10px;
  }
}
.your-order-table table th {
  border-top: medium none;
  color: #6f7172;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

.panel-body > p {
  color: #222;
}

.your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}

.your-order-table table .shipping ul li label {
  color: #6f7172;
}

.your-order-table table .shipping th {
  vertical-align: top;
}

.your-order-table table .order-total th {
  border-bottom: 0;
  font-size: 14px;
}

.your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
  background: #F9F9F9;
}

.your-order-table table tr.order-total td span {
  color: #f15144;
  font-size: 18px;
  font-weight: 500;
}

.payment-method {
  margin-top: 40px;
}

.panel-title > a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.order-button-payment input:hover {
  background: #3e976c none repeat scroll 0 0;
}

.payment-method .btn-link {
  -moz-user-select: none;
  background: no-repeat;
  border: medium none;
  border-radius: 0;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid #eaedff;
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid #eaedff;
}

.order-button-payment button {
  width: 100%;
}

#slider-range {
  position: relative;
  margin-bottom: 25px;
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: #f15144;
  border-radius: 50%;
  border: none;
  outline: none;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.004);
}

.ui-slider-horizontal {
  height: 6px;
}

.ui-widget-content {
  background: #f0f0f0;
}

.ui-widget-header {
  background: #f15144;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -5px;
}

.ui-slider .ui-slider-handle {
  height: 15px;
  width: 15px;
  -webkit-transition: all 0s ease-out 0s;
  -moz-transition: all 0s ease-out 0s;
  -ms-transition: all 0s ease-out 0s;
  -o-transition: all 0s ease-out 0s;
  transition: all 0s ease-out 0s;
}

.ui-slider .ui-slider-handle:before {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  background: #ffffff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/*----------------------------------------*/
/*  22.  LOGIN CSS START
/*----------------------------------------*/
.basic-login {
  padding: 90px;
  border: 2px solid #eaedff;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .basic-login {
    padding: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .basic-login {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .basic-login {
    padding: 30px;
  }
}
.basic-login h3 {
  font-size: 30px;
}

.basic-login input {
  width: 100%;
  height: 60px;
  border: 2px solid #eaedff;
  color: #6f7172;
  padding: 0 20px;
  margin-bottom: 20px;
}

.basic-login input::placeholder,
.basic-login input::-moz-placeholder {
  color: #6f7172;
}

.basic-login label {
  color: #222;
  display: block;
}

.basic-login label span {
  color: #f15144;
}

.login-action input {
  width: inherit;
  height: auto;
}

.login-action label {
  display: inline-block;
  margin-left: 5px;
}

.or-divide {
  border-top: 2px solid #eaedff;
  margin: 40px 0;
  text-align: center;
  position: relative;
}

.or-divide span {
  position: absolute;
  left: 0;
  right: 0;
  top: -9px;
  background: #ffffff;
  display: inline-block;
  width: 40px;
  margin: auto;
  line-height: 1;
  font-weight: 500;
}

@media (max-width: 767px) {
  .forgot-login {
    float: none;
  }
}
.forgot-login a {
  color: #f15144;
}

.forgot-login a:hover {
  color: #1e1e2a;
}

@media (max-width: 767px) {
  .log-rem {
    float: none;
    margin-bottom: 10px;
    display: block;
  }
}
/*----------------------------------------*/
/*  23.  FOOTER CSS START
/*----------------------------------------*/
.footer__top-2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.footer__bg-img {
  left: 0;
  bottom: 0;
}
.footer__bg {
  left: 0;
  bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__bg {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__bg {
    display: none;
  }
}
@media (max-width: 575px) {
  .footer__bg {
    display: none;
  }
}
.footer__bg-2 {
  right: 0;
  bottom: 0;
}
.footer__widget.about::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget.about::after {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .footer__widget.about {
    padding-left: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget.about {
    padding-right: 0;
    background: transparent;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget.about {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__widget.about {
    padding-right: 0;
    background: transparent;
  }
}
@media (max-width: 575px) {
  .footer__widget.about {
    padding-left: 40px;
    margin-top: 60px;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__widget {
    padding-left: 0px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .footer__widget {
    padding-left: 0px;
    margin-bottom: 0;
  }
}
.footer__widget-title {
  margin-bottom: 23px;
}
.footer__widget-title h5 {
  color: #ffffff;
}
.footer__widget-title img {
  margin-bottom: 7px;
}
.footer__widget-title-2 h5 {
  color: #1e1e2a;
}
.footer__widget-content p {
  color: #b6b6be;
  margin-bottom: 25px;
  font-size: 14px;
}
.footer__widget-content-2 {
  color: #777777;
}
.footer__contact ul li {
  margin-bottom: 8px;
  display: flex;
}
.footer__contact ul li .icon i {
  line-height: 27px;
  color: #f15144;
  margin-right: 15px;
}
.footer__contact ul li .text span {
  font-weight: 700;
  color: #b7b7bf;
}
.footer__contact-2 ul li .icon i {
  color: #777777;
}
.footer__contact-2 ul li .text span {
  color: #777777;
}
.footer__links ul li {
  margin-bottom: 10px;
}
.footer__links ul li a {
  font-size: 14px;
  color: #b7b7bf;
  font-weight: 500;
  position: relative;
}
.footer__links ul li a::after {
  position: absolute;
  content: "";
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  visibility: hidden;
  opacity: 0;
}
.footer__links ul li a:hover {
  color: #ffffff;
}
.footer__links ul li a:hover::after {
  bottom: -2px;
  visibility: visible;
  opacity: 1;
}
.footer__links-2 ul li a {
  color: #777777;
}
.footer__links-2 ul li a:hover {
  color: #f15144;
}
.footer__links-2 ul li a:hover::after {
  background-color: #f15144;
}
.footer__copyright p {
  color: #a3adb2;
  margin-bottom: 0;
  font-weight: 700;
}
@media (max-width: 575px) {
  .footer__copyright p {
    margin-top: 20px;
  }
}
.footer__copyright p a:hover {
  color: #f15144;
}
.footer__copyright-2 p {
  color: #1e1e2a;
}
.footer__social ul li {
  display: inline-block;
  margin-right: 8px;
}
.footer__social ul li:last-child {
  margin-right: 0;
}
.footer__social ul li a {
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  background-color: #222230;
  position: relative;
  z-index: 1;
}
.footer__social ul li a::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.footer__social ul li a:hover::before {
  visibility: visible;
  opacity: 1;
}
.footer__social-2 ul li a {
  background: #ffffff;
  color: #1e1e2a;
}
.footer__social-2 ul li a:hover {
  color: #ffffff;
}
.footer__social-3 ul li {
  margin: 0 5px;
}
@media (max-width: 575px) {
  .footer__social-3 ul li {
    margin: 0 4px;
  }
}
.footer__social-3 ul li a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #f8f8f8;
  color: #999999;
}
.footer__social-3 ul li a:hover {
  color: #ffffff;
}
.footer__subscribe p {
  color: #777777;
  margin-bottom: 0;
}
.footer__subscribe-2 {
  padding: 45px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__subscribe-2 {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__subscribe-2 {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__subscribe-2 {
    margin-left: 0;
    margin-right: 0;
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .footer__subscribe-2 {
    margin-left: 0;
    margin-right: 0;
    margin-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.footer__subscribe-2::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.footer__subscribe-form {
  position: relative;
}
.footer__subscribe-form button {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 575px) {
  .footer__subscribe-form button {
    top: 65%;
    right: auto;
    left: 0px;
  }
}
.footer__subscribe-form-2 p {
  color: #777777;
}
.footer__subscribe-form-2 input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: none;
  padding: 0 20px;
  background: #f7f7f7;
  padding-right: 80px;
}
.footer__subscribe-form-2 input::placeholder {
  color: #b7b7b7;
  text-transform: capitalize;
}
.footer__subscribe-form-2 button {
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 60px;
  color: #ffffff;
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  background: -moz-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -webkit-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: -ms-linear-gradient(to right, #F25743 0%, #EB3648 100%);
  background: linear-gradient(to right, #F25743 0%, #EB3648 100%);
}
.footer__subscribe-input {
  position: relative;
}
.footer__subscribe-input input {
  width: 100%;
  height: 60px;
  border: none;
  line-height: 60px;
  padding: 0 20px;
  padding-left: 80px;
  padding-right: 220px;
  background: #ffffff;
}
.footer__subscribe-input input::placeholder {
  color: #b7b7b7;
  font-size: 14px;
  text-transform: capitalize;
}
.footer__subscribe-input input:focus {
  outline: none;
}
@media (max-width: 575px) {
  .footer__subscribe-input input {
    padding-right: 20px;
  }
}
.footer__subscribe-input i {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #adadad;
  background-color: #f0f0f0;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .portfolio__content {
    padding: 20px 20px;
  }

  .portfolio__content-inner h3 {
    font-size: 17px;
  }
}

.header__area .logo, .extra__info-logo {
  background-color:#fff;
}

.header__right-bottom {
  display:flex;
}

.main-menu {
  flex-grow: 1;

}

.main-menu ul li ul.submenu li a {
  white-space: nowrap;
}

.footer__links li hr {
  border-bottom:1px solid #f15144;
}







/* fullsearch */

.fullsearch {
  display: block;
}
.form-room .form-row.has-error .ordercheckbox .checkmark,
.form-room .form-row.has-error input[type="email"],
.form-room .form-row.has-error input[type="text"] {
  border: 1px solid #eb3648;
}
.form-room input[type="submit"] {
  width: 100%;
  background-color: #eb3648;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 0;
  border: 0;
  padding: 20px;
  cursor: pointer;
  transition: all 150ms linear;
}
.fullsearch--input,
.fullsearch--page h1,
.fullsearch--result--part h3 {
  font-weight: 700;
}
.form-room input[type="submit"]:hover {
  background-color: #1a1c22;
}
@media only screen and (max-width: 767px) {
  .form-room {
    padding: 50px 30px;
  }
}
.fullsearch--page {
  width: 100%;
}
.fullsearch--page h1 {
  font-size: 36px;
  width: 100%;
}
.fullsearch--page .searchstringtext {
  color: #979da5;
}
.fullsearch {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1200;
  overflow-y: auto;
  top: 0;
  left: 200vw;
  pointer-events: none;
  transform-origin: center center;
}
.fullsearch.opened {
  left: 0;
  pointer-events: all;
  animation: fullsearch-on 0.3s 1;
  animation-timing-function: ease-out;
}
.fullsearch.closed {
  animation: fullsearch-off 0.3s 1;
  animation-timing-function: ease-out;
}
.fullsearch a.fullsearch--close {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 80;
  width: 60px;
  height: 60px;
  background-color: #eb3648;
  color: #fff;
  background-image: url(/assets/img/icon/close.svg);
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 150ms linear;
}
.fullsearch a.fullsearch--close:hover {
  background-color: #1a1c22;
}
@keyframes fullsearch-on {
  0% {
    left: 0;
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    left: 0;
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fullsearch-off {
  0% {
    left: 0;
    opacity: 1;
    transform: scale(1);
  }
  100% {
    left: 0;
    opacity: 0;
    transform: scale(0.9);
  }
}
.fullsearch--scroll {
  width: 100%;
  max-width: 100%;
  padding: 100px 30px;
  margin: 0 auto;
}
.fullsearch--search {
  width: 100%;
  display: flex;
  padding-bottom: 33px;
  border-bottom: 1px solid rgba(36, 40, 51, 0.5);
  justify-content: space-between;
}
.fullsearch--input {
  width: calc(100% - 64px);
  flex: 0 0 calc(100% - 64px);
  display: block;
  border: 0;
  height: 64px;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #242834;
  font-size: 48px;
  text-transform: uppercase;
}
.fullsearch--input::placeholder {
  color: #242834;
  opacity: 1;
}
.fullsearch--input:-ms-input-placeholder {
  color: #242834;
  opacity: 1;
}
.fullsearch--input::-ms-input-placeholder {
  color: #242834;
  opacity: 1;
}
.fullsearch--submit {
  color: transparent;
  overflow: hidden;
  height: 64px;
  flex: 0 0 64px;
  width: 64px;
  display: block;
  border: 0;
  background-color: transparent;
  background-image: url(/assets/img/icon/search.svg);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.fullsearch--result--part,
.fullsearch--result--part .cd {
  width: 100%;
}
body:not(.mt) .fullsearch--submit {
  pointer-events: none;
}
body:not(.mt) .fullsearch--submit:hover {
  background-image: url(/assets/img/icon/search-hover.svg);
}
.fullsearch--result--part h3 {
  width: 100%;
  color: #1a1c22;
  font-size: 36px;
  margin: 80px 0 50px;
}
.fullsearch--result--part .cd ul {
  width: calc(100% + 30px);
  list-style: none;
  padding: 0;
  margin: -15px;
  display: flex;
  flex-wrap: wrap;
}
.fullsearch--result--part .cd ul li.ishidden {
  display: none;
}
.fullsearch--result--part .cd a.button--red-onwhite {
  margin-top: 30px;
  width: auto;
  padding: 13px 60px 14px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  background: #eb3648;
  color: #fff;
  border-radius: 0;
}
.fullsearch--result--part .cd a.button--red-onwhite:hover {
  background: #000;
}
.fullsearch--item--store {
  flex: 0 0 50%;
  padding: 15px;
  margin: 0;
}
.fullsearch--item--store a {
  text-decoration: none;
  text-align: left;
  position: relative;
  padding: 21px 20px 21px 140px;
  min-height: 90px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: center;
  width: 100%;
}
.fullsearch--item--store a .img {
  position: absolute;
  left: 27px;
  top: 3px;
  width: 83px;
  height: 83px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.fullsearch--item--blog a .img .img--item,
.fullsearch--item--events .bg,
.gallery--images > div a.gallery-item,
.homepage-cover__in {
  background-repeat: no-repeat;
  background-size: cover;
}
.fullsearch--item--store a .name {
  color: #979da5;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.fullsearch--item--store a .name span {
  color: #1a1c22;
}
.fullsearch--item--store a .date_sub {
  color: #979da5;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 3px;
  text-align: left;
}

.fullsearch--item--store a .pos {
  margin-top: 3px;
  color: #979da5;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}
.fullsearch--item--blog {
  flex: 0 0 100%;
  margin: 0;
  padding: 15px;
}
.fullsearch--item--blog a {
  position: relative;
  color: #1a1c22;
  text-decoration: none;
  transition: all 150ms linear;
  width: 100%;
  padding-left: 270px;
  height: auto;
  overflow: hidden;
  display: block;
}
.fullsearch--item--blog a .img {
  background-color: #f4f4f4;
  pointer-events: none;
  overflow: hidden;
  padding-top: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 240px;
  height: 100%;
}
.fullsearch--item--blog a .img .img--item {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  transition: transform 350ms ease-out;
  transform-origin: center center;
  background-position: center center;
}
.fullsearch--item--blog a .txt h4 {
  margin: 13px 0 0;
  color: #979da5;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
.fullsearch--item--blog a .txt .inf {
  width: 100%;
}
.fullsearch--item--blog a .txt .inf .inf--date,
.fullsearch--item--blog a .txt .inf .inf--hash {
  display: inline-block;
  color: #242834;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 15px;
}
.fullsearch--item--blog a .txt .inf .inf--date:before,
.fullsearch--item--blog a .txt .inf .inf--hash:before {
  font-size: 15px;
  margin-right: 10px;
  color: #979da5;
  position: relative;
  top: 2px;
}
.fullsearch--item--blog a .bt span,
.fullsearch--item--blog a .bt:after {
  color: #eb3648;
  display: inline-block;
  line-height: 20px;
  float: left;
  vertical-align: middle;
}


.fullsearch--item--blog a .atbottom {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  text-align: center;
}
.fullsearch--item--blog a .bt {
  pointer-events: none;
  position: relative;
  z-index: 2;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
}
.fullsearch--item--blog a .bt span {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
}

.fullsearch--item--blog a .txt {
  pointer-events: none;
  transition: all 150ms linear;
  margin: 20px 15px 60px 0;
  padding: 0;
  border-left: 0 none !important;
}
.fullsearch--item--blog a .txt .title h4 {
  font-size: 20px;
  line-height: 1.6em;
}
.fullsearch--item--blog a .atbottom {
  left: 270px;
  width: calc(100% - 270px);
  padding: 30px 0;
}
body:not(.mt) .fullsearch--item--blog a:hover {
  box-shadow: 0 20px 40px rgba(34, 35, 42, 0.1);
}
body:not(.mt) .fullsearch--item--blog a:hover .img .img--item {
  transform: scale(1.05);
}
body:not(.mt) .fullsearch--item--blog a:hover .txt {
  border-left: 1px solid transparent;
}
body:not(.mt) .fullsearch--item--blog a:hover .bt:after {
  transform: translateX(15px);
}
body:not(.mt) .fullsearch--item--store a:hover {
  box-shadow: 0 20px 40px rgba(34, 35, 42, 0.1);
  background-color: #fff;
}
.fullsearch--item--events {
  /*flex: 0 0 calc(50% - 30px);*/
  padding: 0;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.1);
  position: relative;
  transition: all 250ms linear;
  overflow: hidden;
  align-items: stretch;
  /*-webkit-box-shadow: 2px 2px 2px -2px #000000;
  box-shadow: 2px 2px 2px -2px #000000;*/
}

.fullsearch--item--events:hover {
  -webkit-box-shadow: 2px 2px 10px -2px #000000;
  box-shadow: 2px 2px 10px -2px #000000;
}

.fullsearch--item--events[data-delay] {
  transition: transform 450ms cubic-bezier(0, 0.02, 0, 1), opacity 0.3s linear;
}
.fullsearch--item--events.js__anim__item {
  opacity: 0;
  transform: translateX(150px);
  transition: none;
}
.fullsearch--item--events .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  opacity: 0;
  transition: all 0.4s ease-out;
  transform: scale(1.05);
}
.fullsearch--item--events .bg:before {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: " ";
  background-color: rgba(0, 0, 0, 0.4);
}
.fullsearch--item--events a {
  position: relative;
  z-index: 2;
  display: flex !important;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 100%;
  width: 100%;
  color: #000;
  text-decoration: none;
  padding: 10px;
  font-size:14px;
  overflow: hidden;
  justify-content: center;

}
.fullsearch--item--events a .date,
.fullsearch--item--events a h3 {
  width: 100%;
  color: #979da5;
  pointer-events: none;
  position: relative;
  z-index: 2;
}
.fullsearch--item--events a .date {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.fullsearch--item--events a h3 {
  height: auto;
  font-size: 28px;
  line-height: 32px;
  max-height: 64px;
  font-weight: 700;
  margin: 3px 0 19px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.fullsearch--item--events a .bt {
  pointer-events: none;
  position: relative;
  z-index: 2;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
}
.fullsearch--item--events a .bt span {
  display: inline-block;
  color: #eb3648;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  line-height: 20px;
  vertical-align: middle;
  float: left;
}

.fullsearch--item--text a h3,
.gallery--info {
}
body:not(.mt) .fullsearch--item--events:hover {
  /*background-color: rgba(26, 28, 34, 0.6);*/
}
body:not(.mt) .fullsearch--item--events:hover .bg {
  opacity: 1;
  transform: scale(1);
}
body:not(.mt) .fullsearch--item--events:hover a .bt span,
body:not(.mt) .fullsearch--item--events:hover a .date,
body:not(.mt) .fullsearch--item--events:hover a h3 {
  color: #fff;
}
body:not(.mt) .fullsearch--item--events:hover a .bt:after {
  color: #fff;
  transform: translateX(15px);
}
.fullsearch--item--text {
  width: 100%;
  padding: 0 15px;
  margin: 0;
}
.fullsearch--item--text a {
  padding: 15px 0;
  border-top: 1px solid rgba(36, 40, 51, 0.1);
  width: 100%;
  text-decoration: none;
  display: block;
}
.fullsearch--item--text a h3 {
  color: #979da5;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 10px;
}
.fullsearch--item--text a p {
  width: 100%;
  color: #979da5;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}
.fullsearch--item--text:first-child a {
  border: 0;
}
span.highlighted {
  color: #1a1c22 !important;
}
body:not(.mt) .fullsearch--item--text a:hover h3 {
  color: #eb3648;
}
@media only screen and (max-width: 767px) {
  .fullsearch--item--store {
    flex: 0 0 100%;
    width: 100%;
    padding: 0;
  }
  .fullsearch--result--part .cd ul {
    width: calc(100% + 60px);
    margin: 0 -30px;
  }
  .fullsearch--item--events {
    flex: calc(100% - 60px);

  }
  .fullsearch--item--text {
    padding: 0 30px;
  }
  .fullsearch--item--blog {
    padding: 15px 30px;
  }
  .fullsearch--item--blog a {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    box-shadow: 0 20px 40px rgba(34, 35, 42, 0.1);
    background-color: #fff;
  }
  .fullsearch--item--blog a .img {
    width: 100%;
    padding-top: 75.6%;
    background-color: #f4f4f4;
    overflow: hidden;
    position: relative;
  }
  .fullsearch--item--blog a .txt {
    margin: 30px 0 70px;
    border-left: 1px solid #ecedf2;
    padding: 0 30px;
    transition: all 150ms linear;
  }
  .fullsearch--item--blog a .atbottom {
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 30px;
    text-align: center;
  }
  .fullsearch--item--blog a .atbottom .bt span {
    width: auto !important;
    opacity: 1 !important;
    margin-right: 15px;
  }
}
.productssearch {
  flex:initial;
  display:inline-block;
}

.productssearch .price-new {
  display: block;
  width: 100%;
  font-weight: bold;
}
.productssearch .price-new .price-old {
  font-weight:normal;
  text-decoration: line-through;
}

.price-old {
  font-weight:normal;
  text-decoration: line-through;
}

.categorysearch a{
  padding:20px;
  text-align:left;
  display:flex;
  flex:0 0 100%;
}
.categorysearch a .txt {
  padding-bottom:0px;
  margin:0;
  flex:0 0 50%;
}

.likebtn {
  width: auto;
  padding: 10px 30px 10px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;

  background:#000;
  color: #fff;
  border-radius: 0;
}
.likebtn:hover {
  background: #eb3648;
}
.categorysearch a .link {
  justify-content: right;
  flex:0 0 50%;
  text-align: right;
}

.categorysearch a:hover .likebtn {
  background: #eb3648;
}

.categorysearch a .txt h4 {
  margin-top:0;
  line-height:40px;
}

.blogsearch {
  text-align:left;
}
.blogsearch .link {
  margin-top:20px;
}
.blogsearch a:hover .likebtn {
  background:#eb3648;
}

.contactbtn {
  width:100%;
}



@media only screen and (max-width: 767px) {
  .fullsearch--scroll {
    padding:100px 20px;
  }
  .fullsearch--in {
    max-width:100%;
    width:100%;
  }
  .categorysearch a .txt {
    flex: 0 0 100%;
    text-align: center;
  }
  .categorysearch a .link {
    flex: 0 0 100%;
    text-align: center;
    margin-top: 20px;
  }
  .fullsearch--result--part h3 {
    margin: 30px 0 0px;
  }
  .fullsearch--item--blog a .txt {
    padding:0;
  }
  .fullsearch--result--part .cd a.button--red-onwhite {
    max-width:100%;
    padding-left:15px;
    padding-right:15px;
    width:100%;
  }
  .fullsearch--in .btn {
    white-space: initial;
  }
  .mobline {
    display:block;
  }

}










.extra__info-btn span {
    display:none;
}


@media (max-width: 1199px) {
  .container {
    max-width:100%;
  }
  .appointment__form-wrapper {
      padding:15px 30px;
  }
  .services__content {
    bottom:0;
  }
}
@media (max-width: 991px) {
  .header__right-bottom {
    justify-content: flex-end;
  }
  .header__right .mt-04 {
    margin-top:15px;
    padding-left:15px;
  }
  
  .extra__info-btn {
    width: auto;
    padding: 0 20px;
  }
  .extra__info-btn span {
       display:inline-block;
       margin-left:15px;  
  }
  
}

.slider__height {
  height:auto;
  padding-top:150px;
  padding-bottom:150px;
}

@media (max-width: 676px) {
  .header__right-top {
    display:none !important;
  }
  .header__area .w100m {
    width:100%;
    max-width:100%;
    flex:0 100%;
    text-align:center;

  }
  .header__right-bottom {
    margin-top:0;
  }
  .w100mblock {

  }
  .slider__height {
    padding-top:250px;
  }
}

.beforeafterdefault {
  max-width:100%;
}

.single-slider .container {

}

.are-images-unloaded {
  opacity: 0;
}

.page-load-status {
  display: none; /* hidden by default */
  padding-top: 20px;
  border-top: 1px solid #DDD;
  text-align: center;
  color: #777;
}

.page__title.subsmall {
  height:auto;
}

.page__title.subsmall .page__title-inner {
  padding-top:50px;
  padding-bottom:50px;
}
@media (max-width: 676px) {
  .page__title.subsmall .page__title-inner {
    padding-left:15px;
    padding-top: 80px;
    padding-bottom: 25px;
  }
}




.youtubevideo {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}
.youtubevideo {
  width: 100%;
  float: left;
  position: relative;
  padding-top: 56.25%;
  background-color: #000;
  margin: 30px 0;
}
.youtubevideo iframe {
  margin: 0;
}
.youtubevideo__cd {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.youtubevideo__overlay {
  background-color: rgba(5, 6, 8, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: opacity 0.3s linear;
}
.youtubevideo__overlay.opened {
  pointer-events: none;
  opacity: 0;
}
.youtubevideo__overlay .youtubevideo__play {
  text-decoration: none !important;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -40px;
  margin-left: 0;
  width: 100%;
  padding: 0 20px;
  height: 162px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2px;
}
.youtubevideo__overlay .youtubevideo__play span {
  color: #fff;
}
.youtubevideo__overlay .youtubevideo__play:before {
  font-size: 18px;
  color: #931430;
  font-family: "Font Awesome 5 Pro";
  speak: none !important;
  content: "\f04b";
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
  vertical-align: middle;
  transition: all 150ms linear;
  z-index: 2;
  position: relative;
  margin: 0 auto 22px;
  background: linear-gradient(to left, #F25743, #EB3648, #F25743);
  padding-left: 5px;
}
body:not(.mt) .youtubevideo__overlay a.youtubevideo__play:hover:after,
body:not(.mt) .youtubevideo__overlay a.youtubevideo__play:hover:before {
  color: #fff;
  background-color: #931430;
}
@media only screen and (max-width: 767px) {
  .youtubevideo__overlay .youtubevideo__play {
    margin-top: -50px;
    height: 120px;
  }
  .youtubevideo__overlay .youtubevideo__play:after,
  .youtubevideo__overlay .youtubevideo__play:before {
    width: 60px;
    height: 60px;
    line-height: 60px;
    float: none;
    display: inline-block;
  }
  .youtubevideo__overlay .youtubevideo__play:before {
    left: 3px;
  }
  .youtubevideo__overlay .youtubevideo__play:after {
    left: 30px;
  }
  .youtubevideo__overlay .youtubevideo__play span {
    width: 100%;
    display: block;
    float: left;
  }
  .hidden-767 {
    display:none !important;
  }
  .shop__area.pt-100 {
    padding-top:30px;
  }
}

.mh350 {
  max-height:350px;
  overflow: hidden;
}

.usedfilter .r-btn{
  padding-left:15px;
  padding-right:50px;
  line-height:40px;
  height:40px;
  margin-bottom:15px;
}

.usedfilter .r-btn span{
  position: absolute;
  width: 30px;
  right: 10px;
  color: #fff;
}

.usedfilter .r-btn svg {
  fill:#fff;
}



.custom-select {
  position: relative;
}
.custom-select__option {
  overflow: hidden;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
  cursor: pointer;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-select__option-wrap {
  position: relative;
}
.custom-select__input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0;
  border-width: 1px 0;
  border-style: solid;
  border-radius: 0;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-select__dropdown {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  border:1px solid #ced4da;
  top: calc(100% + 1px);
  left: 0;
  z-index: 1;
  background-color:#fff;
}
.custom-select--dropup .custom-select__dropdown {
  top: auto;
  bottom: 100%;
}

.custom-select__dropdown .custom-select__option {
  padding:5px 10px;
}

.custom-select__dropdown .custom-select__option:hover {
  background-color:#000;
  color:#fff;
}

.mw90 {
  max-width:90px;
}

.r-btn.small {
  line-height: 40px;
  height: 40px;
  padding: 0 20px;
}


.messageBox {
  max-width: 900px;
  background: #f1f1f1;
  border: none;
  border-radius: 0px;
  margin: 0 auto;
  padding: 40px 80px;
  display: none;
  text-align: center;
}
.messageBox .messageBox-body img {
  display: inline-block;
  margin-bottom: 20px;
}
.messageBox .messageBox-body p {
  font-size: 18px;
  line-height: 30px;
}

.contact_location i{
    vertical-align: top;
    margin-top:5px;
}
.contact_location span {
     display:inline-block;
}

.contact__info-content a
{
    color:#f15144;
}

form input.error {
  border:1px solid #f15144;
}

.formresultmsg {
  display:none;
  text-align: center;
}
/*
#scroll .fa-level-up-alt:before {
  top: 10px;
  position: absolute;
  left: 15px;
}
*/
.mw225 {
  max-width:225px;
}

.product__modal-content-2 .r-btn.small {
    margin-bottom:10px;
}

.imagedetailname {
    position:absolute;
    left:0;
    top:0;
    background:none;
    background-color:#000;
}

.prquest i {
    color: #fff;
    padding: 10px 12px;
    background-color:  #f15144;
    border-radius: 100%;
    margin-right: 10px;
}





/*# sourceMappingURL=style.css.map */

.client__slider-active .owl-stage-outer {
   max-width:calc(100% - 243px);
   margin:0 auto;
}

@media (max-width: 575px) {
  .client__slider-active .owl-nav {
  
  }
}
.client__slider-active .owl-nav div {
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: flex;
}
.client__slider-active .owl-nav div.owl-next {
  left: auto;
  right: 30px;
}
.client__slider-active .owl-nav div button {
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border:1px solid #ED3F47;
}
.client__slider-active .owl-nav div button:hover {
  background-color: #f15144;
  color: #ffffff;
}


.client__slider-active .owl-dots {
  position: absolute;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}
@media (max-width: 575px) {
  .client__slider-active .owl-dots {
    bottom: -78px;
  }
}
.client__slider-active .owl-dots .owl-dot {
  display: none;
  width: 30px;
  height: 6px;
  margin: 0 5px;
  background: #d6d6d6;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.client__slider-active .owl-dots .owl-dot.active {
  background: #f15144;
}

@media (max-width: 1199px) {
.client__slider-active .owl-stage-outer {
    max-width: calc(100% - 283px);
    margin: 0 auto;
}
}  

@media (max-width: 991px) {
.client__slider-active .owl-stage-outer {
    max-width: calc(100% - 254px);
    margin: 0 auto;
}
}

@media (max-width: 766px) {
   .client__slider-active .owl-stage-outer {
       max-width:100%; 
    } 
    .client__slider-active .owl-dots .owl-dot {
   
        bottom:26px;
    }
    .client__slider-active .owl-nav {
    
    }
    .client__slider-active .owl-nav div.owl-prev {
        left:0
    }
    .client__slider-active .owl-nav div.owl-next {
        right:0
    }
}

.categories .card-header a {
    padding:15px !important;
    border:1px solid red;
    background-color: #f15144 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #fff;
}
.categories .card-header a:after {
    right:15px !important;
    color: #fff !important;
} 
.sidebar__widget-content .categories .card {
    margin-bottom:0;
}
.sidebar__widget-content .categories .shop-accordion-btn::after {
    right:15px;
}

.product__modal-nav {
    overflow:hidden;
    width:200px;
   
}
.product__modal-nav {
   position:relative;
}
.product__modal-nav  a.btn {
    position:absolute;
    height: fit-content;
    bottom:0;
    width:100%;
    text-align:center;
    background-color:#f15144;
    color:#fff;
    display:block;
    padding:5px;
    border-radius: 0;
    font-size: 20px;
    opacity: 0.5;
}

.product__modal-nav nav {
    transform:translateY(-1px);
    transition: transform 0.5s ease;
}

.product__modal-nav  a.btn.up {
   top:0;
}

.product__modal-nav  a.btn:hover {
    opacity:1;
}