@import url("bootstrap.min.css");
@import url("font-awesome.min.css");
@import url("owl.carousel.min.css");
@import url("magnific-popup.css");
@import url("flaticon.css");
@import url("stellarnav.min.css");




/**
 * ---------------------------------------------------------------------------
 * Theme default CSS
 * ---------------------------------------------------------------------------
 */

/* vinod*/

.clear {
    clear: both
}

::-moz-selection {
    background: #199ad6;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #199ad6;
    color: #fff;
    text-shadow: none;
}

.no-mar {
    margin: 0 !important;
}

.no-pad {
    padding: 0 !important;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: none;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}


body {
 font-family: 'Source Serif Pro', serif;
  font-size: 17px;
  line-height: 25px;
  color: #242424;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%; margin:0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Source Serif Pro', serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
    font-family: 'Source Serif Pro', serif;
    text-decoration: none;
    outline: none;
    box-shadow:none;
}
a{
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

a:hover {
    color: transparent;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

a:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

p a,
p a:visited {
    line-height: inherit;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

/* list */

ul,
ol {
    margin-bottom: 0px;
    margin-top: 0px;
}

ul {
    margin: 0;
}

ol {
    list-style: decimal;
}

ol,
ul.square,
ul.circle,
ul.disc {
    margin-left: 0px;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin: 0;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
    margin-bottom: 0px;
}

li {
    line-height: 1.5;
    margin-bottom: 0px;
}

/* definition list */

dl {
    margin: 12px 0;
}

dt {
    margin: 0;
    color: #11ABB0;
}

dd {
    margin: 0 0 0 20px;
}


/* Global Class */

.btn {
  text-transform: uppercase;
  font-weight: 600;
}

.activeBg {
  background-color: #199ad6;
}
.btn {
  border-radius: 0;
  padding: 22px 28px 20px;
  background-color: #199ad6;
  border-color: #199ad6;
  line-height: 1;    color: #fff;
}
.btn:hover {
  background-color: #061538;
  border-color: #061538;
}
.activeBorder {
  background-color: transparent;
  border-color: #199ad6;
}
.section-title {
  margin-bottom: 39px;
  position: relative;
}
.section-thumb {
    position: absolute;
    left: 0;
    top: 5px;
}

.section-title .sub-title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 5px;position: relative;
   color: #38373c;
}
.section-title .main-title {
  margin-top: 5px;
    font-size: 17px;
    line-height: 36px;
    font-weight: 500;    color: #ef7e1b;
}

.h1-spacer {
    margin-top: 25px;
}
.home3-base-title .stock {
  margin-top: 10px;
}
.home3-base-title .sub_title {
  font-size: 24px;
  font-weight: 400;
}
.home3-base-title .section-title {
  font-size: 22px;
  font-weight: 700;
  color: #061538;
}
.page_title {
  background-image: url(../img/market-sectors-title-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 50px 0;
}
.page_title .page_tittle {
  font-size: 22px;
  line-height: 18px;
  font-weight: 700;
}
.page_title .page_tittle {
  padding: 60px 0 90px;
  font-size: 36px;
}
.bread_crumb a {
  font-size: 18px;
  line-height: 25px;
  color: #fff;
}
.bread_crumb a:hover {
  color: #199ad6;
}
.pagination_waper {
  padding-top: 20px;
}
.pagination_waper li.page-item .page-link {
    font-size: 18px;
    line-height: 56px;
    border: 1px solid #24242425;
    font-weight: 600;
    width: 58px;
    height: 58px;
    text-align: center;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
.pagination_waper li.page-item .page-link:hover {
  background-color: #199ad6;
  border-color: #199ad6;
  color: #ffffff !important;
}
.pagination_waper .activeborder {
  border-color: #199ad6;
}
.section-title-two .main-title {
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  color: #061538;
  margin-bottom: 15px;
}
.section-title-two {
    margin-bottom: 44px;
}
.section-title-three {
    margin-bottom: 42px;
}
.section-title-three h1 {
    margin-bottom: 11px;
    font-size: 36px;
    font-weight: 3;
    color: #061538;
}
.section-title-three h1 strong {
    font-weight: 700;
    color: #061538;
}
.section-title-three h1.text-light strong {
    color: #fff;
}


/* video button style */
.ct-cat-button {
  font-size: 24px;
  line-height: 1;
  padding: 18px 40px 15px;
  font-weight: 600;
}

.overflow-hidden {
  overflow: hidden;
}
.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #199ad6;
  z-index: 10;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 100%;
}
.play-btn i {
  font-size: 30px;
  color: #ffffff;
}
.overflowhidden {
  overflow: hidden;
}

/* Preloader */
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: #fff;
  overflow: hidden;
}
#loader {
  background: url("../img/preloader.gif");
  width: 401px;
  height: 124px;
  position: relative;
  top: 50%;
  margin: -20px auto 0 auto;
}

#main-nav.navbar-fixed-top {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background: #000 none repeat scroll 0 0;
  -webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.1);
  left: 0;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}

.h2-navigation-area.navbar-fixed-top {
    background: #000 !important;
}
.h2-navigation-area.navbar-fixed-top .logo.hidden-logo {
    visibility: visible;
}
.h2-navigation-area.navbar-fixed-top .main-nav-area ul li a {
    color: #242424;
}
.h2-navigation-area.navbar-fixed-top .main-nav-area ul li a {
    color: #242424 !important;
}
.h2-navigation-area.navbar-fixed-top .main-nav-area ul ul li a {
    color: #fff !important;
}


#h3-main-nav.navbar-fixed-top {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.1);
  left: 0;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.h3-navigation-area.navbar-fixed-top {
    background: #fff !important;
}
.h3-navigation-area.navbar-fixed-top .main-nav-area ul li a {
    color: #242424;
}
.h3-navigation-area.navbar-fixed-top .main-nav-area ul li a {
    color: #242424 !important;
}
.h3-navigation-area.navbar-fixed-top .main-nav-area ul ul li a {
    color: #fff !important;
}
.h3-navigation-area .logo .h3-logo-hidden{
  visibility: hidden;
}
.h3-navigation-area.navbar-fixed-top .logo .h3-main-logo{
  display: none;
}

.h3-navigation-area.navbar-fixed-top .logo .h3-logo-hidden{
  visibility: visible;
}






/* Social Media */
.facebook {
    color: #3b5998;
}
.twitter {
    color: #1da1f2;
}
.skype {
    color: #00aff0;
}
.vine {
    color: #00b488;
}

/* Blog Search */

.search-form .form-group {
  margin-bottom:0;
    padding-left: 0px;
    padding-right: 0px;
}
.search-form .form-control {
    font-size: 18px;
    height: auto;
}
.search-form .form-control:focus {
    box-shadow: none;
}
.search-form .btn {
    background: transparent;
    border-color: transparent;
    color: #24242460;
}
.search-form .btn:hover {
    color: #199ad6;
}
.search-form .btn:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #24242460 !important;
}
.search-form .btn:focus {
    background: none;
    box-shadow: none;
}
.search-form .btn-primary:not(:disabled):not(.disabled).active, .search-form .btn-primary:not(:disabled):not(.disabled):active, .search-form .show > .btn-primary.dropdown-toggle {
    box-shadow: none;
}


/******************
* 1. Home One
*******************/



/* 1.1 H1 header top */
.h1-header-top-area {
    background:#f4f6f6;  position: relative;overflow: hidden;
    z-index: 99;    border-top: 3px solid #e5285a;
}
.h1-single-top-block {
    padding: 0px 25px 0px 0;
}
.h1-single-top-block {
    display: inline-block;
    padding-right: 15px;
    margin-right: 10px;
    line-height: 25px;
}
.h1-single-top-block:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: unset;
}
.h1-single-top-block i.fa {
    color: #e5285a;
    margin-right: 5px;
    font-size: 15px;
}
.h1-single-top-block strong {
    font-weight: 600;
    color: #4e4e4e;
}
.h1-single-top-block span,
.h1-single-top-block a {
    color:#2a2a2a;
  
    font-size: 15px;

}
.h1-single-top-block a:hover{
    color: #a76cd0;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
.h1-social-media{
    float: right;
    padding-top: 22px;
    display: block;
    overflow: hidden;
}
.h1-social-media ul{
    margin: 0;
    padding: 0;
}
.h1-social-media ul li {
    list-style: none;
    display: inline-block;
    overflow: hidden;
    margin-right: 15px;
}
.h1-social-media ul li a{
    width: 30px;
    height: 30px;
    color: #868686;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
.h1-social-media ul li a i.fa {
    color: #fff;
    font-size: 15px;
}
.h1-social-media ul li a:hover{
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
.h1-social-media ul li:last-child {
    margin-right: 0;
}
.h1-social-media ul li a:hover .fa-facebook {
    color: #3b5998;
}
.h1-social-media ul li a:hover .fa-twitter {
    color: #1da1f2;
}
.h1-social-media ul li a:hover .fa-skype {
    color: #00aff0;
}
.h1-social-media ul li a:hover .fa-vine {
    color: #00b488;
}
.topsocialmedia ul li .wechatqrcode img {
    width: auto;
}

/* 1.2 H1 navigation */

.h3-navigation-area .logo,
.h1-navigation-area .logo {
    padding-top:12px;
    display: inline-block;
    padding-bottom:12px;
	    width: 14%;text-align: center;
}
.logo img{width:120px;}
.header-search {
    margin-right: 25px;
    padding-right: 20px;
    border-right: 1px solid #c8c8c8;
    padding-left: 25px;
}
.navbar-brand{height:auto; padding:0;}
.header-search i {
    color: #a9a9a9;
    transition: 0.5s;
}
.header-search i {
    color: #199ad6;
}
.header-style-two {
    border-right: none;
}

/* All Navigation Css */
#main-nav {
    padding: 0px;
    /* position: fixed; */
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;background-color: #000;
}
#main-nav .navbar-nav {
   /* margin: 0 auto;*/
}
#main-nav ul li a {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    line-height: 15px;
    /* position: relative; */
    padding: 9px 7px 19px;
	 text-transform:uppercase !important;    font-family: 'Open Sans', sans-serif; 
}
#main-nav ul ul li a {
    text-transform: capitalize;
}
#main-nav ul ul li a {
  color: #fff;
}
#main-nav ul li ul li a {
    padding: 15px 15px;    line-height: 20px; font-weight:500;
}

#main-nav .ct-active ul li a:before {
    opacity: 1;
    left: 50%;
}
ul li.searchbar {
    list-style: none;
}
#main-nav .navbar-nav ul {
    padding: 0;
    margin: 0;
}

.h2-navigation-area .logo {
    display: inline-block;
    overflow: hidden;
    padding-top: 20px;
}

#main-nav ul li a:hover {
    color: #c3a572;
}


/* StellarNav */
.stellarnav {
    width: auto;
    margin: 0 auto;
    display: inline-block;
}
.stellarnav ul ul {
    background-color: #c3a572;    width: 280px;
}
.stellarnav ul li a {
    color: #ffffff;
    padding: 20px;
}
.stellarnav ul ul a:hover {
    background: #03629f;
    color: #fff;
}

.main-nav-area {
    display: inline-block;
    float: right;text-align: right;
}
.nav-serch-area {
    display: inline-block;
    float: right;
    padding-top: 20px;
}
.stellarnav.mobile ul {
    background: transparent;
}
.stellarnav.mobile > ul > li > a.dd-toggle {
    color: #061538;
}
.stellarnav.mobile li.has-sub a {
    color: #061538;
}
.stellarnav.mobile .menu-toggle {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    font-size: 30px;
    position: absolute;
    right: 30px;
    top: 0;
    width: auto;
}
.logo.hidden-logo {
    visibility: hidden;
}
#main-header {
    position: absolute;
    z-index: 10;
    width: 100%;
}
#main-header #main-nav ul li a {
    color: #fff;
}
.white-popup {
    position: relative;
    background: #FFF;
    padding: 25px;
    width: auto;
    max-width: 600px;
    margin: 0 auto;
}

/*
====== Zoom effect ======
*/
.mfp-zoom-in {
  z-index: 99999;
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
#main-header #main-nav {
  background: #ffffff10;
}
#main-header #main-nav .navbar-nav {
  margin: 0;
}

/* 1.3 H1 Slider */

.slider-area {
    position: relative;
    z-index: 1;
}
.single-slider::before {
    opacity: 0.7;
}
.single-slider .content {
    left: 0%;
    position: absolute;
    right: 0;
    top: 25%;
    top: 44%;
    max-width: 100%; text-align: center;
}
.single-slider .content .intro {
    font-size: 60px;
    font-weight: 700;
    line-height: 68px;
    color: #ffffff;
}
.single-slider .content .intro span{
    font-weight: 300;
}
.slider-area .owl-item.active .single-slider .intro {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.single-slider .content .title {
    color: #ffffff;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
}
.slider-area .owl-item.active .single-slider .title {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.single-slider .content .text {
    color: #ffffff;
    font-size: 21px;
    line-height: 28px;
    font-weight: 400;
}
.slider-area .owl-item.active .single-slider .text {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.single-slider .content .buttons {
  margin: 45px 0 0;
}
.slider-area .owl-item.active .single-slider .buttons {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.single-slider .content .buttons .link {
    margin-right: 20px;    background-color: #a76cd0;
    border: none;
}
.slider-area .owl-dots {
    bottom: 65px;
    left: 0;
    position: absolute;
    width: 100%;
    text-align: center;
}
.slider-area .owl-dots .owl-dot {
    background: #ddd;
    display: inline-block;
    height: 8px;
    margin-right: 8px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 15px; height:15px; 
    border-radius: 50%;
}
.slider-area .owl-dots .owl-dot.active {

    background-color:#ef7e1b;
}

/* 1.4 H1 Featured */

.h1-featured {
    padding: 60px 0px 45px;
}
.featured-img {
    padding-right: 18px;
    position: relative;
}

.featured-img img {
  position: relative;
  z-index: 10;
}
.featured-item {
    margin-bottom: 30px;
    display: block;
    overflow: hidden;
}
.featured-icon {
    margin-bottom: 10px;
}
.featured-icon i {
    color: #199ad6;
}
.featured-icon i:before {
    font-size: 47px;
    line-height: 47px;
}
.featured-item:hover .featured-item-title {
    color: #199ad6;
}
.featured-item:hover .featured-icon i {
    color: #061538;
}
.featured-item-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    transition: 0.5s;
    margin: 0;
    color: #061538;
    margin-bottom: 8px;
}
p.featured-content {
    margin-bottom: 0;
}

 /* 1.5 H1 Counter */

.work-counter {
   
    margin-top: 5px;
}
.single-counter {
    margin-bottom: 30px;text-align: center;    border-right: 1px solid #f1f1f1;
}
.work-counter .col-md-4:last-child .single-counter{border:none;}
.work-counter .activeColor {
    font-weight: 600;
}
.single-counter .counter{

    color: #fff;  
    font-size: 70px;
    position: relative;
    font-weight: 500;
}
.single-counter h5{
   color: #fff;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 400;
}

/* 1.6 H1 Inspiring */

.inspiring-section {
    background: #f8f8f8;
    position: relative;
    padding: 96px 0px 87px;
}
.inspiring-section-bg {
    right: 0;
    background: transparent;
    position: absolute;
    top: 0;
    -webkit-clip-path: polygon(355px 0px, 100% 0px, 100% 100.00%, 0px 100%);
    clip-path: polygon(355px 0px, 100% 0px, 100% 100.00%, 0px 100%);
    height: 588px;
    overflow: hidden;
}
.inspiring-by{
    margin-top: 68px
}
.inspiring-by img{
    margin-bottom: 20px;
}
.business-video {
    position: relative;
    float: left;
    left: 15%;
    top: 50%;
    margin-top: -32px;
}
.video-play-button {
    position: relative;
    z-index: 10;
}
.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #199ad6;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #199ad6;
    border-radius: 50%;
    transition: all 200ms;
}
.video-play-button-two {
    position: relative;
    z-index: 10;
    top: 50%;
    margin-bottom: -25px;
}
.video-play-button-two:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 150px;
    height: 150px;
    background: #199ad6;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button-two:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100px;
    height: 100px;
    background: #199ad6;
    border-radius: 50%;
    transition: all 200ms;
}

@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-play-button i.fa-play {
 color: #fff;
 position: absolute;
 z-index: 9;
 font-size: 30px;
 left: -6px;
 top: 50%;
 transform: translateY(-50%);
 right: 0;
 margin: auto;
}
.video-play-button-two i.fa-play {
    color: #fff;
    position: absolute;
    z-index: 9;
    font-size: 30px;
    margin-top: -13px;
    left: -5px;
}

/* 1.7 h1 Market Style */

.h1-markets {
  padding: 96px 0px 75px;
}
.market-items i {
  color: #fff;
}
.market-items i:before {
  font-size: 32px;
}
.market-items i.fa-link {
  color: #199ad6;
}
.market-items i.fa-link:before {
  font-size: 30px;
}
.market-items .card {
  overflow: hidden;
}
.market-items .card:hover .shape {
  border-top: 110px solid #199ad6;
  border-left: 110px solid transparent;
}
.market-items .card:hover .img-overlay {
  opacity: 1;
  transform: translateY(0);
}
.market-items .card:hover .img-overlay::before {
  opacity: 1;
}
.market-items .card:hover .categories {
  margin: 20px 20px;
}
.market-items .card:hover .card-title {
  color: #199ad6;
}
.market-items .card a {
  color: #061538;
  text-decoration: none;
  outline: none;
  box-shadow: none;
}
.market-items .card .card-title {
  transition: 0.5s;
  font-weight: 600;
  font-size: 23px;
  color: #061538;
}
.market-items .categories {
  position: absolute;
  top: 0;
  right: 0;
  margin: 16px 15px;
  transition: 0.5s;
}
.market-items .shape {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  transition: 0.5s;
  border-top: 100px solid #061538;
  border-left: 100px solid transparent;
}
.market-items .img-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(6, 21, 56, 0.66);
  opacity: 0;
  transition: 0.5s;
  transform: translateY(-10px);
}
.market-items .img-overlay:before {
  content: "";
  position: absolute;
  left: 26px;
  top: 26px;
  bottom: 26px;
  right: 26px;
  transition: 0.8s;
}
.market-items .style-1:before {
  border-color: #199ad6;
  border: 1px solid;
}


