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


-----------------------------------------------------------------------------------*/
/* ----------------------------------
        
    01. Common styles
    02. Section heading
    03. Topbar
    04. Navigation
    05. Page title
    06. Banner styles
    07. Slider styles
    08. Feature boxes
    09. Service blocks
    10. Client section
    11. Counter box
    12. Video
    13. About area
    14. Testmonials
    15. Owl carousel
    16. Team member
    17. Project grid
    18. Accordion style
    19. Portfolio masonry
    20. Tabs
    21. Pricing table
    22. Others
    23. Shop
    24. Blog
    25. Contact info
    26. Footer
    27. Copy Elements
    
---------------------------------- */
/* ===================================
    Common styles
====================================== */
/* loader */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff;
  display: table;
  text-align: center;
}

.loader {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 200px;
  height: 200px;
}

.loader-icon {
  width: 80px;
  height: 80px;
  border: 5px solid #000000;
  border-right-color: #eee;
  border-radius: 50%;
  position: relative;
  -webkit-animation: loader-rotate 1s linear infinite;
          animation: loader-rotate 1s linear infinite;
  margin: 0 auto;
}

@-webkit-keyframes loader-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loader-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* theme color and basic options */
a:hover, a:active {
  color: #000000;
  text-decoration: none;
}

.bg-theme {
  background-color: #000000;
}

.bg-light-sky {
  background-color: #e7efff;
}

.bg-theme-90 {
  background: rgba(0, 0, 0, 0.9);
}

.bg-theme-80 {
  background: rgba(0, 0, 0, 0.8);
}

.theme-overlay[data-overlay-dark]:before {
  background: #000000;
}

.text-theme-color {
  color: #000000;
}

.text-content-big p {
  font-weight: 400;
  line-height: 200%;
  margin-bottom: 25px;
  font-size: 15px;
}

.shadow-primary {
  -ms-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.red {
  color: red;
}

.line-through {
  text-decoration: line-through;
}

.color-h-one {
  color: #0779e4;
}

.color-h-two {
  color: #ff7e67;
}

.color-h-three {
  color: #95389e;
}

.color-h-four {
  color: #00bdaa;
}

.min-height-60vh {
  min-height: 60vh;
}

.bd-example {
  position: relative;
  padding: 1.5rem;
  margin-right: 0;
  margin-left: 0;
  border-width: 0.2rem;
}

.bd-example > .btn,
.bd-example > .butn,
.bd-example > .btn-style2,
.bd-example > .btn-style3,
.bd-example > .btn-group {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

input:focus,
textarea:focus,
select:focus {
  border: 1px solid #000000;
}

.bg-container {
  background: url(../img/bg/bg-pattern.png) no-repeat;
  position: absolute;
  left: 8%;
  top: 6%;
  width: 100%;
  background-size: auto auto;
  height: 100%;
}

.readmore {
  font-weight: 700;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.readmore:after {
  content: "\f105";
  font-size: 16px;
  vertical-align: top;
  font-family: Font awesome\5 Free;
  padding-left: 8px;
  vertical-align: middle;
}

.readmore:hover {
  color: #000000;
}

.left-title {
  position: relative;
}

.left-title:before {
  content: "";
  background: #000000;
  width: 15px;
  height: 2px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 10px;
}

.left-title.white:before {
  background: #fff;
}

.clearfix {
  clear: both;
}

.md-avatar {
  width: 3.75rem;
  height: 3.75rem;
}

.height-200 {
  height: 200px;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #000000;
  background-color: #000000;
}

@media screen and (min-width: 992px) {
  .vw-lg-50 {
    width: 50vw;
  }
}

@media screen and (min-width: 1200px) {
  .container.lg {
    max-width: 1170px;
    width: 100%;
  }
}

/* title, container and block */
.line-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  margin-bottom: 35px;
  padding-bottom: 15px;
}

.line-title h1,
.line-title h2,
.line-title h3,
.line-title h4,
.line-title h5,
.line-title h6 {
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 0;
}

.line-title h3,
.line-title h4 {
  font-size: 26px;
  font-weight: 600;
}

.common-block {
  padding: 35px;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 4px;
}

@media screen and (max-width: 991px) {
  .line-title {
    margin-bottom: 30px;
  }
  .line-title h3,
  .line-title h4 {
    font-size: 24px;
  }
  .common-block {
    padding: 30px;
  }
}

@media screen and (max-width: 575px) {
  .line-title h3,
  .line-title h4 {
    font-size: 22px;
  }
  .common-block {
    padding: 25px;
  }
}

@media screen and (max-width: 1599px) {
  .bg-container {
    left: 5%;
  }
}

@media screen and (max-width: 1399px) {
  .bg-container {
    left: 0;
  }
}

@media screen and (max-width: 1199px) {
  .bg-container {
    left: 0;
    top: 0;
  }
}

@media screen and (max-width: 991px) {
  .sm-center-col {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .bg-container {
    background-repeat: repeat;
  }
}

@media screen and (max-width: 767px) {
  .xs-center-col {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .xs-no-padding-left {
    border-left: none !important;
  }
  /* spacing between columns*/
  .xs-default-gutter {
    margin: 0 -15px;
  }
  .xs-default-gutter > [class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 0;
    padding-top: 0;
  }
}

@media screen and (max-width: 575px) {
  .mobile-margin-15px-bottom {
    margin-bottom: 15px !important;
  }
  .mobile-margin-20px-bottom {
    margin-bottom: 20px !important;
  }
  .mobile-margin-25px-bottom {
    margin-bottom: 25px !important;
  }
  .mobile-margin-30px-bottom {
    margin-bottom: 30px !important;
  }
  .mobile-margin-35px-bottom {
    margin-bottom: 35px !important;
  }
  .mobile-padding-15px-bottom {
    padding-bottom: 15px !important;
  }
  .mobile-padding-20px-bottom {
    padding-bottom: 20px !important;
  }
  .mobile-padding-25px-bottom {
    padding-bottom: 25px !important;
  }
  .mobile-padding-35px-bottom {
    padding-bottom: 35px !important;
  }
  .bg-container {
    top: 0;
  }
}

.background-position-left-top {
  background-position: left top;
}

.background-no-repeat {
  background-repeat: no-repeat !important;
}

/* spacing between columns*/
.half-gutter {
  margin: 0 -8px;
}

.half-gutter > [class*="col-"] {
  padding: 7px;
}

/* primary listing */
.primary-list {
  padding-left: 0;
}

.primary-list li {
  font-size: 14px;
  font-weight: 500;
  margin-top: 15px;
  list-style-type: none;
  color: #222;
}

.primary-list li i {
  color: #000000;
  padding-right: 10px;
}

/* list style1 */
.list-style1 {
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
}

.list-style1 li {
  position: relative;
  padding: 0 0 14px 40px;
  margin: 0 0 14px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.list-style1 li span {
  position: absolute;
  top: 3px;
  right: 0;
}

.list-style1 li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.list-style1 li:before {
  content: "";
}

.list-style1 li i {
  color: #000000;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.1);
  margin-right: 12px;
  border-radius: 30px;
  padding: 6px;
  position: absolute;
  left: 0;
  top: 2px;
  line-height: 12px;
}

/* list style2 */
.list-style2 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-style2 li {
  margin-bottom: 25px;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
          box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
  background: #fff;
  padding: 20px 25px;
}

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

.list-style2 li span {
  display: inline-block;
  max-width: 50px;
  width: 100%;
  vertical-align: top;
  font-size: 42px;
  line-height: 40px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.1);
  text-align: right;
}

.list-style2 li p {
  display: inline-block;
  margin-bottom: 0;
  max-width: 350px;
  width: 100%;
  vertical-align: top;
  padding-left: 25px;
}

.list-style-14 li:before,
.list-style-16 li:after {
  color: #000000;
}

@media screen and (max-width: 1199px) {
  .list-style2 li {
    margin-bottom: 20px;
    padding: 20px 10px;
  }
  .list-style2 li p {
    max-width: 325px;
  }
  .list-style2 li span {
    font-size: 40px;
  }
}

@media screen and (max-width: 575px) {
  .list-style2 li p {
    max-width: 220px;
    padding-left: 20px;
  }
}

/* button style */
.butn {
  background: #282b2d;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 0.75rem 1.75rem;
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: none !important;
  position: relative;
  z-index: 9999;
  display: inline-block;
  white-space: nowrap;
  border: none;
  cursor: pointer;
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
}

.butn span {
  z-index: 9;
  position: relative;
}

.butn:hover {
  color: #fff;
  border-radius: 3px;
}

.butn:after {
  content: "";
  position: absolute;
  border-radius: 4px;
  bottom: 6px;
  left: 0;
  height: 2px;
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
  width: 0;
  background: #000000;
  height: 100%;
  top: 0;
  z-index: 1;
}

.butn:hover:after {
  width: 100%;
  border-radius: 3px;
}

.butn.white {
  background: #fff;
  color: #282b2d;
}

.butn.white:hover {
  color: #fff;
  border-radius: 3px;
}

.butn.white:after {
  background: #282b2d;
  border-radius: 3px;
}

.butn.white-hover:hover {
  color: #282b2d;
}

.butn.white-hover:hover span {
  color: #282b2d;
}

.butn.white-hover:after {
  background: #fff;
  border-radius: 3px;
}

.butn.light {
  background: rgba(0, 0, 0, 0.1);
  color: #000000;
}

.butn.light:hover {
  color: #fff;
  background: #000000;
  border-radius: 3px;
}

.butn.light:after {
  background: #000000;
  border-radius: 3px;
}

.butn.theme {
  background: #000000;
  color: #fff;
}

.butn.theme span {
  color: #fff;
}

.butn.theme:hover {
  color: #fff;
  border-radius: 3px;
}

.butn.theme:after {
  background: #282b2d;
  border-radius: 2px;
}

.butn.theme.white-hover:hover {
  color: #282b2d;
}

.butn.theme.white-hover:hover span {
  color: #282b2d;
}

.butn.theme.white-hover:after {
  background: #fff;
  border-radius: 3px;
}

.butn.white.theme-hover:hover {
  color: #fff;
}

.butn.white.theme-hover:hover span {
  color: #fff;
}

.butn.white.theme-hover:after {
  background: #000000;
  border-radius: 3px;
}

.butn.md-lg {
  padding: 16px 30px;
}

.butn.sm-lg {
  padding: 14px 28px;
}

.butn.wide {
  letter-spacing: 5px;
}

.butn.md-wide {
  letter-spacing: 4px;
}

.butn.sm-wide {
  letter-spacing: 3px;
}

.butn.xs-wide {
  letter-spacing: 2px;
}

.butn.small {
  padding: 8px 20px;
}

.butn.medium {
  padding: 10px 20px;
}

/* button style2*/
.btn-style2 {
  background: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 12px 20px;
  border: 2px solid #222;
  color: #232323;
  letter-spacing: 0.5px;
  line-height: 26px;
  border-radius: 0;
  text-transform: uppercase;
  width: auto;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.btn-style2.medium {
  padding: 10px 20px;
}

.btn-style2.small {
  padding: 8px 20px;
}

.btn-style2:hover, .btn-style2:active, .btn-style2:focus {
  background: #000000;
  color: #fff;
  border-color: #000000;
}

.btn-style2.theme {
  background: #000000;
  border-color: #000000;
  color: #fff;
}

.btn-style2.theme:hover, .btn-style2.theme:active, .btn-style2.theme:focus {
  background: #232323;
  color: #fff;
  border-color: #232323;
}

/* button style3*/
.btn-style3 {
  display: inline-block;
  font-size: 14px;
  padding: 14px 20px;
  border: 2px solid #000000;
  color: #fff;
  letter-spacing: 0.5px;
  line-height: 26px;
  border-radius: 0;
  text-transform: uppercase;
  width: auto;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  background: #000000;
  border-radius: 30px;
  min-width: 180px;
}

.btn-style3.medium {
  padding: 10px 20px;
}

.btn-style3.small {
  padding: 8px 20px;
}

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

@media screen and (max-width: 991px) {
  .butn.small {
    padding: 7px 16px;
  }
  .butn.medium {
    padding: 8px 18px;
  }
}

@media screen and (max-width: 767px) {
  .butn.small {
    padding: 6px 14px;
  }
  .butn.medium {
    padding: 6px 16px;
  }
}

/* ===================================
    Section heading
====================================== */
.section-heading {
  margin-bottom: 50px;
  text-align: center;
}

.section-heading.half {
  margin-bottom: 30px;
}

.section-heading h1,
.section-heading h2,
.section-heading h3,
.section-heading h4,
.section-heading h5,
.section-heading h6 {
  position: relative;
  padding-bottom: 10px;
  font-weight: 700;
  margin-bottom: 10px;
  position: relative;
  line-height: 140%;
}

.section-heading h1:after,
.section-heading h2:after,
.section-heading h3:after,
.section-heading h4:after,
.section-heading h5:after,
.section-heading h6:after {
  content: "";
  display: block;
  width: 100px;
  height: 2px;
  background: #000000;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.section-heading.white h1,
.section-heading.white h2,
.section-heading.white h3,
.section-heading.white h4,
.section-heading.white h5,
.section-heading.white h6,
.section-heading.white p,
.section-heading.white span {
  color: #fff;
}

.section-heading.grey h1,
.section-heading.grey h2,
.section-heading.grey h3,
.section-heading.grey h4,
.section-heading.grey h5,
.section-heading.grey h6 {
  color: #b7b7b7;
}

.section-heading.grey h1:after,
.section-heading.grey h2:after,
.section-heading.grey h3:after,
.section-heading.grey h4:after,
.section-heading.grey h5:after,
.section-heading.grey h6:after {
  background: #b7b7b7;
}

.section-heading.grey span {
  color: #b7b7b7;
}

.section-heading.left {
  text-align: left;
}

.section-heading.left h1,
.section-heading.left h2,
.section-heading.left h3,
.section-heading.left h4,
.section-heading.left h5,
.section-heading.left h6 {
  padding-bottom: 15px;
}

.section-heading.left h1:after,
.section-heading.left h2:after,
.section-heading.left h3:after,
.section-heading.left h4:after,
.section-heading.left h5:after,
.section-heading.left h6:after {
  margin: 0;
  left: 0;
}

.section-heading strong {
  font-weight: 600;
}

.section-heading p {
  font-size: 15px;
  font-weight: 400;
  padding-top: 15px;
  margin: 0 auto;
}

.section-heading span {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  line-height: 200%;
  margin-bottom: 10px;
}

.section-heading .badge {
  display: inline-block;
  padding: 7px 19px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 14px;
  color: #000000;
  border: 1px solid #000000;
  background: transparent;
  text-transform: uppercase;
  letter-spacing: 0.075em;
}

@media screen and (max-width: 991px) {
  .section-heading {
    margin-bottom: 30px;
  }
  .section-heading p {
    padding-top: 10px;
    font-size: 14px;
  }
  .section-heading.half {
    margin-bottom: 20px;
  }
}

/* title style2 */
.title-style2 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 0;
  text-transform: uppercase;
}

.title-style2:after {
  content: "";
  width: 60px;
  height: 2px;
  background: #000000;
  position: absolute;
  bottom: 0;
  left: calc(50% - 30px);
}

.title-style2:before {
  content: "";
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 250px;
}

h1.title-style2.white,
h2.title-style2.white,
h3.title-style2.white,
h4.title-style2.white,
h5.title-style2.white,
h6.title-style2.white {
  color: #fff;
}

.section-heading.left .title-style2 {
  left: 0;
  margin: 0;
}

.section-heading.left .title-style2:before {
  width: 125px;
  left: 0;
  margin: 0;
}

.section-heading.left .title-style2:after {
  width: 50px;
  left: 37px;
}

.section-heading .title-style2.white:after {
  background: #000000;
}

.section-heading .title-style2.white:before {
  background: rgba(255, 255, 255, 0.8);
}

/* title style3 */
.section-heading.title-style3 {
  text-align: left;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.section-heading.title-style3 h1,
.section-heading.title-style3 h2,
.section-heading.title-style3 h3,
.section-heading.title-style3 h4,
.section-heading.title-style3 h5,
.section-heading.title-style3 h6 {
  padding: 0;
  margin: 0;
}

.section-heading.title-style3 h1:after,
.section-heading.title-style3 h2:after,
.section-heading.title-style3 h3:after,
.section-heading.title-style3 h4:after,
.section-heading.title-style3 h5:after,
.section-heading.title-style3 h6:after {
  content: none;
}

/* title style4 */
.section-heading.title-style4 h1,
.section-heading.title-style4 h2,
.section-heading.title-style4 h3,
.section-heading.title-style4 h4,
.section-heading.title-style4 h5,
.section-heading.title-style4 h6 {
  text-transform: uppercase;
  font-weight: 700;
  padding: 0;
  margin: 0;
}

.section-heading.title-style4 p {
  padding-top: 0;
}

.section-heading.title-style4 span {
  color: #000000;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
}

.section-heading.title-style4 h1:after,
.section-heading.title-style4 h2:after,
.section-heading.title-style4 h3:after,
.section-heading.title-style4 h4:after,
.section-heading.title-style4 h5:after,
.section-heading.title-style4 h6:after {
  content: none;
}

@media screen and (max-width: 1199px) {
  .section-heading.title-style4 span {
    font-size: 30px;
  }
}

@media screen and (max-width: 991px) {
  .section-heading.title-style4 span {
    font-size: 28px;
  }
}

@media screen and (max-width: 767px) {
  .section-heading.title-style4 span {
    font-size: 28px;
  }
}

/* title style5 */
.section-heading.title-style5 h1,
.section-heading.title-style5 h2,
.section-heading.title-style5 h3,
.section-heading.title-style5 h4,
.section-heading.title-style5 h5,
.section-heading.title-style5 h6 {
  padding: 0;
  margin: 0;
}

.section-heading.title-style5.white h1,
.section-heading.title-style5.white h2,
.section-heading.title-style5.white h3,
.section-heading.title-style5.white h4,
.section-heading.title-style5.white h5,
.section-heading.title-style5.white h6 {
  color: #fff;
}

.section-heading.title-style5 h1:after,
.section-heading.title-style5 h2:after,
.section-heading.title-style5 h3:after,
.section-heading.title-style5 h4:after,
.section-heading.title-style5 h5:after,
.section-heading.title-style5 h6:after {
  content: none;
}

.section-heading.title-style5 .separator-left,
.section-heading.title-style5 .separator-right {
  height: 1px;
  position: absolute;
  top: 50%;
  width: 70px;
  margin-top: -1px;
  margin-bottom: 0;
}

.section-heading.title-style5 .separator-left {
  left: -80px;
}

.section-heading.title-style5 .separator-right {
  right: -80px;
}

.section-heading.title-style5 .square {
  width: 10px;
  height: 10px;
  background-color: #000000;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  display: inline-block;
  vertical-align: baseline;
  position: relative;
}

.section-heading.title-style5.left .square .separator-left {
  display: none;
}

.section-heading.title-style5 span {
  text-transform: capitalize;
  color: #000000;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
}

/* title style6 */
.section-heading.title-style6 h1,
.section-heading.title-style6 h2,
.section-heading.title-style6 h3,
.section-heading.title-style6 h4,
.section-heading.title-style6 h5,
.section-heading.title-style6 h6 {
  position: relative;
  padding-bottom: 10px;
  font-weight: 500;
  margin-bottom: 10px;
  position: relative;
  line-height: 140%;
  text-transform: inherit;
}

.section-heading.title-style6 h1:after,
.section-heading.title-style6 h2:after,
.section-heading.title-style6 h3:after,
.section-heading.title-style6 h4:after,
.section-heading.title-style6 h5:after,
.section-heading.title-style6 h6:after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background: #000000;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.section-heading.title-style6 span {
  color: #282b2d;
  font-weight: 600;
  font-size: 32px;
  line-height: normal;
}

.section-heading.title-style6.white span {
  color: #fff;
}

.section-heading.title-style6.left {
  text-align: left;
}

.section-heading.title-style6.left h1:after,
.section-heading.title-style6.left h2:after,
.section-heading.title-style6.left h3:after,
.section-heading.title-style6.left h4:after,
.section-heading.title-style6.left h5:after,
.section-heading.title-style6.left h6:after {
  margin: 0;
}

@media screen and (max-width: 1199px) {
  .section-heading.title-style6 span {
    font-size: 30px;
  }
}

@media screen and (max-width: 991px) {
  .section-heading.title-style6 span {
    font-size: 28px;
  }
}

@media screen and (max-width: 767px) {
  .section-heading.title-style6 span {
    font-size: 26px;
  }
}

/* title style7 */
.section-heading.title-style7 {
  text-align: center;
  position: relative;
  margin-bottom: 70px;
}

.section-heading.title-style7 h1,
.section-heading.title-style7 h2,
.section-heading.title-style7 h3,
.section-heading.title-style7 h4,
.section-heading.title-style7 h5,
.section-heading.title-style7 h6 {
  padding-bottom: 0;
}

.section-heading.title-style7 h1:after,
.section-heading.title-style7 h2:after,
.section-heading.title-style7 h3:after,
.section-heading.title-style7 h4:after,
.section-heading.title-style7 h5:after,
.section-heading.title-style7 h6:after {
  content: none;
}

.section-heading.title-style7 span {
  padding-bottom: 10px;
  letter-spacing: 2px;
  font-weight: 600;
}

.section-heading.title-style7 span:before {
  content: "";
  display: block;
  width: 75px;
  height: 1px;
  background: #000000;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.section-heading.title-style7 span:after {
  position: absolute;
  content: "";
  background: #000000;
  width: 75px;
  height: 1px;
  bottom: -2px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media screen and (max-width: 991px) {
  .section-heading.title-style7 {
    margin-bottom: 50px;
  }
}

/* title style8 */
.section-heading.title-style8 {
  text-align: center;
}

.section-heading.title-style8 h1,
.section-heading.title-style8 h2,
.section-heading.title-style8 h3,
.section-heading.title-style8 h4,
.section-heading.title-style8 h5,
.section-heading.title-style8 h6 {
  position: relative;
  font-weight: 700;
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 5px;
  line-height: 140%;
  text-transform: capitalize;
}

.section-heading.title-style8 h1:before,
.section-heading.title-style8 h2:before,
.section-heading.title-style8 h3:before,
.section-heading.title-style8 h4:before,
.section-heading.title-style8 h5:before,
.section-heading.title-style8 h6:before {
  position: absolute;
  content: "";
  background: #000000;
  width: 75px;
  height: 1px;
  bottom: -8px;
  left: 49%;
  margin-left: -45px;
}

.section-heading.title-style8 h1:after,
.section-heading.title-style8 h2:after,
.section-heading.title-style8 h3:after,
.section-heading.title-style8 h4:after,
.section-heading.title-style8 h5:after,
.section-heading.title-style8 h6:after {
  position: absolute;
  content: "";
  background: #000000;
  width: 75px;
  height: 1px;
  bottom: -12px;
  left: 50%;
  margin-left: -30px;
}

.section-heading.title-style8 p {
  font-size: 15px;
  font-weight: 400;
  padding-top: 10px;
  margin: 0 auto;
}

.section-heading.title-style8 .inner-title {
  font-size: 32px;
  display: block;
  line-height: normal;
  margin-bottom: 5px;
}

@media screen and (max-width: 991px) {
  .section-heading.title-style8 p {
    padding-top: 5px;
  }
  .section-heading.title-style8 .inner-title {
    font-size: 28px;
  }
}

@media screen and (max-width: 767px) {
  .section-heading.title-style8 .inner-title {
    font-size: 26px;
  }
}

@media screen and (max-width: 575px) {
  .section-heading.title-style8 .inner-title {
    font-size: 24px;
  }
}

/* title style9 */
.section-heading.title-style9 {
  text-align: center;
  position: relative;
}

.section-heading.title-style9 h1,
.section-heading.title-style9 h2,
.section-heading.title-style9 h3,
.section-heading.title-style9 h4,
.section-heading.title-style9 h5,
.section-heading.title-style9 h6 {
  font-size: 36px;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
  line-height: 140%;
  font-weight: 500;
}

.section-heading.title-style9.white h1 {
  color: #fff;
}

.section-heading.white h2,
.section-heading.white h3,
.section-heading.white h4,
.section-heading.white h5,
.section-heading.white h6 {
  color: #fff;
}

.section-heading.title-style9.white p {
  color: #fff;
}

.section-heading.title-style9.white .badge {
  background: rgba(255, 255, 255, 0.2);
}

.section-heading.title-style9 h1:after,
.section-heading.title-style9 h2:after,
.section-heading.title-style9 h3:after,
.section-heading.title-style9 h4:after,
.section-heading.title-style9 h5:after,
.section-heading.title-style9 h6:after {
  content: none;
}

.section-heading.title-style9 p {
  font-size: 16px;
  font-weight: 500;
  padding-top: 0;
  margin: 0 auto;
}

.section-heading.title-style9 .badge {
  color: #000000;
  background: rgba(0, 0, 0, 0.15);
  border: none;
  padding: 5px 20px;
  border-radius: 30px;
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 5px;
  line-height: normal;
  text-transform: capitalize;
}

@media screen and (max-width: 991px) {
  .section-heading.title-style9 h1,
  .section-heading.title-style9 h2,
  .section-heading.title-style9 h3,
  .section-heading.title-style9 h4,
  .section-heading.title-style9 h5,
  .section-heading.title-style9 h6 {
    font-size: 32px;
  }
}

@media screen and (max-width: 767px) {
  .section-heading.title-style9 h1,
  .section-heading.title-style9 h2,
  .section-heading.title-style9 h3,
  .section-heading.title-style9 h4,
  .section-heading.title-style9 h5,
  .section-heading.title-style9 h6 {
    font-size: 28px;
  }
}

/* inner title */
.inner-title h1,
.inner-title h2,
.inner-title h3,
.inner-title h4,
.inner-title h5,
.inner-title h6 {
  font-size: 18px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 600;
}

.inner-title h1:after,
.inner-title h2:after,
.inner-title h3:after,
.inner-title h4:after,
.inner-title h5:after,
.inner-title h6:after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background: #000000;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.inner-title.half h1,
.inner-title.half h2,
.inner-title.half h3,
.inner-title.half h4,
.inner-title.half h5,
.inner-title.half h6 {
  margin-bottom: 15px;
}

/* section heading */
.title-style11 {
  text-align: center;
  width: 50%;
  margin: 0 auto 75px auto;
}

.title-style11 h2 {
  margin-bottom: 0;
  font-weight: 600;
}

.title-style11 span {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 8px;
  display: block;
  color: #000000;
}

@media screen and (max-width: 991px) {
  .title-style11 {
    width: 70%;
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  .title-style11 {
    width: 100%;
    margin-bottom: 50px;
  }
}

/* section heading */
.title-style12 {
  text-align: center;
  margin-bottom: 60px;
}

.title-style12 h2 {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 48px;
}

.title-style12 p {
  width: 55%;
  margin: 0 auto;
}

@media screen and (max-width: 1199px) {
  .title-style12 {
    margin-bottom: 50px;
  }
  .title-style12 h2 {
    font-size: 42px;
  }
}

@media screen and (max-width: 991px) {
  .title-style12 p {
    width: 85%;
  }
}

@media screen and (max-width: 767px) {
  .title-style12 {
    margin-bottom: 35px;
  }
  .title-style12 h2 {
    font-size: 36px;
  }
  .title-style12 p {
    width: 90%;
  }
}

/* ===================================
    Topbar
====================================== */
/* topbar */
.top-bar-info {
  display: inline-block;
  vertical-align: middle;
}

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

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

#top-bar {
  display: block;
  position: relative;
  z-index: 999;
  background: #1c1c1c;
  padding: 7px 0;
}

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

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

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

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

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

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

.top-social-icon li a:hover {
  color: #000000;
}

#top-bar.top-bar-style2 {
  background: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.top-bar-style2 .top-bar-info li {
  color: #6f6f6f;
}

.top-bar-style2 .top-bar-info li i {
  color: #6f6f6f;
}

.top-bar-style2 .top-social-icon li a {
  color: #6f6f6f;
}

.top-bar-style2 .top-social-icon li a:hover {
  color: #282b2d;
}

/* ===================================
    Navigation
====================================== */
.navbar-nav li.current > a,
.navbar-nav li.active > a {
  color: #000000;
}

.navbar > ul > li.current > a:after {
  border-color: transparent #000000 #000000 transparent;
}

@media screen and (min-width: 992px) {
  /*header style01*/
  .header-style1 .navbar-nav li.current > a,
  .header-style2 .navbar-nav li.current > a {
    color: #000000;
  }
  .header-style1 .navbar-nav li.active > a {
    color: #000000;
  }
  .header-style1 .navbar > ul > li.current > a:after {
    border-color: transparent #000000 #000000 transparent;
  }
  .header-style2 .navbar > ul > li.current > a:after {
    border-color: transparent #000000 #000000 transparent;
  }
  .header-style1.scrollHeader .navbar-nav li.current > a,
  .header-style2.scrollHeader .navbar-nav li.current > a,
  .header-style1.scrollHeader .navbar-nav li.current > a:hover,
  .header-style2.scrollHeader .navbar-nav li.current > a:hover {
    color: #000000;
  }
  .header-style1.scrollHeader .navbar > ul > li.current > a:after,
  .header-style2.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #000000 #000000 transparent;
  }
  /*header style03*/
  .header-style3 {
    border-bottom: 2px solid rgba(0, 0, 0, 0.9);
  }
  /*header style04*/
  .header-style4 .navbar-nav li.current > a {
    color: #000000;
  }
  .header-style4 .navbar > ul > li.current > a:after {
    border-color: transparent #000000 #000000 transparent;
  }
  /*header style05*/
  .header-style5 #top-bar {
    background: #000000;
  }
  /*header style06*/
  .header-style6 .navbar-default {
    background: rgba(0, 0, 0, 0.85);
  }
  .header-style6.scrollHeader .navbar-default {
    background: #000000;
  }
  /*menu area light*/
  .menu_area-light .navbar-nav li.current > a {
    color: #000000;
  }
  .menu_area-light .navbar > ul > li.current > a:after {
    border-color: transparent #000000 #000000 transparent;
  }
  .menu_area-light.scrollHeader .navbar-nav li.current > a {
    color: #000000;
  }
  .menu_area-light.scrollHeader .navbar-nav li.current > a:hover {
    color: #000000;
  }
  .menu_area-light.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #000000 #000000 transparent;
  }
}

@media screen and (max-width: 991px) {
  /*header style03*/
  .header-style3 {
    border-bottom: 2px solid rgba(0, 0, 0, 0.9);
  }
  /*header style05*/
  .header-style5 #top-bar,
  .header-style5 .navbar-toggler {
    background: #000000;
  }
  /*header style06*/
  .header-style6 .navbar-default {
    background: rgba(0, 0, 0, 0.85);
  }
}

/* ===================================
    Page title
====================================== */
/*page title style1*/
.page-title-section {
  background-size: cover;
  background-position: center;
}

.page-title-section h1 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1;
  color: #fff;
  margin-bottom: 0;
}

.page-title-section ul {
  margin-bottom: 0;
  margin-top: 15px;
  text-align: left;
}

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

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

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

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

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

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

@media screen and (max-width: 1199px) {
  .page-title-section h1 {
    font-size: 36px;
    line-height: 40px;
  }
}

@media screen and (max-width: 991px) {
  .page-title-section h1 {
    font-size: 30px;
    line-height: 38px;
  }
}

@media screen and (max-width: 767px) {
  .page-title-section h1 {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 36px;
  }
  .page-title-section ul {
    margin-top: 5px;
  }
}

/*page title style2*/
.page-title-section2 {
  padding: 250px 0 150px;
  text-align: center;
}

.page-title-section2 h1 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1;
  color: #fff;
  margin-bottom: 0;
}

.page-title-section2 ul {
  margin-bottom: 0;
  margin-top: 15px;
  text-align: center;
}

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

.page-title-section2 ul li:last-child a {
  color: #000000;
}

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

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

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

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

@media screen and (max-width: 1199px) {
  .page-title-section2 {
    padding: 200px 0 100px;
  }
  .page-title-section2 h1 {
    font-size: 36px;
    line-height: 42px;
  }
}

@media screen and (max-width: 991px) {
  .page-title-section2 {
    padding: 148px 0 75px;
  }
  .page-title-section2 h1 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 40px;
  }
  .page-title-section2 ul {
    margin-top: 5px;
  }
}

