@charset "UTF-8";



/*-----------------------------------------------------------------------------------







    Theme Name: Crizal - Multipurpose Responsive Template + Admin



    Description: Multipurpose Responsive Template + Admin



    Author: Chitrakoot Web



    Version: 3.1







-----------------------------------------------------------------------------------*/



/* ----------------------------------



        



    01. Common styles



    02. Section heading



    03. Topbar



    04. Navigation



    05. Page title



    06. Owl carousel



    07. Banner styles



    08. Slider styles



    09. Feature boxes



    10. Service blocks



    11. Client section



    12. Counter box



    13. Video



    14. About area



    15. Testmonials



    16. Card Style



    17. Team member



    18. Project grid



    19. Accordion style



    20. Portfolio masonry



    21. Tabs



    22. Pricing table



    23. Others



    24. Shop



    25. Blog



    26. Contact info



    27. Footer



    28. Copy Elements



    



---------------------------------- */



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



    Common styles



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



/* loader */



#preloader {

  position: fixed;



  top: 0;



  right: 0;



  left: 0;



  bottom: 0;



  background-color: #fff;



  z-index: 999999;



  transition: 0.3s ease opacity;



  text-align: center;



  width: 100%;



  height: 100%;

}



#preloader:before {

  content: "";



  width: 80px;



  height: 80px;



  border: 3px solid #86bc42;



  display: block;



  border-radius: 50%;



  position: absolute;



  top: 50%;



  left: 50%;



  opacity: 0;



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



  animation-name: LoaderCicle;



  animation-duration: 2s;



  animation-iteration-count: infinite;



  animation-timing-function: linear;

}



#preloader:after {

  content: "";



  width: 80px;



  height: 80px;



  border: 3px solid #86bc42;



  display: block;



  border-radius: 50%;



  position: absolute;



  top: 50%;



  left: 50%;



  opacity: 0;



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



  animation-name: LoaderCicle;



  animation-duration: 2s;



  animation-iteration-count: infinite;



  animation-timing-function: linear;



  animation-delay: 1s;

}



@keyframes LoaderCicle {

  0% {

    width: 0;



    height: 0;



    opacity: 0;

  }



  10% {

    width: 10px;



    height: 10px;



    opacity: 1;

  }



  80% {

    width: 60px;



    height: 60px;



    opacity: 0.1;

  }



  100% {

    width: 70px;



    height: 70px;



    opacity: 0;

  }

}



/* theme color and basic options */



a:hover,

a:active {

  color: #86bc42;



  text-decoration: none;

}



.bg-primary {

  background-color: #86bc42 !important;

}



.bg-light-sky {

  background-color: #e7efff;

}



.bg-primary-90 {

  background: rgba(134, 188, 66, 0.9);

}



.bg-primary-80 {

  background: rgba(134, 188, 66, 0.8);

}



.primary-overlay[data-overlay-dark]:before {

  background: #86bc42;

}



.left-overlay-dark[data-overlay-dark]:before {

  background: rgba(225, 225, 225, 0.76);



  background: linear-gradient(-90deg, transparent, #000 65%);

}



.left-overlay-secondary[data-overlay-dark]:before {

  background: rgba(225, 225, 225, 0.76);



  background: linear-gradient(-90deg, transparent, #14212b 65%);

}



.text-primary,

.text-primary-hover:hover {

  color: #86bc42 !important;

}



.text-white-hover:hover {

  color: #fff !important;

}



.bg-dark-blue {

  background: #14212b;

}



.text-dark-blue {

  color: #14212b;

}



.bg-secondary {

  background-color: #14212b !important;

}



.text-secondary {

  color: #14212b !important;

}



.text-content-big p {

  font-weight: 400;



  line-height: 200%;



  margin-bottom: 25px;



  font-size: 15px;

}



.shadow-primary {

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



  -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);

}



.transition-hover {

  transition: transform 0.3s ease;

}



.transition-hover:hover,

.transition-hover:focus {

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



  transform: translateY(-8px);

}



.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 #86bc42;

}



.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: #86bc42;

}



.left-title {

  position: relative;

}



.left-title:before {

  content: "";



  background: #86bc42;



  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: #86bc42;



  background-color: #86bc42;

}



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

  .vw-lg-50 {

    width: 50vw;

  }

}



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

  .container.lg {

    max-width: 1170px;



    width: 100%;

  }

}



.min-height-250 {

  min-height: 250px;

}



.vw-lg-60 {

  width: 60vw;

}



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

  .vw-lg-60 {

    width: 100%;

  }

}



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

  .mt-sm-n6 {

    margin-top: -3.5rem;

  }

}



.border-top-radius-10 {

  border-top-right-radius: 10px;



  border-top-left-radius: 10px;

}



.border-left-radius-10 {

  border-top-left-radius: 10px;



  border-bottom-left-radius: 10px;

}



.border-right-radius-10 {

  border-top-right-radius: 10px;



  border-bottom-right-radius: 10px;

}



.left-n20px {

  left: -20px;

}



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

  .border-sm-left-radius-10 {

    border-top-left-radius: 10px;



    border-bottom-left-radius: 10px;

  }

}



/* overlap column */



.overlap-column {

  margin-bottom: 3rem;

}



.overlap-column > [class*="col-"]:first-child {

  position: relative;



  left: 2rem;

}



.overlap-column > [class*="col-"]:last-child {

  position: relative;



  left: -2rem;



  top: 3rem;

}



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

  .overlap-column {

    margin-bottom: 0;

  }



  .overlap-column > [class*="col-"]:last-child {

    left: 0;



    top: 0;

  }

}



/* 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) {

  .bg-container {

    background-repeat: repeat;

  }

}



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

  .bg-container {

    top: 0;

  }

}



.background-position-left-top {

  background-position: left top;

}



.background-no-repeat {

  background-repeat: no-repeat !important;

}



/* border for inner box */



.inner-border {

  border: 8px solid rgba(255, 255, 255, 0.35);



  height: calc(100% - 40px);



  width: calc(100% - 40px);



  left: 20px;



  top: 20px;



  position: absolute;

}



.inner-border2 {

  border: 8px solid rgba(255, 255, 255, 0.35);



  height: calc(100% - 80px);



  width: calc(100% - 110px);



  left: 55px;



  top: 40px;



  position: absolute;

}



/* 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: #86bc42;



  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: #86bc42;



  font-size: 12px;



  background: rgba(134, 188, 66, 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;



  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;

}



@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;

  }

}



/* list style 1 */



.list-style-none li {

  list-style: none;

}



.list-style-1 li {

  padding: 5px 0;

}



/* list style 2 */



.list-style-2 {

  list-style: none;



  margin: 0;



  padding: 0;

}



.list-style-2 li {

  position: relative;



  padding: 0 0 0 12px;



  margin: 0 0 9px 0;

}



.list-style-2 li:before {

  content: "";



  width: 5px;



  height: 1px;



  background-color: #282b2d;



  position: absolute;



  top: 12px;



  left: 0;

}



/* list style 3 */



.list-style-3 {

  list-style: none;



  margin: 0;



  padding: 0;

}



.list-style-3 li {

  position: relative;



  padding: 0 0 0 22px;



  margin: 0 0 15px 0;

}



.list-style-3 li:before {

  content: "";



  width: 10px;



  height: 1px;



  background-color: #282b2d;



  position: absolute;



  top: 13px;



  left: 0;

}



/* list style 4 */



.list-style-4 {

  list-style: none;



  margin: 0;



  padding: 0;

}