/* 1.8 Technical Solutions */

.h1-technical-solutions {
  padding: 96px 0px 100px;
}
.h1-technical-solutions {
  background: url("../img/technical-solutions-bg.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
}
.technical-content {
  margin-bottom: 20px;
}
.technical-solutions ul{
  margin: 0;
  padding: 0;
}
.technical-solutions li {
  padding-left: 25px;
  position: relative;
  list-style: none;
}
.technical-solutions li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  background: #199ad6;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  -webkit-box-shadow: inset 0px 0px 1px 2px #ffffff;
  box-shadow: inset 0px 0px 1px 2px #ffffff;
  border: 1px solid #199ad6;
  transform: translateY(-50%);
}
.technical-solutions-btn {
   margin-top: 45px;
}
.btn-primary img {
  margin-left: 10px;
}


/* 1.9 H1 Letest Project */

.h1-latest-project {
  padding: 96px 0px 70px;
}
.mixitup-menus .btn {
  text-transform: none;
}
#mixitup-projects .mix {
  margin-bottom: 30px;
}
.mixitup-menus {
  margin-bottom: 30px;
  background-color: #199ad6;
  text-align: center;
}
.mixitup-menus button {
  padding: 18px;
  margin: 0 12px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 500;
  color: #fff;
}
.mixitup-menus button:hover {
  background: transparent;
  border-color: transparent;
  color: #061538;
}
.mixitup-menus button:focus {
  box-shadow: none;
}
.mixitup-menus .mixitup-control-active {
  position: relative;
  color: #061538;
  font-weight: 500;
}
.mixitup-control-active:before {
  content: "";
  width: 100%;
  height: 4px;
  background-color: #061538;
  position: absolute;
  bottom: 0;
  left: 0;
}
#mixitup-projects .card {
   overflow: hidden;
}
#mixitup-projects .card:hover .shape {
  border-bottom: 110px solid #199ad6;
  border-right: 110px solid transparent;
  opacity: 1;
}
#mixitup-projects .card:hover .img-overlay {
  opacity: 1;
  transform: translateY(0);
}
#mixitup-projects .card:hover .img-overlay::before {
  opacity: 1;
}
#mixitup-projects .card:hover .categories {
  margin: 20px;
  opacity: 1;
}
#mixitup-projects .categories {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 10px;
  transition: 0.5s;
  opacity: 0;
}
#mixitup-projects .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  transition: 0.5s;
  opacity: 0;
  border-bottom: 100px solid #199ad6;
  border-right: 100px solid transparent;
}
#mixitup-projects .img-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(6, 21, 56, 0.66);
  opacity: 0;
  transition: 0.5s;
  transform: translateY(-10px);
}
#mixitup-projects .img-overlay:before {
  content: "";
  position: absolute;
  left: 26px;
  top: 26px;
  bottom: 26px;
  right: 26px;
  transition: 0.8s;
}

/* 1.10 Project Inner */

.project-section-padding{
  padding: 100px 0px;
}
.inner-mixitup-menus{
  margin-bottom: 30px;
}
.inner-mixitup-menus .filter-btn {
  text-transform: none;
  background-color: #ffffff;
  margin: 0 3px;
  border-color: #e9e9e9;
  color: #061538;
}
.inner-mixitup-menus .filter-btn:hover {
  background-color: #199ad6;
  border-color: transparent;
  color: #061538;
}
.inner-mixitup-menus .filter-btn:focus {
  box-shadow: none;
}
.inner-mixitup-menus .mixitup-control-active {
  position: relative;
  color: #ffffff !important;
  font-weight: 600;
  background-color: #199ad6 !important;
}
.inner-mixitup-menus .mixitup-control-active:before{
  content: "";
  position: relative;
}


 /* 1.11 H1 Testimonials */

.h1-testimonials {
  padding: 96px 0px 100px;
}
.h1-testimonials {
  background: url(../img/testimonial-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.h1-testimonials h6.sub-title{
  color: #199ad6;
}
#testimonial-items .section-title .main-title {
  font-size: 25px;
}
#testimonial-items .item {
  border: 1px solid #46516a;
  padding: 45px 40px;
}
#testimonial-items .testimonial-content {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
}
#testimonial-items .testimonial-author-name {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
}
#testimonial-items .owl-nav {
  position: absolute;
  top: -100px;
  right: 0;
  margin: 0;
}
#testimonial-items .owl-nav .owl-prev {
  display: inline-block;
  margin-right: 10px;
}
#testimonial-items .owl-nav .owl-next {
  display: inline-block;
}
#testimonial-items .owl-nav i {
  width: 25px;
  height: 25px;
  color: #fff;
  line-height: 24px;
  border: 1px solid #46516a;
  text-align: center;
}
#testimonial-items .owl-nav i:hover {
  color: #fff;
  background-color: #199ad6;
}


/* 1.12 H1 Quote & Questions */

.h1-faq-area{
  padding: 96px 0px 82px;
}
.h1-quote-form {
  margin-top: 12px;
  margin-bottom: 18px;
}
.quote-content p {
  font-size: 15px;
  margin: 0;
  line-height: 25px;
  display: inline;
}
.quote-content span {
  font-weight: 600;
}
.quote-form textarea {
  height: 123px !important;
  resize: none;
}
.form-control {
  height: auto;
  padding: 7px 10px;
}
.form-control:focus {
  box-shadow: none;
  border-color: #199ad6;
}

.h1-accordion {
  -webkit-box-shadow: 0px 0px 54px #3738361f;
  box-shadow: 0px 0px 54px #3738361f;
}
.h1-accordion .card {
  border: 0;
  border-bottom: 1px solid #eeeeee;
}
.h1-accordion .card .card-header h5{
  margin: 0;
}
.h1-accordion .card:last-child {
  border: 0;
}
.h1-accordion .card:hover .accordion-icon {
  background: #199ad6;
  color: #ffffff;
}
.h1-accordion .collapsed .accordion-icon {
  background: #eeeeee;
  color: #061538;
}
.h1-accordion .btn {
  padding: 7px 20px 0;
  white-space: unset;
  background: #ffffff;
  border-color: #ffffff;
}
.h1-accordion .btn-link:hover, .h1-accordion .btn-link:active, .h1-accordion .btn-link:focus {
  text-decoration: none;
}
.h1-accordion .card-header {
  border-bottom: 0;
  box-shadow: none;
}
.h1-accordion .accordion-icon {
  width: 33px;
  height: 33px;
  background: #199ad6;
  color: #fff;
  float: left;
  transition: 0.5s;
}
.h1-accordion .accordion-title {
  font-size: 18px;
  text-transform: none;
  line-height: 1;
  font-weight: 600;
  color: #061538;
  padding: 15px 0;
}
.h1-accordion .card-body {
  padding-left: 70px;
  padding-right: 50px;
  padding-top: 0;
}


/* 1.13 H1 Call to action */

.call-to-action {
    padding: 96px 0px 82px;
}
.call-to-action {
    background-image: url(../img/call_to_action_bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
}
.call_left {
    margin-bottom: 15px;
}
.call_left h2 {
    font-size: 36px;
    line-height: 40px;
    display: inline;
}

/* 1.14 H1 blog */

.blog-mata {
    margin-bottom: 20px;
}
.blog-mata ul{
  margin: 0;
  padding: 0;
}
.blog-mata ul li {
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
}
.blog-mata ul li:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: #919191;
}
.blog-mata i {
    margin-right: 8px;
}
.blog-mata ul li a {
    color: #242424;
}
.blog-mata ul li a:hover {
    color: #199ad6;
}
.blog-mata ul li:last-child:before {
    width: 0;
}
.blog-inner-tag .tags-list a {
    color: #242424;
    margin-left: 5px;
}
.blog-inner-tag .tags-list a:hover {
    color: #199ad6;
}
.blog-comment-area .comment-title {
    font-size: 22px;
    font-weight: 600;
    color: #061538;
}
.blog-social-media ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}
.blog-social-media ul li {
    list-style: none;
    display: inline-block;
    background: #ddd;
    width: 30px;
    height: 30px;
    line-height: 33px;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px;
}
.blog-social-media ul li a {
    text-decoration: none;
    box-shadow: none;
    color: #242424;
}
.blog-social-media ul li a:hover {
    text-decoration: none;
    box-shadow: none;
    color: #199ad6;
}
.blog-sidebar .tag-group ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog-sidebar .tag-group ul li {
    list-style: none;
    display: inline-block;
    overflow: hidden;
}
.blog-sidebar .tag-group ul li a {
    padding: 10px 15px 8px;
    margin: 1px 3px 0px;
    font-size: 15px;
    text-transform: none;
    background: transparent;
    border: 1px solid #e9e9e9;
    color: #242424;
    display: block;
    overflow: hidden;
}
.blog-sidebar .tag-group ul li a:hover {
  background: #199ad6;
  color: #fff;
}
.blog-page .card {
    border: 0;
    transition: 0.5s;
    -webkit-box-shadow: 0px 0px 13px -2px #04040440;
    box-shadow: 0px 0px 13px -2px #04040440;
}
.blog-page .card:hover {
    transform: translateY(-10px);
    -webkit-box-shadow: 0px 5px 13px 0px #04040440;
    box-shadow: 0px 5px 13px 0px #04040440;
}

/* 1.15 H1 Sponsor */

.sponsored {
  border-top: 1px solid #dedede;
  padding: 80px 0;
}
#client-carousel-items .client-single-items {
    text-align: center;
}

#client-carousel-items .client-single-items img {
    width: auto;
    display: inline-block;
}


/* 1.16 H1 Subscription */
.subscription {
  background-color: #0b0b0b;
  padding: 35px 0;
}
.subscription .btn {
  border-radius: 6px;
}
.subscription-form input {
    width: 215px;
    padding: 10px 23px;
    border-radius: 5px;
    border: none;
    margin-right: 18px;
}
.subscription .from-element {
    padding-right: 20px !important;
}
.subscription .form-control:focus {
    outline: none;
    border-color: #ced4da;
    box-shadow: none;
}
.subscription .btn {
    border-radius: 6px;
    font-size: 15px;
    line-height: 1;
    padding: 16px 51px 12px;
    text-transform: uppercase;
    font-weight: 600;
}

/* 1.17 H1 Footer */

.footer {
   background-size: cover;
    padding: 0px 0 50px; position:relative; 
}

.footer h2 {
    color: #fff;
}
.footer h2 {
    font-size: 18px;
    margin-bottom: 15px;    margin-top: 0;
    font-weight: 700; font-family: 'Open Sans', sans-serif;   color: #bea570;    text-transform: uppercase;
}
.footer_textwidget p {
    color: #fff;    font-family: 'Source Serif Pro', serif;
    
    margin-bottom: 15px;
    font-weight: 400;
}
.footer_textwidget h4 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}
.footer_textwidget.textwidget span.number {
    display: block;
    color: #ffffff;
    font-size: 25px;

}
.footer_link{padding:0;}
.footer_link li{list-style:none; }
.footer_link li a {
    color: #fff;
    font-size: 15px;
    line-height: 36px;
    display: block;
    font-weight: 700;font-family:'Open Sans', sans-serif;    text-transform: uppercase;
}

.footer_link li a:hover {
    color: #fff;
}
.footer_link.extra_mt {
    margin-top: 57px;
}
.newslatter input {
    margin-bottom: 10px;
}
.footer .footer-block {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #242424;
}
.footer .footer-block:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}
.footer .footer-block a:hover .footer-blog-title {
  color: #199ad6;
}
.footer .footer-block p {
  color: #848484;
}
.footer .footer-block .footer-blog-date {
  font-size: 12px;
  margin-bottom: 5px !important;
}
.footer .footer-block .footer-blog-title {
  font-size: 15px;
  line-height: 20px;
  transition: 0.5s;
}

.footer_content {
    position: relative;
    width: 100%;
    display: inline-block;padding: 70px 0 0;
}


/* 1.18 H1 Copyright */

.copyright {
  background: #000;
  padding: 20px 0;    border-top: 1px solid #fff;
}
.copyright .company-name {
  font-weight: 600;
}
.copyright .company-name:hover {
  color: #848484;
}
.social-media a {
     color: #ffffff;
    font-size: 19px;
  margin-right: 15px;
}
.social-media a:last-child {
  margin: 0;
}
.social-media .ct-twitter:hover {
  background: #00aff0 !important;
  border-color: #00aff0 !important;
  color: #ffffff;
}
.social-media .ct-facebookr:hover {
  background: #3b5998 !important;
  border-color: #3b5998 !important;
  color: #ffffff;
}
.social-media .ct-instagramr:hover {
  background: #fd1d1d !important;
  border-color: #fd1d1d !important;
  color: #ffffff;
}
.social-media .ct-skype:hover {
  background: #00aff0 !important;
  border-color: #00aff0 !important;
  color: #ffffff;
}
.social-media .ct-linkedin:hover {
  background: #0274b3 !important;
  border-color: #0274b3 !important;
  color: #ffffff;
}


/*****************************
* 2. Home Two
*******************************/

/* 2.1 H2 header top */
.h2-header-top-area{
    background: #fff;
    padding: 13px 0px;
}
.h2-header-top-area .h1-single-top-block{
    padding-top:0px;
    padding-bottom:0px;
}
.h2-header-top-area .h1-single-top-block strong {
    font-weight: 600;
    color: #061538;
}
.h2-header-top-area .h1-single-top-block a {
    color: #061538;
    font-weight: 300;
}
.h2-header-top-area .h1-single-top-block a:hover{
    color: #199ad6;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
.h2-header-top-area .h1-social-media{
  padding-top: 0;
}
.h2-header-top-area .h1-social-media ul li a i.fa{
    color: #868686;
    font-size: 15px;
}
.h2-header-top-area .h1-social-media ul li a:hover .fa-facebook {
    color: #3b5998;
}
.h2-header-top-area .h1-social-media ul li a:hover .fa-twitter {
    color: #1da1f2;
}
.h2-header-top-area .h1-social-media ul li a:hover .fa-skype {
    color: #00aff0;
}
.h2-header-top-area .h1-social-media ul li a:hover .fa-vine {
    color: #00b488;
}


/* 2.2 H2 Header Bottom */

#header-bottom {
  background-color: #0b0b0b;
  padding: 20px 15px;
  font-weight: 300;
  color: #ffffff;
}
#header-bottom a {
  color: #ffffff;
}
#header-bottom a:hover {
  color: #199ad6 !important;
}
#header-bottom i {
  color: #199ad6;
  margin-right: 10px;
  font-size: 15px;
}
#header-bottom strong {
  font-weight: 600;
}
#header-bottom .block {
  font-size: 15px;
}
#header-bottom .block:last-child {
  border: 0;
  margin: 0;
  padding-right: 0;
}
#header-bottom .social-media {
  padding: 10px 0;
}
#header-bottom .social-media a {
  margin-right: 20px;
}
#header-bottom .social-media a:hover i {
  color: red;
  transition: 0.5s;
}
#header-bottom .social-media a:hover .fa-facebook {
  color: #3b5998;
}
#header-bottom .social-media a:hover .fa-twitter {
  color: #1da1f2;
}
#header-bottom .social-media a:hover .fa-skype {
  color: #00aff0;
}
#header-bottom .social-media a:hover .fa-vine {
  color: #00b488;
}
#header-bottom .social-media a:last-child {
  margin-right: 0;
}
#header-bottom .social-media a i {
  margin: 0;
  color: #fff;
}


/* 2.3 H2 header contact */

.header-contact{
  text-align: right;
}
.h2-header-contact-info {
    margin-right: 32px;
    padding-right: 32px;
    border-right: 1px solid;
    border-color: #464646;
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-align: left;
}
.h2-header-contact-info:last-child {
  border: 0;
  margin: 0;
  padding-right: 0;
}
.h2-header-contact-thumb {
    width: 25px;
    height: 35px;
    float: left;
    margin-right: 10px;
}
.h2-header-contact {
    float: right;
    display: block;
    overflow: hidden;
}

/* 2.4 H2 Slider */

.h2-single-slider {
    position: relative;
    overflow: hidden;
}
.h2-single-slider::before {
    opacity: 0.6;
}
.h2-single-slider .content {
    left: 0;
    position: absolute;
    right: 0;
    top: 37%;
    z-index: 9;
}
.h2-single-slider .content .intro {
    color: #ffffff;
    font-size: 56px;
    font-weight: 300;
    line-height: 66px;
    position: relative;
    padding-left: 30px;
}
.h2-single-slider .content .title {
    color: #ffffff;
    font-size: 60px;
    line-height: 68px;
    font-weight: 600;
}
.h2-single-slider .content .text {
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    color: #ffffff;
}
.h2-single-slider .content .buttons .link {
    margin: 0 6px;
}
.h2-single-slider .content .intro:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 65%;
    height: 30px;
    background: #199ad6;
    -webkit-box-shadow: 0 0 black;
    box-shadow: 0 0 black;
    z-index: -1;
}
.h2-single-slider .buttons {
    margin-top: 45px;
}


/* 2.5 H2 Featured */

