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

    Theme Name: Ecology - Environment & Ecology HTML Template
    Description: Environment & Ecology HTML Template
    Author: Chitrakoot Web
    Version: 1.0

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

    01. Common styles
    02. Main Banner
    03. Button Styles
    04. Navigation
    05. Section heading
    06. Page title
    07. Story video
    08. Pagination
    09. Card style
    10. Accordion style
    11. Tabs
    12. Contact
    13. Others
    14. Blog
    15. Sidebar widget
    16. Page Navigation
    17. Pages
    18. Elements
    19. Timeline
    20. Footer
    
---------------------------------- */
/* ===================================
    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 #22836c;
    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 #22836c;
    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: #22836c;
  text-decoration: none; }

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

.bg-secondary {
  background-color: #d8b952 !important; }

.bg-dark {
  background-color: #223139 !important; }

.primary-overlay[data-overlay-dark]:before {
  background: #22836c; }

.secondary-overlay[data-overlay-dark]:before {
  background: #d8b952; }

.left-overlay-dark[data-overlay-dark]:before {
  background: rgba(38, 70, 83, 0.76);
  background: linear-gradient(-90deg, transparent, #223139 65%); }

.text-primary, .text-primary-hover:hover {
  color: #22836c !important; }

.text-secondary, .text-secondary-hover:hover {
  color: #d8b952 !important; }

a.text-primary:focus, a.text-primary:hover, a.text-primary:active {
  color: #22836c !important; }

.cursor-pointer {
  cursor: pointer; }

.word-break {
  word-break: break-word; }

.box-shadow {
  box-shadow: 0 1rem 1.75rem 0 rgba(45, 55, 75, 0.1); }

.image-hover {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease; }
  .image-hover:hover {
    transform: scale(1.05); }

.opacity-extra-medium {
  opacity: 0.2; }

.vw-lg-60 {
  width: 60vw; }

@media screen and (max-width: 991px) {
  .vw-lg-60 {
    width: 100%; } }
/* 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: #22836c;
  border: 1px solid #22836c;
  width: 35px;
  height: 35px;
  line-height: 30px;
  z-index: 9999;
  outline: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all 0.3s ease; }
  .scroll-to-top i {
    color: #fff; }
  .scroll-to-top:hover {
    color: #232323;
    background: #fff; }
    .scroll-to-top:hover i {
      color: #232323; }
  .scroll-to-top:visited {
    color: #232323;
    text-decoration: none; }

/* animation */
.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-bounceSlide {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounceSlide;
  animation-name: bounceSlide; }