.list-style-4 li {

  position: relative;



  padding: 0 0 10px 22px;



  margin: 0 0 10px 0;



  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



.list-style-4 li:before {

  content: "\f152";



  position: absolute;



  top: 0;



  left: 0;



  font-family: Font Awesome\ 5 Free;

}



.list-style-4 li:last-child {

  border-bottom: 0;

}



.list-style-4.list-style-color li {

  border-color: rgba(255, 255, 255, 0.15);

}



.list-style-4.list-style-color li:before {

  color: #ff214f;

}



/* list style 5 */



.list-style-5 {

  list-style: none;



  margin: 0;



  padding: 0;

}



.list-style-5 li {

  position: relative;



  padding: 0 0 10px 25px;



  margin: 0 0 10px 0;



  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



.list-style-5 li:before {

  content: "\f192";



  position: absolute;



  top: 0;



  left: 0;



  font-family: Font Awesome\ 5 Free;



  color: #c0c0c0;

}



.list-style-5 li:first-child {

  padding-top: 10px;

}



.list-style-5 li:first-child:before {

  top: 11px;

}



.list-style-5 li:last-child {

  border-bottom: 0;



  margin-bottom: 0;

}



.list-style-5.list-style-color li {

  border-color: rgba(255, 255, 255, 0.15);

}



.list-style-5.list-style-color li:before {

  color: #282b2d;

}



/* list style 6 */



.list-style-6 {

  list-style: none;



  margin: 0;



  padding: 0;

}



.list-style-6 li {

  position: relative;



  padding: 0 15px 8px 0;



  margin: 0 0 8px 0;



  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



.list-style-6 li span {

  position: absolute;



  top: 3px;



  right: 0;

}



.list-style-6 li:last-child {

  border-bottom: none;

}



.list-style-6 li:before {

  content: "";

}



/* list style 7 */



.list-style-7 {

  list-style: none;



  margin: 0;



  padding: 0;

}



.list-style-7 li {

  padding: 0 0 13px 0;



  margin: 0 0 10px 0;

}



.list-style-7 li:last-child {

  margin: 0;



  padding: 0;

}



/* list style 8 */



.list-style-8 {

  list-style: none;



  margin: 0;



  padding: 0;

}



.list-style-8 li {

  position: relative;



  padding: 15px 0;



  margin: 0 0 4px 0;



  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



.list-style-8 li span {

  margin-bottom: 2px;

}



.list-style-8 li p {

  margin-bottom: 0;

}



.list-style-8 li:last-child {

  border-bottom: none;

}



.list-style-8 li:before {

  content: "";

}



/* list style 9 */



.list-style-9 {

  list-style: none;



  margin: 0;



  padding: 0;

}



.list-style-9 li {

  position: relative;



  padding: 15px 0;



  margin: 0 0 4px 0;



  border-bottom: 1px solid #373737;

}



.list-style-9 li span {

  margin-bottom: 2px;

}



.list-style-9 li p {

  margin-bottom: 0;

}



.list-style-9 li:last-child {

  border-bottom: none;

}



.list-style-9 li:before {

  content: "";

}



/* list style 10 */



.list-style-10 {

  list-style: none;



  margin: 0;



  padding: 0;

}



.list-style-10 li {

  padding: 15px 0;



  margin: 0;



  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



.list-style-10 li i {

  float: left;



  margin-top: 5px;

}



.list-style-10 li span {

  padding-left: 15px;



  display: table;

}



.list-style-10 li:last-child {

  border-bottom: none;

}



/* list style 11 */



.list-style-11 {

  list-style: none;



  margin: 0;



  padding: 0;

}



.list-style-11 li {

  position: relative;



  padding: 0 0 8px 0;



  margin: 0 0 8px 0;



  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



.list-style-11 li span {

  position: absolute;



  top: 3px;



  right: 0;

}



.list-style-11 li:last-child {

  border-bottom: none;

}



.list-style-11 li:before {

  content: "";

}



/* list style 12 */



.list-style-12 {

  position: relative;

}



.list-style-12 li {

  margin-bottom: 10px;



  padding-left: 35px;



  position: relative;

}



.list-style-12 li i {

  left: 0;



  line-height: normal;



  position: absolute;



  top: 2px;

}



/* list style 13 */



.list-style-13 {

  list-style: none;



  margin: 0;



  padding: 0;

}



.list-style-13 li {

  position: relative;



  padding: 0 0 3px 25px;



  margin: 0 0 3px 0;



  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



.list-style-13 li:before {

  content: "\f192";



  position: absolute;



  top: 0;



  left: 0;



  font-family: Font Awesome\ 5 Free;



  color: #c0c0c0;

}



.list-style-13 li:first-child {

  padding-top: 5px;

}



.list-style-13 li:first-child:before {

  top: 6px;

}



.list-style-13 li:last-child {

  border-bottom: 0;



  margin-bottom: 0;

}



/* list style 14 */



.list-style-14 {

  list-style: none;



  margin: 0;



  padding: 0;

}



.list-style-14 li {

  position: relative;



  padding: 0 0 5px 24px;



  margin: 0 0 5px 0;

}



.list-style-14 li:before {

  content: "\e64c";



  position: absolute;



  top: 0;



  left: 0;



  font-family: "themify";



  color: #c0c0c0;



  font-size: 12px;

}



.list-style-14 li:first-child {

  padding-top: 5px;

}



.list-style-14 li:first-child:before {

  top: 6px;

}



.list-style-14 li:last-child {

  border-bottom: 0;



  margin-bottom: 0;

}



.list-style-14 li:before {

  color: #86bc42;

}



/* list style 15 */



.list-style-15 li {

  line-height: 24px;



  margin-bottom: 10px;



  position: relative;



  padding-left: 30px;



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



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



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



  transition: all 0.3s ease 0s;

}



.list-style-15 li:before {

  content: "\f058";



  font-family: Font Awesome\ 5 Free;



  position: absolute;



  left: 1px;



  top: 2px;



  width: 8px;



  height: 8px;



  -webkit-border-radius: 100px;



  -moz-border-radius: 100px;



  -o-border-radius: 100px;



  z-index: 2;



  color: #282b2d;

}



.list-style-15 li:hover {

  padding-left: 40px;

}



/* list style 16 */



.list-style-16 {

  list-style: none;



  margin: 0;



  padding: 0;

}



.list-style-16 li {

  line-height: 24px;



  margin-bottom: 10px;



  position: relative;



  padding-left: 30px;



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



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



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



  transition: all 0.3s ease 0s;

}



.list-style-16 li:after {

  content: "\f14a";



  font-family: Font Awesome\ 5 Free;



  position: absolute;



  left: 0px;



  top: 1px;



  z-index: 1;



  color: #282b2d;

}



.list-style-16 li:hover {

  padding-left: 40px;

}



.list-style-16 li:last-child {

  margin-bottom: 0;

}



.list-style-16 li:after {

  color: #86bc42;

}



/* button style */



.butn {

  background: #282b2d;



  color: #fff;



  text-align: center;



  border-radius: 2px;



  padding: 0.75rem 1.75rem !important;



  line-height: 1.6;



  font-weight: 500;



  letter-spacing: 0.6px;



  text-transform: none;



  position: relative;



  z-index: 9999;



  display: inline-block;



  white-space: nowrap;



  border: none;



  cursor: pointer;



  -moz-transition: width 0.4s;



  -ms-transition: width 0.4s;



  -webkit-transition: width 0.4s;



  -o-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;



  -moz-transition: width 0.4s;



  -ms-transition: width 0.4s;



  -webkit-transition: width 0.4s;



  -o-transition: width 0.4s;



  transition: width 0.4s;



  width: 0;



  background: #86bc42;



  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(134, 188, 66, 0.1);



  color: #86bc42;

}



.butn.light:hover {

  color: #fff;



  background: #86bc42;



  border-radius: 3px;

}



.butn.light:after {

  background: #86bc42;



  border-radius: 3px;

}



.butn.primary {

  background: #86bc42;



  color: #fff;

}



.butn.primary span {

  color: #fff;

}



.butn.primary:hover {

  color: #fff;



  border-radius: 3px;

}



.butn.primary:after {

  background: #282b2d;



  border-radius: 2px;

}



.butn.primary.white-hover:hover {

  color: #282b2d;

}



.butn.primary.white-hover:hover span {

  color: #282b2d;

}



.butn.primary.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: #86bc42;



  border-radius: 3px;

}



.butn.md-lg {

  padding: 16px 30px !important;

}



.butn.sm-lg {

  padding: 14px 28px !important;

}



.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 !important;

}



.butn.medium {

  padding: 10px 20px !important;

}



/* button style2*/



.btn-style2 {

  background: #fff;



  display: inline-block;



  font-size: 14px;



  padding: 12px 20px !important;



  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;



  transition-duration: 0.3s;



  transition-timing-function: ease-in-out;

}



.btn-style2.medium {

  padding: 10px 20px !important;

}



.btn-style2.small {

  padding: 8px 20px !important;

}



.btn-style2:hover,

.btn-style2:active,

.btn-style2:focus {

  background: #86bc42;



  color: #fff;



  border-color: #86bc42;

}



.btn-style2.primary {

  background: #86bc42;



  border-color: #86bc42;



  color: #fff;

}



.btn-style2.primary:hover,

.btn-style2.primary:active,

.btn-style2.primary:focus {

  background: #232323;



  color: #fff;



  border-color: #232323;

}



/* button style3*/



.btn-style3 {

  display: inline-block;



  font-size: 14px;



  padding: 14px 20px !important;



  border: 2px solid #86bc42;



  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;



  transition-duration: 0.3s;



  transition-timing-function: ease-in-out;



  background: #86bc42;



  border-radius: 30px;



  min-width: 180px;

}



.btn-style3.medium {

  padding: 10px 20px !important;

}



.btn-style3.small {

  padding: 8px 20px !important;

}



.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 !important;

  }



  .butn.medium {

    padding: 8px 18px !important;

  }

}



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

  .butn.small {

    padding: 6px 14px !important;

  }



  .butn.medium {

    padding: 6px 16px !important;

  }

}



/* butn-style2 */



.butn-style2 {

  -webkit-appearance: none;



  cursor: pointer;



  display: inline-block;



  vertical-align: top;



  white-space: nowrap;



  padding: 0.9em 3.2em !important;



  letter-spacing: 1px;



  height: auto;



  border-width: 0 !important;



  border-radius: 4px;



  position: relative;



  overflow: hidden;



  color: #fff;



  font-weight: 600;



  padding-left: 3.1em !important;



  background: #14212b;



  padding-right: 3.1em !important;



  transition: padding 0.3s ease, color 0.3s ease, border-color 0.3s ease,

    background-color 0.3s ease, background-position 0.3s ease,

    box-shadow 0.3s ease !important;

}



.butn-style2:before {

  content: "";



  position: absolute;



  z-index: 1;



  right: 2.7em !important;



  left: auto !important;



  width: 40px;



  height: 2px;



  display: block;



  top: calc(50% - 0px);



  overflow: hidden;



  background-color: #fff;



  transition: right 0.1s ease-out 0, opacity 0.1s ease-out 0,

    background-color 0.3s ease;



  opacity: 0;



  background-color: #ffffff;

}



.butn-style2:hover {

  color: #ffffff;



  background-color: #86bc42;



  -webkit-box-shadow: none;



  padding-right: 6em !important;



  -ms-box-shadow: none;



  box-shadow: none;

}



.butn-style2:hover:before {

  left: auto !important;



  right: 1.7em !important;



  opacity: 1;



  transition: right 0.3s ease-out 0.2s, opacity 0.3s ease-out 0.2s,

    background-color 0.3s ease;

}



.butn-style2.medium {

  padding: 0.7em 3em !important;

}



.butn-style2.medium:hover {

  padding-right: 5em !important;

}



.butn-style2.small {

  padding: 0.6em 2.5em !important;

}



.butn-style2.small:hover {

  padding-right: 5em !important;

}



/* butn-style3 */



.butn-style3 {

  display: inline-block;



  font-weight: 600;



  padding: 12px 25px !important;



  background: #86bc42;



  font-size: 16px;



  border: none;



  color: #fff;



  transition: 0.3s;



  border-radius: 5px;

}



.butn-style3.white {

  background: #fff;



  color: #86bc42;

}



.butn-style3:hover {

  background: #14212b;



  color: #fff;

}



.butn-style3.white-hover:hover {

  background: #fff !important;



  color: #86bc42 !important;

}



/* butn-style4 */



.butn-style4 {

  width: 50px;



  height: 50px;



  line-height: 50px;



  color: #fff;



  display: block;



  transition: 0.3s;



  font-size: 18px;



  border-radius: 50%;



  text-align: center;

}



.butn-style4.bg-secondary:hover {

  color: #fff;



  background-color: #86bc42;

}



.butn-style4:hover {

  color: #fff;

}



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

  .butn-style4 {

    width: 40px;



    height: 40px;



    line-height: 42px;



    font-size: 14px;

  }

}



/* animation */



@keyframes animationFramesTwo {

  0% {

    transform: translate(0px, 0px) rotate(0deg) scale(1);

  }



  20% {

    transform: translate(73px, -1px) rotate(36deg) scale(0.9);

  }



  40% {

    transform: translate(141px, 72px) rotate(72deg) scale(1);

  }



  60% {

    transform: translate(83px, 122px) rotate(108deg) scale(1.2);

  }



  80% {

    transform: translate(-40px, 72px) rotate(144deg) scale(1.1);

  }



  100% {

    transform: translate(0px, 0px) rotate(0deg) scale(1);

  }

}



@-webkit-keyframes animationFramesTwo {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);

  }



  20% {

    -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);

  }



  40% {

    -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);

  }



  60% {

    -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);

  }



  80% {

    -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);

  }

}



.square-shape-two {

  position: absolute;



  width: 20px;



  height: 20px;



  border: 2px solid #33d687;



  animation: animationFramesTwo 25s infinite linear;

}



.ani-left-right {

  animation-duration: 5s;



  animation-iteration-count: infinite;



  animation-name: LeftRight;



  animation-timing-function: ease-in-out;

}



@keyframes LeftRight {

  0% {

    transform: translate(0px, 0px);

  }



  65% {

    transform: translate(30px, 0);

  }



  100% {

    transform: translate(0px, 0px);

  }

}



.ani-top-bottom {

  animation-duration: 5s;



  animation-iteration-count: infinite;



  animation-name: TopBottom;



  animation-timing-function: ease-in-out;

}



@keyframes TopBottom {

  0% {

    transform: translate(0px, 0px);

  }



  65% {

    transform: translate(0, 30px);

  }



  100% {

    transform: translate(0px, 0px);

  }

}



.ani-move {

  animation: image_move4 4s infinite linear;

}



@keyframes image_move4 {

  0% {

    transform: translate(0px, 0px);

  }



  15% {

    transform: translate(0px, 20px);

  }



  30% {

    transform: translate(-20px, 20px);

  }



  45% {

    transform: translate(-20px, 40px);

  }



  60% {

    transform: translate(-25px, 30px);

  }



  75% {

    transform: translate(-20px, 20px);

  }



  90% {

    transform: translate(0px, 20px);

  }



  100% {

    transform: translate(0px, 0px);

  }

}



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



    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: #86bc42;



  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: #86bc42;



  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: #86bc42;



  border: 1px solid #86bc42;



  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: #86bc42;



  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: #86bc42;

}



.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: #86bc42;



  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: #86bc42;



  border-width: 1px;



  border-style: solid;



  border-color: #86bc42;



  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: #86bc42;



  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: #86bc42;



  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: #86bc42;



  margin: 0 auto;



  position: absolute;



  left: 0;



  right: 0;



  bottom: 0;

}



.section-heading.title-style7 span:after {

  position: absolute;



  content: "";



  background: #86bc42;



  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: #86bc42;



  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: #86bc42;



  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: #86bc42;



  background: rgba(134, 188, 66, 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: #86bc42;



  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;

}



/* title-style1 */



.title-style1 {

  position: relative;



  z-index: 1;



  color: #86bc42;



  text-transform: uppercase;



  display: inline-block;



  margin-bottom: 15px;



  font-size: 14px;



  font-weight: 600;

}



.title-style1:after {

  content: "";



  position: absolute;



  z-index: 1;



  width: 30px;



  height: 2px;



  bottom: 3px;



  right: -35px;



  background-color: #86bc42;

}



.title-style1.white {

  color: #fff;

}



.title-style1.white:after {

  background-color: #fff;

}



.title-style02 {

  font-size: 120px;



  line-height: 1;



  text-transform: uppercase;



  font-weight: 800;

}



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

  .title-style02 {

    font-size: 80px;

  }

}



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

  .title-style02 {

    font-size: 50px;

  }

}



/* title-style03 */



.title-style03 h2 {

  padding-bottom: 20px;



  margin-bottom: 0;



  position: relative;

}



.title-style03 h2::before {

  background: #86bc42 none repeat scroll 0 0;



  bottom: 0;



  content: "";



  height: 2px;



  left: 50%;



  margin-left: -25px;



  position: absolute;



  width: 40px;

}



.title-style03 h2::after {

  background: #86bc42 none repeat scroll 0 0;



  bottom: 0;



  content: "";



  height: 2px;



  left: 50%;



  margin-left: 20px;



  position: absolute;



  width: 5px;

}



.title-style03.white h2::before,

.title-style03.white h2::after {

  background: #fff;

}