/*page title style3*/
.page-title-section3 h1 {
  color: #282b2d;
  margin-bottom: 0;
}

.page-title-section3 ul {
  margin-bottom: 0;
  margin-top: 15px;
  text-align: center;
}

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

.page-title-section3 ul li:last-child a {
  color: #282b2d;
}

.page-title-section3 ul li:after {
  content: " \f152";
  color: #fff;
  font-weight: 700;
  font-family: Font awesome\5 Free;
  padding: 0 10px;
}

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

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

@media screen and (max-width: 991px) {
  .page-title-section3 ul {
    margin-top: 5px;
  }
}

/*page title style4*/
.page-title-section.small h1 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: normal;
  color: #fff;
  margin-bottom: 0;
}

.page-title-section.small ul {
  margin-bottom: 0;
  margin-top: 6px;
  text-align: left;
}

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

.page-title-section.small ul li:last-child a {
  color: #000000;
}

.page-title-section.small ul li:after {
  content: " \f152";
  color: #fff;
  font-weight: 700;
  font-family: Font awesome\5 Free;
  padding: 0 10px;
}

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

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

@media screen and (max-width: 767px) {
  .page-title-section.small h1 {
    margin-bottom: 5px;
    font-size: 24px;
  }
  .page-title-section.small ul {
    margin-top: 5px;
  }
}

/* ===================================
    Banner styles
====================================== */
/*banner style-01*/
.main-banner-area {
  overflow: hidden;
  position: relative;
}

.main-banner-area:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  z-index: 3;
}

.main-banner-area .right-bg {
  float: right;
  width: 55.5%;
  right: 1px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.main-banner-area .header-shape-bg {
  position: absolute;
  top: 0px;
  min-height: 500px;
  z-index: 2;
  width: 100%;
}

.main-banner-area .header-text {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
          transform: perspective(1px) translateY(-50%);
  z-index: 4;
}

.main-banner-area .header-text h1 {
  font-weight: 800;
  font-size: 58px;
  line-height: 72px;
  letter-spacing: 1.4px;
  margin-bottom: 0;
}

.main-banner-area .header-text h1 span {
  font-weight: 300;
}

.main-banner-area .header-text p {
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 1px;
}

.main-banner-area .inner-title {
  background: #fff;
  border-radius: 30px;
  -webkit-box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
  padding: 8px 30px;
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: top;
  font-weight: bold;
}

@media screen and (max-width: 1199px) {
  .main-banner-area .right-bg {
    right: 0;
  }
  .main-banner-area .header-text {
    top: 70%;
    -webkit-transform: perspective(1px) translateY(-70%);
            transform: perspective(1px) translateY(-70%);
  }
  .main-banner-area .inner-title {
    margin-bottom: 15px;
  }
  .main-banner-area .header-text h1 {
    font-size: 48px;
    line-height: 56px;
  }
  .main-banner-area .header-text p {
    line-height: 24px;
    font-size: 18px;
  }
}

@media screen and (max-width: 991px) {
  .main-banner-area .right-bg {
    width: 100%;
    max-height: 550px;
    height: 100%;
    min-height: 410px;
  }
  .main-banner-area .header-shape-bg {
    display: none;
  }
  .main-banner-area .header-text {
    top: 50%;
    -webkit-transform: perspective(1px) translateY(-50%);
            transform: perspective(1px) translateY(-50%);
  }
  .main-banner-area .header-text h1 {
    font-size: 42px;
    line-height: 34px;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.4);
  }
  .main-banner-area .header-text p {
    color: #fff;
    text-align: center;
    line-height: 24px;
    font-size: 20px;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.4);
  }
  .main-banner-area .right-bg:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(0, 0, 0, 0.4), transparent);
  }
  .main-banner-area .inner-title {
    padding: 6px 20px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .main-banner-area .right-bg img {
    width: auto;
    max-width: 144%;
  }
  .main-banner-area .header-text h1 {
    font-size: 30px;
    line-height: 34px;
  }
  .main-banner-area .header-text p {
    font-size: 18px;
  }
}

@media screen and (max-width: 575px) {
  .main-banner-area .header-text h1 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 15px;
  }
  .main-banner-area .header-text p {
    display: none;
  }
}

/* shape animation */
.main-banner-area .animated-shape {
  position: absolute;
  z-index: 9;
}

.main-banner-area .first {
  left: 15%;
  top: 15%;
}

.main-banner-area .second {
  left: 12%;
  top: 55%;
}

.main-banner-area .third {
  left: 48%;
  top: 70%;
}

.main-banner-area .triangle {
  position: relative;
  width: 0;
  border-bottom: solid 50px #ffe085;
  border-right: solid 30px transparent;
  border-left: solid 30px transparent;
}

.main-banner-area .triangle .empty {
  position: absolute;
  top: 9px;
  left: -21px;
  width: 0;
  border-bottom: solid 36px white;
  border-right: solid 21px transparent;
  border-left: solid 21px transparent;
}

.main-banner-area .circle {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: #e5a9ff;
}

.main-banner-area .square {
  width: 48px;
  height: 48px;
  background: transparent;
  border: 8px solid #1ce6a5;
}

.main-banner-area .rotate-animation {
  -webkit-animation: rotate 10s linear infinite;
  animation: rotate 10s linear infinite;
}

.main-banner-area .rotate-3d {
  -webkit-animation: rotate3d 10s linear infinite;
  animation: rotate3d 10s linear infinite;
}

@media screen and (max-width: 991px) {
  .main-banner-area .triangle {
    border-bottom: solid 35px #ffe085;
    border-right: solid 20px transparent;
    border-left: solid 20px transparent;
  }
  .main-banner-area .triangle .empty {
    top: 10px;
    left: -11px;
    border-bottom: solid 20px white;
    border-right: solid 11px transparent;
    border-left: solid 11px transparent;
  }
  .main-banner-area .square {
    width: 32px;
    height: 32px;
    border-width: 5px;
  }
  .main-banner-area .third {
    top: 80%;
    left: 80%;
  }
}

@-webkit-keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

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

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

/*banner style-02*/
.banner-form .form-heading {
  -moz-border-radius-top-left: 4px;
  -moz-border-radius-top-right: 4px;
  -ms-border-radius-top-left: 4px;
  -ms-border-radius-top-right: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -o-border-radius-top-left: 4px;
  -o-border-radius-top-right: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.banner-form .banner-form-spacer {
  position: relative;
  padding: 20px 20px 80px 20px;
  background: #fff;
}

.banner-form .buttons-set {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0;
}

.banner-form .quform-loading-wrap {
  margin: 0 0 25px 0;
}

.banner-form .butn.btn-block {
  padding: 18px 30px;
  border-radius: 0;
}

.banner-form .butn:hover:after {
  border-radius: 0;
}

/*banner style-03*/
.banner-section .container {
  position: absolute;
}

.banner-shape {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
}

.banner-shape img {
  max-width: none;
  width: 100%;
}

/*banner style-03*/
.cd-headline.loading-bar .cd-words-wrapper:after {
  background: #000000;
}

.line-banner {
  overflow: hidden;
  position: relative;
}

.line-banner .header-text {
  position: absolute;
  width: 100%;
  top: 45%;
  -webkit-transform: perspective(1px) translateY(-45%);
          transform: perspective(1px) translateY(-45%);
  z-index: 4;
}

.line-banner .header-text h1 {
  font-size: 60px;
  color: #fff;
  line-height: 76px;
  letter-spacing: 1.4px;
  margin-bottom: 0;
  font-weight: 300;
}

@media screen and (max-width: 1199px) {
  .line-banner .header-text h1 {
    font-size: 48px;
    line-height: 60px;
  }
}

@media screen and (max-width: 991px) {
  .line-banner .header-text {
    top: 50%;
    -webkit-transform: perspective(1px) translateY(-50%);
            transform: perspective(1px) translateY(-50%);
  }
  .line-banner .header-text h1 {
    font-size: 42px;
    line-height: 48px;
  }
}

@media screen and (max-width: 767px) {
  .line-banner .header-text h1 {
    font-size: 36px;
    line-height: 42px;
  }
}

@media screen and (max-width: 575px) {
  .line-banner .header-text h1 {
    font-size: 28px;
    line-height: 36px;
  }
}

/* ===================================
    Main banner area
====================================== */
.banner-area {
  background: #f5fafe;
  padding: 19% 0;
}

.banner-area .cd-headline {
  font-size: 33px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 40px;
}

.banner-area .cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}

.banner-area .cd-headline.slide span {
  display: inline-block;
  padding: 0;
}

.banner-area .cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .banner-area {
    padding: 25% 0;
  }
}

@media screen and (max-width: 575px) {
  .banner-area {
    padding: 44% 0;
    min-height: 800px;
  }
}

/* ===================================
    Static banner
====================================== */
.static-banner {
  text-align: left;
}

.static-banner h1 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 70px;
}

.static-banner p {
  font-size: 18px;
  color: #ededed;
  letter-spacing: 1px;
  margin-top: -50px;
}

.static-banner-shape {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
}

.static-banner-shape img {
  max-width: none;
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .static-banner h1 {
    font-size: 62px;
  }
}

@media screen and (max-width: 991px) {
  .static-banner h1 {
    font-size: 54px;
  }
  .static-banner p {
    margin-top: -25px;
  }
}

@media screen and (max-width: 767px) {
  .static-banner h1 {
    font-size: 50px;
  }
  .static-banner p {
    margin-top: 0;
    font-size: 16px;
  }
}

@media screen and (max-width: 575px) {
  .static-banner h1 {
    font-size: 36px;
  }
}

/* ===================================
    Slider styles
====================================== */
/* carousel */
.owl-carousel .caption .overflow-hidden {
  display: inline-block;
}

.owl-carousel .caption h3 {
  font-weight: 200;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  position: relative;
  display: inline-block;
}