@keyframes bounceSlide {
  0%,20%,50%,80%,to {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
/* ===================================
     Button Styles
====================================== */
/* button style */
.butn {
  position: relative;
  line-height: 30px;
  font-weight: 500;
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
  padding: 10px 40px !important;
  display: inline-block;
  color: #fff;
  font-size: 18px;
  text-transform: capitalize;
  background-color: #d8b952; }
  .butn:before {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    position: absolute;
    width: 47px;
    height: 47px;
    content: "";
    right: -25px;
    bottom: -18px;
    border-radius: 50%;
    z-index: 1;
    opacity: 0.35;
    background-color: #fff; }
  .butn span {
    position: relative;
    z-index: 1; }
  .butn:hover, .butn:active, .butn:focus {
    color: #fff; }
  .butn:hover:before, .butn:active:before, .butn:focus:before {
    width: 100%;
    height: 100%;
    right: 0px;
    bottom: 0px;
    border-radius: 0px; }
  .butn.md {
    padding: 8px 30px !important;
    font-size: 16px; }
  .butn.sm {
    padding: 5px 27px !important;
    font-size: 14px; }
  .butn.primary {
    background-color: #22836c; }

/* ===================================
    Navigation
====================================== */
/* top bar  */
.top-bar-info {
  display: inline-block;
  vertical-align: middle; }
  .top-bar-info ul {
    margin-bottom: 0; }
  .top-bar-info li {
    font-weight: 500;
    color: #fff;
    list-style-type: none;
    font-size: 14px;
    padding: 0 5px 0;
    display: inline-block;
    margin-bottom: 0; }

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

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

.top-social-icon {
  padding: 0;
  float: right;
  margin: 0; }
  .top-social-icon li {
    font-size: 14px;
    list-style-type: none;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0 7px; }
    .top-social-icon li:last-child {
      padding-right: 0; }
      .top-social-icon li:last-child a {
        padding-right: 0; }
    .top-social-icon li a {
      color: #fff;
      line-height: 28px;
      -webkit-transition-duration: .3s;
      transition-duration: .3s;
      padding: 0 3px; }
      .top-social-icon li a:hover {
        color: rgba(255, 255, 255, 0.65); }

/* menu area light */
.navbar-nav li.current > a, .navbar-nav li.active > a {
  color: #d8b952; }

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

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

.menu_area-light .navbar-nav li.current > a, .menu_area-light .navbar-nav li.active > a {
  color: #d8b952; }
.menu_area-light .navbar > ul > li.current > a:after {
  border-color: transparent #d8b952 #d8b952 transparent; }
.menu_area-light.scrollHeader .navbar-nav li.current > a {
  color: #d8b952; }
  .menu_area-light.scrollHeader .navbar-nav li.current > a:hover {
    color: #d8b952; }
.menu_area-light.scrollHeader .navbar-nav li.active > a {
  color: #d8b952; }
.menu_area-light.scrollHeader .navbar > ul > li.current > a:after {
  border-color: transparent #d8b952 #d8b952 transparent; }

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

  .header-style2.scrollHeader .navbar-nav > li.has-sub > a:hover {
    color: #d8b952; }
    .header-style2.scrollHeader .navbar-nav > li.has-sub > a:hover:after {
      border-color: transparent #d8b952 #d8b952 transparent; }
  .header-style2 .navbar > ul > li.has-sub.current > a:hover:after {
    border-color: transparent #d8b952 #d8b952 transparent; }
  .header-style2.scrollHeader .navbar-nav li.current > a {
    color: #d8b952; }
    .header-style2.scrollHeader .navbar-nav li.current > a:hover {
      color: #d8b952; }
  .header-style2.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #d8b952 #d8b952 transparent; }
  .header-style2 .navbar ul ul li.active > a {
    color: #d8b952; }
  .header-style2 .navbar-nav li.has-sub a:hover, .header-style2 .navbar-nav li.has-sub a:active, .header-style2 .navbar-nav li.has-sub a:focus {
    color: #d8b952; }
  .header-style2 .navbar-nav li.current > a, .header-style2 .navbar-nav li.active > a {
    color: #d8b952; }
  .header-style2 .navbar > ul > li.has-sub > a:hover:after, .header-style2 .navbar > ul > li.has-sub > a:active:after, .header-style2 .navbar > ul > li.has-sub > a:focus:after {
    border-color: transparent #d8b952 #d8b952 transparent; } }
@media screen and (max-width: 991px) {
  .header-style1 .navbar-toggler {
    background: #d8b952; }
    .header-style1 .navbar-toggler:after {
      border-top: 2px solid #fff;
      border-bottom: 2px solid #fff; }
    .header-style1 .navbar-toggler:before {
      background: #fff; }
    .header-style1 .navbar-toggler.menu-opened:after, .header-style1 .navbar-toggler.menu-opened:before {
      background: #fff; } }
/* header style 2 */
.header-style2 .navbar-nav li.current > a {
  color: #d8b952; }
.header-style2 .navbar > ul > li.current > a:after {
  border-color: transparent #d8b952 #d8b952 transparent; }
.header-style2.scrollHeader .navbar-nav li.current > a {
  color: #d8b952; }
  .header-style2.scrollHeader .navbar-nav li.current > a:hover {
    color: #d8b952; }
.header-style2.scrollHeader .navbar > ul > li.current > a:after {
  border-color: transparent #d8b952 #d8b952 transparent; }

@media screen and (min-width: 992px) {
  .header-style2 .navbar ul ul li.active > a {
    color: #d8b952; }
  .header-style2 .butn.secondary:before {
    background: #ffffff; }
  .header-style2 .butn.secondary:hover, .header-style2 .butn.secondary:focus, .header-style2 .butn.secondary:active {
    color: #1f2732 !important; }
  .header-style2.scrollHeader .butn.secondary:before {
    background: #d8b952; }
  .header-style2.scrollHeader .butn.secondary:hover, .header-style2.scrollHeader .butn.secondary:focus, .header-style2.scrollHeader .butn.secondary:active {
    color: #fff !important; } }
/*==============================
 *    Main Banner
 *    ================================ */
/* video banner */
.video-banner h1 {
  font-size: 100px;
  margin-bottom: 30px;
  color: #fff;
  text-align: center;
  text-transform: uppercase; }
.video-banner:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(38, 70, 83, 0.76);
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  z-index: 1; }

@media screen and (max-width: 1399px) {
  .video-banner h1 {
    font-size: 88px; } }
@media screen and (max-width: 1199px) {
  .video-banner h1 {
    font-size: 75px; } }
@media screen and (max-width: 991px) {
  .video-banner h1 {
    font-size: 60px; } }
@media screen and (max-width: 575px) {
  .video-banner h1 {
    font-size: 38px; } }
/* ===================================
   Section heading
====================================== */
.section-title span {
  letter-spacing: 2px;
  color: #d8b952;
  font-weight: 600;
  font-size: 18px; }
.section-title.lg-text h2 {
  font-size: 75px; }
.section-title h2 {
  line-height: 1;
  font-size: 45px;
  font-weight: 600; }

@media screen and (max-width: 1399px) {
  .section-title.sm-text h2 {
    font-size: 40px; } }
@media screen and (max-width: 1199px) {
  .section-title.lg-text h2 {
    font-size: 60px; }
  .section-title.sm-text h2 {
    font-size: 32px; } }
@media screen and (max-width: 991px) {
  .section-title.lg-text h2 {
    font-size: 50px; }
  .section-title h2 {
    font-size: 40px; } }
@media screen and (max-width: 767px) {
  .section-title.lg-text h2 {
    font-size: 40px; }
  .section-title h2 {
    font-size: 30px; } }
@media screen and (max-width: 575px) {
  .section-title.lg-text h2 {
    font-size: 35px; }
  .section-title.sm-text h2 {
    font-size: 26px; } }
/* ===================================
    Page title
====================================== */
.page-title-section {
  padding: 200px 0 90px 0; }
  .page-title-section.gray-bg:after, .page-title-section.gray-bg ul {
    background-color: #f8f9fa; }
  .page-title-section h1 {
    font-size: 64px;
    line-height: 1;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    margin-bottom: 15px;
    position: relative;
    z-index: 9; }
  .page-title-section .sub-sm-title {
    position: absolute;
    bottom: 0;
    right: 0; }
  .page-title-section ul {
    margin: 0;
    padding: 10px 25px;
    list-style: none;
    display: inline-block;
    line-height: 1.2;
    background-color: #fff;
    z-index: 9;
    position: relative;
    border-radius: 10px 0 0 0; }
    .page-title-section ul li {
      display: inline-block;
      position: relative;
      padding-right: 20px;
      margin-right: 20px;
      margin-top: 5px;
      margin-bottom: 5px; }
      .page-title-section ul li:last-child {
        color: #ffffff;
        opacity: 0.80;
        font-size: 16px;
        font-weight: 700;
        text-transform: capitalize;
        letter-spacing: 1px;
        padding-right: 0;
        padding-left: 0;
        margin-right: 0; }
        .page-title-section ul li:last-child a {
          color: #22836c;
          opacity: 0.80;
          font-size: 16px;
          font-weight: 600;
          text-transform: capitalize;
          letter-spacing: 1px; }
      .page-title-section ul li:before {
        content: '//';
        width: 15px;
        height: 15px;
        color: #22836c;
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        right: -10px;
        top: 1px;
        z-index: 0; }
      .page-title-section ul li:last-child:after, .page-title-section ul li:last-child:before {
        content: none; }
      .page-title-section ul li a {
        font-size: 16px;
        font-weight: 700;
        text-transform: capitalize;
        letter-spacing: 1px; }

@media screen and (max-width: 1199px) {
  .page-title-section {
    padding: 190px 0 80px 0; }
    .page-title-section h1 {
      font-size: 52px;
      margin-bottom: 10px; } }
@media screen and (max-width: 991px) {
  .page-title-section {
    padding: 160px 0 70px 0; }
    .page-title-section.style1 {
      padding: 130px 0; }
    .page-title-section h1 {
      font-size: 48px; }

  .pagetitle-lg-title {
    font-size: 85px;
    margin: 0 0 -48px 0; } }
@media screen and (max-width: 767px) {
  .pagetitle-lg-title {
    font-size: 70px; } }
@media screen and (max-width: 575px) {
  .page-title-section {
    padding: 160px 0 110px 0; }
    .page-title-section.style1 {
      padding: 100px 0; }
    .page-title-section h1 {
      font-size: 42px; }

  .pagetitle-lg-title {
    font-size: 38px;
    margin: 0 0 -24px 0; }

  .page-title-section .sub-sm-title {
    text-align: center; } }
/* ===================================
    Story video
====================================== */
.height-400 {
  height: 400px; }

.video_btn {
  position: relative;
  z-index: 1;
  height: 80px;
  width: 80px;
  background: #22836c;
  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: .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: .3;
    animation: pulse-border 1500ms ease-out infinite; }

@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; } }
@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) {
  .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) {
  .video_btn {
    height: 60px;
    width: 60px;
    line-height: 60px; }
    .video_btn:after {
      height: 60px;
      width: 60px; }
    .video_btn:before {
      height: 75px;
      width: 75px; } }
/* ===================================
    Pagination
====================================== */
.pagination {
  border-radius: 0;
  padding: 0;
  margin: 0; }
  .pagination ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0; }
  .pagination li {
    display: inline; }
  .pagination a {
    float: left;
    font-size: 15px;
    padding: 0 18px;
    line-height: 40px;
    text-decoration: none;
    border: 1px solid #dbdbdb;
    background: #fff;
    border-radius: 4px; }
    .pagination a:hover {
      background-color: #232323;
      color: #fff; }
  .pagination .active a {
    background-color: #22836c;
    color: #999;
    cursor: default; }
  .pagination li:first-child a {
    border-left-width: 1px; }
  .pagination a:hover {
    background-color: #22836c;
    color: #fff; }
  .pagination .active a {
    background-color: #f7f7f7;
    color: #999;
    cursor: default; }

@media screen and (max-width: 575px) {
  .pagination a {
    padding: 0 14px; } }
/* ===================================
    Card style
====================================== */
/* card-style1 */
.card-style1 .img-tag {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  color: #22836c;
  font-weight: 400;
  padding: 6px 29px;
  border-top-right-radius: 10px;
  font-size: 16px; }
.card-style1 .top-img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }
.card-style1 img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease; }
.card-style1:hover img {
  transform: scale(1.05); }

@media screen and (max-width: 575px) {
  .card-style1 .img-tag {
    padding: 4px 25px;
    font-size: 13px; } }
/* card-style2 */
.card-style2 .card-body .work-line {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #22836c;
  left: 0; }
.card-style2 .card-body .work-dot {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #d8b952;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/* card-style3 */
.card-style3 .blog-tag {
  position: absolute;
  top: 0;
  left: 30px;
  z-index: 2;
  color: #fff;
  font-size: 14px; }
.card-style3 .blog-img {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease; }
.card-style3.odd {
  background-color: #22836c; }
.card-style3:hover .blog-img {
  transform: scale(1.05); }
.card-style3 .blog-tag a {
  padding: 5px 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #d8b952;
  display: inline-block;
  color: #fff; }
  .card-style3 .blog-tag a:hover, .card-style3 .blog-tag a:active, .card-style3 .blog-tag a:focus {
    background-color: #22836c; }

/* card-style4 */
.card-style4 .card-body .features-icon img {
  position: relative;
  width: 75px;
  padding-top: 16px;
  transition: all 0.3s ease 0s; }
.card-style4 .card-body .features-icon:before {
  position: absolute;
  content: '';
  height: 50px;
  width: 50px;
  background-color: #22836c;
  opacity: .05;
  top: 15px;
  left: -18px;
  border-radius: 50px;
  margin-top: -15px;
  -webkit-transition: .5s all ease;
  -ms-transition: .5s all ease;
  -moz-transition: .5s all ease;
  -o-transition: .5s all ease;
  transition: .5s all ease; }
.card-style4:hover .card-body .features-icon:before {
  width: 80px;
  height: 80px; }
.card-style4:hover .card-body .features-icon img {
  transform: rotateY(180deg); }

/* card-style5 */
.card-style5 {
  background-color: rgba(255, 255, 255, 0.1); }

/* card-style6 */
.card-style6 .social-icon-wrapper {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }
  .card-style6 .social-icon-wrapper img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease; }
.card-style6:hover .social-icon-wrapper img {
  transform: scale(1.05); }
.card-style6 .social-icon-wrapper .icon-wrap ul {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  z-index: 9;
  -webkit-transition: 0.8s;
  -ms-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  transition: .8s; }
.card-style6:hover .social-icon-wrapper .icon-wrap ul {
  opacity: 1;
  visibility: unset;
  padding-left: 7px;
  padding-right: 7px; }
.card-style6 .social-icon-wrapper .icon-wrap ul li {
  list-style: none;
  font-size: 14px;
  display: table-cell;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
  visibility: unset; }
.card-style6:hover .social-icon-wrapper .icon-wrap ul li {
  padding-left: 3px;
  padding-right: 3px; }
.card-style6 .social-icon-wrapper .icon-wrap ul li a {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #fff;
  border-radius: 5px;
  background-color: #22836c;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  font-size: 14px; }
  .card-style6 .social-icon-wrapper .icon-wrap ul li a:hover {
    background-color: #d8b952; }

@media screen and (max-width: 1199px) {
  .card-style6 .social-icon-wrapper .icon-wrap ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 12px; } }
/* card-style7 */
.card-style7 .portfolio-img img {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease; }
.card-style7:hover .portfolio-img img {
  transform: scale(1.05); }
.card-style7 .card-body {
  position: absolute;
  bottom: 20px;
  right: 0;
  background-color: #f8f9fa;
  padding: 15px 30px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  z-index: 2;
  font-size: 14px;
  width: 280px;
  height: 85px; }

/* ===================================
    Accordion style
====================================== */
/*accordion-style*/
.accordion .card {
  background: transparent;
  box-shadow: none;
  margin-bottom: 20px;
  border: 0;
  border-radius: 0; }
  .accordion .card:last-child {
    margin-bottom: 0; }
.accordion .card-header {
  border: 0;
  padding: 0;
  background: none; }
.accordion .accordion-collapse {
  border: none; }
.accordion .accordion-button {
  border-bottom: none;
  color: #ffffff;
  font-size: 18px;
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  box-shadow: none;
  font-weight: 500;
  padding: 20px 60px 20px 20px;
  text-decoration: none;
  background: #d8b952;
  border: 1px solid transparent; }
  .accordion .accordion-button:hover {
    text-decoration: none; }
  .accordion .accordion-button.collapsed {
    background: #ffffff;
    color: #223139;
    border: 1px solid #ededed; }
    .accordion .accordion-button.collapsed:after {
      background: #22836c;
      border: none;
      content: "+";
      right: 20px;
      left: inherit;
      font-size: 18px;
      transform: none;
      width: 25px;
      height: 25px;
      line-height: 25px;
      top: 18px;
      border-radius: 5px;
      text-align: center;
      color: #ffffff; }
  .accordion .accordion-button:after {
    background: #22836c;
    border: none;
    content: "-";
    right: 20px;
    border-radius: 5px;
    left: inherit;
    font-size: 18px;
    border: 1px solid #22836c;
    transform: none;
    width: 25px;
    height: 25px;
    line-height: 21px;
    top: 18px;
    position: absolute;
    color: #fff;
    text-align: center; }
.accordion .card-body {
  font-size: 16px;
  padding: 20px 25px;
  line-height: 28px;
  text-align: left;
  border-top: 0;
  border-bottom: 1px solid #ededed;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed; }

@media screen and (max-width: 991px) {
  .accordion .accordion-button {
    padding: 15px 50px 15px 15px;
    font-size: 16px; }
    .accordion .accordion-button.collapsed:after, .accordion .accordion-button:after {
      right: 15px;
      font-size: 16px;
      height: 22px;
      line-height: 19px;
      width: 22px;
      top: 13px; }
  .accordion .card-body {
    padding: 20px 15px 0 15px; } }
@media screen and (max-width: 575px) {
  .accordion .accordion-button {
    padding: 15px 50px 15px 15px; } }
/* accordion style1 */
.accordion.style1 .card-body {
  border: 0; }
.accordion.style1 .accordion-button {
  border-radius: 10px;
  background-color: #22836c; }
  .accordion.style1 .accordion-button:after {
    background: #fff;
    border: 1px solid #fff;
    color: #22836c;
    line-height: 22px;
    border-radius: 3px; }
  .accordion.style1 .accordion-button.collapsed {
    background: #fff; }
    .accordion.style1 .accordion-button.collapsed:after {
      background: #22836c;
      border: 1px solid #22836c;
      color: #fff; }

@media screen and (max-width: 991px) {
  .accordion.style1 .accordion-button:after {
    line-height: 20px; } }
/*==============================
*    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 #d8b952;
  border-bottom: none;
  border-color: #d8b952 !important;
  margin-bottom: -1px;
  padding: 12px 14px 14px 14px;
  border-top: 4px solid #d8b952 !important;
  border-bottom: 0px #fff solid;
  border-bottom: none;
  background-color: #fff;
  color: #d8b952; }

.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: #d8b952 !important;
  color: #fff; }
h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue; }

/* vertical tabs */
.resp-arrow {
  border-color: transparent #1e2022 #1e2022 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: #d8b952 !important; }

h2.resp-accordion:first-child {
  border-top: 1px solid #c1c1c1; }
h2.resp-accordion.resp-tab-active {
  border-color: #d8b952 !important; }

/* change the breakpoint to set the accordion */
@media only screen and (max-width: 991px) {
  ul.resp-tabs-list {
    display: none; }

  h2.resp-accordion {
    display: block; }
    h2.resp-accordion i {
      margin-right: 8px;
      font-size: 18px; }

  .resp-accordion-closed {
    display: none !important; }

  .resp-tab-content {
    background-color: #fff; } }
/* tab-style2 */
.tab-style2 .resp-tabs-list {
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-top: none;
  text-align: center; }
  .tab-style2 .resp-tabs-list li {
    font-weight: 600;
    font-size: 14px;
    list-style: none;
    cursor: pointer;
    margin-right: 0px;
    padding: 0;
    border: 0px solid #f3f3f3;
    border-radius: 10px 10px 0 0;
    background-color: rgba(0, 113, 93, 0.1); }
    .tab-style2 .resp-tabs-list li:last-child {
      margin-right: 0; }
.tab-style2 .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left; }
.tab-style2 .resp-tab-content {
  display: none;
  padding: 0; }
.tab-style2 .resp-tabs-list li.resp-tab-active {
  border: 0px solid #d8b952 !important;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  background-color: #22836c;
  color: #fff; }
.tab-style2 .resp-content-active, .tab-style2 .resp-accordion-active {
  display: block; }
.tab-style2 .resp-tab-content {
  border: 1px solid #c1c1c1;
  border-top-color: #c1c1c1;
  float: none;
  width: 100%; }
.tab-style2 h2.resp-accordion {
  cursor: pointer;
  font-size: 14px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 14px 15px;
  float: left;
  width: 100%; }
.tab-style2 h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  background-color: #22836c !important;
  color: #fff; }
.tab-style2 h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue; }
.tab-style2 .tab-box {
  margin-right: 0;
  padding: 25px 0;
  width: 472px;
  border-radius: 5px;
  text-align: center; }
  .tab-style2 .tab-box h6 {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px; }
  .tab-style2 .tab-box span {
    font-size: 12px; }
.tab-style2 .resp-tab-active h6 {
  color: #fff; }
.tab-style2 .resp-arrow {
  border-color: transparent #232323 #232323 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-style2 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; }
.tab-style2 .resp-tab-content-active {
  display: block;
  border: none; }

@media screen and (max-width: 1599px) {
  .tab-style2 .tab-box {
    width: 370px; }
    .tab-style2 .tab-box h6 {
      font-size: 16px; } }
@media screen and (max-width: 1499px) {
  .tab-style2 .tab-box {
    width: 345px; } }
@media screen and (max-width: 1399px) {
  .tab-style2 .tab-box {
    width: 296px; } }
@media screen and (max-width: 1199px) {
  .tab-style2 .tab-box {
    width: 240px; } }
/* change the breakpoint to set the accordion */
@media only screen and (max-width: 991px) {
  .tab-style2 .resp-tab-content {
    padding: 20px; }
  .tab-style2 .resp-tab-content-active {
    border: 1px solid #d8b952; }
  .tab-style2 h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1; }
  .tab-style2 .tab-box {
    padding: 0px 0;
    width: auto;
    text-align: left; }
  .tab-style2 h2.resp-tab-active span.resp-arrow {
    margin-top: 8px; }
  .tab-style2 h2.resp-accordion {
    float: none; }
    .tab-style2 h2.resp-accordion.resp-tab-active {
      border-color: #22836c !important; }
  .tab-style2 .resp-tab-content-active {
    border-color: #22836c !important; } }
@media screen and (max-width: 575px) {
  .tab-style2 .resp-tab-content {
    padding: 10px; }
  .tab-style2 .tab-box h6 {
    font-size: 14px; } }
/* tab-style3 */
.tab-style3 .resp-tabs-list {
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-top: none;
  text-align: center; }
  .tab-style3 .resp-tabs-list li {
    font-weight: 600;
    font-size: 14px;
    list-style: none;
    cursor: pointer;
    margin-right: 15px;
    padding: 0;
    border: 0px solid #f3f3f3;
    border-radius: 10px;
    background-color: rgba(216, 185, 82, 0.1);
    margin-bottom: 50px; }
    .tab-style3 .resp-tabs-list li:last-child {
      margin-right: 0; }
.tab-style3 .resp-tabs-container {
  padding: 0px;
  background-color: transparent;
  clear: left; }
.tab-style3 .resp-tab-content {
  display: none;
  padding: 0; }
.tab-style3 .resp-tabs-list li.resp-tab-active {
  border: 0px solid #d8b952 !important;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  background-color: #d8b952;
  color: #fff; }
.tab-style3 .resp-content-active, .tab-style3 .resp-accordion-active {
  display: block; }
.tab-style3 .resp-tab-content {
  border: 1px solid #c1c1c1;
  border-top-color: #c1c1c1;
  float: none;
  width: 100%; }
.tab-style3 h2.resp-accordion {
  cursor: pointer;
  font-size: 14px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 14px 15px;
  float: left;
  width: 100%; }
.tab-style3 h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  background-color: #22836c !important;
  color: #fff; }
.tab-style3 h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue; }
.tab-style3 .tab-box {
  margin-right: 0;
  padding: 12px 0;
  width: 130px;
  border-radius: 5px;
  text-align: center; }
  .tab-style3 .tab-box h6 {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px; }
  .tab-style3 .tab-box span {
    font-size: 12px; }
.tab-style3 .resp-tab-active h6 {
  color: #fff; }
.tab-style3 .resp-arrow {
  border-color: transparent #232323 #232323 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-style3 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; }
.tab-style3 .resp-tab-content-active {
  display: block;
  border: none; }

/* change the breakpoint to set the accordion */
@media only screen and (max-width: 991px) {
  .tab-style3 .resp-tab-content {
    padding: 20px; }
  .tab-style3 .resp-tab-content-active {
    border: 1px solid #d8b952; }
  .tab-style3 h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1; }
  .tab-style3 .tab-box {
    padding: 0px 0;
    width: auto;
    text-align: left; }
  .tab-style3 h2.resp-tab-active span.resp-arrow {
    margin-top: 8px; }
  .tab-style3 h2.resp-accordion {
    float: none; }
    .tab-style3 h2.resp-accordion.resp-tab-active {
      border-color: #22836c !important; }
  .tab-style3 .resp-tab-content-active {
    border-color: #22836c !important; } }
@media screen and (max-width: 575px) {
  .tab-style3 .resp-tab-content {
    padding: 15px; }
  .tab-style3 .tab-box h6 {
    font-size: 14px; } }
/* tab-style4 */
.tab-style4 .resp-tabs-list {
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-top: none;
  text-align: center; }
  .tab-style4 .resp-tabs-list li {
    font-weight: 600;
    font-size: 14px;
    list-style: none;
    cursor: pointer;
    margin-right: 15px;
    padding: 0;
    border: 0px solid #f3f3f3;
    border-radius: 10px;
    background-color: rgba(216, 185, 82, 0.1);
    margin-bottom: 50px; }
    .tab-style4 .resp-tabs-list li:last-child {
      margin-right: 0; }
.tab-style4 .resp-tabs-container {
  padding: 0px;
  background-color: transparent;
  clear: left; }
.tab-style4 .resp-tab-content {
  display: none;
  padding: 0; }
.tab-style4 .resp-tabs-list li.resp-tab-active {
  border: 0px solid #d8b952 !important;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  background-color: #d8b952;
  color: #fff; }
.tab-style4 .resp-content-active, .tab-style4 .resp-accordion-active {
  display: block; }
.tab-style4 .resp-tab-content {
  border: 1px solid #c1c1c1;
  border-top-color: #c1c1c1;
  float: none;
  width: 100%; }
.tab-style4 h2.resp-accordion {
  cursor: pointer;
  font-size: 14px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 14px 15px;
  float: left;
  width: 100%; }
.tab-style4 h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  color: #fff; }
.tab-style4 h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue; }
.tab-style4 .tab-box {
  margin-right: 0;
  padding: 12px 0;
  width: 160px;
  border-radius: 5px;
  text-align: center; }
  .tab-style4 .tab-box h6 {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px; }
  .tab-style4 .tab-box span {
    font-size: 12px; }
.tab-style4 .resp-tab-active h6 {
  color: #fff; }
.tab-style4 .resp-arrow {
  border-color: transparent #232323 #232323 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-style4 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; }
.tab-style4 .resp-tab-content-active {
  display: block;
  border: none; }

/* change the breakpoint to set the accordion */
@media only screen and (max-width: 991px) {
  .tab-style4 .resp-tab-content {
    padding: 20px; }
  .tab-style4 .resp-tab-content-active {
    border: 1px solid #d8b952; }
  .tab-style4 h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1; }
  .tab-style4 .tab-box {
    padding: 0px 8px;
    width: auto;
    text-align: left; }
  .tab-style4 h2.resp-tab-active span.resp-arrow {
    margin-top: 8px; }
  .tab-style4 h2.resp-accordion {
    float: none; } }
@media screen and (max-width: 575px) {
  .tab-style4 .resp-tab-content {
    padding: 15px; }
  .tab-style4 .tab-box h6 {
    font-size: 14px; } }
/* ===================================
    Contact
====================================== */
.map {
  height: 738px;
  width: 100%;
  vertical-align: top;
  border: 0; }

/* contact-info */
.contact-info .icon:before {
  position: absolute;
  content: '';
  height: 50px;
  width: 50px;
  background-color: #22836c;
  opacity: .05;
  top: 15px;
  left: -18px;
  border-radius: 50px;
  margin-top: -15px;
  -webkit-transition: .5s all ease;
  -ms-transition: .5s all ease;
  -moz-transition: .5s all ease;
  -o-transition: .5s all ease;
  transition: .5s all ease; }
.contact-info:before {
  content: "";
  position: absolute;
  width: 70%;
  height: 100%;
  background-color: #f8f9fa;
  top: 0;
  right: 0; }
.contact-info.second-info:before {
  content: none; }

/* ===================================
    Others
====================================== */
/* portfolio-details */
.portfolio-details .porject-box {
  position: absolute; }
.portfolio-details .porject-data {
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px; }

@media screen and (max-width: 991px) {
  .portfolio-details .porject-data {
    border-radius: 10px;
    margin-top: 20px; }
  .portfolio-details .porject-box {
    position: unset; } }
/* about-1 */
.about-1 .exp-box {
  background-color: #22836c;
  width: 250px;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px; }
  .about-1 .exp-box span {
    font-size: 80px;
    color: #fff;
    line-height: 1;
    font-weight: 500; }
  .about-1 .exp-box h4 {
    font-size: 30px;
    color: #fff;
    margin-top: 15px; }
.about-1 .about-video {
  margin-top: -110px; }
  .about-1 .about-video .lg-text {
    position: absolute;
    bottom: -60px;
    left: -40px; }
    .about-1 .about-video .lg-text h4 {
      font-size: 180px; }
  .about-1 .about-video .contact-icon i {
    width: 60px;
    height: 60px;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    border-radius: 50%; }
.about-1 .about-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  text-align: center;
  margin-left: -26px;
  margin-top: 15px;
  border-radius: 50px; }

@media screen and (max-width: 1199px) {
  .about-1 .exp-box {
    width: 200px;
    height: 200px; }
    .about-1 .exp-box span {
      font-size: 60px; }
    .about-1 .exp-box h4 {
      font-size: 25px;
      margin-top: 10px; }
  .about-1 .about-video .lg-text {
    bottom: -40px;
    left: -20px; }
    .about-1 .about-video .lg-text h4 {
      font-size: 120px; } }
@media screen and (max-width: 991px) {
  .about-1 .exp-box {
    width: 155px;
    height: 155px; }
    .about-1 .exp-box span {
      font-size: 40px; }
    .about-1 .exp-box h4 {
      font-size: 20px; } }
@media screen and (max-width: 575px) {
  .about-1 .exp-box {
    width: 100%;
    height: 125px; }
    .about-1 .exp-box span {
      font-size: 60px; }
    .about-1 .exp-box h4 {
      margin-top: 0;
      margin-left: 10px; }
  .about-1 .about-video .lg-text {
    bottom: -22px;
    left: -10px; }
    .about-1 .about-video .lg-text h4 {
      font-size: 70px; } }
/* about-2 */
.about-2 .inner-box {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 270px;
  height: 110px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .about-2 .inner-box .icon:after {
    content: "";
    position: absolute;
    width: 45px;
    height: 45px;
    background-color: rgba(255, 141, 0, 0.2);
    border-radius: 50%;
    top: -12%;
    left: -20%; }
  .about-2 .inner-box .inner-text {
    padding-left: 20px; }
    .about-2 .inner-box .inner-text h4 {
      line-height: 1;
      font-size: 36px;
      margin-bottom: 0; }
.about-2:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-color: #f2f2f2;
  width: 65%;
  height: 100%; }

@media screen and (max-width: 1199px) {
  .about-2 .inner-box {
    bottom: -25px; } }
@media screen and (max-width: 991px) {
  .about-2 .inner-box {
    bottom: 30px; } }
@media screen and (max-width: 767px) {
  .about-2 .inner-box {
    width: 250px;
    height: 90px; }
    .about-2 .inner-box .inner-text h4 {
      font-size: 32px; } }
@media screen and (max-width: 575px) {
  .about-2 .inner-box {
    display: none; } }
/* history-01 */
.history-01:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-color: #f2f2f2;
  width: 65%;
  height: 70%; }
.history-01:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  width: 65%;
  height: 100%; }
.history-01 .history-block:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  top: 0px;
  left: 6px; }
.history-01 .history-block:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: -10px;
  left: 1px;
  background-color: #22836c;
  border-radius: 50%; }
.history-01 .history-block .inner-text:before {
  content: "";
  position: absolute;
  width: 70px;
  height: 1px;
  top: 60px;
  left: 6px;
  background-color: rgba(0, 0, 0, 0.1); }

/* progress-style01 */
.progress-style01 .progress {
  height: 10px; }
.progress-style01.sm .progress {
  height: 8px; }

/* event-block */
.event-block .event-inner .left-data img {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease; }
.event-block .event-inner .left-data .event-date {
  position: absolute;
  bottom: 20px;
  right: 0;
  background-color: #22836c;
  padding: 5px 20px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  z-index: 2;
  color: #fff;
  font-size: 14px; }
.event-block .event-inner:hover .left-data img {
  transform: scale(1.05); }

@media screen and (max-width: 1199px) {
  .event-block .event-inner .left-data .event-date {
    padding: 3px 14px;
    font-size: 13px; } }
@media screen and (max-width: 767px) {
  .event-block .event-inner .left-data img {
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0; } }
/* team-member */
.team-member:before {
  content: "";
  position: absolute;
  width: 75%;
  height: 100%;
  background-color: #f8f9fa;
  top: 0;
  right: 0; }

/* counter-style1 */
.counter-style1 .lg-heading h2 {
  font-size: 58px;
  color: #fff; }
.counter-style1 .counter-inner .counter-icon:before {
  position: absolute;
  content: '';
  height: 50px;
  width: 50px;
  background-color: #ffffff;
  opacity: 0.3;
  top: 15px;
  left: 35%;
  border-radius: 50px;
  margin-top: -15px;
  -webkit-transition: .5s all ease;
  -ms-transition: .5s all ease;
  -moz-transition: .5s all ease;
  -o-transition: .5s all ease;
  transition: .5s all ease; }
.counter-style1 .counter-inner .counter-icon img {
  padding: 15px; }

@media screen and (max-width: 1399px) {
  .counter-style1 .lg-heading h2 {
    font-size: 50px; } }
@media screen and (max-width: 1199px) {
  .counter-style1 .lg-heading h2 {
    font-size: 40px; } }
@media screen and (max-width: 767px) {
  .counter-style1 .lg-heading h2 {
    font-size: 22px; } }
/* 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: #ffa200; }

.lg-progress-bar .lg-progress {
  background-color: #ffa200; }

.lg-backdrop.in {
  opacity: 0.85; }

/* owlcarousel */
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 30px; }

.owl-carousel .owl-item img {
  width: auto;
  display: inline-block; }

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  cursor: pointer;
  margin-left: 12px; }
  .owl-theme .owl-dots .owl-dot:first-child {
    margin-left: 0; }
  .owl-theme .owl-dots .owl-dot span {
    display: inline-block;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    background-color: #22836c;
    border: 3px solid transparent;
    border-radius: 50%;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    transition: .3s;
    margin: 0; }
  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: transparent;
    border-color: #22836c;
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }

@media screen and (max-width: 1199px) {
  .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 35px; } }
/* list style2 */
.list-style2 {
  margin-bottom: 0;
  padding: 0;
  list-style: none; }
  .list-style2 li {
    margin-bottom: 12px;
    position: relative;
    padding-left: 30px; }
    .list-style2 li:after {
      content: "\e64c";
      font-family: 'themify';
      position: absolute;
      left: 0px;
      top: 1px;
      z-index: 1;
      font-weight: 600;
      color: #22836c; }
    .list-style2 li:last-child {
      padding-bottom: 0;
      margin-bottom: 0; }

/* list style3 */
.list-style3 li {
  margin-bottom: 12px; }
  .list-style3 li h6 {
    display: inline-block; }
  .list-style3 li:last-child {
    margin-bottom: 0; }

/* list style4 */
.list-style4 li {
  position: relative;
  padding-left: 30px; }
  .list-style4 li:before {
    content: "\e64c";
    font-family: 'themify';
    position: absolute;
    left: 0px;
    top: 1px;
    z-index: 1;
    color: #22836c; }

/*404 page*/
.error-wrapper h1 {
  font-size: 210px;
  font-weight: 700;
  line-height: 1;
  color: #d8b952;
  margin-bottom: 20px; }
.error-wrapper h2 {
  font-size: 50px; }

@media screen and (max-width: 1199px) {
  .error-wrapper h1 {
    font-size: 190px; }
  .error-wrapper h2 {
    font-size: 40px; } }
@media screen and (max-width: 991px) {
  .error-wrapper h1 {
    font-size: 160px; }
  .error-wrapper h2 {
    font-size: 30px; } }
@media screen and (max-width: 767px) {
  .error-wrapper h1 {
    font-size: 140px; } }
@media screen and (max-width: 575px) {
  .error-wrapper h1 {
    font-size: 110px;
    margin-bottom: 10px; } }
/* pricing-01 */
.pricing-01 .pricing-inner .pricing-top span.tag {
  background-color: #22836c;
  padding: 8px 20px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 2;
  color: #fff;
  font-size: 14px; }
.pricing-01 .pricing-inner .pricing-top h4 {
  font-size: 50px;
  display: inline-block; }
.pricing-01 .pricing-inner .pricing-top .price-icon:before {
  position: absolute;
  content: '';
  height: 50px;
  width: 50px;
  background-color: #d8b952;
  opacity: 0.15;
  top: 15px;
  left: -18px;
  border-radius: 50px;
  margin-top: -15px;
  -webkit-transition: .5s all ease;
  -ms-transition: .5s all ease;
  -moz-transition: .5s all ease;
  -o-transition: .5s all ease;
  transition: .5s all ease; }
.pricing-01 .pricing-inner.odd .pricing-top .price-icon:before {
  background-color: #fff; }

@media screen and (max-width: 991px) {
  .pricing-01 .pricing-inner .pricing-top span.tag {
    background-color: #d8b952; } }
@media screen and (max-width: 575px) {
  .pricing-01 .pricing-inner .pricing-top h4 {
    font-size: 40px; }
  .pricing-01 .pricing-inner .pricing-top span.tag {
    padding: 6px 14px;
    font-size: 13px; } }
 /* ===================================
      Blog
====================================== */
/*blog-detail leftbar*/
.blogs .share-post {
  text-align: right;
  padding-left: 10px; }
  .blogs .share-post ul li {
    display: inline-block;
    margin: 0 0 0 10px; }
.blogs .section-title.comments span {
  background-color: #22836c;
  padding: 6px 20px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 2;
  color: #fff;
  font-size: 16px;
  display: inline-block; }

/* social-icon */
.cat-list ul {
  list-style: none;
  padding-left: 0;
  background: #fff; }
.cat-list li {
  margin-bottom: 10px;
  background-color: transparent;
  padding: 14px 20px 14px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
  .cat-list li a {
    font-weight: 600;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px; }
    .cat-list li a:hover {
      color: #d8b952; }
  .cat-list li span {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    display: block;
    font-weight: 500;
    background: #d8b952;
    height: 100%;
    width: 50px;
    line-height: 53px;
    color: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .cat-list li a i {
    color: #6f6f6f;
    font-size: 15px;
    display: inline-block;
    margin: 0 10px 0 0; }
  .cat-list li:last-child {
    border-bottom: 0;
    padding: 14px 20px 0px 0px;
    margin-bottom: 0; }

/* blog-sidebar */
.sidebar .widget.search .widget-body {
  padding: 0 35px; }
.sidebar .widget.categories .cat-list {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
  background: #fff; }

/* blog tags*/
.blog-tags {
  margin-bottom: 0;
  padding-left: 12px; }
  .blog-tags li {
    display: inline-block;
    list-style: none; }
    .blog-tags li a {
      font-size: 14px;
      display: inline-block;
      font-weight: 600;
      text-transform: capitalize;
      padding: 3px 8px;
      margin: 4px 4px 4px 0;
      border: 1px solid #ededed;
      line-height: 30px;
      border-radius: 4px; }
      .blog-tags li a:hover {
        background: #d8b952;
        color: #ffffff;
        border: 1px solid #d8b952;
        color: #fff; }

.side-bar .widget .social-icons {
  margin-bottom: 0;
  list-style: none; }
  .side-bar .widget .social-icons li {
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
    text-align: center; }
    .side-bar .widget .social-icons li a {
      height: 40px;
      width: 40px;
      line-height: 40px;
      display: inline-block;
      background: #252525;
      color: #ffffff !important; }
      .side-bar .widget .social-icons li a:hover {
        color: #ffffff;
        background-color: #22836c; }

@media screen and (max-width: 767px) {
  .side-bar .widget {
    margin-bottom: 25px; }
    .side-bar .widget .social-icons li a {
      font-size: 13px;
      height: 35px;
      width: 35px;
      line-height: 35px; } }
@media screen and (max-width: 575px) {
  .side-bar .widget {
    padding: 20px; } }
/* ===================================
    Sidebar widget
====================================== */
.sidebar .widget {
  position: relative;
  margin-bottom: 30px;
  padding: 35px 0;
  box-shadow: 0 1rem 1.75rem 0 rgba(45, 55, 75, 0.1);
  border: 0.0625rem solid rgba(220, 224, 229, 0.6);
  border-radius: 10px; }
  .sidebar .widget:last-child {
    margin-bottom: 0;
    border: 0; }
  .sidebar .widget .widget-body {
    word-break: break-word;
    padding-left: 50px; }
  .sidebar .widget .section-title span {
    background-color: #22836c;
    padding: 6px 20px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    display: inline-block; }

/* service list */
.sidebar .services-list {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
  background: #fff; }
  .sidebar .services-list li {
    margin-bottom: 10px;
    background-color: transparent;
    padding: 14px 20px 14px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
    .sidebar .services-list li:last-child {
      border-bottom: 0;
      padding: 14px 20px 0px 0px;
      margin-bottom: 0; }
    .sidebar .services-list li a {
      font-weight: 600;
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-radius: 4px; }
    .sidebar .services-list li.active a, .sidebar .services-list li:hover a, .sidebar .services-list li:focus a {
      color: #d8b952; }

/* brochure */
.sidebar .widget-brochure {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0; }
  .sidebar .widget-brochure li {
    position: relative;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding: 14px 20px 14px 0; }
    .sidebar .widget-brochure li:last-child {
      margin-bottom: 0; }
    .sidebar .widget-brochure li a {
      position: relative;
      display: block;
      font-size: 15px;
      font-weight: 600;
      border-radius: 4px; }
    .sidebar .widget-brochure li.active a, .sidebar .widget-brochure li:hover a, .sidebar .widget-brochure li:focus a {
      color: #d8b952; }
    .sidebar .widget-brochure li a span {
      position: absolute;
      right: 10px;
      bottom: 0;
      text-align: center;
      font-size: 13px;
      background: #d8b952;
      color: #ffffff;
      width: 50px;
      padding: 2px 0;
      margin-bottom: -15px; }
.sidebar .widget-info {
  padding-left: 50px; }
  .sidebar .widget-info ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 14px 20px 14px 0; }
  .sidebar .widget-info .social-icons {
    margin: 0;
    padding: 0;
    list-style: none; }
    .sidebar .widget-info .social-icons li {
      text-align: center;
      margin-right: 5px;
      display: inline-block;
      border-bottom: 0;
      padding: 14px 5px 0px 0; }
      .sidebar .widget-info .social-icons li:last-child {
        margin-right: 0; }
      .sidebar .widget-info .social-icons li a {
        display: inline-block;
        font-size: 14px;
        text-align: center;
        color: #ffffff;
        background: #22836c;
        height: 36px;
        line-height: 36px;
        width: 36px;
        border-radius: 0.8125rem; }
        .sidebar .widget-info .social-icons li a:hover {
          color: #22836c;
          background-color: #fff; }

/* ===================================
    Pages
====================================== */
/* coming-soon page */
.coming-soon-content {
  text-align: center;
  padding: 60px 50px;
  position: relative;
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 1rem 1.75rem 0 rgba(45, 55, 75, 0.1);
  border: 0.0625rem solid rgba(220, 224, 229, 0.6);
  border-radius: 0.8125rem; }
  .coming-soon-content h1 {
    font-size: 96px; }

.countdown li {
  display: inline-block;
  text-align: center;
  min-width: 150px;
  position: relative;
  padding: 15px 10px;
  border-radius: 0.8125rem;
  margin-right: 25px;
  border: 1px solid rgba(255, 255, 255, 0.1); }
  .countdown li:last-child {
    margin-right: 0; }
  .countdown li span {
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    line-height: normal;
    position: relative; }
    .countdown li span:before {
      content: "";
      height: 1px;
      position: absolute;
      width: 100%; }
  .countdown li p.timeRefDays, .countdown li p.timeRefHours, .countdown li p.timeRefMinutes, .countdown li p.timeRefSeconds {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    margin: 0;
    padding: 0;
    text-transform: capitalize; }

.coming-soon-content .countdown li:last-child {
  margin-right: 0; }

.social-icon {
  margin-bottom: 0;
  list-style: none;
  padding: 0; }
  .social-icon li {
    display: inline-block;
    margin-right: 10px; }
    .social-icon li a {
      text-align: center;
      height: 40px;
      width: 40px;
      line-height: 40px;
      font-size: 16px;
      border-radius: 5px;
      display: inline-block;
      background: #22836c;
      color: #ffffff; }
    .social-icon li:last-child {
      margin-right: 0; }
    .social-icon li a:hover {
      background-color: #d8b952; }

@media screen and (max-width: 1399px) {
  .coming-soon-content .countdown li {
    min-width: 140px; } }
@media screen and (max-width: 1199px) {
  .coming-soon-content {
    padding: 40px 30px; }
    .coming-soon-content h1 {
      font-size: 80px; }
    .coming-soon-content .countdown li {
      min-width: 120px;
      margin-right: 15px; }
      .coming-soon-content .countdown li span {
        font-size: 38px; }
      .coming-soon-content .countdown li p.timeRefDays, .coming-soon-content .countdown li p.timeRefHours, .coming-soon-content .countdown li p.timeRefMinutes, .coming-soon-content .countdown li p.timeRefSeconds {
        font-size: 14px; } }
@media screen and (max-width: 767px) {
  .coming-soon-content {
    padding: 30px 10px; }
    .coming-soon-content h1 {
      font-size: 60px; }
    .coming-soon-content .countdown li {
      min-width: 90px;
      margin-right: 10px; }
      .coming-soon-content .countdown li span {
        font-size: 30px; } }
@media screen and (max-width: 575px) {
  .coming-soon-content .countdown li {
    min-width: 100px;
    margin: 0 10px 10px 10px; }
    .coming-soon-content .countdown li:last-child {
      min-width: 100px;
      margin: 0 10px 10px 10px; } }
/* ===================================
    Elements
====================================== */
/* modal */
.modal-backdrop {
  z-index: 99999; }

.modal {
  z-index: 999999; }

.bd-example button, .bd-example a {
  margin-top: .25rem;
  margin-bottom: .25rem; }

/* fonts-icon page */
.icon-gallery .d-table {
  margin-top: 30px; }
.icon-gallery .d-table-cell {
  width: 125px;
  height: 125px;
  text-align: center;
  border-radius: 5px;
  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: 28px;
  color: #22836c; }

/* 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: 0;
  right: 85px;
  transition: opacity 0.3s ease-in-out; }

.source-element {
  position: absolute;
  top: 0;
  right: 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 {
  background: #dde1e6;
  color: #777 !important;
  display: inline-block;
  padding: 5px 15px;
  font-size: 14px;
  text-transform: capitalize;
  border-radius: 5px;
  cursor: pointer !important;
  font-weight: 600; }

.copy-element > a:hover, .source-element > a:hover {
  background: #22836c;
  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: rgba(42, 157, 143, 0.2);
    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; }

.inner-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  margin-bottom: 35px;
  padding-bottom: 20px; }
  .inner-title h2 {
    position: relative;
    padding-left: 35px;
    line-height: 1;
    display: inline-block;
    color: #22836c;
    font-size: 1.75rem; }
    .inner-title h2:before {
      content: '';
      width: 15px;
      height: 15px;
      background: #d8b952;
      border-radius: 50%;
      left: 6px;
      position: absolute;
      bottom: 5px; }
    .inner-title h2:after {
      content: '';
      width: 10px;
      height: 10px;
      background: #22836c;
      border-radius: 50%;
      left: 3px;
      position: absolute;
      top: 11px; }

@media screen and (max-width: 767px) {
  .elements-block .inner-title {
    margin-bottom: 65px; }

  .copy-element, .source-element {
    top: 65px; } }
/* ===================================
    Footer
====================================== */
/* quform */
.form-group {
  margin-bottom: 1rem; }
  .form-group label {
    margin-bottom: .5rem; }

.form-control:focus {
  border-color: #d8b952; }

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

.quform-input {
  position: relative; }
  .quform-input .form-control {
    border-radius: 5px; }
  .quform-input .quform-errors-wrap {
    position: absolute;
    right: 8px;
    top: 0;
    line-height: normal;
    z-index: 1; }

.quform-element > label {
  font-weight: normal;
  padding-bottom: 5px;
  margin-bottom: 0;
  color: #6a747b;
  font-size: 16px; }
  .quform-element > label .quform-required {
    color: #cc0101;
    font-size: 10px; }

.quform-inner input {
  width: 100%; }

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

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

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

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

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

.quform-submit-inner {
  float: none; }

.quform-loading-wrap {
  float: none; }
  .quform-loading-wrap .quform-loading {
    display: inline-block; }

.light-validation .quform-errors > .quform-error {
  color: #fff; }

/* newsletter */
.newsletter-form .quform-elements {
  position: relative; }
.newsletter-form .quform-submit-inner {
  position: absolute;
  right: 1px;
  top: 1px;
  width: auto;
  background: #22836c;
  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-submit-inner .btn {
    border: none; }
.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; }
.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 rounded*/
.newsletter-rounded .quform-elements {
  position: relative; }
.newsletter-rounded .quform-submit-inner {
  position: absolute;
  right: 5px;
  top: 4px;
  width: auto; }
  .newsletter-rounded .quform-submit-inner .btn {
    border: none; }
.newsletter-rounded .quform-loading-wrap {
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: 0; }
.newsletter-rounded input {
  height: 60px;
  min-height: auto;
  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: 1rem;
  line-height: 2rem; }

/* social-icon-style1 */
.social-icon-style1 li {
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px; }
  .social-icon-style1 li a {
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    background: #22836c;
    height: 40px;
    line-height: 40px;
    width: 40px;
    border-radius: 3px; }
    .social-icon-style1 li a:hover, .social-icon-style1 li a:active, .social-icon-style1 li a:focus {
      background: #d8b952; }

/*footer bar*/
footer {
  background: #223139; }

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

/*footer list*/
.footer-list {
  margin: 0; }
  .footer-list li {
    list-style-type: none;
    color: #fff;
    padding: 5px 0; }
    .footer-list li a {
      font-weight: 400;
      color: rgba(255, 255, 255, 0.85); }
      .footer-list li a:hover {
        color: #d8b952; }
        .footer-list li a:hover:before {
          color: #d8b952; }

/* .footer-list1 */
.footer-list1 {
  display: inline-block; }
  .footer-list1 a {
    border-right: 1px solid #4c4c4c;
    color: #fff;
    padding: 0 30px; }
    .footer-list1 a:last-child {
      border-right: 0; }
    .footer-list1 a:hover {
      color: #d8b952; }

/* footer-style1 */
.footer-style1 .top-footer {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }
.footer-style1 .middle-footer {
  text-align: center;
  border-top: 1px solid #4c4c4c;
  border-bottom: 1px solid #4c4c4c;
  padding: 20px 0; }
.footer-style1 .gallery-img .icon {
  position: absolute;
  bottom: 2px;
  left: 10px;
  color: white;
  font-size: 16px;
  transition: .4s; }
.footer-style1 .gallery-img:hover .icon {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  bottom: unset; }
.footer-style1 .gallery-img:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 113, 93, 0.6);
  top: 0;
  left: 0;
  border-radius: 10px;
  opacity: 0;
  transition: .4s; }
.footer-style1 .gallery-img:hover:before {
  opacity: 1; }

@media screen and (max-width: 991px) {
  .footer-style1 .gallery-img .icon {
    font-size: 12px; } }
@media screen and (max-width: 575px) {
  .footer-style1 .newsletter-rounded .quform-submit-inner {
    position: unset;
    margin: 0 auto;
    text-align: center; }
    .footer-style1 .newsletter-rounded .quform-submit-inner .butn {
      width: 100%; }
  .footer-style1 .newsletter-rounded input {
    height: 52px; } }