/* 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: #86bc42;

}



@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: #86bc42;



  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;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-transition-duration: 0.3s;



  transition-duration: 0.3s;



  padding: 0 3px;

}



.top-social-icon li a:hover {

  color: rgba(255, 255, 255, 0.65);

}



#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: #86bc42;

}



.navbar > ul > li.current > a:after {

  border-color: transparent #86bc42 #86bc42 transparent;

}



.header-style8 .attr-nav > ul > li,

.header-style1.button-header .attr-nav > ul > li {

  float: none;



  vertical-align: middle;



  display: inline-block;

}



.header-style8 .top-bar-info li i {

  color: #fff;

}



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

  .header-style8 .navbar-nav > li > a {

    padding: 21px 0.2rem;

  }

}



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

  /*header style01*/



  .header-style1 .navbar-nav li.current > a,

  .header-style2 .navbar-nav li.current > a {

    color: #86bc42;

  }



  .header-style1 .navbar-nav li.active > a {

    color: #86bc42;

  }



  .header-style1 .navbar > ul > li.current > a:after {

    border-color: transparent #86bc42 #86bc42 transparent;

  }



  .header-style1.scrollHeader .butn.primary.white-hover:after {

    background: #282b2d;

  }



  .header-style1.scrollHeader .butn.primary.white-hover:hover span {

    color: #fff;

  }



  .header-style2 .navbar > ul > li.current > a:after {

    border-color: transparent #86bc42 #86bc42 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: #86bc42;

  }



  .header-style1.scrollHeader .navbar > ul > li.current > a:after,

  .header-style2.scrollHeader .navbar > ul > li.current > a:after {

    border-color: transparent #86bc42 #86bc42 transparent;

  }



  /*header style03*/



  .header-style3 {

    border-bottom: 2px solid rgba(134, 188, 66, 0.9);

  }



  /*header style04*/



  .header-style4 .navbar-nav li.current > a {

    color: #86bc42;

  }



  .header-style4 .navbar > ul > li.current > a:after {

    border-color: transparent #86bc42 #86bc42 transparent;

  }



  /*header style05*/



  .header-style5 #top-bar {

    background: #86bc42;

  }



  /*header style06*/



  .header-style6 .navbar-default {

    background: rgba(134, 188, 66, 0.85);

  }



  .header-style6.scrollHeader .navbar-default {

    background: #86bc42;

  }



  /*menu area light*/



  .menu_area-light .navbar-nav li.current > a {

    color: #86bc42;

  }



  .menu_area-light .navbar > ul > li.current > a:after {

    border-color: transparent #86bc42 #86bc42 transparent;

  }



  .menu_area-light.scrollHeader .navbar-nav li.current > a {

    color: #86bc42;

  }



  .menu_area-light.scrollHeader .navbar-nav li.current > a:hover {

    color: #86bc42;

  }



  .menu_area-light.scrollHeader .navbar > ul > li.current > a:after {

    border-color: transparent #86bc42 #86bc42 transparent;

  }

}



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

  /*header style03*/



  .header-style3 {

    border-bottom: 2px solid rgba(134, 188, 66, 0.9);

  }



  /*header style05*/



  .header-style5 #top-bar,

  .header-style5 .navbar-toggler {

    background: #86bc42;

  }



  .attr-nav {

    margin-right: 63px;

  }



  .header-style8 .navbar-nav > li > a {

    padding: 10px 20px;

  }



  /*header style06*/



  .header-style6 .navbar-default {

    background: rgba(134, 188, 66, 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: #86bc42;

}



.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: 16px;



  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: 210px 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: #86bc42;

}



.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: 16px;



  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: 170px 0 110px;

  }



  .page-title-section2 h1 {

    font-size: 36px;



    line-height: 42px;

  }

}



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

  .page-title-section2 {

    padding: 130px 0 70px;

  }



  .page-title-section2 h1 {

    margin-bottom: 0;



    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: #86bc42;

}



.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;

  }

}



/*page title style2*/



.page-title-section2.lg {

  padding: 254px 0 150px;

}



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

  .page-title-section2.lg {

    padding: 214px 0 110px;

  }

}



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

  .page-title-section2.lg {

    padding: 130px 0 70px;

  }

}



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



   Owl carousel



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



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

  z-index: 1;



  margin-top: 50px;

}



.owl-theme .owl-nav.disabled + .owl-dots 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;

}



.owl-theme .owl-nav.disabled + .owl-dots span:hover {

  background: #86bc42;



  -webkit-backface-visibility: visible;



  border-radius: 30px;

}



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

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

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

  width: 12px;



  height: 12px;



  background: #86bc42;



  border-color: #86bc42;



  -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: #86bc42;



  font-size: 43px;



  text-align: center;



  width: 40px;



  height: 40px;



  background: #fff !important;

}



.owl-nav .owl-prev {

  color: #86bc42;



  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);



  -moz-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);



  -moz-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;

}



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



    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%;



  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;



  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%;



    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%;



    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;



  -moz-animation: rotate 10s linear infinite;



  -o-animation: rotate 10s linear infinite;



  animation: rotate 10s linear infinite;

}



.main-banner-area .rotate-3d {

  -webkit-animation: rotate3d 10s linear infinite;



  -moz-animation: rotate3d 10s linear infinite;



  -o-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%;

  }

}



@keyframes rotate3d {

  0% {

    -webkit-transform: rotateY(0deg);



    -moz-transform: rotateY(0deg);



    -ms-transform: rotateY(0deg);



    -o-transform: rotateY(0deg);



    transform: rotateY(0deg);

  }



  100% {

    -webkit-transform: rotateY(360deg);



    -moz-transform: rotateY(360deg);



    -ms-transform: rotateY(360deg);



    -o-transform: rotateY(360deg);



    transform: rotateY(360deg);

  }

}



@keyframes rotate {

  0% {

    -webkit-transform: rotate(0deg);



    -moz-transform: rotate(0deg);



    -ms-transform: rotate(0deg);



    -o-transform: rotate(0deg);



    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);



    -moz-transform: rotate(360deg);



    -ms-transform: rotate(360deg);



    -o-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;



  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: -1px;



  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: #86bc42;

}



.line-banner {

  overflow: hidden;



  position: relative;

}



.line-banner .header-text {

  position: absolute;



  width: 100%;



  top: 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%;



    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;

  }

}



/* banner-marketing */



.banner-marketing:before {

  content: "";



  position: absolute;



  top: 0;



  left: 0;



  z-index: 1;



  height: 100%;



  width: 67%;



  background: #edf2f8;



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



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

}



.banner-marketing .right-img {

  position: absolute;



  right: 0;



  top: 0;



  height: 840px;



  width: 50%;



  z-index: 0;

}



.banner-marketing .right-img .right-img2 {

  position: absolute;



  left: 60px;



  bottom: -1px;



  z-index: 1;

}



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

  .banner-marketing .right-img {

    height: 760px;

  }



  .banner-marketing .right-img .right-img2 {

    left: 23px;

  }

}



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

  .banner-marketing .right-img .right-img2 {

    left: 3px;

  }

}



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

  .banner-marketing .right-img .right-img2 {

    left: -18px;

  }

}



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

  .banner-marketing .right-img {

    display: none;

  }



  .banner-marketing:before {

    content: none;

  }

}



/* 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;



  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;



  animation-delay: 0.8s;

}



.owl-carousel .caption p {

  font-size: 18px;



  color: #eee;



  word-spacing: 2px;



  animation-delay: 1.2s;

}



.owl-carousel .caption span {

  display: inline-block;



  padding: 0.2em 0;

}



.owl-carousel .caption .butn {

  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 {

  animation-delay: 0.5s;

}



.slider-fade-shop .caption h1 {

  animation-delay: 0.8s;

}



.slider-fade-shop .caption .subheading {

  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: #86bc42;

}



.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);



  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: #86bc42 !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 .owl-dots {

  margin-top: 0;

}



.slider-fade-shop .owl-dots .owl-dots span {

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

}



.slider-fade-shop .owl-dots .owl-dots.active span,

.slider-fade-shop .owl-dots .owl-dots:hover span {

  background-color: #86bc42;

}



@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;

  }

}



/*slider fade1*/



.banner-business {

  padding-top: 100px;

}



.slider-fade1 .owl-item {

  height: 100vh;



  position: relative;

}



.slider-fade1 .item {

  position: absolute;



  top: 0;



  left: 0;



  height: 100%;



  width: 100%;



  background-size: cover;



  background-position: center center;

}



.slider-fade1 h1 {

  margin-bottom: 25px;



  animation-delay: 0.8s;

}



.slider-fade1 p {

  animation-delay: 1.2s;

}



.slider-fade1 a {

  animation-delay: 1.6s;

}



.slider-fade1 .h5 {

  font-weight: 500;



  animation-delay: 0.5s;



  display: block;



  position: relative;

}



.slider-fade1 .light-title {

  top: -25%;

}



.slider-fade1.owl-theme .owl-nav {

  margin-top: 0;

}



.slider-fade1.owl-carousel.owl-theme .owl-dots {

  position: absolute;



  bottom: 80px;



  width: 100%;



  margin: 0;



  left: 0;

}



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

  position: absolute;



  right: inherit;



  top: 0;



  bottom: 0;



  width: 60px;



  height: 60px;



  border: none;



  background: #86bc42 !important;



  border-radius: 60px;



  line-height: 65px;



  transition-duration: 500ms;



  left: 15px;



  text-align: center;



  margin: auto;



  opacity: 0.3;

}



.slider-fade1.owl-theme .owl-nav .owl-next {

  top: 0;



  bottom: 0;



  left: inherit;



  right: 15px;

}



.slider-fade1.owl-theme .owl-nav .owl-next:hover {

  opacity: 1;



  background: #86bc42;

}



.slider-fade1.owl-theme .owl-nav .owl-prev:hover {

  opacity: 1;



  background: #86bc42;

}



.slider-fade1 .owl-nav i,

.slider-fade1 .owl-nav span {

  font-weight: 600;



  color: #fff !important;



  transition-duration: 500ms;



  font-size: 20px;

}



.slider-fade1 .owl-nav .owl-next:hover i,

.slider-fade1 .owl-nav .owl-prev:hover i {

  color: #fff;

}



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

  .slider-fade1 .light-title {

    top: -20%;

  }

}



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

  .slider-fade1 .light-title {

    top: -18%;

  }

}



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

  .slider-fade1 .light-title {

    top: -16%;

  }

}



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

  .slider-fade1 .light-title {

    top: -12%;

  }

}



/* revolution slider */



.rev_slider_wrapper .tp-caption span {

  color: #86bc42;

}



.rev_slider_wrapper .butn span {

  font-size: 15px !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: #86bc42 !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;



  transition: all 0.5s ease 0s;

}



.feature-box-01 i {

  color: #86bc42;

}



.feature-box-01 p {

  color: #6f6f6f;

}



/* feature box 02 */



.feature-box-02 {

  width: 100%;



  float: left;

}



.feature-box-02 i {

  /* ajout rbt*/

  color: #86bc42;

}



.feature-box-02:hover i {

  /* ajout rbt*/

  color: #fff;

}



.feature-box-02 .produit {

  /* ajout rbt*/

  color: #86bc42;

}



.feature-box-02:hover .produit {

  /* ajout rbt*/

  color: #fff;

}



.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;



  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;



  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 #86bc42;



  content: "";



  width: 100%;



  position: absolute;



  top: 0;



  left: 0;

}



.feature-box-02:hover .feature-textbox:before {

  width: 0;



  transition: all 0.5s ease-out 0s;

}



.feature-box-02 .feature-textbox a {

  color: #86bc42;

}



.feature-box-02:hover .feature-textbox {

  background-color: #86bc42;

}



.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 {

  transition: all 0.3s ease-out 0s;

}



.feature-box-02:hover .img-box img {

  -moz-transform: scale(1.1);



  -ms-transform: scale(1.1);



  -webkit-transform: scale(1.1);



  -o-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;



  transition: all 0.5s ease 0s;



  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.1);

}



.feature-box-04 .feature-box-inner i {

  color: #86bc42;

}



.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 #86bc42;



  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: #86bc42;

}



.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 {

  box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);

}



.feature-box-05 .features-icon {

  font-size: 45px;



  color: #86bc42;



  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;



  transition-duration: 0.2s;



  transition-timing-function: ease-in-out;

}



.feature-box-06 .content {

  position: relative;



  top: 30px;



  padding: 10% 0;



  transition-duration: 0.2s;



  transition-timing-function: ease-in-out;

}



.feature-box-06 .details {

  opacity: 0;



  width: 75%;



  margin: 0 auto;



  transition-duration: 0.2s;



  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: #86bc42;

}



@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;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-transition-duration: 0.3s;



  transition-duration: 0.3s;

}



.feature-flex-square {

  position: relative;



  border-radius: 5px;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-transition-duration: 0.3s;



  transition-duration: 0.3s;

}



.feature-flex-square-icon {

  float: left;



  width: 50px;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-transition-duration: 0.3s;



  transition-duration: 0.3s;

}



.feature-flex-square-icon i {

  color: #86bc42;



  border-radius: 10px;



  font-size: 32px;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-transition-duration: 0.3s;



  transition-duration: 0.3s;

}



.feature-flex-square-content-button:hover {

  color: #86bc42;

}



.feature-flex-square-content-button:hover:after {

  color: #86bc42;

}



@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;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-transition-duration: 0.3s;



  transition-duration: 0.3s;

}



.features-flex-square {

  position: relative;



  border-radius: 5px;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-transition-duration: 0.3s;



  transition-duration: 0.3s;

}



.features-flex-square-icon {

  float: left;



  width: 50px;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-transition-duration: 0.3s;



  transition-duration: 0.3s;

}



.features-flex-square-icon i {

  color: #fff;



  border-radius: 10px;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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%;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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 {

  -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.3);



  -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: #86bc42;



  margin-top: 10px;



  margin-bottom: 15px;



  -moz-transition-duration: 0.4s;



  -ms-transition-duration: 0.4s;



  -webkit-transition-duration: 0.4s;



  -o-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: #86bc42;

}



.case-block-inner a:after {

  content: "\f0da";



  font-size: 15px;



  font-weight: 700;



  font-family: Font Awesome\ 5 Free;



  color: #86bc42;



  margin-left: 10px;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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%;



  -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);



  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);

}



.service-simple img {

  width: 100%;



  transition: all 0.5s ease 0s;

}



.service-simple img:hover {

  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;



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



  margin: 15px 0;



  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(134, 188, 66, 0.6);



  bottom: 0;



  content: "";



  height: 100%;



  left: 0;



  opacity: 0;



  position: absolute;



  top: auto;



  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: #86bc42;



  font-size: 28px;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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 #86bc42;



  border-right: 3px solid #86bc42;



  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 #86bc42;



  border-left: 3px solid #86bc42;



  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;



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



  padding: 40px 25px 40px;



  position: relative;



  text-align: center;



  transition: all 0.5s ease 0s;



  z-index: 20;

}