.h2-featured {
    margin-top: -123px;
}
.h2-single-featured .card-title {
    font-size: 24px;
    color: #061538;
    transition: 0.5s;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.h2-single-featured .card-text {
    color: #242424;
}
.h2-single-featured svg {
    transition: 0.5s;
    fill: #199ad6;
}
.h2-single-featured .card {
    border-color: #c7c7c7;
    transition: 0.5s;
}
.h2-single-featured .card:hover {
    -webkit-box-shadow: 0px 9px 8px -2px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 9px 8px -2px rgba(0, 0, 0, 0.16);
}
.h2-single-featured .card:hover .card-title {
    color: #199ad6;
}
.h2-single-featured .card:hover svg {
    fill: #061538;
}
.h2-single-featured .card-body {
    padding: 35px 33px 35px;
}
.featured_svg i:before {
    font-size: 45px;
    color: #199ad6;
    line-height: 50px;
}
.h2-single-featured .card:hover .featured_svg i:before {
    color: #061538;
    transition: 0.5s;
}


/* 2.6 H2 Market */

.h2-market-section {
    padding: 98px 0px 68px;
}
.market-style-2 {
    margin-bottom: 22px;
}
.market-style-2:hover .media-icon {
    background: #199ad6;
}
.market-style-2:hover .media-icon i:before {
    color: #ffffff;
}
.market-style-2:hover .b-color {
    border-color: #199ad6;
}
.market-style-2 .img-overlay::before {
    border-color: transparent !important;
}
.market-style-2 .b-color {
    border: 1px solid;
    border-color: #CDD0D7;
    padding: 14px 10px 5px !important;
    border-radius: 4px;
}
.market-style-2 .media-icon {
    transition: 0.5s;
    margin-right: 10px;
}
.market-style-2 .media-icon i:before {
    color: #061538;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/* 2.7 H2 Company */

.h2-company-area {
    padding: 98px 0px 95px;
}
.h2-company-area {
    background: url("../img/company-bg.png") no-repeat #f9f9f9;
    background-position: left;
    background-size: auto 100%;
}
.company-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #061538;
}
.company-featured {
    margin-top: 25px;
}
.sub-title {
    font-size: 18px;
    font-weight: 600;
    color: #061538;
}
.media {
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px dashed #ececec;
}
.media:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.company-icon {
    width: 68px;
    height: 68px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-right: 25px;
    display: block;
    overflow: hidden;
    text-align: center;
    line-height: 80px;
}
.company-icon i:before {
    text-align: center;
    font-size: 35px;
    line-height: 40px;
    color: #199ad6;
}

/* 2.8 H2 Request */

.h2-request {
    padding: 95px 0px 0px;
}
.request-form {
    padding: 20px;
    border: 5px solid #f6f6f6;
}
.request-form .form-control {
    font-size: 15px;
    border-color: #e9e9e9;
}
.request-form .form-control:focus {
    border-color: #e9e9e9;
    box-shadow: none;
}

/* 2.9 H2 Testimonials */

.h2-testimonials {
    padding: 98px 0px 100px;
}
.h2-testimonials {
    background: url("../img/testimonial-bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
#h2-testimonial-items .owl-item {
    padding-top: 30px;
}
#h2-testimonial-items .item {
    border: 1px solid #3d485f;
    border-radius: 5px;
    margin-bottom: 1px;
}
#h2-testimonial-items .item-content {
  transform: translateY(-32px);
}
#h2-testimonial-items .testimonial-author-img {
    width: 65px;
    height: 65px;
    margin: 0 auto;
}
#h2-testimonial-items .testimonial-content {
    padding: 0px 33px 0px;
}
#h2-testimonial-items .testimonial-author-name {
    font-weight: 500;
    font-size: 18px;
    margin-top: 27px;
    display: block;
    overflow: hidden;
}
#h2-testimonial-items .testimonial-author-subtitle {
    font-size: 15px;
}
#h2-testimonial-items .quotation {
    margin-top: 15px;
}
#h2-testimonial-items .quotation img {
    width: auto;
    margin: 0 auto;
}

/* 2.10 H2 Letest Project */

.h2-latest-project{
    padding: 95px 0px 70px;
}
.h2-single-projects {
    margin-bottom: 30px;
}
.h2-single-projects:hover {
    -webkit-box-shadow: 0px 1px 25px #3738362b;
    box-shadow: 0px 1px 25px #3738362b;
    background: #fff;
    transition: 0.5s;
}
.h2-single-projects a {
    color: #061538;
}
.h2-single-projects .project-area {
    margin-bottom: 20px;
}
.h2-single-projects .project-area:nth-last-child(-n+3) {
    margin-bottom: 0;
}
.h2-single-projects .card {
    background: #f4f4f4;
    border-color: transparent;
    transition: 0.5s;
}
.h2-single-projects .card:hover {
    background: #ffffff;
}
.h2-single-projects .card:hover a {
    color: #199ad6;
    opacity: 1;
}
.h2-single-projects .project-img {
    padding: 10px 10px 0;
}
.h2-single-projects .card-title {
    font-size: 24px;
    font-weight: 600;
    padding: 10px 25px 11px;
    border-bottom: 1px solid #d5d5d5;
    color: #061538;
}
.h2-single-projects .project-meta {
    padding: 15px 25px 13px;
    color: #242424;
}
.h2-single-projects .project-meta a {
    color: #242424;
    opacity: 0.40;
}
.h2-single-projects .project-meta i, .h2-single-projects .project-meta p {
    font-size: 15px;
}


/* 2.11 H2 Accordion */

.h2-accordion {
  box-shadow: none;
}
.h2-accordion .card {
  border: 0;
  border-bottom: 1px solid #eeeeee;
}
.h2-accordion .card:last-child {
  border: 0;
}
.h2-accordion .card:hover .accordion-icon {
  background: #199ad6;
  color: #ffffff;
}
.h2-accordion .collapsed .accordion-icon {
  background: #eeeeee;
  color: #061538;
}
.h2-accordion .btn {
  padding: 7px 20px 0;
  white-space: unset;
  background: #ffffff;
  border-color: #ffffff;
}
.h2-accordion .btn-link:hover, .h2-accordion .btn-link:active, .h2-accordion .btn-link:focus {
  text-decoration: none;
}
.h2-accordion .card-header {
  border-bottom: 0;
  box-shadow: none;
}
.h2-accordion .accordion-icon {
  width: 33px;
  height: 33px;
  background: #199ad6;
  color: #fff;
  float: left;
  transition: 0.5s;
}
.h2-accordion .accordion-title {
  font-size: 18px;
  text-transform: none;
  line-height: 1;
  font-weight: 600;
  color: #061538;
  padding: 15px 0;
}
.h2-accordion .card-body {
  padding-left: 70px;
  padding-right: 50px;
  padding-top: 0;
}

/* 2.12 H2 Question features */

.h2-questions {
  background: #f4f4f4;
  display: block;
  overflow: hidden;
}
.question-block-left {
    background: #fff;
    padding: 97px 0 91px;
}
.h2-block-right {
    padding-top: 130px;
}
.h2-single-featured-box {
}
.features-item-border:nth-last-child(n+3) {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 35px;
    padding-bottom: 35px;
}
.h2-single-featured-box .featured-item-title{
  font-size: 24px;
  font-weight: 600;
  color: #061538;
}
.h2-single-featured-box .process_count {
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 1;
}
.h2-single-featured-box .featured-content{

}


/* 2.13 h2 Blog */

.h2-blog {
    padding: 96px 0 70px;
    -webkit-transition: all 0.5s;;
    -o-transition: all 0.5s;;
    transition: all 0.5s;;
}
.h2-blog-single-item .blog-img {
    position: relative;
}
.h2-blog-single-item .blog-img .overlay-btn {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 10;
}
.h2-blog-single-item:hover .blog-img .overlay-btn a{
    background: #199ad6;
    color: #fff;
    border-color: #199ad6;
}
.h2-blog-single-item{
    margin-bottom: 30px;
}
.h2-blog-single-item .card-body{
    padding: 30px 30px 0px;
}
.h2-blog-single-item:hover{
    -webkit-box-shadow: 0px 6px 18px #3738362b;
    box-shadow: 0px 6px 18px #3738362b;
}
.h2-blog-single-item .blog-img .overlay-btn a {
    background: #fff;
    border-color: #fff;
    color: #061538;
    position: relative;
}
.h2-blog-single-item .entry-title {
    font-size: 24px;
    line-height: 30px;
    color: #061538;
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
    font-weight: 700;
}
.h2-blog-single-item:hover a.entry-title {
    color: #199ad6;
}
.h2-blog-single-item .entry-meta{
    margin-bottom: 15px;
    line-height: 15px;
}
.h2-blog-single-item .entry-meta .author {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #c8c8c8;
    float: left;
}
.h2-blog-single-item .entry-meta a {
    color: #242424;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
.h2-blog-single-item .article-content .entry-meta a:hover {
    color: #199ad6;
}
.h2-blog-single-item .entry-meta-footer {
    padding: 19px 0px 18px;
    display: block;
    border-top: 1px solid #ededed;
    overflow: hidden;
}
.h2-blog-single-item .entry-meta-footer a{
    color: #242424;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    float: right;
}
.h2-blog-single-item .entry-meta-footer a.read-more{
  float: left;
  width: 50%;
}
.h2-blog-single-item .entry-meta-footer a:hover{
    color: #199ad6; 
}
.h2-blog-single-item .entry-meta-footer a i.fa.fa-angle-right {
    margin-left: -15px;
    visibility: hidden;
    transition: 0.6s;
    opacity: 0;
}
.h2-blog-single-item .entry-meta-footer a:hover i.fa.fa-angle-right {
    visibility: visible;
    margin-left: 0px;
    opacity: 1;
}
.h2-blog-single-item .entry-meta-footer a:hover {
    color: #199ad6;
}
#blog-list-2 .owl-prev {
    position: absolute;
    top: 50%;
    left: -130px;
    background: #fff;
    border: 1px solid #ddd;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 30px;
    font-weight: 700;
    margin-top: -50px;
}
#blog-list-2 .owl-next {
    position: absolute;
    top: 50%;
    right: -130px;
    background: #fff;
    border: 1px solid #ddd;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 30px;
    font-weight: 700;
    margin-top: -50px;
}
#blog-list-2 .owl-prev:hover,
#blog-list-2 .owl-next:hover{
    background: #199ad6;
    color: #fff;
}

/******************************
* 3. Home Three
*******************************/

/* 3.1 H3 header top */

.h3-header-top-area{
    background: #0b0b0b;
    padding: 15px 0px;
}
.h3-header-top-area .h1-single-top-block{
    padding-top:0px;
    padding-bottom:0px;
}
.h3-header-top-area .h1-single-top-block strong {
    font-weight: 600;
    color: #fff;
}
.h3-header-top-area .h1-single-top-block a {
    color: #fff;
    font-weight: 300;
}
.h3-header-top-area .h1-single-top-block a:hover{
    color: #199ad6;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
.h3-header-top-area .h1-social-media{
    padding-top: 0;
    float: left;
}
.h3-header-top-area .h1-social-media ul li a i.fa{
    color: #fff;
    font-size: 15px;
}
.h3-header-top-area .h1-social-media ul li a:hover .fa-facebook {
    color: #3b5998;
}
.h3-header-top-area .h1-social-media ul li a:hover .fa-twitter {
    color: #1da1f2;
}
.h3-header-top-area .h1-social-media ul li a:hover .fa-skype {
    color: #00aff0;
}
.h3-header-top-area .h1-social-media ul li a:hover .fa-vine {
    color: #00b488;
}

.slider-three {
    position: relative;
    padding: 240px 0px 90px;
}
.slider-three .single-slider .content {
    left: 0;
    position: unset;
    right: 0;
    top: unset;
}
.slider-three .slider-area .owl-dots {
    margin-top: 180px;
    left: 0;
    width: 100%;
    text-align: center;
    position: unset;
}

.slider-three .single-slider .content .intro {
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
    color: #ffffff;
}
.slider-three .single-slider .content .title{
    font-weight: 600;
}


/* 3.2 H3 Mavigation */

.h3-navigation-area {
  position: absolute;
}
.h3-nav-container {
    background: transparent;
    position: absolute !important;
    z-index: 10;
    width: 100%;
    margin: 0;
    padding: 0;
}
.h3-nav-container .nav-link {
    color: #fff !important;
}
.h3-nav-container .header-search {
    margin-right: 25px;
    padding-right: 20px;
    border-right: 1px solid #c8c8c8;
    padding-left: 25px;
}
#h3-main-nav {
    position: absolute;
    width: 100%;
    z-index: 999;
}
#h3-main-nav .navbar-nav {
    margin: 0 auto;
}
#h3-main-nav ul li a {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    line-height: 15px;
    padding:34px 15px;
    text-transform: uppercase;
}
#h3-main-nav ul ul li a {
    text-transform: capitalize;
}
#h3-main-nav ul li a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 35%;
    width: 20px;
    height: 4px;
    background: #199ad6;
    transform: translateX(-50%);
    transition: 0.5s;
    opacity: 0;
}
#h3-main-nav ul li a:hover {
    color: #199ad6;
}
#h3-main-nav ul li a:hover:before {
    left: 50%;
    opacity: 1;
}
#h3-main-nav ul li ul li a:hover:before{
  opacity: 0;
}
#h3-main-nav ul li ul li a{
  padding:25px 15px;
}
#h3-main-nav .ct-active ul li a:before {
    opacity: 1;
    left: 50%;
}
#h3-main-nav .nav-serch-area {
    display: inline-block;
    float: right;
    overflow: hidden;
    padding-top: 30px;
}
#h3-main-nav .header-search {
    border-right: unset;
    margin-right: 0;
    padding-right: 0;
    border-left: 1px solid #c8c8c8;
    margin-left: 25px;
}


/* 3.3 H3 featured */
.h3-featured {
    padding: 95px 0px 99px;
}
.featured-overlay {
  bottom: 30px;
  left: 25px;
}
.featured-overlay .featured-title {
  font-size: 24px;
  font-weight: 400;
}

/* 3.4 H3 Inspiring */
.h3-inspiring {
  padding: 96px 0px 86px;
  background: url("../img/inspiring-bg-2.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
}


/* 3.5 H3 Market Style */
.h3-market-section {
    padding: 95px 0px 75px;
}
.market-style-3:hover .categories {
  margin: 20px 20px !important;
}
.market-style-3 i:before {
  font-size: 38px !important;
}
.market-style-3 i.fa-link:before {
  font-size: 30px !important;
}

.market-style-3 .categories {
  margin: 10px 15px !important;
}
.market-style-3 .shape-style-2 {
    background: #199ad6 none repeat scroll 0 0;
    border-radius: 0 80px 0 0;
    bottom: 0;
    height: 90px;
    left: 0;
    opacity: 1;
    position: absolute;
    width: 90px;
}
.market-style-3 .categories {
  position: absolute;
  top: inherit !important;
  right: inherit !important;
  bottom: 5px;
  left: 5px;
  margin: 8px;
  transition: 0.5s;
}


/* 3.6 H3 Latest Project */

.h3-latest-project {
  background: #0b0b0b;
  padding: 96px 0px 70px;
}
.h3-mixitup-menus {
  text-align: center;
  margin-bottom: 25px;
  background-color: transparent;
}
.h3-mixitup-menus button {
  margin: 5px;
  padding: 16px 30px 14px;
  color: #ffffff;
  border: 1px solid #484848;
  background: transparent;
  text-transform: capitalize;
}
.h3-mixitup-menus button:hover {
  background: #199ad6;
}
.h3-mixitup-menus button:before {
  content: initial;
  height: 0;
}
.h3-mixitup-menus .mixitup-control-active {
  background: #199ad6;
  border-color: transparent;
}
.h3-mixitup-menus button:focus {
    box-shadow: none !important;
}
.h3-mixitup-menus .btn {
    text-transform: none !important;
}
.h3-mixitup-menus .btn:active {
    background-color: #199ad6 !important;
    border-color: transparent !important;
}


/* 3.7 H3 Team Management */
.h3-management {
    padding: 95px 0px 70px;
}
.team-item {
    margin-bottom: 30px;
}
.team-item .card {
    transition: 0.5s;
}
.team-item .card .card-title {
    font-size: 22px;
    font-weight: 600;
    color: #061538;
}
.team-item .card .card-text {
    color: #242424;
    font-size: 15px;
}
.team-item .card .card-body {
    padding: 15px 10px;
    background: #f6f6f6;
}
.team-item .card .team-thumb:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background-color: #06153875;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}
.team-item .card .team-social {
    position: absolute;
    bottom: 0;
    left: 10px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}
.team-item .card .team-social a {
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 9px;
    border-radius: 50%;
    margin-right: 10px;
    width: 30px;
    height: 30px;
}
.team-item .card:hover {
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
}
.team-item .card:hover .team-thumb:after {
    height: 100%;
    visibility: visible;
    opacity: 1;
}
.team-item .card:hover .team-social {
    bottom: 15px;
    visibility: visible;
    opacity: 1;
}
.team-item .card .ct-twitter:hover {
    background: #1da1f2;
    border-color: #1da1f2;
    color: #ffffff;
}
.team-item .card .ct-facebook:hover {
    background: #3b5998;
    border-color: #3b5998;
    color: #ffffff;
}
.team-item .card .ct-instagram:hover {
    background: #fd1d1d;
    border-color: #fd1d1d;
    color: #ffffff;
}
.team-item .card .ct-skype:hover {
    background: #00aff0;
    border-color: #00aff0;
    color: #ffffff;
}
.team-item .card .ct-linkedin:hover {
    background: #0274b3;
    border-color: #0274b3;
    color: #ffffff;
}


/* 3.8 H3 Testimonials */
.h3-testimonial {
    padding: 95px 0px 92px;
    background: #f4f4f4;
}
#h3-testimonial-items .testimonial-author-img {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}
#h3-testimonial-items .testimonial-content {
    background: #fff;
    text-align: left;
    padding: 24px 30px;
    position: relative;
}
#h3-testimonial-items .testimonial-content:before {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 50%;
    background: url("../img/arow.png") no-repeat;
    background-position: center;
    background-size: cover;
    height: 40px;
    width: 66px;
    transform: translateX(-50%);
}
#h3-testimonial-items .testimonial-author-name {
    font-weight: 700;
    font-size: 18px;
}
#h3-testimonial-items .testimonial-author-subtitle {
    font-size: 15px;
}
#h3-testimonial-items .owl-dots {
    text-align: center;
    margin-top: 40px;
    display: block;
    overflow: hidden;
}
#h3-testimonial-items .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    border: 1px solid #4b566f;
    border-radius: 100%;
    margin: 0 5px;
    display: inline-block;
    overflow: hidden;
}
#h3-testimonial-items .owl-dots .active {
    background: #199ad6;
    border-color: #199ad6;
}
.section-space {
    padding: 100px 0px 100px;
}