.owl-carousel .caption h1 {
  margin: 10px 0;
  font-size: 70px;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.owl-carousel .caption p {
  font-size: 18px;
  color: #eee;
  word-spacing: 2px;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.owl-carousel .caption span {
  display: inline-block;
  padding: 0.2em 0;
}

.owl-carousel .caption .butn {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.owl-carousel .caption .butn i {
  position: relative;
  top: 1px;
  z-index: 9;
}

/* carousel-style1 */
.carousel-style1 .owl-carousel .owl-item img {
  width: 100%;
}

/*home-business-slider*/
.home-business-slider .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  top: 50%;
  background: none !important;
  opacity: 0.35;
}

.home-business-slider .owl-nav .owl-next:hover {
  opacity: 1;
}

.home-business-slider .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  top: 50%;
  background: none !important;
  opacity: 0.35;
}

.home-business-slider .owl-nav .owl-prev:hover {
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .owl-carousel .caption h1 {
    font-size: 50px;
  }
  .owl-carousel .caption p {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .owl-carousel .caption h1 {
    font-size: 32px;
    margin-top: 5px;
  }
  .owl-carousel .caption h3 {
    letter-spacing: 1px;
  }
}

@media screen and (max-width: 575px) {
  .owl-carousel .caption h1 {
    font-size: 20px;
    margin-top: 5px;
  }
}

/*fade owl-carousel slider*/
.slider-fade .owl-item {
  height: 100vh;
  position: relative;
}

.slider-fade .item {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
}

.slider-fade .item .caption {
  width: 100%;
  z-index: 9;
}

.slider-fade .owl-theme .owl-dots {
  position: absolute;
  bottom: 5vh;
  width: 100%;
  left: 0;
}

/* slider-fade-shop */
.slider-fade-shop {
  background: #f4f5f9;
}

.slider-fade-shop .caption p {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.slider-fade-shop .caption h1 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.slider-fade-shop .caption .subheading {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.slider-fade-shop .owl-carousel,
.slider-fade-shop .owl-stage-outer,
.slider-fade-shop .owl-stage {
  height: 100%;
}

.slider-fade-shop .owl-item {
  height: 100%;
  position: relative;
}

.slider-fade-shop .item {
  padding: 10% 0;
}

.slider-fade-shop .item .caption {
  width: 100%;
  z-index: 9;
}

.slider-fade-shop .owl-carousel .caption h1 {
  text-transform: inherit;
  font-weight: 400;
  letter-spacing: -1.5px;
  margin: 0;
  font-size: 72px;
}

.slider-fade-shop .owl-carousel .caption p {
  color: inherit;
  font-size: 16px;
  letter-spacing: 0.5px;
  font-weight: 600;
  margin-bottom: 0;
}

.slider-fade-shop .subheading {
  font-weight: 500;
  font-size: 48px;
  line-height: normal;
  margin-bottom: 20px;
}

.slider-fade-shop .subheading strong {
  color: #000000;
}

.slider-fade-shop .owl-theme .owl-nav {
  margin: 0;
}

.slider-fade-shop .owl-theme .owl-nav [class*="owl-"] {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #e6ebf5 !important;
  line-height: 45px;
  width: 55px;
  height: 55px;
  border-radius: 0;
}

.slider-fade-shop .owl-theme .owl-nav [class*="owl-"]:hover {
  background: #000000 !important;
  color: #fff;
}

.slider-fade-shop .owl-theme .owl-nav .owl-prev {
  left: 30px;
}

.slider-fade-shop .owl-theme .owl-nav .owl-next {
  right: 30px;
}

.slider-fade-shop .owl-nav.disabled + .owl-dots {
  margin-top: -45px;
  margin-bottom: 15px;
  position: relative;
  z-index: 9;
}

.slider-fade-shop .owl-dots {
  margin-top: 30px;
}

.slider-fade-shop .owl-dots .custom-dot {
  margin-top: 0;
}

.slider-fade-shop .owl-dots .custom-dot span {
  background: rgba(0, 0, 0, 0.09);
}

.slider-fade-shop .owl-dots .custom-dot.active span,
.slider-fade-shop .owl-dots .custom-dot:hover span {
  background-color: #000000;
}

@media screen and (max-width: 1199px) {
  .slider-fade-shop .owl-carousel .caption h1 {
    font-size: 64px;
  }
  .slider-fade-shop .subheading {
    font-size: 42px;
  }
}

@media screen and (max-width: 991px) {
  .slider-fade-shop .item {
    padding: 12% 0;
  }
  .slider-fade-shop .owl-carousel .caption h1 {
    font-size: 48px;
    margin-bottom: 5px;
  }
  .slider-fade-shop .subheading {
    font-size: 34px;
  }
}

@media screen and (max-width: 767px) {
  .slider-fade-shop .owl-carousel .caption h1 {
    font-size: 42px;
  }
  .slider-fade-shop .subheading {
    font-size: 30px;
  }
}

@media screen and (max-width: 575px) {
  .slider-fade-shop .item {
    padding: 15% 0;
  }
  .slider-fade-shop .owl-carousel .caption h1 {
    font-size: 38px;
  }
  .slider-fade-shop .subheading {
    font-size: 28px;
  }
}

/* revolution slider */
.rev_slider_wrapper .tp-caption span {
  color: #000000;
}

.rev_slider_wrapper .butn span {
  font-size: 14px !important;
  line-height: 24px !important;
  color: #fff;
  text-shadow: none;
}

.rev_slider_wrapper .butn.white span {
  color: #282b2d;
}

.rev_slider_wrapper .butn.white:hover span {
  color: #fff;
}

.blurslider-line {
  background: #000000 !important;
}

@media screen and (min-width: 767px) {
  .custom-paragraph .slider-text p {
    width: 450px !important;
    font-size: 15px !important;
    line-height: 26px !important;
  }
}

@media screen and (min-width: 1024px) {
  .rev_slider .max-style {
    font-size: 60px !important;
    line-height: 70px !important;
  }
  .rev_slider .max-style span {
    font-size: 60px !important;
    line-height: 70px !important;
  }
}

@media screen and (max-width: 1023px) {
  .rev_slider .max-style {
    font-size: 45px !important;
    line-height: 50px !important;
  }
  .rev_slider .max-style span {
    font-size: 45px !important;
    line-height: 50px !important;
  }
  .custom-paragraph .slider-text p {
    font-size: 16px !important;
    line-height: 28px !important;
  }
}

@media screen and (max-width: 766px) {
  .rev_slider .max-style {
    font-size: 30px !important;
    line-height: normal !important;
  }
  .rev_slider .max-style span {
    font-size: 30px !important;
    line-height: normal !important;
  }
  .custom-paragraph .slider-text p {
    text-align: center !important;
    font-size: 14px !important;
    line-height: 24px !important;
    width: 480px !important;
    padding: 0 15px;
  }
  .custom-controls .tp-leftarrow,
  .custom-controls .tp-rightarrow {
    width: 40px !important;
    height: 40px !important;
  }
  .custom-controls .tp-leftarrow {
    left: -15px !important;
  }
  .custom-controls .tp-rightarrow {
    left: inherit !important;
    right: -55px !important;
  }
  .custom-controls .tparrows:before {
    line-height: 20px !important;
  }
}

@media screen and (max-width: 479px) {
  .rev_slider .max-style {
    font-size: 20px !important;
    line-height: normal !important;
  }
  .rev_slider .max-style span {
    font-size: 20px !important;
    line-height: normal !important;
  }
  .custom-paragraph .slider-text p {
    width: 320px !important;
    padding: 0 15px;
  }
}

/* ===================================
    Feature boxes
====================================== */
/* feature box 01 */
.feature-box-01 {
  text-align: left;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.feature-box-01 i {
  color: #000000;
}

.feature-box-01 p {
  color: #6f6f6f;
}

/* feature box 02 */
.feature-box-02 {
  width: 100%;
  float: left;
}

.feature-box-02 .img-box {
  position: relative;
  width: 100%;
  z-index: 1;
  overflow: hidden;
}

.feature-box-02 .feature-textbox {
  position: relative;
  width: 90%;
  z-index: 2;
  top: -50px;
  left: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  right: 0;
  margin: 0 auto;
}

.feature-box-02 .feature-textbox:after {
  border-bottom: 5px solid transparent;
  width: 0px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.feature-box-02:hover .feature-textbox:after {
  border-bottom: 5px solid rgba(0, 0, 0, 0.1);
  content: "";
  width: 100%;
}

.feature-box-02 .feature-textbox:before {
  border-top: 5px solid #000000;
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.feature-box-02:hover .feature-textbox:before {
  width: 0;
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.feature-box-02 .feature-textbox a {
  color: #000000;
}

.feature-box-02:hover .feature-textbox {
  background-color: #000000;
}

.feature-box-02:hover .feature-textbox .title,
.feature-box-02:hover .feature-textbox .feature-desc,
.feature-box-02:hover .feature-textbox a.read-more {
  color: #fff;
}

.feature-box-02 .img-box img {
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.feature-box-02:hover .img-box img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

@media screen and (max-width: 991px) {
  .feature-box-02 .feature-textbox {
    width: 95%;
    top: -30px;
  }
}

/* feature box 03 */
.feature-box-03 {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  position: relative;
}

.feature-box-03 .show-details {
  opacity: 0;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.feature-box-03 .show-details > img {
  width: 100%;
  max-width: none;
}

.feature-box-03:hover .show-details {
  opacity: 1;
}

.feature-box-03 .feature-box-detail {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  padding: 20px;
  position: absolute;
  top: 0;
  width: 100%;
}

.feature-box-03 .feature-box-detail .height-100 {
  overflow: auto;
}

.feature-box-03 .feature-box-detail .list-style-5 li {
  margin-bottom: 8px;
}

/* feature box 4 */
.feature-boxes-container {
  counter-reset: count;
}

.feature-box-04 .feature-box-inner {
  border: 1px solid rgba(0, 0, 0, 0.04);
  background: #fff;
  padding: 25px 30px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.1);
          box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.1);
}

.feature-box-04 .feature-box-inner i {
  color: #000000;
}

.feature-box-04 i {
  width: 100%;
  text-align: right;
  position: relative;
}

.feature-box-04 h4 {
  margin-bottom: 10px;
}

.feature-box-04 p {
  margin-bottom: 0;
}

.feature-box-04 .sepratar {
  width: 50px;
  border: 1px solid #000000;
  margin-bottom: 20px;
}

.feature-box-04 i:before {
  float: left;
}

.feature-box-04 i:after {
  font-weight: 700;
  font-size: 65px;
  line-height: 0.6em;
  color: rgba(0, 0, 0, 0.05);
  counter-increment: count;
  content: "0" counter(count);
  float: right;
  font-family: "Montserrat", sans-serif;
}

.feature-box-04 .feature-box-inner:hover i:after {
  color: rgba(255, 255, 255, 0.2);
}

.feature-box-04:hover {
  background: #ffffff;
}

.feature-box-04 .feature-box-inner:hover {
  background: #000000;
}

.feature-box-04 .feature-box-inner:hover .sepratar {
  border: 1px solid #fff;
}

.feature-box-04 .feature-box-inner:hover p,
.feature-box-04 .feature-box-inner:hover h4,
.feature-box-04 .feature-box-inner:hover i {
  color: #fff;
}

@media screen and (max-width: 1199px) {
  .feature-box-04 .sepratar {
    margin-bottom: 15px;
  }
  .feature-box-04 i:after {
    font-size: 62px;
  }
}

@media screen and (max-width: 991px) {
  .feature-box-04 i:after {
    font-size: 60px;
  }
  .feature-box-04 .feature-box-inner {
    padding: 20px 25px;
  }
}

@media screen and (max-width: 767px) {
  .feature-box-04 i:after {
    font-size: 58px;
  }
  .feature-box-04 .sepratar {
    margin-bottom: 10px;
  }
  .feature-box-04 .feature-box-inner {
    padding: 15px 20px;
  }
}

@media screen and (max-width: 575px) {
  .feature-box-04 i:after {
    font-size: 54px;
  }
}

/*features demo-05*/
.feature-box-05 {
  -webkit-box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
}

.feature-box-05 .features-icon {
  font-size: 45px;
  color: #000000;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .feature-box-05 .features-icon {
    font-size: 40px;
  }
}

@media screen and (max-width: 991px) {
  .feature-box-05 .features-icon {
    font-size: 30px;
  }
}

/*features demo-06*/
.feature-box-06:nth-child(1), .feature-box-06:nth-child(2) {
  border-right: 1px solid #dee2e6 !important;
  border-bottom: 1px solid #dee2e6 !important;
}

.feature-box-06:nth-child(3) {
  border-bottom: 1px solid #dee2e6 !important;
}

.feature-box-06:nth-child(4), .feature-box-06:nth-child(5) {
  border-right: 1px solid #dee2e6 !important;
}

.feature-box-06 .box {
  position: relative;
  overflow: hidden;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.feature-box-06 .content {
  position: relative;
  top: 30px;
  padding: 10% 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.feature-box-06 .details {
  opacity: 0;
  width: 75%;
  margin: 0 auto;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.feature-box-06:hover .details {
  opacity: 1;
}

.feature-box-06:hover .content {
  top: 0;
}

.feature-box-06:hover i {
  color: #000000;
}

@media screen and (max-width: 1199px) {
  .feature-box-06 .details {
    width: 80%;
  }
  .feature-box-06 .content {
    padding: 7% 0;
  }
}

@media screen and (max-width: 991px) {
  .feature-box-06:nth-child(2) {
    border-bottom: 1px solid #dee2e6 !important;
    border-right: none !important;
  }
  .feature-box-06:nth-child(3) {
    border-right: 1px solid #dee2e6 !important;
  }
  .feature-box-06:nth-child(4) {
    border-bottom: 1px solid #dee2e6 !important;
    border-right: none !important;
  }
}

@media screen and (max-width: 767px) {
  .feature-box-06 .details {
    width: 90%;
  }
  .feature-box-06 .content {
    padding: 5% 0;
  }
}

@media screen and (max-width: 575px) {
  .feature-box-06:nth-child(1), .feature-box-06:nth-child(3) {
    border-right: none !important;
  }
  .feature-box-06:nth-child(5) {
    border-bottom: 1px solid #dee2e6 !important;
    border-right: none !important;
  }
  .feature-box-06 .details {
    width: 60%;
  }
}

/* feature flex box */
.feature-flex {
  position: relative;
  margin: 30px 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.feature-flex-square {
  position: relative;
  border-radius: 5px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.feature-flex-square-icon {
  float: left;
  width: 50px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.feature-flex-square-icon i {
  color: #000000;
  border-radius: 10px;
  font-size: 32px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.feature-flex-square-content {
  float: left;
  width: 75%;
  padding-left: 10px;
}

.feature-flex-square-content h4 {
  color: #282b2d;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: normal;
}

.feature-flex-square-content h4 a {
  color: #282b2d;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: normal;
}

.feature-flex-square-content p {
  font-size: 15px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 15px;
}

.feature-flex-square-content-button {
  display: inline-block;
  color: #282b2d;
  font-size: 14px;
  font-weight: 500;
}

.feature-flex-square-content-button:after {
  content: "\f0da";
  font-weight: 700;
  font-size: 14px;
  font-family: Font awesome\5 Free;
  color: #282b2d;
  margin-left: 7px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.feature-flex-square-content-button:hover {
  color: #000000;
}

.feature-flex-square-content-button:hover:after {
  color: #000000;
}

@media screen and (max-width: 991px) {
  .feature-flex-square-icon {
    text-align: center;
  }
  .feature-flex-square-icon i {
    font-size: 30px;
  }
  .feature-flex-square-content h4 {
    font-size: 16px;
  }
  .feature-flex-square-content h4 a {
    font-size: 16px;
  }
  .feature-flex-square-content p {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .feature-flex-square-icon {
    text-align: left;
    width: 40px;
  }
}

/* feature flex box-1 */
.features-flex {
  position: relative;
  margin: 30px 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.features-flex-square {
  position: relative;
  border-radius: 5px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.features-flex-square-icon {
  float: left;
  width: 50px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.features-flex-square-icon i {
  color: #fff;
  border-radius: 10px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.features-flex-square-content {
  float: left;
  width: 80%;
  padding-left: 10px;
}

.features-flex-square-content h4 {
  color: #fff;
  letter-spacing: 0.75px;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: normal;
}

.features-flex-square-content h4 a {
  color: #fff;
  letter-spacing: 0.75px;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: normal;
}

.features-flex-square-content p {
  font-size: 15px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 15px;
  color: #fff;
}

.features-flex-square-content-button {
  display: inline-block;
  color: #282b2d;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.features-flex-square-content-button:after {
  content: "\f0da";
  font-weight: 700;
  font-size: 14px;
  font-family: Font awesome\5 Free;
  color: #fff;
  margin-left: 10px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  vertical-align: middle;
}

.features-flex-square-content-button:hover {
  color: #000;
  color: #000;
}

.features-flex-square-content-button:hover:after {
  color: #000;
}

.feature-flex-square-content-button:hover:after {
  color: #000;
}

@media screen and (max-width: 1199px) {
  .features-flex-square-icon {
    width: 48px;
  }
}

@media screen and (max-width: 991px) {
  .features-flex-square-content {
    padding-left: 20px;
  }
  .features-flex-square-icon {
    text-align: center;
    width: 36px;
  }
  .features-flex-square-icon i {
    font-size: 30px;
  }
  .features-flex-square-content h4 {
    font-size: 18px;
  }
  .features-flex-square-content h4 a {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .features-flex-square-icon {
    text-align: left;
    width: 40px;
  }
  .features-flex-square-content h4 {
    font-size: 16px;
  }
  .features-flex-square-content h4 a {
    font-size: 16px;
  }
  .features-flex-square-icon i {
    font-size: 28px;
  }
  .features-flex-square-content {
    padding-left: 10px;
  }
  .features-flex-square-content p {
    font-size: 14px;
  }
}

/* feature case block */
.case-block {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 5px;
  height: 100%;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  overflow: hidden;
  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -ms-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -o-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  position: relative;
}

.case-block:hover {
  -ms-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.3);
  -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.3);
  -o-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.3);
  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.3);
}

.case-block img {
  width: 100%;
}

.case-block-inner {
  padding: 20px 25px 20px 0;
}

.case-block h4 {
  font-size: 18px;
  margin-bottom: 0;
  line-height: normal;
  font-weight: 500;
}

.case-block h4:after {
  content: "";
  display: block;
  width: 80px;
  height: 2px;
  background: #000000;
  margin-top: 10px;
  margin-bottom: 15px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.case-block p {
  color: #999;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 8px;
}

.case-block-inner a {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
}

.case-block-inner a:after {
  content: "\f0da";
  font-size: 15px;
  font-weight: 700;
  font-family: Font awesome\5 Free;
  color: #000000;
  margin-left: 10px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.case-block-inner a:hover {
  color: #282b2d;
}

.case-block-inner a:hover:after {
  color: #282b2d;
}

@media screen and (max-width: 767px) {
  .case-block-inner {
    padding: 25px;
  }
  .case-block h4 {
    font-size: 16px;
  }
}

/* ===================================
    Service blocks
====================================== */
/* services blocks */
.services-blocks {
  margin-top: -90px;
}

@media screen and (max-width: 1199px) {
  .services-blocks {
    margin-top: -70px;
  }
}

@media screen and (max-width: 991px) {
  .services-blocks {
    margin-top: -50px;
  }
}

/* service simple */
.service-simple {
  position: relative;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
  -ms-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -o-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
}

.service-simple img {
  width: 100%;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.service-simple img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.service-simple-inner {
  position: relative;
  padding: 25px 25px 20px;
}

.service-simple-inner p {
  max-width: 95%;
}

.service-simple-inner a {
  display: inline-block;
}

.service-simple h4 {
  font-size: 18px;
  line-height: normal;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .service-simple h4 {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .service-simple-inner {
    padding: 20px;
  }
}

@media screen and (max-width: 575px) {
  .service-simple h4 {
    font-size: 16px;
  }
}

/* services block one */
.owl-carousel .service-box {
  margin: 0 15px 25px 15px;
}

.service-box {
  background: #fff;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  margin: 15px 0;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.service-inner-box {
  padding: 20px;
}

.service-icon-box {
  width: 20%;
  max-width: 50px;
  float: left;
  padding-top: 2px;
}

.service-content-box {
  width: 80%;
  float: left;
}

.service-box .img-holder {
  position: relative;
}

.service-box .img-holder:before {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: auto;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 10;
}

.service-box:hover .img-holder:before {
  opacity: 1;
}

.service-box .img-holder img {
  width: 100%;
}

.service-box h3 {
  font-size: 16px;
  margin-bottom: 0;
  line-height: normal;
  font-weight: 500;
}

.service-box p {
  margin-top: 5px;
  margin-bottom: 0;
}

.service-box i {
  color: #000000;
  font-size: 28px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.service-box:hover i {
  color: #282b2d;
}

@media screen and (max-width: 575px) {
  .owl-carousel .service-box {
    margin: 0 15px 20px 15px;
  }
  .service-box i {
    font-size: 24px;
  }
  .service-box h3 {
    font-size: 15px;
  }
}

/* services block three */
.services-block-three > a {
  display: block;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  text-align: center;
  background: #fff;
  padding: 20px;
  position: relative;
}

.services-block-three > a:before {
  display: block;
  content: "";
  width: 9%;
  height: 17%;
  position: absolute;
  bottom: -3px;
  right: -3px;
  border-bottom: 3px solid #000000;
  border-right: 3px solid #000000;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

.services-block-three > a:after {
  display: block;
  content: "";
  width: 9%;
  height: 17%;
  position: absolute;
  top: -3px;
  left: -3px;
  border-top: 3px solid #000000;
  border-left: 3px solid #000000;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

.services-block-three > a:hover {
  opacity: 1;
  border-color: #d5d5d5;
}

.services-block-three > a:hover:before, .services-block-three > a:hover:after {
  width: 95%;
  height: 90%;
}

.services-block-three i {
  font-size: 32px;
}

.services-block-three p {
  margin-bottom: 0;
}

.services-block-three:hover p {
  color: #282b2d;
}

.services-block-three h4 {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 600;
}

.services-block-three:hover h4 {
  color: #282b2d;
}

@media screen and (max-width: 991px) {
  .services-block-three i {
    font-size: 30px;
  }
}

@media screen and (max-width: 991px) {
  .services-block-three i {
    font-size: 28px;
  }
}

@media screen and (max-width: 575px) {
  .services-block-three i {
    font-size: 26px;
  }
}

/* service-block three*/
.service-grids .service-block {
  overflow: hidden;
  position: relative;
}

.service-grids .img-holder {
  position: relative;
}

.service-grids .img-holder img {
  width: 100%;
}

.service-grids .service-block:hover .img-holder:before {
  opacity: 1;
}

.service-grids .service-block .details {
  background-color: #f7f7f7;
  -webkit-box-shadow: 0 3px 13px rgba(0, 0, 0, 0.07);
          box-shadow: 0 3px 13px rgba(0, 0, 0, 0.07);
  padding: 40px 25px 40px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  z-index: 20;
}

.service-grids .service-block .number {
  background-color: #000000;
  border-radius: 75px;
  color: #fff;
  height: 75px;
  font-size: 30px;
  left: 50%;
  line-height: 75px;
  position: absolute;
  top: -37.5px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 75px;
}

.service-grids .service-block .details h4 {
  color: #000000;
  font-size: 20px;
  margin: 10px 0 15px 0;
  line-height: normal;
}

.service-grids .service-block .details .read-more {
  color: #000000;
  font-weight: 600;
}

@media screen and (min-width: 992px) {
  .service-grids .service-block {
    height: 335px;
  }
  .service-grids .img-holder:before {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 20px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: auto;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 10;
  }
  .service-grids .service-block .details {
    height: 195px;
    position: absolute;
    top: 148px;
  }
  .service-grids .service-block:hover .details {
    height: 230px;
    top: 105px;
  }
  .service-grids .service-block .details h4 {
    margin: 10px 0 10px 0;
    font-size: 18px;
  }
}

@media screen and (min-width: 1200px) {
  .service-grids .service-block {
    height: 370px;
  }
  .service-grids .service-block .details {
    height: 195px;
    position: absolute;
    top: 215px;
    padding: 40px 45px 50px;
  }
  .service-grids .service-block:hover .details {
    height: 230px;
    top: 170px;
  }
}

@media screen and (max-width: 991px) {
  .service-grids .service-block .details {
    padding: 35px 15px 25px 15px;
  }
  .service-grids .service-block .details h4 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .service-grids .service-block .number {
    height: 65px;
    line-height: 65px;
    top: -32.5px;
    width: 65px;
    border-radius: 65px;
  }
}

/* services block four */
.service-block4 {
  position: relative;
  border: 1px solid #f7f7f7;
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
          box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
  border-radius: 5px;
  overflow: hidden;
  padding: 30px;
}

.service-block4:before {
  position: absolute;
  top: -42px;
  right: -100px;
  z-index: 0;
  content: " ";
  width: 250px;
  height: 120px;
  background: #f7f7f7;
  border-bottom-left-radius: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.service-block4:hover:before {
  background: #000000;
}

.service-block4 .service-icon {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 1;
  text-align: center;
}

.service-block4 i {
  color: #000000;
  font-size: 38px;
  line-height: normal;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  margin-bottom: 0;
}

.service-block4:hover i {
  color: #fff;
}

.service-block4 .service-desc {
  position: relative;
}

.service-block4 .service-desc h4 {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
}

.service-block4 .service-desc h5 {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 500;
}

.service-block4 .service-desc h5:after {
  content: "";
  display: block;
  width: 80px;
  height: 2px;
  background: #000000;
  margin-top: 10px;
  margin-bottom: 15px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.service-block4 p {
  margin-top: 25px;
  padding-right: 50px;
  margin-bottom: 0;
}

@media screen and (max-width: 1199px) {
  .service-block4:before {
    right: -110px;
  }
  .service-block4 .service-desc h4 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .service-block4 p {
    padding-right: 40px;
    margin-top: 20px;
  }
  .service-block4 i {
    font-size: 34px;
  }
}

@media screen and (max-width: 991px) {
  .service-block4 {
    padding: 25px;
  }
  .service-block4 .service-desc h4 {
    font-size: 15px;
  }
  .service-block4 i {
    font-size: 32px;
  }
  .service-block4 p {
    margin-top: 15px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .service-block4 {
    padding: 20px;
  }
  .service-block4:before {
    right: -130px;
  }
  .service-block4 i {
    font-size: 28px;
  }
  .service-block4 .service-icon {
    top: 13px;
    right: 12px;
  }
}

/* services block five */
.service-block5 {
  position: relative;
}

.service-block5 > a {
  display: inline-block;
  width: 100%;
}

.service-block5:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: " ";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}

.service-block5:hover:before {
  content: none;
}

.service-block5:after {
  background: #000000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.service-block5:hover:after {
  opacity: 0.8;
}

.service-block5 a img {
  max-width: 100%;
}

.service-block5 .service-desc {
  bottom: 25px;
  position: absolute;
  padding: 0 20px;
  z-index: 9;
}

.service-block5 .service-desc h5 {
  color: #000000;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 0;
  line-height: normal;
}

.service-block5:hover .service-desc h5 {
  color: #fff;
}

.service-block5 .service-desc h4 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 24px;
}

.service-block5 .service-desc h4 a {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 24px;
}

@media screen and (max-width: 991px) {
  .service-block5 .service-desc {
    bottom: 30px;
  }
  .service-block5 .service-desc h4 {
    font-size: 16px;
  }
  .service-block5 .service-desc h4 a {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .service-block5 .service-desc {
    bottom: 20px;
  }
  .service-block5 .service-desc h4 {
    font-size: 15px;
  }
  .service-block5 .service-desc h4 a {
    font-size: 15px;
  }
  .service-block5 .service-desc h5 {
    font-size: 12px;
  }
}

/*service block 6*/
.services-block6 {
  position: relative;
}

.services-block6 .service-desc a {
  color: #fff;
}

.services-block6 .service-desc a:hover {
  color: #000000;
}

.services-block6:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.76);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(116%, #000));
  background: linear-gradient(-180deg, transparent, #000 116%);
  z-index: 0;
  width: 100%;
  height: 100%;
}

.services-block6 .service-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px 35px 40px;
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .services-block6 .service-desc {
    padding: 30px 25px 30px;
  }
}

/*services-block 7*/
.service-icons {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.4)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.4) 100%);
  width: 80px;
  height: 80px;
  border-radius: 100%;
  position: relative;
  line-height: 95px;
}

.service-icons > i {
  font-size: 42px;
  color: #000000;
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .service-icons {
    width: 70px;
    height: 70px;
    line-height: 85px;
  }
  .service-icons > i {
    font-size: 32px;
  }
}

/* services detail */
.services-single-menu li {
  border-bottom: 1px solid #ececec;
}

.services-single-menu li:last-child {
  border-bottom: none;
}

.services-single-menu li.active a {
  border-left-color: #000000;
  color: #000000;
}

.services-single-menu li.active a:after {
  content: none;
}

.services-single-menu li a {
  display: block;
  border-left: 4px solid transparent;
  font-size: 15px;
  font-weight: 600;
  padding: 14px 10px 14px 20px;
}

.services-single-menu li a:after {
  content: "";
  background: #000000;
  display: inline-block;
  height: 1px;
  width: 0;
  vertical-align: middle;
  margin-left: 8px;
  transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}

.services-single-menu li a:hover:after {
  width: 30px;
}

.callback-box {
  background: #282b2d;
  border: 1px solid #ececec;
  border-radius: 5px;
  padding: 20px 15px 25px 15px;
  position: relative;
}

.services-single-right .special {
  padding: 15px;
  margin: 30px 0;
  border-left: 2px solid #111;
  background: #f7f7f7;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .services-single-menu li a {
    font-size: 14px;
    padding: 12px 10px 12px 16px;
  }
}

/*services-block8*/
.services-block8 {
  background: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-align: center;
}

.services-block8:hover {
  -webkit-box-shadow: -1px 9px 18px 0px rgba(75, 81, 91, 0.1);
          box-shadow: -1px 9px 18px 0px rgba(75, 81, 91, 0.1);
  -webkit-transform: translateY(-0.5em);
          transform: translateY(-0.5em);
  background: #000000;
}

.services-block8.active {
  -webkit-box-shadow: -1px 9px 18px 0px rgba(75, 81, 91, 0.1);
          box-shadow: -1px 9px 18px 0px rgba(75, 81, 91, 0.1);
  background: #000000;
}

.services-block8.active h3,
.services-block8.active p,
.services-block8.active .text-theme-color,
.services-block8.active a {
  color: #fff;
}

.services-block8.active:hover {
  -webkit-transform: translateY(-0.5em);
          transform: translateY(-0.5em);
}

.services-block8:hover h3,
.services-block8:hover p,
.services-block8:hover .text-theme-color,
.services-block8:hover a {
  color: #fff;
}

.services-block8 a {
  font-size: 14px;
}

.services-block8 a i {
  font-size: 10px;
  margin-left: 5px;
}

/*service block 9*/
.services-block9 {
  position: relative;
  border-radius: 4px;
}

.services-block9 .service-pic {
  border-radius: 4px;
}

.services-block9 .service-pic img {
  border-radius: 4px;
}

.services-block9 h3,
.services-block9 h4,
.services-block9 h5,
.services-block9 h6 {
  line-height: 34px;
}

.services-block9 .date {
  position: absolute;
  left: 15px;
  top: 15px;
  background: #000000;
  color: #fff;
  padding: 5px 12px;
  text-align: center;
  border-radius: 4px;
  max-width: 60px;
  font-size: 18px;
  font-weight: 700;
}

.services-block9 .service-desc a {
  color: #fff;
}

.services-block9 .service-desc a:hover {
  color: #000000;
}

.services-block9:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.76);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(116%, #000));
  background: linear-gradient(-180deg, transparent, #000 116%);
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.services-block9 .service-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px 35px 40px;
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .services-block9 .service-desc {
    padding: 30px 25px 30px;
  }
  .services-block9 h3,
  .services-block9 h4,
  .services-block9 h5,
  .services-block9 h6 {
    line-height: 28px;
  }
}

@media screen and (max-width: 1199px) {
  .services-block9 .service-desc {
    padding: 25px;
  }
}

/*zigzag services block*/
.zigzag-section {
  margin-top: -20px;
}

.zigzag-block > p {
  padding-left: 75px;
  position: relative;
}

.zigzag-block > p:before {
  background: #000000;
  height: 2px;
  width: 50px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 12px;
  content: "";
}

.zigzag-block .title {
  color: #000000;
  background: rgba(0, 0, 0, 0.15);
  padding: 5px 20px;
  border-radius: 30px;
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 15px;
}

.zigzag-block .readmore {
  margin-left: 75px;
  color: #000000;
}

.zigzag-block .readmore:hover {
  color: #282b2d;
}

@media screen and (max-width: 1199px) {
  .zigzag-section {
    margin-top: -30px;
  }
}

@media screen and (max-width: 767px) {
  .zigzag-block > p {
    padding-left: 50px;
  }
  .zigzag-block > p:before {
    width: 30px;
  }
  .zigzag-block .readmore {
    margin-left: 50px;
  }
}

/* services block 10 */
.service-block10 {
  position: relative;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
  position: relative;
  padding: 50px 30px;
  border: 1px solid #eee;
}

.service-block10 p,
.service-block10 h4 {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.service-block10 i {
  font-size: 36px;
}

.service-block10 h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
}

.service-block10:before {
  position: absolute;
  content: "";
  background: #000000;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 3px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.service-block10:hover:before {
  opacity: 1;
  visibility: visible;
}

.service-block10:hover * {
  color: #fff;
}

@media screen and (max-width: 1199px) {
  .service-block10 {
    padding: 35px 30px;
  }
}

@media screen and (max-width: 991px) {
  .service-block10 {
    padding: 45px 30px;
  }
}

/* services block 11 */
.service-block11 {
  padding: 0 25px;
  height: 375px;
  border-radius: 3px;
}

.service-block11 .card {
  border: none;
  color: #fff;
  height: 100%;
  border-radius: 3px;
  padding: 25px;
}

.service-block11 .card:before {
  border-radius: 3px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.76);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(116%, #000));
  background: linear-gradient(-180deg, transparent, #000 116%);
}

.service-block11 .card h3 {
  line-height: 1.6;
  font-size: 20px;
  margin-bottom: 0;
}

.service-block11 .card h3 a {
  color: #fff;
}

.service-block11 .card h3 a:hover {
  color: #000000;
}

@media screen and (max-width: 1199px) {
  .service-block11 .card h3 {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .service-block11 {
    height: 325px;
  }
}

@media screen and (max-width: 575px) {
  .service-block11 {
    padding: 0;
  }
}

/* service-design */
.service-design h3 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 30px;
}

.service-design p {
  line-height: 36px;
  margin-bottom: 35px;
  font-size: 18px;
}

.service-design > span {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  color: #000000;
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
}

@media screen and (max-width: 1199px) {
  .service-design h3 {
    font-size: 34px;
  }
  .service-design p {
    line-height: 34px;
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .service-design h3 {
    font-size: 28px;
    margin-bottom: 25px;
  }
  .service-design p {
    line-height: 30px;
    margin-bottom: 30px;
  }
}

/* ===================================
    Client section
====================================== */
/*client style01*/
.section-clients {
  padding: 50px 0;
}

.clients img {
  opacity: 0.6;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.clients img:hover {
  opacity: 1;
}

@media screen and (max-width: 992px) {
  .section-clients {
    padding: 30px 0;
  }
  .section-clients .item {
    text-align: center;
    width: 100%;
  }
  .section-clients .owl-carousel .owl-item img {
    max-width: 75%;
    display: inline-block;
  }
}

/*client style2*/
.section-clients2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
}

.section-clients2 .client-single {
  width: 33.333%;
  min-height: 96px;
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  overflow: hidden;
}

.section-clients2 .client-single .client-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  opacity: 0.8;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section-clients2 .client-single .client-img img {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.section-clients2 .client-single .client-img:hover {
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .section-clients2 .client-single {
    width: 50%;
  }
}

@media screen and (max-width: 575px) {
  .section-clients2 .client-single {
    width: 100%;
  }
}

/*client style3*/
.section-clients3 .client-single {
  margin-bottom: 30px;
}

.section-clients3 .client-single:last-child,
.section-clients3 .client-single p {
  margin-bottom: 0;
}

.section-clients3 .client-single a {
  display: block;
}

.section-clients3 .client-single a:after {
  content: "";
  display: block;
  clear: both;
}

.section-clients3 .client-img {
  position: relative;
  float: left;
  padding: 10px;
  min-height: 102px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 225px;
  margin: 0 30px 0 0;
  border: 1px solid #ddd;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-clients3 .client-img:before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 3px solid transparent;
  z-index: 100;
}

.section-clients3 .client-desc {
  overflow: hidden;
}

@media screen and (max-width: 575px) {
  .section-clients3 .client-img {
    float: none;
    margin-bottom: 15px;
  }
}

/* ===================================
    Counter box
====================================== */
/* counterbox style1*/
.counter-box h3,
.counter-box h4 {
  display: inline-block;
  font-weight: 600;
}

.social-icons a:hover {
  opacity: 1;
}

.counter-box {
  position: relative;
  text-align: center;
}

.counter-box h3:after {
  content: "+";
}

.counter-box h4 {
  font-size: 35px;
  line-height: normal;
  margin: 0;
}

.counter-box h4:after {
  content: "+";
}

.counter-box h3 {
  font-size: 45px;
}

@media screen and (max-width: 1199px) {
  .counter-box h4 {
    font-size: 32px;
  }
  .counter-box h3 {
    font-size: 42px;
  }
}

@media screen and (max-width: 991px) {
  .counter-box h4 {
    font-size: 30px;
  }
  .counter-box h3 {
    font-size: 40px;
  }
}

@media screen and (max-width: 767px) {
  .counter-box p:before {
    margin: 0;
    position: absolute;
    top: 45px;
  }
  .counter-box p:after {
    margin: 0;
    left: 14px;
    right: 0;
    top: 45px;
  }
  .counter-box.black p:after {
    margin: 0;
    left: 14px;
    right: 0;
    top: 45px;
  }
  .counter-box h4 {
    font-size: 26px;
  }
}

/* counterbox style2*/
.counter-box-style2 {
  position: relative;
  -webkit-box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.1);
  padding: 20px 10px;
}

.counter-box-style2 h3:after,
.counter-box-style2 h4:after {
  content: "+";
}

/*counter-style2*/
.counter-style2 .icon {
  width: 55px;
  display: inline-block;
  vertical-align: middle;
  color: #000000;
}

.counter-style2 .icon span:before {
  font-size: 35px;
  line-height: 35px;
  font-weight: 900;
}

.counter-style2 .title {
  padding-left: 20px;
  display: inline-block;
  vertical-align: middle;
}

.counter-style2 .title h4 {
  text-align: left;
}

.counter-style2 h4:after {
  content: "+";
  margin-left: 5px;
}

@media screen and (max-width: 767px) {
  .counter-style2 .icon {
    display: inline-block;
    width: 100%;
  }
  .counter-style2 .title {
    padding-left: 0;
    text-align: center;
  }
  .counter-style2 .title h4 {
    text-align: center;
  }
}

/*counter-style3*/
.counter-style3 .counter-box h4 {
  font-size: 48px;
  line-height: normal;
  margin: 0;
  font-weight: 500;
}

@media screen and (max-width: 1199px) {
  .counter-style3 .counter-box h4 {
    font-size: 46px;
  }
}

@media screen and (max-width: 991px) {
  .counter-style3 .counter-box h4 {
    font-size: 38px;
  }
}

@media screen and (max-width: 767px) {
  .counter-style3 .counter-box h4 {
    font-size: 36px;
  }
}

@media screen and (max-width: 767px) {
  .counter-style3 .counter-box h4 {
    font-size: 32px;
  }
}

/*counter-style4*/
.top-counter {
  margin-top: -110px;
}

.top-counter .container {
  position: relative;
  z-index: 9;
}

.top-counter .container > .row {
  -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
          box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
  margin-bottom: 50px;
}

.counter-style4 {
  position: relative;
  background: #fff;
  padding: 60px 30px;
  height: 100%;
}

.counter-style4 .counter-icon {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  font-size: 32px;
  max-width: 35px;
  color: #000000;
  margin-top: 5px;
}

.counter-style4 .counter-detail {
  display: inline-block;
  vertical-align: top;
  max-width: 155px;
  width: 100%;
}

.counter-style4 .counter-detail p:after {
  content: "";
  height: 1px;
  width: 20px;
  background: #000000;
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
}

.counter-style4.highlight {
  background: #000000;
}

.counter-style4.highlight h4,
.counter-style4.highlight .counter-icon {
  color: #fff;
}

.counter-style4.highlight .counter-detail p {
  color: #fff;
}

.counter-style4.highlight .counter-detail p:after {
  background: #fff;
}

@media screen and (max-width: 1199px) {
  .top-counter {
    margin-top: -70px;
  }
  .counter-style4 {
    padding: 45px 15px;
  }
  .counter-style4 .counter-icon {
    margin-right: 15px;
  }
  .counter-style4 .counter-detail {
    max-width: 145px;
  }
}

@media screen and (max-width: 991px) {
  .top-counter {
    margin-top: -50px;
  }
  .counter-style4 {
    padding: 35px 20px;
  }
}

@media screen and (max-width: 767px) {
  .counter-style4 {
    padding: 30px 20px;
  }
}

@media screen and (max-width: 575px) {
  .counter-style4 {
    padding: 25px 20px;
  }
  .counter-style4 .counter-detail {
    max-width: 180px;
  }
}

/* counter section demo-14 */
.counter-style5 .icon {
  width: 55px;
  display: inline-block;
  vertical-align: middle;
  color: #000000;
  font-size: 44px;
}

.counter-style5 .title {
  padding-left: 20px;
  display: inline-block;
  vertical-align: middle;
}

.counter-style5 .title h4:after {
  content: "+";
}

@media screen and (max-width: 991px) {
  .counter-style5 .icon {
    font-size: 40px;
    width: 30px;
  }
}

@media screen and (max-width: 767px) {
  .counter-style5 .icon {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }
  .counter-style5 .title {
    padding-left: 0;
  }
}

@media screen and (max-width: 575px) {
  .row .counter-style5 {
    margin-bottom: 40px;
  }
  .row .counter-style5:last-child {
    margin-bottom: 0;
  }
}

/* ===================================
    Video
====================================== */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16 / 9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16 / 9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

.story-video {
  height: 100%;
}

.video_btn {
  position: relative;
  height: 80px;
  width: 80px;
  background: #000000;
  text-align: center;
  display: inline-block;
  line-height: 80px;
  color: #fff;
  border-radius: 50%;
  transition-duration: 0s;
  -ms-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
}

.video_btn:hover i,
.video_btn:focus i {
  color: #fff;
}

.video_btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 80px;
  width: 80px;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0.3;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
          animation: pulse-border 1500ms ease-out infinite;
}

.video_btn:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 95px;
  width: 95px;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0.3;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
          animation: pulse-border 1500ms ease-out infinite;
}

.video_btn-style2:after, .video_btn-style2:before {
  border-color: rgba(0, 0, 0, 0.1);
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.video_btn.small {
  width: 50px;
  height: 50px;
  line-height: 50px;
}

.video_btn.small:after {
  height: 50px;
  width: 50px;
}

.video_btn.small:before {
  height: 65px;
  width: 65px;
}

@media screen and (max-width: 1199px) {
  .video_btn {
    height: 75px;
    width: 75px;
    line-height: 75px;
  }
  .video_btn:after {
    height: 75px;
    width: 75px;
  }
  .video_btn:before {
    height: 90px;
    width: 90px;
  }
}

@media screen and (max-width: 991px) {
  .story-video {
    min-height: 325px;
  }
  .video_btn {
    height: 70px;
    width: 70px;
    line-height: 70px;
  }
  .video_btn:after {
    height: 70px;
    width: 70px;
  }
  .video_btn:before {
    height: 85px;
    width: 85px;
  }
  @-webkit-keyframes pulse-border {
    0% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
              transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    }
    100% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
              transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
    }
  }
  @keyframes pulse-border {
    0% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
              transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    }
    100% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
              transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
    }
  }
}

@media screen and (max-width: 767px) {
  .story-video {
    min-height: 200px;
  }
  .video_btn {
    height: 60px;
    width: 60px;
    line-height: 60px;
  }
  .video_btn:after {
    height: 60px;
    width: 60px;
  }
  .video_btn:before {
    height: 75px;
    width: 75px;
  }
}

.watch-video5 {
  border: 1px solid #000000;
  padding: 13px 25px 13px 42px;
  border-radius: 30px;
  margin-left: -38px;
  vertical-align: middle;
}

@media screen and (max-width: 991px) {
  .watch-video .story-video {
    min-height: unset;
  }
}

/* ===================================
    About area
====================================== */
.about-area {
  padding: 0;
}

.about-right-box {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 90px 40px;
  z-index: 1;
  height: 100%;
}

.about-right-box:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  content: "";
  z-index: -1;
}

.about-right-box ul {
  margin-bottom: 0;
}

.about-right-box ul li {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 29px;
  margin-bottom: 30px;
}

.about-right-box ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.about-right-box ul li .left-content {
  display: block;
  width: 70%;
}

.about-right-box ul li .left-content .icon {
  width: 55px;
  display: table-cell;
  vertical-align: top;
  color: rgba(255, 255, 255, 0.5);
}

.about-right-box ul li .left-content .icon span:before {
  font-size: 55px;
  line-height: 55px;
}

.about-right-box ul li .left-content .title {
  padding-left: 30px;
  display: table-cell;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.5);
}

.about-right-box ul li .left-content .title h3 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: normal;
  letter-spacing: 1px;
  margin: 0 0 1px;
}

.about-right-box ul li .left-content .title span {
  color: rgba(255, 255, 255, 0.75);
}

.about-right-box ul li .right-content .title {
  display: block;
  margin-top: 3px;
}

.about-right-box ul li .right-content .title h4 {
  color: #ffffff;
  font-size: 3.4em;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}

@media screen and (max-width: 1199px) {
  .about-right-box {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 991px) {
  .about-area {
    padding-bottom: 0px;
  }
  .about-right-box {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .about-right-box {
    padding: 40px 20px;
  }
  .about-right-box ul li {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .about-right-box ul li .left-content .title {
    padding-left: 10px;
  }
  .about-right-box ul li .left-content .icon span:before {
    font-size: 36px;
    line-height: normal;
  }
  .about-right-box ul li .right-content .title h4 {
    font-size: 26px;
  }
}

.about-text {
  display: block;
  padding-bottom: 90px;
  padding-top: 90px;
  position: relative;
  display: block;
  overflow: hidden;
  padding: 90px 40px;
  z-index: 1;
  height: 100%;
}

.about-overlay:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  content: "";
  z-index: -1;
}

.about-text .sec-title {
  padding-bottom: 34px;
}

.about-text .inner-content h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  margin: 0 0 14px;
  color: #fff;
}

.about-text .inner-content h2 span {
  font-weight: 700;
}

.about-text .inner-content p {
  color: #fff;
}

.about-text .inner-content .bottom {
  display: block;
  overflow: hidden;
  margin-top: 25px;
}

.about-text .inner-content .bottom p {
  margin: 0;
  font-weight: 500;
}

.about-text .inner-content .bottom .signature {
  display: block;
  margin-top: 22px;
}

@media screen and (max-width: 1199px) {
  .about-text {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .about-text .inner-content h2 {
    font-size: 22px;
    line-height: 34px;
  }
}

@media screen and (max-width: 991px) {
  .about-text {
    padding: 50px 30px;
  }
}

@media screen and (max-width: 767px) {
  .about-text .inner-content h2 {
    font-size: 20px;
    margin: 0 0 12px;
  }
  .about-text .inner-content .bottom .signature {
    margin-top: 16px;
  }
}

@media screen and (max-width: 575px) {
  .about-text .inner-content h2 {
    font-size: 16px;
    margin: 0 0 10px;
    line-height: 28px;
  }
}

/*about ceo*/
.about-ceo {
  position: relative;
}

.about-ceo .about-project {
  position: absolute;
  right: 20px;
  bottom: 19px;
  background: #f7f7f7;
  z-index: 9;
}

.about-ceo .about-project h3 {
  margin-bottom: 0;
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  color: #000000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.about-ceo .about-project p {
  display: block;
  font-size: 18px;
  color: #282b2d;
  margin: 0;
  font-weight: 700;
  text-transform: uppercase;
}

.about-ceo .box-area {
  position: relative;
  background: #fff;
  padding: 25px;
  text-align: center;
  border: 8px solid #000000;
}

/*about demo-11*/
.about-img img {
  margin-top: -35%;
}

@media screen and (max-width: 1199px) {
  .about-img img {
    margin-top: -25%;
  }
}

@media screen and (max-width: 991px) {
  .about-img img {
    margin-top: 0;
  }
}

/* About Us demo-1 */
.about-project {
  position: absolute;
  z-index: 111;
  left: -60px;
  bottom: 75px;
  color: #fff;
  text-align: center;
  width: 150px;
  height: 150px;
  padding: 40px 0;
}

.about-project .countup:after {
  content: "+";
  font-size: 24px;
  margin-left: 2px;
  vertical-align: top;
}

@media screen and (max-width: 1199px) {
  .about-project {
    left: -1px;
    bottom: 35px;
    width: 130px;
    height: 130px;
    padding: 30px 0;
  }
}

/* icon gallery */
.icon-gallery {
  margin-top: -35px;
}

.icon-gallery .display-table {
  margin-top: 35px;
}

.icon-gallery .display-table-cell {
  width: 125px;
  height: 125px;
  text-align: center;
  margin-bottom: 25px;
  border: 1px solid rgba(0, 0, 0, 0.075);
  vertical-align: middle;
  font-size: 14px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 10px;
  background: #fff;
}

.icon-gallery i {
  display: block;
  margin-bottom: 15px;
  font-size: 24px;
  color: #2a8ae2;
}

@media screen and (max-width: 575px) {
  .icon-gallery {
    margin-top: -25px;
  }
  .icon-gallery .display-table {
    margin-top: 25px;
  }
}

.pattern-img:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 60%;
  background-image: url(../img/content/pattern.png);
  margin-left: -7%;
  margin-top: 5%;
  opacity: 0.15;
  z-index: -1;
}

/*timeline*/
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before {
  content: " ";
  display: table;
}

.timeline > li:after {
  content: " ";
  display: table;
  clear: both;
}

.timeline > li:before {
  content: " ";
  display: table;
}

.timeline > li:after {
  content: " ";
  display: table;
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
  background-color: #2e6da4 !important;
}

.timeline-badge.success {
  background-color: #3f903f !important;
}

.timeline-badge.warning {
  background-color: #f0ad4e !important;
}

.timeline-badge.danger {
  background-color: #d9534f !important;
}

.timeline-badge.info {
  background-color: #5bc0de !important;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}

@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px;
  }
  ul.timeline > li > .timeline-panel {
    width: calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
  }
  ul.timeline > li > .timeline-badge {
    left: 15px;
    margin-left: 0;
    top: 16px;
  }
  ul.timeline > li > .timeline-panel {
    float: right;
  }
  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }
  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
}

/* ===================================
    Testmonials
====================================== */
/*testimonial style1*/
.testmonials-style1 .testmonial-single img {
  width: auto;
  display: inline-block;
  margin-bottom: 10px;
}

.testmonial-single {
  text-align: center;
}

.testmonial-single p {
  text-align: center;
  font-style: italic;
  font-weight: 600;
}

.testmonial-single p:before {
  margin: auto auto 15px;
  content: "\f10d";
  font-weight: 700;
  font-family: Font awesome\5 Free;
  color: #000000;
  font-size: 23px;
  display: block;
}

.testmonial-single h4 {
  font-size: 22px;
  font-weight: 500;
  text-align: left;
  margin: 0 0 5px 0;
  line-height: normal;
  text-align: center;
}

.testmonial-single h6 {
  color: #aaa;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  line-height: normal;
  margin: 0;
}

@media screen and (max-width: 1199px) {
  .testmonial-single h4 {
    font-size: 20px;
  }
}

@media screen and (max-width: 991px) {
  .testmonial-single h4 {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .testmonial-single h4 {
    font-size: 16px;
  }
}

.testmonial-box {
  position: relative;
  background: #fff;
  margin: 0 0 20px 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -ms-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -o-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
}

.testmonial-box img {
  border: 2px solid #ececec;
  border-radius: 50%;
  padding: 2px;
}

.owl-carousel .testmonial-box img {
  width: auto;
  max-height: 120px;
  display: inline-block;
}

.testmonial-box h5 {
  font-size: 18px;
  font-weight: 500;
  margin: 5px 0 0;
  line-height: normal;
}

.testmonial-box span {
  font-size: 13px;
}

.testmonial-box p {
  color: #999;
  margin-top: 10px;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .testmonial-box h5 {
    font-size: 16px;
    margin-top: 0;
  }
  .testmonial-box p {
    margin-top: 8px;
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 767px) {
  .testmonial-box {
    margin-bottom: 15px;
  }
  .testmonial-box h5 {
    font-size: 16px;
  }
  .testmonial-box span {
    font-size: 12px;
  }
}

/*testimonial style2*/
.testimonial-style2 .testimonial-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -o-flex-align: center;
  align-items: center;
}

.testimonial-style2 .testimonial-review p {
  margin-bottom: 0;
}

.testimonial-style2 .testimonial-left-col {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 177px;
  flex: 1 0 177px;
  margin-right: 100px;
  text-align: center;
}

.testimonial-style2 .testimonial-pic {
  position: relative;
  margin: 0;
}

.testimonial-style2 .testimonial-pic:before {
  content: "\f10d";
  font-weight: 700;
  font-family: Font awesome\5 Free;
  display: block;
  position: absolute;
  top: 48%;
  right: -62px;
  margin-top: -8px;
  font-size: 21px;
  color: #000000;
}

.testimonial-style2 .testimonial-separator:before {
  content: "";
  display: block;
  width: 1px;
  height: 60px;
  position: absolute;
  right: -53px;
  background-color: #6f6f6f;
}

.testimonial-style2 .testimonial-separator:after {
  content: "";
  display: block;
  width: 1px;
  height: 60px;
  position: absolute;
  right: -53px;
  background-color: #6f6f6f;
  bottom: 0;
}

.testimonial-style2 .client-info {
  line-height: normal;
}

.testimonial-style2 .client-info h6 {
  margin-bottom: 0;
  font-size: 16px;
}

.testimonial-style2 .client-info span {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
}

.testimonial-style2 .testimonial-review {
  padding-bottom: 0;
  font-size: 18px;
  line-height: 36px;
  font-weight: 300;
  width: 100%;
}

.testimonial-style2 .custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 30px;
}

.testimonial-style2 .custom-dot span {
  width: 12px;
  height: 12px;
  margin: 0 7px;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
  -webkit-backface-visibility: visible;
  border-radius: 0;
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.testimonial-style2 .custom-dot span:hover {
  background: #000000;
  -webkit-backface-visibility: visible;
  border-radius: 0;
}

.testimonial-style2 .custom-dot.active span {
  background: #000000;
}

@media screen and (max-width: 991px) {
  .testimonial-style2 .testimonial-review {
    padding-bottom: 65px;
  }
}

@media screen and (max-width: 767px) {
  .testimonial-style2 .client-info h6 {
    font-size: 15px;
  }
  .testimonial-style2 .client-info span {
    font-size: 12px;
  }
  .testimonial-style2 .custom-dot {
    margin-top: 15px;
  }
  .testimonial-style2 .testimonial-review {
    padding-bottom: 0;
  }
  .testimonial-style2 .testimonial-left-col {
    margin-bottom: 20px;
    text-align: left;
  }
  .testimonial-style2 .testimonial-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .testimonial-style2 .testimonial-separator,
  .testimonial-style2 .testimonial-pic:before {
    display: none;
  }
}

/*testimonial style3*/
.testimonial-style3.owl-theme .owl-nav {
  margin-top: 50px;
  text-align: center;
}

.testimonial-style3 .testmonial-single h6 {
  text-align: left;
}

.testimonial-style3 .testmonial-single p {
  line-height: 28px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 50px;
  position: relative;
  margin-left: 25px;
}

.testimonial-style3 .testmonial-single p:before {
  margin: 0;
  content: "\f10d";
  font-weight: 700;
  font-family: Font awesome\5 Free;
  color: #000000;
  font-size: 30px;
  display: block;
  top: 0;
  left: -50px;
  position: absolute;
}

@media screen and (max-width: 991px) {
  .testimonial-style3 .testmonial-single {
    width: 80%;
  }
  .testimonial-style3 .testmonial-single p {
    margin-bottom: 35px;
    font-size: 15px;
  }
  .testimonial-style3.owl-theme .owl-nav {
    margin-top: 35px;
  }
}

@media screen and (max-width: 767px) {
  .testimonial-style3 .testmonial-single p {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 26px;
  }
  .testimonial-style3.owl-theme .owl-nav {
    margin-top: 30px;
  }
  .testimonial-style3 .testmonial-single h6 {
    font-size: 11px;
  }
}

/*testimonial style4*/
.testimonials-section .testimonial-grid {
  overflow: hidden;
  padding: 25px;
  -ms-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -webkit-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -o-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  margin: 15px;
}

.testimonials-section .testimonial-grid p {
  font-size: 16px;
  line-height: 28px;
}

.testimonials-section .testmonial-holder {
  width: 175px;
  float: left;
  border: 8px solid rgba(0, 0, 0, 0.1);
  border-radius: 175px;
}

.testimonials-section .testmonial-holder img {
  width: auto;
  border-radius: 175px;
}

.testimonials-section .testimonial-grid .details {
  width: calc(100% - 175px);
  float: left;
  padding: 0 0 0 30px;
  position: relative;
}

.testimonials-section .client-info > span {
  font-weight: 500;
  text-transform: uppercase;
}

.testimonials-section .custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 30px;
}

.testimonials-section .custom-dot span {
  width: 12px;
  height: 12px;
  margin: 5px;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
  border: 1px solid #fff;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.testimonials-section .custom-dot span:hover {
  background: rgba(0, 0, 0, 0.2);
  -webkit-backface-visibility: visible;
  border-radius: 30px;
}

.testimonials-section .custom-dot.active span {
  width: 12px;
  height: 12px;
  background: #000000;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.testimonials-section .owl-nav i {
  color: #282b2d;
  font-size: 18px;
  padding-top: 6px;
}

.testimonials-section .owl-nav .owl-next {
  color: #000000;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important;
  position: absolute;
  vertical-align: top;
  line-height: 8px;
}

.testimonials-section .owl-nav .owl-prev {
  color: #000000;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important;
  position: absolute;
  vertical-align: top;
  line-height: 8px;
  left: -75px;
  top: 40%;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -ms-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -o-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
}

.testimonials-section .owl-nav .owl-next {
  right: -75px;
  top: 40%;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -ms-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -o-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
}

@media screen and (max-width: 1199px) {
  .testimonials-section .testimonial-grid p {
    font-size: 15px;
  }
}

@media screen and (max-width: 991px) {
  .testimonials-section .testmonial-holder {
    width: 145px;
    border-width: 6px;
  }
  .testimonials-section .testimonial-grid p {
    font-size: 14px;
    line-height: 26px;
  }
}

@media screen and (max-width: 767px) {
  .testimonials-section .testmonial-holder {
    width: 125px;
    border-width: 5px;
  }
  .testimonials-section .testimonial-grid {
    padding: 20px;
  }
  .testimonials-section .testimonial-grid .details {
    width: 100%;
    padding-left: 0;
  }
  .testimonials-section .testmonial-holder {
    float: none;
    margin: 0 auto 15px auto;
    display: inherit;
  }
}

/*testimonial style5*/
.testmonials-style5 {
  position: relative;
  background: #fff;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 0 30px 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.testmonials-style5:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  height: 5px;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
}

.testmonials-style5 img {
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  padding: 2px;
}

.owl-carousel .testmonials-style5 img {
  width: auto;
  max-height: 120px;
  display: inline-block;
}

.testmonials-style5 h5 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  position: relative;
}

.testmonials-style5 span {
  font-size: 13px;
  color: #000000;
}

.testmonials-style5 span:before {
  background: rgba(0, 0, 0, 0.2);
  height: 1px;
  width: 20px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.testmonials-style5 p {
  margin-top: 10px;
}

.testmonials-style5 .data {
  position: relative;
}

.testmonials-style5 .data i {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 991px) {
  .testmonials-style5 {
    margin-bottom: 20px;
  }
  .testmonials-style5 p {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .testmonials-style5 {
    margin-bottom: 15px;
    padding: 25px 15px;
  }
  .testmonials-style5 h5 {
    font-size: 15px;
  }
}

/*testimonial style6*/
.testmonials-style6 h4 {
  color: #fff;
  font-size: 16px;
  margin: 0;
  line-height: normal;
}

.testmonials-style6 p {
  color: #fff;
  margin-bottom: 0;
}

.testmonials-style6 h6 {
  font-size: 12px;
  color: #ccc;
  margin: 0;
  line-height: 30px;
}

.testmonials-style6 .owl-carousel .owl-dots {
  margin-top: 40px !important;
}

.testmonials-style6 .owl-carousel .owl-dots .custom-dot span {
  border-color: 1px solid #fff;
  width: 10px;
  height: 10px;
}

.testmonials-style6 .owl-theme .owl-dots .custom-dot.active span,
.testmonials-style6 .owl-theme .owl-dots .custom-dot:hover span {
  background: #000000;
  border-color: #000000;
}

.testmonials-style6 .custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 30px;
}

.testmonials-style6 .custom-dot span {
  width: 12px;
  height: 12px;
  margin: 5px;
  background: none;
  cursor: pointer;
  display: block;
  border: 1px solid #fff;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.testmonials-style6 .custom-dot span:hover {
  background: #aaa;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
}

.testmonials-style6 .custom-dot.active span {
  width: 12px;
  height: 12px;
  background: #fff;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@media screen and (max-width: 575px) {
  .testmonials-style6 .owl-carousel .owl-dots {
    margin-top: 0px !important;
  }
  .testmonials-style6 .custom-dot {
    margin-top: 10px;
  }
}

/*testimonial style7*/
.testimonial-style7 .testmonial-single p {
  font-weight: 500;
  margin-bottom: 20px;
  position: relative;
  margin-left: 25px;
  text-align: left;
}

.testimonial-style7 .testmonial-single p:before {
  margin: 0;
  content: "\f10d";
  font-weight: 700;
  font-family: Font awesome\5 Free;
  color: #000000;
  font-size: 24px;
  display: block;
  top: 0;
  left: -45px;
  position: absolute;
}

.testimonial-style7 .testmonial-single img {
  width: 50px;
  height: auto;
  margin-bottom: 8px;
}

.testimonial-style7 .testmonial-single h4 {
  font-size: 14px;
}

.testimonial-style7 .testmonial-single h6 {
  font-size: 11px;
}

/*testmonials style8*/
.testimonial-style8 p {
  font-style: italic;
  letter-spacing: 1px;
}

.testimonial-style8 p:before {
  margin-right: 20px;
  content: "\f10d";
  font-weight: 700;
  font-family: Font awesome\5 Free;
  color: #000000;
  font-size: 23px;
}

@media screen and (max-width: 767px) {
  .testimonial-style8 h6 {
    margin-bottom: 30px;
  }
}

/*testmonials style9*/
.testimonial-style9 {
  margin-top: -30px;
}

.testimonial-style9 .testmonial-block {
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
  padding: 45px 40px;
  margin: 30px 24px 40px;
  position: relative;
}

.testimonial-style9 .testmonial-block p {
  margin-bottom: 0;
  margin-top: -50px;
  font-weight: 600;
  font-size: 14px;
}

.testimonial-style9 .author-details h6 {
  margin-bottom: 0;
}

.testimonial-style9 .author-details h4 {
  margin-top: 0;
}

.testimonial-style9 .author-details .author-pic {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
}

.testimonial-style9 .author-details .author-name {
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px;
  width: 160px;
}

.testimonial-style9 .quote {
  font-size: 124px;
  opacity: 0.1;
  line-height: 110px;
}

@media screen and (max-width: 991px) {
  .testimonial-style9 .testmonial-block {
    padding: 35px 30px;
  }
  .testimonial-style9 .quote {
    font-size: 114px;
    line-height: 100px;
  }
}

@media screen and (max-width: 575px) {
  .testimonial-style9 .testmonial-block {
    padding: 20px 24px;
  }
  .testimonial-style9 .quote {
    font-size: 100px;
  }
  .testimonial-style9 .author-details .author-name {
    width: 130px;
  }
}

/*testimonial style10*/
.testimonial-style10.owl-theme .owl-nav {
  margin-top: 50px;
  text-align: center;
}

.testimonial-style10 .author-details {
  padding-left: 60px;
  position: relative;
}

.testimonial-style10 .author-details:before {
  background: #000000;
  height: 2px;
  width: 40px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 8px;
  content: "";
}

.testimonial-style10 .testmonial-desc h4 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.8);
}

.testimonial-style10 .testmonial-desc h6 {
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 1px;
  margin-bottom: 0;
}

.testimonial-style10 .testmonial-desc p {
  line-height: 30px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 50px;
  position: relative;
  margin-top: -30px;
  color: rgba(255, 255, 255, 0.9);
}

.testimonial-style10 .testmonial-desc .quote {
  font-size: 124px;
  opacity: 0.8;
  line-height: 110px;
  font-weight: bold;
  color: #000000;
}

@media screen and (max-width: 991px) {
  .testimonial-style10 .testmonial-desc {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  .testimonial-style10 .author-details {
    text-align: center;
    display: inline-block;
  }
  .testimonial-style10 .testmonial-desc p {
    margin-bottom: 35px;
    font-size: 15px;
  }
  .testimonial-style10.owl-theme .owl-nav {
    margin-top: 35px;
  }
  .testimonial-style10 .testmonial-desc .quote {
    font-size: 110px;
  }
}

@media screen and (max-width: 767px) {
  .testimonial-style10 .testmonial-desc p {
    margin-bottom: 30px;
  }
  .testimonial-style10.owl-theme .owl-nav {
    margin-top: 30px;
  }
  .testimonial-style10 .testmonial-desc h6 {
    font-size: 11px;
  }
}

@media screen and (max-width: 575px) {
  .testimonial-style10 .testmonial-desc .quote {
    font-size: 90px;
    line-height: 95px;
  }
}

.owl-carousel .testmonial-box img {
  width: auto;
  max-height: 120px;
  display: inline-block;
}

/* testimonial style11 */
.section-testimonial {
  background: url(../img/bg/black_twill.png) repeat #232323;
}

.testimonial-style11 p {
  font-size: 24px;
  margin-bottom: 4rem;
  color: #ededed;
  letter-spacing: 0.5px;
  line-height: 1.9;
  margin-top: -4rem;
}

.testimonial-style11 h4 {
  font-size: 18px;
  color: #ededed;
  margin-bottom: 0;
}

.testimonial-style11 small {
  color: #000000;
}

.testimonial-style11 .quote {
  font-size: 140px;
  line-height: 180px;
  color: #000000;
  margin-top: -2rem;
  display: block;
}

.testimonial-style11 .custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 3rem;
}

.testimonial-style11 .custom-dot span {
  width: 20px;
  height: 5px;
  margin: 5px;
  background: rgba(225, 225, 225, 0.4);
  cursor: pointer;
  border: none;
  display: block;
  -webkit-backface-visibility: visible;
  border-radius: 10px;
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.testimonial-style11 .custom-dot span:hover {
  background: #aaa;
  -webkit-backface-visibility: visible;
}

.testimonial-style11 .custom-dot.active span {
  width: 20px;
  height: 5px;
  background: #fff;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@media screen and (max-width: 991px) {
  .testimonial-style11 p {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .testimonial-style11 p {
    font-size: 18px;
  }
}

@media screen and (max-width: 575px) {
  .testimonial-style11 .quote {
    font-size: 110px;
    line-height: 160px;
  }
  .testimonial-style11 p {
    margin-bottom: 3rem;
    font-size: 16px;
  }
  .testimonial-style11 h4 {
    font-size: 16px;
  }
  .testimonial-style11 .custom-dot {
    margin-top: 2rem;
  }
}

/* testimonial style11 */
.testimonial-style12 p {
  font-size: 24px;
  margin-bottom: 4rem;
  letter-spacing: 0.5px;
  line-height: 1.9;
  margin-top: -4rem;
}

.testimonial-style12 h4 {
  font-size: 18px;
  margin-bottom: 0;
}

.testimonial-style12 small {
  color: #000000;
}

.testimonial-style12 .quote {
  font-size: 140px;
  line-height: 180px;
  color: #000000;
  margin-top: -2rem;
  display: block;
}

.testimonial-style12 .custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 3rem;
}

.testimonial-style12 .custom-dot span {
  width: 12px;
  height: 12px;
  margin: 5px;
  background: rgba(0, 0, 0, 0.09);
  cursor: pointer;
  border: none;
  display: block;
  -webkit-backface-visibility: visible;
  border-radius: 10px;
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.testimonial-style12 .custom-dot span:hover {
  background: #aaa;
  -webkit-backface-visibility: visible;
}

.testimonial-style12 .custom-dot.active span {
  width: 12px;
  height: 12px;
  background: #000000;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@media screen and (max-width: 991px) {
  .testimonial-style12 p {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .testimonial-style12 p {
    font-size: 18px;
  }
}

@media screen and (max-width: 575px) {
  .testimonial-style12 .quote {
    font-size: 110px;
    line-height: 160px;
  }
  .testimonial-style12 p {
    margin-bottom: 3rem;
    font-size: 16px;
  }
  .testimonial-style12 h4 {
    font-size: 16px;
  }
  .testimonial-style12 .custom-dot {
    margin-top: 2rem;
  }
}

/* ===================================
   Owl carousel
====================================== */
.custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 30px;
}

.custom-dot span {
  width: 12px;
  height: 12px;
  margin: 5px;
  background: none;
  cursor: pointer;
  display: block;
  border: 1px solid #fff;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
}

.custom-dot span:hover {
  background: #aaa;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
}

.custom-dot.active span {
  width: 12px;
  height: 12px;
  background: #fff;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.owl-nav i {
  color: #282b2d;
  font-size: 18px;
  padding-top: 6px;
}

.owl-nav .owl-next {
  color: #000000;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important;
}

.owl-nav .owl-prev {
  color: #000000;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important;
  left: 0;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
}

.owl-nav .owl-next {
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
}

.owl-thumbs button {
  border: none;
}

.owl-thumbs button img {
  opacity: 0.5;
}

.owl-thumbs button.active img {
  opacity: 1;
}

.owl-thumb-item {
  cursor: pointer;
}

.carousel-style2 .custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 30px;
}

.carousel-style2 .custom-dot span {
  width: 12px;
  height: 12px;
  margin: 5px;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
  border: 1px solid #fff;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
}

.carousel-style2 .custom-dot span:hover {
  background: rgba(0, 0, 0, 0.2);
  -webkit-backface-visibility: visible;
  border-radius: 30px;
}

.carousel-style2 .custom-dot.active span {
  width: 12px;
  height: 12px;
  background: #000000;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@media screen and (max-width: 991px) {
  .carousel-style2 .custom-dot {
    margin-top: 20px;
  }
}

/* ===================================
    Team member
====================================== */
/* team style */
.team-members {
  background: #fff;
  overflow: hidden;
}

.team-members-img {
  width: 100%;
  height: auto;
}

.team-members-img img {
  width: 100%;
}

.team-members-text {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  padding: 20px;
  background: #fff;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.team-members-text * {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.team-members-text h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 4px;
}

.team-members-text h4 a {
  color: #282b2d;
  transition-duration: 0s;
  -ms-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
}

.team-members-text span {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
}

.team-members-text p {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 170%;
  margin: 20px auto 0;
  max-width: 90%;
}

.team-members-text ul {
  margin-top: 15px;
  padding: 8px 0;
}

.team-members-text ul li a i {
  font-size: 17px;
  line-height: 34px;
}

.team-members:hover .team-members-text {
  background: #000000;
}

.team-members:hover .team-members-text h4 a,
.team-members:hover .team-members-text span {
  color: #fff;
}

@media screen and (max-width: 991px) {
  .team-members-text {
    padding: 15px 10px;
  }
  .team-members-text h4 {
    font-size: 14px;
    margin-bottom: 2px;
  }
  .team-members-text span {
    font-size: 14px;
  }
}

@media screen and (max-width: 575px) {
  .team-members-text {
    padding: 15px 10px;
  }
}

/* team single img */
.team-single-img {
  width: 100%;
}

.team-single-img img {
  border-radius: 5px;
}

.team-single-text {
  padding: 5px 50px 15px 15px;
}

.team-single-text span {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
}

.team-single-text h4 {
  color: #282b2d;
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 10px;
}

.team-single-text li span {
  color: #777;
  font-size: 15px;
  font-weight: 400;
}

/* team single icon */
.team-single-icons ul li {
  display: inline-block;
  border: 1px solid #000000;
  border-radius: 50%;
  color: #000000;
  margin-right: 8px;
  margin-bottom: 5px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.team-single-icons ul li a {
  color: #000000;
  display: block;
  font-size: 14px;
  height: 25px;
  line-height: 26px;
  text-align: center;
  width: 25px;
}

.team-single-icons ul li:hover {
  background: #000000;
  border-color: #000000;
}

.team-single-icons ul li:hover a {
  color: #fff;
}

/* team style1 */
.team-style1 .team-member-img {
  overflow: hidden;
  border-radius: 5px;
}

.team-style1 .team-member-img img {
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
}

.team-style1 .team-member-img:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* team style2 */
.team-style2 .team-member-img img {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.team-style2 .team-member-img:hover img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.team-style2 .team-description {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  padding: 15px;
  z-index: 9;
}

.team-style2 .social-links {
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-transition: opacity 150ms ease-in, -webkit-transform 300ms ease-in-out;
  transition: opacity 150ms ease-in, -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, opacity 150ms ease-in;
  transition: transform 300ms ease-in-out, opacity 150ms ease-in, -webkit-transform 300ms ease-in-out;
  opacity: 0;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

.team-style2 .social-links a:hover {
  opacity: 0.65;
}

.team-style2 .team-description-wrapper {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}

.team-style2 .team-description-content {
  display: table-cell;
  vertical-align: middle;
}

.team-style2 .team-member-img {
  position: relative;
  display: block;
  overflow: hidden;
}

.team-style2 .bg-cover {
  background-color: rgba(255, 66, 41, 0);
  opacity: 1;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  -webkit-transform: scale(2);
          transform: scale(2);
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  display: none;
  z-index: 1;
}

.team-style2 .team-member-img > img {
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.team-style2:hover .bg-cover {
  background-color: rgba(0, 0, 0, 0.75);
  display: block;
}

.team-style2:hover .social-links {
  -webkit-transition-delay: 100ms, 100ms;
          transition-delay: 100ms, 100ms;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.team-style2:hover .team-member-img > img {
  -webkit-filter: blur(4px) grayscale(4%);
          filter: blur(4px) grayscale(4%);
}

.team-style2:hover .team-description {
  opacity: 1;
}

/* team style3 */
.team-style3 .team-description {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  padding: 15px;
  z-index: 9;
}

.team-style3 .social-links {
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-transition: opacity 150ms ease-in, -webkit-transform 300ms ease-in-out;
  transition: opacity 150ms ease-in, -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, opacity 150ms ease-in;
  transition: transform 300ms ease-in-out, opacity 150ms ease-in, -webkit-transform 300ms ease-in-out;
  opacity: 0;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

.team-style3 .about-me {
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-transition: opacity 150ms ease-in, -webkit-transform 300ms ease-in-out;
  transition: opacity 150ms ease-in, -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, opacity 150ms ease-in;
  transition: transform 300ms ease-in-out, opacity 150ms ease-in, -webkit-transform 300ms ease-in-out;
  opacity: 0;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  position: relative;
  display: inline-block;
  color: #f7f7f7;
}

.team-style3 .social-links:after {
  background: #000000;
  bottom: -12px;
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 75px;
}

.team-style3 .social-links a:hover {
  opacity: 0.65;
}

.team-style3 .team-description-wrapper {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}

.team-style3 .team-description-content {
  display: table-cell;
  vertical-align: middle;
}

.team-style3 .team-member-img {
  position: relative;
  display: block;
  overflow: hidden;
}

.team-style3 .bg-cover {
  background-color: rgba(255, 66, 41, 0);
  opacity: 1;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  -webkit-transform: scale(2);
          transform: scale(2);
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  display: none;
  z-index: 1;
}

.team-style3 .team-member-img > img {
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.team-style3:hover .bg-cover {
  background-color: rgba(0, 0, 0, 0.83);
  display: block;
}

.team-style3:hover .social-links {
  -webkit-transition-delay: 100ms, 100ms;
          transition-delay: 100ms, 100ms;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.team-style3:hover .about-me {
  -webkit-transition-delay: 200ms, 200ms;
          transition-delay: 200ms, 200ms;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.team-style3:hover .team-member-img > img {
  -webkit-filter: blur(4px) grayscale(4%);
          filter: blur(4px) grayscale(4%);
}

.team-style3:hover .team-description {
  opacity: 1;
}

/* team style4 */
.team-style4 .team-description {
  background: rgba(0, 0, 0, 0.65);
  bottom: 0;
  left: 0;
  opacity: 0;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 200ms ease-in-out 0s;
  transition: all 200ms ease-in-out 0s;
  z-index: 9;
}

.team-style4 .social-links {
  color: #fff;
  opacity: 0;
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-transition: opacity 150ms ease-in 0s, -webkit-transform 300ms ease-in-out 0s;
  transition: opacity 150ms ease-in 0s, -webkit-transform 300ms ease-in-out 0s;
  transition: transform 300ms ease-in-out 0s, opacity 150ms ease-in 0s;
  transition: transform 300ms ease-in-out 0s, opacity 150ms ease-in 0s, -webkit-transform 300ms ease-in-out 0s;
}

.team-style4 .about-me {
  color: #fff;
  opacity: 0;
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-transition: opacity 150ms ease-in 0s, -webkit-transform 300ms ease-in-out 0s;
  transition: opacity 150ms ease-in 0s, -webkit-transform 300ms ease-in-out 0s;
  transition: transform 300ms ease-in-out 0s, opacity 150ms ease-in 0s;
  transition: transform 300ms ease-in-out 0s, opacity 150ms ease-in 0s, -webkit-transform 300ms ease-in-out 0s;
  color: #f7f7f7;
  display: inline-block;
  position: relative;
}

.team-style4 .social-links a:hover {
  opacity: 0.65;
}

.team-style4 .team-description-wrapper {
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
}

.team-style4 .team-description-content {
  display: table-cell;
  vertical-align: middle;
}

.team-style4 .team-member-img {
  display: block;
  overflow: hidden;
  position: relative;
  border: 10px solid #f5f5f5;
}

.team-style4:hover .team-member-img {
  border: 10px solid rgba(0, 0, 0, 0.8);
}

.team-style4 .bg-cover {
  background-color: rgba(255, 66, 41, 0);
  display: none;
  height: 100%;
  opacity: 1;
  position: absolute;
  top: 0;
  -webkit-transform: scale(2);
          transform: scale(2);
  -webkit-transition: all 200ms ease-in-out 0s;
  transition: all 200ms ease-in-out 0s;
  width: 100%;
  z-index: 1;
}

.team-style4 .team-member-img > img {
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.team-style4:hover .bg-cover {
  background-color: rgba(0, 0, 0, 0.65);
  display: block;
}

.team-style4:hover .social-links {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition-delay: 100ms, 100ms;
          transition-delay: 100ms, 100ms;
}

.team-style4:hover .about-me {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition-delay: 200ms, 200ms;
          transition-delay: 200ms, 200ms;
}

.team-style4:hover .team-member-img > img {
  -webkit-filter: blur(4px) grayscale(4%);
          filter: blur(4px) grayscale(4%);
}

.team-style4:hover .team-description {
  opacity: 1;
}

/* team style5 */
.team-style5 .team-block {
  background: #fff;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.team-style5 .team-block:hover {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
}

.team-style5 h5:after {
  border-bottom: 2px solid #000000;
  content: "";
  display: block;
  margin: 10px 0 15px 0;
  text-align: center;
  width: 50%;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.team-style5 .team-block:hover h5:after {
  width: 100%;
}

.team-style5 .owl-dots {
  text-align: center;
}

.team-style5 .custom-dot {
  margin-top: 20px;
}

.team-style5 .custom-dot.active span {
  width: 12px;
  height: 12px;
  background: #000000;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.team-style5 .custom-dot span {
  width: 12px;
  height: 12px;
  margin: 5px;
  background: #cecece;
  cursor: pointer;
  display: block;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.team-style5 .social-icons {
  margin-bottom: 0;
}

.team-style5 .social-icons li {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  margin-right: 5px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.team-style5 .social-icons li a {
  color: #939393;
  display: block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}

.team-style5 .social-icons li:hover {
  background: #000000;
  border-color: #000000;
}

.team-style5 .social-icons li:hover i {
  color: #fff;
}

/* team style6 */
.team-style6 {
  background: #fff;
  overflow: hidden;
}

.team-style6 .team-img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.team-style6 .team-img img {
  border-radius: 4px;
}

.team-style6 .team-details {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1);
          box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1);
  width: 90%;
  margin: -30px auto 20px auto;
  position: relative;
  z-index: 1;
  border-radius: 4px;
}

.team-style6 .team-details h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 4px;
}

.team-style6 .team-details h4 a {
  color: #282b2d;
  transition-duration: 0s;
  -ms-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
}

.team-style6 .team-details span {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
}

@media screen and (max-width: 991px) {
  .team-style6 .team-details {
    padding: 15px 10px;
  }
  .team-style6 .team-details h4 {
    font-size: 14px;
    margin-bottom: 2px;
  }
  .team-style6 .team-details span {
    font-size: 14px;
  }
}

@media screen and (max-width: 575px) {
  .team-style6 .team-details {
    padding: 15px 10px;
  }
}

/* team style7 */
.team-style7 {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.team-style7 .team-name {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 5px;
  margin-top: 20px;
}

.team-style7 .team-position {
  margin-bottom: 0;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}

.team-style7 .team-text {
  padding: 30px 30px 0 30px;
  position: relative;
}

.team-style7 .team-text:before {
  border: 1px solid rgba(0, 0, 0, 0.09);
  content: "";
  height: calc(100% - 125px);
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.team-style7 img {
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

.team-style7 .team-social-icon {
  top: 30px;
  left: 30px;
  background: rgba(0, 0, 0, 0.7);
  width: calc(100% - 60px);
  height: calc(100% - 106px);
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0;
  margin: 0;
  position: absolute;
  z-index: 9;
}

.team-style7 .team-social-icon li {
  display: inline-block;
  font-size: 17px;
  margin: 0 10px;
  position: relative;
  top: 50%;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.team-style7 .team-social-icon li a {
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.team-style7 .team-social-icon li:hover,
.team-style7 .team-social-icon li a:hover {
  opacity: 0.65;
}

.team-style7 .team-social-icon li:nth-child(2) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.team-style7 .team-social-icon li:nth-child(3) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.team-style7 .team-social-icon li:nth-child(4) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.team-style7 .team-social-icon li:nth-child(5) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.team-style7:hover .team-social-icon {
  opacity: 1;
}

.team-style7:hover .team-social-icon li {
  opacity: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 991px) {
  .team-style7 {
    padding-left: 0;
    padding-right: 0;
  }
  .team-style7 .team-text {
    padding: 15px 15px 0 15px;
  }
  .team-style7 .team-social-icon {
    top: 15px;
    left: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 92px);
  }
}

/* ===================================
    Project grid
====================================== */
/* filtering */
.filtering {
  margin-bottom: 10px;
}

.filtering span {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  color: #333333;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-right: 20px;
  display: inline-block;
  margin-bottom: 5px;
}

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

.filtering .active {
  border-color: #79bb1e;
  color: #79bb1e;
}

@media screen and (max-width: 767px) {
  .filtering span {
    margin-right: 15px;
  }
}

/* project grid */
.project-grid {
  display: block;
  position: relative;
  margin: 5px 0;
}

.project-grid-img img {
  display: block;
  width: 100%;
  height: auto;
}

.project-grid-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -o-flex-align: center;
  align-items: center;
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  overflow: hidden;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.project-grid-overlay h4 {
  margin-bottom: 0;
}

.project-grid-overlay h4 a {
  text-align: center;
}

.project-grid-overlay p {
  text-align: center;
}

.project-grid:hover .project-grid-overlay {
  opacity: 1;
}

.project-grid-overlay h4 a {
  font-size: 22px;
  opacity: 0;
}

.project-grid-overlay h4 a:hover {
  color: #000000;
}

.project-grid-overlay h4 a:after {
  content: "";
  display: block;
  width: 70px;
  height: 1px;
  background: #000000;
  margin: 15px auto;
}

.project-grid:hover h4 a {
  opacity: 1;
  line-height: normal;
}

.project-grid-overlay p {
  color: #666;
  font-size: 15px;
  margin: 0;
  opacity: 0;
}

.project-grid:hover p {
  opacity: 1;
}

.project-grid-overlay.theme {
  background: rgba(0, 0, 0, 0.95);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 5px solid rgba(0, 0, 0, 0.15);
}

.project-grid-overlay.theme h4 a {
  color: #fff;
}

.project-grid-overlay.theme h4 a:hover {
  color: rgba(255, 255, 255, 0.55);
}

.project-grid-overlay.theme h4 a:after {
  height: 1px;
  background: #fff;
}

.project-grid-overlay.theme p {
  color: #fff;
}

@media screen and (max-width: 1199px) {
  .project-grid-overlay h4 {
    line-height: 20px;
  }
  .project-grid-overlay h4 a {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .project-grid:hover p {
    top: 52%;
  }
}

/* project grid style2 */
.project-grid-style2 .project-details {
  position: relative;
  overflow: hidden;
}

.project-grid-style2 .project-details img {
  width: 100%;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: all 400ms;
  transition: all 400ms;
}

.project-grid-style2 .portfolio-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.project-grid-style2 .portfolio-icon a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 25px;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  font-size: 26px;
  z-index: 9;
}

.project-grid-style2 .portfolio-title {
  padding: 15px 15px 0 15px;
  text-align: center;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.project-grid-style2 .portfolio-title h4 {
  font-size: 16px;
  margin-bottom: 0;
}

.project-grid-style2 .portfolio-title p {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.project-grid-style2:hover .project-details img {
  -webkit-transform: scale3d(1.15, 1.15, 1);
  transform: scale3d(1.15, 1.15, 1);
}

.project-grid-style2:hover .portfolio-icon {
  opacity: 1;
}

.project-grid-style2:hover .portfolio-icon a {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.project-grid-style2:hover .portfolio-icon a:hover {
  color: #000000;
}

.portfolio-post-border {
  border: 1px solid #000000;
  bottom: 20px;
  left: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  visibility: hidden;
}

.project-grid-style2:hover .portfolio-post-border {
  visibility: visible;
}

/* project single */
.project-carousel h4:after {
  content: " ";
  background: #000000;
  height: 2px;
}

.project-single-text h4:after {
  content: " ";
  background: #000000;
  height: 2px;
}

.project-single-text p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
}

.project-single-text h5 {
  color: #282b2d;
  font-size: 18px;
  font-weight: 500;
  margin: 25px 0 20px;
}

.project-single-text h5:after {
  display: block;
  width: 70px;
  margin-top: 8px;
  content: " ";
  background: #000000;
  height: 2px;
}

.project-single-text ul li {
  color: #282b2d;
  font-size: 15px;
  font-weight: 500;
}

.project-single-text ul li i {
  color: #000000;
  font-weight: 500;
  font-size: 15px;
  padding-right: 10px;
}

.project-single-info {
  border: 1px solid #ececec;
  display: block;
  width: 100%;
  padding: 0 20px;
}

.project-single-info ul li {
  color: #777;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid #ececec;
  padding: 12px 0;
}

.project-single-info ul li:last-child {
  border-bottom: none;
}

.project-single-info ul li span {
  display: inline-block;
  color: #282b2d;
  font-size: 15px;
  font-weight: 500;
  margin-right: 25px;
  width: 70px;
  max-width: 100%;
}

.project-single-info ul li .value {
  width: auto;
  margin-right: 0;
  color: #6f6f6f;
}

.project-single-img {
  padding-bottom: 30px;
}

.project-single-box-img img {
  width: 100%;
  -ms-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
  -o-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
}

/* project grid style3 */
.project-grid-style3 {
  position: relative;
  margin-bottom: 10px;
}

.project-grid-style3 .inner-box {
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.project-grid-style3 .inner-box .project-image {
  position: relative;
}

.project-grid-style3 .inner-box .project-image:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.project-grid-style3 .inner-box:hover .project-image:before {
  opacity: 0;
}

.project-grid-style3 .inner-box .project-image img {
  position: relative;
  width: 100%;
  display: block;
}

.project-grid-style3 .inner-box .overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  color: #ffffff;
  visibility: hidden;
  -webkit-transition: all 700ms ease;
  transition: all 700ms ease;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-grid-style3 .inner-box .overlay:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  display: block;
  visibility: hidden;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  background-color: rgba(0, 0, 0, 0.95);
}

.project-grid-style3 .inner-box:hover .overlay:before {
  opacity: 1;
  visibility: visible;
}

.project-grid-style3 .inner-box .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
  padding: 20px;
}

.project-grid-style3 .inner-box .overlay-inner .description {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.project-grid-style3 .inner-box .text {
  position: relative;
  color: #ffffff;
  margin-bottom: 20px;
}

.project-grid-style3 .inner-box .read-more {
  position: relative;
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  padding-right: 22px;
}

.project-grid-style3 .inner-box .read-more .fa {
  position: relative;
  margin-right: 4px;
}

.project-grid-style3 .inner-box:hover .overlay {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.project-grid-style3 .inner-box .project-desc {
  background: #fff;
  position: relative;
  padding: 30px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.project-grid-style3 .inner-box:hover .project-desc {
  background-color: #f9f8fc;
}

.project-grid-style3 .inner-box .project-desc .category {
  color: #000000;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 8px;
  margin-bottom: 20px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.project-grid-style3 .inner-box:hover .project-desc .category {
  color: #282b2d;
}

.project-grid-style3 .inner-box .project-desc .category:after {
  content: "";
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  width: 20%;
  display: block;
  margin-top: 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.project-grid-style3 .inner-box:hover .project-desc .category:after {
  width: 100%;
  background: #000000;
}

.project-grid-style3 .inner-box .project-desc h3 {
  line-height: 30px;
  margin-bottom: 0;
  font-size: 18px;
}

.project-grid-style3 .inner-box .project-desc a {
  position: relative;
}

.project-grid-style3 .inner-box .project-desc a:hover {
  color: #000000;
}

@media screen and (max-width: 991px) {
  .project-grid-style3 .inner-box .project-desc {
    padding: 25px;
  }
  .project-grid-style3 .inner-box .project-desc h3 {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .project-grid-style3 .inner-box .overlay-inner {
    padding: 15px;
  }
  .project-grid-style3 .inner-box .text {
    margin-bottom: 15px;
  }
}

/* project grid style10 */
.project-grid-style10 h4 {
  font-size: 18px;
  margin-bottom: 0;
  margin-top: 25px;
  font-weight: 500;
}

.project-grid-style10 img {
  -webkit-transition: opacity 0.6s ease 0s, -webkit-transform 0.6s ease 0s;
  transition: opacity 0.6s ease 0s, -webkit-transform 0.6s ease 0s;
  transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;
  transition: opacity 0.6s ease 0s, transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s;
}

.project-grid-style10:hover img {
  opacity: 0.6;
}

/* Portfolio block */
.portfolio-block {
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.portfolio-block .portfolio-img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.portfolio-block .portfolio-img:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Free";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: #000000;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  color: #fff;
  text-align: center;
  font-size: 45px;
  opacity: 0;
  visibility: hidden;
}

.portfolio-block .portfolio-img:hover:before {
  opacity: 0.9;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border: 10px solid #e2e2e2;
  visibility: visible;
}

.portfolio-overlay {
  position: absolute;
  bottom: 50px;
  left: 60px;
  color: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.portfolio-block:hover .portfolio-overlay {
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.portfolio-block:hover .portfolio-overlay h6 {
  margin-left: 0;
  margin-bottom: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.portfolio-block:hover .portfolio-overlay h5 {
  margin-left: 0;
  margin-top: 3px;
}

.portfolio-block h6 {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  margin-left: 50px;
  font-size: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.portfolio-overlay h5 {
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.85);
  margin-left: -20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-top: 20px;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .portfolio-overlay {
    bottom: 20px;
    left: 30px;
  }
}

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

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

.accordion-style .btn-link {
  background: #000000 !important;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 4px;
  padding: 15px 30px 15px 15px;
  text-decoration: none;
}

.accordion-style .btn-link:hover {
  background: #000000 !important;
  border: none;
  text-decoration: none;
}

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

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

.accordion-style .card-body {
  padding: 20px;
  text-align: left;
}

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

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

.accordion-style2 .btn-link {
  background: #eff3f9 !important;
  color: #282b2d;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 0;
  padding: 15px 30px 15px 15px;
  text-decoration: none;
}

.accordion-style2 .btn-link:hover {
  background: #eff3f9 !important;
  border: none;
  text-decoration: none;
}

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

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

.accordion-style2 .card-body {
  padding: 10px 15px;
  text-align: left;
  background: #f7faff;
}

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

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

.accordion-style3 .btn-link {
  background: #000000 !important;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 4px;
  padding: 15px 40px 15px 15px;
  text-decoration: none;
}

.accordion-style3 .btn-link:hover {
  background: rgba(0, 0, 0, 0.7) !important;
  border: none;
  text-decoration: none;
}

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

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

.accordion-style3 .card-body {
  padding: 20px;
  text-align: left;
}

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

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

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

.accordion-style4 .btn-link {
  background: #000000 !important;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 0;
  padding: 18px 30px 18px 20px;
  text-decoration: none;
}

.accordion-style4 .btn-link:after {
  color: #fff !important;
}

.accordion-style4 .btn-link:hover {
  background: #000000 !important;
  border: none;
  text-decoration: none;
}

.accordion-style4 .btn-link.collapsed {
  background: #ededed !important;
  color: #282b2d;
}

.accordion-style4 .btn-link.collapsed:after {
  background: none;
  content: "+";
  right: 20px;
  left: inherit;
  font-size: 26px;
  height: auto;
  -webkit-transform: none;
          transform: none;
  width: auto;
  top: 18px;
  color: #282b2d !important;
}

.accordion-style4 .btn-link:after {
  background: none;
  content: "-";
  right: 20px;
  left: inherit;
  font-size: 36px;
  height: auto;
  -webkit-transform: none;
          transform: none;
  width: auto;
  top: 16px;
  position: absolute;
  color: #282b2d;
}

.accordion-style4 .card-body {
  padding: 15px;
  text-align: left;
  background: #f9f9f9;
}

@media screen and (max-width: 991px) {
  .accordion-style4 .btn-link {
    font-size: 15px;
    padding: 15px 50px 15px 20px;
  }
  .accordion-style4 .btn-link:after {
    font-size: 34px;
    top: 13px;
  }
  .accordion-style4 .btn-link.collapsed:after {
    font-size: 24px;
    top: 16px;
  }
}

@media screen and (max-width: 767px) {
  .accordion-style4 .btn-link {
    font-size: 14px;
    padding: 12px 40px 12px 15px;
  }
  .accordion-style4 .btn-link:after {
    font-size: 32px;
    top: 10px;
  }
  .accordion-style4 .btn-link.collapsed:after {
    font-size: 22px;
    top: 14px;
  }
}

/* ===================================
    Portfolio masonry
====================================== */
.masonry {
  margin: 10px;
  padding: 0;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}

.masonry a {
  display: block;
  margin-top: 10px;
}

.masonry a:first-child {
  margin-top: 0;
}

.masonry-item {
  position: relative;
  overflow: hidden;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.masonry-item img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.masonry-item-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  max-height: 100%;
  width: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  border: 8px solid rgba(255, 255, 255, 0.65);
  padding: 3%;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.masonry-item:hover .masonry-item-overlay {
  position: absolute;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.masonry-item:hover .masonry-item-overlay h4 {
  opacity: 1;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  text-align: center;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.masonry-item:hover .masonry-item-overlay ul {
  opacity: 1;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  text-align: center;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.masonry-item-overlay h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  position: absolute;
  bottom: 40px;
  margin: 0 0 20px 0;
  line-height: 20px;
}

.masonry-item-overlay ul {
  position: absolute;
  padding-left: 0;
  bottom: 25px;
  margin: 0;
}

.masonry-item-overlay ul li {
  list-style-type: none;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  padding-left: 0;
  opacity: 0.7;
}

.masonry-item-overlay ul li:last-child:after {
  content: none;
}

.masonry-item-overlay ul li:after {
  content: " / ";
  font-size: 8px;
  font-weight: 700;
  margin: 0 5px;
}

.masonry-item-overlay ul li a {
  color: #fff;
}

.masonry-item:first-child {
  margin-top: 0;
}

@media screen and (min-width: 576px) {
  .masonry {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media screen and (min-width: 768px) {
  .masonry {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media screen and (min-width: 992px) {
  .masonry {
    -webkit-column-count: 3;
    column-count: 3;
  }
}

@media screen and (min-width: 1200px) {
  .masonry {
    -webkit-column-count: 3;
    column-count: 3;
  }
}

/* masonry 4 */
.masonry-4 {
  margin: 10px;
  padding: 0;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

.masonry-4 a {
  display: block;
  margin-top: 10px;
}

.masonry-4 a:first-child {
  margin-top: 0;
}

@media screen and (min-width: 576px) {
  .masonry-4 {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media screen and (min-width: 768px) {
  .masonry-4 {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media screen and (min-width: 992px) {
  .masonry-4 {
    -webkit-column-count: 3;
    column-count: 3;
  }
}

@media screen and (min-width: 1200px) {
  .masonry-4 {
    -webkit-column-count: 4;
    column-count: 4;
  }
}

/* ===================================
    Tabs
====================================== */
ul.resp-tabs-list {
  margin: 0px;
  padding: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* accordion styles */
.resp-easy-accordion h2.resp-accordion {
  display: block;
}

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

.resp-easy-accordion .resp-tab-content:last-child {
  border-bottom: 1px solid #c1c1c1;
  /* !important; */
}

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

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

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

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

/* tab-style1 */
.tab-style1 .resp-tabs-list li.resp-tab-active,
.tab-style1 .resp-tab-content-active {
  background: #000000 !important;
  color: #fff;
}

/* tab-style2 */
@media screen and (min-width: 768px) {
  .tab-style2 ul.resp-tabs-list {
    text-align: center;
  }
  .tab-style2 ul.resp-tabs-list.text-left {
    padding-left: 15px;
  }
  .tab-style2 ul.resp-tabs-list li:last-child {
    margin-right: 0;
  }
  .tab-style2 ul.resp-tabs-list li.resp-tab-active {
    border-bottom-color: #000000;
    color: #000000;
  }
  .tab-style2 .resp-tab-content {
    border: 1px solid #e6e6e6;
    border-width: 1px 0 0 0;
    border-color: #000000;
    padding: 50px 25px;
  }
}

/* tab-style3 */
@media screen and (min-width: 768px) {
  .tab-style3 ul.resp-tabs-list {
    text-align: center;
    border: 1px solid #e6e6e6;
    border-width: 0 0 1px 0;
  }
  .tab-style3 ul.resp-tabs-list li:last-child {
    margin-right: 0;
  }
  .tab-style3 ul.resp-tabs-list li.resp-tab-active {
    border-bottom-color: #000000;
    color: #000000;
  }
  .tab-style3 .resp-tab-content {
    border: none;
    padding: 30px 20px;
  }
  .tab-style3 .resp-tabs-list .tab-box {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-top: 8px;
  }
  .tab-style3 .resp-tabs-list li.resp-tab-active h6 {
    color: #000000;
  }
  .tab-style3 .resp-tabs-list .tab-box h6 {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    color: #6f6f6f;
    line-height: 12px;
  }
  .tab-style3 .resp-tabs-list .tab-box span {
    text-transform: lowercase;
    font-size: 12px;
  }
  .tab-style3 .resp-tabs-list li {
    font-size: 18px;
    border-bottom: 2px solid transparent !important;
    margin: 0;
    background: none !important;
    padding: 0 35px 15px 35px;
    text-transform: uppercase;
  }
  .tab-style3 .resp-tabs-list li.resp-tab-active {
    border-width: 0 0 2px 0 !important;
    border-color: #000000 !important;
  }
  .tab-style3 ul.resp-tabs-list i {
    margin-right: 15px;
    border: 1px solid #d5d5d5;
    border-radius: 70px;
    width: 70px;
    height: 70px;
    line-height: 68px;
    font-size: 30px;
    padding: 0;
    vertical-align: middle;
  }
  .tab-style3 ul.resp-tabs-list li.resp-tab-active i {
    background: #000000;
    border-color: #000000;
    color: #fff;
  }
}

@media screen and (max-width: 991px) {
  .tab-style3 .resp-tab-content {
    padding: 20px;
  }
  .tab-style3 .resp-tabs-list li {
    padding: 0 15px 15px 15px;
  }
}

/* change the breakpoint to set the accordion */
@media screen and (max-width: 767px) {
  ul.resp-tabs-list {
    display: none;
  }
  h2.resp-accordion {
    display: block;
  }
  h2.resp-accordion i {
    margin-right: 8px;
    font-size: 18px;
  }
  .resp-vtabs .resp-tab-content {
    border: 1px solid #c1c1c1;
  }
  .resp-vtabs .resp-tabs-container {
    border: none !important;
    float: none;
    width: 100%;
    min-height: 100px;
    clear: none;
  }
  .resp-accordion-closed {
    display: none !important;
  }
  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
  }
  .resp-tab-content {
    background-color: #fff;
  }
  /* tab-style3 */
  .tab-style3 .tab-box {
    display: inline-block;
    vertical-align: top;
  }
  .tab-style3 h2.resp-accordion i {
    margin-right: 15px;
  }
  .tab-style3 .tab-box h6 {
    margin-bottom: 2px;
    font-size: 14px;
  }
  .tab-style3 .tab-box span {
    font-size: 12px;
  }
  .tab-style3 .resp-tab-active h6 {
    color: #fff;
  }
}

/* tab-style4 */
.tab-style4 .tab-box {
  display: inline-block;
  vertical-align: top;
}

.tab-style4 h2.resp-accordion i {
  margin-right: 15px;
}

.tab-style4 .tab-box h6 {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
}

.tab-style4 .tab-box span {
  font-size: 12px;
}

.tab-style4 .resp-tab-active h6 {
  color: #fff;
}

.tab-style4 .resp-tabs-list .count {
  color: rgba(0, 0, 0, 0.03);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  line-height: 40px;
}

.tab-style4 .resp-tabs-list .tab-box {
  text-align: left;
  margin-top: 8px;
}

@media screen and (min-width: 768px) {
  .tab-style4 ul.resp-tabs-list {
    text-align: center;
  }
  .tab-style4 ul.resp-tabs-list li:last-child {
    margin-right: 0;
  }
  .tab-style4 ul.resp-tabs-list li.resp-tab-active {
    border-bottom-color: #000000;
    color: #000000;
  }
  .tab-style4 .resp-tab-content {
    border: none;
    margin-top: 30px;
    padding: 0;
  }
  .tab-style4 .resp-tabs-list .tab-box {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
  }
  .tab-style4 .resp-tabs-list li.resp-tab-active h6 {
    color: #000000;
  }
  .tab-style4 .resp-tabs-list .tab-box h6 {
    margin: 0;
    font-weight: 700;
    font-size: 16px;
    color: #6f6f6f;
    line-height: 12px;
  }
  .tab-style4 .resp-tabs-list .tab-box span {
    text-transform: lowercase;
    font-size: 12px;
  }
  .tab-style4 .resp-tabs-list li {
    font-size: 18px;
    border-bottom: 2px solid transparent !important;
    margin: 0;
    background: none !important;
    padding: 0 35px 15px 35px;
    text-transform: uppercase;
    position: relative;
  }
  .tab-style4 .resp-tabs-list li.resp-tab-active {
    border-width: 0 0 2px 0 !important;
    border-color: #000000 !important;
  }
  .tab-style4 ul.resp-tabs-list i {
    margin-right: 15px;
    border: 1px solid #d5d5d5;
    border-radius: 70px;
    width: 70px;
    height: 70px;
    line-height: 68px;
    font-size: 30px;
    padding: 0;
    vertical-align: middle;
  }
  .tab-style4 ul.resp-tabs-list li.resp-tab-active i {
    background: #000000;
    border-color: #000000;
    color: #fff;
  }
}

@media screen and (max-width: 991px) {
  .tab-style4 .resp-tabs-list li {
    padding: 0 25px 10px 25px;
  }
}

@media screen and (max-width: 767px) {
  .count {
    font-size: 36px;
    line-height: 32px;
    margin-right: 10px;
    opacity: 0.2;
  }
  .tab-style4 .resp-tab-active .count {
    opacity: 0.5;
  }
}

/* tab-style5 */
.tab-style5 .resp-tabs-list {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.tab-style5 .resp-tabs-list li {
  position: relative;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  padding: 0 15px 15px 15px;
  margin: 0 4px 0 0;
  list-style: none;
  cursor: pointer;
  min-width: auto;
  color: #000;
  background: none !important;
}

.tab-style5 .resp-tabs-list li.resp-tab-active {
  border: 1px solid #000000;
  border-bottom: none;
  border-color: #000000 !important;
  margin-bottom: -1px;
  border-top: 4px solid #000000 !important;
  border-bottom: 0px #fff solid;
  border-bottom: none;
  background-color: #fff;
  color: #000000;
  color: #5e2ced;
  -ms-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -o-border-top-left-radius: 5px;
  -ms-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -o-border-top-right-radius: 5px;
  -ms-border-radius-top-left: 5px;
  -webkit-border-radius-top-left: 5px;
  -moz-border-radius-top-left: 5px;
  -o-border-radius-top-left: 5px;
  -ms-border-radius-topright: 5px;
  -webkit-border-radius-topright: 5px;
  -moz-border-radius-topright: 5px;
  -o-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.tab-style5 .resp-tabs-list li.resp-tab-active:after {
  content: "";
  background: #000000;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  margin: 0 auto;
  right: 0;
}

.tab-style5 .img-effect:hover {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}

.tab-style5 .box-shadow-primary {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 992px) {
  .tab-style5 ul.resp-tabs-list {
    text-align: center;
  }
  .tab-style5 ul.resp-tabs-list.text-left {
    padding-left: 15px;
  }
  .tab-style5 ul.resp-tabs-list li:last-child {
    margin-right: 0;
  }
  .tab-style5 ul.resp-tabs-list li.resp-tab-active {
    color: #000000;
  }
  .tab-style5 .resp-tab-content {
    margin-top: 40px;
    border: none;
    padding: 0;
  }
}

@media screen and (max-width: 991px) {
  .tab-style5 ul.resp-tabs-list {
    display: none;
  }
  .tab-style5 h2.resp-accordion {
    display: block;
  }
  .tab-style5 h2.resp-accordion i {
    margin-right: 8px;
    font-size: 18px;
  }
  .tab-style5 .resp-accordion-closed {
    display: none !important;
  }
  .tab-style5 .resp-tab-content {
    background-color: #fff;
  }
}

/* tab-style6 */
.tab-style6 ul.resp-tabs-list {
  float: left;
  width: 100%;
}

.tab-style6 .resp-tabs-list li {
  padding: 15px 25px 13px 25px !important;
  margin: 0 !important;
  cursor: pointer;
  float: left;
  background: #fff !important;
  border: 1px solid #d5dae2;
}

.tab-style6 .resp-tabs-list li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.tab-style6 .resp-tabs-list li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.tab-style6 .resp-tabs-container {
  padding: 0px;
  background-color: transparent;
  border: none !important;
  float: left;
  width: 100%;
  min-height: auto;
  clear: none;
}

.tab-style6 .resp-tab-content {
  border: none;
  word-wrap: break-word;
  padding: 0;
}

.tab-style6 li.resp-tab-active {
  position: relative;
  z-index: 1;
  margin-right: 0 !important;
  padding: 15px 25px !important;
  border: none !important;
  display: inline-block;
  background: #000000 !important;
  color: white;
}

@media screen and (max-width: 991px) {
  .tab-style6 ul.resp-tabs-list {
    max-width: 100%;
    text-align: center;
    margin: 0 auto 30px auto;
    width: 225px;
    float: none;
    display: inline-block;
  }
  .tab-style6 .resp-tabs-container {
    padding-left: 0;
    width: 100%;
  }
  .tab-style6 .resp-tabs-list li {
    padding: 10px 25px 8px 25px !important;
  }
  .tab-style6 li.resp-tab-active {
    padding: 10px 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .tab-style6 ul.resp-tabs-list {
    display: none;
  }
  .tab-style6 .resp-tab-content {
    border: 1px solid #ececec !important;
    padding: 25px;
  }
  .tab-style6.resp-vtabs .resp-tab-content:last-child,
  .tab-style6 h2.resp-accordion {
    border-color: #ececec !important;
  }
}

/* tab-style7 */
.tab-style7 ul.resp-tabs-list {
  background: #999999;
  display: inline-block;
  padding: 3px;
  border-radius: 5px;
}

.tab-style7 .resp-tabs-list li {
  position: relative;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  list-style: none;
  cursor: pointer;
  min-width: auto;
  color: #fff;
  margin-right: 0;
  background: none !important;
  border-radius: 5px;
  padding: 5px 15px;
}

.tab-style7 .resp-tabs-list li.resp-tab-active {
  margin-bottom: -1px;
  color: #fff;
  padding: 5px 15px;
  background-color: #000000 !important;
  border: none !important;
}

@media screen and (min-width: 992px) {
  .tab-style7 ul.resp-tabs-list {
    text-align: center;
  }
  .tab-style7 ul.resp-tabs-list.text-left {
    padding-left: 15px;
  }
  .tab-style7 ul.resp-tabs-list li:last-child {
    margin-right: 0;
  }
  .tab-style7 .resp-tab-content {
    margin-top: 25px;
    border: none;
    padding: 0;
  }
}

@media screen and (max-width: 991px) {
  .tab-style7 ul.resp-tabs-list {
    display: none;
  }
  .tab-style7 h2.resp-accordion {
    display: block;
  }
  .tab-style7 h2.resp-accordion i {
    margin-right: 8px;
    font-size: 18px;
  }
  .tab-style7 .resp-accordion-closed {
    display: none !important;
  }
  .tab-style7 .resp-tab-content {
    background-color: #fff;
  }
}

/* tab style 8*/
.tab-style8.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 45%;
}

.tab-style8.resp-vtabs .resp-tabs-container {
  padding: 0 0 0 10%;
  background: none;
  border: none !important;
  float: left;
  width: 55%;
  min-height: 250px;
  clear: none;
}

.tab-style8.resp-vtabs h4 {
  font-size: 18px;
}

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

.tab-style8.resp-vtabs .resp-tab-content img {
  -webkit-box-shadow: 0 0 1.25rem rgba(31, 45, 61, 0.05);
          box-shadow: 0 0 1.25rem rgba(31, 45, 61, 0.05);
}

.tab-style8.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 25px 30px !important;
  margin: 0 0 15px;
  cursor: pointer;
  float: none;
  font-weight: 500;
}

.tab-style8.resp-vtabs .resp-tabs-list li:last-child {
  margin-bottom: 0 !important;
}

.tab-style8.resp-vtabs li.resp-tab-active {
  position: relative;
  z-index: 1;
  margin-right: 0 !important;
  padding: 25px 30px !important;
  border-top: none;
  border: none !important;
  border-left: none !important;
  margin-bottom: 15px !important;
  border-right: none !important;
  -webkit-box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.1);
          box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.1);
}

.tab-style8 .resp-tabs-list li i {
  font-size: 24px;
  vertical-align: bottom;
}

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

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

@media screen and (max-width: 767px) {
  .tab-style8.resp-vtabs .resp-tabs-container {
    padding: 0;
    width: 100%;
    min-height: auto;
  }
  .tab-style8.resp-vtabs h4 {
    font-size: 16px;
  }
  .tab-style8.resp-vtabs .resp-tab-active h4 {
    color: #fff;
  }
  .tab-style8 h2.resp-accordion {
    border-color: rgba(0, 0, 0, 0.09);
  }
  .tab-style8.resp-vtabs .resp-tab-content {
    padding: 20px;
    border: 1px solid #000000;
  }
}

@media screen and (max-width: 575px) {
  .tab-style8.resp-vtabs h4 {
    font-size: 14px;
  }
  .tab-style8.resp-vtabs .resp-tab-content {
    padding: 15px;
  }
}

/* ===================================
    Pricing table
====================================== */
/* price table1 */
.price-table {
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -ms-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -o-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  position: relative;
}

.price-table-header {
  background: #000000;
  text-align: center;
  padding: 30px;
}

.price-table-recommended {
  position: relative;
  z-index: 9999;
  -webkit-transform: scale(1.09);
          transform: scale(1.09);
}

.pricing-list > i {
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 100%;
  color: #000000;
  display: inline-block;
  font-size: 30px;
  height: 80px;
  line-height: 78px;
  margin-bottom: 15px;
  width: 80px;
}

.price-table-header h5 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
  padding: 5px 15px 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

.price-table-header h4 {
  color: #fff;
  font-size: 60px;
  margin: 15px 0 10px;
}

.price-table-header h4 sup {
  font-size: 35px;
  margin: 0 5px;
}

.price-table-header span {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}

.price-table-content {
  padding: 20px;
}

.price-table-content ul {
  padding-left: 0;
  padding-bottom: 0;
}

.price-table-content ul li {
  display: block;
  list-style-type: none;
  color: #282b2d;
  font-size: 14px;
  font-weight: 500;
  padding: 15px;
}

.price-table-content ul li:before {
  content: "\f00c";
  font-weight: 700;
  font-family: Font awesome\5 Free;
  display: inline-block;
  color: #000000;
  margin-right: 12px;
}

.price-table-content ul li:nth-child(2) {
  background: #eee;
}

.price-table-content a {
  display: inline-block;
  border: 2px solid #000000;
  background: #fff;
  font-family: "Montserrat", sans-serif;
  color: #282b2d;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
  padding: 12px 15px;
  width: 100%;
  margin-top: 15px;
}

.price-table-content a:hover {
  background: #000000;
  color: #fff;
}

.price .item {
  padding: 30px 0;
  background: #fff;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.price .item:hover {
  -webkit-box-shadow: 0px 5px 40px 0px rgba(148, 146, 245, 0.2);
          box-shadow: 0px 5px 40px 0px rgba(148, 146, 245, 0.2);
}

.price .type {
  margin-bottom: 30px;
}

.price .type .icon {
  font-size: 45px;
  color: #d6d5d5;
  margin-bottom: 10px;
}

.price .type h4 {
  font-size: 25px;
}

.price .value {
  padding: 30px 0;
  position: relative;
}

.price .value:before, .price .value:after {
  content: "";
  background: #eee;
  width: 70%;
  height: 1px;
  position: absolute;
  left: 15%;
}

.price .value:before {
  top: 0;
}

.price .value:after {
  bottom: 0;
}

.price .value h3 {
  display: inline-block;
  padding-right: 10px;
  font-size: 50px;
  font-weight: 700;
  position: relative;
  margin-bottom: 0;
}

.price .value h3 span {
  font-size: 14px;
  position: absolute;
  top: 5px;
  right: 0;
}

.price .value .per {
  font-size: 13px;
  color: #000000;
}

.price .features {
  padding: 15px 0;
}

.price .features li {
  margin: 15px 0;
  color: #777;
}

.price .order {
  position: relative;
}

.price .active {
  -webkit-box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.1);
}

/* price table2 */
.single-plan {
  position: relative;
  z-index: 99;
  border: 1px solid #efefef;
  background: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -ms-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -o-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
}

.single-plan .head-plan h4 {
  padding: 20px;
  margin: 0;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
}

.body-plan .price-plan {
  padding: 32px 0 43px;
  position: relative;
  background: #f7f7f7;
  font-weight: bold;
  border-bottom: 1px solid #eaeaea;
}

.body-plan .price-plan h3 {
  margin: 0;
  z-index: 11;
  position: relative;
  font-weight: bold;
  color: #6f6f6f;
}

.body-plan .price-plan h3 sup {
  font-size: 18px;
  top: -15px;
  font-weight: bold;
  margin-right: 2px;
}

.body-plan .price-plan span {
  text-transform: uppercase;
  font-size: 12px;
  z-index: 11;
  position: relative;
}

.feat-plan {
  margin: 56px 0 33px;
}

.feat-plan ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.feat-plan ul li {
  margin-bottom: 15px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
}

.feat-plan ul li:last-child {
  margin: 0;
}

.price-plan i {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  border-radius: 50%;
  position: absolute;
  bottom: -24px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 99;
  background: #000000;
}

.footer-plan {
  padding: 0 0 30px;
}

@media screen and (max-width: 767px) {
  .body-plan .price-plan {
    padding: 28px 0 38px;
  }
  .body-plan .price-plan h3 sup {
    font-size: 16px;
  }
  .feat-plan {
    margin: 45px 0 30px;
  }
  .feat-plan ul li {
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
}

/* price table3 */
.price-table-style3 {
  background: #fff;
  border-radius: 5px;
}

.price-table-style3 .price-table-header {
  background: unset;
  text-align: center;
  padding: 0;
}

.price-table-style3 .pricing-plan h3 {
  font-size: 60px;
  font-weight: 400;
  letter-spacing: -2px;
  color: #333;
  margin: 15px 0;
}

.price-table-style3 .price-table-header h5 {
  display: block;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  border: none;
}

.price-table-style3 .price-table-header h4 {
  color: #000;
  font-size: 60px;
  margin: 15px 0 10px;
}

.price-table-style3 .price-table-header h4 sup {
  font-size: 35px;
}

.price-table-style3 .price-table-header span {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}

.price-table-style3 .price-table-header h4:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #eee;
  padding-top: 15px;
  margin-bottom: 20px;
}

.price-table-style3 .price-table-content {
  padding: 0 20px 30px 20px;
}

.price-table-style3 .price-table-content ul {
  padding-left: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.price-table-style3 .price-table-content ul li {
  display: block;
  list-style-type: none;
  color: #282b2d;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 15px;
}

.price-table-style3 .price-table-content ul li:before {
  content: "\f058";
  font-weight: 700;
  font-family: Font awesome\5 Free;
  display: inline-block;
  color: #000000;
  margin-right: 12px;
}

.price-table-style3 .price-table-content ul li:nth-child(2) {
  background: unset;
}

.price-table-style3 .price-table-content a {
  display: inline-block;
  border: 2px solid #000000;
  background: #fff;
  font-family: "Montserrat", sans-serif;
  color: #282b2d;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
  padding: 12px 15px;
  width: 100%;
  margin-top: 15px;
}

.price-table-style3 .price-table-content a:hover {
  background: #000000;
  color: #fff;
}

@media screen and (max-width: 991px) {
  .price-table-style3 .price-table-header h5 {
    font-size: 18px;
  }
  .price-table-style3 .price-table-header h4 {
    margin: 10px 0 5px;
    font-size: 52px;
  }
  .price-table-style3 .price-table-header h4 sup {
    font-size: 32px;
  }
}

@media screen and (max-width: 767px) {
  .price-table-style3 .price-table-header h5 {
    font-size: 16px;
  }
  .price-table-style3 .price-table-header h4 {
    margin: 10px 0 5px;
    font-size: 48px;
  }
  .price-table-style3 .price-table-header h4 sup {
    font-size: 30px;
  }
  .price-table-style3 .price-table-header span {
    font-size: 14px;
  }
  .price-table-style3 .price-table-content a {
    font-size: 14px;
    padding: 8px 10px;
  }
}

@media screen and (max-width: 575px) {
  .price-table-style3 .price-table-header h5 {
    font-size: 15px;
  }
  .price-table-style3 .price-table-header h4 {
    font-size: 42px;
  }
  .price-table-style3 .price-table-header h4 sup {
    font-size: 28px;
  }
  .price-table-style3 .price-table-content ul li {
    padding: 6px 15px;
  }
}

/* price table4 */
.price-table-style4 {
  -webkit-box-shadow: 0 0 35px rgba(140, 152, 164, 0.125);
          box-shadow: 0 0 35px rgba(140, 152, 164, 0.125);
  border-radius: 4px;
}

.price-table-style4 .pricing-header {
  padding: 30px 20px;
  background: #000000;
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.price-table-style4 .pricing-header h5 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 600;
}

.price-table-style4 .price-symbol {
  vertical-align: top;
  font-size: 20px;
  color: #fff;
}

.price-table-style4 .price {
  color: #fff;
  font-size: 42px;
  font-weight: 600;
}

.price-table-style4 .days {
  color: #fff;
  font-size: 14px;
}

.price-table-style4 .pricing-body {
  padding: 30px;
  background: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

@media screen and (max-width: 991px) {
  .price-table-style4 .price {
    font-size: 40px;
  }
}

@media screen and (max-width: 767px) {
  .price-table-style4 .price {
    font-size: 36px;
  }
  .price-table-style4 .pricing-header h5 {
    font-size: 22px;
  }
}

@media screen and (max-width: 575px) {
  .price-table-style4 .pricing-header {
    padding: 25px 20px;
  }
  .price-table-style4 .pricing-body {
    padding: 30px 20px;
  }
  .price-table-style4 .price {
    font-size: 32px;
  }
}

/* ===================================
    Others
====================================== */
/* process with icon */
.process-step-xs {
  position: relative;
  margin: 15px 0;
  padding: 0;
}

.process-step-xs .process-step-icon {
  text-align: center;
}

.process-step-xs .process-step-icon i {
  color: #000000;
  font-size: 36px;
}

.process-step-xs h3 {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: #6f6f6f;
  margin: 10px 0;
  text-align: center;
}

.process-steps-xs li {
  position: relative;
  float: left;
  list-style-type: none;
  display: inline-block;
}

.process-steps-xs li:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 8px solid transparent;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  border-bottom: 8px solid transparent;
  border-radius: 2px;
  position: absolute;
  right: -7px;
  top: 40px;
  text-align: center;
  border-left: 8px solid rgba(0, 0, 0, 0.1);
}

.process-steps-xs li:last-child:after {
  display: none;
}

@media screen and (max-width: 991px) {
  .process-step-xs .process-step-icon i {
    font-size: 32px;
  }
}

@media screen and (max-width: 767px) {
  .process-steps-xs li:nth-child(2):after {
    display: none;
  }
  .process-step-xs .process-step-icon i {
    font-size: 28px;
  }
  .process-step-xs h3 {
    font-size: 13px;
    margin: 5px 0;
  }
  .process-steps-xs li:after {
    right: 0;
  }
}

/* count back box */
.count-back-box {
  width: 100%;
  text-align: center;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.count-back-box h1 {
  color: #282b2d;
  font-size: 40px;
  font-weight: 500;
}

/* error box */
.error-box {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.error-box h2 {
  color: rgba(204, 204, 204, 0.2);
  font-size: 250px;
  font-weight: 600;
  letter-spacing: 10px;
}

.error-box-text h1 {
  font-size: 200px;
  color: #000000;
  line-height: 1;
}

.error-box-text h3 {
  font-size: 40px;
  color: #282b2d;
  line-height: normal;
}

.error-box-text h4 {
  font-size: 20px;
  color: #333;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .error-box {
    padding: 30px;
  }
  .back-box {
    display: none;
  }
  .error-box-text h1 {
    font-size: 100px;
  }
}

/* count down */
ul.countdown li {
  display: inline-block;
  padding: 0 30px;
  text-align: center;
}

ul.countdown li:first-child {
  padding-left: 0;
}

ul.countdown li:last-child {
  padding-right: 0;
}

ul.countdown li span {
  font-size: 36px;
  line-height: normal;
  position: relative;
}

ul.countdown li span::before {
  content: "";
  height: 1px;
  position: absolute;
  width: 100%;
}

ul.countdown li p.timeRefDays, ul.countdown li p.timeRefHours, ul.countdown li p.timeRefMinutes, ul.countdown li p.timeRefSeconds {
  font-size: 12px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  ul.countdown li {
    padding: 0 25px;
  }
  .social-links li {
    margin-right: 15px;
  }
  ul.countdown li span {
    font-size: 28px;
  }
}

@media screen and (max-width: 575px) {
  ul.countdown li {
    padding: 0 10px;
  }
}

/* progress bars */
.progress-text {
  font-size: 13px;
  font-weight: 500;
  color: #282b2d;
  margin-bottom: 5px;
}

.custom-progress {
  height: 4px;
  border-radius: 50px;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 15px;
}

.custom-bar {
  height: 100%;
  background-color: #000000;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.custom-bar-dark {
  height: 100%;
  background-color: #282b2d;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.progress-medium {
  height: 8px;
  border-radius: 50px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.progress-bold {
  height: 12px;
  border-radius: 50px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* snap shot design*/
.design-snaps img {
  -webkit-box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
}

.design-snaps img:last-child {
  -webkit-box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
}

/* downloads */
.downloads li {
  border: 1px solid #000000;
  border-radius: 5px;
}

.downloads i {
  background: #000000;
  padding: 10px 12px;
  color: #fff;
  vertical-align: top;
}

.downloads .label {
  margin-top: 8px;
  display: inline-block;
  margin-left: 10px;
}

/* ===================================
    Shop
====================================== */
/* common for shop */
.label-offer {
  position: absolute;
  left: 0;
  top: 0;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  padding: 0px 12px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  z-index: 1;
}

/* overline title */
.overline-title {
  position: relative;
  margin-bottom: 30px;
}

.overline-title:after {
  overflow: hidden;
  content: "";
  background: rgba(0, 0, 0, 0.08);
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 13px;
}

.overline-title h4 {
  position: relative;
  font-size: 16px;
  background: #fff;
  padding-right: 15px;
  margin-bottom: 0;
  z-index: 9;
  display: inline-block;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .overline-title {
    margin-bottom: 25px;
  }
}

/* shop category */
.categories-card.card {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.categories-card .card-img-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.categories-card .card-img-overlay > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.categories-card h3 {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.categories-card .bg-white-opacity {
  text-align: center;
  padding: 20px 20px 18px 20px;
}

/* offer-deal-banner */
.offer-deal-banner {
  text-align: center;
}

.offer-deal-banner h4 {
  letter-spacing: -0.5px;
  margin-bottom: 25px;
}

.offer-deal-banner .banner-text {
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
}

/* shop product grid */
.product-grid > [class*="col-"] {
  margin-top: 30px;
}

.product-grid .product-img {
  position: relative;
}

.product-grid .product-details {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
}

.product-details .product-cart {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
}

.product-details .product-cart > a {
  width: 35px;
  height: 35px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
  margin-top: 0;
  margin-right: 10px;
  border-radius: 50%;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  cursor: pointer;
  background-color: #fff;
}

.product-details .product-cart a:last-child {
  margin-right: 0;
}

.product-details .product-cart > a:hover {
  background: #000000;
  color: #fff;
}

.product-details:hover .product-cart a {
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  visibility: visible;
  opacity: 1;
}

.product-grid .product-info {
  padding: 15px;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 18px;
}

.product-grid .product-info > a {
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 600;
  font-size: 15px;
}

.product-grid .price {
  font-weight: 600;
}

/* shop product list */
.product-list > [class*="col-"] {
  margin-top: 30px;
}

.product-card {
  border: 1px solid rgba(0, 0, 0, 0.075);
  border-radius: 0;
  height: 100%;
}

.product-card .card-img {
  border-radius: 0;
}

.product-card .card-body {
  padding: 2rem;
}

.product-card .card-body .read-more {
  display: block;
}

.product-card .card-body .read-more a {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.product-card .card-body .read-more a:hover {
  color: #282b2d;
}

.product-card .card-footer:last-child {
  border-radius: 0;
}

.product-card h3 {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 12px;
}

.product-card h3 a {
  color: #282b2d;
}

.product-card h3 a:hover {
  color: #000000;
}

.product-card .card-footer {
  /*background: #f7faff;*/
  background: none;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0.8rem 2rem;
  font-weight: 600;
}

.product-card .card-footer a {
  line-height: normal;
}

.product-card ul {
  margin-bottom: 0;
  padding-bottom: 0;
}

.product-card .card-footer img {
  max-width: 35px;
}

.product-card .card-footer ul li {
  display: inline-block;
  color: #999;
  font-size: 14px;
  font-weight: 500;
  margin: 0 10px 0 0;
}

.product-card .card-footer ul li i {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  .product-card .card-img.bg-img {
    min-height: 250px;
  }
}

@media screen and (max-width: 575px) {
  .product-card .card-body {
    padding: 1.5rem;
  }
}

/* shop product detail*/
.control-top .owl-nav {
  margin: 0;
  position: absolute;
  right: -2px;
  top: -73px;
}

.control-top.owl-theme .owl-nav [class*="owl-"] {
  background: #fff !important;
  padding: 0 7px;
  width: 30px;
  height: 30px;
  margin: 0 2px;
  border-radius: 0;
  border: 1px solid #d5d5d5;
}

.control-top.owl-theme .owl-nav i {
  color: #6f6f6f;
  padding-top: 4px;
}

.product-detail .label-sale {
  margin-left: 5px;
  vertical-align: top;
  padding: 2px 7px;
}

.product-detail .offer-price {
  text-decoration: line-through;
  color: red;
}

.product-rating .fas:hover {
  color: #282b2d;
}

/* table bordered */
.table.bordered {
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  margin-bottom: 0;
}

.table.bordered tr:nth-child(even) {
  background-color: #f7faff;
}

.table.bordered td,
.table.bordered th {
  padding: 1rem 0.75rem;
}

.table.bordered td,
.table.bordered th {
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
}

.table.bordered td:last-child {
  border-right: none;
}

.table.bordered th {
  vertical-align: middle;
  text-align: center;
}

.table.bordered td {
  padding: 20px;
}

.table.bordered thead th {
  background: #f7faff;
}

.table.bordered .product-price,
.table.bordered .product-quantity {
  color: #363f4d;
  font-size: 16px;
  font-weight: 600;
}

.table.bordered .first-column {
  font-weight: 600;
  font-size: 15px;
}

@media screen and (max-width: 575px) {
  .media.product-review {
    display: table;
  }
  .media.product-review .media-body {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
  }
}

/* shop product cart*/
.shop-cart-table {
  width: 100%;
  overflow-x: auto;
}

.shop-cart-table .shop-cart td {
  line-height: 26px;
  vertical-align: middle;
  padding: 16px 8px;
}

.table.cart-sub-total {
  border-color: transparent;
  vertical-align: middle;
  padding: 10px 30px;
}

.table.cart-sub-total td,
.table.cart-sub-total th {
  border-color: transparent;
  vertical-align: middle;
  padding: 10px 30px;
}

.table.cart-sub-total td {
  padding-right: 0;
}

.shop-cart-table input[type="text"] {
  height: 35px;
  width: 50px;
  margin: 0;
}

/* shop product grid and list*/
.product-list .product-block:hover > img {
  opacity: 0.65;
}

.product-list .buttons {
  float: left;
  width: 100%;
}

.product-list .buttons a {
  float: left;
  text-align: center;
  padding: 8px 23px;
}

.product-list .buttons a:hover {
  opacity: 0.8;
}

/* categories-02 section home-12 */
.categories-02 {
  padding: 0;
  margin: 0;
}

.categories-02 li {
  display: inline-block;
  margin-right: 20px;
  font-size: 14px;
  font-weight: 600;
  opacity: 0.8;
  vertical-align: middle;
}

.categories-02 li:last-child {
  margin-right: 0;
}

.categories-02 li a {
  color: rgba(0, 0, 0, 0.85);
}

.categories-02 .line:after {
  content: "";
  font-size: 23px;
  left: auto;
  position: absolute;
  right: -14px;
  font-weight: 400;
  top: 8px;
  width: 5px;
  background: rgba(0, 0, 0, 0.5);
  height: 5px;
  display: inline-block;
  border-radius: 8px;
}

/* offer section demo-2 */
ul.countdown.count-style1 li {
  border-right: none;
}

ul.countdown.count-style1 li span {
  color: #282b2d;
}

/* featured-products */
.featured-products .owl-nav .owl-prev {
  color: #282b2d !important;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0 20px 0 0 !important;
  padding: 0;
  height: unset;
  width: unset;
  border-radius: 0;
}

.featured-products .owl-nav .owl-next {
  color: #282b2d !important;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  margin: 0;
  height: unset;
  width: unset;
  border-radius: 0;
}

.featured-products .owl-nav .owl-next i {
  margin-left: 10px;
  vertical-align: middle;
  font-size: 13px;
}

.featured-products .owl-nav .owl-prev i {
  margin-right: 10px;
  vertical-align: middle;
  font-size: 13px;
}

.featured-products.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 30px;
}

.featured-products.owl-theme .owl-dots {
  margin-top: 30px;
}

.featured-products.owl-theme .owl-dots .custom-dot {
  margin-top: 0;
}

.featured-products.owl-theme .owl-dots .custom-dot span {
  background: rgba(0, 0, 0, 0.09);
}

.featured-products.owl-theme .owl-dots .custom-dot.active span,
.featured-products.owl-theme .owl-dots .custom-dot:hover span {
  background-color: #000000;
}

/* arrivals section */
.arrivals h4:after {
  content: "";
  background-color: #dadada;
  position: absolute;
  height: 1px;
  width: 66%;
  top: 14px;
  right: 0;
}

.new-arrivals {
  margin: 15px 0;
}

.new-arrivals-thumb {
  float: left;
  width: 20%;
}

.new-arrivals-content {
  float: left;
  width: 80%;
  padding-left: 10px;
  margin-top: 5px;
}

.new-arrivals-content a {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin-top: -5px;
}

.new-arrivals-content span {
  font-size: 13px;
  font-weight: 300;
}

/* offer banner section */
.offer-block-inner {
  position: absolute;
  top: 25%;
  right: 19%;
}

.offer-block-inner h5:before {
  content: "sale's";
  position: absolute;
  font-size: 64px;
  font-weight: 700;
  opacity: 0.2;
  text-transform: uppercase;
  right: -16px;
  top: -10px;
}

/* services section */
.services-block {
  height: 70px;
}

.services-block .services-icon {
  background-color: #bfbfbb;
  width: 70px;
  right: 0;
  top: 0;
  text-align: center;
  position: absolute;
  display: block;
}

.services-block .services-title {
  background-color: #dbdbd9;
  padding-right: 70px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #282b2d;
  display: block;
  height: 100%;
  text-transform: uppercase;
  line-height: 70px;
}

/* service2 section demo-14 */
.services-block-5 {
  position: relative;
  overflow: hidden;
  padding: 100px 45px 45px;
  border-radius: 5px;
}

.services-block-5 .services-text {
  position: relative;
  -webkit-transition: all 900ms ease;
  transition: all 900ms ease;
}

.services-block-5:hover .services-text,
.services-block-5.active .services-text {
  opacity: 0;
}

.services-block-5 span:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 25px;
  background-color: rgba(255, 255, 255, 0.6);
}

.services-block-5 .overlay-box {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 2;
  padding: 10px 45px;
  opacity: 0;
  display: block;
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: all 900ms ease;
  transition: all 900ms ease;
}

.services-block-5:hover .overlay-box,
.services-block-5.active .overlay-box {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

/* ===================================
    Blog
====================================== */
.blog-card {
  border: 1px solid rgba(0, 0, 0, 0.075);
  border-radius: 0;
  height: 100%;
}

.blog-card .card-img {
  border-radius: 0;
}

.blog-card .card-body {
  padding: 2rem;
}

.blog-card .card-body .read-more {
  display: block;
}

.blog-card .card-body .read-more a {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.blog-card .card-body .read-more a:hover {
  color: #282b2d;
}

.blog-card .card-footer:last-child {
  border-radius: 0;
}

.blog-card h3 {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 12px;
}

.blog-card h3 a {
  color: #282b2d;
}

.blog-card h3 a:hover {
  color: #000000;
}

.blog-card .card-footer {
  background: none;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0.8rem 2rem;
  font-weight: 600;
}

.blog-card .card-footer a {
  line-height: normal;
}

.blog-card ul {
  margin-bottom: 0;
  padding-bottom: 0;
}

.blog-card .card-footer img {
  max-width: 35px;
}

.blog-card .card-footer ul li {
  display: inline-block;
  color: #999;
  font-size: 14px;
  font-weight: 500;
  margin: 0 10px 0 0;
}

.blog-card .card-footer ul li i {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  .blog-card .card-img.bg-img {
    min-height: 250px;
  }
}

@media screen and (max-width: 575px) {
  .blog-card .card-body {
    padding: 1.5rem;
  }
}

/* blog card two */
.blog-card-two {
  border: 1px solid rgba(0, 0, 0, 0.09);
  height: 100%;
}

.blog-card-two .date {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 76px;
  height: 76px;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  z-index: 101;
  color: #282b2d;
  padding: 12px 0;
  border-radius: 3px;
}

.blog-card-two .month {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.167em;
}

.blog-card-two .day {
  display: block;
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
}

.blog-card-two .card-img {
  overflow: hidden;
  -webkit-border-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.blog-card-two .card-img img {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.blog-card-two .card-img:hover img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

.blog-card-two .card-body {
  padding: 2rem;
}

.blog-card-two .card-body h3 {
  margin-bottom: 20px;
  line-height: 24px;
}

.blog-card-two .card-body h3 a {
  font-size: 18px;
  line-height: 24px;
  color: #232323;
}

.blog-card-two .card-body h3 a:hover {
  color: #000000;
}

.blog-card-two .category {
  margin-bottom: 5px;
  display: block;
}

.blog-card-two .category a {
  color: #000000;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 600;
}

.blog-card-two .category a:hover {
  color: #232323;
}

.blog-card-two .read-more {
  font-weight: 600;
}

/* blog card three */
.blog-card-three {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 100%;
}

.blog-card-three .card-body {
  max-width: 95%;
  margin: 0 auto;
  -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.07);
  padding: 30px 20px;
  margin-top: -40px;
  background-color: #fff;
  z-index: 99;
  position: relative;
}

.blog-card-three .card-body h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 26px;
}

.blog-card-three .card-body .read-more a {
  color: #000000;
  font-weight: 600;
  font-size: 14px;
}

.blog-card-three .card-body .read-more i {
  font-size: 10px;
  vertical-align: middle;
  margin-left: 2px;
}

.blog-card-three .card-img img {
  border-radius: 3px;
}

/* blog style1 */
.blog-style1 .item {
  -webkit-box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
          box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
  background: #fff;
  height: 100%;
}

.blog-style1 .item .post-img {
  position: relative;
  overflow: hidden;
}

.blog-style1 .item .post-img:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.blog-style1 .item .post-img img {
  width: 100%;
  -webkit-filter: none;
  filter: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.blog-style1 .item .content {
  padding: 30px;
  text-align: left;
}

.blog-style1 .item .content .tag {
  font-size: 12px;
  margin-bottom: 0;
  letter-spacing: 1px;
}

.blog-style1 .item .content .read-more {
  margin-top: 20px;
  font-weight: 600;
}

.blog-style1 .item .content .read-more:hover {
  text-decoration: underline;
}

.blog-style1 .item .content h5 {
  font-size: 16px;
  line-height: normal;
  text-transform: inherit;
}

@media screen and (max-width: 991px) {
  .blog-style1 .item .content {
    padding: 25px;
  }
}

@media screen and (max-width: 767px) {
  .blog-style1 .item .content {
    padding: 20px;
  }
  .blog-style1 .item .content h5 {
    font-size: 15px;
  }
}

.blogs .post {
  margin-bottom: 50px;
}

.blogs .post .content {
  padding: 30px;
  background: #fafafa;
}

.blogs .post .content .post-title h5 {
  margin-bottom: 0;
}

.blogs .post .content .post-title h5 a {
  color: #282b2d;
}

.blogs .post .content .post-title h5 a:hover {
  color: #f24259;
}

.blogs .post .content .meta {
  margin-bottom: 15px;
}

.blogs .post .content .meta li {
  display: inline-block;
  font-size: 12px;
  color: #777;
  margin: 5px;
}

.blogs .post .content .special {
  padding: 15px;
  margin: 30px 0;
  border-left: 2px solid #111;
  background: #f7f7f7;
  font-size: 16px;
}

.blogs .post .content .btn {
  border-color: #6f6f6f;
  color: #6f6f6f;
  min-width: auto;
  padding: 6px 20px;
  font-size: 12px;
}

.blogs .post .content .btn:hover {
  color: #fff;
  border-color: #f24259;
}

.blogs .post .share-post {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px dashed #ddd;
  text-align: left;
}

.blogs .post .share-post span {
  font-weight: 700;
}

.blogs .post .share-post ul {
  float: right;
}

.blogs .post .share-post ul li {
  display: inline-block;
  margin: 0 10px;
}

.blogs .post .post-img img {
  width: 100%;
}

.blogs .posts .title-g h3 {
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 10px;
}

.blogs .comments-area .comment-box {
  padding-bottom: 30px;
  margin-bottom: 50px;
  border-bottom: 1px solid #eee;
}

.blogs .comments-area .comment-box:nth-child(odd) {
  margin-left: 80px;
}

.blogs .comments-area .comment-box:last-child {
  margin-bottom: 30px;
}

.blogs .comment-box .author-thumb {
  width: 80px;
  float: left;
}

.blogs .comment-box .comment-info {
  margin-left: 100px;
}

.blogs .comment-box .comment-info h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}

.blogs .comment-box .comment-info .reply {
  margin-top: 10px;
  font-weight: 600;
}

.blogs .comment-box .comment-info .reply i {
  padding-right: 5px;
  font-size: 12px;
}

.pagination {
  border-radius: 0;
  padding: 0;
  margin: 0;
}

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

.pagination li {
  display: inline;
}

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

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

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

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

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

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

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

.blockquote {
  background: #f1f1f1;
  border-left: 4px solid #000000;
  font-size: 16px;
  font-weight: 500;
  margin: 25px 0;
  padding: 20px 30px 30px;
}

.blockquote p {
  font-size: 15px;
  font-weight: 500;
  line-height: 190%;
  color: #282b2d;
  letter-spacing: 0.5px;
}

.blockquote h4 {
  font-size: 20px;
  font-weight: 400;
  color: #282b2d;
  letter-spacing: 0.5px;
}

/*side bar*/
.side-bar .widget {
  margin-bottom: 30px;
}

.side-bar .widget:last-child {
  margin-bottom: 0;
}

.side-bar .widget .widget-title h5,
.side-bar .widget .widget-title h6 {
  position: relative;
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.side-bar .widget .widget-title h5:after,
.side-bar .widget .widget-title h6:after {
  content: "";
  width: 30px;
  height: 1px;
  background: #000000;
  position: absolute;
  bottom: 0;
  left: 0;
}

.side-bar .widget li {
  font-size: 14px;
  position: relative;
  padding: 0 0 0 16px;
  margin: 0 0 9px 0;
  color: #6f6f6f;
}

.side-bar .widget li:last-child {
  margin: 0;
}

.side-bar .widget li a:after {
  content: "\e649";
  font-family: "themify";
  position: absolute;
  font-size: 8px;
  top: 0;
  left: 0;
}

.side-bar .widget li a:hover:after {
  color: #000000;
}

/* newsletter */
.search-form .search-elements {
  position: relative;
}

.search-form .search-submit-inner {
  position: absolute;
  right: 16px;
  top: -49px;
  width: auto;
  background: #f5f5f5;
  height: 48px;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-top-right-radius: 0.25em;
  -webkit-border-bottom-right-radius: 0.25em;
  -moz-border-radius-topright: 0.25em;
  -moz-border-radius-bottomright: 0.25em;
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}

.search-form input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 50px;
  padding: 0.5rem 4rem 0.5rem 1rem;
  font-size: 14px;
}

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

@media screen and (max-width: 1199px) {
  .blog-grid-text ul li {
    margin: 0 8px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .blog-grid-text ul li {
    font-size: 13px;
  }
  .blog-grid-text ul li i {
    font-size: 14px;
  }
}

/* blog style3 */
.blog-grid-simples {
  position: relative;
  background: #fff;
  border: 1px solid #ececec;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(38, 59, 94, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(38, 59, 94, 0.1);
  padding: 40px;
  height: 100%;
}

.blog-grid-simples h4 {
  font-size: 18px;
  font-weight: 600;
}

.blog-grid-simples h4:after {
  border-bottom: 2px solid #000000;
  margin-top: 15px;
  content: "";
  display: block;
  text-align: center;
  width: 30%;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.blog-grid-simples:hover h4:after {
  width: 90%;
}

.blog-grid-simples h4 a {
  font-size: 18px;
  font-weight: 600;
}

.blog-grid-simples h4 a:hover {
  color: #000000;
}

.blog-grid-simples-date i {
  color: #999;
  font-size: 20px;
}

.blog-grid-simples-date h5 {
  color: #999;
  font-size: 13px;
  margin-top: 3px;
  display: inline-block;
  margin: 0;
}

.blog-grid-simples-content {
  border-top: 1px solid #ececec;
  padding-top: 20px;
  margin-top: 15px;
}

.blog-grid-simples-content a {
  display: inline-block;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  margin-top: 2px;
}

.blog-grid-simples-content a:after {
  content: "\f105";
  font-size: 14px;
  font-family: "FontAwesome";
  color: #000000;
  margin-left: 10px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.blog-grid-simples-content a:hover {
  color: #282b2d;
}

.blog-grid-simples-content a:hover:after {
  color: #282b2d;
}

@media screen and (max-width: 1199px) {
  .blog-grid-simples {
    padding: 25px;
  }
}

@media screen and (max-width: 767px) {
  .blog-grid-simples h4 {
    font-size: 16px;
  }
  .blog-grid-simples h4:after {
    margin-top: 10px;
  }
  .blog-grid-simples h4 a {
    font-size: 16px;
  }
  .blog-grid-simples-content {
    padding-top: 15px;
    margin-top: 10px;
  }
  .blog-grid-simples-content a:after {
    display: none;
  }
}

/* blog style4 */
.blog-grids4 {
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.1);
          box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.1);
}

.blog-grids4 img {
  width: 100%;
}

.blog-grids4 .blog-grid-text {
  padding: 25px;
  position: relative;
}

.blog-grids4 .blog-grid-text h4 {
  font-size: 16px;
  line-height: normal;
  margin-bottom: 0;
}

.blog-grids4 .blog-grid-text p {
  color: #999;
  font-weight: 400;
  padding: 15px 0 0 0;
}

.blog-grids4 .blog-date span {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.blog-grids4 .sepratar {
  border: 1px solid #000000;
  width: 50px;
  margin: 10px 0;
}

.blog-grids4 .blog-date {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  padding: 10px 20px;
}

@media screen and (max-width: 1199px) {
  .blog-grids4 .blog-grid-text p {
    padding: 10px 0 0 0;
  }
}

@media screen and (max-width: 991px) {
  .blog-grids4 .blog-grid-text {
    padding: 20px;
  }
  .blog-grids4 .blog-date {
    padding: 8px 15px;
  }
  .blog-grids4 .blog-date span {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .blog-grids4 .blog-grid-text p {
    padding: 5px 0 0 0;
  }
  .blog-grids4 .blog-date {
    padding: 6px 12px;
  }
  .blog-grids4 .blog-date span {
    font-size: 12px;
    letter-spacing: 1px;
  }
}

/* blog style5 */
.blog-style5 .blog-grids ul {
  margin-bottom: 0;
}

.blog-style5 .blog-grids li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ededed;
}

.blog-style5 .blog-grids li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.blog-style5 .blog-grids li a {
  display: inline-block;
  width: 100%;
}

.blog-style5 .blog-grids .blog-img {
  width: 90px;
  display: inline-block;
  vertical-align: top;
}

.blog-style5 .blog-grids .blog-text-item {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
  width: 75%;
}

.blog-style5 .blog-grids .blog-text-item h3 {
  margin-bottom: 10px;
  line-height: 24px;
}

.blog-style5 .blog-grids .blog-text-item .post-date {
  color: #282b2d;
}

.blog-style5 .blog-grids .blog-text-item .post-date:before {
  color: #000000;
  margin-right: 8px;
  content: "\f073";
  display: inline-block;
  font-family: Font awesome\5 Free;
  font-size: 20px;
}

.blog-style5 .blog-grids a:hover h3 {
  color: #000000;
}

.blog-style5 .blog-grids a:hover span {
  color: #282b2d;
}

@media screen and (max-width: 991px) {
  .blog-style5 .blog-grids .blog-text-item h3 {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 767px) {
  .blog-style5 .blog-grids .blog-text-item .post-date:before {
    font-size: 18px;
  }
  .blog-style5 .blog-grids li {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .blog-style5 .blog-grids .blog-text-item h3 {
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 575px) {
  .blog-style5 .blog-grids .blog-img {
    width: 75px;
  }
  .blog-style5 .blog-grids .blog-text-item {
    padding-left: 15px;
    width: 72%;
  }
  .blog-style5 .blog-grids .blog-text-item .post-date:before {
    font-size: 16px;
  }
  .blog-style5 .blog-grids span {
    font-size: 12px;
  }
}

/* blog style6 */
.blog-style6 .blog-item {
  float: left;
  width: 100%;
}

.blog-style6 .blog-item-thumbnail img {
  width: 100%;
  border-radius: 3px;
}

.blog-style6 .blog-meta {
  text-transform: uppercase;
  width: 24%;
  float: left;
  padding: 16px 25px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  border-radius: 2px;
  overflow: hidden;
  color: #fff;
  background-color: #000000;
}

.blog-style6 .date-day {
  font-weight: 600;
  font-size: 22px;
  line-height: 1;
  margin-bottom: 5px;
}

.blog-style6 .date-month {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
}

.blog-style6 .blog-title {
  float: left;
  width: 76%;
  padding-left: 20px;
}

.blog-style6 .blog-title a {
  font-size: 18px;
  line-height: 1.25;
  margin-bottom: 18px;
  font-weight: 600;
}

.blog-style6 .post-cat {
  color: #999;
  float: left;
  width: 76%;
  padding-left: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 5px;
}

.blog-style6 .blog-item-content {
  position: relative;
  float: left;
  width: 100%;
}

.blog-style6 .blog-item-thumbnail {
  margin-bottom: 20px;
}

.blog-style6 .blog-meta span {
  display: inline-block;
  margin-right: 15px;
}

@media screen and (max-width: 1199px) {
  .blog-style6 .blog-meta {
    padding: 15px;
  }
  .blog-style6 .blog-title a {
    font-size: 16px;
    line-height: 1;
  }
}

@media screen and (max-width: 991px) {
  .blog-style6 .blog-meta {
    padding: 10px;
  }
  .blog-style6 .date-day {
    font-size: 20px;
    margin-bottom: 2px;
  }
  .blog-style6 .post-cat {
    padding-left: 15px;
    margin-bottom: 0;
  }
  .blog-style6 .blog-title {
    padding-left: 15px;
    line-height: 22px;
  }
  .blog-style6 .blog-title a {
    font-size: 14px;
    line-height: 22px;
  }
}

@media screen and (max-width: 767px) {
  .blog-style6 .post-cat {
    width: 70%;
    padding-left: 15px;
  }
  .blog-style6 .blog-title {
    width: 70%;
    padding-left: 15px;
  }
  .blog-style6 .blog-title a {
    font-size: 14px;
  }
  .blog-style6 .blog-meta {
    padding: 12px 10px 8px 10px;
    width: 80px;
  }
  .blog-style6 .blog-item-thumbnail {
    margin-bottom: 15px;
  }
  .blog-style6 .date-day {
    margin: 0;
  }
}

/* blog style7 */
.blog-style7 {
  background: #fff;
  -webkit-box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
}

/* blog style8 */
.blog-style8:before {
  position: absolute;
  content: "";
  top: 20%;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#191919));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #191919 100%);
  z-index: 0;
  border-radius: inherit;
  opacity: 9;
}

.blog-style8 a {
  color: #fff;
}

.blog-style8 a:hover {
  color: #000000;
}

/* ===================================
    Contact info
====================================== */
/* quform */
.quform-input {
  position: relative;
}

.quform-element > label {
  font-weight: normal;
  padding-bottom: 5px;
  margin-bottom: 0;
  color: #616161;
}

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

.quform-inner input {
  width: 100%;
}

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

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

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

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

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

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

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

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

.quform-submit-inner {
  float: none;
}

.quform-loading-wrap {
  float: none;
}

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

.form-control:focus {
  color: #495057;
  background-color: #ffffff;
  border-color: #000000;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.light-validation .quform-errors > .quform-error {
  color: #fff;
}

/* newsletter */
.newsletter-form .quform-elements {
  position: relative;
}

.newsletter-form .quform-submit-inner {
  position: absolute;
  right: 16px;
  top: -49px;
  width: auto;
  background: #f5f5f5;
  height: 48px;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-top-right-radius: 0.25em;
  -webkit-border-bottom-right-radius: 0.25em;
  -moz-border-radius-topright: 0.25em;
  -moz-border-radius-bottomright: 0.25em;
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}

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

.newsletter-form input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 50px;
  padding: 0.5rem 4rem 0.5rem 1rem;
  font-size: 14px;
}

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

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

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

/* newsletter style2*/
.newsletter-rounded .quform-elements {
  position: relative;
}

.newsletter-rounded .quform-submit-inner {
  position: absolute;
  right: 18px;
  top: -54px;
  width: auto;
}

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

.newsletter-rounded input {
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 60px;
  padding: 0.5rem 4rem 0.5rem 1.5rem;
}

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

.newsletter-rounded .quform-input .quform-errors-wrap {
  right: 15px;
}

.newsletter-rounded i {
  font-size: 1.5rem;
  line-height: 2rem;
}

.contact-info .item {
  margin-bottom: 20px;
  border: 3px solid rgba(0, 0, 0, 0.1);
  padding: 20px 15px;
}

.contact-info .item .icon {
  font-size: 20px;
  float: left;
  width: 50px;
  text-align: center;
}

.contact-info .item .cont {
  margin-left: 55px;
}

.contact-info .item p {
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .contact-info .item {
    padding: 15px 10px;
    margin-bottom: 15px;
  }
}

.side-bar .widget .social-listing {
  margin-bottom: 0;
}

.side-bar .widget .social-listing li {
  list-style: none;
  display: inline-block;
}

.side-bar .widget .social-listing li a:after {
  content: none;
  background: none;
}

.side-bar .widget .social-listing li:first-child {
  padding-left: 0;
}

/* social links */
.social-icon-style1 {
  margin-bottom: 0;
}

.social-icon-style1 li {
  text-align: center;
  margin-right: 4px;
  display: inline-block;
}

.social-icon-style1 li a {
  background: #000000;
  border: 1px solid #000000;
  color: #fff;
  border-radius: 35px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  display: inline-block;
}

.social-icon-style1 li a:hover {
  background: #fff;
  color: #000000;
}

/* social links2 */
.social-icon-style2 {
  margin-bottom: 0;
}

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

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

.social-icon-style2 li a {
  background: #f9f9f9;
  border: 1px solid #000000;
  color: #000000;
  border-radius: 35px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  display: inline-block;
}

.social-icon-style2 li a:hover {
  background: #000000;
  color: #fff;
}

/* social links3 */
.social-icon-style3 {
  margin-bottom: 0;
}

.social-icon-style3 li {
  text-align: center;
  margin-right: 10px;
  display: inline-block;
}

.social-icon-style3 li a {
  color: #6f6f6f;
  display: inline-block;
  font-size: 16px;
}

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

/* social links4 */
.social-icon-style4 {
  padding: 0;
  float: right;
  margin: 0;
}

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

.social-icon-style4 li a {
  opacity: 0.7;
  color: #fff;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

/* social links5 */
.social-icon-style5 li {
  display: inline-block;
  margin-right: 30px;
}

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

.social-icon-style5 li a {
  color: #939393;
  font-size: 22px;
}

.social-icon-style5 li a:hover {
  color: #fff;
}

/* social links6 */
.social-icon-style6 {
  margin-bottom: 0;
}

.social-icon-style6 li {
  text-align: center;
  margin-right: 5px;
  display: inline-block;
}

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

.social-icon-style6 li a {
  border: 1px solid #6f6f6f;
  color: #6f6f6f;
  border-radius: 35px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  display: inline-block;
}

.social-icon-style6 li a:hover {
  background: #282b2d;
  color: #fff;
}

/* social links7 */
.social-icon-style7 {
  margin-bottom: 0;
}

.social-icon-style7 li {
  text-align: center;
  margin-right: 5px;
  display: inline-block;
}

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

.social-icon-style7 li a {
  border: 1px solid #d5d5d5;
  border-radius: 35px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  display: inline-block;
  background: #efefef;
  color: #8c8c8c;
}

.social-icon-style7 li a:hover {
  background: #000000;
  color: #fff;
}

/* social links8 */
.social-icon-style8 li {
  display: inline-block;
  margin-right: 1px;
}

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

.social-icon-style8 li a {
  font-size: 16px;
  color: #7d7d7d;
  padding: 0;
  margin-right: 15px;
  display: inline-block;
  background-color: transparent;
  text-align: center;
  vertical-align: middle;
}

.social-icon-style8 li a:hover {
  color: #000000;
}

.social-icon-style8 li a i {
  vertical-align: middle;
}

/* social links9 */
.social-icon-style9 {
  margin-bottom: 0;
}

.social-icon-style9 li {
  font-size: 18px;
  position: relative;
  padding: 0 0 0 16px;
  margin: 0 0 9px 0;
  color: #6f6f6f;
  list-style: none;
  display: inline-block;
}

.social-icon-style9 li a:after {
  content: none;
  background: none;
}

.social-icon-style9 li:first-child {
  padding-left: 0;
}

/* contact detail */
.contact-map {
  height: 400px;
  width: 100%;
  vertical-align: top;
}

.contact-info-section {
  border-bottom: 1px solid #ececec;
  padding: 25px 0;
  margin-bottom: 0;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.contact-info-section i {
  width: 25px;
  height: 25px;
  padding-top: 7px;
  border-radius: 50%;
  background: #000000;
  color: #fff;
  font-size: 12px;
  margin-right: 5px;
  line-height: 11px;
}

.contact-info-section h4 {
  color: #282b2d;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  line-height: normal;
}

.contact-info-section p {
  color: #999;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
}

.contact-box {
  text-align: center;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 2px;
  -ms-box-shadow: 0 20px 80px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 20px 80px rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 20px 80px rgba(0, 0, 0, 0.12);
  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.12);
  margin: 10px 0;
  padding: 20px 15px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.contact-box i {
  background: #000000;
  color: #fff;
  font-size: 35px;
  margin: 10px 0 20px;
  height: 75px;
  width: 75px;
  line-height: 75px;
  border-radius: 50%;
}

.contact-box h4 {
  color: #282b2d;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 5px;
  line-height: normal;
}

.contact-box span {
  color: #999;
  font-size: 14px;
}

/* newsletter 2 */
.newsletter-block {
  background: #000000;
  padding: 37px 30px;
  border-radius: 4px;
  color: #fff;
}

.newsletter-block input,
.newsletter-block textarea,
.newsletter-block select {
  padding: 12px 12px;
  font-size: 14px;
  border-radius: 4px;
  height: auto;
}

.newsletter-block h4,
.newsletter-block h3 {
  color: #fff;
  font-weight: 700;
}

@media screen and (max-width: 1199px) {
  .newsletter-block {
    padding: 43px 30px;
  }
}

@media screen and (max-width: 991px) {
  .newsletter-block {
    padding: 35px 30px;
  }
}

/* ===================================
    Footer
====================================== */
footer {
  padding: 50px 0 0;
  background: #1f1f1f;
  color: #939393;
}

footer p {
  margin-bottom: 0;
}

footer h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
  line-height: 1;
  position: relative;
}

footer h3:after {
  content: "";
  display: block;
  width: 70px;
  height: 2px;
  background: #000000;
  margin-top: 12px;
}

.footer-bar {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 50px;
  text-align: center;
  background: #191919;
  color: #939393;
}

.footer-bar span {
  color: #000000;
  font-size: 15px;
  font-weight: 400;
}

.footer-social-icons ul {
  margin-bottom: 0;
}

.footer-social-icons ul li {
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  margin-right: 10px;
  margin-bottom: 5px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.footer-social-icons ul li a {
  color: #939393;
  display: block;
  font-size: 15px;
  height: 35px;
  line-height: 34px;
  text-align: center;
  width: 35px;
}

.footer-social-icons ul li:hover {
  background: #000000;
  border-color: #000000;
}

.footer-social-icons ul li:hover i {
  color: #fff;
}

/*small*/
.footer-social-icons.small ul li {
  margin-bottom: 0;
}

.footer-social-icons.small ul li a {
  font-size: 12px;
  height: 25px;
  line-height: 26px;
  width: 25px;
}

.footer-social-icons2 ul {
  margin-bottom: 0;
}

.footer-social-icons2 ul li {
  display: inline-block;
  border: 1px solid #6f6f6f;
  border-radius: 50%;
  color: #6f6f6f;
  margin-right: 10px;
  margin-bottom: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.footer-social-icons2 ul li a {
  color: #939393;
  display: block;
  font-size: 15px;
  height: 35px;
  line-height: 34px;
  text-align: center;
  width: 35px;
}

.footer-social-icons2 ul li:hover {
  background: #000000;
  border-color: #000000;
}

.footer-social-icons2 ul li:hover i {
  color: #fff;
}

.footer-subscribe {
  margin-top: 20px;
  margin-bottom: 0;
  position: relative;
}

.footer-subscribe input {
  background: #fff;
  border-radius: 6px;
  font-size: 14px;
  border: 0px solid;
  height: 40px;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 6px 95px 6px 12px;
  margin-bottom: 0;
}

.footer-subscribe input:focus {
  background: #fff;
  border-radius: 6px;
  font-size: 14px;
  border: 0px solid;
  height: 40px;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 6px 95px 6px 12px;
  margin-bottom: 0;
}

.footer-subscribe .butn {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  -webkit-border-radius: 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius: 0;
  -moz-border-radius-top-right: 4px;
  -moz-border-radius-bottom-right: 4px;
  -ms-border-radius: 0;
  -ms-border-top-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-radius: 0;
  -o-border-top-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #fff;
  line-height: 15px;
}

.footer-subscribe .butn:after {
  -webkit-border-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius: 0;
  -moz-border-radius-top-right: 3px;
  -moz-border-radius-bottom-right: 3px;
  -ms-border-radius: 0;
  -ms-border-top-right-radius: 3px;
  -ms-border-bottom-right-radius: 3px;
  -o-border-radius: 0;
  -o-border-top-right-radius: 3px;
  -o-border-bottom-right-radius: 3px;
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #e5e5e5;
}

.footer-subscribe .butn:hover {
  -webkit-border-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius: 0;
  -moz-border-radius-top-right: 3px;
  -moz-border-radius-bottom-right: 3px;
  -ms-border-radius: 0;
  -ms-border-radius-top-right: 3px;
  -ms-border-radius-bottom-right: 3px;
  -o-border-radius: 0;
  -o-border-radius-top-right: 3px;
  -o-border-radius-bottom-right: 3px;
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.footer-subscribe .butn:hover:after {
  -webkit-border-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius: 0;
  -moz-border-radius-top-right: 3px;
  -moz-border-radius-bottom-right: 3px;
  -ms-border-radius: 0;
  -ms-border-radius-top-right: 3px;
  -ms-border-radius-bottom-right: 3px;
  -o-border-radius: 0;
  -o-border-radius-top-right: 3px;
  -o-border-radius-bottom-right: 3px;
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.footer-subscribe .butn span {
  color: #fff;
}

.footer-subscribe .butn:hover span {
  color: #282b2d;
}

.footer-subscribe .butn.theme:after {
  background: #000;
}

.footer-subscribe .butn.theme:hover span {
  color: #fff;
}

.footer-subscribe .butn.white {
  color: #282b2d;
}

.footer-subscribe .butn.white:after {
  background: #282b2d;
}

.footer-subscribe .butn.theme.white-hover:hover {
  background: #fff;
}

.footer-subscribe .butn.theme.white-hover:hover span {
  color: #282b2d;
}

.footer-subscribe .butn.theme.white-hover:after {
  background: #fff;
}

.footer-subscribe .butn.theme.grey-hover:hover {
  background: #e5e5e5;
}

.footer-subscribe .butn.theme.grey-hover:hover span {
  color: #282b2d;
}

.footer-subscribe .butn.theme.grey-hover:after {
  background: #e5e5e5;
}

/* footer-list */
.footer-list {
  margin: 0;
}

.footer-list li {
  list-style-type: none;
  color: #939393;
  padding: 6px 0;
}

.footer-list li:first-child {
  padding-top: 0;
}

.footer-list li a {
  font-size: 15px;
  font-weight: 400;
  color: #939393;
}

.footer-list li a:before {
  content: "\f105";
  font-weight: 700;
  vertical-align: bottom;
  font-family: Font awesome\5 Free;
  color: #939393;
  padding-right: 8px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.footer-list li a:hover {
  color: #fff;
}

.footer-list li a:hover:before {
  color: #fff;
}

/* footer-list2 */
.footer-list-style2 {
  margin: 0;
}

.footer-list-style2 li {
  list-style-type: none;
  color: #fff;
  padding: 6px 0;
}

.footer-list-style2 li:first-child {
  padding-top: 0;
}

.footer-list-style2 li a {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
}

.footer-list-style2 li a:before {
  content: "\f105";
  font-weight: 700;
  font-family: Font awesome\5 Free;
  color: #fff;
  padding-right: 8px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.footer-list-style2 li a:hover {
  opacity: 0.65;
}

.footer-list-style2 li a:hover:before {
  opacity: 0.65;
}

/* footer-list3 */
.footer-list-style3 {
  margin: 0;
}

.footer-list-style3 li {
  list-style-type: none;
  color: #6f6f6f;
  padding: 6px 0;
}

.footer-list-style3 li:first-child {
  padding-top: 0;
}

.footer-list-style3 li a {
  font-size: 15px;
  font-weight: 400;
  color: #6f6f6f;
}

.footer-list-style3 li a:before {
  content: "\f105";
  font-weight: 700;
  font-family: Font awesome\5 Free;
  color: #6f6f6f;
  padding-right: 8px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.footer-list-style3 li a:hover {
  color: #282b2d;
}

.footer-list-style3 li a:hover:before {
  color: #282b2d;
}

/* footer-list4 */
.footer-list-style4 {
  margin: 0;
}

.footer-list-style4 li {
  list-style-type: none;
  color: #6f6f6f;
  padding: 6px 0;
}

.footer-list-style4 li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.footer-list-style4 li:first-child {
  padding-top: 0;
}

.footer-list-style4 li a {
  position: relative;
  padding-left: 25px;
  color: #282b2d;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.footer-list-style4 li a:hover {
  color: #000000;
}

.footer-list-style4 li a:before {
  position: absolute;
  content: "";
  background: #000000;
  width: 10px;
  height: 1px;
  top: 9px;
  left: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.footer-list-style4 li a:after {
  position: absolute;
  content: "";
  background: #000000;
  width: 10px;
  height: 1px;
  left: 3px;
  top: 12px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.footer-list-style4 li a:hover:after {
  left: 0;
}

.footer-list-style4 li a:hover:before {
  left: 5px;
}

/* footer-list5 */
.footer-list-style5 {
  margin: 0;
}

.footer-list-style5 li {
  list-style-type: none;
  color: #616161;
  padding: 6px 0;
}

.footer-list-style5 li:first-child {
  padding-top: 0;
}

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

.footer-list-style5 li a {
  font-size: 15px;
  font-weight: 600;
  color: #616161;
}

.footer-list-style5 li a:hover {
  color: #282b2d;
}

.footer-list-style5 li a:hover:before {
  color: #282b2d;
}

/* recent post style1*/
.footer-recent-post {
  margin: 15px 0;
}

.footer-recent-post-thumb {
  float: left;
  width: 25%;
}

.footer-recent-post-content {
  float: left;
  width: 75%;
  padding-left: 10px;
}

.footer-recent-post-content a {
  display: block;
  color: #939393;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  margin-top: -5px;
}

.footer-recent-post-content a:hover {
  color: #fff;
}

.footer-recent-post-content span {
  font-size: 13px;
  font-weight: 300;
  color: #fff;
}

/* recent post style2*/
.footer-post {
  margin-bottom: 0;
}

.footer-post > li {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.footer-post > li:last-child {
  margin-bottom: 0;
}

.footer-post .post-date {
  max-width: 70px;
  width: 100%;
  float: left;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  background: #e0ebf3;
  padding: 10px 0 15px 0px;
}

.footer-post .p-date {
  display: block;
  font-size: 22px;
  padding-bottom: 8px;
}

.footer-post .p-month {
  display: block;
  line-height: 10px;
}

.footer-post .post-title {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 5px;
}

.footer-post .post-title a {
  color: #282b2d;
}

.footer-post .post-info {
  width: 100%;
  max-width: 270px;
  float: left;
  padding-left: 20px;
}

.footer-post .post-author {
  font-weight: normal;
  font-size: 12px;
  padding: 0px;
  display: inline-block;
  color: #282b2d;
}

.footer-post .post-meta li {
  font-weight: normal;
  font-size: 12px;
  padding: 0px;
  display: inline-block;
  color: #282b2d;
}

.footer-post .post-meta li i {
  color: #6f6f6f;
  margin: 0 5px;
}

@media screen and (max-width: 1199px) {
  .footer-post .post-info {
    max-width: 215px;
  }
}

@media screen and (max-width: 991px) {
  .footer-post .p-date {
    font-size: 20px;
    padding-bottom: 5px;
  }
  .footer-post > li {
    width: 50%;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .footer-post > li {
    width: 100%;
    margin-bottom: 20px;
  }
  .footer-post .post-info {
    max-width: 70%;
  }
  .footer-post .p-date {
    font-size: 18px;
    padding-bottom: 5px;
  }
  .footer-post .post-date {
    max-width: 60px;
  }
}

/*footer-top-bar*/
.footer-top-bar {
  background: #191919;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/*footer style2*/
footer h3.footer-title-style2 {
  margin-bottom: 28px;
}

h3.footer-title-style2:after {
  width: 100%;
  height: 1px;
  background: #363637;
  margin-top: 15px;
}

/*footer style3*/
.footer-title-style3 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 28px;
  color: #fff;
}

.footer-title-style3:after {
  content: "";
  width: 60px;
  height: 2px;
  background: #000000;
  position: absolute;
  bottom: 0;
  left: 20px;
}

.footer-title-style3:before {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/*footer style4*/
.footer-title-style4:after {
  margin-left: auto;
  margin-right: auto;
}

h3.footer-title-style4 {
  margin-bottom: 20px;
}

/*footer style5*/
h3.footer-title-style5 {
  color: #fff;
}

h3.footer-title-style5:after {
  background: #fff;
}

/*footer style6*/
footer h3.footer-title-style6 {
  margin-bottom: 28px;
  color: #636363;
}

h3.footer-title-style6:after {
  width: 100%;
  height: 1px;
  background: #d0d0d0;
  margin-top: 15px;
}

/*footer style7*/
footer h3.footer-title-style7 {
  margin-bottom: 30px;
  padding-bottom: 20px;
}

footer h3.footer-title-style7:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 18px;
  height: 1px;
  margin: 0 0 0;
  width: 70px;
  margin: 10px 0;
  background-color: #000000;
}

footer h3.footer-title-style7:before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #000000;
  background: #000000;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  footer {
    padding-top: 30px;
  }
  .footer-bar {
    margin-top: 30px;
  }
  .footer-subscribe .butn {
    line-height: 22px;
  }
  .footer-bar p {
    font-size: 13px;
  }
}

/*footer style9*/
.footer-style9 {
  padding: 0;
  color: #616161;
}

.footer-style9 > .container {
  padding: 120px 15px;
}

.footer-style9 .footer-bar {
  margin-top: 0;
  background: #fff;
  border-top: 1px solid #ededed;
  color: #616161;
}

.footer-style9 .footer-list-style3 li {
  color: #616161;
}

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

.footer-style9 .footer-list-style3 li a {
  color: #616161;
}

.footer-style9 .footer-list-style3 li a:hover {
  color: #000000;
}

.footer-style9 .footer-list-style3 li a:hover:before {
  color: #000000;
}

.footer-style9 address {
  line-height: 28px;
}

footer h3.footer-title-style9 {
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 20px;
}

footer h3.footer-title-style9:after {
  position: absolute;
  content: "";
  background: #000000;
  width: 55px;
  height: 1px;
  bottom: 2px;
}

footer h3.footer-title-style9:before {
  position: absolute;
  content: "";
  background: #000000;
  width: 55px;
  height: 1px;
  bottom: 0px;
}

@media screen and (max-width: 1199px) {
  .footer-style9 > .container {
    padding: 90px 15px;
  }
}

@media screen and (max-width: 991px) {
  .footer-style9 > .container {
    padding: 70px 15px;
  }
}

@media screen and (max-width: 767px) {
  footer h3.footer-title-style9 {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}

/*footer style10*/
footer.footer-style10 {
  background: #fff;
  padding-top: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.075);
}

.footer-style10 > .container {
  padding-top: 90px;
  padding-bottom: 90px;
}

footer.footer-style10 h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
  line-height: 1;
  position: relative;
}

footer.footer-style10 h3:after {
  content: none;
}

.footer-style10 .footer-top-bar {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}

.footer-style10 .footer-bar {
  margin-top: 0;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.075);
  color: #75818e;
}

.footer-style10 .footer-bar p {
  margin-top: 5px;
}

footer.footer-style10 ul {
  margin-bottom: 0;
}

footer.footer-style10 li {
  margin-bottom: 10px;
}

footer.footer-style10 li:last-child {
  margin-bottom: 0;
}

footer.footer-style10 li a {
  color: #5e6973;
}

footer.footer-style10 li a:hover {
  color: #000000;
}

.footer-style10 .social-icons ul {
  margin: 0;
  padding: 0;
}

.footer-style10 .social-icons li {
  display: inline-block;
  margin-right: 1px;
  margin-bottom: 0;
}

.footer-style10 .social-icons li:last-child {
  margin-right: 0;
}

.footer-style10 .social-icons li a {
  font-size: 14px;
  height: 35px;
  line-height: 36px;
  width: 35px;
  background: #efefef;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
}

.footer-style10 .social-icons li a:hover {
  background: #000000;
  color: #fff;
}

@media screen and (max-width: 1199px) {
  .footer-style10 > .container {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 767px) {
  .footer-style10 > .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  footer.footer-style10 h3 {
    margin-bottom: 20px;
  }
}

/*footer title style12*/
.footer-style12 {
  padding: 60px 0 0 0;
}

.footer-style12 .footer-topbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.075);
  padding-bottom: 50px;
  margin-bottom: 60px;
}

.footer-style12 h3 {
  color: #ddd;
}

.footer-style12 h3:after {
  content: none;
}

.footer-style12 h5 {
  color: #ddd;
}

.footer-style12 .footer-bar {
  margin-top: 55px;
}

@media screen and (max-width: 991px) {
  .footer-style12 {
    padding: 50px 0 0 0;
  }
  .footer-style12 .footer-topbar {
    padding-bottom: 50px;
    margin-bottom: 50px;
  }
  .footer-style12 .footer-bar {
    margin-top: 40px;
  }
}

@media screen and (max-width: 575px) {
  .footer-style12 h3 {
    margin-bottom: 25px;
  }
}

/*footer title style10*/
footer .footer-title-style10 {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
  padding-bottom: 20px;
}

footer .footer-title-style10:after {
  position: absolute;
  content: "";
  background: #000000;
  width: 40px;
  height: 1px;
  left: 10px;
  top: 40px;
}

footer .footer-title-style10:before {
  position: absolute;
  content: "";
  background: #000000;
  width: 40px;
  height: 1px;
  bottom: 0px;
  left: 0;
  top: 35px;
}

@media screen and (max-width: 991px) {
  footer .footer-title-style10 {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  footer .footer-title-style10 {
    font-size: 18px;
    margin-bottom: 15px;
  }
}

/*footer style11*/
.footer-style11 {
  background: #f7fbfe;
  color: #282b2d;
}

.footer-style11 .footer-bar {
  background: #f7fbfe;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #282b2d;
}

.footer-title-style11 {
  margin-bottom: 25px;
  font-size: 22px;
  font-weight: 700;
}

.footer-title-style11:after {
  content: none;
}

@media screen and (max-width: 991px) {
  .footer-title-style11 {
    margin-bottom: 20px;
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .footer-title-style11 {
    margin-bottom: 15px;
    font-size: 18px;
  }
}

/*footer style12*/
.footer-title-style12 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
  line-height: 1;
  position: relative;
}

.footer-title-style12:after {
  content: none;
}

@media screen and (max-width: 767px) {
  .footer-title-style12 h3 {
    margin-bottom: 20px;
  }
}

/*footer app*/
.footer-app li {
  display: inline-block;
  margin-right: 10px;
}

.footer-app li:last-child {
  margin-right: 0;
}

/* footer demo-14 */
.footer-block3 ul {
  margin-bottom: 0;
}

.footer-block3 ul li {
  font-size: 14px;
  padding: 5px 0;
  font-weight: 600;
}

.footer-block3 h3 {
  font-family: Montserrat, sans-serif;
}

footer .footer-icon3 ul li {
  display: inline-block;
  margin-left: 20px;
  font-size: 20px;
}

footer .footer-icon3 ul li a:hover {
  color: #000000;
}

.footer-block3 h3:after {
  content: none;
}

/* ===================================
    Copy Elements
====================================== */
pre[class*="language-"] {
  max-height: 45vh;
  height: 100%;
  margin: 35px 0 15px 0;
  padding-top: 0;
}

.html-code {
  background-color: #fbfbfb;
  position: relative;
  -webkit-box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);
  padding: 30px;
  border-radius: 5px;
  border: 1px solid #ededed;
}

.html-code:before {
  color: #c8dfab;
  content: "•••";
  font-size: 30px;
  left: 24px;
  letter-spacing: 4px;
  line-height: 12px;
  position: absolute;
  top: 24px;
}

.copy-element {
  position: absolute;
  top: -50px;
  right: 100px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.source-element {
  position: absolute;
  top: -50px;
  right: 15px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.html-code .copy-element {
  top: 15px;
  right: 30px;
}

.html-code:hover .copy-element,
.html-code:hover .source-element {
  opacity: 1;
}

.box-hover:hover .copy-element,
.box-hover:hover .source-element {
  opacity: 1;
}

.copy-element > a,
.source-element > a {
  border-radius: 0.25rem;
  background: #dde1e6;
  color: #777 !important;
  display: inline-block;
  padding: 5px 15px;
  font-size: 14px;
  text-transform: capitalize;
  cursor: pointer !important;
  font-weight: 600;
}

.copy-element > a:hover,
.source-element > a:hover {
  background: #000000;
  color: #fff !important;
}

.copy-clipboard {
  cursor: pointer;
  padding: 5px 15px;
}

.white-popup-block {
  background-color: #fbfbfb;
  position: relative;
  max-width: 650px;
  -webkit-box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);
  padding: 60px 30px 30px 30px;
  border-radius: 5px;
  margin: 40px auto;
  border: 1px solid #ededed;
}

.white-popup-block.popup-copy.mfp-hide {
  display: block !important;
  height: 0;
  position: absolute;
  z-index: -1;
  padding: 0;
  opacity: 0;
  margin: 0;
}

.white-popup-block:before {
  color: #c8dfab;
  content: "•••";
  font-size: 30px;
  left: 24px;
  letter-spacing: 4px;
  line-height: 12px;
  position: absolute;
  top: 24px;
}

.white-popup-block:hover .copy-element {
  opacity: 1;
}

.white-popup-block .copy-element {
  top: 45px;
  right: 30px;
}

.box-hover {
  position: relative;
}

.box-hover .container {
  position: relative;
}

/* scroll to top */
.scroll-to-top {
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 50%;
  background: #000;
  border: 1px solid #2a2a2a;
  width: 35px;
  height: 35px;
  line-height: 30px;
  z-index: 9999;
  outline: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

.scroll-to-top i {
  color: #fff;
}

.scroll-to-top:hover {
  color: #282b2d;
  background: #fff;
}

.scroll-to-top:hover i {
  color: #282b2d;
}

.scroll-to-top:visited {
  color: #282b2d;
  text-decoration: none;
}
/*# sourceMappingURL=styles.css.map */