.service-grids .service-block .number {

  background-color: #86bc42;



  border-radius: 75px;



  color: #fff;



  height: 75px;



  font-size: 30px;



  left: 50%;



  line-height: 75px;



  position: absolute;



  top: -37.5px;



  transform: translateX(-50%);



  width: 75px;

}



.service-grids .service-block .details h4 {

  color: #86bc42;



  font-size: 20px;



  margin: 10px 0 15px 0;



  line-height: normal;

}



.service-grids .service-block .details .read-more {

  color: #86bc42;



  font-weight: 600;

}



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

  .service-grids .service-block {

    height: 335px;

  }



  .service-grids .img-holder:before {

    background-color: rgba(134, 188, 66, 0.6);



    bottom: 20px;



    content: "";



    height: 100%;



    left: 0;



    opacity: 0;



    position: absolute;



    top: auto;



    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;



  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;



  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: #86bc42;

}



.service-block4 .service-icon {

  position: absolute;



  top: 18px;



  right: 18px;



  z-index: 1;



  text-align: center;

}



.service-block4 i {

  color: #86bc42;



  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: #86bc42;



  margin-top: 10px;



  margin-bottom: 15px;



  -moz-transition-duration: 0.4s;



  -ms-transition-duration: 0.4s;



  -webkit-transition-duration: 0.4s;



  -o-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: -moz-linear-gradient(

    top,

    rgba(0, 0, 0, 0) 0%,

    rgba(0, 0, 0, 0.75) 100%

  );



  background: -webkit-linear-gradient(

    top,

    rgba(0, 0, 0, 0) 0%,

    rgba(0, 0, 0, 0.75) 100%

  );



  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: #86bc42 none repeat scroll 0 0;



  content: "";



  height: 100%;



  left: 0;



  opacity: 0;



  position: absolute;



  top: 0;



  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: #86bc42;



  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: #86bc42;

}



.services-block6:before {

  position: absolute;



  content: "";



  top: 0;



  left: 0;



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



  background: -webkit-linear-gradient(top, transparent, #000 116%);



  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: linear-gradient(

    0deg,

    rgba(134, 188, 66, 0.1) 20%,

    rgba(134, 188, 66, 0.4) 100%

  );



  width: 80px;



  height: 80px;



  border-radius: 100%;



  position: relative;



  line-height: 95px;

}



.service-icons > i {

  font-size: 42px;



  color: #86bc42;



  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: #86bc42;



  color: #86bc42;

}



.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: #86bc42;



  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;



  box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);



  transition: all 0.2s ease-in-out;



  text-align: center;

}



.services-block8:hover {

  box-shadow: -1px 9px 18px 0px rgba(75, 81, 91, 0.1);



  transform: translateY(-0.5em);



  background: #86bc42;

}



.services-block8.active {

  box-shadow: -1px 9px 18px 0px rgba(75, 81, 91, 0.1);



  background: #86bc42;

}



.services-block8.active h3,

.services-block8.active p,

.services-block8.active .text-primary,

.services-block8.active a {

  color: #fff;

}



.services-block8.active:hover {

  transform: translateY(-0.5em);

}



.services-block8:hover h3,

.services-block8:hover i,

.services-block8:hover p,

.services-block8:hover .text-primary,

.services-block8:hover a {

  color: #fff;

}



.services-block8 a {

  font-size: 14px;



  color: #86bc42;

}



.services-block8 i {

  color: #86bc42;

}



.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: #86bc42;



  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: #86bc42;

}



.services-block9:before {

  position: absolute;



  content: "";



  top: 0;



  left: 0;



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



  background: -webkit-linear-gradient(top, transparent, #000 116%);



  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: #86bc42;



  height: 2px;



  width: 50px;



  display: inline-block;



  position: absolute;



  left: 0;



  top: 12px;



  content: "";

}



.zigzag-block .title {

  color: #86bc42;



  background: rgba(134, 188, 66, 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: #86bc42;

}



.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%;



  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 {

  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: #86bc42;



  height: 100%;



  width: 100%;



  top: 0;



  left: 0;



  border-radius: 3px;



  z-index: 1;



  opacity: 0;



  visibility: hidden;



  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: 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: #86bc42;

}



@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: #86bc42;



  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;

  }

}



/* service-02 */



.service-02 {

  position: relative;



  overflow: hidden;

}



.service-02 .opacity-light {

  position: absolute;



  height: 100%;



  width: 100%;



  opacity: 0.3;



  top: 0;



  left: 0;

}



.service-02:hover .service-overlay {

  opacity: 0.5;



  transition: all 0.5s ease-in-out;



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



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



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

}



.service-02 .service-overlay {

  opacity: 0;



  position: absolute;



  bottom: 0;



  height: 100%;



  width: 100%;



  border-radius: 10px;



  transition: all 0.5s ease-in-out;



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



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



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

}



.service-02 .service-inner {

  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;

}



.service-02 .service-content .service-icon {

  position: absolute;



  left: 60px;



  bottom: 60px;



  transform: scale(1);



  -webkit-transform: scale(1);



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  transition: all 0.5s ease-in-out;



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



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



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

}



.service-02:hover .service-content .service-icon {

  opacity: 0;



  transform: scale(0);



  -webkit-transform: scale(0);



  -moz-transform: scale(0);



  -ms-transform: scale(0);



  transition: all 0.5s ease-in-out;



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



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



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

}



.service-02:hover .service-text {

  opacity: 1;



  bottom: 0;



  transition: all 0.5s ease-in-out;



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



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



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

}



.service-02 .service-text {

  opacity: 0;



  position: absolute;



  bottom: -25px;



  height: 100%;



  width: 100%;



  transition: all 0.5s ease-in-out;



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



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



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

}



.service-02 .service-text p {

  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  min-height: 75px;



  -webkit-line-clamp: 3;



  -webkit-box-orient: vertical;

}



/* service-03 */



.service-03 {

  position: relative;



  display: block;



  background: #ffffff;



  padding: 45px 35px 45px;



  border-radius: 4px;



  z-index: 1;



  transition-delay: 0.1s;

}



.service-03 .icon {

  color: #86bc42;

}



.service-03 a {

  color: #14212b;

}



.service-03:hover a,

.service-03:hover h3,

.service-03:hover p,

.service-03:hover .icon {

  color: #fff;



  transition-delay: 0.2s;

}



.service-03:hover .layer-outer {

  transform: scaleY(1);

}



.service-03 .layer-outer {

  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  background-attachment: scroll;



  background-size: cover;



  background-position: center top;



  transition-delay: 0.1s;



  transition-timing-function: ease-in-out;



  transition-duration: 0.5s;



  transition-property: all;



  opacity: 1;



  transform-origin: top;



  transform-style: preserve-3d;



  transform: scaleY(0);



  z-index: -1;

}



.service-03 .layer-outer::before {

  position: absolute;



  top: 0;



  left: 0;



  bottom: 0;



  right: 0;



  background: rgba(34, 38, 49, 0.7);



  content: "";



  border-radius: 7px;

}



/* service-04 */



.service-04 i {

  width: 65px;



  height: 65px;



  line-height: 65px;



  background: rgba(134, 188, 66, 0.1);



  border-radius: 50%;



  margin-bottom: 20px;



  font-size: 24px;



  text-align: center;



  color: #86bc42;

}



.service-04:hover i {

  background-color: #86bc42;



  transition: 0.5s;



  color: #fff;

}



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



    Client section



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



/*client style01*/



.section-clients {

  padding: 50px 0;

}



.clients img {

  opacity: 0.6;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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;

  }

}



/* client-02 */



.client-02 {

  transition: 0.4s;

}



.client-02 img {

  transition: 0.3s;

}



.client-02 .image-wrapper {

  overflow: hidden;



  position: relative;



  z-index: 1;



  border-radius: inherit;

}



.client-02 .image-wrapper > img {

  border-radius: inherit;

}



.client-02 .hover-image {

  display: block;



  transform: translateY(-100%);



  opacity: 0;



  display: none;



  position: absolute;



  z-index: 1;



  top: 0;



  left: 0;



  visibility: hidden;

}



.client-02 .image-wrapper:hover .hover-image {

  opacity: 1;



  visibility: visible;



  transform: translateY(0%);

}



.client-02 .image-wrapper:hover .hover-image + .main-image {

  opacity: 0;



  transform: translateY(100%);

}



/* client-03 */



.client-03 img {

  opacity: 0.8;



  transition: 0.3s;

}



.client-03:hover img {

  opacity: 1;

}



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



    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;



  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: #86bc42;

}



.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 {

  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: #86bc42;



  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: #86bc42;



  display: inline-block;



  margin-left: 8px;



  vertical-align: middle;

}



.counter-style4.highlight {

  background: #86bc42;

}



.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: #86bc42;



  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;

  }

}



/* counter-01 */



.counter-01 {

  margin-bottom: -60px;



  position: relative;



  z-index: 3;

}



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



    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: #86bc42;



  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%);



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



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



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



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



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



  opacity: 0.3;



  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%);



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



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



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



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



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



  opacity: 0.3;



  animation: pulse-border 1500ms ease-out infinite;

}



.startup-video {

  margin-bottom: -100px;

}



.video_btn-style2:after,

.video_btn-style2:before {

  border-color: rgba(0, 0, 0, 0.1);

}



@keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);



    opacity: 1;

  }



  100% {

    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;

  }



  @keyframes pulse-border {

    0% {

      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    }



    100% {

      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 #86bc42;



  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(134, 188, 66, 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: #86bc42;



  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 #86bc42;

}



/*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: -40px;



    bottom: 35px;



    width: 130px;



    height: 130px;



    padding: 30px 0;

  }

}



/* about-style2 */



.about-style2 .about2-text {

  position: relative;



  z-index: 1;

}



.about-style2 .about2-text span {

  -webkit-background-clip: text;



  -webkit-text-fill-color: transparent;



  background-size: cover;



  background-position: center;



  font-size: 150px;



  position: absolute;



  bottom: -25px;



  font-weight: 800;



  -webkit-text-stroke: 1px #ffffff;



  margin: 0;



  line-height: 1;



  left: 30px;

}



.about-style2 .about2-text h5 {

  position: relative;



  margin-left: 230px;



  font-weight: 500;



  margin-bottom: 0;



  margin-top: 20px;



  color: #ffffff;

}



.about-style2 .about-bg {

  display: flex;



  align-items: center;



  position: relative;



  margin-top: 30px;



  padding-top: 50px;

}



.about-style2 .about-bg::after {

  position: absolute;



  right: 0;



  top: 0;



  content: "";



  height: 300px;



  border-top-right-radius: 4px;



  border-bottom-right-radius: 4px;



  width: 3000px;



  background: #86bc42;



  z-index: 0;

}



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

  .about-style2 .about-bg {

    margin-top: 0;



    padding-top: 10px;

  }



  .about-style2 .about-bg::after {

    height: 170px;

  }

}



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

  .about-style2 .about2-text h5 {

    color: #232323;

  }

}



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

  .about-style2 .about2-text h5 {

    margin-left: 160px;

  }



  .about-style2 .about2-text span {

    font-size: 126px;



    bottom: -20px;



    left: 12px;

  }

}



/* icon gallery */



.icon-gallery {

  margin-top: -35px;

}



.icon-gallery .d-table {

  margin-top: 30px;

}



.icon-gallery .d-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;



  transition: all 0.2s ease-in-out;



  padding: 10px;



  background: #fff;

}



.icon-gallery i {

  display: block;



  margin-bottom: 15px;



  font-size: 24px;



  color: #86bc42;

}



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

  .icon-gallery {

    margin-top: -25px;

  }



  .icon-gallery .d-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: -moz-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: #86bc42;



  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;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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: #86bc42;

}



.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: #86bc42;



  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.owl-theme .owl-nav.disabled + .owl-dots span {

  width: 12px;



  height: 12px;



  margin: 0 7px;



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



  cursor: pointer;



  display: block;



  border: none;



  -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.owl-theme .owl-dots {

  display: inline-block;



  z-index: 1;



  margin-top: 30px;

}



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

.testimonial-style2.owl-theme .owl-dots .owl-dot:hover span,

.testimonial-style2.owl-theme .owl-dots .owl-dot:focus span {

  background: #86bc42;



  -webkit-backface-visibility: visible;



  border-radius: 0;

}



@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 .owl-dots {

    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: #86bc42;



  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;



  -moz-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);



  -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 .owl-dots {

  display: inline-block;



  z-index: 1;



  margin-top: 30px;

}



.testimonials-section .owl-dots 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 .owl-dots span:hover {

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



  -webkit-backface-visibility: visible;



  border-radius: 30px;

}



.testimonials-section .owl-dots.active span {

  width: 12px;



  height: 12px;



  background: #86bc42;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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: #86bc42;



  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: #86bc42;



  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%;



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



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



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



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



  transition: all 0.4s ease 0s;



  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);



  -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%;



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



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



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



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



  transition: all 0.4s ease 0s;



  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);



  -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;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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: #86bc42;

}