/* 3.9 H3 Blog */
#blog-list-3 .owl-prev {
    position: absolute;
    top: 50%;
    left: -130px;
    background: #fff;
    border: 1px solid #ddd;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 30px;
    font-weight: 700;
    margin-top: -50px;
}
#blog-list-3 .owl-next {
    position: absolute;
    top: 50%;
    right: -130px;
    background: #fff;
    border: 1px solid #ddd;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 30px;
    font-weight: 700;
    margin-top: -50px;
}
#blog-list-3 .owl-prev:hover,
#blog-list-3 .owl-next:hover{
    background: #199ad6;
    color: #fff;
}

/* 10. Blog Sidebar */
.h1-blog {
    position: relative;
    padding: 96px 0px 70px;
}
.sidebar-recent-blog-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 13px;
    color: #061538;
}
.recent-blog .recent-block {
    margin-bottom: 20px;
}
.recent-blog .recent-block:last-child {
    margin-bottom: 0;
}
.recent-blog .recent-blog-title,
.recent-blog .recent-blog-date {
    font-size: 15px;
}
.recent-blog .recent-blog-title {
    font-weight: 500;
    color: #242424;
}
.recent-blog .recent-blog-date {
    font-weight: 600;
}
.categories ul{
    margin: 0;
    padding: 0;
}
.categories li {
    margin-bottom: 10px;
}
.categories li:hover a {
    color: #199ad6;
}
.categories a {
    color: #242424;
    font-size: 15px;
    font-weight: 500;
}
.tag .btn {
    padding: 12px 18px 9px;
    margin: 3px 3px 6px;
    font-size: 15px;
    text-transform: none;
    background: transparent;
    border: 1px solid #e9e9e9;
    color: #242424;
}
.single-blog {
    transition: 0.6s;
    border: 1px solid #ddd;
    margin-bottom: 30px;
}
.single-blog:hover {
    transition: 0.5s;
    border: 1px solid #04040440;
}
.single-blog .single-blog-thumb a{
    display: block;
    position: relative;
}
.single-blog .single-blog-thumb a::before {
    background: #131313 none repeat scroll 0 0;
    border-radius: 3px 3px 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.single-blog:hover .single-blog-thumb a::before {
    opacity: 0.6;
}
.single-blog .single-blog-thumb a .icon {
    color: #199ad6;
    display: inline-block;
    font-size: 30px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
    transform: translateY(-50%) translateX(-50%) scale(0);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 9;
}
.single-blog:hover .single-blog-thumb a .icon {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
}
.single-blog .content {
    padding: 22px 15px 0px;
    display: block;
    overflow: hidden;
}
.single-blog .entry-meta .author {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #c8c8c8;
    float: left;
}
.single-blog .entry-meta a {
    color: #242424;
    font-size: 15px;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
.single-blog .entry-title {
    font-size: 18px;
    line-height: 24px;
    color: #061538;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    transition: .3s;
}
.single-blog .content .entry-meta {
    margin-bottom: 15px;
    line-height: 15px;
}
.single-blog .entry-meta-footer {
    padding: 11px 18px 11px;
    display: block;
    border-top: 1px solid #ededed;
    overflow: hidden;
}
.single-blog .entry-meta-footer a {
    color: #242424;
    font-size: 15px;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    float: right;
    overflow: hidden;
}
.single-blog:hover .entry-title{
  color: #199ad6;
}
.single-blog .entry-meta-footer a:hover {
    color: #199ad6;
}
.single-blog .content .entry-meta a:hover {
    color: #199ad6;
}
.single-blog .entry-meta-footer a i.fa.fa-angle-right {
    margin-left: -15px;
    visibility: hidden;
    transition: 0.6s;
    opacity: 0;
}
.single-blog .entry-meta-footer a:hover i.fa.fa-angle-right {
    visibility: visible;
    margin-left: 0px;
    opacity: 1;
}
.single-blog .entry-meta-footer .read-more {
    font-weight: 500;
    float: left;
    width: 50%;
}
#blog-list .owl-nav {
    text-align: right;
    position: absolute;
    top: -95px;
    right: 0;
}
#blog-list .owl-nav .owl-prev {
    display: inline-block;
    margin-right: 10px;
}
#blog-list .owl-nav .owl-next {
    display: inline-block;
}
#blog-list .owl-nav i {
    width: 25px;
    height: 25px;
    color: #131313;
    line-height: 24px;
    border: 1px solid #ddd;
    text-align: center;
    font-weight: 700
}
#blog-list .owl-nav i:hover {
    color: #fff;
    background-color: #199ad6;
}

/* 11. Team Management */

.team-management-page {
    padding: 100px 0px 70px;
}

/* 12. Faq */

.faq-page-only {
    padding: 100px 0px 100px;
}

#faq-page-content .card-header {
    background-color: transparent;
    border-bottom: 0;
    cursor: pointer;
}
#faq-page-content .card-header .card-title {
    font-size: 18px;
    color: #061538;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 0;
}
#faq-page-content .card-header:first-child {
    border-radius: 0;
}
#faq-page-content .card-header:after {
    font-family: 'FontAwesome';
    content: "\f01b";
    float: right;
    font-size: 18px;
    color: #199ad6;
}
#faq-page-content .card-header.collapsed:after {
    content: "\f01a";
    font-size: 18px;
    color: #061538;
}
#faq-page-content .card {
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}
#faq-page-content .card-body {
    padding: 0 25px 25px 25px;
}

#faq-page-content-two .card-header {
    background-color: transparent;
    border-bottom: 0;
    cursor: pointer;
}
#faq-page-content-two .card-header .card-title {
    font-size: 18px;
    color: #061538;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 0;
}
#faq-page-content-two .card-header:first-child {
    border-radius: 0;
}
#faq-page-content-two .card-header:after {
    font-family: 'FontAwesome';
    content: "\f01b";
    float: right;
    font-size: 18px;
    color: #199ad6;
}
#faq-page-content-two .card-header.collapsed:after {
    content: "\f01a";
    font-size: 18px;
    color: #061538;
}
#faq-page-content-two .card {
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}
#faq-page-content-two .card-body {
    padding: 0 25px 25px 25px;
}
.faq_text_area {
    height: 182px !important;
}
.ask_questions {
    background-color: #f4f4f4;
    padding: 95px 0px 99px;
}
.ask_form_area textarea,
.ask_form_area input {
    background-color: #f4f4f4;
    height: 50px;
}
.ask_form_area textarea:focus,
.ask_form_area input:focus {
    border-color: #199ad6;
    box-shadow: none;
}
.ask_form_area .btn {
    text-transform: none;
}

/* 13. Market Inner page */
.market-items-inner-2 .media-icon {
    transition: 0.5s;
    margin-right: 10px;
}
.market-items-inner-2 .b-color {
    border: 1px solid;
    border-color: #CDD0D7;
    padding: 14px 10px 5px !important;
    border-radius: 4px;
}
.market-items-inner-2 .media-icon i:before {
    color: #199ad6;
}
.market-items-inner i:before {
    font-size: 32px;
}
.market-items-inner .card .card-title {
    font-size: 18px;
    line-height: 28px;
    color: #061538;
    font-weight: 600;
}
.market-items-inner-2 {
    margin-bottom: 15px;
}

/* 8. 404 Page */
.error_404 {
    background-image: url(../img/error_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding-bottom: 100px;
}
.error_content{
    margin-top: 100px;
}
.error_content img {
    max-width: 600px;
    width: 100%;
    margin: auto;
}
.error_content p {
    font-size: 18px;
    font-weight: 500;
    margin-top: 60px;
    margin-bottom: 30px;
}

/* 9. Project Single */
.project-single-page {
    padding: 100px 0px 78px;
}
.single_project_widgets {
    background-color: #f2f2f2;
}
.single_project_widgets ul {
    padding: 30px;
    border-bottom: 1px solid #ddd;
}
.single_project_widgets ul li {
    font-size: 18px;
    padding: 0 0;
    margin-bottom: 10px;
}
.single_project_widgets ul li:last-child {
    margin-bottom: 0px;
}
.single_project_widgets a {
    color: #061538;
}
.single_project_widgets a:hover {
    color: #199ad6;
}
.single_project_widgets .project-info h1 {
    font-size: 35px;
    color: #061538;
}
.single_project_widgets .project-info p {
    font-size: 15px;
    line-height: 25px;
}
.single_project_widgets .social-media {
    padding: 12px 30px;
}
.single_project_widgets .social-media a {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #595959;
    margin-right: 20px;
    color: #868686;
}
.single_project_widgets .social-media a:last-child {
    margin: 0;
}
.single_project_widgets .social-media .ct-twitter:hover {
    background: #00aff0 !important;
    border-color: #00aff0 !important;
    color: #ffffff;
}
.single_project_widgets .social-media .ct-facebookr:hover {
    background: #3b5998 !important;
    border-color: #3b5998 !important;
    color: #ffffff;
}
.single_project_widgets .social-media .ct-instagramr:hover {
    background: #fd1d1d !important;
    border-color: #fd1d1d !important;
    color: #ffffff;
}
.single_project_widgets .social-media .ct-skype:hover {
    background: #00aff0 !important;
    border-color: #00aff0 !important;
    color: #ffffff;
}
#mixitup-projects .no-gutter {
    margin: 0;
}
.pd-30 {
    margin-top: 30px;
}


/* 4. About*/
.about-faq {
    padding: 100px 0px 78px;
}
.about-faq .about-right-title {
    font-size: 23px;
    line-height: 30px;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #061538;
    font-weight: 600;
}
.about-faq .about-faq-content {
    margin-top: 0px;
}
.about-faq .content-img {
    margin-bottom: 20px;
}
.why-choose-us {
    padding: 96px 0px 80px;
}
#skill-bars-area .sub-title {
    font-size: 18px;
    font-weight: 600;
    color: #061538;
}
#skill-bars-area .barfiller {
    width: 100%;
    height: 15px;
    padding: 2px;
    background: #ffffff;
    border: 1px solid #ccc;
    position: relative;
    margin-bottom: 20px;
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
}
#skill-bars-area .barfiller .fill {
    display: block;
    position: relative;
    width: 0px;
    height: 100%;
    background: #199ad6 !important;
    z-index: 1;
}
#skill-bars-area .barfiller .fill:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0;
    background: #fff;
    width: 0;
    height: 0;
    border-top: 9px solid #199ad6;
    border-right: 10px solid transparent;
}
#skill-bars-area .barfiller .tipWrap {
    display: none;
}
#skill-bars-area .barfiller .tip {
    margin-top: 10px;
    padding: 2px 4px;
    font-size: 11px;
    color: #061538;
    left: 0px;
    position: absolute;
    z-index: 2;
    font-weight: 700;
    transform: translateX(8px);
}
#skill-bars-area .barfiller .tip:after {
    border: solid;
    border-color: rgba(0, 0, 0, 0.8) transparent;
    border-width: 6px 6px 0 6px;
    content: "";
    display: block;
    position: absolute;
    left: 9px;
    top: 100%;
    z-index: 9;
    opacity: 0;
}
#skill-bars-area .skills {
    margin-bottom: 55px;
}
#skill-bars-area .skill-title {
    font-size: 15px;
    font-weight: 600;
    margin-top: 5px;
    color: #061538;
}
.choose-single {
    display: flex;
    align-items: flex-start;
}
.about-management {
    padding: 96px 0px 70px;
}

/* 5. Service */
.service-details-pages {
    padding: 100px 0px 98px;
}

.market-list-group{
  position: relative;
}
.market-list-group ul{
    margin: 0;
    padding: 0;
}
.market-list-group ul li{
    list-style: none;
}
.market-list-group ul li a{
    color: #061538;
    font-size: 18px;
    font-weight: 600;
    background-color: #f4f4f4;
    padding: 15px;
    display: block;
    overflow: hidden;
}
.market-list-group ul li a.active{
    background: #061538;
    color: #fff;
}
.market-list-group ul li a.active:before{
    position: absolute;
    content: "";
    border-right: 5px solid #199ad6;
    width: 100%;
    height: 48px;
    right: 0;
    top: 0;
}
.market-list-group ul li a:hover{
    background-color: #061538;
    color: #fff;
}
.services-right-title {
    font-size: 32px;
    line-height: 28px;
    color: #061538;
    margin: 28px 0 20px 0;
    font-weight: 600;
}
.tab-content .sub-title {
    font-size: 24px;
    line-height: 28px;
    color: #061538;
    font-weight: 600;
}
.tab-content .sub-title-media {
    font-size: 18px;
    line-height: 28px;
    color: #061538;
    font-weight: 600;
}
.tab-content .border-top {
    border-top: 2px solid #f4f4f4;
    padding-top: 20px;
}
#brochures-block .download-brochures {
    background-color: #061538;
    color: #fff;
    border-radius: 0;
}
#brochures-block .download-icon {
    max-width: 26px;
    width: 100%;
}
.contact-service {
    background-color: #199ad6;
    color: #fff;
    padding: 40px 30px;
}
.contact-service h3 {
    font-size: 20px;
    font-weight: 600;
}
.contact-service .fw-size {
    font-size: 20px;
    transform: translateY(5px);
    margin-right: 10px;
}