.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 .owl-dots span {

  border-color: 1px solid #fff;



  width: 10px;



  height: 10px;

}



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

.testmonials-style6 .owl-theme .owl-dots .owl-dot:hover span {

  background: #86bc42;



  border-color: #86bc42;

}



.testmonials-style6 .owl-dots {

  display: inline-block;



  z-index: 1;



  margin-top: 30px;

}



.testmonials-style6 .owl-dots 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 .owl-dots span:hover {

  background: #aaa;



  -webkit-backface-visibility: visible;



  border-radius: 30px;

}



.testmonials-style6 .owl-dots.active span {

  width: 12px;



  height: 12px;



  background: #fff;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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 .owl-dots {

    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: #86bc42;



  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: #86bc42;



  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;



  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.owl-theme .owl-nav.disabled + .owl-dots {

  margin-top: 50px;



  text-align: center;

}



.testimonial-style10 .author-details {

  padding-left: 60px;



  position: relative;

}



.testimonial-style10 .author-details:before {

  background: #86bc42;



  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: #86bc42;

}



@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: #86bc42;

}



.testimonial-style11 .quote {

  font-size: 140px;



  line-height: 180px;



  color: #86bc42;



  margin-top: -2rem;



  display: block;

}



.testimonial-style11 .owl-dots {

  display: inline-block;



  z-index: 1;



  margin-top: 3rem;

}



.testimonial-style11 .owl-dots 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 .owl-dots span:hover {

  background: #aaa;



  -webkit-backface-visibility: visible;

}



.testimonial-style11 .owl-dots.active span {

  width: 20px;



  height: 5px;



  background: #fff;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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 .owl-dots {

    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: #86bc42;

}



.testimonial-style12 .quote {

  font-size: 140px;



  line-height: 180px;



  color: #86bc42;



  margin-top: -2rem;



  display: block;

}



.testimonial-style12.owl-theme .owl-nav.disabled + .owl-dots 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.owl-theme .owl-dots .owl-dot.active span,

.testimonial-style12.owl-theme .owl-dots .owl-dot:hover span {

  width: 12px;



  height: 12px;



  background: #86bc42;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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 .owl-dots {

    margin-top: 2rem;

  }

}



/* testimonial-01 */



.testimonial-01 {

  margin-bottom: -80px;



  z-index: 3 !important;



  border-radius: 4px;

}



.testimonial-inner {

  margin-bottom: -90px;

}



/* testimonial-03 */



.testimonial-03 i {

  height: 65px;



  width: 65px;



  line-height: 65px;



  text-align: center;



  background-color: #86bc42;



  font-size: 36px;



  color: #fff;



  border-radius: 50%;



  display: block;

}



.testimonial-03:hover i {

  background-color: #14212b;



  transition: all 0.3s ease 0.1s;

}



.carousel-style2 .owl-theme .owl-nav.disabled + .owl-dots 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 .owl-theme .owl-dots .owl-dot.active span,

.carousel-style2 .owl-theme .owl-dots .owl-dot:hover span,

.carousel-style2 .owl-theme .owl-dots .owl-dot:focus span {

  background: #86bc42;



  -webkit-backface-visibility: visible;



  border-radius: 30px;

}



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



    Card Style



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



/* card-style3 */



.card-style3 {

  box-shadow: 6px 5px 30px 0px rgba(0, 0, 0, 0.12);

}



.card-style3:hover {

  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);



  background: #86bc42;



  transition: 0.5s;

}



.card-style3 i {

  color: #14212b;

}



.card-style3:hover a,

.card-style3:hover p,

.card-style3:hover i {

  color: #fff;

}



/* card-style4 */



.card-style4 i {

  font-size: 24px;



  height: 70px;



  width: 70px;



  display: block;



  border-radius: 50%;



  color: #86bc42;



  line-height: 70px;



  background-color: rgba(134, 188, 66, 0.1);

}



.card-style4:hover {

  background-color: #14212b;



  transition: 0.3s;

}



.card-style4:hover h4 {

  color: #fff;

}



.card-style4:hover p {

  color: #fff;



  opacity: 0.7;

}



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

  .card-style4 i {

    font-size: 22px;



    height: 60px;



    width: 60px;



    line-height: 60px;

  }

}



/* card-style5 */



.card-style5 {

  position: relative;



  -webkit-perspective: 1000px;



  -moz-perspective: 1000px;



  perspective: 1000px;



  height: 300px;



  width: 100%;

}



.card-style5.flip-right:hover .card-body {

  -webkit-transform: rotateY(180deg);



  -moz-transform: rotateY(180deg);



  transform: rotateY(180deg);

}



.card-style5.flip-bottom:hover .card-body {

  -webkit-transform: rotateX(-180deg);



  -moz-transform: rotateX(-180deg);



  transform: rotateX(-180deg);

}



.card-style5.flip-bottom .card-flip-back {

  -webkit-transform: rotateX(180deg);



  -moz-transform: rotateX(180deg);



  transform: rotateX(180deg);

}



.card-style5.flip-left:hover .card-body {

  -webkit-transform: rotateY(-180deg);



  -moz-transform: rotateY(-180deg);



  transform: rotateY(-180deg);

}



.card-style5.flip-left .card-flip-back {

  -webkit-transform: rotateY(180deg);



  -moz-transform: rotateY(180deg);



  transform: rotateY(180deg);

}



.card-style5 .card-body {

  position: relative;



  z-index: 1;



  -webkit-transition: 0.7s;



  -o-transition: 0.7s;



  -moz-transition: 0.7s;



  transition: 0.7s;



  width: 100%;



  height: 100%;



  -webkit-transform-style: preserve-3d;



  -moz-transform-style: preserve-3d;



  transform-style: preserve-3d;

}



.card-style5 .card-flip-front {

  z-index: 2;



  background-color: rgba(225, 225, 225, 0.04);



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  display: -webkit-box;



  display: -webkit-flex;



  display: -moz-box;



  display: -ms-flexbox;



  display: flex;



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-flex-direction: column;



  -moz-box-orient: vertical;



  -moz-box-direction: normal;



  -ms-flex-direction: column;



  flex-direction: column;



  -webkit-box-pack: center;



  -moz-box-pack: center;



  -ms-flex-pack: center;



  justify-content: center;



  -webkit-backface-visibility: hidden;



  -moz-backface-visibility: hidden;



  backface-visibility: hidden;



  transform: rotate(0);



  transition: 0.7s;



  box-shadow: 10px 8px 35px rgba(49, 49, 49, 0.08);

}



.card-flip-back {

  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  display: -webkit-box;



  display: -webkit-flex;



  display: -moz-box;



  display: -ms-flexbox;



  display: flex;



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-flex-direction: column;



  -moz-box-orient: vertical;



  -moz-box-direction: normal;



  -ms-flex-direction: column;



  flex-direction: column;



  -webkit-box-pack: center;



  -moz-box-pack: center;



  -ms-flex-pack: center;



  justify-content: center;



  -webkit-backface-visibility: hidden;



  -moz-backface-visibility: hidden;



  backface-visibility: hidden;



  transform: rotate(0);



  transition: 0.7s;



  box-shadow: 10px 8px 35px rgba(49, 49, 49, 0.08);

}



.card-style5.flip-right .card-flip-back {

  -webkit-transform: rotateY(-180deg);



  -moz-transform: rotateY(-180deg);



  transform: rotateY(-180deg);

}



/* card-style6 */



.card-style6 .card-date {

  width: 74px;



  height: 74px;



  background-color: #86bc42;



  border: 6px solid #fff;



  display: -webkit-box;



  display: -ms-flexbox;



  display: flex;



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  justify-content: center;



  text-align: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  align-items: center;



  border-radius: 50%;



  font-size: 14px;



  font-weight: 600;



  color: #fff;



  padding: 0 20px;



  line-height: 1.3;



  position: absolute;



  top: -37px;



  right: 30px;



  transition: 0.5s;

}



.card-style6:hover .card-date {

  background-color: #14212b;

}



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



    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 {

  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 * {

  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: #86bc42;



  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: #86bc42;

}



.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: #86bc42;



  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 #86bc42;



  border-radius: 50%;



  color: #86bc42;



  margin-right: 8px;



  margin-bottom: 5px;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-transition-duration: 0.3s;



  transition-duration: 0.3s;

}



.team-single-icons ul li a {

  color: #86bc42;



  display: block;



  font-size: 14px;



  height: 25px;



  line-height: 26px;



  text-align: center;



  width: 25px;

}



.team-single-icons ul li:hover {

  background: #86bc42;



  border-color: #86bc42;

}



.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 {

  transition: all 0.5s ease 0s;



  width: 100%;

}



.team-style1 .team-member-img:hover img {

  transform: scale(1.1);

}



/* team style2 */



.team-style2 .team-member-img img {

  transition: all 0.3s ease 0s;

}



.team-style2 .team-member-img:hover img {

  filter: grayscale(100%);

}



.team-style2 .team-description {

  position: absolute;



  top: 0;



  left: 0;



  bottom: 0;



  right: 0;



  background: transparent;



  opacity: 0;



  transition: all 200ms ease-in-out;



  padding: 15px;



  z-index: 9;

}



.team-style2 .social-links {

  transform: translateY(15px);



  transition: transform 300ms ease-in-out, opacity 150ms ease-in;



  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;



  transform: scale(2);



  transition: all 200ms ease-in-out;



  display: none;



  z-index: 1;

}



.team-style2 .team-member-img > img {

  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 {

  transition-delay: 100ms, 100ms;



  opacity: 1;



  transform: translateY(0);

}



.team-style2:hover .team-member-img > img {

  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;



  transition: all 200ms ease-in-out;



  padding: 15px;



  z-index: 9;

}



.team-style3 .social-links {

  transform: translateY(15px);



  transition: transform 300ms ease-in-out, opacity 150ms ease-in;



  opacity: 0;



  color: #fff;



  -webkit-font-smoothing: antialiased;

}



.team-style3 .about-me {

  transform: translateY(15px);



  transition: transform 300ms ease-in-out, opacity 150ms ease-in;



  opacity: 0;



  color: #fff;



  -webkit-font-smoothing: antialiased;



  position: relative;



  display: inline-block;



  color: #f7f7f7;

}



.team-style3 .social-links:after {

  background: #86bc42;



  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;



  transform: scale(2);



  transition: all 200ms ease-in-out;



  display: none;



  z-index: 1;

}



.team-style3 .team-member-img > img {

  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 {

  transition-delay: 100ms, 100ms;



  opacity: 1;



  transform: translateY(0);

}



.team-style3:hover .about-me {

  transition-delay: 200ms, 200ms;



  opacity: 1;



  transform: translateY(0);

}



.team-style3:hover .team-member-img > img {

  filter: blur(4px) grayscale(4%);

}



.team-style3:hover .team-description {

  opacity: 1;

}



/* team style4 */



.team-style4 .team-description {

  background: rgba(134, 188, 66, 0.65);



  bottom: 0;



  left: 0;



  opacity: 0;



  padding: 15px;



  position: absolute;



  right: 0;



  top: 0;



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



  z-index: 9;

}



.team-style4 .social-links {

  color: #fff;



  opacity: 0;



  transform: translateY(15px);



  transition: transform 300ms ease-in-out 0s, opacity 150ms ease-in 0s;

}



.team-style4 .about-me {

  color: #fff;



  opacity: 0;



  transform: translateY(15px);



  transition: transform 300ms ease-in-out 0s, opacity 150ms ease-in 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(134, 188, 66, 0.8);

}



.team-style4 .bg-cover {

  background-color: rgba(255, 66, 41, 0);



  display: none;



  height: 100%;



  opacity: 1;



  position: absolute;



  top: 0;



  transform: scale(2);



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



  width: 100%;



  z-index: 1;

}



.team-style4 .team-member-img > img {

  transition: all 0.2s ease 0s;

}



.team-style4:hover .bg-cover {

  background-color: rgba(134, 188, 66, 0.65);



  display: block;

}



.team-style4:hover .social-links {

  opacity: 1;



  transform: translateY(0px);



  transition-delay: 100ms, 100ms;

}



.team-style4:hover .about-me {

  opacity: 1;



  transform: translateY(0px);



  transition-delay: 200ms, 200ms;

}



.team-style4:hover .team-member-img > img {

  filter: blur(4px) grayscale(4%);

}



.team-style4:hover .team-description {

  opacity: 1;

}



/* team style5 */



.team-style5 .team-block {

  background: #fff;



  margin-bottom: 15px;



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



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-transition-duration: 0.3s;



  transition-duration: 0.3s;

}



.team-style5 .team-block:hover {

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

}



.team-style5 h5:after {

  border-bottom: 2px solid #86bc42;



  content: "";



  display: block;



  margin: 10px 0 15px 0;



  text-align: center;



  width: 50%;



  -moz-transition-duration: 0.5s;



  -ms-transition-duration: 0.5s;



  -webkit-transition-duration: 0.5s;



  -o-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.owl-theme .owl-nav.disabled + .owl-dots 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.owl-theme .owl-dots .owl-dot.active span,

.team-style5.owl-theme .owl-dots .owl-dot:hover span,

.team-style5.owl-theme .owl-dots .owl-dot:focus span {

  width: 12px;



  height: 12px;



  background: #86bc42;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-transition-duration: 0.3s;



  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;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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: #86bc42;



  border-color: #86bc42;

}



.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 {

  transition: all 0.4s ease-in-out;



  text-align: center;



  padding: 20px;



  background: #fff;



  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: #86bc42;



  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(134, 188, 66, 0.7);



  width: calc(100% - 60px);



  height: calc(100% - 106px);



  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;



  transform: translateY(100%);



  color: #fff;



  transition: all 0.5s ease;

}



.team-style7 .team-social-icon li a {

  color: #fff;



  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) {

  transition-delay: 0.1s;

}



.team-style7 .team-social-icon li:nth-child(3) {

  transition-delay: 0.2s;

}



.team-style7 .team-social-icon li:nth-child(4) {

  transition-delay: 0.3s;

}



.team-style7 .team-social-icon li:nth-child(5) {

  transition-delay: 0.4s;

}



.team-style7:hover .team-social-icon {

  opacity: 1;

}



.team-style7:hover .team-social-icon li {

  opacity: 1;



  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);

  }

}



/* team-style8 */



.team-style8 {

  position: relative;



  z-index: 1;



  background: #ffffff;



  box-shadow: 9px 12px 38px rgba(0, 0, 0, 0.1);



  transition: 0.3s;

}



.team-style8:hover {

  background: #f8f8f8;

}



.team-style8 .team-img {

  padding: 29px 44px 22px 44px;

}



.team-style8 .team-image {

  display: inline-block;



  position: relative;



  overflow: hidden;

}



.team-style8:hover .team-image img {

  transform: scale(1.05);

}



.team-style8 .team-image img {

  transform: scale(1);



  transform-origin: center;



  transition: inherit;

}



.team-style8 .team-icons {

  display: flex;



  position: relative;



  margin-top: 10px;



  background: #f8f8f8;



  transition: 0.4s;



  justify-content: center;

}



.team-style8 .team-icon {

  width: 36px;



  height: 36px;



  margin: 5px;



  border-radius: 50%;



  font-size: 14px;



  line-height: 36px;



  color: #adadad;



  margin: 4px 5px 5px 5px;



  text-align: center;

}



.team-style8:hover .team-icons a[class*="twitter"] {

  color: #1da1f2;

}



.team-style8:hover .team-icons a[class*="facebook"] {

  color: #3b5998;

}



.team-style8:hover .team-icons a[class*="pinterest"] {

  color: #e40000;

}



.team-style8:hover .team-icons a[class*="instagram"] {

  color: #c32aa3;

}



/* team-style9 */



.team-style9 {

  margin-top: -120px;

}



.team-02 {

  position: relative;



  z-index: 1;



  border-radius: 10px;



  background: #ffffff;



  box-shadow: 11px 10px 38px 0px rgba(0, 0, 0, 0.1);



  overflow: hidden;



  transition: 0.3s;

}



.team-02 .team-img {

  position: relative;



  line-height: 0;

}



.team-02 .team-img .team-social-icon {

  display: flex;



  align-items: center;



  position: absolute;



  z-index: 1;



  right: 0;



  bottom: -15px;



  transition: 0.4s;



  max-height: 56px;



  border-radius: 10px 0 0 10px;



  padding-right: 5px;



  transform: translateX(calc(100% - 50px));

}



.team-02:hover .team-img .team-social-icon {

  transform: translateX(0);



  margin-right: 0;



  background: #14212b;

}



.team-02 .team-img .team-social-icon .team-icon {

  position: relative;



  z-index: 3;



  color: #ffffff;

}



.team-02 .team-icon {

  width: 30px;



  height: 30px;



  margin: 5px;



  border-radius: 50%;



  font-size: 12px;



  line-height: 30px;



  text-align: center;



  color: #ffffff;



  border: 1px solid #fff;

}



.team-02 .team-icon:first-child {

  width: 35px;



  height: 35px;



  padding-right: 2px;



  font-size: 14px;



  line-height: 35px;



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



  background: #ffffff;

}



.team-02:hover .team-img .team-social-icon .team-icon {

  opacity: 1;

}



.team-02:hover .team-icon:first-child {

  color: #14212b;



  background: #ffffff;



  transition: all 0.4s, opacity 0.3s 0s, margin 0.4s 0s;

}



.team-02 .team-icon:first-child {

  color: #14212b !important;



  background: #ffffff;

}



.team-02:hover .team-img .team-social-icon .team-icon:nth-child(2) {

  transition: all 0.4s, opacity 0.3s 0.1s, margin 0.4s 0.1s;

}



.team-02:hover .team-img .team-social-icon .team-icon:nth-child(3) {

  transition: all 0.4s, opacity 0.3s 0.2s, margin 0.4s 0.2s;

}



.team-02:hover .team-img .team-social-icon .team-icon:nth-child(4) {

  transition: all 0.4s, opacity 0.3s 0.3s, margin 0.4s 0.3s;

}



.team-02:hover .team-img .team-social-icon .team-icon:nth-child(5) {

  transition: all 0.4s, opacity 0.3s 0.4s, margin 0.4s 0.4s;

}



/* team-03 */



.team-03 {

  background: rgba(225, 225, 225, 0.2);



  border-radius: 4px;



  padding: 20px;

}



.team-03 .team-img::after {

  position: absolute;



  content: "";



  left: 0;



  bottom: 0;



  height: 100%;



  width: 100%;



  background-color: #111;



  opacity: 0;



  -webkit-transition: all 0.4s ease;



  transition: all 0.4s ease;



  pointer-events: none;

}



.team-03 .team-img:hover::after {

  opacity: 0.6;

}



.team-03 .team-img .team-hover {

  top: inherit;



  bottom: 0;



  -webkit-transform: none;



  transform: none;



  position: absolute;



  z-index: 2;



  width: 100%;



  visibility: hidden;



  transition: all 0.3s ease;

}



.team-03 .team-img:hover .team-hover {

  opacity: 1;



  visibility: visible;



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



  transform: translateY(-40px);



  -webkit-transition: all 0.3s ease 0.1s;



  transition: all 0.3s ease 0.1s;

}



.team-03 .team-icons li {

  display: inline-block;



  margin-right: 10px;

}



.team-03 .team-icons li:last-child {

  margin-right: 0;

}



.team-03 .team-icons li a {

  width: 40px;



  height: 40px;



  line-height: 40px;



  display: block;



  border: 1px solid #fff;



  border-radius: 50%;



  color: #fff;

}



/* team-04 */



.team-04 img {

  border: 3px solid #86bc42;



  transition: all 0.3s ease 0.1s;

}



.team-04:hover img {

  border: 3px solid #14212b;

}



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



    Project grid



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



/* filtering */



.filtering {

  margin-bottom: 10px;

}



.filtering span {

  border-bottom: 1px solid rgba(0, 0, 0, 0);



  color: #333333;



  cursor: pointer;



  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: #86bc42;



  color: #86bc42;

}



@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;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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: #86bc42;

}



.project-grid-overlay h4 a:after {

  content: "";



  display: block;



  width: 70px;



  height: 1px;



  background: #86bc42;



  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(134, 188, 66, 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%;



  -moz-transform: scale3d(1, 1, 1);



  -ms-transform: scale3d(1, 1, 1);



  -webkit-transform: scale3d(1, 1, 1);



  -o-transform: scale3d(1, 1, 1);



  transform: scale3d(1, 1, 1);



  -moz-transition: all 400ms;



  -ms-transition: all 400ms;



  -webkit-transition: all 400ms;



  -o-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;



  -moz-transform: scale3d(0, 0, 0);



  -ms-transform: scale3d(0, 0, 0);



  -webkit-transform: scale3d(0, 0, 0);



  -o-transform: scale3d(0, 0, 0);



  transform: scale3d(0, 0, 0);



  -moz-transition: all 0.3s;



  -ms-transition: all 0.3s;



  -webkit-transition: all 0.3s;



  -o-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;



  -moz-transition: all 0.3s;



  -ms-transition: all 0.3s;



  -webkit-transition: all 0.3s;



  -o-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 {

  -moz-transform: scale3d(1.15, 1.15, 1);



  -ms-transform: scale3d(1.15, 1.15, 1);



  -webkit-transform: scale3d(1.15, 1.15, 1);



  -o-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 {

  -moz-transform: scale3d(1, 1, 1);



  -ms-transform: scale3d(1, 1, 1);



  -webkit-transform: scale3d(1, 1, 1);



  -o-transform: scale3d(1, 1, 1);



  transform: scale3d(1, 1, 1);

}



.project-grid-style2:hover .portfolio-icon a:hover {

  color: #86bc42;

}



.portfolio-post-border {

  border: 1px solid #86bc42;



  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: #86bc42;



  height: 2px;

}



.project-single-text h4:after {

  content: " ";



  background: #86bc42;



  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: #86bc42;



  height: 2px;

}



.project-single-text ul li {

  color: #282b2d;



  font-size: 15px;



  font-weight: 500;

}



.project-single-text ul li i {

  color: #86bc42;



  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%;



  -moz-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);



  -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;



  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: -webkit-linear-gradient(

    top,

    rgba(0, 0, 0, 0),

    rgba(0, 0, 0, 0.4)

  );



  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));



  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));



  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;



  -moz-transition: all 700ms ease;



  -webkit-transition: all 700ms ease;



  -ms-transition: all 700ms ease;



  -o-transition: all 700ms ease;



  transition: all 700ms ease;



  -webkit-transform-origin: left top;



  -ms-transform-origin: left top;



  -moz-transform-origin: left top;



  transform-origin: left top;



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



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



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



  -o-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(134, 188, 66, 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;



  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: #86bc42;



  letter-spacing: 1px;



  font-size: 13px;



  font-weight: 700;



  padding-bottom: 8px;



  margin-bottom: 20px;



  text-transform: uppercase;



  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;



  transition: all 0.5s ease;

}



.project-grid-style3 .inner-box:hover .project-desc .category:after {

  width: 100%;



  background: #86bc42;

}



.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: #86bc42;

}



@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 {

  transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;

}



.project-grid-style10:hover img {

  opacity: 0.6;

}



/* Portfolio block */



.portfolio-block {

  position: relative;



  transition: all 0.3s;

}



.portfolio-block .portfolio-img {

  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: #86bc42;



  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;



  transition: 0.4s ease-in-out;



  border: 10px solid #e2e2e2;



  visibility: visible;

}



.portfolio-overlay {

  position: absolute;



  bottom: 50px;



  left: 60px;



  color: #fff;



  opacity: 0;



  transition: all 0.3s;

}



.portfolio-block:hover .portfolio-overlay {

  opacity: 1;



  transition: all 0.3s;

}



.portfolio-block:hover .portfolio-overlay h6 {

  margin-left: 0;



  margin-bottom: 0;



  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;



  transition: all 0.3s;

}



.portfolio-overlay h5 {

  text-transform: capitalize;



  color: rgba(255, 255, 255, 0.85);



  margin-left: -20px;



  transition: 0.3s;



  margin-top: 20px;



  font-size: 14px;

}



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

  .portfolio-overlay {

    bottom: 20px;



    left: 30px;

  }

}



/* portfolio-style1 */



.portfolio-style1 {

  position: relative;

}



.portfolio-style1:hover a.portfolio-text {

  opacity: 1;



  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";



  -webkit-transform: translate(0);



  transform: translate(0);

}



.portfolio-style1 a.portfolio-text {

  position: absolute;



  bottom: 15px;



  left: 15px;



  right: 15px;



  background-color: #fff;



  padding: 20px 20px 20px 30px;



  border-radius: 10px;



  color: #161c2d;



  -webkit-transition: 0.4s;



  transition: 0.4s;



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



  transform: translatex(-10%);



  opacity: 0;



  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

}



/* portfolio-style2 */



.portfolio-style2 .portfolio-text {

  width: auto;



  height: auto;



  left: 20px;



  bottom: 20px;



  right: 20px;



  top: 20px;



  -moz-transform: translateY(10px);



  -ms-transform: translateY(10px);



  -o-transform: translateY(10px);



  -moz-box-align: start;



  -ms-flex-align: start;



  align-items: flex-start;



  padding: 40px 40px 40px 40px;



  background-color: rgba(255, 255, 255, 0.85);



  max-width: -moz-calc(100% - 40px);



  display: -webkit-box;



  display: -moz-box;



  display: -ms-flexbox;



  display: flex;



  border-radius: 4px;



  -moz-box-orient: vertical;



  -moz-box-direction: normal;



  flex-direction: column;



  -moz-box-pack: end;



  -ms-flex-pack: end;



  justify-content: flex-end;



  align-items: center;



  position: absolute;



  z-index: 3;



  opacity: 0;



  transition: 0.5s;



  overflow: hidden;

}



.portfolio-style2:hover .portfolio-text {

  transform: translateY(0);



  opacity: 1;

}



/* portfolio-style3 */



.portfolio-style3 {

  position: relative;



  overflow: hidden;

}