/* 6. Service details */
.project_single {
    padding: 40px 0;
}
.footer-logo {
    margin-bottom: 50px;
}
.footer-contact-info {
    position: relative;    margin: 0;
    padding: 0;    margin-bottom: 30px;
}
.footer-contact-info li {
    color: #fff;
    padding-left: 25px;
    padding-bottom: 2px;list-style:none;
    margin-bottom: 10px;line-height: 22px;    position: relative;
}
.footer-contact-info li img {
    position: absolute;
    left: 0;
    top: 3px;
}
.block.copyright-content {    text-align: center;}
.block.copyright-content a{color: #858585; font-size: 13px; text-transform: uppercase; font-weight: 500;}


.footer-contact-info li a{color: #fff;}
.footer-contact-info li .fa {
    color:#c3a572;
    left: 0;
    position: absolute;
    margin-top: 3px;
}
.bottomfooterlink ul li {
    display: inline-block;
    color: #fff;
}
.bottomfooterlink ul{text-align:right;     color: #fff;}
.bottomfooterlink ul li a{color:#fff;}
.slider-area.owl-carousel.owl-loaded.owl-drag {
  
    z-index: 0;
}
.header_social .hd_social_icons {
    margin: 0;
    padding: 0; 
}
.header_social .hd_social_icons li {
    display: inline-block;
}
.header_social .hd_social_icons li a{ width: 40px; height: 40px; line-height: 43px; color: #38373c; background-color: #f1f1f1;display:block; text-align: center; position: relative;     transition: .3s; border-radius: 50%;}

p{color: #212121;}
.section-body p {
    margin: 15px 0 25px 0;
    font-size: 16px;
    line-height: 28px;
   
    font-weight: 400;
}
.learnmorebtn a {
    background-color:#ef7e1b;
    color: #fff;
    padding: 11px 30px;
    display: inline-block;
    font-weight: 600;
    text-decoration: none !important;
    letter-spacing: 1px;
    font-size: 16px;
}

.main_w_title h2 { font-size: 40px; font-family: "PT Sans", sans-serif; color: #31353d;    font-weight: bold;    text-transform: uppercase;    position: relative; z-index: 2;}
.main_w_title h2:before {content: ""; width: 170px; height: 100px; border: 6px solid #f2f2f2; position: absolute; left: 47px; bottom: 10px; z-index: -1;}




.slick-prev {left: -40px;}
.slick-prev, .slick-next {width: 40px; height: 40px;  border: 1px solid #E4E7ED;background-color: #FFF; border-radius: 50%; z-index: 22;-webkit-transition: 0.2s all; transition: 0.2s all;}
.slick-prev:before {    content: "\f104";}
.slick-prev:before, .slick-next:before {    font-family: FontAwesome;    color: #2B2D42;}
.slick-next { right: -40px;}
.slick-next:before { content: "\f105";}





.newslatter button.btn-yellow { background-color: #ed1a22; color: #fff;   border: none;    padding: 10px 20px;}
#map {    width: 100%;    height: 480px;}
.contact_map_title {    background-color: #000d94;    color: #ffffff; padding: 30px 155px; font-size: 30px; line-height: 34px; font-weight: 400; margin: 0;}
.contact-right {   background-color:#fff; box-shadow: 0px 1px 19px 0px #0000001c !important;}

.contact-right-style-2 input.input_m_right, .contact_form_width input.input_m_right { margin-right: 4%;}
.contact-right input, .contact-right select, .newslatter input { padding: 12px 20px; margin-bottom: 20px; font-weight: 400; color: #212121; }
.contact-right input, .contact-right textarea{background-color: #f3f3f3;}
.contact-right textarea{width:100%; border:none;  padding: 12px 20px; margin-bottom: 20px; font-weight: 400; color: #212121; height:100px;}
input.half_width { width: 48%; float: left;}
.select_icon {
    width: 100%;
    position: relative;
    display: block;
}
.typeicon {    line-height: 100px;
    width: 90px;
    height: 90px;
    margin: auto;
    border-style: dotted;
    border-radius: 50%;
    border: 2px dotted #bf1b2c;
}
.contact-right #select {background-color: #f3f3f3;
    color: #212121;
    padding: 12px 15px !important;
    height: 49px;
    border-radius: 0 !important;
}

input, select {
    width: 100%;
    background-color: #ffffff;
    border: none;
}
.footer_contact {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #fff;    background-color: #bf1b2c;
}
.footer_contact .footer_contact_width {
    border-right: 1px solid #c36e77;
    padding: 41px 0;    height: 120px;    display: flex;    align-items: center;
}
.footer_contact_width p {
    color: #bf1b2c;
    font-weight: 600;
    font-size: 16px;
}
.footer_contact .footer_contact_width p > i {
    display: inline-block;
    color: #fff;
    font-size: 20px;
}
.contact_form_width .hero-title-with-shape h1 {
    margin-top: 5px;
    font-size: 17px;
    line-height: 36px;
    padding-right: 0;
    font-weight: 300;    color: #444;
}
.contact_form_width button.btn-yellow {
    background-color: #e5285a;
    border: none;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
}
.hero-title-with-shape .heading_with_border {
    position: relative;
  color: #444;
margin: 0;
    font-weight: 400;
    font-size: 40px;
}
section.contact_form_area {padding-bottom: 80px; background-image:url('../img/slider1.jpg'); position:relative; background-repeat:no-repeat;background-size: cover;}
section.contact_form_area:before{content:''; background-color:#fff; opacity:0.9; width:100%; height:100%; top:0; left:0; position:absolute; }
.owl-carousel.owl-drag .owl-item .single-slider{position:relative;}
.owl-carousel.owl-drag .owl-item .single-slider:before{content:''; background-color:#000; opacity:0.2; width:100%; height:100%; top:0; left:0; position:absolute; }
li.header_right_btn a.btn-yellow {
    padding: 19px 16px 14px !important;
    margin-top: 15px;
    margin-left: 20px;
    color: #fff !important;
    font-size: 14px !important;
    letter-spacing: 0;

}

button.getquotebutton {background-color: #fff; border: 2px solid #a76cd0; padding: 10px 30px; color: #a76cd0; font-weight: 600; font-size: 17px; transition:0.4s ease all;}
button.getquotebutton:hover{background-color:#a76cd0; color:#fff;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li {    position: relative;    display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}

section.servicesarea_section {    margin: 70px 0;}

.servicesarea_section h1{font-size: 45px; font-weight: 300; color: #38373c;line-height: 54px; text-align: center; margin-bottom: 30px;}



.socialicon ul li{display:inline-block;     padding-left: 15px;}
.socialicon ul{    display: inline-block; position: relative;    line-height: 48px;    vertical-align: top;}
.socialicon {float: right;}







.aboutimage img {width: 100%; transition: 0.5s ease all;}
.section-title .section-body h2:before {content: ""; width: 170px; height: 100px; border: 6px solid #f2f2f2; position: absolute; left: 47px; bottom: 10px; z-index: -1;}
.section-title .section-body h2{position: relative; font-size: 40px;  color: #31353d; font-weight: bold; text-transform: uppercase; position: relative; z-index: 2;}
.section-title .section-body h2 span { display: block;}
/* .carousel-inner>.item:before{content:'';background-color:#000; opacity:0.4; top:0; left:0; width:100%; height:100%; position:absolute;} */
section.banner img {    width: 100%; animation: zoominoutsinglefeatured 40s infinite ;}
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}
section.banner {    position: relative;    height: 715px;    overflow: hidden;}
.slider-content {position: absolute; bottom: 9%; text-align: left;   z-index: 9;margin: auto; left: 0;right: 0;}
.slider-content h2 {font-size:66px;  color: #f8ddb0; line-height:1.1; text-transform:uppercase;margin-bottom:15px; font-family:'Anton', sans-serif;/*font-family: 'Open Sans', sans-serif; */text-align:center; font-weight: 500;    text-shadow:0 0 20px #dea74b; }
.slider-content h2 span{color:#fff;}
.slider-content h4 {font-size: 20px; font-weight: 500; color: #fff;     line-height: 34px;}
.slider-btn { margin-top: 20px;     text-align: center;}
a.more-btn {padding: 13px 32px;background: #c3a572; color: #fff !important; font-size: 16px; text-transform: uppercase; font-weight: 800; border-radius: 30px; transition: 0.5s ease all; border:none; font-family: 'Open Sans', sans-serif; transition:0.4s ease all; text-decoration: none !important; }
a.more-btn.btn.hero-btn.slider-btn-css.hvr-shrink.btn2{background: #c3a572; color: #fff;    margin-left: 40px;}
a.more-btn.btn.hero-btn.slider-btn-css.hvr-shrink.btn2:hover{background-color:#222; color:#fff; transform: translateY(-10px);}
#myCarousel .carousel-control span.fa { color: #fff;    text-shadow: none;}

a.more-btn:hover{background-color:#222; color:#f7acb1; transform: translateY(-10px);}
#myCarousel a.carousel-control {width: 40px; height: 40px; color:#fff; line-height: 40px;background-color: #000;}
.carousel-control {width: 6%; top: 46%; background: transparent; background-image: none ! important;}
.aboutimage:hover img{transform: translate3d(10px, 10px, 10px)}
.testimonialsection{ position:relative;  background-color: #000; background-size:cover; padding:60px 0 0;   }

.testimonialsection  h2{color:#c3a572; text-align:left;}
.testimonialsection  h2 span{display:block;color:#c3a572;    font-weight: 600;}

.testimonialsection .heading p{color: #fff;max-width: 720px; margin: auto;}
.reportcontent { margin: 20px 15px;  text-align:center;    min-height: 220px; position:relative;}

.reportcontent h4 { color: #fff;  font-size:15px; margin:0; font-family: 'Open Sans', sans-serif;  text-align: center;}
.testimonialbg{position: absolute; left: 10px; top: -10px; width: 100%; height: 328px; background-repeat: no-repeat;}
.reportslider .slick-prev {position: absolute; top: 47%; font-size: 0; left:-30px;line-height: 57px;}
.reportslider .slick-prev, .reportslider .slick-next {background:transparent; border:none;  z-index: 22; -webkit-transition: 0.2s all;transition: 0.2s all;background-color: transparent;    border-radius: 0;}
.reportslider .slick-prev:before {font-size: 30px;    color: #ffbcbc; line-height: 25px;}
.reportslider .slick-next {position: absolute; top: 47%; font-size: 0;right: -30px;line-height: 57px;}
.reportslider .slick-next:before {font-size: 30px; line-height: 25px;    color: #ffbcbc}
.slick-dots li button {background: #c3a572; width: 10px; height: 10px; border-radius: 50%; margin: auto;}
ul.slick-dots {    padding: 0;    margin: 0; text-align:center;}
.slick-dots li{width:12px; }
.reportcontent p{color:#fff;font-family: 'Open Sans', sans-serif;    font-size: 15px;}
.slick-next:before {content: "\f105";}
.slick-prev:before, .slick-next:before {font-family: FontAwesome; color: #2B2D42;}
.slick-prev:before {content: "\f104";}
/* .report.slick-slide { height: 320px;} */
.reportcontent span.fa.fa-quote-right {text-align: right; float: right; color: #fff; background-color: #231f20; padding: 10px; border-radius: 50%; margin-top: -10px;}
.letschatsection{position:relative; padding: 65px 0;}
.copyright p {margin: 0; color:#858585 !important;font-size: 13px; text-transform: uppercase;    font-weight: 500;}
.copyright p.copyrighttext {padding-top: 10px;}

.block.social-media.d-flex.justify-content-center.justify-content-md-end {text-align: right;} 
.reportslider {max-width: 590px;}
.reviewcontent{position:relative;    padding: 30px;}

.reviewcontent:before{background-image:url('../img/beforeimage.png'); content:''; position:absolute; width:100%; height:100px; top:0; left:40px;background-size: contain; background-repeat: no-repeat;}
.reviewcontent:after{background-image:url('../img/afterimage.png'); content:''; position:absolute;width:100%; height:100px; left: 0px;    background-size: contain; background-repeat: no-repeat; bottom: 0;}
.reviewcontent .ratingstar .fa {    color: #c3a572;}
.single-award-block {box-shadow: 0 10px 20px rgb(0 0 0 / 10%); padding: 30px;}
figure.icon-box {float: left;}
ul.lower-box {border-top: 1px solid #ddd; padding-top: 20px; margin-top: 30px; padding-left:0; margin-left:0;}
ul.lower-box li {list-style: none; padding: 0;     line-height: 32px;}
.letschatcontent h2 { font-size:48px;     color: #222222;  font-weight: 700;  margin-bottom: 20px; margin-top: 0;}
.letschatcontent p { font-size:22px; color:#222222;}
.letstalkbutton a {background-color: #e5285a; padding: 17px 45px; text-transform:uppercase; color: #fff; font-weight: 600;    font-size: 21px; border-radius:4px;}
.letstalkbutton { margin-top: 40px;    text-align: center;}
.slider-content p {text-shadow: 2px 2px 1px #d1d1d1bf; color: #fff;font-family: 'Montserrat', sans-serif; font-size: 42px; text-align: center; margin-bottom: 30px; letter-spacing: -0.9px; font-weight: 800;}
.aboutcontent {    position: relative;}
.aboutcontent h2 { font-size: 38px; font-weight: 600; line-height: 46px; margin-top: 0;}

.aboutcontent h5 {font-size: 19px; font-weight: 600; line-height: 23px;}
.aboutreadmorebtn { margin-top: 20px; padding-top: 35px;}
.aboutreadmorebtn a {background-color: #e5285a; padding: 12px 30px; color: #fff;    border-radius: 4px;     border: 1px solid #e5285a; margin-right: 10px; transition:0.4s ease all;}
.aboutreadmorebtn a.button2 {background-color: transparent; color: #08cdd4; }
.aboutreadmorebtn a:hover{background-color:#444; color:#fff; border: 1px solid #444;}

.staffingsolution{position:relative;}
.staffingsolution:before{content:''; background-color:#000; opacity:0.7; width:100%; height:100%; top:0; left:0; position:absolute;}

.service_area h6 {position: absolute; top: 20px; font-size: 100px; opacity: 0.2; font-weight: 700; z-index: 0; color: #cccfd2;}
.contact_form_width.contact-right { padding:30px; border-radius:4px;}

.footer_contact_width p .fa {color: #fff; font-size: 29px;top: 4px; position: relative;     width: 30px;  height: 30px;}
.footer_contact_width {margin-bottom: 21px;}
.borderbottom { height: 7px; background-color: #e5285a; width: 45px;    margin-bottom: 24px; margin-top: 18px;}
.aboutimage {    padding-right: 25px;    box-shadow: 0 0 20px #712f4826;    padding-left: 25px;}
.aboutcontent p { font-size: 16px; color: #313131;}
.specialimage img {    width: 100%;}
.specialimage{margin:10px;}
.bookingbutton a {
    background-color: #e5285a;
    line-height: 45px;
    padding: 16px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}

.bookingbutton a:hover{background-color:#444; color:#fff;}
.bookingbutton a.btn2 {background-color: #e5285a; margin-left: 2px;}
.featurevideo {background-color: #e3151c; padding: 60px;}
.newslettersection {background: #e5285a;position:relative; padding: 40px 0;}
.newslettersection h2{font-size: 38px; color: #fff; font-weight: 600; text-align:center; margin-top:0; margin-bottom: 15px;}
.newslatter input{margin-bottom:0;}
.newslettersection h5 {color: #fff; text-align: center; font-size: 18px; margin-bottom: 30px;}
.newslettersection:before{content: '';background-image: url(../img/borderimg.png); width: 100%; height: 14px; left: 0; position: absolute;    bottom: -14px;z-index: 1;}
.partnerlogoslider .slick-prev {position: absolute; top: 36%; font-size: 0; left: -20px;line-height: 57px;}
.partnerlogoslider .slick-prev, .partnerlogoslider .slick-next {background:transparent; border:none;  z-index: 22; -webkit-transition: 0.2s all;transition: 0.2s all;background-color: #e5285a;    border-radius: 0;}
.partnerlogoslider .slick-prev:before {font-size: 30px;    color: #fff; line-height: 25px;}
.partnerlogoslider .slick-next {position: absolute; top: 36%; font-size: 0;right: -20px;line-height: 57px;}

.partnerlogoslider .slick-next:before {font-size: 30px; line-height: 25px;    color: #fff}
.partnerlogo {text-align: center;}
.partnerlogo img{margin:auto;}
.partnerlogoslider {margin: 50px 0;}
.partnerlogo {text-align: center;border: 1px solid #ddd; height: 130px; line-height: 130px; margin: 7px;display: flex;align-items: center; justify-content: center;}


.aboutcontent ul {margin: 0;padding: 0;}
.aboutcontent ul li{list-style:none;position:relative; padding-left:25px;    padding-bottom: 13px}
.aboutcontent ul li:before{font-family: 'FontAwesome';content: "\f1b9"; float: left; font-size: 15px; color: #e5285a; position: absolute; left: 0px;}
.contactformbg {height: 200px;background-size: cover; background-image:url('../img/slider1.jpg'); background-repeat:no-repeat; position:relative;}
.contactformbg:before{content:''; background-color: #c14615; width:100%; height:100%; top:0; left:0; position:absolute; opacity:0.8;}
.contactformbg h4 {position: relative;text-align: center; font-size: 45px; color: #fff; padding-top:50px;margin-top: 0;}
.contactsection {margin-top: -50px; z-index: 99; position: relative;position: relative;max-width: 800px;margin-left: auto;  margin-right: auto;}
.footer-social ul li {color:#fff;line-height: 35px; text-align: left; padding-right: 0px;transition:0.4s ease all;list-style: none;}
.footer-social a {    background-color: #c1ac74; width: 26px; height: 26px; padding: 0 !important; margin-right: 12px;    display: block; color: #000 !important; line-height: 30px !important;    text-align: center;    font-size: 17px !important;    border-radius: 50%;    display: flex; align-items: center; justify-content: center;}

.footer-social ul{margin:0; padding:0; padding-top:0px;display: flex;}


.rightimg {    width:770px; z-index: 9; position: relative; overflow: hidden;  text-align:center; margin:auto;}
.rightimg img{position:relative; z-index:9;    width: 100%;}
.leftimg { width:590px;z-index: 9;  position: relative; overflow: hidden; border-radius: 50%; text-align: center;}
.rightimg.upperoverlay { z-index: 0;}


.tabimage.rightsideimage2 {right: 200px;}
.bgpattern{position:absolute; bottom:0;     z-index: 0;}
.heading h5 {color: #f7acb1;    font-size: 15px;}
.heading h2{ color: #c3a572; margin-top: 15px; font-weight: 600;text-align: center;font-family: 'Mansalva', cursive;    text-shadow: 3px 2px 2px #8d8d8d;}
.aboutscspa h2 {margin-top: 0; padding-top: 10px; margin-bottom: 40px;}
.aboutsidecontent h2{font-size:40px;}
.heading{margin-bottom:30px;    font-size: 35px;}
.aboutscspa {background-color: #494949; padding: 0px 0; background-size: cover;}
.aboutscspa .heading { margin-bottom: 30px;}
.Schedulebtn a {background-color: #c3a572; color: #fff; padding: 13px 25px; border-radius:30px; margin: 0 20px; transition:0.5s ease all;}
.Schedulebtn a:hover{background-color: #222;color: #fff; transform: translateY(-10px);}
.Schedulebtn {margin-top:50px;    margin-bottom: 20px;}
.schedulepackage a {background-color: #c3a572; color: #b9b9b9 !important; padding: 12px 15px; font-size: 16px; letter-spacing: 0.5px; font-weight: 500;}
.schedulepackage{margin-top:10px; margin-bottom:20px; text-align:center; position:absolute;  bottom:20px; left: 0; right: 0;}
.col-md-4:nth-child(2) .schedulepackage a {background-color: #c3a572; }
.aboutreiki{    background-color: #ffe9ea;    position: relative;}
.reviewerimg{border-radius:50%;}
.reviewerimg {border-radius: 50%; width: 60px; height: 60px;margin: auto; overflow: hidden;}
.newslatter { max-width: 600px; margin: auto; margin-bottom: 40px;}
.newslatter input {margin-bottom: 0;background: transparent !important; color: #fff !important; border: 3px solid #fff !important; height: 35px !important; padding: 8px !important;font-size: 14px !important; border-radius: 0 !important;}
.newslatter button.btn-yellow {background-color: #c3a572; color: #fff; border: none !important; padding: 10px 15px;}
.newslatter input.tnp-button {background-color: #c3a572 !important; border: none !important; font-weight: 700; color: #fff; font-family: 'Open Sans', sans-serif; position:relative; margin-top: 8px; padding-left: 20px !important;text-transform: uppercase;}
.newslatter .tnp-field.tnp-field-button { position: relative; margin-top: 12px;}
.newslatter .tnp-field-button:before{content: "\f0e0"; font-family: 'FontAwesome'; float: left; font-size: 15px;color: #fff;    position: absolute; left:28%;top:14px; z-index: 9;}
.newslatter .tnp-field {margin-bottom: 10px;}
.newslatter label {color: #fff;font-size: 14px;    margin: 0;}
.slider-content.rightsidecontent { right: 10%;    left: auto;}
.tabimage.leftimage { left: 70px;   }

.aboutscspa.aboutreiki p {color: #444;}

.slick-prev {position: absolute; top: 48%; font-size: 0; left:0px;line-height: 57px;}
.slick-prev, .slick-next {background:transparent; border:none;  z-index: 22; -webkit-transition: 0.2s all;transition: 0.2s all;  border-radius: 0;}
.slick-prev:before {font-size: 30px;    color: #444; line-height: 25px;}
.slick-next {position: absolute; top: 49%; font-size: 0;right: 0px;line-height: 57px;}

.slick-next:before {font-size: 30px; line-height: 25px;    color: #444}


.brands .slick-next:before, .brands .slick-prev:before{color:#fff;}
@keyframes scale {
  50% {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
  }
}
.zoom {
    animation: scale 20s linear infinite;
}
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}


.hvr-pulse-grow {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}



div#myCarousel .item {background-color: #000;}
.ourservicesarea {    background-color: #000;    padding: 80px 0 ;}
.ourservicesarea h5 {color: #fff;text-align: center; font-weight: 300;font-size: 17px; line-height: 25px; margin-bottom: 30px;margin-top: 0;}
.servicebox {padding: 0 30px;}
.servicebox h2{color:#c3a572; text-align:center; margin-bottom:10px; font-weight:600;text-transform: uppercase;}
.servicebox ul {margin: 0;    padding: 0;}
.servicebox ul li{display:inline-block;width: 24%;min-height: 450px;    background-position: center; background-size: cover;float: left; position:relative; transition:0.5s ease all;margin: 0.5%;}

.serviceshovercontent {    display: none;transition:0.5s ease all;}
.servicebox ul li:hover .serviceshovercontent{display:block;transition:0.5s ease all;}
.servicebox ul li h4{position:relative; color:#bea570; text-align:center; font-size:24px;}
.servicebox ul li h4 a{color:#bea570 !important;}
.servicebox ul li h4 a:hover{color:#fff !important;}
.servicebox ul li h3{position:relative; color:#edd7b3; text-align:center;position: absolute; bottom: 20px; width: 100%; text-shadow:0 0 15px #ffbe6e; font-size:35px; text-transform:uppercase;}
.servicebox ul li h6 {position: absolute; bottom: 20px; text-align: center; width: 100%; color: #fff; font-weight: 200; font-size: 14px;}
.servicebox ul li .serviceshovercontent{text-align:center; color:#fff; position: absolute; bottom: 0; width: 100%;background-color: #000000c4; height: 100%; transition:0.5s ease all;  animation: zoom-out 1s ease ;    padding: 30px;}
.servicebox ul li .serviceshovercontent p{color:#fff;    line-height: 28px;text-transform: uppercase;line-height: 30px;}
.servicebox ul li .serviceshovercontent p a{color:#fff !important;}
.servicebox ul li .serviceshovercontent p a:hover{color:#c3a572 !important;}
.servicebox ul li:hover::before{opacity:0.7;}
.servicebox ul li:hover h3{display:none;}
.servicebox ul li:hover h6{display:none;}
.servicebox ul li a.viewallserviceslink{padding: 9px 30px;background: #c3a572; color: #fff; font-size: 16px; text-transform: uppercase;font-weight: 800;border-radius: 30px;transition: 0.5s ease all; border: none;display: block; width: fit-content;margin: auto; margin-bottom: 25px; font-family: 'Open Sans', sans-serif;}
.servicebox ul li a.viewallserviceslink:hover{background: #fff; color: #c3a572;}

@keyframes zoom-out {
 0% {
    transform: scale(0.1, 0.1);
 }
 100% {
    transform: scale(1, 1);
 }
 
}


.brands {padding: 30px;  }
.brandicon {padding: 0 20px;}
.brandicon img{width:190px;}



.whychoose{background-color: #121922; padding:50px 0;}
.whychoosebox {text-align: center;}
.whychoosebox h4 {color: #bea670; font-size: 16px;min-height: 44px;font-weight: 600; margin-bottom: 12px; line-height: 22px;}
.whychoosebox p {color: #fff; font-size: 17px; font-weight: 300;line-height: 21px;}
.whychoosebox img {width: 115px; margin: auto;}
.whychoose .heading {text-align: center;}
.whychoose .heading h2 {color: #c3a572;}


.productslist ul {margin: 0;    padding: 0;}
.productslist ul li{float:left; width:16.6%; list-style:none;}
.productsectoion { padding-top:0;  padding-bottom:70px; background-color: #ece6da;}
.productsectoion .heading {    text-align: center;}
.productslist ul li img {    background-color: #f5f5f5;}
.productslist ul li h4{text-align:center;}
a.viewallbutton {display: block;background-color: #c3a572; width: fit-content; padding: 10px 30px; color: #fff !important; margin: auto; margin-top: 60px;font-family: 'Open Sans', sans-serif; font-weight:800;border-radius:30px; transition:0.5s ease all;text-transform: uppercase;}
a.viewallbutton:hover{background-color: #222;color: #fff; transform: translateY(-10px);}


.reportslider .slick-prev, .reportslider .slick-next{display:none !important;}
.contact_section {background: #000; padding: 70px 0;}
.callconsultation h2 {font-size: 31px;    font-weight: 600;}
.callconsultation h2 a{color:#fff !important;}
.callconsultation h2 a:hover{color:#c3a572 !important;}
.callconsultation h3 {font-size: 22px;text-transform: uppercase;}
.callconsultation h4 {font-size: 19px;    text-transform: capitalize;margin: 0;}
.connectform input {-webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0% !important; border: 2px solid #ffffff !important; box-shadow: none;  font-size: 14px; color: #fff !important; width: 100%;padding: 8px; background:transparent;height: 37px;}
.connectform select {border: 2px solid #ffffff !important; box-shadow: none; font-size: 14px; color: #fff !important; width: 100%;    padding: 8px; background: transparent; height: 37px;}
.connectform .form-check input#exampleCheck1 {width: 14px;height: 14px; background: black;}
.connectform input[type="checkbox"] {width: auto; height: auto; margin-right: 4px;}
.connectform .wpcf7-list-item{margin:0;}
.connectform .form-check {padding: 0;}


.connectform textarea{border: 2px solid #ffffff;  box-shadow: none; border-radius: 0; height: 90px;font-size: 14px; width: 100%;padding: 8px;background:transparent;color: #fff !important;}
.connectform input.btn.submitbtn {display: block; background:#c3a572; -webkit-border-radius: .30px; -moz-border-radius: 30px; border-radius: 0px;    box-shadow: none; color: #ffffff; transition: all 0.5s ease 0s;padding: 12px 20px; font-size: 17px;font-weight: 600;text-transform: uppercase; border:none !important;font-family: 'Open Sans', sans-serif; margin-top: 15px;}
.connectform .heading {    text-align: center;}
.footerlogo img {    width: 210px;}
.footerlogo{margin-bottom:40px;}
.searchbox .input-group {    display: flex;align-items: center;    justify-content: end;    width: auto;}
.searchbox button.btn.btn-primary {    padding: 10px;background-color: #eeacb1;    border: none;}
.searchbox input#form1 {    border: none;padding: 7px 10px 6px;   border-radius: 0;    width: 170px;}
.searchbox {display: flex; align-items: center; justify-content: space-evenly;}
.searchbox ul li .fa {color: #eeacb1;    font-size: 22px;    position: relative; top: 4px;}
.searchbox ul li a {    padding-left: 0 !important;}
.searchbox ul li a {    font-size: 17px !important;}
.productimage{position:relative;box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 35%); transition:0.4s ease all;    background-color: #fff; margin: 15px;}
.productimage img{transition:0.5s ease all;}
.productimage:hover img{transform:scale(0.9);}
.productimage:before{content:''; background-image:url('../img/bottomshadow2.png'); background-repeat:no-repeat; width:100%; height:27px; bottom: -27px; left: 0; position: absolute; background-size: cover;}
.productimage img {    width: 100%; }
.productslist h4 {text-align: center; font-size: 20px; margin-top: 38px; font-weight:600;}
.productslist h5 {text-align: center; font-size: 17px; color: #000; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 22px;}
.productslist {margin-top: 50px;}

#search {
  position: absolute;
    top: 70px;
    right: 25px;
    z-index: 9999;  
}
#search form {
    display: flex !important;
    position: relative;
    top: 46%;
    max-width: 750px;
    margin: auto;
}
div#search input[type="submit"] {
    position: absolute;
    right: -19px;
    width: 100px;
    padding: 20px 6px;
    top: 26px;
    border-radius: 0px;
    background: #000;
    color: #fff;
    font-size: 16px;
}
div#search input[type="search"] {
    width: 328px;
    position: relative;
    font-size: 18px;
}
div#search input[type="search"]::placeholder {
    color: #000;
    font-weight: 600;
}


#search input[type="search"] {
    /* position: absolute; */
    top: 50%;
    width: 90%;
    color: #444;
    background: #fff;
    font-size: 28px;
    font-weight: 300;
    text-align: left;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    left: 5%;
    margin: 0;
    height: 56px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px
}
#search .btn {
   /*  position: absolute; */
    top: 55%;
    left: 50%;
    margin-left: -45px; background:#c3a572; border:none;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
	background-color: #c3a572;
	border-color: #c3a572;
	opacity: 1;
	padding: 10px 17px;
	font-size: 27px;
}
.rightsidemenu { width: 83%;display: inline-flex; justify-content: space-around;    align-items: center;}
ul.nav.navbar-nav.navbar-right.searchbox {display: inline-block;    right: 30px;    position: absolute;    top: 31px;}
.topsocialmedia {
    display: inline-block;
}
.topsocialmedia ul {    display: flex;padding: 0;    margin: 0;}
.topsocialmedia ul li{list-style :none;}
.topsocialmedia ul li a {background-color: #c3a572; width: 24px;height: 24px; padding: 0 !important; margin-right: 10px; display: block;color: #000 !important; line-height: 28px !important; text-align: center; font-size: 14px !important; border-radius: 50%;    display: flex; align-items: center; justify-content: center;}   
.topsocialmedia ul li img{width:14px;}
ul.nav.navbar-nav.navbar-right.searchbox li {    padding-top: 8px;}
.searchbox li a {color: #bdad71 !important;}
.winnerlogo {    display: flex;    margin-top: 50px; align-items: center;
    justify-content: space-between;}
.winnerlogoimg { text-align: center;     margin: 0 10px;}
.winnerlogo img{width:150px;}
div#carouselExampleControls .carousel-inner {box-shadow: 1px 5px 27px #000;}
.aboutsidecontent { padding-left: 0px; text-align: center;}
.aboutsidecontent p {    color: #fff;text-align: justify;}   
.monthelyspecial {background-color: #000; padding: 20px 0 50px 0;}
.afterbeforeimage {    background-color: #000; padding: 50px 0;}

.afterbeforeimage h2 {color: #c3a572; text-align: center; margin-bottom: 20px; font-family: 'Playfair Display', serif; font-weight: 600;text-transform: uppercase;}
.aftrbefore .slick-prev{left:0px;}
.aftrbefore .slick-next{right:0px;}
.aftrbefore .slick-prev:before, .aftrbefore .slick-next:before{color:#fff; font-size:42px;}
.viewmoreimages {text-align: center;margin-top: 40px;}
.viewmoreimages a {background-color: #c3a572; color: #fff !important; padding: 9px 25px; border-radius: 30px; margin: 0 20px; text-transform: uppercase;    font-weight:800;display: block; width: fit-content; margin: auto;   font-family: 'Open Sans', sans-serif; transition:0.5s ease all; min-width:150px;}
.viewmoreimages a:hover{background-color: #222; color: #fff; transform: translateY(-10px);}
.meetourteam{padding:60px 0; background-color:#ede6da;}
.meetourteam h2 {color: #c3a572; text-align: center; margin-bottom: 20px; font-weight: 600;text-transform: uppercase;}
.memberbox h3 {color: #bea56f; font-size: 19px; margin-bottom:0;}
.memberbox h4 {color: #bea56f; font-size: 15px; margin-bottom:0;    min-height: 28px;    padding: 3px 0;}
.memberbox p {color: #000;    font-size: 15px; margin-bottom:0;     line-height: 19px;font-family: 'Source Serif Pro', serif;}
.teamimage {box-shadow: 6px 6px 7px #00000063; margin-top:8px;}
.teamimage img{width:100%; transition:.5s ease all;}
.memberbox:hover img{transform:0.5s ease all;}
.memberbox {    margin: 20px;}
.teammember .slick-prev{left: 0px;}
.teammember .slick-next{right: 0px;}
.teammember .slick-prev:before, .teammember .slick-next:before{color:#c3a572; font-size:42px;}
.whychoose ul {padding: 0; margin: 0; display: flex;    padding: 0 40px;}
.whychoose ul li{padding:15px;    width: 100%;    list-style: none;}
.howhelpyou {background-color: #121922;padding: 50px 0;}
.whychoose h2{color:#c3a572; text-align:center; font-weight: 600; text-transform:uppercase;}
.howhelpyou h2{color:#c3a572; text-align:center; font-weight: 600; text-transform:uppercase;margin-bottom: 20px;}
.howhelpyou p{color:#fff; text-align:center;}
/* .partnameimage img { width: 100%;} */
.ourtechnolgy ul {margin-left: -15px;margin-right: -15px; padding: 30px 15px; /*background-color: #fff;*/}
.ourtechnolgy ul li{width:10.7%; display:inline-block; list-style:none;text-align: center;font-family: 'Open Sans', sans-serif; transition:0.5s ease all; margin-bottom: 10px; font-weight: 700; font-size: 17px; position: relative; z-index: 99;color: #212121;}
.ourtechnolgy ul li img{transition:0.5s ease all;     display: block;     margin-bottom: 5px ;    margin-left: auto;margin-right: auto;}
.ourtechnolgy ul li:hover img{transform:scale(1.1);}
.ourtechnolgy { padding: 0; background-color:#ede6da;}
.ourtechnolgy h2{background-color:#000; color:#c3a572; text-align:center; font-weight: 600;margin-bottom:30px; padding: 25px 15px;}
.ourtechnolgy ul li p{font-weight:700; font-size: 17px;    position: relative;    z-index: 99;padding-top: 5px;}
.injectables h2{background-color:#000; text-align:center; font-weight: 600;margin-bottom: 10px; color:#c3a572; padding: 25px 15px;margin-top: 50px;}
.cosmeticslogo h2{color:#c3a572; background-color:#000; text-align:center;font-weight: 600;margin-bottom: 0px; padding: 25px 15px;}
.injectables {    padding: 10px 0;   background-color: #ece6da;}
.injectableslogo img{width:100%;}
.productsectoion h2{text-align:center;font-weight: 600;margin-bottom: 10px;color: #c3a572; background-color: #000; padding: 25px 15px;}
.callconsultation {background-color: #685b3d; border-radius: 80px; padding: 20px; text-align: center; color: #fff;margin-bottom: 20px;}
.connectform label {line-height: 19px; color: #d9d9d9;font-family: 'Open Sans', sans-serif; font-size: 14px;    font-weight: 600;}
.websitename h1{color:#c3a572; font-weight: 600; margin-bottom: 40px; font-size: 32px; margin-top:-3px; text-transform: uppercase;}

div#media-slider {animation: bannermove 30s linear infinite; margin: 20px 0;  margin-right: -15px;}


@keyframes bannermove {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -2125px;
 }
 
}
div#cosmetics-slider {
  animation: bannermove 30s linear infinite;    padding: 35px 0; margin-right: -15px;
}
.cosmeticslogo { background-color: #ece6da;}
div#cosmetics-slider .brandicon {padding:0 20px;}
.treatmentlist ul {    margin: 0;    padding: 0px;}
.treatmentlist ul li{display:inline-block; width:38%; color:#222; position:relative; padding-left:20px; padding-bottom:10px;    padding-right: 15px;}
.treatmentlist ul li:before{content:''; background-image:url('https://www.kitchenerwaterloomedispa.com/wp-content/uploads/2022/08/dotcircleimg.png'); background-repeat:no-repeat;width:13px; height:13px; position:absolute; left:0; top:7px;}

#gallery-1 figure.gallery-item { max-width: 100%;}
.contacticon img {width: 70px;}
.contacticon{margin-bottom:20px;}
.contactcontent h3 {text-transform: uppercase; color: #c3a572; font-weight: 600;    font-size: 20px;}
.contactcontent h4 {font-size: 16px; line-height: 20px; color: #222;}
.contactcontent a { font-size: 16px;    color: #222 !important;}
#contactpagefrom input {    padding: 9px; border: none;    margin-bottom: 5px;}
#contactpagefrom textarea {    padding: 9px; border: none; height:120px;    margin-bottom: 5px;}
#contactpagefrom input.wpcf7-submit{background-color: #c3a572; color: #fff !important; padding:13px 30px; border-radius:30px; text-transform:uppercase; font-weight:600; display:block; width:auto; font-family:'Open Sans', sans-serif; transition:0.5s ease all;}
#specialoffers p {    color: #fff;}

.mobilebottmcontact{display:none; background-color:#0000005c;    position: fixed; bottom: 0; z-index: 99; padding:10px;width: 100%;}
.mobilebottmcontact ul{margin:0; padding:0;display:flex;justify-content: space-evenly;width: 100%;}
.mobilebottmcontact ul li{list-style:none; width: 100%; text-align: center; cursor:pointer;}
.mobilebottmcontact ul li h5{color:#fff;font-size: 14px; font-weight: 600; padding-top:5px;}
.mobilebottmcontact ul li img{width:40px;}
.wechatpopup{position:relative;}
.wechatqrcode{display:none; position: absolute; z-index: 99; width: 200px;     padding-top: 7px;}
.wechatpopup:hover .wechatqrcode{display:block;}
.aftrbefore {margin: 0 30px; padding: 0 30px}
.teammember {margin: 0 30px;padding: 0 30px;}
.menuheading h5 a {padding: 0 !important; color: #000 !important; font-size: 25px !important; font-weight: 500 !important;    font-family: 'Source Serif Pro', serif !important;}
.menuheading h5 a:hover{ color: #bdad71 !important; background:transparent !important;}
div#mega-menu-wrap-menu-1 li ul.mega-sub-menu li {padding: 3px 8px !important;   }
div#mega-menu-wrap-menu-1 li ul.mega-sub-menu li a.mega-menu-link {text-transform: capitalize !important; font-weight: 500 !important;    line-height: 23px !important;    font-size: 15px !important;}
li#mega-menu-40-0 ul.mega-sub-menu li a.mega-menu-link:hover{color:#222 !important; }
.contactbox { padding: 0 60px;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{position:fixed !important;top: 106px;}
ul.mega-sub-menu .widget_custom_html {border-bottom: 1px solid #d9d1ca !important;  margin-bottom: 10px !important;}
ul.mega-sub-menu a.mega-menu-link {    position: relative; padding-left:20px;}
ul.mega-sub-menu a.mega-menu-link:before{ content: "\f105"; left: 0; position: absolute; font-family: FontAwesome !important;
    font-size: 20px !important; margin-top: 0px !important; color: #c3a572 !important;line-height: 20px !important;}
.menuheading { padding-top: 10px;    margin-bottom: 5px;}
#innerbannercontent p{color:#fff;}
.innerbannerrightsidecontent p{color:#fff; text-align: justify;}
#sidebarform input {background: transparent;border: 3px solid #000; border-radius: 0; width:100%;}
#sidebarform select {background: transparent; border: 3px solid #000; border-radius: 0; width: 100%;font-size: 15px; height: 36px;}
#sidebarform p{margin-bottom:0;}
#sidebarform label {font-size: 14px; font-weight: 600; color: #000; width: 100%;}
#sidebarform textarea {background: transparent;border: 3px solid #000; border-radius: 0; width:100%; height:80px;}
#sidebarform input.wpcf7-form-control.has-spinner.wpcf7-submit {background: #c3a572; border: none; color: #fff; padding: 10px;font-size: 16px; text-transform: uppercase;font-weight: 800; line-height: 20px; margin-top: 10px;font-family: "Open Sans", Sans-serif; margin-bottom:10px;}
#sidebarform .wpcf7-checkbox label{margin:0;}

.sidebar {
  --offset: var(--space);
  flex-grow: 1;
  flex-basis: 300px;
  align-self: start;
  position: sticky;
  top: var(--offset);
}
#sidebarform label input[type="checkbox"] {width: auto;     margin-bottom: 8px;}
#sidebarform .wpcf7-list-item{margin: 0; margin-bottom: 8px;}
div#sidebarform .elementor-widget-wrap.elementor-element-populated{position: absolute; top: 0; left: 0;width: 100%; height: 100%;}
.treatmentform{    position: -webkit-sticky !important; position: sticky !important;    top: 40px;}
a.specialbtn {background: #c3a572; border: none; color: #fff !important; padding: 10px; font-weight: 700; width: 100%; display: block; text-align: center;line-height: 13px; letter-spacing: 0; font-size: 15px;}
#innerpagecontent ul {    margin: 0;    padding-left: 20px;}
#innerpagecontent ul li p{margin-bottom:0;}
#innerpagecontent ul li {padding-bottom: 20px;}
#innerbannercontent a {color: #fff !important; text-decoration: underline;}
.innerbannerrightsidecontent a {color: #fff !important; text-decoration: underline !important;}
.innerbannerrightsidecontent a:hover {color: #c3a572 !important; text-decoration: underline ;}
#innerbannercontent a:hover {color: #c3a572 !important; text-decoration: underline ;}

div#innerbannercontent h2.elementor-heading-title {
    margin-bottom: 10px;
}
.innerbannerbutton {    display: flex; justify-content: space-around;position: relative;}
.innerbannerbutton a{background: #c3a572; border: none; color: #fff !important; padding: 10px 25px; font-weight: 700; font-size: 15px; border-radius: 30px;    text-transform: uppercase; transition:0.4s ease all; text-decoration:none !important;display: flex;
    align-items: center;}
.innerbannerbutton a:hover { background-color: #000; color: #fff;    transform: translateY(-10px);}


#main #faq .card {
  margin-bottom: 20px;
  border: 0;
}

#main #faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

#main #faq .card .card-header .btn-header-link {
	    text-transform: capitalize !important;
	    text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
  color: #fff;
  display: block;
  text-align: left;
 background:#ede6da;
  color: #000;
  padding: 0px;border:none;
    padding-left: 20px;

}

#main #faq .card .card-header .btn-header-link:after {
  	background-image:url('https://www.kitchenerwaterloomedispa.com/wp-content/uploads/2022/08/arrowicon.png');
	content:'';
  	font-weight: 900;
  	float: left;background-repeat:no-repeat;width:15px; 
	height:10px; 
	transition:0.3s ease all;    
	margin-top: 3px;    
	position: absolute;
    left: 0;
	transform: rotate(272deg);
}
#main #faq .card-body {
	text-transform: capitalize;
    padding: 20px 0;    font-size: 16px;
}
#main #faq .card .card-header .btn-header-link.collapsed {
	text-transform: capitalize;
background:#ece6da;
  color: #000;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "";  background-image:url('https://www.kitchenerwaterloomedispa.com/wp-content/uploads/2022/08/arrowicon.png');    transform: rotate(272deg);width:15px; height:10px;
}

#main #faq .card .collapsing {
  background: #ece6da;
  line-height: 30px;
}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ede6da;
  line-height: 30px;
  color: #222;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu ul.mega-sub-menu {
    max-width: 1140px;
    margin: auto;
}
ul.relatedtreatment li a {
    color: #000 !important;
}
.connectform select option {
    background-color: #000;
}
.connectform .form-group {
    margin-bottom: 10px;
}

#innerbannercontent .elementor-element-populated {
    padding-top: 0;
}
#shopcategory .woocommerce ul.products::before{display:none;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{    background: #EDE6DA !important;}
#shopcategory img {    margin: 0;}
#shopcategory li.product {position: relative;border: 1px solid #ededed; width:100%; margin-bottom: 0;}
#shopcategory li.product h2.woocommerce-loop-category__title {position: absolute; bottom: 0; width: 100%; transition:0.4s ease all;}
#shopcategory li.product:hover h2.woocommerce-loop-category__title{transform: translateY(-10px);}
#shopcategory li.product:before{background: linear-gradient(180deg, rgba(155,190,53,0) 0%, rgba(255,255,255,1) 96%); content:'';width:100%; height:100%; top:0; left:0; position: absolute;}
.bodytreatments .elementor-widget-image{transition:0.4s ease all; position:relative;}
/*.bodytreatments .elementor-widget-image:before{content:''; background-color:#000; width:100%; height:100%; left:0; top:0; display:none; opacity:0.4; position:absolute;transition:0.4s ease all;}*/
.bodytreatments .elementor-widget-image:hover img{filter: brightness(1.2);}
body.woocommerce-page {    background: #ece6da;}
.woocommerce ul.products li {text-align: center;}
.woocommerce ul.products li a.button.product_type_simple.add_to_cart_button {background: #c3a572; border: none; color: #fff !important; padding: 10px 25px; font-weight: 700; font-size: 15px; border-radius: 30px; text-transform: uppercase; transition: 0.4s ease all; line-height: 22px;}
.woocommerce ul.products li h2.woocommerce-loop-product__title{ margin-top: 38px; font-weight: 600 !important; color: #000 !important;font-size: 17px !important;}
.woocommerce ul.products li span.price {font-size: 17px !important; color: #000 !important; font-family: 'Open Sans', sans-serif;font-weight: 500 !important;    line-height: 22px;}

section.related.products h2{font-size: 2em !important; color:#000 !important;font-family: 'Source Serif Pro', serif !important;    font-weight: 400 !important;    margin-bottom: 25px;}
h2.product_title.entry-title.elementor-heading-title{font-family: 'Source Serif Pro', serif !important;font-size: 30px !important;    margin-top: 20px !important;}
section.related.products {margin-bottom: 70px;}
form.cart button.single_add_to_cart_button.button.alt {background: #c3a572;border: none; color: #fff !important; padding: 10px 25px; font-weight: 700; font-size: 15px; border-radius: 30px; text-transform: uppercase; transition: 0.4s ease all; line-height: 22px;}
form.cart button.single_add_to_cart_button.button.alt:focus{border:none !important;}
.elementor-widget-woocommerce-product-images { padding-right: 50px;}
.elementor-widget-woocommerce-product-price p.price {font-size: 27px !important;margin-bottom: 10px;}
.woocommerce-product-details__short-description strong {color: #000;}
.woocommerce-product-details__short-description .product-details-module__title.ec-header-h6 {margin-bottom: 10px;}
.woocommerce a.checkout-button{background-color: #c3a572 !important;border: none; color: #fff !important; padding: 10px 25px !important; font-weight: 700; font-size: 15px !important; border-radius: 30px !important; text-transform: uppercase; transition: 0.4s ease all; line-height: 22px !important;}
div#customer_details .col-1 {    max-width: 100%;}
div#customer_details .col-2 {    max-width: 100%;}
div#customer_details label {display: block; width: 100%;}
div#customer_details input {display: block; width: 100%;}
span.woocommerce-input-wrapper {width: 100%;}
button#place_order{background-color: #c3a572 !important;border: none; color: #fff !important; padding: 10px 25px !important; font-weight: 700; font-size: 15px !important; border-radius: 30px !important; text-transform: uppercase; transition: 0.4s ease all; line-height: 22px !important;}
a.added_to_cart.wc-forward {
    display: block;
    background-color: #3b3b3b;
    border: none;
    color: #fff !important;
    padding: 10px 25px;
    font-weight: 700 !important;
    font-size: 15px !important;
    border-radius: 30px;
    text-transform: uppercase;
    transition: 0.4s ease all;
    line-height: 22px;
    width: fit-content;
    margin: auto;
    margin-top: 6px;
}
a.product_type_simple.add_to_cart_button.ajax_add_to_cart{background-color: #c3a572 !important; border: none; color: #fff !important; padding: 10px 25px !important; font-weight: 700 !important; font-size: 15px !important; border-radius: 30px; text-transform: uppercase !important; transition: 0.4s ease all; line-height: 22px !important;}
section.blog_share_area.blog-page { background: #ede6da; padding: 70px 0;}
.bl_share_img {height: 220px; overflow: hidden; position:relative;}
.bl_share_img img{height: 100%; object-fit: cover;}
span.blog_date {position: absolute; bottom: 0; left: 0; z-index: 1; background-color: #bea570;padding: 4px; color:#fff;}
.blog_share_details h1 {font-size: 20px;}
.blog_share_details h1 a{color:#000;}
.blog_share_box { margin-bottom: 30px; border: 4px solid #bea570; border-radius: 20px; overflow: hidden;    min-height: 560px;  position:relative;}
.blog_share_details { padding: 20px;    text-align: center;}
.blogdetailpage { background: #ede6da; padding: 70px 0;}
section.blog_share_area.blog-page .pagination {align-items: center; justify-content: center; width: 100%;  gap: 4px;}
section.blog_share_area.blog-page .pagination .page-numbers {width: 40px; height: 40px; background-color: #343434; text-align: center; line-height: 40px;color: #fff;}
section.blog_share_area.blog-page .pagination a.next.page-numbers {background-color: #bea570; color: #fff; width: fit-content; padding: 0 9px;}
section.blog_share_area.blog-page .pagination a.prev.page-numbers {background-color: #bea570; color: #fff; width: fit-content; padding: 0 9px;}


.right-part section#search-3 {  }
section#search-3 input {    height: 40px;    padding: 0px 10px;    position: relative;}
section#search-3 .search-submit {background: #bea570;border: none;width: 99px;color: #fff;font-size: 15px; position: absolute;right: 17px;    cursor: pointer;}
section#block-3 {padding: 0px;background: #f6f6f7;}
.right-part h2 {font-size: 23px;}
section#block-3 ul li a {color: #444;}
section#block-3 ul {margin-left: 0px; padding:0 15px 10px;}
section#block-3 ul li {color: #464646; margin-left: 0; border-bottom: 1px solid #d0d0d0; list-style: none; padding: 8px;}
section#block-3 ul li:last-child{border:none;}
section#block-3 h2 {color: #fff;    background-color: #bea570;    padding: 15px;}
.right-part {padding-left:40px;}
section#search-2 label {margin-bottom: 0px;}
.right-part section#search-3 label {width: 68%;}
#comments input#submit {background-color: #bea570; color: #fff; border: none; width: auto;}
nav.navigation.post-navigation .nav-links a {color: #bea570; font-size: 15px;}
.blogdetailpage p {text-align: justify;}
.blogdetailpage header.entry-header h1.entry-title {    margin-top: 0;}
.treatmenthead img {    height: 100% !important; object-fit: cover;}
.treatmenthead .elementor-widget-image {    height: 100%;}
.treatmenthead .elementor-widget-image .elementor-widget-container{    height: 100%;}
.word {
    color: #c3a572;
    margin-top: 15px;
    font-weight: 600;
    text-align: center;
    font-family: 'Mansalva', cursive;
    text-shadow: 3px 2px 2px #8d8d8d;font-size:40px;
}
.booknowcls input {padding: 8px !important; border-radius: 0 !important;    height: 40px;font-size: 15px;}
.booknowcls select {padding: 8px !important; border-radius: 0 !important;    height: 40px; font-size: 15px;}
.booknowcls textarea {padding: 8px; border-radius: 0;    height: 40px;height:90px; font-size: 15px;}
.booknowcls input[type="checkbox"] {width: auto; height: auto;}
.booknowcls .form-check {padding: 0;}
.booknowcls .form-check span.wpcf7-list-item.first.last {margin: 0;}
.booknowcls span.wpcf7-list-item-label {font-size: 15px;font-weight: 400;}
.booknowcls input.wpcf7-form-control.has-spinner.wpcf7-submit.btn.submitbtn{background: #c3a572;border: none; color: #fff !important; padding: 10px 25px !important; font-weight: 700;font-size: 15px; border-radius: 30px !important; text-transform: uppercase;transition: 0.4s ease all;text-decoration: none !important; display: flex; align-items: center; width: auto; margin-top: 1rem;}
.paoc-padding-20.paoc-popup-con-bg {padding: 0;}
.paoc-padding-20.paoc-popup-con-bg .paoc-popup-mheading {background-color: #bea570;padding: 10px 20px; color: #fff; font-family: "Source Serif Pro", Sans-serif; font-size: 30px; font-weight: 500;}
.paoc-popup-margin.paoc-popup-content { margin: 0;padding: 0 20px;}
.paoc-popup-margin.paoc-popup-snote {padding: 0 20px;padding-bottom: 8px;}
.mobmenu-content #mobmenuright > li > a:hover {background-color: #c3a572 !important; color: #fff;}
.mobmenu-content #mobmenuright li:hover {background-color: #000 !important;}

.mobmenu-content #mobmenuright ul li ul li:hover {background-color: #c3a572 !important;}
#innerpagecontent a{text-decoration:underline; color: #212121;}
ul.relatedtreatment li a{text-decoration:none !important;}
.footer-social li .wechatqrcode {bottom: 30px;}
.erroepage { background-color: #ede6da; padding: 60px 0; text-align: center;}
.erroepage h1 {font-size: 60px; font-weight: 600; color: #000; margin-bottom: 20px; margin-top:0;}
.erroepage h2 {font-size: 30px; font-weight: 600; color: #000; margin-bottom: 20px;}
.erroepage p { max-width: 500px;    margin: auto;}
.erroepage h3 { margin-bottom: 15px;}
.erroepage a.gotohomeback {padding: 13px 32px; background: #c3a572; color: #fff !important; font-size: 16px; text-transform: uppercase; font-weight: 800; border-radius: 30px; transition: 0.5s ease all; border: none; font-family: 'Open Sans', sans-serif; transition: 0.4s ease all;text-decoration: none !important; display: block; width: fit-content; margin-left:auto;  margin-right:auto; margin-top:30px;}
#innerpagecontent a.specialbtn {text-decoration: none;    margin-bottom: 10px; font-size: 16px;text-transform: uppercase;    font-weight: 800;    line-height: 20px;} 
.treatmentform span.wpcf7-spinner {position: absolute; right: 0;}

div#faq {position: relative; z-index: 9; margin-bottom: -90px;}
div#relatedtreatment .elementor-widget-container {padding-top: 5px;}
#aboutslide .swiper-slide:before{content:''; position:absolute; background-color:#000; top:0; left:0; width:100%; height:100%; opacity:0.2;}
div#aboutslide {box-shadow: 14px 14px 20px 0px #000000ab;}
.teammembercontent p { margin: 0; text-align: justify;}
.teammembercontent .teamsubtitle {padding-bottom: 10px; position:relative;     padding-top: 5px;}
.teammembercontent .teamsubtitle:before{content:''; width:100%; height:2px; background-color:#bea570; position:absolute; top:38px; left:0;}
.teammembercontent .elementor-widget-heading {margin-bottom: 2px !important;}
.innerpageheading .elementor-widget-heading {margin-bottom: 0px !important;}
.injectables #media-slider .brandicon img { width: 170px;}
.teammemberdetail .elementor-widget-image img {box-shadow: 2px 5px 14px 0px #0000008c;}
.blogbanner img{    width: 100%; height: 440px; object-fit: cover; filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}
.blogpagehrading{background-color: #000000; padding:15px;}
.blogpagehrading h1{font-family: "Source Serif Pro", Sans-serif; font-size: 32px; font-weight: 600; padding:10px 0; color:#c3a572; margin:0; text-align:center; line-height: 32px;}
.treatmentsummerypoint ul { margin: 0; padding: 0; display: flex; justify-content: space-between;}
.treatmentsummerypoint ul li{list-style:none; color:#fff; font-family: "Source Serif Pro", Sans-serif;font-size: 15px;font-weight: 500;padding-left: 42px; position: relative; line-height: 20px;}
.treatmentsummerypoint ul li img { width: 34px;  position: absolute; left: 0;}
.blog_share_details a.readmorelinkbtn {padding: 13px 25px; background: #c3a572; color: #fff !important; font-size: 16px;text-transform: uppercase; font-weight: 700; display: block; border-radius: 30px; margin: 0 20px; transition: 0.5s ease all; width: fit-content; margin: auto; line-height: 16px; margin-top: 20px; position: absolute; bottom: 30px; left: 0; right: 0;}
.contactpagecontent ul {padding-left: 10px;}
section.related.products ul.products::before{display:none;}
section.related.products ul.products li{width:100% !important;}
.woocommerce-page div.product div.images {width:100% !important;}
.woocommerce ul.products li.product{margin-bottom:20px !important;}

.newslatter .form-group.submitbutton {    position: relative;}
.newslatter .form-group.submitbutton .fa{position:absolute; top:17px; left:29%; color:#fff; z-index: 9; color:#fff;}

.togglesearch{
  background: #E8E8E4;
  position: absolute;
  top: 94px;
    z-index: 9;
    right: 50px;
  width: 350px;
  height: 60px;
  line-height: 60px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  border-top:4px solid #c1a574;
  display: none;
}
 
.togglesearch:before{
  content: "";
  position: absolute;
  top: -32px;
  right: 13px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 14px solid transparent;
  border-bottom: 14px solid #c1a574;
}
 
.togglesearch input[type="text"]{
  width: 66%;
  padding: 5px 10px;
  margin-left: 23px;
  border: 1px solid #c1a574;
  outline: none;
}
 
.togglesearch input[type="button"]{
  width: 19%;
  padding: 5px 0;
  background: #c1a574;
  color: #fff;
  margin-left: 0px;
  border: 1px solid #c1a574;
  outline: none;    height: 36px;
  cursor: pointer;
}

ul li.searchbar .fa.fa-search {
    color: #c1a574;
}
ul li.searchbar form.search-form { display: flex;    align-items: center;}
ul li.searchbar form.search-form label { width: 100%; height: 51px;}
ul li.searchbar form.search-form input.search-submit {width: 40%; line-height: 30px !important; padding: 0; height: 40px;}
ul li.searchbar form.search-form label input.search-field {height: 40px; background: #c1a574; border: none; border-radius: 0 !important; color: #fff;}
div#SectionName { padding-left: 10px;    padding-right: 10px;}
.searchpage { background-color: #EDE6DA;    padding: 60px 0;}
.searchpage article a { color: #000;}
.searchpage article { border-bottom: 1px solid #c1a574;    padding-bottom: 30px;}
h1.page-title { color: #000;}
.searchpage article h2.entry-title { font-size: 30px;}
#injectableslogo .injectables {height: 94px;     margin: 10px 0;}
#skincarelogo .injectables {height: 94px;     padding: 10px 0;     margin: 10px 0;}
	#chinesebanner .slider-content p {font-size: 28px;}
div#skinboostergallery figure.swiper-slide-inner {    text-align: left;}
div#skinboostergallery {text-align: left; }
.mobmenu-content li a{font-weight:600 !important;}
#chinesebanner .slider-content h2{    font-size: 63px;}

input[type="radio"] {
    display: inline-block;
    width: 20px;
}

span.wpcf7-list-item-label {
    position: relative;
    top: -13px;
    margin: 0px 10px;
}
.connectform p {
    margin: 0 !important;
}
.connectform input[type="radio"]{height: 34px;}
.connectform span.wpcf7-form-control.wpcf7-radio label {
    margin: 0;
}
span.paoc-popup-close {
    display: none;
}
.booknowcls .wpcf7-checkbox span.wpcf7-list-item-label {
    top: 0;
    margin-left: 0;
}
.treatmentform .wpcf7-checkbox span.wpcf7-list-item-label {
    top: -2px;
    margin-left: 3px;
}

#chinesebanner .slider-content p{font-family: 'ZCOOL KuaiLe', sans-serif;}
.connectform span.wpcf7-list-item-label{top: -3px; margin-left:0;}
.productchineselist .ourtechnolgy ul li p{margin-bottom:0;}
.connectform span.wpcf7-list-item-label{    top: -13px;}
.innerbannerrightsidecontent {    min-height: 680px !important;}
#innerpagecontent p {    font-weight: 300;     text-align: justify;}
.winnerlogo .slick-dots li button{width: 5px; height: 5px; padding:2px;}
.winnerlogo .slick-dots li {width: 8px;}
.contactpagecontent { text-align: justify;     font-weight: 300 !important;}
.mobmenu-content #mobmenuright .sub-menu{padding-left:12px;}
.booknowcls .form-check.checkboxfield label {
    padding-right: 12px;
    font-weight: 500;
    font-size: 15px;
}
.carousel-control-next-icon, .carousel-control-prev-icon{background-color: #c3a572; opacity:1; background-size: 60% 60%; width: 30px; height: 30px;}
.carousel-control-next, .carousel-control-prev{opacity:1;}
.numbring img {width: 100%;}
.numbring {background-color: #000;}
.numbring2{display:none;  background-color: #000;}

@media only screen and (min-width:240px) and (max-width: 768px){
     ul li.searchbar{
        float:none;
        display:block;
        text-align:center;
        margin:0 auto;
    }
}


@media (max-width: 767px){
	.howhelpyou {
		background-color: #000000;}
	.mobmenur-container i{line-height: 40px !important;}
	img.chn-deskt-img{
		display:none !important;
		visibility:hidden !important;
	}
img.chn-mob-img{
	width: 345px;
    height: 397px !important;
	display:block !important;
	margin: 0 auto;
	visibility:visible !important;
}
		.innerbannerrightsidecontent h2.elementor-heading-title {    font-size: 30px !important;}
	.winnerlogoimg.desktoponly { display: none;}
	.innerbannerrightsidecontent .elementor-widget-wrap.elementor-element-populated {padding: 50px 30px !important;}
	.innerbannerbutton a { margin: 0 !important;}
#innerpagecontent img {
    width: 100%;
}
#innerpagecontent figure.swiper-slide-inner img {
    width: auto;
}
	.togglesearch input[type="text"]{margin-left:0;}
	.togglesearch{top: 64px;  right: 30px; width: 320px;}
/* 	.main-nav-area{display:none !important;} */
	#main #faq .card .card-header .btn-header-link{text-decoration: none !important; font-size: 15px; text-transform:capitalize;}
	#main #faq .card .card-header .btn-header-link.collapsed:after{top:0;}
	#main #faq .card .card-header .btn-header-link.collapsed{text-decoration: none; font-size: 15px;}
	.treatmentsummerypoint ul{display:block;}
	.booknowcls textarea{height:70px;}
	.booknowcls .form-group { margin-bottom: 7px;}
	.paoc-padding-20.paoc-popup-con-bg .paoc-popup-mheading{ font-size: 20px; padding: 8px 10px;}
	.treatmentsummerypoint ul li img{padding-bottom:10px;}
	.treatmentsummerypoint ul li{margin-bottom: 10px;font-size: 13px;line-height: 16px; width: 50%; float: left; padding-bottom: 16px;}
	.treatmentsummerypoint ul li:last-child{margin-bottom:0; padding-bottom:0;}
	.mobmenur-container {top: 16px !important;}
    .partnameimage{text-align:center;}
/*.mobi-img{
        width: 345px !important;
    max-height: 397px;}*/
	.mobi-img{
        width: 100% !important;
    max-height:inherit;}
	.slider-content p {	font-size: 24px !important;}
	.slider-content h2 {    font-size: 42px !important; line-height: 48px !important; letter-spacing: 1.2px;}
	.topsocialmedia ul li img { width: 13px;}
	.ourtechnolgy ul{padding:0;}
	.productsectoion {padding: 0px 0 60px;}
	a.viewallbutton{margin-top:20px;}
	.callconsultation h2 {font-size: 21px;}
	.callconsultation h3 {font-size: 18px;}
	.callconsultation h4 {font-size: 16px;}
	.websitename h1{margin-bottom:25px;font-size: 26px; max-width: 275px;}
	.footer_link li a{line-height:28px;}
	.footer_link {margin-bottom: 20px;}
	.contact_section {padding-bottom: 20px;}
	.aboutsidecontent {padding-top: 40px;}
	.aftrbefore{margin:0; padding:0 20px;}
	.teammember{margin:0; padding:0 20px;}
	.slick-prev, .slick-next {width: 14px;height: 30px;}
	.servicebox ul li h4{font-size:28px;}
	.testimonialsection h2{padding-top:40px;}
	.contactbox { padding: 0;}
	.reviewcontent:before{left: 9px;}

	.treatmentlist ul li:before{top:7px;}
	.treatmentlist ul li{width:100%;}
	.contactcontent h3{font-size:19px;}
	.contacticon img {    width: 50px;}
	#mega-menu-wrap-menu-1 .mega-menu-toggle {    display: none !important;}
	.mob-menu-header-holder{background-color:transparent !important;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{padding:0 !important;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{padding:4px;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{position:inherit !important;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1{position: fixed !important;z-index: 999 !important; width: 100% !important; left: 0 !important; right: 0 !important;}
	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block{margin: 0 !important;}
	.stellarnav.mobile .menu-toggle{display:none;}
	.slider-content {padding: 0 20px;}
	.topsocialmedia ul li a{width:22px; height:22px; font-size:13px !important;margin-right: 5px;}
	.copyright{padding-bottom:100px;}
	.mobilebottmcontact{display:block;}
	
	.stellarnav.mobile a.menu-toggle .fa{color:#fff;}
	.map { margin-bottom: 30px;}
	.footer_content{padding-top:40px;}
	.map iframe {height: 300px;}
	.testimonialsection{padding-top:0;}
	.whychoosebox {    text-align: center;}
	.whychoosebox p{margin-bottom:0;}
	.whychoosebox h4{min-height:auto;}
	.memberbox { margin: 10px;}
	.afterbeforeimage { padding-top: 0;}
	.servicebox h2{margin-bottom:12px;}
	.brands {padding: 20px;}
	.Schedulebtn { margin-top: 30px; margin-bottom: 0px;     display: flex; align-items: center;    justify-content: center; gap: 20px;}
	.aboutscspa{padding:50px 0 60px 0;    background-size: cover;}
	.ourservicesarea{padding:60px 0 20px; }
	a.more-btn.btn.hero-btn.slider-btn-css.hvr-shrink.btn2{margin-left:10px;}
	a.more-btn{margin-right:10px;}
	section.banner{height:520px !important;}
	section.banner img {height: 100%;object-fit: cover;}
	.slider-btn{display:none;}
	#main-nav{padding:0 !important;}
	.h3-navigation-area .logo, .h1-navigation-area .logo{padding-bottom:10px;    padding-top: 8px;}
	.h3-navigation-area .logo, .h1-navigation-area .logo{width:26%;}
	a.navbar-brand {
    margin-right: 10px;
}
	.rightsidemenu { width: 63%;}
	ul.nav.navbar-nav.navbar-right.searchbox li {    padding-top: 4px;}
	ul.nav.navbar-nav.navbar-right.searchbox{right: 45px;    top: 21px; display:block !important;}
	/*.topsocialmedia {    display: none;}*/
	.servicebox{padding:0;}
	.servicebox ul li{width:100%; min-height: 520px;}
	.whychoose ul{display:block;}
	
.rangetable{padding:30px;}
.header_social { display: none;}
.slider-area.owl-carousel.owl-loaded.owl-drag {margin-top: -135px;}
.single-slider .content{ left: 4%; top: 50%;}
.certifiedtechnician h2{text-align:center;}
.feature_service_area{padding-top:50px;}
.section-body p{padding-right:0;  margin: 15px 0 25px 0}
.service_area{padding:50px 0;}

.counterup_area { padding: 50px 0;}
.counterup_area h1 {font-size: 34px;     margin-bottom: 30px;}
.service_area h1{font-size: 34px;  margin-bottom: 30px;}
.single-counter .counter{font-size: 55px;}
.testimonial_section .testimonial_heading_shape {font-size: 90px;     bottom: -4%;}
section.testimonial_section{    padding: 60px 0 60px 0;}
#quote-carousel .carousel-item p{font-size:20px; line-height: 30px;}
.blog_share_area h1{font-size: 20px; margin-bottom:10px;}
	.blog_share_box{min-height:auto;}
section.blog_share_area {padding: 60px 0;}
.footer_contact .footer_contact_width{    padding: 26px 0 0; text-align:left !important;}
.newslatter { margin-top: 10px;}
.footer_textwidget.textwidget {  margin-bottom: 30px;}
.footer h2{margin-bottom:10px;}
.footer{    padding: 0px 0 0px;}
.h1-single-top-block { padding: 0px 15px 6px 0 !important;     width: 100% !important;}
.slick-next {    right: 0 !important;}
.slick-prev {    left: 0 !important;}
.ourtechnolgy ul li{width:49%; margin-bottom: 0px;}
.testimonialsidegirl img{width:100%;}
.report.slick-slide {  height: auto;}
	.mob-menu-header-holder{    z-index: 999;    width: fit-content !important;    top: 10px !important;}
	body{padding-top:0 !important;}
	.whychoose ul li{width:100%; display:inline-block;}
	div#sidebarform .elementor-widget-wrap.elementor-element-populated {position: inherit;padding: 10px;}
	div#innerbannercontent .elementor-element-populated {    padding: 20px;}
	div#innerbannercontent h2.elementor-heading-title { font-size: 30px;}
	
}

@media (max-width: 768px){
	.numbring2{display:block;}
	.numbring{display:none;}
	.newslatter .tnp-field-button:before{display:none;}
	.innerbannerrightsidecontent {    min-height: auto !important;}
	.mobmenur-container{top:15px !important;}
	.innerbannerrightsidecontent h1.elementor-heading-title {    font-size: 30px !important;}
	.mobmenu-content #mobmenuright .sub-menu .sub-menu {    background-color: #000 !important;}
	#sidebarform .wpcf7-checkbox label { white-space: nowrap;}
	.treatmentform .wpcf7-checkbox span.wpcf7-list-item-label{margin-right:0;     font-size: 13px;     white-space: nowrap;}
	.innerbannerbutton{bottom:15px;}
	.mobmenu-right-panel li, .rightmbottom, .rightmtop {padding-left: 0% !important; padding-right: 0% !important;}
	.servicebox ul.slick-dots{display:none !important;}

	.whychoose ul{display:block; padding: 0 0px;}
	
	#mega-menu-wrap-menu-1 .mega-menu-toggle {    display: none !important;}
	.mob-menu-header-holder{background-color:transparent !important;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{padding:0 !important;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{padding:4px;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{position:inherit !important;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1{position: fixed !important;z-index: 999 !important; width: 100% !important; left: 0 !important; right: 0 !important;}
	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block{margin: 0 !important;}
	.stellarnav.mobile .menu-toggle{display:none;}
		.mob-menu-header-holder{    z-index: 999;    width: fit-content !important;    top: 10px !important;}
		body{padding-top:0 !important;}
	#mobmenuright li a:hover {  color: #fff !important;}
	
}
@media (min-width: 1191px){
    .partnameimage{
        text-align:center;
    }
    .partnameimage img.deskt-img{
     width:1150px !important;
     height:844px;
     margin:0 auto;
    }
}
@media (min-width: 1025px) and (max-width: 1190px){
    .partnameimage{
        text-align:center;
    }
    .partnameimage img.deskt-img{
     width:930px !important;
     height:682px;
     margin:0 auto;
    }
}
@media (min-width: 768px) and (max-width: 1024px){

	.servicebox h2{font-size:24px;}
	ul li.searchbar { margin-left: 20px;}
	#main-nav {  padding: 5px 0px !important;}
	.h3-navigation-area .logo, .h1-navigation-area .logo{padding-top: 2px; padding-bottom: 2px;}
	.navbar-nav.navbar-right {    float: right;}
	.innerbannerrightsidecontent h1.elementor-heading-title {    font-size: 30px !important;}
	.whychoose ul{display:block;}
    .partnameimage{ text-align:center;}
    .partnameimage img.deskt-img{ width:690px !important; height:506px; margin:0 auto;}
	.whychoose ul li {width: 48%; display: inline-block;}
	body {padding-top: 0 !important;}
	.mob-menu-header-holder { background-color: transparent !important;}
	.footer-social a{margin-right:5px;}
	.websitename h1{font-size:20px;}
	.footer-contact-info li a{font-size:15px;}
	.footer h2{font-size:14px;}
	.footer_link li a{font-size:13px; font-weight:600;}
	.footer_textwidget p{font-size:13px;}
	.callconsultation h2 {		font-size: 22px;}
	.innerbannerbutton{bottom:15px;}
	div#innerbannercontent .elementor-element-populated {padding: 15px;}
	div#innerbannercontent h2.elementor-heading-title.elementor-size-default {    font-size: 25px;}
	#innerbannercontent p {font-size: 13px;line-height: 17px;}
	section#innerpagecontent {padding: 15px;}	
	.innerbannerbutton a{    padding: 5px 18px; font-size: 13px;}
	ul.nav.navbar-nav.navbar-right.searchbox{display:inline-block !important;}
/* 	.main-nav-area{display:none !important;} */
	ul.nav.navbar-nav.navbar-right.searchbox{position:inherit;}
	ul.nav.navbar-nav.navbar-right.searchbox li {padding-top: 0;}
	.rightsidemenu{display:inline-block;text-align: right; width: 78%;}
	.innerbannerrightsidecontent h2.elementor-heading-title {    font-size: 30px !important;}
	
}

@media (min-width: 768px) and (max-width: 1220px){
		#treatmentdetail {padding: 15px 20px;}
	.innerbannerbutton{    justify-content: center; gap:80px;}
		.innerbannerrightsidecontent {    min-height: auto !important;}
	#sidebarform .wpcf7-checkbox label{font-size:11px;}
	.topsocialmedia ul li a{margin-right:5px;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{font-size:12px !important;}
	.rightsidemenu {width: 79%;}

}
@media (min-width: 768px) and (max-width: 1023px){
	.whychoose ul li {    width: 48%;    display: inline-block;}
	.contact_section .row { display: block;}
	.contact_section .col-md-5.offset-md-1.col-12 { max-width: 100%;margin: 0;}
	.contact_section .col-md-6 { max-width: 100%;margin: 0;}
	.callconsultation {    margin-top: 20px;}
}

@media (min-width: 800px) and (max-width: 1220px){

	.mobmenur-container{top:35px !important;}
}
@media (min-width: 1450px){
	
.feature_service_box_width { padding: 60px 20px;}
.cta_style_2_img_left {width: 67.5%;}
.cta_style_2_img_left::before { width: 126%;}
.contact_map_title { padding: 30px 50px;}
	.servicebox ul li{min-height:530px;}
	section.banner{height:855px;}
	.slider-content h2 {font-size: 76px !important;}
	.slider-content p{font-size: 48px;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{font-size:16px !important; padding: 0px 14px 0px 14px;}
	.topsocialmedia ul li a{width: 28px; height: 28px; font-size: 17px !important; }
	.topsocialmedia ul li img {width: 18px;}
	#main-nav ul li a {font-size: 19px;}
	#innerbannercontent p{font-size:20px;}
	#chinesebanner .slider-content p {font-size: 35px; }
	.innerbannerrightsidecontent p{font-size:20px;}
	
}
@media (min-width: 1200px){
.container {    max-width: 1180px;}

}

@media screen and (max-width:1022px) and (min-width:780px){
/* 	ul.slick-dots {
    display: none !important;
} */
}


img.chn-deskt-img{
	width:757px;
	height:747px !important;
	display:block;
	visibility:visible;
	margin: 0 auto;
}
img.chn-mob-img{
	display:none;
	visibility:hidden;
}

@media screen and (max-width:475px){
	.reviewcontent{
		padding : 2em 15px 5em 15px;
	}
}

.mob-menu-header-holder {
    z-index: 102 !important;
}

/* fixing */

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

.servicebox ul li{
	width: 12px !important;
	 min-height: auto !important;
}

	
	.servicebox ul {
	display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
}


	
}

@media only screen and (max-width: 768px) {
.main-nav-area {
    display:none;
}
}