.portfolio-style3 .portfolio-content {

  position: absolute;



  top: 0;



  right: 0;



  bottom: 0;



  left: 0;



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



  display: -webkit-box;



  display: -ms-flexbox;



  display: flex;



  border-radius: 10px;



  -webkit-box-pack: end;



  -ms-flex-pack: end;



  justify-content: flex-end;



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -ms-flex-direction: column;



  flex-direction: column;



  padding: 30px;



  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;



  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;



  transition: transform 0.5s ease, opacity 0.5s ease;



  transition: transform 0.5s ease, opacity 0.5s ease,

    -webkit-transform 0.5s ease;



  -webkit-transform: translateY(40%);



  transform: translateY(40%);



  opacity: 0;

}



.portfolio-style3:hover .portfolio-content {

  opacity: 1;



  -webkit-transform: translateY(0%);



  transform: translateY(0%);

}



/* portfolio-style4 */



.portfolio-style4 {

  position: relative;

}



.portfolio-style4:hover .portfolio-description {

  transform: scale(1);



  opacity: 1;

}



.portfolio-style4 .portfolio-description {

  display: flex;



  flex-direction: column;



  justify-content: flex-end;



  align-items: flex-start;



  position: absolute;



  z-index: 3;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  padding: 40px;



  text-align: left;



  padding: 45px;



  opacity: 0;



  transition: 0.5s;



  overflow: hidden;



  transform: scale(0.9);

}



.portfolio-style4 .portfolio-text {

  transition: 0.3s;

}



.portfolio-style4 .overlay {

  top: 5%;



  position: absolute;



  z-index: 1;



  opacity: 0;



  transition: 0.5s;



  left: 5%;



  background-color: rgba(134, 188, 66, 0.9);



  width: calc(100% - 10%);



  height: calc(100% - 10%);



  transform: scale(0.7);

}



.portfolio-style4:hover .overlay {

  transform: scale(1);

}



.portfolio-style4:hover .portfolio-description {

  transform: scale(1);



  opacity: 1;

}



.portfolio-style4:hover .overlay {

  opacity: 1;

}



/* portfolio-style5 */



.portfolio-style5 {

  position: relative;



  overflow: hidden;



  transition: 0.5s;

}



.portfolio-style5 .portfolio-inner {

  position: relative;

}



.portfolio-style5 .portfolio-inner img {

  display: block;



  -webkit-transform: scale(1);



  -ms-transform: scale(1);



  transform: scale(1);



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



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



  transition: all 0.5s ease 0s;



  width: 100%;

}



.portfolio-style5:hover .portfolio-inner img {

  -webkit-transform: scale(1.1);



  -ms-transform: scale(1.1);



  transform: scale(1.1);

}



.portfolio-style5:hover .content {

  opacity: 1;



  -webkit-transform: scale(1, 1);



  -ms-transform: scale(1, 1);



  transform: scale(1, 1);

}



.portfolio-style5 .content {

  bottom: 0;



  left: 0;



  opacity: 0;



  position: relative;



  text-align: center;



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



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



  transition: all 0.5s ease 0s;



  width: 100%;



  z-index: 9;



  top: 0;



  background: rgba(225, 225, 225, 0.9) none repeat scroll 0 0;



  height: 100%;



  right: 0;

}



.portfolio-style5 .content-inner {

  position: absolute;



  top: 50%;



  width: 100%;



  left: 50%;



  padding: 0 30px;



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



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



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



  z-index: 10;



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

}



.portfolio-style5:hover .icon {

  bottom: 97px;

}



.portfolio-style5 .icon {

  bottom: 300px;



  left: 0;



  position: absolute;



  right: 0;



  -webkit-transition: 0.8s;



  -o-transition: 0.8s;



  transition: 0.8s;



  z-index: 999;

}



.portfolio-style5 .icon a {

  background: #86bc42;



  border-radius: 50%;



  color: #fff;



  display: inline-block;



  font-size: 17px;



  height: 45px;



  line-height: 45px;



  margin: 0 3px 11px;



  width: 45px;

}



.portfolio-style5:hover .portfolio-text {

  bottom: 0;

}



.portfolio-style5 .portfolio-text {

  background: rgba(225, 225, 225, 0.9) none repeat scroll 0 0;



  bottom: -200px;



  left: 0;



  padding: 37px 0 28px;



  position: absolute;



  right: 0;



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



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



  transition: all 0.5s ease 0s;

}



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



    Accordion style



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



/*accordion style 1*/



.accordion-style .card {

  background: transparent;



  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: #86bc42 !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: #86bc42 !important;



  border: none;



  text-decoration: none;

}



.accordion-style .btn-link.collapsed:after {

  background: none;



  content: "+";



  right: 15px;



  left: inherit;



  font-size: 20px;



  height: auto;



  transform: none;



  width: auto;



  top: 15px;

}



.accordion-style .btn-link:after {

  background: none;



  content: "-";



  right: 17px;



  left: inherit;



  font-size: 20px;



  height: auto;



  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;



  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;



  transform: none;



  width: auto;



  top: 15px;

}



.accordion-style2 .btn-link:after {

  background: none;



  content: "-";



  right: 17px;



  left: inherit;



  font-size: 20px;



  height: auto;



  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;



  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: #86bc42 !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(134, 188, 66, 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;



  transform: none;



  width: auto;



  top: 15px;

}



.accordion-style3 .btn-link:after {

  background: none;



  content: "-";



  right: 17px;



  left: inherit;



  font-size: 20px;



  height: auto;



  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;



  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: #86bc42 !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: #86bc42 !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;



  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;



  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;



  -moz-column-gap: 10px;



  -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;



  -moz-transition-duration: 0.4s;



  -ms-transition-duration: 0.4s;



  -webkit-transition-duration: 0.4s;



  -o-transition-duration: 0.4s;



  transition-duration: 0.4s;

}



.masonry-item img {

  display: block;



  width: 100%;



  height: auto;



  -moz-transition-duration: 0.4s;



  -ms-transition-duration: 0.4s;



  -webkit-transition-duration: 0.4s;



  -o-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%;



  -moz-transition-duration: 0.4s;



  -ms-transition-duration: 0.4s;



  -webkit-transition-duration: 0.4s;



  -o-transition-duration: 0.4s;



  transition-duration: 0.4s;

}



.masonry-item:hover .masonry-item-overlay {

  position: absolute;



  opacity: 1;



  -moz-transition-duration: 0.5s;



  -ms-transition-duration: 0.5s;



  -webkit-transition-duration: 0.5s;



  -o-transition-duration: 0.5s;



  transition-duration: 0.5s;

}



.masonry-item:hover .masonry-item-overlay h4 {

  opacity: 1;



  transform: translate(0, -50%);



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



  text-align: center;



  -moz-transition-duration: 0.6s;



  -ms-transition-duration: 0.6s;



  -webkit-transition-duration: 0.6s;



  -o-transition-duration: 0.6s;



  transition-duration: 0.6s;

}



.masonry-item:hover .masonry-item-overlay ul {

  opacity: 1;



  transform: translate(0, -50%);



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



  text-align: center;



  -moz-transition-duration: 0.5s;



  -ms-transition-duration: 0.5s;



  -webkit-transition-duration: 0.5s;



  -o-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 {

    -moz-column-count: 2;



    -webkit-column-count: 2;



    column-count: 2;

  }

}



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

  .masonry {

    -moz-column-count: 2;



    -webkit-column-count: 2;



    column-count: 2;

  }

}



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

  .masonry {

    -moz-column-count: 3;



    -webkit-column-count: 3;



    column-count: 3;

  }

}



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

  .masonry {

    -moz-column-count: 3;



    -webkit-column-count: 3;



    column-count: 3;

  }

}



/* masonry 4 */



.masonry-4 {

  margin: 10px;



  padding: 0;



  -moz-column-gap: 10px;



  -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 {

    -moz-column-count: 2;



    -webkit-column-count: 2;



    column-count: 2;

  }

}



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

  .masonry-4 {

    -moz-column-count: 2;



    -webkit-column-count: 2;



    column-count: 2;

  }

}



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

  .masonry-4 {

    -moz-column-count: 3;



    -webkit-column-count: 3;



    column-count: 3;

  }

}



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

  .masonry-4 {

    -moz-column-count: 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 #86bc42;



  border-bottom: none;



  border-color: #86bc42 !important;



  margin-bottom: -1px;



  padding: 12px 14px 14px 14px;



  border-top: 4px solid #86bc42 !important;



  border-bottom: 0px #fff solid;



  border-bottom: none;



  background-color: #fff;



  color: #86bc42;

}



.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: #86bc42 !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 #86bc42 !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 #86bc42 !important;



  border-left: 4px solid #86bc42 !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;



  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;



  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;

}



.resp-jfit {

  width: 100%;



  margin: 0px;

}



.resp-tab-content-active {

  display: block;



  border-color: #86bc42 !important;

}



h2.resp-accordion:first-child {

  border-top: 1px solid #c1c1c1;

}



h2.resp-accordion.resp-tab-active {

  border-color: #86bc42 !important;

}



/* tab-style1 */



.tab-style1 .resp-tabs-list li.resp-tab-active,

.tab-style1 .resp-tab-content-active {

  background: #86bc42 !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: #86bc42;



    color: #86bc42;

  }



  .tab-style2 .resp-tab-content {

    border: 1px solid #e6e6e6;



    border-width: 1px 0 0 0;



    border-color: #86bc42;



    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: #86bc42;



    color: #86bc42;

  }



  .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: #86bc42;

  }



  .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: #86bc42 !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: #86bc42;



    border-color: #86bc42;



    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: #86bc42;



    color: #86bc42;

  }



  .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: #86bc42;

  }



  .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: #86bc42 !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: #86bc42;



    border-color: #86bc42;



    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 #86bc42;



  border-bottom: none;



  border-color: #86bc42 !important;



  margin-bottom: -1px;



  border-top: 4px solid #86bc42 !important;



  border-bottom: 0px #fff solid;



  border-bottom: none;



  background-color: #fff;



  color: #86bc42;



  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: #86bc42;



  height: 1px;



  width: 100%;



  position: absolute;



  bottom: -1px;



  left: 0;



  margin: 0 auto;



  right: 0;

}



.tab-style5 .img-effect:hover {

  transform: translateY(-8px);

}



.tab-style5 .box-shadow-primary {

  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: #86bc42;

  }



  .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: #86bc42 !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: #86bc42 !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 {

  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;



  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;



  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;



  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 #86bc42;

  }

}



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

  .tab-style8.resp-vtabs h4 {

    font-size: 14px;

  }



  .tab-style8.resp-vtabs .resp-tab-content {

    padding: 15px;

  }

}



/* tab-style9 */



.tab-style9 ul.resp-tabs-list {

  background: #eee;



  display: table;



  padding: 8px;



  border-radius: 10px;

}



.tab-style9 .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: #232323;



  margin-right: 0;



  border-radius: 5px;



  padding: 8px 40px;

}



.tab-style9 .resp-tabs-list li.resp-tab-active {

  color: #86bc42;



  border-bottom: unset !important;



  background-color: #fff;



  border-radius: 10px;



  border: none !important;

}



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

  .tab-style9 ul.resp-tabs-list {

    text-align: center;

  }



  .tab-style9 ul.resp-tabs-list.text-left {

    padding-left: 15px;

  }



  .tab-style9 ul.resp-tabs-list li:last-child {

    margin-right: 0;

  }



  .tab-style9 .resp-tab-content {

    margin-top: 25px;



    border: none;



    padding: 0;

  }

}



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

  .tab-style9 ul.resp-tabs-list {

    display: none;

  }



  .tab-style9 h2.resp-accordion {

    display: block;



    border-color: #4e86ff !important;

  }



  h2.resp-tab-active {

    background-color: #4e86ff !important;

  }



  .resp-tab-content-active {

    border-color: #4e86ff !important;

  }



  .tab-style9 h2.resp-accordion i {

    margin-right: 8px;



    font-size: 18px;

  }



  .tab-style9 .resp-accordion-closed {

    display: none !important;

  }



  .tab-style9 .resp-tab-content {

    background-color: #fff;

  }

}



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



    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: #86bc42;



  text-align: center;



  padding: 30px;

}



.price-table-recommended {

  position: relative;



  z-index: 9999;



  transform: scale(1.09);

}



.pricing-list > i {

  background: #ffffff;



  border: 1px solid #dddddd;



  border-radius: 100%;



  color: #86bc42;



  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: #86bc42;



  margin-right: 12px;

}



.price-table-content ul li:nth-child(2) {

  background: #eee;

}



.price-table-content a {

  display: inline-block;



  border: 2px solid #86bc42;



  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: #86bc42;



  color: #fff;

}



.price .item {

  padding: 30px 0;



  background: #fff;



  border-radius: 5px;



  transition: all 0.3s;

}



.price .item:hover {

  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: #86bc42;

}



.price .features {

  padding: 15px 0;

}



.price .features li {

  margin: 15px 0;



  color: #777;

}



.price .order {

  position: relative;

}



.price .active {

  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);



  -moz-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: #86bc42;

}



.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: #86bc42;



  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 #86bc42;



  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: #86bc42;



  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 {

  box-shadow: 0 0 35px rgba(140, 152, 164, 0.125);



  border-radius: 4px;

}



.price-table-style4 .pricing-header {

  padding: 30px 20px;



  background: #86bc42;



  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;

  }

}



/* pricing-01 */



.pricing-01 h3 {

  margin-left: -50px;



  padding: 14px 56px 14px 56px;



  border-radius: 5px 5px 5px 5px;

}



.pricing-01 .icon {

  bottom: -10px;



  right: -10px;

}



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

  .pricing-01 h3 {

    margin-left: -38px;

  }

}



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



    Others



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



.sidenav .nav-link {

  padding: 0.2rem 0;



  color: #6a747b;



  font-size: 14px;



  font-weight: 400;

}



.sidenav .nav-item {

  display: inline-block;



  width: 100%;

}



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

  .sidenav {

    position: fixed;



    top: 75px;



    height: calc(100vh - 75px);



    overflow: auto;

  }



  .sidenav-left {

    left: 0;

  }



  .sidenav-right {

    right: 0;

  }

}



.d-structure dl {

  color: #7f888e;

}



h4.cd-headline {

  font-size: 2rem;

}



.error-page h1 {

  font-size: 120px;

}



@media scree and (max-width: 767px) {

  .error-page h1 {

    font-size: 100px;

  }

}



/* popup gallery */



.lg-backdrop {

  z-index: 99999;

}



.lg-outer {

  z-index: 999999;

}



.lg-outer .lg-thumb-item.active,

.lg-outer .lg-thumb-item:hover {

  border-color: #86bc42;

}



.lg-progress-bar .lg-progress {

  background-color: #86bc42;

}



.lg-backdrop.in {

  opacity: 0.85;

}



/* 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: #86bc42;



  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: #86bc42;



  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;



  box-shadow: none;



  margin-bottom: 15px;

}



.custom-bar {

  height: 100%;



  background-color: #86bc42;



  box-shadow: none;

}



.custom-bar-dark {

  height: 100%;



  background-color: #282b2d;



  box-shadow: none;

}



.progress-medium {

  height: 8px;



  border-radius: 50px;



  box-shadow: none;

}



.progress-bold {

  height: 12px;



  border-radius: 50px;



  box-shadow: none;

}



/* snap shot design*/



.design-snaps img {

  box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);

}



.design-snaps img:last-child {

  box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);

}



/* downloads */



.downloads li {

  border: 1px solid #86bc42;



  border-radius: 5px;

}



.downloads i {

  background: #86bc42;



  padding: 10px 12px;



  color: #fff;



  vertical-align: top;

}



.downloads .label {

  margin-top: 8px;



  display: inline-block;



  margin-left: 10px;

}



.footer-address {

  margin-bottom: -50px;

}



.newslatter-01 {

  margin-bottom: -60px;

}



.corporate-form {

  margin-bottom: -80px;



  z-index: 2;



  background-color: transparent;

}



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



    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;



  box-shadow: none;

}



.categories-card .card-img-overlay {

  display: flex;

}



.categories-card .card-img-overlay > * {

  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 {

  transition: all 0.3s ease 0s;



  position: relative;

}



.product-details .product-cart {

  position: absolute;



  left: 0;



  right: 0;



  bottom: 0;



  display: flex;



  align-items: center;



  justify-content: center;



  z-index: 9999;

}



.product-details .product-cart > a {

  width: 35px;



  height: 35px;



  justify-content: center;



  align-items: center;



  display: flex;



  color: #86bc42;



  margin-top: 0;



  margin-right: 10px;



  border-radius: 50%;



  visibility: hidden;



  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: #86bc42;



  color: #fff;

}



.product-details:hover .product-cart a {

  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: #86bc42;



  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: #86bc42;

}



.product-card .card-footer {

  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: #86bc42;



  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;

}



.xzoom-preview {

  z-index: 99999;

}



/* 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;



  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;



  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 span {

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

}



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

.featured-products.owl-theme .owl-dots .owl-dot:hover span {

  background-color: #86bc42;

}



/* 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;



  -ms-transition: all 900ms ease;



  -o-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;



  -moz-transform: translateY(60px);



  -webkit-transform: translateY(60px);



  -ms-transform: translateY(60px);



  -o-transform: translateY(60px);



  transform: translateY(60px);



  -webkit-transition: all 900ms ease;



  -ms-transition: all 900ms ease;



  -o-transition: all 900ms ease;



  transition: all 900ms ease;

}



.services-block-5:hover .overlay-box,

.services-block-5.active .overlay-box {

  opacity: 1;



  -moz-transform: translateY(0px);



  -webkit-transform: translateY(0px);



  -ms-transform: translateY(0px);



  -o-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: #86bc42;



  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: #86bc42;

}



.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: #86bc42;



  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;



  backface-visibility: hidden;



  -webkit-transition: 0.6s;



  -moz-transition: 0.6s;



  transition: 0.6s;

}



.blog-card-two .card-img:hover img {

  -webkit-transform: scale(1.04);



  -moz-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: #86bc42;

}



.blog-card-two .category {

  margin-bottom: 5px;



  display: block;

}



.blog-card-two .category a {

  color: #86bc42;



  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;



  box-shadow: none;



  height: 100%;

}



.blog-card-three .card-body {

  max-width: 95%;



  margin: 0 auto;



  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: #86bc42;



  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 {

  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;



  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 #86bc42;



  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: #86bc42;



  position: absolute;



  bottom: 0;



  left: 0;

}



.side-bar .widget li {

  font-size: 15px;



  position: relative;



  padding: 0 0 0 20px;



  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: 10px;



  top: 4px;



  left: 0;

}



.side-bar .widget li a:hover:after {

  color: #86bc42;

}



/* newsletter */



.search-form .search-elements {

  position: relative;

}



.search-form .search-submit-inner {

  position: absolute;



  right: 1px;



  top: 1px;



  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: 16px;

}



.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;



  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 #86bc42;



  margin-top: 15px;



  content: "";



  display: block;



  text-align: center;



  width: 30%;



  -moz-transition-duration: 0.5s;



  -ms-transition-duration: 0.5s;



  -webkit-transition-duration: 0.5s;



  -o-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: #86bc42;

}



.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: #86bc42;



  font-weight: 600;



  font-size: 14px;



  margin-top: 2px;

}



.blog-grid-simples-content a:after {

  content: "\f105";



  font-size: 14px;



  font-family: Font Awesome\ 5 Free;



  color: #86bc42;



  margin-left: 10px;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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;



  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 #86bc42;



  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: #86bc42;



  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: #86bc42;

}



.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: #86bc42;

}



.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;



  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: 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: #86bc42;

}



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



    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: 11px !important;

}



.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: #86bc42;



  outline: 0;



  box-shadow: none;

}



.light-validation .quform-errors > .quform-error {

  color: #fff;

}



.form-group {

  margin-bottom: 1rem;

}



/* newsletter */



.newsletter-form .quform-elements {

  position: relative;

}



.newsletter-form .quform-submit-inner {

  position: absolute;



  right: 1px;



  top: 1px;



  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: 10px;



  top: 7px;



  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;



  padding: 0 0 0 15px;

}



.side-bar .widget .social-listing li a:after {

  content: none;



  background: none;

}



.side-bar .widget .social-listing li:first-child {

  padding-left: 0;

}



/* custom file */



.custom-file {

  position: relative;



  display: inline-block;



  width: 100%;



  height: calc(1.5em + 0.75rem + 2px);



  margin-bottom: 0;

}



.custom-file-input {

  position: relative;



  z-index: 2;



  width: 100%;



  height: calc(1.5em + 0.75rem + 2px);



  margin: 0;



  opacity: 0;

}



.custom-file-label {

  position: absolute;



  top: 0;



  right: 0;



  left: 0;



  z-index: 1;



  height: calc(1.5em + 0.75rem + 2px);



  padding: 0.375rem 0.75rem;



  font-weight: 400;



  line-height: 1.5;



  color: #495057;



  background-color: #fff;



  border: 1px solid #ced4da;



  border-radius: 0.25rem;

}



.custom-file-input:lang(en) ~ .custom-file-label::after {

  content: "Browse";

}



.custom-file-label::after {

  position: absolute;



  top: 0;



  right: 0;



  bottom: 0;



  z-index: 3;



  display: block;



  height: calc(1.5em + 0.75rem);



  padding: 0.375rem 0.75rem;



  line-height: 1.5;



  color: #495057;



  content: "Browse";



  background-color: #e9ecef;



  border-left: inherit;



  border-radius: 0 0.25rem 0.25rem 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: #86bc42;



  border: 1px solid #86bc42;



  color: #fff;



  border-radius: 35px;



  height: 35px;



  width: 35px;



  line-height: 35px;



  display: inline-block;

}



.social-icon-style1 li a:hover {

  background: #fff;



  color: #86bc42;

}



/* 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 #86bc42;



  color: #86bc42;



  border-radius: 35px;



  height: 35px;



  width: 35px;



  line-height: 35px;



  display: inline-block;

}



.social-icon-style2 li a:hover {

  background: #86bc42;



  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: #86bc42;

}



/* 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;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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: #86bc42;



  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: #86bc42;

}



.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;

}



/* social-list1 */



.social-list1 li {

  display: inline-block;



  font-size: 14px;



  margin-right: 10px;

}



.social-list1 li a {

  color: rgba(225, 225, 225, 0.8);

}



.social-list1 li a:hover {

  color: #86bc42;

}



.social-list1 li:last-child {

  margin-right: 0;

}



/* social-list2 */



.social-list2 li {

  display: inline-block;



  font-size: 14px;



  margin-right: 10px;

}



.social-list2 li a {

  width: 30px;



  height: 30px;



  display: inline-block;



  text-align: center;



  line-height: 30px;



  font-size: 12px;



  border: 1px solid rgba(11, 11, 11, 0.2);



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;

}



.social-list2 li a:hover {

  color: #fff;



  background-color: #86bc42;



  border-color: #86bc42;

}



.social-list2 li:last-child {

  margin-right: 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;



  -moz-transition-duration: 0.5s;



  -ms-transition-duration: 0.5s;



  -webkit-transition-duration: 0.5s;



  -o-transition-duration: 0.5s;



  transition-duration: 0.5s;

}



.contact-info-section i {

  width: 25px;



  height: 25px;



  padding-top: 7px;



  border-radius: 50%;



  background: #86bc42;



  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;



  -moz-box-shadow: 0 20px 80px rgba(0, 0, 0, 0.12);



  -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;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-transition-duration: 0.3s;



  transition-duration: 0.3s;

}



.contact-box i {

  background: #86bc42;



  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: #86bc42;



  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: #86bc42;



  margin-top: 12px;

}



.footer-bar {

  padding-top: 20px;



  padding-bottom: 20px;



  margin-top: 50px;



  text-align: center;



  background: #191919;



  color: #939393;

}



.footer-bar span {

  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;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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: #86bc42;



  border-color: #86bc42;

}



.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;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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: #86bc42;



  border-color: #86bc42;

}



.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;



  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;



  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;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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;



  -moz-transition-duration: 0.3s;



  -ms-transition-duration: 0.3s;



  -webkit-transition-duration: 0.3s;



  -o-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;



  transition: all 0.5s ease;

}



.footer-list-style4 li a:hover {

  color: #86bc42;

}



.footer-list-style4 li a:before {

  position: absolute;



  content: "";



  background: #86bc42;



  width: 10px;



  height: 1px;



  top: 9px;



  left: 0;



  transition: all 0.5s ease;

}



.footer-list-style4 li a:after {

  position: absolute;



  content: "";



  background: #86bc42;



  width: 10px;



  height: 1px;



  left: 3px;



  top: 12px;



  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: #86bc42;



  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: #86bc42;

}



footer h3.footer-title-style7:before {

  content: "";



  position: absolute;



  bottom: -14px;



  left: 0;



  display: inline-block;



  width: 10px;



  height: 10px;



  border: 1px solid #86bc42;



  background: #86bc42;



  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: #86bc42;

}



.footer-style9 .footer-list-style3 li a:hover:before {

  color: #86bc42;

}



.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: #86bc42;



  width: 55px;



  height: 1px;



  bottom: 2px;

}



footer h3.footer-title-style9:before {

  position: absolute;



  content: "";



  background: #86bc42;



  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: #f8f9fa;



  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: #86bc42;

}



.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: #86bc42;



  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: #86bc42;



  width: 40px;



  height: 1px;



  left: 10px;



  top: 40px;

}



footer .footer-title-style10:before {

  position: absolute;



  content: "";



  background: #86bc42;



  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: #86bc42;

}



.footer-block3 h3:after {

  content: none;

}



.footer-title-style15 {

  font-size: 16px;



  color: #fff;



  letter-spacing: 2px;



  text-transform: uppercase;

}



footer h3.footer-title-style15:after,

footer h3.footer-style:after {

  content: none;

}



.footer-map {

  width: 100%;



  height: 150px;



  vertical-align: top;

}



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



    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;



  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;



  transition: opacity 0.3s ease-in-out;

}



.source-element {

  position: absolute;



  top: -50px;



  right: 15px;



  opacity: 0;



  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: #86bc42;



  color: #fff !important;

}



.copy-clipboard {

  cursor: pointer;



  padding: 5px 15px;

}



.white-popup-block {

  background-color: #fbfbfb;



  position: relative;



  max-width: 650px;



  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 */



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