@charset "UTF-8";
/*------------------------------------------------------------------
[Master Stylesheet]
Theme Name: 	infinite-plus	
Version:        1.0.0
Author:         themexriver
URL:            http://themeforest.net/user/themexriver
-------------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
#0.1	Theme Reset Style
#0.2	Global Elements
#0.3	header
#0.4	hero-slider
#0.5	footer

--------------------------------------------------------------
	#home business
----------------------------------------------------------------
#0.6	business-services
#0.7	business-about-section
#0.8	business-cta
#0.9	statistics-section
#1.0	business-features-section
#1.1	business-team-section
#1.2	business-newsletter-section
#1.3	business-projects-section
#1.4	business-testimonials-section
#1.5	business-partners-section
#1.6	business-blog-section
#1.7	business-contact-section 


--------------------------------------------------------------
	#home finance
----------------------------------------------------------------
#2.0	finance-services-section
#2.1	finance-cta
#2.2	finance-services-section-s2
#2.3	finance-about-section
#2.4	finance-projects-section
#2.5	finance-partners-section
#2.6	finance-testimonials-section
#2.7	finance-newsletter-section
#2.8	finance-blog-section
#2.9	finance-contact-section
#2.10	finance-site-footer


--------------------------------------------------------------
	#home consulting
----------------------------------------------------------------
#3.0	consulting-services-section 
#3.1	consulting-about-section
#3.2	consulting-projects-section
#3.3	consulting-fun-fact
#3.4	consulting-case-studies
#3.5	consulting-testimonials-section
#3.6	consulting-blog-section
#3.7	consulting-partners-section
#3.8	consulting-contact-section
#3.9	consulting-site-footer


--------------------------------------------------------------
	#home construction
----------------------------------------------------------------
#4.0	construction-services-section 
#4.1	construction-about-section 
#4.2	construction-why-choose-section
#4.3	construction-cta
#4.4	construction-testimonials-section
#4.5	construction-projects-section
#4.6	construction-team-section
#4.7	construction-cta-newsletter
#4.8	construction-blog-section
#4.9	construction-contact-section
#4.10	construction-partners-section
#4.11	construction-site-footer


--------------------------------------------------------------
	#home transport
----------------------------------------------------------------
#5.0	transport-services-section 
#5.1	transport-about-section
#5.2	transport-why-choose-section 
#5.3	transport-team-section
#5.4	transport-cta
#5.5	transport-testimonials-section
#5.6	transport-faq-news
#5.7	transport-map-section
#5.8	transport-contact-section
#5.9	transport-site-footer


--------------------------------------------------------------
	#home lawyer
----------------------------------------------------------------
#6.0	lawyer-features-section
#6.1	lawyer-about-section
#6.2	lawyer-cta-section
#6.3	lawyer-services-section
#6.4	lawyer-cta-section-s2
#6.5	lawyer-packages
#6.6	lawyer-cta-section-s3
#6.7	lawyer-attorneys-section
#6.8	lawyer-testimonials-section
#6.9	lawyer-blog-section
#6.10	lawyer-cta-s4
#6.11	lawyer-contact-section
#6.12	lawyer-site-footer


--------------------------------------------------------------
	#home event
----------------------------------------------------------------
#7.0	event-start-section
#7.1	event-about-conference
#7.2	event-team-section
#7.3	event-schedule-section
#7.4	event-partners-section
#7.5	event-pricing-section
#7.6	reserve-ticket-section
#7.7	event-testimonials-faq-section 
#7.8	event-blog-section
#7.9	event-site-footer


--------------------------------------------------------------
	#home event
----------------------------------------------------------------
#8.0	app-landing-overview
#8.1	app-landing-features
#8.2	app-landing-testimonials
#8.3	app-landing-cta
#8.4	app-landing-screenshot
#8.5	app-landing-pricing
#8.6	app-landing-newsletter-contact


--------------------------------------------------------------
	#home minimal portfolio
----------------------------------------------------------------
#9.0	minimal-portfolio-portfolio-section
#9.1	minimal-portfolio-about-section
#9.2	minimal-portfolio-testimonials
#9.3	minimal-portfolio-cta
#9.4	minimal-portfolio-blog
#9.5	minimal-portfolio-contact
#9.6	minimal-portfolio-footer


--------------------------------------------------------------
	#home church
----------------------------------------------------------------
#10.0	church-cta
#10.1	church-sermons
#10.2	cta-s2
#10.3	church-events
#10.4	church-quote-section
#10.5	church-causes-section
#10.6	cta-s3
#10.7	church-photo-gallery
#10.8	church-blog-section
#10.8	church-site-footer


--------------------------------------------------------------
	#home hotel
----------------------------------------------------------------
#11.0	hotel-about-section
#11.1	hotel-deal-section
#11.2	hotel-rooms-section
#11.3	hotel-dining-section
#11.4	hotel-gallery-section
#11.5	hotel-events-section
#11.6	hotel-news-testimonials
#11.7	hotel-cta
#11.8	hotel-site-footer


--------------------------------------------------------------
	#home medical
----------------------------------------------------------------
#12.0	medical-departments
#12.1	medical-appointment-section
#12.2	medical-doctors-section
#12.3	medical-doctors-section
#12.4	medical-about-section
#12.5	medical-gallery-section
#12.6	medical-testimonials-section
#12.7	medical-blog-section
#12.8	medical-newsletter-section
#12.9	medical-site-footer


--------------------------------------------------------------
	#home gym
----------------------------------------------------------------
#13.0	gym-departments
#13.1	gym-cta-section
#13.2	gym-programs-section
#13.3	gym-why-choose-gallery
#13.4	gym-schedule-section
#13.5	gym-testimonials-section
#13.6	gym-site-footer


--------------------------------------------------------------
	#home restaurant
----------------------------------------------------------------
#14.0	restaurant-about-section
#14.1	restaurant-cta-section
#14.2	restaurant-menu-section
#14.3	restaurant-cta-s2
#14.4	reserve-table-form
#14.5	restaurant-gallery-section
#14.6	restaurant-chefs-section
#14.7	restaurant-testimonials-section
#14.8	restaurant-site-footer


--------------------------------------------------------------
	#home photography
----------------------------------------------------------------
#15.0	photography-about-section
#15.1	photography-gallery
#15.2	photography-blog-section
#15.3	photography-contact-section


--------------------------------------------------------------
	#home agency
----------------------------------------------------------------
#16.0 agency-services-section
#16.1 agency-about-section
#16.2 agency-portfolio-section
#16.3 agency-testimonials-section
#16.4 agency-newsletter-section
#16.5 agency-team-section
#16.6 agency-partners-section
#16.7 agency-blog-section
#16.8 agency-contact-section
#16.9 agency-site-footer


--------------------------------------------------------------
	#home seo
----------------------------------------------------------------
#17.0 seo-partners-section
#17.1 seo-about-section
#17.2 seo-services-section
#17.3 seo-cb-section
#17.4 seo-pricing-section
#17.5 seo-newsletter-section
#17.6 seo-testimonials-section
#17.7 seo-projects-section
#17.8 seo-team-section
#17.9 seo-blog-section
#17.10 seo-site-footer


----------------------------------------------------------------*/
/*---------------------------
	Fonts
----------------------------*/
@import url("https://fonts.googleapis.com/css?family=Hind|Pacifico|Poppins:400,500,600,700");
/*--------------------------------------------------------------
#0.1    Theme Reset Style
--------------------------------------------------------------*/
html {
  font-size: 15px;
}

body {
  font-family: "Hind", sans-serif;
  background-color: #fff;
  font-size: 15px;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

@media (max-width: 767px) {
  body {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

p,
ul,
li {
  color: #3a3429;
}

p {
  line-height: 1.7em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  color: #111;
}

ul {
  padding-left: 0;
  margin: 0;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}

a:hover,
a:focus {
  text-decoration: none;
}

img {
  max-width: 100%;
}

/*--------------------------------------------------------------
#0.2    Global Elements
--------------------------------------------------------------*/
.page-wrapper {
  position: relative;
  overflow: hidden;
}

.medical-home p {
  color: #828fa6;
}

.wow {
  visibility: hidden;
}

.fi:before {
  margin: 0;
}

.section-padding {
  padding: 20px 0;
}

@media (max-width: 991px) {
  .section-padding {
    padding: 80px 0;
  }
}

@media (max-width: 767px) {
  .section-padding {
    padding: 70px 0;
  }
}

.agency-home h1,
.agency-home h2,
.agency-home h3,
.agency-home h4,
.agency-home h5,
.agency-home h6 {
  color: #3d4149;
}

.agency-home p {
  color: #6a7382;
}

.finance-home h1,
.finance-home h2,
.finance-home h3,
.finance-home h4,
.finance-home h5,
.finance-home h6 {
  color: #012f5c;
}

.seo-home h1,
.seo-home h2,
.seo-home h3,
.seo-home h4,
.seo-home h5,
.seo-home h6 {
  color: #3d4149;
}

.seo-home .section-padding {
  padding: 110px 0;
}

@media (max-width: 991px) {
  .seo-home .section-padding {
    padding: 90px 0;
  }
}

@media (max-width: 767px) {
  .seo-home .section-padding {
    padding: 70px 0;
  }
}

/*** fancybox style ***/
.fancybox-wrap .fancybox-skin {
  padding: 8px !important;
}

/** for popup image ***/
.mfp-wrap {
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 99999;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

/*** for fancybox video ***/
.fancybox-overlay {
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999 !important;
}

.fancybox-wrap {
  z-index: 99999 !important;
}

/*******************************
	business section title
*******************************/
.business-section-title, .business-section-title-s2 {
  text-align: center;
  margin-bottom: 50px;
  margin-top: -5px;
}

@media (max-width: 991px) {
  .business-section-title, .business-section-title-s2 {
    margin-bottom: 40px;
  }
}

.business-section-title h2, .business-section-title-s2 h2 {
  font-size: 36px;
  font-size: 2.4rem;
  margin: 0 0 0.2em;
}

@media (max-width: 991px) {
  .business-section-title h2, .business-section-title-s2 h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .business-section-title h2, .business-section-title-s2 h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.business-section-title p, .business-section-title-s2 p {
  margin-bottom: 0;
}

.business-section-title-s2 h2 {
  margin: 0 0 0.5em;
}

/*******************************
	finance section title
*******************************/
.finance-section-title, .finance-section-title-s2, .finance-section-title-s3, .finance-section-title-s4 {
  text-align: center;
  margin: -5px 0 45px;
}

.finance-section-title h2, .finance-section-title-s2 h2, .finance-section-title-s3 h2, .finance-section-title-s4 h2 {
  font-size: 36px;
  font-size: 2.4rem;
  line-height: 1em;
  margin: 0;
  padding-bottom: 0.47em;
  position: relative;
}

@media (max-width: 991px) {
  .finance-section-title h2, .finance-section-title-s2 h2, .finance-section-title-s3 h2, .finance-section-title-s4 h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .finance-section-title h2, .finance-section-title-s2 h2, .finance-section-title-s3 h2, .finance-section-title-s4 h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.finance-section-title h2:after, .finance-section-title-s2 h2:after, .finance-section-title-s3 h2:after, .finance-section-title-s4 h2:after {
  content: "";
  background-color: #fdd415;
  width: 30px;
  height: 5px;
  border-radius: 5px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
}

.finance-section-title-s2 {
  text-align: left;
}

.finance-section-title-s2 h2 {
  line-height: 1.2em;
}

.finance-section-title-s2 h2:after {
  left: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}

.finance-section-title-s3 h2, .finance-section-title-s4 h2 {
  margin-bottom: 0.33em;
}

.finance-section-title-s4 {
  text-align: left;
}

@media (max-width: 991px) {
  .finance-section-title-s4 {
    margin-bottom: 35px;
  }
}

.finance-section-title-s4 h2:after {
  left: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}

.finance-section-title-s4 h2,
.finance-section-title-s4 p {
  color: #fff;
}

/*******************************
	consulting section title
*******************************/
.consulting-section-title, .construction-section-title, .construction-section-title-s2, .transport-section-title-s3, .transport-section-title-s4 {
  text-align: center;
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .consulting-section-title, .construction-section-title, .construction-section-title-s2, .transport-section-title-s3, .transport-section-title-s4 {
    margin-bottom: 0px;
  }
}

.consulting-section-title h2, .construction-section-title h2, .construction-section-title-s2 h2, .transport-section-title-s3 h2, .transport-section-title-s4 h2 {
  font-size: 36px;
  font-size: 2.4rem;
  color: #092a48;
  margin: 0 0 0.5em;
  letter-spacing: -2px;
}

@media (max-width: 1199px) {
  .consulting-section-title h2, .construction-section-title h2, .construction-section-title-s2 h2, .transport-section-title-s3 h2, .transport-section-title-s4 h2 {
    font-size: 32px;
    font-size: 2.13333rem;
  }
}

@media (max-width: 991px) {
  .consulting-section-title h2, .construction-section-title h2, .construction-section-title-s2 h2, .transport-section-title-s3 h2, .transport-section-title-s4 h2 {
    font-size: 28px;
    font-size: 1.86667rem;
  }
}

@media (max-width: 767px) {
  .consulting-section-title h2, .construction-section-title h2, .construction-section-title-s2 h2, .transport-section-title-s3 h2, .transport-section-title-s4 h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.consulting-section-title p, .construction-section-title p, .construction-section-title-s2 p, .transport-section-title-s3 p, .transport-section-title-s4 p {
  margin: 0;
}

@media screen and (min-width: 1200px) {
  .consulting-section-title p, .construction-section-title p, .construction-section-title-s2 p, .transport-section-title-s3 p, .transport-section-title-s4 p {
    padding: 0 60px;
  }
}

.construction-section-title, .construction-section-title-s2, .transport-section-title-s3, .transport-section-title-s4 {
  margin-top: -5px;
}

.construction-section-title h2, .construction-section-title-s2 h2, .transport-section-title-s3 h2, .transport-section-title-s4 h2 {
  color: #000;
}

.construction-section-title-s2, .transport-section-title-s3 {
  text-align: left;
}

.construction-section-title-s2 p, .transport-section-title-s3 p {
  padding: 0;
}

/*******************************
	transport-section title
*******************************/
.transport-section-title {
  text-align: center;
  margin-bottom: 50px;
  margin-top: -5px;
}

@media (max-width: 991px) {
  .transport-section-title {
    margin-bottom: 40px;
  }
}

.transport-section-title h2 {
  font-size: 30px;
  font-size: 2rem;
  color: #09152c;
  margin: 0 0 0.33em;
}

@media (max-width: 991px) {
  .transport-section-title h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .transport-section-title h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.transport-section-title p {
  margin: 0;
}

.transport-section-title-s2 {
  margin-bottom: 30px;
  margin-top: -5px;
}

.transport-section-title-s2 > span {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #ea1414;
  margin-bottom: 5px;
  text-transform: uppercase;
  display: block;
}

.transport-section-title-s2 h2 {
  font-size: 30px;
  font-size: 2rem;
  line-height: 1.2em;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

@media (max-width: 991px) {
  .transport-section-title-s2 h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .transport-section-title-s2 h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.transport-section-title-s3 h2 {
  color: #09152c;
}

.transport-section-title-s4 {
  color: #09152c;
}

/*******************************
	lawyer-section-title
*******************************/
.lawyer-section-title, .lawyer-section-title-s2 {
  text-align: center;
  margin-bottom: 45px;
}

.lawyer-section-title h2, .lawyer-section-title-s2 h2 {
  background: url("../images/lawyer/auction.png") no-repeat 63% top;
  font-size: 36px;
  font-size: 2.4rem;
  font-weight: normal;
  padding-top: 0.8em;
  margin: 0 0 0.2em;
  display: inline-block;
  position: relative;
}

.lawyer-section-title h2:before, .lawyer-section-title-s2 h2:before, .lawyer-section-title h2:after, .lawyer-section-title-s2 h2:after {
  content: "";
  background-color: #d5aa6d;
  width: 114px;
  height: 2px;
  position: absolute;
  top: 15px;
}

.lawyer-section-title h2:before, .lawyer-section-title-s2 h2:before {
  width: 50%;
  left: 0;
}

.lawyer-section-title h2:after, .lawyer-section-title-s2 h2:after {
  width: 25%;
  right: 0;
}

@media (max-width: 991px) {
  .lawyer-section-title h2:after, .lawyer-section-title-s2 h2:after {
    width: 45px;
  }
}

.lawyer-section-title h2 span, .lawyer-section-title-s2 h2 span {
  font-weight: bold;
}

@media (max-width: 991px) {
  .lawyer-section-title h2, .lawyer-section-title-s2 h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .lawyer-section-title h2, .lawyer-section-title-s2 h2 {
    font-size: 25px;
    font-size: 1.66667rem;
    padding-top: 1em;
  }
}

.lawyer-section-title-s2 h2 {
  margin: 0 0 0.56em;
}

/*******************************
	event-section-title
*******************************/
.event-section-title {
  text-align: center;
  margin-bottom: 45px;
  margin-top: -5px;
}

@media (max-width: 767px) {
  .event-section-title {
    margin-bottom: 40px;
  }
}

.event-section-title h2 {
  font-size: 36px;
  font-size: 2.4rem;
  color: #444d57;
  margin: 0;
  padding-bottom: 68px;
  position: relative;
}

@media (max-width: 991px) {
  .event-section-title h2 {
    font-size: 32px;
    font-size: 2.13333rem;
    padding-bottom: 58px;
  }
}

@media (max-width: 767px) {
  .event-section-title h2 {
    font-size: 26px;
    font-size: 1.73333rem;
    padding-bottom: 48px;
  }
}

.event-section-title h2:after {
  content: "";
  background-color: #f43131;
  width: 2px;
  height: 60px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 991px) {
  .event-section-title h2:after {
    height: 50px;
  }
}

@media (max-width: 991px) {
  .event-section-title h2:after {
    height: 40px;
  }
}

.event-section-title-s2 {
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 70px;
  position: relative;
}

.event-section-title-s2:after {
  content: "";
  background-color: #f43131;
  width: 2px;
  height: 60px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 991px) {
  .event-section-title-s2:after {
    height: 50px;
  }
}

@media (max-width: 991px) {
  .event-section-title-s2:after {
    height: 40px;
  }
}

.event-section-title-s2 h2 {
  font-size: 36px;
  font-size: 2.4rem;
  color: #444d57;
  margin: 0 0 0.5em;
  position: relative;
}

@media (max-width: 991px) {
  .event-section-title-s2 h2 {
    font-size: 32px;
    font-size: 2.13333rem;
  }
}

@media (max-width: 767px) {
  .event-section-title-s2 h2 {
    font-size: 26px;
    font-size: 1.73333rem;
  }
}

.event-section-title-s2 p {
  margin-bottom: 0;
}

.event-section-title-s3 {
  margin-top: -5px;
}

.event-section-title-s3 h2 {
  font-size: 36px;
  font-size: 2.4rem;
  color: #444d57;
  margin: 0 0 1em;
  position: relative;
}

@media (max-width: 991px) {
  .event-section-title-s3 h2 {
    font-size: 32px;
    font-size: 2.13333rem;
  }
}

@media (max-width: 767px) {
  .event-section-title-s3 h2 {
    font-size: 26px;
    font-size: 1.73333rem;
  }
}

/*******************************
	app-landing-section-title
*******************************/
.app-landing-section-title {
  text-align: center;
  margin-bottom: 45px;
}

@media (max-width: 767px) {
  .app-landing-section-title {
    margin-bottom: 40px;
  }
}

.app-landing-section-title h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 600;
  color: #121212;
  margin: 0;
}

@media (max-width: 991px) {
  .app-landing-section-title h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .app-landing-section-title h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

/*******************************
	minimal-portfolio-section-title
*******************************/
.minimal-portfolio-section-title {
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .minimal-portfolio-section-title {
    margin-bottom: 40px;
  }
}

.minimal-portfolio-section-title h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 0.6em;
  position: relative;
}

@media (max-width: 991px) {
  .minimal-portfolio-section-title h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .minimal-portfolio-section-title h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.minimal-portfolio-section-title h2:before, .minimal-portfolio-section-title h2:after {
  background-color: #bcbcbc;
  content: "";
  height: 3px;
  position: absolute;
  left: 0;
}

.minimal-portfolio-section-title h2:before {
  width: 45px;
  bottom: 7px;
}

.minimal-portfolio-section-title h2:after {
  width: 23px;
  bottom: 0;
}

/*******************************
	church-section-title
*******************************/
.church-section-title {
  text-align: center;
  margin-bottom: 37px;
}

.church-section-title h2 {
  font-size: 30px;
  font-size: 2rem;
  color: #444d57;
  font-weight: 600;
  margin: 7px 0 0.67em;
  padding-bottom: 0.53em;
  position: relative;
}

@media (max-width: 991px) {
  .church-section-title h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .church-section-title h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.church-section-title h2:before, .church-section-title h2:after {
  content: "";
  background-color: #e4af4e;
  width: 175px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 991px) {
  .church-section-title h2:before, .church-section-title h2:after {
    width: 145px;
  }
}

.church-section-title h2:before {
  bottom: 5px;
}

.church-section-title h2:after {
  width: 115px;
}

@media (max-width: 991px) {
  .church-section-title h2:after {
    width: 95px;
  }
}

.church-section-title p {
  margin: 0;
}

/*******************************
	hotel-section-title
*******************************/
.hotel-section-title {
  margin-top: -5px;
}

.hotel-section-title > span {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #c19b77;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .hotel-section-title > span {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.hotel-section-title h2 {
  font-size: 42px;
  font-size: 2.8rem;
  font-weight: normal;
  line-height: 1.14em;
  margin: 0 0 0.85em;
}

@media (max-width: 1199px) {
  .hotel-section-title h2 {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

@media (max-width: 991px) {
  .hotel-section-title h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .hotel-section-title h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.hotel-section-title h2 span {
  font-weight: bold;
}

.hotel-section-title-s2 {
  text-align: center;
  margin-bottom: 45px;
  margin-top: -5px;
}

.hotel-section-title-s2 h2 {
  font-size: 36px;
  font-size: 2.4rem;
  color: #000001;
  margin: 0 0 0.3em;
}

@media (max-width: 991px) {
  .hotel-section-title-s2 h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .hotel-section-title-s2 h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.hotel-section-title-s2 > span {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  color: #808080;
}

@media (max-width: 767px) {
  .hotel-section-title-s2 > span {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.hotel-section-title-s3 {
  margin-bottom: 45px;
}

@media (max-width: 767px) {
  .hotel-section-title-s3 {
    margin-bottom: 35px;
  }
}

.hotel-section-title-s3 h2 {
  font-size: 36px;
  font-size: 2.4rem;
  color: #000001;
  margin: 0;
}

@media (max-width: 991px) {
  .hotel-section-title-s3 h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .hotel-section-title-s3 h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

/*******************************
	medical-section-title
*******************************/
.medical-section-title {
  text-align: center;
  margin-bottom: 60px;
  margin-top: -5px;
}

.medical-section-title h2 {
  font-size: 36px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #3c4d6d;
  margin: 0 0 0.5em;
  padding-bottom: 0.56em;
  display: inline-block;
  position: relative;
}

@media (max-width: 991px) {
  .medical-section-title h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .medical-section-title h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.medical-section-title h2:after {
  content: "";
  background-color: #3660cc;
  width: 80%;
  height: 1px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
}

.medical-section-title p {
  font-size: 15px;
  font-size: 1rem;
  color: #828fa6;
  margin: 0;
}

/*******************************
	gym-section-title
*******************************/
.gym-section-title, .gym-section-title-s2 {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .gym-section-title, .gym-section-title-s2 {
    margin-bottom: 30px;
  }
}

.gym-section-title > span, .gym-section-title-s2 > span {
  font-size: 15px;
  font-size: 1rem;
  color: #fa372c;
}

.gym-section-title h2, .gym-section-title-s2 h2 {
  font-size: 30px;
  font-size: 2rem;
  color: #333;
  margin: 3px 0 0;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .gym-section-title h2, .gym-section-title-s2 h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .gym-section-title h2, .gym-section-title-s2 h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.gym-section-title-s2 {
  text-align: center;
  margin-bottom: 50px;
}

.gym-section-title-s2 h2 {
  margin-bottom: 0.6em;
}

.gym-section-title-s2 p {
  font-size: 15px;
  font-size: 1rem;
}

/*******************************
	restaurant-section-title
*******************************/
.restaurant-section-title, .restaurant-section-title-s2 {
  margin-bottom: 25px;
  margin-top: -5px;
}

.restaurant-section-title > span, .restaurant-section-title-s2 > span {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fa372c;
}

@media (max-width: 991px) {
  .restaurant-section-title > span, .restaurant-section-title-s2 > span {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.restaurant-section-title h2, .restaurant-section-title-s2 h2 {
  font-family: "Pacifico", cursive;
  font-size: 36px;
  font-size: 2.4rem;
  color: #333;
  margin: -3px 0 7px;
}

@media (max-width: 991px) {
  .restaurant-section-title h2, .restaurant-section-title-s2 h2 {
    font-size: 30px;
    font-size: 2rem;
    margin: 0 0 7px;
  }
}

@media (max-width: 767px) {
  .restaurant-section-title h2, .restaurant-section-title-s2 h2 {
    font-size: 26px;
    font-size: 1.73333rem;
  }
}

.restaurant-section-title-s2 {
  text-align: center;
  margin-bottom: 60px;
  margin-top: -5px;
}

@media (max-width: 991px) {
  .restaurant-section-title-s2 {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .restaurant-section-title-s2 {
    margin-bottom: 40px;
  }
}

/*******************************
	photography-section-title
*******************************/
.photography-section-title {
  position: absolute;
  z-index: 1;
}

.photography-section-title h2 {
  font-size: 200px;
  font-size: 13.33333rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.1);
  margin: -50px 0 0;
}

@media (max-width: 1400px) {
  .photography-section-title h2 {
    font-size: 150px;
    font-size: 10rem;
  }
}

@media (max-width: 1199px) {
  .photography-section-title h2 {
    font-size: 120px;
    font-size: 8rem;
    margin: -20px 0 0;
  }
}

@media (max-width: 991px) {
  .photography-section-title h2 {
    font-size: 80px;
    font-size: 5.33333rem;
  }
}

@media (max-width: 767px) {
  .photography-section-title h2 {
    font-size: 60px;
    font-size: 4rem;
  }
}

/*******************************
	agency-section-title
*******************************/
.agency-section-title, .agency-section-title-s2 {
  margin-top: -5px;
}

.agency-section-title > span, .agency-section-title-s2 > span {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-size: 1rem;
  color: #6a7382;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .agency-section-title > span, .agency-section-title-s2 > span {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.agency-section-title h2, .agency-section-title-s2 h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2em;
  margin: 0.23em 0 0.93em;
}

@media (max-width: 991px) {
  .agency-section-title h2, .agency-section-title-s2 h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .agency-section-title h2, .agency-section-title-s2 h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.agency-section-title-s2 {
  text-align: center;
  margin-bottom: 40px;
  margin-top: -5px;
}

.agency-section-title-s2 h2 {
  margin: 0 0 0.4em;
}

.agency-section-title-s2 p {
  margin: 0;
}

/*******************************
	seo-section-title
*******************************/
.seo-section-title h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.33em;
  margin: 0 0 0.77em;
}

@media (max-width: 991px) {
  .seo-section-title h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .seo-section-title h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.seo-section-title-s2 {
  text-align: center;
  margin-bottom: 55px;
  margin-top: -10px;
}

.seo-section-title-s2 h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.33em;
  margin: 0;
  padding: 0 15px;
}

@media (max-width: 1199px) {
  .seo-section-title-s2 h2 {
    padding: 0;
  }
}

@media (max-width: 991px) {
  .seo-section-title-s2 h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .seo-section-title-s2 h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.seo-section-title-s3 {
  text-align: center;
  padding: 0 45px;
  margin-bottom: 55px;
  margin-top: -3px;
}

@media (max-width: 991px) {
  .seo-section-title-s3 {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .seo-section-title-s3 {
    margin-bottom: 35px;
    padding: 0;
  }
}

.seo-section-title-s3 h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 0.67em;
}

@media (max-width: 991px) {
  .seo-section-title-s3 h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .seo-section-title-s3 h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.seo-section-title-s3 p {
  margin-bottom: 0;
}

.seo-section-title-s4 {
  text-align: center;
  margin-bottom: 70px;
  margin-top: -5px;
}

@media (max-width: 1199px) {
  .seo-section-title-s4 {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .seo-section-title-s4 {
    margin-bottom: 35px;
  }
}

.seo-section-title-s4 h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 600;
  margin: 0em;
}

@media (max-width: 991px) {
  .seo-section-title-s4 h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .seo-section-title-s4 h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

/*******************************
	business theme btns
*********************************/
.business-theme-btn, .business-theme-btn-s2 {
  font-family: "Poppins", sans-serif;
  background-color: #443f45;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
  padding: 12px 40px;
  display: inline-block;
}

@media (max-width: 1199px) {
  .business-theme-btn, .business-theme-btn-s2 {
    font-size: 15px;
    font-size: 1rem;
    padding: 10px 35px;
  }
}

@media (max-width: 991px) {
  .business-theme-btn, .business-theme-btn-s2 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 10px 30px;
  }
}

@media (max-width: 767px) {
  .business-theme-btn, .business-theme-btn-s2 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 8px 30px;
  }
}

.business-theme-btn:hover, .business-theme-btn-s2:hover, .business-theme-btn:focus, .business-theme-btn-s2:focus, .business-theme-btn:active, .business-theme-btn-s2:active {
  background-color: #1d1a1d;
  color: #fff;
}

.business-theme-btn-s2 {
  background-color: #b09991;
}

.business-theme-btn-s2:hover, .business-theme-btn-s2:focus, .business-theme-btn-s2:active {
  background-color: #443f45;
}

/*******************************
	finance theme btns
*********************************/
.finance-theme-btn, .finance-theme-btn-s2 {
  font-family: "Poppins", sans-serif;
  background-color: #012f5c;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
  padding: 12px 48px 12px 35px;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  position: relative;
}

.finance-theme-btn:after, .finance-theme-btn-s2:after {
  font-family: "FontAwesome";
  content: "\f0da";
  color: #fdd415;
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 991px) {
  .finance-theme-btn:after, .finance-theme-btn-s2:after {
    right: 15px;
  }
}

@media (max-width: 1199px) {
  .finance-theme-btn, .finance-theme-btn-s2 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 10px 40px 10px 25px;
  }
}

@media (max-width: 991px) {
  .finance-theme-btn, .finance-theme-btn-s2 {
    font-size: 13px;
    font-size: 0.86667rem;
    padding: 9px 30px 9px 15px;
  }
}

@media (max-width: 767px) {
  .finance-theme-btn, .finance-theme-btn-s2 {
    font-size: 12px;
    font-size: 0.8rem;
    padding: 8px 30px 8px 15px;
  }
}

.finance-theme-btn:hover, .finance-theme-btn-s2:hover, .finance-theme-btn:focus, .finance-theme-btn-s2:focus, .finance-theme-btn:active, .finance-theme-btn-s2:active {
  background-color: #fdd415;
  color: #012f5c;
}

.finance-theme-btn:hover:after, .finance-theme-btn-s2:hover:after {
  color: #012f5c;
}

.finance-theme-btn-s2 {
  background-color: #fdd415;
  color: #012f5c;
}

.finance-theme-btn-s2:after {
  color: #012f5c;
}

/*******************************
	consulting theme btns
*********************************/
.consulting-theme-btn, .consulting-theme-btn-s2, .consulting-theme-btn-s3 {
  font-family: "Poppins", sans-serif;
  background: #226acb;
  background: -webkit-linear-gradient(left, #226acb, #1b9bd1);
  background: -moz-linear-gradient(left, #226acb, #1b9bd1);
  background: -o-linear-gradient(left, #226acb, #1b9bd1);
  background: -ms-linear-gradient(left, #226acb, #1b9bd1);
  background: -webkit-gradient(linear, left top, right top, from(#226acb), to(#1b9bd1));
  background: linear-gradient(left, #226acb, #1b9bd1);
  font-size: 18px;
  font-size: 1.2rem;
  color: #fff;
  padding: 10px 30px;
  display: inline-block;
}

@media (max-width: 1199px) {
  .consulting-theme-btn, .consulting-theme-btn-s2, .consulting-theme-btn-s3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 991px) {
  .consulting-theme-btn, .consulting-theme-btn-s2, .consulting-theme-btn-s3 {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

@media (max-width: 767px) {
  .consulting-theme-btn, .consulting-theme-btn-s2, .consulting-theme-btn-s3 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 8px 20px;
  }
}

.consulting-theme-btn:hover, .consulting-theme-btn-s2:hover, .consulting-theme-btn-s3:hover {
  background-color: #efb945;
  color: #fff;
}

.consulting-theme-btn-s2 {
  background: #efb945;
  color: #fff;
}

.consulting-theme-btn-s3 {
  font-size: 15px;
  font-size: 1rem;
}

@media (max-width: 991px) {
  .consulting-theme-btn-s3 {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.consulting-theme-btn-s3:hover {
  background: #efb945;
  background: -webkit-linear-gradient(left, #1b9bd1, #226acb);
  background: -moz-linear-gradient(left, #1b9bd1, #226acb);
  background: -o-linear-gradient(left, #1b9bd1, #226acb);
  background: -ms-linear-gradient(left, #1b9bd1, #226acb);
  background: -webkit-gradient(linear, left top, right top, from(#1b9bd1), to(#226acb));
  background: linear-gradient(left, #1b9bd1, #226acb);
}

/*******************************
	construction theme btns
*********************************/
.construction-theme-btn, .construction-theme-btn-s2, .construction-theme-btn-s3 {
  font-family: "Poppins", sans-serif;
  background-color: #efb945;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #052139;
  padding: 9px 30px;
  display: inline-block;
}

@media (max-width: 991px) {
  .construction-theme-btn, .construction-theme-btn-s2, .construction-theme-btn-s3 {
    font-size: 15px;
    font-size: 1rem;
    padding: 8px 25px;
  }
}

@media (max-width: 767px) {
  .construction-theme-btn, .construction-theme-btn-s2, .construction-theme-btn-s3 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 7px 20px;
  }
}

.construction-theme-btn:hover, .construction-theme-btn-s2:hover, .construction-theme-btn-s3:hover {
  background-color: #fff;
  color: #052139;
}

.construction-theme-btn-s2 {
  background-color: #fff;
}

.construction-theme-btn-s3:hover {
  background-color: #eba716;
}

/*******************************
	transport theme btns
*********************************/
.transport-theme-btn, .transport-theme-btn-s2, .transport-theme-btn-s3 {
  font-family: "Poppins", sans-serif;
  background-color: #ea1414;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #fff;
  padding: 9px 30px;
  display: inline-block;
}

@media (max-width: 991px) {
  .transport-theme-btn, .transport-theme-btn-s2, .transport-theme-btn-s3 {
    font-size: 15px;
    font-size: 1rem;
    padding: 8px 25px;
  }
}

@media (max-width: 767px) {
  .transport-theme-btn, .transport-theme-btn-s2, .transport-theme-btn-s3 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 7px 20px;
  }
}

.transport-theme-btn:hover, .transport-theme-btn-s2:hover, .transport-theme-btn-s3:hover {
  background-color: #fff;
  color: #000;
}

.transport-theme-btn-s2 {
  background-color: #fff;
  color: #000;
}

.transport-theme-btn-s2:hover {
  color: #ea1414;
}

.transport-theme-btn-s3:hover {
  background-color: #d31212;
  color: #fff;
}

/*******************************
	lawyer theme btns
*********************************/
.lawyer-theme-btn {
  background-color: #d5aa6d;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 600;
  color: #fff;
  padding: 15px 30px;
  display: inline-block;
}

@media (max-width: 991px) {
  .lawyer-theme-btn {
    padding: 12px 25px;
  }
}

@media (max-width: 767px) {
  .lawyer-theme-btn {
    padding: 10px 22px;
  }
}

.lawyer-theme-btn:hover {
  background-color: #ca9345;
  color: #fff;
}

.lawyer-theme-btn-s2 {
  background-color: #d5aa6d;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #fff;
  padding: 9px 30px;
  display: inline-block;
}

@media (max-width: 991px) {
  .lawyer-theme-btn-s2 {
    padding: 8px 25px;
  }
}

@media (max-width: 767px) {
  .lawyer-theme-btn-s2 {
    padding: 8px 22px;
  }
}

.lawyer-theme-btn-s2:hover {
  background-color: #ca9345;
  color: #fff;
}

/*******************************
	event theme btns
*********************************/
.event-theme-btn, .event-theme-btn-s2 {
  background: #f48d31;
  background: -webkit-linear-gradient(left, #f48d31, #f43131);
  background: -moz-linear-gradient(left, #f48d31, #f43131);
  background: -o-linear-gradient(left, #f48d31, #f43131);
  background: -ms-linear-gradient(left, #f48d31, #f43131);
  background: -webkit-gradient(linear, left top, right top, from(#f48d31), to(#f43131));
  background: linear-gradient(left, #f48d31, #f43131);
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  color: #fff;
  padding: 11px 45px;
  display: inline-block;
  border-radius: 40px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 991px) {
  .event-theme-btn, .event-theme-btn-s2 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 11px 35px;
  }
}

@media (max-width: 767px) {
  .event-theme-btn, .event-theme-btn-s2 {
    padding: 8px 25px;
  }
}

.event-theme-btn:hover, .event-theme-btn-s2:hover {
  background-color: #f43131;
  background: -webkit-linear-gradient(left, #f43131, #f48d31);
  background: -moz-linear-gradient(left, #f43131, #f48d31);
  background: -o-linear-gradient(left, #f43131, #f48d31);
  background: -ms-linear-gradient(left, #f43131, #f48d31);
  background: -webkit-gradient(linear, left top, right top, from(#f43131), to(#f48d31));
  background: linear-gradient(left, #f43131, #f48d31);
  color: #fff;
}

.event-theme-btn-s2 {
  padding: 11px 25px;
}

@media (max-width: 991px) {
  .event-theme-btn-s2 {
    padding: 11px 20px;
  }
}

@media (max-width: 767px) {
  .event-theme-btn-s2 {
    padding: 8px 15px;
  }
}

/*******************************
	minimal-portfolio theme btns
*********************************/
.minimal-portfolio-theme-btn, .minimal-portfolio-theme-btn-s2 {
  font-family: "Poppins", sans-serif;
  background-color: #333;
  font-weight: 500;
  color: #fff;
  padding: 12px 42px;
  display: inline-block;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .minimal-portfolio-theme-btn, .minimal-portfolio-theme-btn-s2 {
    padding: 10px 35px;
  }
}

@media (max-width: 767px) {
  .minimal-portfolio-theme-btn, .minimal-portfolio-theme-btn-s2 {
    padding: 8px 25px;
  }
}

.minimal-portfolio-theme-btn:hover, .minimal-portfolio-theme-btn-s2:hover {
  background-color: #111;
  color: #fff;
}

.minimal-portfolio-theme-btn-s2 {
  padding: 12px 25px;
}

@media (max-width: 991px) {
  .minimal-portfolio-theme-btn-s2 {
    padding: 10px 20px;
  }
}

@media (max-width: 767px) {
  .minimal-portfolio-theme-btn-s2 {
    padding: 8px 15px;
  }
}

/*******************************
	church theme btns
*********************************/
.church-theme-btn {
  font-family: "Poppins", sans-serif;
  background-color: #e4af4e;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 600;
  color: #fff;
  padding: 10px 30px;
  display: inline-block;
  border-radius: 25px;
}

.church-theme-btn:hover {
  background-color: #dd9b22;
  color: #fff;
}

.church-theme-btn-s2, .church-theme-btn-s3 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
  padding: 9px 50px;
  border: 2px solid #e4af4e;
  border-radius: 45px;
  display: inline-block;
}

@media (max-width: 991px) {
  .church-theme-btn-s2, .church-theme-btn-s3 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 8px 35px;
  }
}

.church-theme-btn-s2:hover, .church-theme-btn-s3:hover {
  background-color: #e4af4e;
  color: #fff;
}

.church-theme-btn-s3 {
  border: 1px solid #e4af4e;
  color: #000;
  padding: 9px 25px;
}

.church-theme-btn-s4 {
  font-family: "Poppins", sans-serif;
  background-color: #e4af4e;
  font-weight: 600;
  color: #fff;
  padding: 7px 22px;
  border-radius: 40px;
  display: inline-block;
}

@media (max-width: 991px) {
  .church-theme-btn-s4 {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

.church-theme-btn-s4:hover {
  background-color: #dd9b22;
  color: #fff;
}

/*******************************
	hotel theme btns
*********************************/
.hotel-theme-btn {
  font-family: "Poppins", sans-serif;
  background-color: #111;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #c19b77;
  padding: 11px 65px;
  display: inline-block;
}

.hotel-theme-btn:hover {
  background-color: #040404;
  color: #c19b77;
}

@media (max-width: 1199px) {
  .hotel-theme-btn {
    font-size: 15px;
    font-size: 1rem;
    padding: 11px 35px;
  }
}

@media (max-width: 991px) {
  .hotel-theme-btn {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 8px 25px;
  }
}

.hotel-theme-btn-s2, .hotel-theme-btn-s3 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #fff;
  border: 2px solid #c19b77;
  padding: 9px 40px;
  display: inline-block;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .hotel-theme-btn-s2, .hotel-theme-btn-s3 {
    font-size: 14px;
    font-size: 0.93333rem;
    border: 2px solid #c19b77;
    padding: 8px 25px;
  }
}

@media (max-width: 767px) {
  .hotel-theme-btn-s2, .hotel-theme-btn-s3 {
    font-size: 13px;
    font-size: 0.86667rem;
    border: 1px solid #c19b77;
    padding: 7px 20px;
  }
}

.hotel-theme-btn-s2:hover, .hotel-theme-btn-s3:hover {
  background-color: #c19b77;
  color: #fff;
}

.hotel-theme-btn-s3 {
  width: 170px;
  font-size: 14px;
  font-size: 0.93333rem;
  padding: 9px 0;
}

@media (max-width: 991px) {
  .hotel-theme-btn-s3 {
    width: 150px;
    padding: 8px 0;
  }
}

@media (max-width: 767px) {
  .hotel-theme-btn-s3 {
    width: 120px;
    font-size: 13px;
    font-size: 0.86667rem;
    border: 1px solid #c19b77;
    padding: 7px 0;
  }
}

.hotel-theme-btn-s4 {
  font-family: "Poppins", sans-serif;
  background-color: #f2f1ed;
  font-weight: 500;
  color: #000001;
  padding: 6px 25px;
  display: inline-block;
}

.hotel-theme-btn-s4:hover {
  background-color: #c19b77;
  color: #fff;
}

/*******************************
	medical theme btns
*********************************/
.medical-theme-btn, .medical-theme-btn-s2, .medical-theme-btn-s3 {
  font-family: "Poppins", sans-serif;
  background-color: #3660cc;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  padding: 10px 42px;
  display: inline-block;
}

@media (max-width: 991px) {
  .medical-theme-btn, .medical-theme-btn-s2, .medical-theme-btn-s3 {
    font-size: 16px;
    font-size: 1.06667rem;
    padding: 10px 35px;
  }
}

@media (max-width: 767px) {
  .medical-theme-btn, .medical-theme-btn-s2, .medical-theme-btn-s3 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 8px 25px;
  }
}

.medical-theme-btn:hover, .medical-theme-btn-s2:hover, .medical-theme-btn-s3:hover {
  background-color: #3c4d6d;
  color: #fff;
}

.medical-theme-btn-s2 {
  background-color: #3c4d6d;
}

.medical-theme-btn-s2:hover {
  background-color: #3660cc;
  color: #fff;
}

.medical-theme-btn-s3 {
  font-size: 16px;
  font-size: 1.06667rem;
  padding: 10px 42px;
}

@media (max-width: 991px) {
  .medical-theme-btn-s3 {
    padding: 10px 35px;
  }
}

@media (max-width: 767px) {
  .medical-theme-btn-s3 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 8px 25px;
  }
}

/*******************************
	gym theme btns
*********************************/
.gym-theme-btn {
  font-family: "Poppins", sans-serif;
  background-color: #fa372c;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  padding: 10px 40px;
  display: inline-block;
}

@media (max-width: 1199px) {
  .gym-theme-btn {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 991px) {
  .gym-theme-btn {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 10px 30px;
  }
}

@media (max-width: 767px) {
  .gym-theme-btn {
    padding: 8px 25px;
  }
}

.gym-theme-btn:hover {
  background-color: #ed1206;
  color: #fff;
}

.gym-theme-btn-s2 {
  font-family: "Poppins", sans-serif;
  background-color: #fa372c;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  color: #fff;
  padding: 9px 35px;
  border-radius: 45px;
  display: inline-block;
}

@media (max-width: 991px) {
  .gym-theme-btn-s2 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 8px 30px;
  }
}

@media (max-width: 767px) {
  .gym-theme-btn-s2 {
    padding: 7px 25px;
  }
}

.gym-theme-btn-s2:hover {
  background-color: #ed1206;
  color: #fff;
}

.gym-theme-btn-s3 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fa372c;
  border: 2px solid #fa372c;
  padding: 6px 40px;
  display: inline-block;
  border-radius: 40px;
}

.gym-theme-btn-s3:hover {
  background-color: #fa372c;
  color: #fff;
}

@media (max-width: 1199px) {
  .gym-theme-btn-s3 {
    font-size: 16px;
    font-size: 1.06667rem;
    padding: 6px 30px;
  }
}

@media (max-width: 991px) {
  .gym-theme-btn-s3 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 6px 25px;
  }
}

@media (max-width: 767px) {
  .gym-theme-btn-s3 {
    padding: 6px 22px;
  }
}

/*******************************
	restaurant theme btns
*********************************/
.restaurant-theme-btn, .restaurant-theme-btn-s2, .restaurant-theme-btn-s3 {
  font-family: "Poppins", sans-serif;
  background-color: #fa372c;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  padding: 10px 40px;
  display: inline-block;
  border-radius: 40px;
}

@media (max-width: 1199px) {
  .restaurant-theme-btn, .restaurant-theme-btn-s2, .restaurant-theme-btn-s3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 991px) {
  .restaurant-theme-btn, .restaurant-theme-btn-s2, .restaurant-theme-btn-s3 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 10px 30px;
  }
}

@media (max-width: 767px) {
  .restaurant-theme-btn, .restaurant-theme-btn-s2, .restaurant-theme-btn-s3 {
    padding: 8px 25px;
  }
}

.restaurant-theme-btn:hover, .restaurant-theme-btn-s2:hover, .restaurant-theme-btn-s3:hover {
  background-color: #ed1206;
  color: #fff;
}

.restaurant-theme-btn-s2 {
  background-color: transparent;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  padding: 9px 38px;
  color: #fa372c;
  border: 1px dashed #fa372c;
}

.restaurant-theme-btn-s2:hover {
  background-color: #fa372c;
  color: #fff;
}

@media (max-width: 991px) {
  .restaurant-theme-btn-s2 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 9px 30px;
  }
}

@media (max-width: 767px) {
  .restaurant-theme-btn-s2 {
    padding: 7px 25px;
  }
}

.restaurant-theme-btn-s3 {
  border-radius: 0;
  padding: 10px 30px;
}

@media (max-width: 1199px) {
  .restaurant-theme-btn-s3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 991px) {
  .restaurant-theme-btn-s3 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 10px 25px;
  }
}

@media (max-width: 767px) {
  .restaurant-theme-btn-s3 {
    padding: 8px 20px;
  }
}

/*******************************
	photography theme btns
*********************************/
.photography-theme-btn {
  font-family: "Poppins", sans-serif;
  background-color: #3a5cef;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 500;
  color: #fff;
  padding: 7px 28px;
  display: inline-block;
}

@media (max-width: 1199px) {
  .photography-theme-btn {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

@media (max-width: 991px) {
  .photography-theme-btn {
    font-size: 15px;
    font-size: 1rem;
  }
}

.photography-theme-btn:hover {
  background-color: #123ae4;
  color: #fff;
}

/*******************************
	agency theme btns
*********************************/
.agency-theme-btn {
  font-family: "Poppins", sans-serif;
  background: #fff;
  background: #4357fb;
  background: -webkit-linear-gradient(left, #4357fb, #9f20ff);
  background: -moz-linear-gradient(left, #4357fb, #9f20ff);
  background: -o-linear-gradient(left, #4357fb, #9f20ff);
  background: -ms-linear-gradient(left, #4357fb, #9f20ff);
  background: -webkit-gradient(linear, left top, right top, from(#4357fb), to(#9f20ff));
  background: linear-gradient(left, #4357fb, #9f20ff);
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  padding: 10px 45px;
  display: inline-block;
  border-radius: 40px;
  position: relative;
}

@media (max-width: 1199px) {
  .agency-theme-btn {
    font-size: 16px;
    font-size: 1.06667rem;
    padding: 10px 35px;
  }
}

@media (max-width: 767px) {
  .agency-theme-btn {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 8px 25px;
  }
}

.agency-theme-btn:before {
  background: #fff;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.agency-theme-btn:hover {
  background: #4357fb;
  background: -webkit-linear-gradient(left, #9f20ff, #4357fb);
  background: -moz-linear-gradient(left, #9f20ff, #4357fb);
  background: -o-linear-gradient(left, #9f20ff, #4357fb);
  background: -ms-linear-gradient(left, #9f20ff, #4357fb);
  background: -webkit-gradient(linear, left top, right top, from(#9f20ff), to(#4357fb));
  background: linear-gradient(left, #9f20ff, #4357fb);
  color: #fff;
}

.agency-theme-btn-s2 {
  font-family: "Poppins", sans-serif;
  background: #4357fb;
  background: -webkit-linear-gradient(left, #4357fb, #9f20ff);
  background: -moz-linear-gradient(left, #4357fb, #9f20ff);
  background: -o-linear-gradient(left, #4357fb, #9f20ff);
  background: -ms-linear-gradient(left, #4357fb, #9f20ff);
  background: -webkit-gradient(linear, left top, right top, from(#4357fb), to(#9f20ff));
  background: linear-gradient(left, #4357fb, #9f20ff);
  font-size: 15px;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  padding: 12px 36px;
  border-radius: 40px;
  display: inline-block;
  -webkit-box-shadow: 0 3px 4px rgba(159, 32, 255, 0.5);
  box-shadow: 0 3px 4px rgba(159, 32, 255, 0.5);
}

@media (max-width: 991px) {
  .agency-theme-btn-s2 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 10px 30px;
  }
}

@media (max-width: 767px) {
  .agency-theme-btn-s2 {
    padding: 9px 25px;
  }
}

.agency-theme-btn-s2:hover {
  color: #fff;
  background: #9f20ff;
  background: -webkit-linear-gradient(left, #9f20ff, #4357fb);
  background: -moz-linear-gradient(left, #9f20ff, #4357fb);
  background: -o-linear-gradient(left, #9f20ff, #4357fb);
  background: -ms-linear-gradient(left, #9f20ff, #4357fb);
  background: -webkit-gradient(linear, left top, right top, from(#9f20ff), to(#4357fb));
  background: linear-gradient(left, #9f20ff, #4357fb);
}

/*******************************
	seo theme btns
*********************************/
.seo-theme-btn {
  font-family: "Poppins", sans-serif;
  background-color: #f06b5a;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
  text-decoration: underline;
  padding: 10px 28px;
  display: inline-block;
}

@media (max-width: 991px) {
  .seo-theme-btn {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

@media (max-width: 767px) {
  .seo-theme-btn {
    padding: 8px 20px;
  }
}

.seo-theme-btn:hover {
  background-color: #ec412b;
  color: #fff;
}

.seo-theme-btn-s2 {
  font-family: "Poppins", sans-serif;
  background-color: #f06b5a;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
  padding: 9px 50px;
  display: inline-block;
  border-radius: 5px;
}

.seo-theme-btn-s2:hover {
  color: #fff;
  opacity: 0.9;
}

@media (max-width: 767px) {
  .seo-theme-btn-s2 {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 9px 30px;
  }
}

.form input,
.form textarea,
.form select {
  border-color: #bfbfbf;
  border-radius: 0;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #595959;
}

.form input:focus,
.form textarea:focus,
.form select:focus {
  border-color: #443f45;
  -webkit-box-shadow: 0 0 5px 0 #5e5760;
  -moz-box-shadow: 0 0 5px 0 #5e5760;
  -o-box-shadow: 0 0 5px 0 #5e5760;
  -ms-box-shadow: 0 0 5px 0 #5e5760;
  box-shadow: 0 0 5px 0 #5e5760;
}

.form ::-webkit-input-placeholder {
  font-style: 14px;
  font-style: italic;
  color: #595959;
}

.form :-moz-placeholder {
  font-style: 14px;
  font-style: italic;
  color: #595959;
}

.form ::-moz-placeholder {
  font-style: 14px;
  font-style: italic;
  color: #595959;
}

.form :-ms-input-placeholder {
  font-style: 14px;
  font-style: italic;
  color: #595959;
}

.form select {
  font-style: italic;
  background: url(../images/select-icon.png) no-repeat right center;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  cursor: pointer;
}

.form select::-ms-expand {
  /* for IE 11 */
  display: none;
}

.social-links {
  overflow: hidden;
}

.social-links li {
  float: left;
}

.social-links li a {
  display: block;
  text-align: center;
}

.page-title {
  background: url("../images/page-title.jpg") center center/cover no-repeat local;
  height: 400px;
  text-align: center;
  position: relative;
  display: table;
  width: 100%;
}

.page-title .container {
  vertical-align: middle;
  display: table-cell;
}

.page-title h1,
.page-title ol {
  color: #fff;
}

.page-title .breadcrumb {
  background-color: transparent;
  padding: 0;
}

.page-title .breadcrumb a {
  color: #fff;
}

.preloader {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
}

.preloader div {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*****************************
	blog sidebar
******************************/
.blog-sidebar {
  max-width: 300px;
  margin-left: auto;
  /*** search-widget ***/
  /*** categories-widget ***/
  /*** recent-post-widget ***/
  /*** recont comments ***/
  /*** tagcloud-widget ***/
  /*** news-letter-widget ***/
  /*** instagram-wiget ***/
}

@media (max-width: 991px) {
  .blog-sidebar {
    max-width: 300px;
    padding-left: 0;
    margin-top: 80px;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .blog-sidebar {
    margin-top: 70px;
  }
}

.blog-sidebar ul {
  list-style: none;
}

.blog-sidebar > .widget + .widget {
  margin-top: 35px;
}

.blog-sidebar .widget:not(.search-widget) {
  padding: 44px 30px;
  border: 1px solid #e5e5e5;
}

@media (max-width: 767px) {
  .blog-sidebar .widget:not(.search-widget) {
    padding: 35px 20px;
  }
}

.blog-sidebar .widget > h3 {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 600;
  color: #051829;
  margin: 0 0 1.3em;
  position: relative;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .blog-sidebar .widget > h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.blog-sidebar .search-widget div,
.blog-sidebar .news-letter-widget div {
  position: relative;
}

.blog-sidebar .search-widget input,
.blog-sidebar .news-letter-widget input {
  height: 40px;
  border: 1px solid #e5e5e5;
  padding: 6px 80px 6px 15px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.blog-sidebar .search-widget button,
.blog-sidebar .news-letter-widget button {
  background-color: #051829;
  width: 50px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  border: 0;
  outline: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.blog-sidebar .search-widget button:hover,
.blog-sidebar .news-letter-widget button:hover {
  background-color: black;
}

.blog-sidebar .categories-widget ul > li + li {
  border-top: 1px solid #e1e1e1;
}

.blog-sidebar .categories-widget ul a {
  display: block;
  color: #5d5c5c;
  padding: 9px 0;
  position: relative;
}

.blog-sidebar .categories-widget ul a:hover {
  color: #000;
}

.blog-sidebar .categories-widget ul a span {
  position: absolute;
  right: 0;
}

.blog-sidebar .categories-widget ul a span:before {
  content: "(";
  position: relative;
  top: 1px;
}

.blog-sidebar .categories-widget ul a span:after {
  content: ")";
  position: relative;
  top: 1px;
}

.blog-sidebar .recent-post-widget .post {
  overflow: hidden;
}

.blog-sidebar .recent-post-widget > .post + .post {
  margin-top: 40px;
}

.blog-sidebar .recent-post-widget .entry-media {
  width: 75px;
  float: left;
}

.blog-sidebar .recent-post-widget .entry-details {
  width: calc(100% - 75px);
  float: left;
  padding-left: 15px;
}

.blog-sidebar .recent-post-widget .entry-details h4 {
  font-size: 15px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.4em;
  margin: 0 0 0.3em;
}

.blog-sidebar .recent-post-widget .entry-details h4 a {
  color: #51565a;
}

.blog-sidebar .recent-post-widget .entry-details h4 a:hover {
  color: #051829;
}

.blog-sidebar .recent-post-widget .date {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #bebfc0;
}

.blog-sidebar .recent-comments ul > li + li {
  margin-top: 22px;
}

.blog-sidebar .recent-comments ul li {
  border-bottom: 1px solid #eff1f3;
  padding-bottom: 10px;
  color: #4c4c4c;
  line-height: 1.6em;
}

.blog-sidebar .recent-comments .post-by {
  font-weight: normal;
}

.blog-sidebar .recent-comments a {
  color: #000001;
  font-weight: 600;
}

.blog-sidebar .recent-comments a:hover {
  color: #051829;
}

.blog-sidebar .tagcloud-widget > div {
  margin: 0 -5px;
}

.blog-sidebar .tagcloud-widget a {
  background-color: #f8f8fa;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #696e71;
  padding: 7px 10px;
  margin: 5px 3px;
  border: 1px solid #f2f2f2;
  display: inline-block;
}

.blog-sidebar .tagcloud-widget a:hover {
  background-color: #051829;
  color: #fff;
}

.blog-sidebar .news-letter-widget input {
  background-color: #f8f8fa;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.blog-sidebar .instagram-wiget ul {
  overflow: hidden;
  margin: 0 -10px;
}

.blog-sidebar .instagram-wiget ul li {
  width: calc(33.33% - 20px);
  float: left;
  margin: 0 10px 20px;
}

/**** pagination ****/
.pagination-wrapper {
  text-align: right;
  margin-top: 65px;
}

@media (max-width: 991px) {
  .pagination-wrapper {
    text-align: left;
    margin-top: 55px;
  }
}

@media (max-width: 767px) {
  .pagination-wrapper {
    margin-top: 45px;
  }
}

.pagination-wrapper .pg-pagination {
  display: inline-block;
  overflow: hidden;
  list-style-type: none;
  text-align: center;
}

.pagination-wrapper .pg-pagination li {
  float: left;
  margin-right: 10px;
}

@media (max-width: 767px) {
  .pagination-wrapper .pg-pagination li {
    margin-right: 5px;
  }
}

.pagination-wrapper .pg-pagination li:last-child {
  margin-right: 0;
}

.pagination-wrapper .pg-pagination li a {
  font-family: "Poppins", sans-serif;
  background-color: #e0e3e8;
  display: block;
  width: 27px;
  height: 27px;
  line-height: 27px;
  color: #051829;
  font-weight: 500;
  border-radius: 3px;
}

.pagination-wrapper .pg-pagination .active a,
.pagination-wrapper .pg-pagination li a:hover {
  background-color: #051829;
  color: #fff;
}

/*--------------------------------------------------------------
#0.3	header
--------------------------------------------------------------*/
.site-header {
  /* navigation open and close btn hide for width screen */
  /* style for navigation less than 992px */
  /*navbar collaps less then 992px*/
}

.site-header .site-logo {
  padding-left: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.site-header .navigation {
  background-color: #fff;
  margin-bottom: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.site-header .navigation > .container {
  position: relative;
}

.site-header #navbar {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  /*** mega-menu style ***/
}

.site-header #navbar ul {
  list-style: none;
}

.site-header #navbar > ul li a:hover {
  text-decoration: none;
  color: #443f45;
}

@media screen and (min-width: 992px) {
  .site-header #navbar {
    /*** hover effect ***/
  }
  .site-header #navbar li {
    position: relative;
  }
  .site-header #navbar > ul > li > a {
    font-family: "Poppins", sans-serif;
  }
  .site-header #navbar > ul .sub-menu {
    background-color: #fff;
    width: 220px;
    border-top: 2px solid #443f45;
    position: absolute;
    left: 0;
    top: 130%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .site-header #navbar > ul > li .sub-menu li {
    border-bottom: 1px solid #e6e6e6;
  }
  .site-header #navbar > ul > li .sub-menu a {
    font-size: 14px;
    font-size: 0.93333rem;
    display: block;
    padding: 8px 15px;
  }
  .site-header #navbar > ul > li > .sub-menu .sub-menu {
    left: 110%;
    top: 0;
  }
  .site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a {
    position: relative;
  }
  .site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before {
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 15px;
    font-size: 1rem;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .site-header #navbar > ul > li:hover > .sub-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
  }
  .site-header #navbar .sub-menu > li:hover > .sub-menu {
    left: 100%;
    visibility: visible;
    opacity: 1;
  }
}

@media (max-width: 991px) {
  .site-header #navbar > ul > li a {
    display: block;
    font-size: 14px;
    font-size: 0.93333rem;
  }
  .site-header #navbar > ul > li .sub-menu li {
    border-bottom: 1px solid #e6e6e6;
  }
  .site-header #navbar > ul .sub-menu > li:last-child {
    border-bottom: 0;
  }
  .site-header #navbar > ul > li > .sub-menu a {
    padding: 8px 15px 8px 45px;
  }
  .site-header #navbar > ul > li > .sub-menu .sub-menu a {
    padding: 8px 15px 8px 65px;
  }
  .site-header #navbar > ul .menu-item-has-children > a {
    position: relative;
  }
  .site-header #navbar > ul .menu-item-has-children > a:before {
    font-family: "FontAwesome";
    content: "\f107";
    font-size: 15px;
    font-size: 1rem;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .site-header #navbar .current-menu-item a {
    font-weight: bold;
    color: #443f45;
  }
}

@media screen and (min-width: 992px) {
  .site-header #navbar {
    /*** hover effect ***/
  }
  .site-header #navbar .has-mega-menu {
    position: static;
  }
  .site-header #navbar .mega-menu,
  .site-header #navbar .half-mega-menu {
    background-color: #fff;
    padding: 20px;
    border-top: 2px solid #443f45;
    position: absolute;
    right: 0;
    top: 120%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .site-header #navbar .mega-menu {
    width: 1140px;
    right: 15px;
  }
  .site-header #navbar .half-mega-menu {
    width: 585px;
  }
  .site-header #navbar .mega-menu-box-title {
    font-size: 14px;
    font-size: 0.93333rem;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    padding-bottom: 7px;
    margin-bottom: 7px;
    border-bottom: 1px solid #e6e6e6;
  }
  .site-header #navbar .mega-menu-list-holder li a {
    font-size: 14px;
    font-size: 0.93333rem;
    display: block;
    padding: 7px 8px;
    margin-left: -8px;
  }
  .site-header #navbar .has-mega-menu:hover > ul {
    top: 100%;
    visibility: visible;
    opacity: 1;
  }
}

@media (max-width: 1199px) {
  .site-header #navbar > ul .mega-menu {
    width: 950px;
    right: 15px;
  }
  .site-header #navbar > ul .half-mega-menu {
    width: 485px;
  }
}

@media (max-width: 991px) {
  .site-header #navbar > ul .mega-menu,
  .site-header #navbar > ul .half-mega-menu {
    width: auto;
  }
  .site-header #navbar > ul .mega-menu .row,
  .site-header #navbar > ul .half-mega-menu .row {
    margin: 0;
  }
  .site-header #navbar .mega-menu-content > .row > .col {
    margin-bottom: 25px;
  }
}

@media (max-width: 991px) {
  .site-header #navbar .mega-menu .mega-menu-list-holder a {
    padding: 5px 15px 5px 40px;
  }
  .site-header #navbar .mega-menu .mega-menu-box-title {
    font-size: 14px;
    font-size: 0.93333rem;
    text-transform: uppercase;
    display: block;
    border-bottom: 1px dotted #b3b3b3;
    padding: 0 0 4px 5px;
    margin: 0 25px 8px 25px;
  }
}

@media screen and (min-width: 992px) {
  .site-header .navbar-header .open-btn {
    display: none;
  }
  .site-header #navbar .close-navbar {
    display: none;
  }
}

@media (max-width: 991px) {
  .site-header {
    /* class for show hide navigation */
  }
  .site-header .container {
    width: 100%;
  }
  .site-header .navbar-header {
    min-height: 70px;
  }
  .site-header .navbar-header button {
    background-color: #443f45;
    width: 40px;
    height: 35px;
    border: 0;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    outline: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 20;
  }
  .site-header .navbar-header button span {
    background-color: #fff;
    display: block;
    height: 2px;
    margin-bottom: 5px;
  }
  .site-header .navbar-header button span:last-child {
    margin: 0;
  }
  .site-header #navbar {
    background: #fff;
    display: block !important;
    width: 280px;
    height: 100% !important;
    margin: 0;
    padding: 0;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    position: fixed;
    right: -300px;
    top: 0;
    z-index: 100;
  }
  .site-header #navbar ul a {
    color: #000;
  }
  .site-header #navbar ul a:hover,
  .site-header #navbar ul li.current a {
    color: #443f45;
  }
  .site-header #navbar .navbar-nav {
    height: 100%;
    overflow: auto;
  }
  .site-header #navbar .close-navbar {
    background-color: #443f45;
    width: 35px;
    height: 35px;
    color: #fff;
    border: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    outline: none;
    position: absolute;
    left: -18px;
    top: 10px;
    z-index: 20;
  }
  .site-header #navbar > ul > li {
    border-bottom: 1px solid #cccccc;
  }
  .site-header #navbar > ul > li > a {
    padding: 10px 15px 10px 35px;
  }
  .site-header .slideInn {
    right: 0 !important;
  }
}

@media (max-width: 767px) {
  .site-header #navbar .navbar-nav {
    margin: 0;
  }
}

@media (max-width: 991px) {
  .site-header .navbar-collapse.collapse {
    display: none;
  }
  .site-header .navbar-collapse.collapse.in {
    display: block;
  }
  .site-header .navbar-header .collapse,
  .site-header .navbar-toggle {
    display: block;
  }
  .site-header .navbar-header {
    float: none;
  }
  .site-header .navbar-right {
    float: none;
  }
  .site-header .navbar-nav {
    float: none;
  }
  .site-header .navbar-nav > li {
    float: none;
  }
}

/*********************************
	business header
*********************************/
.business-header, .finance-header, .consulting-header, .medical-header, .gym-header, .restaurant-header, .agency-header, .seo-header {
  /*** social and search area ***/
}

@media screen and (min-width: 992px) {
  .business-header .site-logo, .finance-header .site-logo, .consulting-header .site-logo, .medical-header .site-logo, .gym-header .site-logo, .restaurant-header .site-logo, .agency-header .site-logo, .seo-header .site-logo {
    padding-left: 0;
  }
}

.business-header .navigation, .finance-header .navigation, .consulting-header .navigation, .medical-header .navigation, .gym-header .navigation, .restaurant-header .navigation, .agency-header .navigation, .seo-header .navigation {
  background-color: #000;
}

@media screen and (min-width: 992px) {
  .business-header .navigation, .finance-header .navigation, .consulting-header .navigation, .medical-header .navigation, .gym-header .navigation, .restaurant-header .navigation, .agency-header .navigation, .seo-header .navigation {
    background-color: #000;
    min-height: auto;
  }
  .business-header #navbar, .finance-header #navbar, .consulting-header #navbar, .medical-header #navbar, .gym-header #navbar, .restaurant-header #navbar, .agency-header #navbar, .seo-header #navbar {
    margin-right: 120px;
  }
  .business-header #navbar > ul > li, .finance-header #navbar > ul > li, .consulting-header #navbar > ul > li, .medical-header #navbar > ul > li, .gym-header #navbar > ul > li, .restaurant-header #navbar > ul > li, .agency-header #navbar > ul > li, .seo-header #navbar > ul > li {
    padding: 40px 0;
  }
  .business-header #navbar > ul > li > a, .finance-header #navbar > ul > li > a, .consulting-header #navbar > ul > li > a, .medical-header #navbar > ul > li > a, .gym-header #navbar > ul > li > a, .restaurant-header #navbar > ul > li > a, .agency-header #navbar > ul > li > a, .seo-header #navbar > ul > li > a {
    color: #fff;
    padding: 0 10px;
    border-radius: 5px;
  }
  .business-header #navbar > ul > li > a:hover, .finance-header #navbar > ul > li > a:hover, .consulting-header #navbar > ul > li > a:hover, .medical-header #navbar > ul > li > a:hover, .gym-header #navbar > ul > li > a:hover, .restaurant-header #navbar > ul > li > a:hover, .agency-header #navbar > ul > li > a:hover, .seo-header #navbar > ul > li > a:hover,
  .business-header #navbar > ul > li.current-menu-item > a, .finance-header #navbar > ul > li.current-menu-item > a, .consulting-header #navbar > ul > li.current-menu-item > a, .medical-header #navbar > ul > li.current-menu-item > a, .gym-header #navbar > ul > li.current-menu-item > a, .restaurant-header #navbar > ul > li.current-menu-item > a, .agency-header #navbar > ul > li.current-menu-item > a, .seo-header #navbar > ul > li.current-menu-item > a {
    background-color: #443f45;
    color: #fff;
  }
}

@media screen and (min-width: 1200px) {
  .business-header #navbar > ul > li > a, .finance-header #navbar > ul > li > a, .consulting-header #navbar > ul > li > a, .medical-header #navbar > ul > li > a, .gym-header #navbar > ul > li > a, .restaurant-header #navbar > ul > li > a, .agency-header #navbar > ul > li > a, .seo-header #navbar > ul > li > a {
    padding: 0 15px;
  }
}

.business-header .search-social, .finance-header .search-social, .consulting-header .search-social, .medical-header .search-social, .gym-header .search-social, .restaurant-header .search-social, .agency-header .search-social, .seo-header .search-social {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 991px) {
  .business-header .search-social, .finance-header .search-social, .consulting-header .search-social, .medical-header .search-social, .gym-header .search-social, .restaurant-header .search-social, .agency-header .search-social, .seo-header .search-social {
    right: 80px;
  }
}

@media (max-width: 767px) {
  .business-header .search-social, .finance-header .search-social, .consulting-header .search-social, .medical-header .search-social, .gym-header .search-social, .restaurant-header .search-social, .agency-header .search-social, .seo-header .search-social {
    display: none;
  }
}

.business-header .search-social > div, .finance-header .search-social > div, .consulting-header .search-social > div, .medical-header .search-social > div, .gym-header .search-social > div, .restaurant-header .search-social > div, .agency-header .search-social > div, .seo-header .search-social > div {
  float: left;
}

.business-header .header-search-area, .finance-header .header-search-area, .consulting-header .header-search-area, .medical-header .header-search-area, .gym-header .header-search-area, .restaurant-header .header-search-area, .agency-header .header-search-area, .seo-header .header-search-area {
  margin-right: 30px;
}

@media (max-width: 991px) {
  .business-header .header-search-area, .finance-header .header-search-area, .consulting-header .header-search-area, .medical-header .header-search-area, .gym-header .header-search-area, .restaurant-header .header-search-area, .agency-header .header-search-area, .seo-header .header-search-area {
    margin-right: 30px;
  }
}

.business-header .social, .finance-header .social, .consulting-header .social, .medical-header .social, .gym-header .social, .restaurant-header .social, .agency-header .social, .seo-header .social {
  margin-right: 18px;
}

.business-header .social ul li, .finance-header .social ul li, .consulting-header .social ul li, .medical-header .social ul li, .gym-header .social ul li, .restaurant-header .social ul li, .agency-header .social ul li, .seo-header .social ul li {
  display: inline-block;
}

.business-header .social ul > li + li, .finance-header .social ul > li + li, .consulting-header .social ul > li + li, .medical-header .social ul > li + li, .gym-header .social ul > li + li, .restaurant-header .social ul > li + li, .agency-header .social ul > li + li, .seo-header .social ul > li + li {
  margin-left: 5px;
}

.business-header .social a:hover, .finance-header .social a:hover, .consulting-header .social a:hover, .medical-header .social a:hover, .gym-header .social a:hover, .restaurant-header .social a:hover, .agency-header .social a:hover, .seo-header .social a:hover {
  color: #5e5760;
}

.business-header .search-social button, .finance-header .search-social button, .consulting-header .search-social button, .medical-header .search-social button, .gym-header .search-social button, .restaurant-header .search-social button, .agency-header .search-social button, .seo-header .search-social button {
  background-color: transparent;
  padding: 0;
  border: 0;
  outline: 0;
}

.business-header .search-social button, .finance-header .search-social button, .consulting-header .search-social button, .medical-header .search-social button, .gym-header .search-social button, .restaurant-header .search-social button, .agency-header .search-social button, .seo-header .search-social button,
.business-header .search-social a, .finance-header .search-social a, .consulting-header .search-social a, .medical-header .search-social a, .gym-header .search-social a, .restaurant-header .search-social a, .agency-header .search-social a, .seo-header .search-social a {
  color: #fff;
}

/*********************************
	finance header
*********************************/
.finance-header, .consulting-header, .medical-header, .gym-header, .restaurant-header, .agency-header, .seo-header {
  /*** navigation ***/
}

.finance-header .site-logo, .consulting-header .site-logo, .medical-header .site-logo, .gym-header .site-logo, .restaurant-header .site-logo, .agency-header .site-logo, .seo-header .site-logo {
  padding-left: 15px;
}

.finance-header .topbar, .consulting-header .topbar, .medical-header .topbar, .gym-header .topbar, .restaurant-header .topbar, .agency-header .topbar, .seo-header .topbar {
  background-color: #012c57;
  color: #fff;
  padding: 15px 0;
  border-top: 1px solid #012548;
  border-bottom: 1px solid #012548;
  /*** language ***/
}

.finance-header .topbar .contact-info, .consulting-header .topbar .contact-info, .medical-header .topbar .contact-info, .gym-header .topbar .contact-info, .restaurant-header .topbar .contact-info, .agency-header .topbar .contact-info, .seo-header .topbar .contact-info {
  list-style: none;
  margin-top: 5px;
}

.finance-header .topbar .contact-info li, .consulting-header .topbar .contact-info li, .medical-header .topbar .contact-info li, .gym-header .topbar .contact-info li, .restaurant-header .topbar .contact-info li, .agency-header .topbar .contact-info li, .seo-header .topbar .contact-info li {
  display: inline-block;
  color: #fff;
}

@media (max-width: 767px) {
  .finance-header .topbar .contact-info li, .consulting-header .topbar .contact-info li, .medical-header .topbar .contact-info li, .gym-header .topbar .contact-info li, .restaurant-header .topbar .contact-info li, .agency-header .topbar .contact-info li, .seo-header .topbar .contact-info li {
    display: block;
    text-align: center;
  }
}

.finance-header .topbar .contact-info > li + li, .consulting-header .topbar .contact-info > li + li, .medical-header .topbar .contact-info > li + li, .gym-header .topbar .contact-info > li + li, .restaurant-header .topbar .contact-info > li + li, .agency-header .topbar .contact-info > li + li, .seo-header .topbar .contact-info > li + li {
  margin-left: 30px;
}

@media (max-width: 767px) {
  .finance-header .topbar .contact-info > li + li, .consulting-header .topbar .contact-info > li + li, .medical-header .topbar .contact-info > li + li, .gym-header .topbar .contact-info > li + li, .restaurant-header .topbar .contact-info > li + li, .agency-header .topbar .contact-info > li + li, .seo-header .topbar .contact-info > li + li {
    margin-left: 0;
    margin-top: 5px;
  }
}

.finance-header .topbar .contact-info i, .consulting-header .topbar .contact-info i, .medical-header .topbar .contact-info i, .gym-header .topbar .contact-info i, .restaurant-header .topbar .contact-info i, .agency-header .topbar .contact-info i, .seo-header .topbar .contact-info i {
  display: inline-block;
  padding-right: 3px;
  color: #fdd415;
}

.finance-header .topbar .language, .consulting-header .topbar .language, .medical-header .topbar .language, .gym-header .topbar .language, .restaurant-header .topbar .language, .agency-header .topbar .language, .seo-header .topbar .language {
  float: right;
}

@media (max-width: 767px) {
  .finance-header .topbar .language, .consulting-header .topbar .language, .medical-header .topbar .language, .gym-header .topbar .language, .restaurant-header .topbar .language, .agency-header .topbar .language, .seo-header .topbar .language {
    float: none;
    text-align: center;
  }
}

.finance-header .topbar .language i, .consulting-header .topbar .language i, .medical-header .topbar .language i, .gym-header .topbar .language i, .restaurant-header .topbar .language i, .agency-header .topbar .language i, .seo-header .topbar .language i {
  color: #fdd415;
}

.finance-header .topbar .select-box, .consulting-header .topbar .select-box, .medical-header .topbar .select-box, .gym-header .topbar .select-box, .restaurant-header .topbar .select-box, .agency-header .topbar .select-box, .seo-header .topbar .select-box {
  display: inline;
}

.finance-header .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .consulting-header .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .medical-header .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .gym-header .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .restaurant-header .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .agency-header .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .seo-header .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 65px;
}

.finance-header .topbar .bootstrap-select > .btn, .consulting-header .topbar .bootstrap-select > .btn, .medical-header .topbar .bootstrap-select > .btn, .gym-header .topbar .bootstrap-select > .btn, .restaurant-header .topbar .bootstrap-select > .btn, .agency-header .topbar .bootstrap-select > .btn, .seo-header .topbar .bootstrap-select > .btn {
  background-color: transparent;
  color: #fff;
  border: 0;
}

.finance-header .navigation, .consulting-header .navigation, .medical-header .navigation, .gym-header .navigation, .restaurant-header .navigation, .agency-header .navigation, .seo-header .navigation {
  background-color: #012f5c;
}

.finance-header .navbar-header button, .consulting-header .navbar-header button, .medical-header .navbar-header button, .gym-header .navbar-header button, .restaurant-header .navbar-header button, .agency-header .navbar-header button, .seo-header .navbar-header button {
  background-color: #fdd415;
}

.finance-header .site-logo, .consulting-header .site-logo, .medical-header .site-logo, .gym-header .site-logo, .restaurant-header .site-logo, .agency-header .site-logo, .seo-header .site-logo {
  left: 0;
}

@media screen and (min-width: 992px) {
  .finance-header #navbar > ul > li, .consulting-header #navbar > ul > li, .medical-header #navbar > ul > li, .gym-header #navbar > ul > li, .restaurant-header #navbar > ul > li, .agency-header #navbar > ul > li, .seo-header #navbar > ul > li {
    padding: 0;
  }
  .finance-header #navbar > ul > li > a, .consulting-header #navbar > ul > li > a, .medical-header #navbar > ul > li > a, .gym-header #navbar > ul > li > a, .restaurant-header #navbar > ul > li > a, .agency-header #navbar > ul > li > a, .seo-header #navbar > ul > li > a {
    padding: 30px 15px;
    position: relative;
  }
  .finance-header #navbar > ul > li > a:after, .consulting-header #navbar > ul > li > a:after, .medical-header #navbar > ul > li > a:after, .gym-header #navbar > ul > li > a:after, .restaurant-header #navbar > ul > li > a:after, .agency-header #navbar > ul > li > a:after, .seo-header #navbar > ul > li > a:after {
    content: "";
    background-color: #fdd415;
    width: 0;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .finance-header #navbar > ul > li > a:hover, .consulting-header #navbar > ul > li > a:hover, .medical-header #navbar > ul > li > a:hover, .gym-header #navbar > ul > li > a:hover, .restaurant-header #navbar > ul > li > a:hover, .agency-header #navbar > ul > li > a:hover, .seo-header #navbar > ul > li > a:hover,
  .finance-header #navbar > ul > li.current-menu-item > a, .consulting-header #navbar > ul > li.current-menu-item > a, .medical-header #navbar > ul > li.current-menu-item > a, .gym-header #navbar > ul > li.current-menu-item > a, .restaurant-header #navbar > ul > li.current-menu-item > a, .agency-header #navbar > ul > li.current-menu-item > a, .seo-header #navbar > ul > li.current-menu-item > a {
    background-color: transparent;
  }
  .finance-header #navbar > ul > li > a:hover:after, .consulting-header #navbar > ul > li > a:hover:after, .medical-header #navbar > ul > li > a:hover:after, .gym-header #navbar > ul > li > a:hover:after, .restaurant-header #navbar > ul > li > a:hover:after, .agency-header #navbar > ul > li > a:hover:after, .seo-header #navbar > ul > li > a:hover:after,
  .finance-header #navbar > ul > li.current-menu-item > a:after, .consulting-header #navbar > ul > li.current-menu-item > a:after, .medical-header #navbar > ul > li.current-menu-item > a:after, .gym-header #navbar > ul > li.current-menu-item > a:after, .restaurant-header #navbar > ul > li.current-menu-item > a:after, .agency-header #navbar > ul > li.current-menu-item > a:after, .seo-header #navbar > ul > li.current-menu-item > a:after {
    width: 15px;
    opacity: 1;
  }
}

.finance-header .social a:hover, .consulting-header .social a:hover, .medical-header .social a:hover, .gym-header .social a:hover, .restaurant-header .social a:hover, .agency-header .social a:hover, .seo-header .social a:hover {
  color: #fdd415;
}

/*********************************
	consulting header
*********************************/
.consulting-header {
  /*** topbar ***/
  /*** navigation ***/
}

.consulting-header .topbar {
  background-color: #15191a;
  padding: 8px 0;
}

.consulting-header .topbar i {
  color: #efb945;
}

.consulting-header .topbar .address-language {
  text-align: right;
}

@media (max-width: 991px) {
  .consulting-header .topbar .address-language {
    text-align: center;
    margin-top: 10px;
  }
}

.consulting-header .topbar .address,
.consulting-header .topbar .language {
  display: inline-block;
  float: none;
}

@media (max-width: 991px) {
  .consulting-header .topbar .address,
  .consulting-header .topbar .language {
    display: block;
  }
}

.consulting-header .topbar .address {
  margin-right: 30px;
}

@media (max-width: 991px) {
  .consulting-header .topbar .address {
    margin-right: 0;
  }
}

.consulting-header .topbar .address i {
  display: inline-block;
  padding-right: 5px;
}

@media (max-width: 991px) {
  .consulting-header .topbar .contact-info {
    text-align: center;
  }
  .consulting-header .topbar .contact-info li {
    display: block;
    margin-bottom: 5px;
  }
}

.consulting-header .navigation {
  background-color: #fff;
  border-bottom: 1px solid #e6e2e2;
}

@media screen and (min-width: 992px) {
  .consulting-header #navbar > ul > li > a {
    color: #000000;
    font-weight:bold;
  }
  .consulting-header #navbar > ul > li > a:after {
    display: none;
  }
  .consulting-header #navbar > ul > li > a:hover,
  .consulting-header #navbar > ul > li.current-menu-item > a {
    color: #000;
  }
}

.consulting-header .search-social button,
.consulting-header .search-social a {
  color: #000;
}

.consulting-header .search-social a:hover {
  color: #efb945;
}

/*********************************
	construction header
*********************************/
.construction-header {
  /*** lower topbar ***/
}

.construction-header .topbar {
  background-color: #000;
  font-size: 14px;
  font-size: 0.93333rem;
  padding: 12px 0;
  border-bottom: 1px solid #222b32;
}

@media (max-width: 767px) {
  .construction-header .topbar .topbar-contact-info-wrapper {
    text-align: center;
  }
}

.construction-header .topbar .topbar-contact-info {
  overflow: hidden;
}

@media (max-width: 767px) {
  .construction-header .topbar .topbar-contact-info {
    display: inline-block;
  }
}

.construction-header .topbar .topbar-contact-info > div > i {
  font-size: 18px;
  font-size: 1.2rem;
  color: #efb945;
  position: absolute;
  left: 0;
}

.construction-header .topbar .topbar-contact-info > div {
  display: inline-block;
  float: left;
  padding-left: 30px;
  position: relative;
}

@media (max-width: 767px) {
  .construction-header .topbar .topbar-contact-info > div {
    float: none;
    display: block;
    text-align: left;
  }
}

.construction-header .topbar .topbar-contact-info > div + div {
  margin-left: 35px;
}

.construction-header .topbar .details p {
  color: #b5b5b5;
  margin: 0;
}

@media (max-width: 991px) {
  .construction-header .topbar .details p {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.construction-header .topbar .social {
  float: right;
  margin-right: 15px;
}

@media (max-width: 767px) {
  .construction-header .topbar .social {
    float: none;
    text-align: center;
  }
}

.construction-header .topbar .social > span {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #efb945;
  position: relative;
}

.construction-header .topbar .social-links {
  list-style: none;
  display: inline-block;
  position: relative;
  top: 7px;
  left: 8px;
}

.construction-header .topbar .social-links > li + li {
  margin-left: 15px;
}

.construction-header .topbar .social-links li a {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #fff;
}

.construction-header .lower-topbar {
  background-color: #000;
  padding: 12px 0 20px;
}

@media (max-width: 991px) {
  .construction-header .lower-topbar {
    border-bottom: 1px solid #d4d2d2;
  }
}

.construction-header .lower-topbar .site-logo {
  margin: 22px 0 0 -15px;
}

@media (max-width: 767px) {
  .construction-header .lower-topbar .site-logo {
    margin: 20px auto 0;
    position: static;
    text-align: center;
  }
}

.construction-header .lower-topbar .awards {
  float: right;
  overflow: hidden;
  position: relative;
  top: 5px;
}

@media (max-width: 767px) {
  .construction-header .lower-topbar .awards {
    float: none;
    padding-top: 17px;
    margin: 10px -15px 0;
    border-top: 1px solid #222b32;
  }
}

.construction-header .lower-topbar .awards > div {
  min-height: 43px;
  padding-left: 58px;
  position: relative;
  float: left;
}

@media (max-width: 767px) {
  .construction-header .lower-topbar .awards > div {
    width: 210px;
    float: none;
    margin: 0 auto 10px;
  }
}

@media (max-width: 991px) {
  .construction-header .lower-topbar .awards > div {
    padding-left: 40px;
  }
}

.construction-header .lower-topbar .awards > div:first-child {
  margin-right: 40px;
}

@media (max-width: 767px) {
  .construction-header .lower-topbar .awards > div:first-child {
    margin-right: auto;
  }
}

.construction-header .lower-topbar .awards .icon {
  position: absolute;
  left: 0;
  top: -8px;
}

.construction-header .lower-topbar .awards .icon .fi:before {
  font-size: 44px;
  font-size: 2.93333rem;
  color: #efb945;
}

@media (max-width: 991px) {
  .construction-header .lower-topbar .awards .icon .fi:before {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

.construction-header .lower-topbar .awards h4 {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
  font-weight: 600;
  margin: 0 0 0.2em;
}

@media (max-width: 991px) {
  .construction-header .lower-topbar .awards h4 {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.construction-header .lower-topbar .awards p {
  font-size: 12px;
  font-size: 0.8rem;
  color: #9a9a9a;
  margin: 0;
}

.construction-header .navigation {
  border-bottom: 1px solid #e2dfdf;
}

.construction-header .request-quote {
  font-family: "Poppins", sans-serif;
  background-color: #efb945;
  width: 165px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-weight: 600;
  color: #052139;
  position: absolute;
  right: 15px;
  top: 0;
}

@media (max-width: 991px) {
  .construction-header .request-quote {
    width: 135px;
    height: 45px;
    line-height: 45px;
    right: auto;
    left: 15px;
    top: 10px;
  }
}

.construction-header .header-search-area {
  position: absolute;
  right: 195px;
  top: 15px;
}

@media (max-width: 991px) {
  .construction-header .header-search-area {
    right: 75px;
    top: 25px;
  }
}

.construction-header .header-search-area button {
  background-color: transparent;
  color: #000;
  border: 0;
  padding: 0;
}

@media screen and (min-width: 992px) {
  .construction-header .navigation .container {
    padding-left: 0;
  }
  .construction-header #navbar > ul > li:first-child a {
    padding-left: 0;
  }
  .construction-header #navbar > ul > li > a {
    font-weight: 500;
    color: #a1a1a1;
  }
  .construction-header #navbar > ul > li > a:hover,
  .construction-header #navbar > ul > li.current-menu-item a {
    color: #000;
  }
}

/*********************************
	transport header
*********************************/
.transport-header {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  /*** topbar ***/
  /*** navigation ***/
}

@media (max-width: 991px) {
  .transport-header {
    background-color: #09152c;
    position: static;
  }
}

@media (max-width: 767px) {
  .transport-header .topbar {
    text-align: center;
  }
}

.transport-header .topbar p {
  margin-bottom: 0;
}

.transport-header .topbar p,
.transport-header .topbar li {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #fff;
}

@media (max-width: 991px) {
  .transport-header .topbar p,
  .transport-header .topbar li {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

.transport-header .topbar > .container {
  padding: 14px 15px;
  position: relative;
}

.transport-header .topbar > .container:before {
  content: "";
  background-color: #3f5265;
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  left: 15;
  bottom: 0;
}

@media (max-width: 991px) {
  .transport-header .topbar > .container:before {
    background-color: #0d1f41;
  }
}

.transport-header .topbar .contact-info {
  list-style: none;
  margin-top: 2px;
  float: right;
  overflow: hidden;
}

@media (max-width: 767px) {
  .transport-header .topbar .contact-info {
    float: none;
    margin-top: 3px;
  }
}

.transport-header .topbar .contact-info li i {
  display: inline-block;
  padding-right: 3px;
}

.transport-header .topbar .contact-info > li {
  float: left;
}

@media (max-width: 767px) {
  .transport-header .topbar .contact-info > li {
    float: none;
  }
}

.transport-header .topbar .contact-info > li + li {
  margin-left: 30px;
}

@media (max-width: 767px) {
  .transport-header .topbar .contact-info > li + li {
    margin: 5px 0 0 0;
  }
}

.transport-header .site-logo {
  left: 0;
}

.transport-header .navbar-header button,
.transport-header #navbar .close-navbar {
  background-color: #ea1414;
}

.transport-header .navigation {
  background-color: transparent;
}

@media screen and (min-width: 992px) {
  .transport-header #navbar {
    margin-right: 155px;
  }
  .transport-header #navbar > ul > li > a {
    font-size: 14px;
    font-size: 0.93333rem;
    color: #fff;
    padding: 19px 15px;
    position: relative;
  }
  .transport-header #navbar > ul > li > a:after {
    content: "";
    background: #ea1414;
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 18px;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
  }
  .transport-header #navbar > ul > li > a:hover,
  .transport-header #navbar > ul > li > a:focus {
    color: #fff;
  }
  .transport-header #navbar > ul > li > a:hover:after,
  .transport-header #navbar > ul > li.current-menu-item a:after {
    width: 70%;
    opacity: 1;
  }
}

@media screen and (min-width: 1200px) {
  .transport-header #navbar {
    margin-right: 255px;
  }
}

.transport-header .hotline {
  background-color: #ea1414;
  width: 226px;
  height: 58px;
  line-height: 58px;
  font-size: 18px;
  font-size: 1.2rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  position: absolute;
  right: 15px;
  top: 0;
}

@media (max-width: 1199px) {
  .transport-header .hotline {
    width: 160px;
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 991px) {
  .transport-header .hotline {
    display: none;
  }
}

/*********************************
	lawyer header
*********************************/
.lawyer-header, .event-header, .app-landing-header, .portfolio-header, .hotel-header {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}

@media screen and (min-width: 992px) {
  .lawyer-header .site-logo, .event-header .site-logo, .app-landing-header .site-logo, .portfolio-header .site-logo, .hotel-header .site-logo {
    padding-left: 0;
  }
}

.lawyer-header .navigation, .event-header .navigation, .app-landing-header .navigation, .portfolio-header .navigation, .hotel-header .navigation {
  background-color: transparent;
}

@media (max-width: 991px) {
  .lawyer-header .navigation, .event-header .navigation, .app-landing-header .navigation, .portfolio-header .navigation, .hotel-header .navigation {
    border-bottom: 1px solid #272526;
  }
}

@media screen and (min-width: 992px) {
  .lawyer-header .navigation, .event-header .navigation, .app-landing-header .navigation, .portfolio-header .navigation, .hotel-header .navigation {
    background-color: transparent;
  }
  .lawyer-header #navbar, .event-header #navbar, .app-landing-header #navbar, .portfolio-header #navbar, .hotel-header #navbar {
    margin-right: 45px;
  }
  .lawyer-header #navbar > ul > li > a, .event-header #navbar > ul > li > a, .app-landing-header #navbar > ul > li > a, .portfolio-header #navbar > ul > li > a, .hotel-header #navbar > ul > li > a {
    color: #6a6a6a;
    font-weight: 500;
    padding: 35px 15px;
    position: relative;
  }
  .lawyer-header #navbar > ul > li > a:before, .event-header #navbar > ul > li > a:before, .app-landing-header #navbar > ul > li > a:before, .portfolio-header #navbar > ul > li > a:before, .hotel-header #navbar > ul > li > a:before {
    content: "";
    background-color: #d5aa6d;
    width: 0;
    height: 3px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
  }
  .lawyer-header #navbar > ul > li > a:hover, .event-header #navbar > ul > li > a:hover, .app-landing-header #navbar > ul > li > a:hover, .portfolio-header #navbar > ul > li > a:hover, .hotel-header #navbar > ul > li > a:hover,
  .lawyer-header #navbar > ul > li.current-menu-item > a, .event-header #navbar > ul > li.current-menu-item > a, .app-landing-header #navbar > ul > li.current-menu-item > a, .portfolio-header #navbar > ul > li.current-menu-item > a, .hotel-header #navbar > ul > li.current-menu-item > a {
    color: #fff;
  }
  .lawyer-header #navbar > ul > li > a:hover:before, .event-header #navbar > ul > li > a:hover:before, .app-landing-header #navbar > ul > li > a:hover:before, .portfolio-header #navbar > ul > li > a:hover:before, .hotel-header #navbar > ul > li > a:hover:before,
  .lawyer-header #navbar > ul > li.current-menu-item > a:before, .event-header #navbar > ul > li.current-menu-item > a:before, .app-landing-header #navbar > ul > li.current-menu-item > a:before, .portfolio-header #navbar > ul > li.current-menu-item > a:before, .hotel-header #navbar > ul > li.current-menu-item > a:before {
    width: 70%;
    opacity: 1;
  }
}

@media screen and (min-width: 1200px) {
  .lawyer-header #navbar, .event-header #navbar, .app-landing-header #navbar, .portfolio-header #navbar, .hotel-header #navbar {
    margin-right: 145px;
  }
}

.lawyer-header .search-social, .event-header .search-social, .app-landing-header .search-social, .portfolio-header .search-social, .hotel-header .search-social {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 991px) {
  .lawyer-header .search-social, .event-header .search-social, .app-landing-header .search-social, .portfolio-header .search-social, .hotel-header .search-social {
    right: 65px;
  }
}

.lawyer-header .header-search-area button, .event-header .header-search-area button, .app-landing-header .header-search-area button, .portfolio-header .header-search-area button, .hotel-header .header-search-area button {
  background: transparent;
  color: #6a6a6a;
  border: 0;
  outline: 0;
}

.lawyer-header .navbar-header button, .event-header .navbar-header button, .app-landing-header .navbar-header button, .portfolio-header .navbar-header button, .hotel-header .navbar-header button,
.lawyer-header #navbar .close-navbar, .event-header #navbar .close-navbar, .app-landing-header #navbar .close-navbar, .portfolio-header #navbar .close-navbar, .hotel-header #navbar .close-navbar {
  background-color: #d5aa6d;
}

/*********************************
	event header
*********************************/
@media screen and (min-width: 992px) {
  .event-header #navbar > ul > li > a {
    font-size: 14px;
    font-size: 0.93333rem;
    color: #fff;
    text-transform: uppercase;
  }
  .event-header #navbar > ul > li > a:before {
    display: none;
  }
  .event-header #navbar > ul > li > a:hover,
  .event-header #navbar > ul > li.current-menu-item > a {
    color: #f43131;
    background: -webkit-linear-gradient(#f48d31, #f43131);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
  }
}

.event-header .header-search-area button {
  color: #fff;
}

.event-header .navbar-header button,
.event-header #navbar .close-navbar {
  background: #f48d31;
  background: -webkit-linear-gradient(left, #f48d31, #f43131);
  background: -moz-linear-gradient(left, #f48d31, #f43131);
  background: -o-linear-gradient(left, #f48d31, #f43131);
  background: -ms-linear-gradient(left, #f48d31, #f43131);
  background: -webkit-gradient(linear, left top, right top, from(#f48d31), to(#f43131));
  background: linear-gradient(left, #f48d31, #f43131);
}

/*********************************
	app landing header
*********************************/
@media screen and (min-width: 992px) {
  .app-landing-header .site-logo, .portfolio-header .site-logo, .hotel-header .site-logo {
    padding-left: 0;
  }
  .app-landing-header #navbar, .portfolio-header #navbar, .hotel-header #navbar {
    margin-right: 40px;
  }
  .app-landing-header #navbar > ul > li > a, .portfolio-header #navbar > ul > li > a, .hotel-header #navbar > ul > li > a {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.93333rem;
    color: #1c50ad;
  }
  .app-landing-header #navbar > ul > li > a:before, .portfolio-header #navbar > ul > li > a:before, .hotel-header #navbar > ul > li > a:before {
    display: none;
  }
  .app-landing-header #navbar > ul > li > a:hover, .portfolio-header #navbar > ul > li > a:hover, .hotel-header #navbar > ul > li > a:hover,
  .app-landing-header #navbar > ul > li.current-menu-item > a, .portfolio-header #navbar > ul > li.current-menu-item > a, .hotel-header #navbar > ul > li.current-menu-item > a {
    color: #fff;
  }
}

@media screen and (min-width: 1200px) {
  .app-landing-header #navbar, .portfolio-header #navbar, .hotel-header #navbar {
    margin-right: 60px;
  }
}

.app-landing-header .header-search-area button, .portfolio-header .header-search-area button, .hotel-header .header-search-area button {
  color: #000;
}

.app-landing-header .navbar-header button, .portfolio-header .navbar-header button, .hotel-header .navbar-header button,
.app-landing-header #navbar .close-navbar, .portfolio-header #navbar .close-navbar, .hotel-header #navbar .close-navbar {
  background-color: #20b8ff;
}

@media (max-width: 991px) {
  .app-landing-header .navigation, .portfolio-header .navigation, .hotel-header .navigation {
    border-bottom: 1px solid #6ac0e4;
  }
}

.app-landing-home .header-search-form form button {
  background-color: #20b8ff;
}

/*********************************
	portfolio header
*********************************/
@media screen and (min-width: 992px) {
  .portfolio-header #navbar > ul > li {
    position: relative;
    padding: 42px 0;
  }
  .portfolio-header #navbar > ul > li:after {
    content: "/";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .portfolio-header #navbar > ul > li:last-child:after {
    display: none;
  }
  .portfolio-header #navbar > ul > li > a {
    padding: 0 30px;
    text-transform: inherit;
    color: #a3a3a3;
  }
  .portfolio-header #navbar > ul > li > a:hover,
  .portfolio-header #navbar > ul > li.current-menu-item > a {
    color: #181818;
  }
  .portfolio-header #navbar .dots {
    width: 13px;
    height: 3px;
    margin: 0 auto;
    opacity: 0;
  }
  .portfolio-header #navbar .dots > span + span {
    margin-left: -2px;
  }
  .portfolio-header #navbar .dots span {
    background-color: #000;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    display: inline-block;
  }
  .portfolio-header #navbar > ul > li > a:hover + .dots {
    opacity: 1;
  }
}

@media (max-width: 991px) {
  .portfolio-header .navigation {
    border-bottom: 1px solid #dedbdb;
  }
}

.portfolio-header .header-search-area button {
  color: #181818;
}

.portfolio-header .navbar-header button,
.portfolio-header #navbar .close-navbar {
  background-color: #181818;
}

/*********************************
	church header
*********************************/
@media screen and (min-width: 992px) {
  .church-header .site-logo {
    padding-left: 0;
  }
  .church-header #navbar {
    margin-right: 175px;
  }
  .church-header #navbar > ul > li > a {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-size: 0.93333rem;
    font-weight: 500;
    color: #000001;
    padding: 30px 8px;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1200px) {
  .church-header #navbar {
    margin-right: 195px;
  }
  .church-header #navbar > ul > li > a {
    padding: 30px 15px;
  }
}

.church-header #navbar > ul > li > a:hover,
.church-header #navbar > ul > li.current-menu-item a {
  color: #e4af4e;
}

.church-header .search-donate {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 991px) {
  .church-header .search-donate {
    right: 70px;
  }
}

@media (max-width: 767px) {
  .church-header .search-donate {
    display: none;
  }
}

.church-header .header-search-area {
  position: absolute;
  left: -60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1199px) {
  .church-header .header-search-area {
    left: -45px;
  }
}

.church-header .header-search-area button {
  background-color: transparent;
  color: #000001;
  border: 0;
  outline: 0;
}

.church-header .navbar-header button,
.church-header #navbar .close-navbar {
  background-color: #e4af4e;
}

/*********************************
	hotel header
*********************************/
.hotel-header {
  /*** topbar ***/
  /*** navigation ***/
}

@media (max-width: 991px) {
  .hotel-header {
    background-color: #111;
    position: static;
  }
}

.hotel-header .topbar {
  padding: 17px 0;
}

.hotel-header .topbar .account-lang {
  font-family: "Poppins", sans-serif;
  display: inline-block;
  float: right;
}

.hotel-header .topbar .account-lang > div {
  float: left;
}

.hotel-header .topbar .account-lang a {
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}

.hotel-header .topbar .account-lang ul {
  list-style: none;
  overflow: hidden;
}

.hotel-header .topbar .account-lang ul li {
  float: left;
}

.hotel-header .topbar .account {
  margin-right: 33px;
}

.hotel-header .topbar .account i {
  display: inline-block;
  width: 19px;
  height: 19px;
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}

.hotel-header .topbar .lang ul > li + li {
  margin-left: 14px;
}

.hotel-header .topbar .lang a {
  color: #c19b77;
}

.hotel-header .topbar .lang a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 992px) {
  .hotel-header .navigation > .container {
    background-color: #111;
  }
  .hotel-header #navbar > ul > li > a {
    padding: 35px 8px;
    color: #8a8a8a;
  }
}

@media screen and (min-width: 1200px) {
  .hotel-header #navbar > ul > li > a {
    padding: 35px 15px;
  }
}

@media (max-width: 991px) {
  .hotel-header .navigation {
    border-top: 1px solid #252323;
    border-bottom: 0;
  }
  .hotel-header #navbar > ul > li > a:hover {
    color: #c19b77;
  }
}

.hotel-header .search-social {
  right: 50px;
}

@media (max-width: 1199px) {
  .hotel-header .search-social {
    right: 25px;
  }
}

.hotel-header .header-search-area button {
  color: #8a8a8a;
}

.hotel-header .navbar-header button,
.hotel-header #navbar .close-navbar {
  background-color: #c19b77;
}

/*********************************
	medical header
*********************************/
.medical-header, .gym-header, .restaurant-header, .agency-header, .seo-header {
  /*** navigation ***/
}

@media screen and (min-width: 992px) {
  .medical-header .site-logo, .gym-header .site-logo, .restaurant-header .site-logo, .agency-header .site-logo, .seo-header .site-logo {
    padding-left: 15px !important;
  }
  .medical-header .social, .gym-header .social, .restaurant-header .social, .agency-header .social, .seo-header .social {
    margin-right: 10px;
  }
}

.medical-header .topbar, .gym-header .topbar, .restaurant-header .topbar, .agency-header .topbar, .seo-header .topbar {
  font-family: "Poppins", sans-serif;
  background-color: #3c4d6d;
  border: 0;
}

.medical-header .topbar .contact-info i, .gym-header .topbar .contact-info i, .restaurant-header .topbar .contact-info i, .agency-header .topbar .contact-info i, .seo-header .topbar .contact-info i {
  color: #fff;
}

.medical-header .topbar .contact-info li, .gym-header .topbar .contact-info li, .restaurant-header .topbar .contact-info li, .agency-header .topbar .contact-info li, .seo-header .topbar .contact-info li {
  font-size: 16px;
  font-size: 1.06667rem;
}

@media (max-width: 991px) {
  .medical-header .topbar .contact-info li, .gym-header .topbar .contact-info li, .restaurant-header .topbar .contact-info li, .agency-header .topbar .contact-info li, .seo-header .topbar .contact-info li {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.medical-header .topbar .contact-info li span, .gym-header .topbar .contact-info li span, .restaurant-header .topbar .contact-info li span, .agency-header .topbar .contact-info li span, .seo-header .topbar .contact-info li span {
  font-weight: bold;
}

.medical-header .topbar .language ul, .gym-header .topbar .language ul, .restaurant-header .topbar .language ul, .agency-header .topbar .language ul, .seo-header .topbar .language ul {
  list-style: none;
}

.medical-header .navigation, .gym-header .navigation, .restaurant-header .navigation, .agency-header .navigation, .seo-header .navigation {
  background-color: #3660cc;
}

@media screen and (min-width: 992px) {
  .medical-header .site-logo, .gym-header .site-logo, .restaurant-header .site-logo, .agency-header .site-logo, .seo-header .site-logo {
    padding-left: 0;
  }
  .medical-header #navbar, .gym-header #navbar, .restaurant-header #navbar, .agency-header #navbar, .seo-header #navbar {
    margin-right: 140px;
  }
  .medical-header #navbar > ul > li > a, .gym-header #navbar > ul > li > a, .restaurant-header #navbar > ul > li > a, .agency-header #navbar > ul > li > a, .seo-header #navbar > ul > li > a {
    border-radius: 0;
    padding: 30px 12px;
  }
  .medical-header #navbar > ul > li > a:after, .gym-header #navbar > ul > li > a:after, .restaurant-header #navbar > ul > li > a:after, .agency-header #navbar > ul > li > a:after, .seo-header #navbar > ul > li > a:after {
    display: none;
  }
  .medical-header #navbar > ul > li > a:hover, .gym-header #navbar > ul > li > a:hover, .restaurant-header #navbar > ul > li > a:hover, .agency-header #navbar > ul > li > a:hover, .seo-header #navbar > ul > li > a:hover,
  .medical-header #navbar > ul > li.current-menu-item > a, .gym-header #navbar > ul > li.current-menu-item > a, .restaurant-header #navbar > ul > li.current-menu-item > a, .agency-header #navbar > ul > li.current-menu-item > a, .seo-header #navbar > ul > li.current-menu-item > a {
    background-color: #3c4d6d;
  }
}

@media screen and (min-width: 1200px) {
  .medical-header #navbar, .gym-header #navbar, .restaurant-header #navbar, .agency-header #navbar, .seo-header #navbar {
    margin-right: 140px;
  }
  .medical-header #navbar > ul > li > a, .gym-header #navbar > ul > li > a, .restaurant-header #navbar > ul > li > a, .agency-header #navbar > ul > li > a, .seo-header #navbar > ul > li > a {
    border-radius: 0;
    padding: 30px 15px;
  }
}

@media (max-width: 991px) {
  .medical-header #navbar > ul > li > a:hover, .gym-header #navbar > ul > li > a:hover, .restaurant-header #navbar > ul > li > a:hover, .agency-header #navbar > ul > li > a:hover, .seo-header #navbar > ul > li > a:hover,
  .medical-header #navbar > ul > li.current-menu-item > a, .gym-header #navbar > ul > li.current-menu-item > a, .restaurant-header #navbar > ul > li.current-menu-item > a, .agency-header #navbar > ul > li.current-menu-item > a, .seo-header #navbar > ul > li.current-menu-item > a {
    color: #3660cc;
  }
}

.medical-header .search-social, .gym-header .search-social, .restaurant-header .search-social, .agency-header .search-social, .seo-header .search-social {
  right: 15px;
}

@media (max-width: 991px) {
  .medical-header .search-social, .gym-header .search-social, .restaurant-header .search-social, .agency-header .search-social, .seo-header .search-social {
    right: 60px;
  }
}

.medical-header .search-social a:hover, .gym-header .search-social a:hover, .restaurant-header .search-social a:hover, .agency-header .search-social a:hover, .seo-header .search-social a:hover {
  color: #3c4d6d;
}

.medical-header .navbar-header button, .gym-header .navbar-header button, .restaurant-header .navbar-header button, .agency-header .navbar-header button, .seo-header .navbar-header button {
  background-color: #3c4d6d;
}

.medical-header #navbar .close-navbar, .gym-header #navbar .close-navbar, .restaurant-header #navbar .close-navbar, .agency-header #navbar .close-navbar, .seo-header #navbar .close-navbar {
  background-color: #3660cc;
}

/*********************************
	gym header
*********************************/
.gym-header, .restaurant-header, .agency-header {
  /*** topbar ***/
  /*** navigation ***/
}

@media screen and (min-width: 992px) {
  .gym-header, .restaurant-header, .agency-header {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
  }
}

.gym-header .topbar, .restaurant-header .topbar, .agency-header .topbar {
  background-color: transparent;
}

@media (max-width: 991px) {
  .gym-header .topbar, .restaurant-header .topbar, .agency-header .topbar {
    background-color: #121212;
    border-bottom: 1px solid #292929;
  }
}

@media (max-width: 767px) {
  .gym-header .topbar, .restaurant-header .topbar, .agency-header .topbar {
    text-align: center;
  }
}

.gym-header .topbar p, .restaurant-header .topbar p, .agency-header .topbar p {
  color: #a0a0a0;
  margin: 0;
}

@media (max-width: 991px) {
  .gym-header .topbar p, .restaurant-header .topbar p, .agency-header .topbar p {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

.gym-header .topbar .opening-hour, .restaurant-header .topbar .opening-hour, .agency-header .topbar .opening-hour {
  text-align: right;
}

@media (max-width: 767px) {
  .gym-header .topbar .opening-hour, .restaurant-header .topbar .opening-hour, .agency-header .topbar .opening-hour {
    text-align: center;
  }
}

.gym-header .navigation, .restaurant-header .navigation, .agency-header .navigation {
  background-color: transparent;
}

@media (max-width: 991px) {
  .gym-header .navigation, .restaurant-header .navigation, .agency-header .navigation {
    background-color: #121212;
  }
}

@media screen and (min-width: 992px) {
  .gym-header #navbar > ul > li, .restaurant-header #navbar > ul > li, .agency-header #navbar > ul > li {
    padding: 25px 0;
  }
  .gym-header #navbar > ul > li > a, .restaurant-header #navbar > ul > li > a, .agency-header #navbar > ul > li > a {
    font-weight: normal;
    color: #fefefe;
    padding: 5px 10px;
    position: relative;
  }
  .gym-header #navbar > ul > li > a:before, .restaurant-header #navbar > ul > li > a:before, .agency-header #navbar > ul > li > a:before {
    content: "";
    background-color: #fa372c;
    width: 30%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    opacity: 0;
  }
  .gym-header #navbar > ul > li > a:hover, .restaurant-header #navbar > ul > li > a:hover, .agency-header #navbar > ul > li > a:hover,
  .gym-header #navbar > ul > li.current-menu-item a, .restaurant-header #navbar > ul > li.current-menu-item a, .agency-header #navbar > ul > li.current-menu-item a {
    background-color: transparent;
  }
  .gym-header #navbar > ul > li > a:hover:before, .restaurant-header #navbar > ul > li > a:hover:before, .agency-header #navbar > ul > li > a:hover:before,
  .gym-header #navbar > ul > li.current-menu-item a:before, .restaurant-header #navbar > ul > li.current-menu-item a:before, .agency-header #navbar > ul > li.current-menu-item a:before {
    opacity: 1;
  }
}

@media screen and (min-width: 1200px) {
  .gym-header #navbar > ul > li > a, .restaurant-header #navbar > ul > li > a, .agency-header #navbar > ul > li > a {
    padding: 5px 15px;
  }
}

@media (max-width: 991px) {
  .gym-header #navbar > ul > li > a:hover, .restaurant-header #navbar > ul > li > a:hover, .agency-header #navbar > ul > li > a:hover,
  .gym-header #navbar > ul > li.current-menu-item a, .restaurant-header #navbar > ul > li.current-menu-item a, .agency-header #navbar > ul > li.current-menu-item a {
    font-weight: 600;
    color: #fa372c;
  }
}

.gym-header .social, .restaurant-header .social, .agency-header .social {
  margin-right: 0;
}

@media (max-width: 991px) {
  .gym-header .social, .restaurant-header .social, .agency-header .social {
    margin-right: 15px;
  }
}

.gym-header .social ul li a:hover, .restaurant-header .social ul li a:hover, .agency-header .social ul li a:hover {
  color: #fa372c;
}

.gym-header .navbar-header button, .restaurant-header .navbar-header button, .agency-header .navbar-header button,
.gym-header #navbar .close-navbar, .restaurant-header #navbar .close-navbar, .agency-header #navbar .close-navbar {
  background-color: #fa372c;
}

/*********************************
	restaurant header
*********************************/
@media screen and (min-width: 992px) {
  .restaurant-header {
    margin-top: 10px;
  }
}

@media screen and (min-width: 992px) {
  .restaurant-header #navbar > ul > li > a:before {
    content: "";
    background-color: #fa372c;
    width: 60%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    opacity: 0;
  }
}

/*********************************
	photography header
*********************************/
.photography-header {
  /*** topbar ***/
  /*** navigation ***/
}

@media screen and (min-width: 992px) {
  .photography-header {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 111;
  }
}

.photography-header .topbar {
  padding: 50px 45px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .photography-header .topbar {
    padding: 15px;
    border-bottom: 1px solid #eceaea;
  }
}

@media (max-width: 767px) {
  .photography-header .topbar {
    text-align: center;
  }
}

.photography-header .topbar .logo {
  float: left;
}

@media (max-width: 767px) {
  .photography-header .topbar .logo {
    width: 100%;
    float: none;
  }
}

.photography-header .topbar .social {
  float: right;
}

@media (max-width: 767px) {
  .photography-header .topbar .social {
    width: 100%;
    float: none;
  }
}

.photography-header .topbar .social ul {
  list-style-type: none;
  overflow: hidden;
}

@media (max-width: 767px) {
  .photography-header .topbar .social ul {
    margin-top: 15px;
    display: inline-block;
  }
}

.photography-header .topbar .social ul li {
  float: left;
}

.photography-header .topbar .social ul > li + li {
  margin-left: 20px;
}

.photography-header .topbar .social a {
  font-family: "Poppins", sans-serif;
  color: #969aa3;
}

@media (max-width: 991px) {
  .photography-header .topbar .social a {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

.photography-header .topbar .social a i {
  color: #000003;
  padding-right: 4px;
  display: inline-block;
}

@media screen and (min-width: 992px) {
  .photography-header .navigation {
    background-color: #fff;
    width: 170px;
    padding: 15px;
    position: fixed;
    right: -128px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: visible !important;
    -webkit-box-shadow: 0 1px 8px #c1bfbf;
    box-shadow: 0 1px 8px #c1bfbf;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .photography-header .navigation #navbar {
    padding: 0;
  }
  .photography-header .navigation:hover {
    right: 0;
  }
  .photography-header #navbar > ul > li + li {
    margin-top: 25px;
  }
  .photography-header #navbar > ul > li > a {
    padding: 0;
  }
  .photography-header .navbar-nav {
    width: 170px;
  }
  .photography-header .navbar-nav li {
    float: none;
  }
  .photography-header .navbar-nav > li a {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    color: #a0a1a3;
  }
  .photography-header .navbar-nav > li > a i {
    display: inline-block;
    padding-right: 5px;
  }
  .photography-header .navbar-nav > li a:hover {
    color: red;
  }
}

.photography-header #navbar > ul > li > a:hover,
.photography-header #navbar > ul > li.current-menu-item > a {
  color: #3a5cef;
}

.photography-header .navbar-header button,
.photography-header #navbar .close-navbar {
  background-color: #3a5cef;
}

/*********************************
	agency header
*********************************/
@media screen and (min-width: 992px) {
  .agency-header {
    top: 35px;
  }
}

.agency-header #navbar > ul > li > a {
  font-weight: 600;
}

.agency-header #navbar > ul > li.current-menu-item a,
.agency-header #navbar > ul > li > a:hover {
  color: #4357fb;
}

.agency-header .social ul li a:hover {
  color: #4357fb;
}

.agency-header .navbar-header button,
.agency-header #navbar .close-navbar {
  background-color: #4357fb;
  background: -webkit-linear-gradient(left, #4357fb, #9f20ff);
  background: -moz-linear-gradient(left, #4357fb, #9f20ff);
  background: -o-linear-gradient(left, #4357fb, #9f20ff);
  background: -ms-linear-gradient(left, #4357fb, #9f20ff);
  background: -webkit-gradient(linear, left top, right top, from(#4357fb), to(#9f20ff));
  background: linear-gradient(left, #4357fb, #9f20ff);
}

@media screen and (min-width: 992px) {
  .agency-header #navbar > ul > li > a {
    padding: 5px 15px;
  }
  .agency-header #navbar > ul > li > a:before {
    display: none;
  }
  .agency-header .navigation #navbar > ul > li > a:after {
    content: "";
    background: #4357fb;
    background: -webkit-linear-gradient(left, #4357fb, #9f20ff);
    background: -moz-linear-gradient(left, #4357fb, #9f20ff);
    background: -o-linear-gradient(left, #4357fb, #9f20ff);
    background: -ms-linear-gradient(left, #4357fb, #9f20ff);
    background: -webkit-gradient(linear, left top, right top, from(#4357fb), to(#9f20ff));
    background: linear-gradient(left, #4357fb, #9f20ff);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .agency-header .navigation #navbar > ul > li > a:hover:after,
  .agency-header .navigation #navbar > ul > li.current-menu-item a:after {
    opacity: 1;
  }
  .agency-header #navbar > ul > li > a:hover {
    color: #fff;
  }
}

@media screen and (min-width: 1200px) {
  .agency-header #navbar > ul > li > a {
    padding: 5px 20px;
  }
}

/*********************************
	seo header
*********************************/
.seo-header .navigation {
  background-color: #fff;
}

@media screen and (min-width: 992px) {
  .seo-header #navbar > ul > li > a {
    font-weight: 500;
    color: #3d4149;
    padding: 35px 10px;
  }
}

@media screen and (min-width: 1200px) {
  .seo-header #navbar > ul > li > a {
    padding: 35px 15px;
  }
}

.seo-header #navbar > ul > li > a:hover,
.seo-header #navbar > ul > li.current-menu-item a {
  background-color: transparent;
  color: #f06b5a;
}

.seo-header .search-social a,
.seo-header .search-social button {
  color: #3d4149;
}

.seo-header .search-social a:hover,
.seo-header .search-social button:hover {
  color: #f06b5a;
}

.seo-header .navbar-header button,
.seo-header #navbar .close-navbar {
  background-color: #f06b5a;
}

/*** header search form ***/
.header-search-form {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.95);
}

.header-search-form form {
  width: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  .header-search-form form {
    width: 300px;
  }
}

.header-search-form form input {
  height: 60px;
  font-size: 20px;
  padding: 15px 25px;
}

@media (max-width: 767px) {
  .header-search-form form input {
    height: 45px;
    font-size: 17px;
  }
}

.header-search-form form input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.header-search-form form button {
  background-color: #9c9c9c;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.header-search-form form button:focus,
.header-search-form form button:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*--------------------------------------------------------------
#0.4	hero slider
--------------------------------------------------------------*/
.hero {
  position: relative;
  height: 100vh;
  min-height: 600px;
  overflow: hidden;
  /** slider controls **/
}

@media (max-width: 991px) {
  .hero {
    min-height: 500px;
  }
}

@media (max-width: 767px) {
  .hero {
    min-height: 420px;
  }
}

.hero .slide {
  height: 100vh;
  min-height: 600px;
  position: relative;
  background-repeat: no-repeat;
  position: relative;
}

@media (max-width: 991px) {
  .hero .slide {
    min-height: 500px;
  }
}

@media (max-width: 767px) {
  .hero .slide {
    min-height: 420px;
  }
}

.hero .slide .slider-bg {
  display: none;
}

.hero .slide:focus {
  outline: none;
}

.hero .slide .container {
  height: 100%;
  display: table;
}

.hero .slide .row {
  display: table-cell;
  vertical-align: middle;
}

.hero .slick-prev,
.hero .slick-next {
  background-color: #443f45;
  width: 45px;
  height: 45px;
  line-height: 42px;
  border-radius: 50%;
  z-index: 10;
  opacity: 0.5;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 991px) {
  .hero .slick-prev,
  .hero .slick-next {
    opacity: 0;
    visibility: hidden;
  }
}

.hero .slick-prev:hover,
.hero .slick-next:hover {
  opacity: 1;
}

.hero .slick-prev:before,
.hero .slick-next:before {
  line-height: inherit;
}

.hero .slick-prev {
  left: 0;
}

@media screen and (min-width: 1300px) {
  .hero .slick-prev {
    left: 25px;
  }
}

.hero .slick-prev:before {
  font-family: "FontAwesome";
  content: "\f104";
  opacity: 1;
}

.hero .slick-next {
  right: 0;
}

@media screen and (min-width: 1300px) {
  .hero .slick-next {
    right: 25px;
  }
}

.hero .slick-next:before {
  font-family: "FontAwesome";
  content: "\f105";
  opacity: 1;
}

.hero .slick-dots {
  bottom: 20px;
}

@media screen and (min-width: 992px) {
  .hero .slick-dots {
    opacity: 0;
    visibility: hidden;
  }
}

.hero .slick-dots li {
  margin: 0;
}

.hero .slick-dots li button {
  background-color: #fff;
  width: 12px;
  height: 12px;
  margin: 0;
  border-radius: 50%;
}

.hero .slick-dots li.slick-active button {
  background-color: #443f45;
}

.hero .slick-dots li button:before {
  display: none;
}

.hero .btns > a:first-child {
  margin-right: 5px;
}

/*******************************
	business-hero-slider
********************************/
.business-hero-slider {
  height: 735px;
}

@media (max-width: 991px) {
  .business-hero-slider {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .business-hero-slider {
    height: 420px;
  }
}

.business-hero-slider .slide {
  height: 735px;
}

@media (max-width: 991px) {
  .business-hero-slider .slide {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .business-hero-slider .slide {
    height: 420px;
  }
  .business-hero-slider .slide:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
}

.business-hero-slider .slide-caption {
  padding-left: 70px;
  opacity: 0;
}

@media (max-width: 767px) {
  .business-hero-slider .slide-caption {
    padding-left: 15px;
  }
}

.business-hero-slider .slide-caption:before {
  content: "";
  background-color: rgba(68, 63, 69, 0.8);
  width: 83%;
  height: 150%;
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  .business-hero-slider .slide-caption:before {
    display: none;
  }
}

.business-hero-slider .slide-caption h2,
.business-hero-slider .slide-caption p,
.business-hero-slider .slide-caption a {
  position: relative;
}

.business-hero-slider h2 {
  font-size: 48px;
  font-size: 3.2rem;
  color: #fff;
  margin: 0 0 0.73em;
}

@media (max-width: 991px) {
  .business-hero-slider h2 {
    font-size: 38px;
    font-size: 2.53333rem;
  }
}

@media (max-width: 767px) {
  .business-hero-slider h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

.business-hero-slider h2 span {
  color: #2a272a;
}

.business-hero-slider p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
  margin: 0 0 2em;
}

@media screen and (min-width: 992px) {
  .business-hero-slider p {
    padding-right: 200px;
  }
}

@media (max-width: 991px) {
  .business-hero-slider p {
    font-size: 14px;
    font-size: 0.93333rem;
    padding-right: 100px;
  }
}

@media (max-width: 767px) {
  .business-hero-slider p {
    padding-right: 0;
  }
}

.business-hero-slider .about {
  position: relative;
  padding-left: 135px;
}

@media (max-width: 991px) {
  .business-hero-slider .about {
    padding-left: 100px;
  }
}

.business-hero-slider .about:before {
  content: "";
  background-color: #fff;
  width: 117px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 991px) {
  .business-hero-slider .about:before {
    width: 80px;
  }
}

.business-hero-slider .about a {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #aba4ac;
}

@media (max-width: 991px) {
  .business-hero-slider .about a {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.business-hero-slider .slick-prev,
.business-hero-slider .slick-next {
  background-color: #fff;
  opacity: 1;
  -webkit-box-shadow: 2px 0 7px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 0 7px rgba(0, 0, 0, 0.3);
}

.business-hero-slider .slick-prev:before,
.business-hero-slider .slick-next:before {
  color: #012f5c;
}

.business-hero-slider .slick-prev:hover,
.business-hero-slider .slick-next:hover {
  background-color: #443f45;
}

.business-hero-slider .slick-dots li.slick-active button {
  background-color: #443f45;
}

.business-hero-slider .slick-current .slide-caption {
  -webkit-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  animation: fadeInLeftSlow 1.5s 0.4s forwards;
}

/************************************
	finance-hero-slider
*************************************/
.finance-hero-slider, .consulting-hero-slider {
  /*** hero slider animation ***/
}

@media screen and (min-width: 992px) {
  .finance-hero-slider, .consulting-hero-slider {
    height: calc(100vh - 144px);
    min-height: 600px;
  }
}

@media screen and (min-width: 992px) {
  .finance-hero-slider .slide, .consulting-hero-slider .slide {
    height: calc(100vh - 144px);
  }
}

.finance-hero-slider .slide-caption h2, .consulting-hero-slider .slide-caption h2 {
  font-size: 60px;
  font-size: 4rem;
  color: #fff;
  margin: 0 0 0.3em;
}

@media (max-width: 1199px) {
  .finance-hero-slider .slide-caption h2, .consulting-hero-slider .slide-caption h2 {
    font-size: 50px;
    font-size: 3.33333rem;
  }
}

@media (max-width: 991px) {
  .finance-hero-slider .slide-caption h2, .consulting-hero-slider .slide-caption h2 {
    font-size: 40px;
    font-size: 2.66667rem;
  }
}

@media (max-width: 767px) {
  .finance-hero-slider .slide-caption h2, .consulting-hero-slider .slide-caption h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

.finance-hero-slider .slide-caption p, .consulting-hero-slider .slide-caption p {
  font-size: 18px;
  font-size: 1.2rem;
  color: #fff;
  margin: 0 0 2em;
}

@media (max-width: 767px) {
  .finance-hero-slider .slide-caption p, .consulting-hero-slider .slide-caption p {
    font-size: 15px;
    font-size: 1rem;
  }
}

.finance-hero-slider .slick-prev, .consulting-hero-slider .slick-prev,
.finance-hero-slider .slick-next, .consulting-hero-slider .slick-next {
  background-color: #fff;
  opacity: 1;
  -webkit-box-shadow: 2px 0 7px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 0 7px rgba(0, 0, 0, 0.3);
}

.finance-hero-slider .slick-prev:before, .consulting-hero-slider .slick-prev:before,
.finance-hero-slider .slick-next:before, .consulting-hero-slider .slick-next:before {
  color: #012f5c;
}

.finance-hero-slider .slick-prev:hover, .consulting-hero-slider .slick-prev:hover,
.finance-hero-slider .slick-next:hover, .consulting-hero-slider .slick-next:hover {
  background-color: #012f5c;
}

.finance-hero-slider .slick-prev:hover:before, .consulting-hero-slider .slick-prev:hover:before,
.finance-hero-slider .slick-next:hover:before, .consulting-hero-slider .slick-next:hover:before {
  color: #fff;
}

.finance-hero-slider .slick-dots li.slick-active button, .consulting-hero-slider .slick-dots li.slick-active button {
  background-color: #012f5c;
}

.finance-hero-slider .slide-caption > h2, .consulting-hero-slider .slide-caption > h2,
.finance-hero-slider .slide-caption > p, .consulting-hero-slider .slide-caption > p,
.finance-hero-slider .slide-caption > .btns, .consulting-hero-slider .slide-caption > .btns {
  color: #fff;
  opacity: 0;
}

.finance-hero-slider .slick-list .slick-current .slide-caption > h2, .consulting-hero-slider .slick-list .slick-current .slide-caption > h2 {
  -webkit-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  animation: fadeInLeftSlow 1.5s 0.8s forwards;
}

.finance-hero-slider .slick-list .slick-current .slide-caption > p, .consulting-hero-slider .slick-list .slick-current .slide-caption > p {
  -webkit-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  animation: fadeInLeftSlow 1.5s 1.4s forwards;
}

.finance-hero-slider .slick-list .slick-current .slide-caption > .btns, .consulting-hero-slider .slick-list .slick-current .slide-caption > .btns {
  -webkit-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  animation: fadeInLeftSlow 1.5s 1.8s forwards;
}

/************************************
	consulting-hero-slider
*************************************/
.consulting-hero-slider {
  height: 600px;
}

@media (max-width: 991px) {
  .consulting-hero-slider {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .consulting-hero-slider {
    height: 420px;
  }
}

.consulting-hero-slider .slide {
  height: 600px;
}

@media (max-width: 991px) {
  .consulting-hero-slider .slide {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .consulting-hero-slider .slide {
    height: 420px;
  }
}

.consulting-hero-slider .slide-caption > h2,
.consulting-hero-slider .slide-caption > p {
  color: #0f2142;
}

.consulting-hero-slider .slide-caption .btns a:first-child {
  margin-right: 10px;
}

@media (max-width: 767px) {
  .consulting-hero-slider .slide-caption .btns a:first-child {
    margin-right: 5px;
  }
}

.consulting-hero-slider .slick-prev,
.consulting-hero-slider .slick-next {
  background: #226acb;
  background: -webkit-linear-gradient(left, #226acb, #1b9bd1);
  background: -moz-linear-gradient(left, #226acb, #1b9bd1);
  background: -o-linear-gradient(left, #226acb, #1b9bd1);
  background: -ms-linear-gradient(left, #226acb, #1b9bd1);
  background: -webkit-gradient(linear, left top, right top, from(#226acb), to(#1b9bd1));
  background: linear-gradient(left, #226acb, #1b9bd1);
  border-radius: 0;
}

.consulting-hero-slider .slick-prev:before,
.consulting-hero-slider .slick-next:before {
  color: #fff;
}

/************************************
	construction-hero-slider
*************************************/
.construction-hero-slider {
  height: 675px;
  /*** hero slider animation ***/
}

@media (max-width: 991px) {
  .construction-hero-slider {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .construction-hero-slider {
    height: 420px;
  }
}

.construction-hero-slider .slide {
  height: 675px;
}

@media (max-width: 991px) {
  .construction-hero-slider .slide {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .construction-hero-slider .slide {
    height: 420px;
  }
}

.construction-hero-slider .slide-caption h2 {
  font-size: 48px;
  font-size: 3.2rem;
  color: #fff;
  margin: 0 0 0.3em;
}

.construction-hero-slider .slide-caption h2 span {
  color: #efb945;
}

@media (max-width: 991px) {
  .construction-hero-slider .slide-caption h2 {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

@media (max-width: 767px) {
  .construction-hero-slider .slide-caption h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

.construction-hero-slider .slide-caption p {
  font-size: 20px;
  font-size: 1.33333rem;
  color: #fff;
  margin: 0 0 2em;
  padding-right: 170px;
}

@media (max-width: 767px) {
  .construction-hero-slider .slide-caption p {
    font-size: 15px;
    font-size: 1rem;
    padding-right: 0;
  }
}

.construction-hero-slider .slick-prev,
.construction-hero-slider .slick-next {
  background-color: #efb945;
  opacity: 1;
  -webkit-box-shadow: 2px 0 7px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 0 7px rgba(0, 0, 0, 0.3);
}

.construction-hero-slider .slick-prev:before,
.construction-hero-slider .slick-next:before {
  color: #fff;
}

.construction-hero-slider .slick-prev:hover,
.construction-hero-slider .slick-next:hover {
  background-color: #eba716;
}

.construction-hero-slider .slick-dots li.slick-active button {
  background-color: #efb945;
}

.construction-hero-slider .slide-caption > h2,
.construction-hero-slider .slide-caption > p,
.construction-hero-slider .slide-caption > .btns {
  opacity: 0;
}

.construction-hero-slider .slick-list .slick-current .slide-caption > h2 {
  -webkit-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  animation: fadeInLeftSlow 1.5s 0.8s forwards;
}

.construction-hero-slider .slick-list .slick-current .slide-caption > p {
  -webkit-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  animation: fadeInLeftSlow 1.5s 1.4s forwards;
}

.construction-hero-slider .slick-list .slick-current .slide-caption > .btns {
  -webkit-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  animation: fadeInLeftSlow 1.5s 1.8s forwards;
}

/************************************
	transport-hero-slider
*************************************/
.transport-hero-slider {
  height: 850px;
  /*** hero slider animation ***/
}

@media (max-width: 991px) {
  .transport-hero-slider {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .transport-hero-slider {
    height: 420px;
  }
}

.transport-hero-slider .slide {
  height: 850px;
}

@media (max-width: 991px) {
  .transport-hero-slider .slide {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .transport-hero-slider .slide {
    height: 420px;
  }
}

@media (max-width: 991px) {
  .transport-hero-slider .slide {
    height: 450px;
  }
}

@media (max-width: 767px) {
  .transport-hero-slider .slide {
    height: 420px;
  }
}

.transport-hero-slider .slide-caption h2 {
  font-size: 48px;
  font-size: 3.2rem;
  color: #fff;
  margin: 0 0 0.5em;
}

.transport-hero-slider .slide-caption h2 span {
  color: #efb945;
}

@media (max-width: 991px) {
  .transport-hero-slider .slide-caption h2 {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

@media (max-width: 767px) {
  .transport-hero-slider .slide-caption h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

.transport-hero-slider .slide-caption p {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
  margin: 0 0 2em;
  padding-right: 110px;
}

@media (max-width: 991px) {
  .transport-hero-slider .slide-caption p {
    padding-right: 50px;
  }
}

@media (max-width: 767px) {
  .transport-hero-slider .slide-caption p {
    font-size: 15px;
    font-size: 1rem;
    padding-right: 0;
  }
}

.transport-hero-slider .slick-prev,
.transport-hero-slider .slick-next {
  background-color: #09152c;
  opacity: 1;
}

.transport-hero-slider .slick-prev:before,
.transport-hero-slider .slick-next:before {
  color: #fff;
}

.transport-hero-slider .slick-dots {
  display: block !important;
  opacity: 1;
  visibility: visible;
  bottom: 90px;
}

@media (max-width: 991px) {
  .transport-hero-slider .slick-dots {
    bottom: 20px;
  }
}

.transport-hero-slider .slick-dots li.slick-active button {
  border: 2px solid #ea1414;
  background-color: #fff;
}

.transport-hero-slider .slide-caption > h2,
.transport-hero-slider .slide-caption > p,
.transport-hero-slider .slide-caption > .btns {
  opacity: 0;
}

.transport-hero-slider .slick-list .slick-current .slide-caption > h2 {
  -webkit-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  animation: fadeInLeftSlow 1.5s 0.8s forwards;
}

.transport-hero-slider .slick-list .slick-current .slide-caption > p {
  -webkit-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  animation: fadeInLeftSlow 1.5s 1.4s forwards;
}

.transport-hero-slider .slick-list .slick-current .slide-caption > .btns {
  -webkit-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  animation: fadeInLeftSlow 1.5s 1.8s forwards;
}

/************************************
	lawyer-hero-slider
*************************************/
.lawyer-hero-slider {
  background-color: #0e0c0d;
  height: 820px;
  /*** hero slider animation ***/
}

@media (max-width: 991px) {
  .lawyer-hero-slider {
    height: 500px;
  }
}

.lawyer-hero-slider .slide {
  height: 820px;
}

@media (max-width: 991px) {
  .lawyer-hero-slider .slide {
    height: 500px;
  }
}

.lawyer-hero-slider .slide .row {
  position: relative;
}

.lawyer-hero-slider .slide .row > img {
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 991px) {
  .lawyer-hero-slider .slide .row > img {
    display: none;
  }
}

.lawyer-hero-slider .slide-caption {
  padding-top: 90px;
}

.lawyer-hero-slider .slide-caption > span,
.lawyer-hero-slider .slide-caption > p {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-size: 1.2rem;
  color: #6a6a6a;
}

.lawyer-hero-slider .slide-caption h2 {
  font-size: 48px;
  font-size: 3.2rem;
  color: #6a6a6a;
  margin: 0 0 0.3em;
}

.lawyer-hero-slider .slide-caption h2 span {
  color: #d5aa6d;
}

@media (max-width: 1199px) {
  .lawyer-hero-slider .slide-caption h2 {
    font-size: 42px;
    font-size: 2.8rem;
  }
}

@media (max-width: 991px) {
  .lawyer-hero-slider .slide-caption h2 {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

@media (max-width: 767px) {
  .lawyer-hero-slider .slide-caption h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

.lawyer-hero-slider .slide-caption > p {
  margin-bottom: 2em;
}

.lawyer-hero-slider .about a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #d5aa6d;
  padding: 8px 35px;
  display: inline-block;
  border: 1px solid #d5aa6d;
}

@media (max-width: 991px) {
  .lawyer-hero-slider .about a {
    font-size: 15px;
    font-size: 1rem;
    padding: 7px 28px;
  }
}

@media (max-width: 767px) {
  .lawyer-hero-slider .about a {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 7px 25px;
  }
}

.lawyer-hero-slider .about a:hover {
  background-color: #d5aa6d;
  color: #fff;
}

.lawyer-hero-slider .slick-prev,
.lawyer-hero-slider .slick-next {
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 992px) {
  .lawyer-hero-slider .slick-dots {
    height: 50px;
    visibility: visible;
    opacity: 1;
    position: absolute;
    left: 95%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .lawyer-hero-slider .slick-dots li {
    display: block;
  }
  .lawyer-hero-slider .slick-dots li button {
    background-color: transparent;
    border: 1px solid #909090;
  }
  .lawyer-hero-slider .slick-dots li.slick-active button {
    background-color: #d5aa6d;
    border-color: #d5aa6d;
  }
}

.lawyer-hero-slider .slide-caption > span,
.lawyer-hero-slider .slide-caption > h2,
.lawyer-hero-slider .slide-caption > p,
.lawyer-hero-slider .slide-caption > .about {
  opacity: 0;
}

.lawyer-hero-slider .slick-list .slick-current .slide-caption > span {
  -webkit-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  animation: fadeInLeftSlow 1.5s 0.8s forwards;
}

.lawyer-hero-slider .slick-list .slick-current .slide-caption > h2 {
  -webkit-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  animation: fadeInLeftSlow 1.5s 0.8s forwards;
}

.lawyer-hero-slider .slick-list .slick-current .slide-caption > p {
  -webkit-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  animation: fadeInLeftSlow 1.5s 1.4s forwards;
}

.lawyer-hero-slider .slick-list .slick-current .slide-caption > .about {
  -webkit-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  animation: fadeInLeftSlow 1.5s 1.8s forwards;
}

/************************************
	event-hero-slider
*************************************/
.event-hero-slider {
  /*** hero slider animation ***/
}

@media (max-width: 767px) {
  .event-hero-slider {
    min-height: 600px;
  }
}

.event-hero-slider .slide {
  text-align: center;
}

@media (max-width: 767px) {
  .event-hero-slider .slide {
    min-height: 600px;
  }
}

.event-hero-slider .slide-caption .date {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
  border-bottom: 1px dashed #f43131;
  display: inline-block;
}

.event-hero-slider .slide-caption h2 {
  font-size: 48px;
  font-size: 3.2rem;
  color: #fff;
  margin: 0.29em 0 0.44em;
  padding: 0 80px;
}

.event-hero-slider .slide-caption h2 span {
  color: #fff;
}

@media (max-width: 991px) {
  .event-hero-slider .slide-caption h2 {
    font-size: 35px;
    font-size: 2.33333rem;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .event-hero-slider .slide-caption h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.event-hero-slider .slide-caption p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
  margin: 0 0 2em;
}

@media (max-width: 767px) {
  .event-hero-slider .slide-caption p {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.event-hero-slider .slick-prev,
.event-hero-slider .slick-next {
  background: #f48d31;
  background: -webkit-linear-gradient(left, #f48d31, #f43131);
  background: -moz-linear-gradient(left, #f48d31, #f43131);
  background: -o-linear-gradient(left, #f48d31, #f43131);
  background: -ms-linear-gradient(left, #f48d31, #f43131);
  background: -webkit-gradient(linear, left top, right top, from(#f48d31), to(#f43131));
  background: linear-gradient(left, #f48d31, #f43131);
}

.event-hero-slider .slick-prev:before,
.event-hero-slider .slick-next:before {
  color: #fff;
}

.event-hero-slider .slick-dots li.slick-active button {
  background-color: #f48d31;
}

.event-hero-slider .slide-caption > h2,
.event-hero-slider .slide-caption > span,
.event-hero-slider .slide-caption > p,
.event-hero-slider .slide-caption > .btns {
  opacity: 0;
}

.event-hero-slider .slick-list .slick-current .slide-caption > h2,
.event-hero-slider .slick-list .slick-current .slide-caption > span {
  -webkit-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  animation: fadeInLeftSlow 1.5s 0.8s forwards;
}

.event-hero-slider .slick-list .slick-current .slide-caption > p {
  -webkit-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  animation: fadeInLeftSlow 1.5s 1.4s forwards;
}

.event-hero-slider .slick-list .slick-current .slide-caption > .btns {
  -webkit-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  animation: fadeInLeftSlow 1.5s 1.8s forwards;
}

/************************************
	app-landing hero section
*************************************/
.app-landing-hero-section {
  background: url("../images/app-landing/hero-bg.jpg") center center/cover no-repeat local;
  width: 100%;
  display: table;
  height: 840px;
}

@media (max-width: 991px) {
  .app-landing-hero-section {
    height: 600px;
  }
}

@media (max-width: 767px) {
  .app-landing-hero-section {
    height: 500px;
  }
}

.app-landing-hero-section .container {
  position: relative;
}

.app-landing-hero-section .hero-inner {
  display: table-cell;
  vertical-align: middle;
}

.app-landing-hero-section .hero-inner .slider-phone {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 991px) {
  .app-landing-hero-section .hero-inner .slider-phone {
    max-width: 180px;
  }
}

@media (max-width: 767px) {
  .app-landing-hero-section .hero-inner .slider-phone {
    display: none;
  }
}

.app-landing-hero-section h2 {
  font-size: 36px;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.33em;
  color: #fff;
  margin: 0 0 1.22em;
}

@media (max-width: 991px) {
  .app-landing-hero-section h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .app-landing-hero-section h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.app-landing-hero-section .btns a {
  font-family: "Poppins", sans-serif;
  background-color: #000;
  height: 50px;
  line-height: 47px;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 600;
  color: #feffff;
  padding: 0 22px;
  border-radius: 8px;
  display: inline-block;
}

@media (max-width: 767px) {
  .app-landing-hero-section .btns a {
    height: 45px;
    line-height: 43px;
    font-size: 13px;
    font-size: 0.86667rem;
    font-weight: 500;
    padding: 0 20px;
    margin-bottom: 5px;
  }
}

.app-landing-hero-section .btns a img {
  display: inline-block;
  padding-right: 10px;
}

@media (max-width: 767px) {
  .app-landing-hero-section .btns a img {
    width: 25px;
  }
}

/************************************
	portfolio-hero-slider
*************************************/
.portfolio-hero-slider {
  text-align: center;
  /** slider controls **/
  /*** hero slider animation ***/
}

.portfolio-hero-slider .slide-caption {
  margin-top: -80px;
}

@media (max-width: 767px) {
  .portfolio-hero-slider .slide-caption {
    margin-top: 0;
  }
}

.portfolio-hero-slider .slide-caption h4,
.portfolio-hero-slider .slide-caption h2 {
  color: #000;
  font-weight: 600;
}

.portfolio-hero-slider .slide-caption h4 {
  font-size: 24px;
  font-size: 1.6rem;
  margin: 0 0 0.37em;
}

@media (max-width: 767px) {
  .portfolio-hero-slider .slide-caption h4 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.portfolio-hero-slider .slide-caption h2 {
  font-size: 36px;
  font-size: 2.4rem;
  margin: 0 0 0.69em;
}

@media (max-width: 767px) {
  .portfolio-hero-slider .slide-caption h2 {
    font-size: 28px;
    font-size: 1.86667rem;
  }
}

.portfolio-hero-slider .text-dots {
  width: 27px;
  height: 6px;
  margin: 0 auto;
}

.portfolio-hero-slider .text-dots span {
  background-color: #000;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
}

.portfolio-hero-slider .slick-prev,
.portfolio-hero-slider .slick-next {
  background-color: #fff;
  border-radius: 0;
}

.portfolio-hero-slider .slick-prev:before,
.portfolio-hero-slider .slick-next:before {
  color: #010101;
}

.portfolio-hero-slider .slide-caption > h2,
.portfolio-hero-slider .slide-caption > h4,
.portfolio-hero-slider .slide-caption > .text-dots {
  opacity: 0;
}

.portfolio-hero-slider .slick-list .slick-current .slide-caption > h4 {
  -webkit-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  animation: fadeInLeftSlow 1.5s 0.8s forwards;
}

.portfolio-hero-slider .slick-list .slick-current .slide-caption > h2 {
  -webkit-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  animation: fadeInLeftSlow 1.5s 1.4s forwards;
}

.portfolio-hero-slider .slick-list .slick-current .slide-caption > .text-dots {
  -webkit-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  animation: fadeInLeftSlow 1.5s 1.8s forwards;
}

/************************************
	church-hero-slider
*************************************/
.church-hero-slider {
  height: 730px;
  /*** hero slider animation ***/
}

@media (max-width: 991px) {
  .church-hero-slider {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .church-hero-slider {
    height: 500px;
  }
}

.church-hero-slider .slide {
  height: 730px;
}

@media (max-width: 991px) {
  .church-hero-slider .slide {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .church-hero-slider .slide {
    height: 500px;
  }
}

.church-hero-slider .slide-caption {
  text-align: center;
}

.church-hero-slider .slide-caption .subtitle {
  background: url("../images/church/slider/cross.png") center center/auto no-repeat local;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #e4af4e;
  padding-top: 85px;
  display: block;
}

.church-hero-slider .slide-caption h2 {
  font-size: 48px;
  font-size: 3.2rem;
  color: #fff;
  margin: 5px 0 0.31em;
}

@media (max-width: 991px) {
  .church-hero-slider .slide-caption h2 {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

@media (max-width: 767px) {
  .church-hero-slider .slide-caption h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

.church-hero-slider .slide-caption p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
  margin: 0 0 2.5em;
  padding: 0 15px;
}

@media (max-width: 767px) {
  .church-hero-slider .slide-caption p {
    font-size: 15px;
    font-size: 1rem;
    padding: 0;
  }
}

.church-hero-slider .slick-prev,
.church-hero-slider .slick-next {
  background-color: #e4af4e;
}

.church-hero-slider .slick-prev:before,
.church-hero-slider .slick-next:before {
  color: #fff;
}

.church-hero-slider .slick-dots li.slick-active button {
  background-color: #e4af4e;
}

.church-hero-slider .slide-caption > .subtitle,
.church-hero-slider .slide-caption > h2,
.church-hero-slider .slide-caption > p,
.church-hero-slider .slide-caption > .btns {
  opacity: 0;
}

.church-hero-slider .slick-list .slick-current .slide-caption > .subtitle {
  -webkit-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  animation: fadeInLeftSlow 1.5s 0.4s forwards;
}

.church-hero-slider .slick-list .slick-current .slide-caption > h2 {
  -webkit-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  animation: fadeInLeftSlow 1.5s 0.8s forwards;
}

.church-hero-slider .slick-list .slick-current .slide-caption > p {
  -webkit-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  animation: fadeInLeftSlow 1.5s 1.4s forwards;
}

.church-hero-slider .slick-list .slick-current .slide-caption > .btns {
  -webkit-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.8s forwards;
  animation: fadeInLeftSlow 1.5s 1.8s forwards;
}

/************************************
	hotel-hero-slider
*************************************/
.hotel-hero-slider {
  text-align: center;
  /*** hero slider animation ***/
}

.hotel-hero-slider .slide-caption h2 {
  font-size: 60px;
  font-size: 4rem;
  font-weight: bold;
  color: #fff;
  margin: 0 0 7px;
}

@media (max-width: 1199px) {
  .hotel-hero-slider .slide-caption h2 {
    font-size: 50px;
    font-size: 3.33333rem;
  }
}

@media (max-width: 991px) {
  .hotel-hero-slider .slide-caption h2 {
    font-size: 45px;
    font-size: 3rem;
  }
}

@media (max-width: 767px) {
  .hotel-hero-slider .slide-caption h2 {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

.hotel-hero-slider .slide-caption h2 span {
  font-weight: normal;
  font-style: italic;
}

.hotel-hero-slider .star i {
  font-size: 24px;
  font-size: 1.6rem;
  color: #fff;
  display: inline-block;
}

@media (max-width: 991px) {
  .hotel-hero-slider .star i {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 767px) {
  .hotel-hero-slider .star i {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.hotel-hero-slider .star > i:nth-child(2) {
  font-size: 30px;
  font-size: 2rem;
}

@media (max-width: 991px) {
  .hotel-hero-slider .star > i:nth-child(2) {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .hotel-hero-slider .star > i:nth-child(2) {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.hotel-hero-slider .star > i + i {
  margin-left: 23px;
}

@media (max-width: 991px) {
  .hotel-hero-slider .star > i + i {
    margin-left: 15px;
  }
}

@media (max-width: 767px) {
  .hotel-hero-slider .star > i + i {
    margin-left: 12px;
  }
}

.hotel-hero-slider .slick-prev,
.hotel-hero-slider .slick-next {
  background-color: #c19b77;
}

.hotel-hero-slider .slick-prev:before,
.hotel-hero-slider .slick-next:before {
  color: #fff;
}

.hotel-hero-slider .slick-dots li.slick-active button {
  background-color: #c19b77;
}

.hotel-hero-slider .slide-caption > h2,
.hotel-hero-slider .slide-caption > .star {
  opacity: 0;
}

.hotel-hero-slider .slick-list .slick-current .slide-caption > h2,
.hotel-hero-slider .slick-list .slick-current .slide-caption > .star {
  -webkit-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  animation: fadeInLeftSlow 1.5s 0.4s forwards;
}

/************************************
	medical-hero-slider
*************************************/
.medical-hero-slider {
  height: 700px;
  border-bottom: 1px solid #d5d5d5;
  /*** hero slider animation ***/
}

@media (max-width: 991px) {
  .medical-hero-slider {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .medical-hero-slider {
    height: 420px;
  }
}

.medical-hero-slider .slide {
  height: 700px;
}

@media (max-width: 991px) {
  .medical-hero-slider .slide {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .medical-hero-slider .slide {
    height: 420px;
  }
}

.medical-hero-slider h2 {
  font-size: 42px;
  font-size: 2.8rem;
  color: #3c4d6d;
  margin: 0 0 0.31em;
}

@media (max-width: 991px) {
  .medical-hero-slider h2 {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

@media (max-width: 767px) {
  .medical-hero-slider h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

.medical-hero-slider h2 span {
  color: #2a272a;
}

.medical-hero-slider p {
  font-size: 18px;
  font-size: 1.2rem;
  color: #3c4d6d;
  margin: 0 0 3em;
}

@media (max-width: 991px) {
  .medical-hero-slider p {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 767px) {
  .medical-hero-slider p {
    font-size: 15px;
    font-size: 1rem;
  }
}

.medical-hero-slider .slick-prev,
.medical-hero-slider .slick-next {
  background-color: transparent;
  opacity: 1;
  border: 2px solid #3660cc;
}

.medical-hero-slider .slick-prev:before,
.medical-hero-slider .slick-next:before {
  color: #3660cc;
}

.medical-hero-slider .slick-prev:hover,
.medical-hero-slider .slick-next:hover {
  background-color: #3660cc;
}

.medical-hero-slider .slick-prev:hover:before,
.medical-hero-slider .slick-next:hover:before {
  color: #fff;
}

.medical-hero-slider .slick-dots li button {
  background-color: #c5c5c5;
}

.medical-hero-slider .slick-dots li.slick-active button {
  background-color: #3660cc;
}

.medical-hero-slider .slide-caption > h2,
.medical-hero-slider .slide-caption > p,
.medical-hero-slider .slide-caption > .btns {
  opacity: 0;
}

.medical-hero-slider .slick-list .slick-current .slide-caption > h2 {
  -webkit-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  animation: fadeInLeftSlow 1.5s 0.4s forwards;
}

.medical-hero-slider .slick-list .slick-current .slide-caption > p {
  -webkit-animation: fadeInLeftSlow 1.5s 1s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1s forwards;
  animation: fadeInLeftSlow 1.5s 1s forwards;
}

.medical-hero-slider .slick-list .slick-current .slide-caption > .btns {
  -webkit-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  animation: fadeInLeftSlow 1.5s 1.4s forwards;
}

/************************************
	gym-hero-slider
*************************************/
.gym-hero-slider, .agency-hero-slider {
  /***slider animation ***/
}

@media screen and (min-width: 992px) {
  .gym-hero-slider .slide-caption, .agency-hero-slider .slide-caption {
    padding-top: 70px;
  }
}

.gym-hero-slider h2, .agency-hero-slider h2 {
  font-size: 42px;
  font-size: 2.8rem;
  line-height: 1.43em;
  color: #fff;
  margin: 0 0 0.36em;
}

@media (max-width: 1199px) {
  .gym-hero-slider h2, .agency-hero-slider h2 {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

@media (max-width: 991px) {
  .gym-hero-slider h2, .agency-hero-slider h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .gym-hero-slider h2, .agency-hero-slider h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.gym-hero-slider p, .agency-hero-slider p {
  font-size: 18px;
  font-size: 1.2rem;
  color: #fff;
  margin: 0 0 2em;
}

@media (max-width: 991px) {
  .gym-hero-slider p, .agency-hero-slider p {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 767px) {
  .gym-hero-slider p, .agency-hero-slider p {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.gym-hero-slider .slick-prev, .agency-hero-slider .slick-prev,
.gym-hero-slider .slick-next, .agency-hero-slider .slick-next {
  background-color: transparent;
  opacity: 1;
  border: 2px solid #fff;
}

.gym-hero-slider .slick-prev:before, .agency-hero-slider .slick-prev:before,
.gym-hero-slider .slick-next:before, .agency-hero-slider .slick-next:before {
  color: #fff;
}

.gym-hero-slider .slick-prev:hover, .agency-hero-slider .slick-prev:hover,
.gym-hero-slider .slick-next:hover, .agency-hero-slider .slick-next:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.gym-hero-slider .slick-prev:hover:before, .agency-hero-slider .slick-prev:hover:before,
.gym-hero-slider .slick-next:hover:before, .agency-hero-slider .slick-next:hover:before {
  color: #fff;
}

.gym-hero-slider .slick-dots li button, .agency-hero-slider .slick-dots li button {
  background-color: #c5c5c5;
}

.gym-hero-slider .slick-dots li.slick-active button, .agency-hero-slider .slick-dots li.slick-active button {
  background-color: #fa372c;
}

.gym-hero-slider .slide-caption > h2, .agency-hero-slider .slide-caption > h2,
.gym-hero-slider .slide-caption > p, .agency-hero-slider .slide-caption > p,
.gym-hero-slider .slide-caption > .btns, .agency-hero-slider .slide-caption > .btns {
  opacity: 0;
}

.gym-hero-slider .slick-list .slick-current .slide-caption > h2, .agency-hero-slider .slick-list .slick-current .slide-caption > h2 {
  -webkit-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  animation: fadeInLeftSlow 1.5s 0.4s forwards;
}

.gym-hero-slider .slick-list .slick-current .slide-caption > p, .agency-hero-slider .slick-list .slick-current .slide-caption > p {
  -webkit-animation: fadeInLeftSlow 1.5s 1s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1s forwards;
  animation: fadeInLeftSlow 1.5s 1s forwards;
}

.gym-hero-slider .slick-list .slick-current .slide-caption > .btns, .agency-hero-slider .slick-list .slick-current .slide-caption > .btns {
  -webkit-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  animation: fadeInLeftSlow 1.5s 1.4s forwards;
}

/************************************
	restaurant-hero-slider
*************************************/
.restaurant-hero-slider {
  /***slider animation ***/
}

.restaurant-hero-slider .slide-caption {
  text-align: center;
}

@media screen and (min-width: 992px) {
  .restaurant-hero-slider .slide-caption {
    padding-top: 40px;
  }
}

.restaurant-hero-slider h2 {
  font-family: "Pacifico", cursive;
  font-size: 72px;
  font-size: 4.8rem;
  color: #fff;
  margin: 0 0 0.13em;
}

@media (max-width: 1199px) {
  .restaurant-hero-slider h2 {
    font-size: 55px;
    font-size: 3.66667rem;
  }
}

@media (max-width: 991px) {
  .restaurant-hero-slider h2 {
    font-size: 45px;
    font-size: 3rem;
  }
}

@media (max-width: 767px) {
  .restaurant-hero-slider h2 {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

.restaurant-hero-slider .slide-caption > span {
  font-size: 18px;
  font-size: 1.2rem;
  color: #fa372c;
  display: block;
  margin-bottom: 1.16em;
}

.restaurant-hero-slider p {
  font-size: 18px;
  font-size: 1.2rem;
  color: #fff;
  margin: 0 0 2em;
}

@media (max-width: 991px) {
  .restaurant-hero-slider p {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 767px) {
  .restaurant-hero-slider p {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.restaurant-hero-slider .slick-prev,
.restaurant-hero-slider .slick-next {
  background-color: transparent;
  opacity: 1;
  border: 2px solid #fff;
}

.restaurant-hero-slider .slick-prev:before,
.restaurant-hero-slider .slick-next:before {
  color: #fff;
}

.restaurant-hero-slider .slick-prev:hover,
.restaurant-hero-slider .slick-next:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.restaurant-hero-slider .slick-prev:hover:before,
.restaurant-hero-slider .slick-next:hover:before {
  color: #fff;
}

.restaurant-hero-slider .slick-dots li button {
  background-color: #c5c5c5;
}

.restaurant-hero-slider .slick-dots li.slick-active button {
  background-color: #fa372c;
}

.restaurant-hero-slider .slide-caption > h2,
.restaurant-hero-slider .slide-caption > span,
.restaurant-hero-slider .slide-caption > p,
.restaurant-hero-slider .slide-caption > .btns {
  opacity: 0;
}

.restaurant-hero-slider .slick-list .slick-current .slide-caption > h2 {
  -webkit-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  animation: fadeInLeftSlow 1.5s 0.4s forwards;
}

.restaurant-hero-slider .slick-list .slick-current .slide-caption > span {
  -webkit-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.4s forwards;
  animation: fadeInLeftSlow 1.5s 0.4s forwards;
}

.restaurant-hero-slider .slick-list .slick-current .slide-caption > p {
  -webkit-animation: fadeInLeftSlow 1.5s 1s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1s forwards;
  animation: fadeInLeftSlow 1.5s 1s forwards;
}

.restaurant-hero-slider .slick-list .slick-current .slide-caption > .btns {
  -webkit-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -o-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 1.4s forwards;
  animation: fadeInLeftSlow 1.5s 1.4s forwards;
}

/************************************
	photogrampy-hero-slider
*************************************/
.photography-hero-slider-wrapper {
  position: relative;
  /** slider controls **/
}

@media screen and (min-width: 1200px) {
  .photography-hero-slider-wrapper:before {
    content: "";
    background-color: #fff;
    width: 75px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
}

.photography-hero-slider-wrapper .slick-prev,
.photography-hero-slider-wrapper .slick-next {
  background-color: transparent;
  z-index: 110;
  opacity: 1;
  top: auto;
  bottom: 65px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 991px) {
  .photography-hero-slider-wrapper .slick-prev,
  .photography-hero-slider-wrapper .slick-next {
    opacity: 0;
    visibility: hidden;
  }
}

.photography-hero-slider-wrapper .slick-prev:hover,
.photography-hero-slider-wrapper .slick-next:hover {
  opacity: 1;
}

.photography-hero-slider-wrapper .slick-prev:before,
.photography-hero-slider-wrapper .slick-next:before {
  color: red;
}

.photography-hero-slider-wrapper .slick-prev {
  left: auto;
  right: 120px;
}

.photography-hero-slider-wrapper .slick-prev:before {
  font-family: "FontAwesome";
  font-size: 24px;
  content: "\f104";
  opacity: 1;
  color: #969aa3;
}

.photography-hero-slider-wrapper .slick-next {
  right: 70px;
}

.photography-hero-slider-wrapper .slick-next:before {
  font-family: "FontAwesome";
  font-size: 24px;
  content: "\f105";
  opacity: 1;
  color: #969aa3;
}

.photography-hero-slider-wrapper .slick-prev:hover::before,
.photography-hero-slider-wrapper .slick-next:hover::before {
  color: #000;
}

.photography-hero-slider-wrapper .slick-dots {
  font-family: "Poppins", sans-serif;
  width: auto;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  bottom: 100px;
  left: 45px;
  opacity: 1;
  visibility: visible;
  z-index: 101;
}

@media (max-width: 991px) {
  .photography-hero-slider-wrapper .slick-dots {
    font-size: 15px;
    font-size: 1rem;
    bottom: 30px;
  }
}

.photography-hero-slider-wrapper .slick-dots > li + li {
  margin-left: 15px;
}

@media (max-width: 991px) {
  .photography-hero-slider-wrapper .slick-dots > li + li {
    margin-left: 10px;
  }
}

.photography-hero-slider-wrapper .slick-dots a {
  color: #a0a1a3;
}

.photography-hero-slider-wrapper .slick-dots .slick-active a {
  color: #3a5cef;
}

/************************************
	agency-hero-slider
*************************************/
.agency-hero-slider .slide-caption {
  text-align: center;
}

.agency-hero-slider h2 {
  font-size: 72px;
  font-size: 4.8rem;
  color: #fff;
  line-height: 1.1em;
  margin: 0 0 0.14em;
}

@media (max-width: 1199px) {
  .agency-hero-slider h2 {
    font-size: 52px;
    font-size: 3.46667rem;
  }
}

@media (max-width: 991px) {
  .agency-hero-slider h2 {
    font-size: 40px;
    font-size: 2.66667rem;
  }
}

@media (max-width: 767px) {
  .agency-hero-slider h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

.agency-hero-slider p {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
  margin: 0 0 2em;
  padding: 0 15px;
}

@media (max-width: 991px) {
  .agency-hero-slider p {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .agency-hero-slider p {
    font-size: 15px;
    font-size: 1rem;
  }
}

.agency-hero-slider .slick-dots li.slick-active button {
  background: #4357fb;
  background: -webkit-linear-gradient(left, #4357fb, #9f20ff);
  background: -moz-linear-gradient(left, #4357fb, #9f20ff);
  background: -o-linear-gradient(left, #4357fb, #9f20ff);
  background: -ms-linear-gradient(left, #4357fb, #9f20ff);
  background: -webkit-gradient(linear, left top, right top, from(#4357fb), to(#9f20ff));
  background: linear-gradient(left, #4357fb, #9f20ff);
}

/************************************
	seo-hero-slider
*************************************/
.seo-hero-slider {
  height: 730px;
  /*** hero slider animation ***/
}

@media (max-width: 991px) {
  .seo-hero-slider {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .seo-hero-slider {
    height: 500px;
  }
}

.seo-hero-slider .slide {
  height: 730px;
}

@media (max-width: 991px) {
  .seo-hero-slider .slide {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .seo-hero-slider .slide {
    height: 500px;
  }
}

@media (max-width: 991px) {
  .seo-hero-slider .slide .container {
    width: 100%;
  }
}

.seo-hero-slider .slide-caption h2 {
  font-size: 48px;
  font-size: 3.2rem;
  line-height: 1.25em;
  color: #fff;
  font-weight: bold;
  margin: 0 0 0.63em;
  text-transform: uppercase;
}

.seo-hero-slider .slide-caption h2 > span:first-child {
  font-size: 30px;
  font-size: 2rem;
  font-weight: normal;
  display: block;
}

@media (max-width: 991px) {
  .seo-hero-slider .slide-caption h2 > span:first-child {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .seo-hero-slider .slide-caption h2 > span:first-child {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.seo-hero-slider .slide-caption h2 .light {
  font-weight: normal;
  display: block;
}

.seo-hero-slider .slide-caption h2 > span:last-child {
  font-size: 60px;
  font-size: 4rem;
}

@media (max-width: 991px) {
  .seo-hero-slider .slide-caption h2 > span:last-child {
    font-size: 45px;
    font-size: 3rem;
  }
}

@media (max-width: 767px) {
  .seo-hero-slider .slide-caption h2 > span:last-child {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

@media (max-width: 991px) {
  .seo-hero-slider .slide-caption h2 {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

@media (max-width: 767px) {
  .seo-hero-slider .slide-caption h2 {
    font-size: 28px;
    font-size: 1.86667rem;
  }
}

.seo-hero-slider .slick-prev,
.seo-hero-slider .slick-next {
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 1;
}

.seo-hero-slider .slick-prev:before,
.seo-hero-slider .slick-next:before {
  color: #fff;
}

.seo-hero-slider .slick-prev:hover,
.seo-hero-slider .slick-next:hover {
  background-color: #f06b5a;
}

.seo-hero-slider .slick-dots li.slick-active button {
  background-color: #f06b5a;
}

.seo-hero-slider .slide-caption > h2,
.seo-hero-slider .slide-caption > .btns {
  opacity: 0;
}

.seo-hero-slider .slick-list .slick-current .slide-caption > h2 {
  -webkit-animation: fadeInLeftSlow 1.5s 0.2s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.2s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.2s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.2s forwards;
  animation: fadeInLeftSlow 1.5s 0.2s forwards;
}

.seo-hero-slider .slick-list .slick-current .slide-caption > .btns {
  -webkit-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -moz-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -o-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  -ms-animation: fadeInLeftSlow 1.5s 0.8s forwards;
  animation: fadeInLeftSlow 1.5s 0.8s forwards;
}

/*--------------------------------------------------------------
#0.5	footer
--------------------------------------------------------------*/
.site-footer {
  /*** about widget ***/
  /*** links-widget ***/
  /*** support-widget ***/
  /*** twitter-feed-widget ***/
  /*** copyright-info ***/
}

.site-footer .upper-footer {
  background-color: #000;
  padding: 100px 0;
}

@media (max-width: 991px) {
  .site-footer .upper-footer {
    padding: 80px 0 35px;
  }
}

@media (max-width: 767px) {
  .site-footer .upper-footer {
    padding: 70px 0 30px;
  }
}

.site-footer .upper-footer ul {
  list-style: none;
}

.site-footer .upper-footer ul,
.site-footer .upper-footer li,
.site-footer .upper-footer p,
.site-footer .upper-footer a {
  color: #8a8a8a;
}

.site-footer .upper-footer a:hover {
  color: #b09991;
}

@media (max-width: 991px) {
  .site-footer .upper-footer .row > .col {
    min-height: 300px;
    margin-bottom: 55px;
  }
}

@media (max-width: 767px) {
  .site-footer .upper-footer .row > .col {
    min-height: auto;
    margin-bottom: 40px;
  }
}

.site-footer .widget > h3,
.site-footer .widget .footer-logo {
  font-size: 24px;
  font-size: 1.6rem;
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 1em;
  padding-bottom: 0.5em;
  position: relative;
}

@media (max-width: 991px) {
  .site-footer .widget > h3,
  .site-footer .widget .footer-logo {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 767px) {
  .site-footer .widget > h3,
  .site-footer .widget .footer-logo {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.site-footer .widget .footer-logo {
  margin-bottom: 15px;
}

@media screen and (min-width: 1200px) {
  .site-footer .about-widget {
    padding-right: 25px;
  }
}

.site-footer .about-widget .contact-info {
  margin-top: 30px;
}

@media screen and (min-width: 1200px) {
  .site-footer .about-widget .contact-info {
    padding-right: 105px;
  }
}

@media (max-width: 767px) {
  .site-footer .about-widget .contact-info {
    margin-top: 10px;
  }
}

.site-footer .about-widget .footer-logo:before {
  display: none;
}

.site-footer .about-widget ul li {
  position: relative;
  padding-left: 38px;
  line-height: 1.78em;
}

.site-footer .about-widget ul > li + li {
  margin-top: 5px;
}

.site-footer .about-widget ul li i {
  color: #b09991;
  position: absolute;
  left: 0;
  top: 3px;
}

@media (max-width: 767px) {
  .site-footer .about-widget img {
    max-width: 160px;
  }
}

.site-footer .links-widget {
  overflow: hidden;
}

.site-footer .links-widget ul li {
  position: relative;
  padding-left: 20px;
}

.site-footer .links-widget ul li:before {
  font-family: "FontAwesome";
  content: "\f105";
  color: #b09991;
  position: absolute;
  left: 0;
  top: -1px;
}

.site-footer .links-widget ul li + li {
  margin-top: 15px;
}

@media (max-width: 767px) {
  .site-footer .links-widget ul li + li {
    margin-top: 10px;
  }
}

.site-footer .support-widget {
  overflow: hidden;
}

@media screen and (min-width: 1200px) {
  .site-footer .support-widget {
    padding-right: 45px;
  }
}

.site-footer .support-widget ul li + li {
  margin-top: 15px;
}

@media (max-width: 767px) {
  .site-footer .support-widget ul li + li {
    margin-top: 10px;
  }
}

.site-footer .twitter-feed-widget ul li + li {
  padding-top: 14px;
  margin-top: 14px;
  border-top: 1px solid #002b55;
}

.site-footer .twitter-feed-widget i {
  color: #198cfa;
  display: inline-block;
  padding-right: 5px;
}

.site-footer .twitter-feed-widget a {
  color: #b09991;
}

.site-footer .copyright-info {
  background-color: #161616;
  padding: 15px 0;
}

@media (max-width: 600px) {
  .site-footer .copyright-info {
    text-align: center;
  }
}

.site-footer .copyright-info p {
  margin: 0;
  color:#fff;   
}

@media (max-width: 600px) {
  .site-footer .copyright-info .col {
    width: 100%;
  }
}

.site-footer .copyright-info .copyright-area a {
  color: #b09991;
}

.site-footer .copyright-info .footer-social {
  float: right;
}

@media (max-width: 600px) {
  .site-footer .copyright-info .footer-social {
    float: none;
    margin-top: 5px;
  }
}

.site-footer .copyright-info .footer-social span {
  color: #8a8a8a;
  display: inline-block;
  padding-right: 5px;
}

@media (max-width: 600px) {
  .site-footer .copyright-info .footer-social span {
    display: none;
  }
}

.site-footer .copyright-info .social-links {
  list-style: none;
  float: right;
  overflow: hidden;
}

@media (max-width: 600px) {
  .site-footer .copyright-info .social-links {
    float: none;
    display: inline-block;
  }
}

.site-footer .copyright-info .social-links li {
  float: left;
}

.site-footer .copyright-info .social-links > li + li {
  margin-left: 8px;
}

.site-footer .copyright-info .social-links a {
  font-size: 18px;
  font-size: cacl-rem-value(18);
  color: #fff;
}

.site-footer .copyright-info .social-links a:hover {
  color: #b09991;
}

.sticky-header {
  width: 100%;
  position: fixed;
  left: 0;
  top: -200px;
  z-index: 9999;
  opacity: 0;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}

.sticky-on {
  opacity: 1;
  top: 0;
}

.transport-header .sticky-header {
  background: #09152c;
}

.lawyer-header .sticky-header, .event-header .sticky-header, .app-landing-header .sticky-header, .portfolio-header .sticky-header, .hotel-header .sticky-header {
  background: #0e0c0d;
}

.app-landing-header .sticky-header, .portfolio-header .sticky-header, .hotel-header .sticky-header {
  background: #20b8ff;
  background: -webkit-linear-gradient(left, #20b8ff, #4357fb);
  background: -moz-linear-gradient(left, #20b8ff, #4357fb);
  background: -o-linear-gradient(left, #20b8ff, #4357fb);
  background: -ms-linear-gradient(left, #20b8ff, #4357fb);
  background: -webkit-gradient(linear, left top, right top, from(#20b8ff), to(#4357fb));
  background: linear-gradient(left, #20b8ff, #4357fb);
}

@media screen and (min-width: 992px) {
  .app-landing-header .sticky-header #navbar > ul > li > a, .portfolio-header .sticky-header #navbar > ul > li > a, .hotel-header .sticky-header #navbar > ul > li > a {
    color: #fff;
  }
}

.portfolio-header .sticky-header {
  background: #fff;
}

.portfolio-header .sticky-header #navbar > ul > li > a {
  color: #333;
}

.portfolio-header .sticky-header #navbar > ul > li.current-menu-item > a,
.portfolio-header .sticky-header #navbar > ul > li > a:hover {
  color: #000;
}

.church-header .sticky-header {
  border: 1px solid #e8e7e7;
}

.hotel-header .sticky-header {
  background: #111;
}

.gym-header .sticky-header, .restaurant-header .sticky-header, .agency-header .sticky-header {
  background: #121212;
}

@media screen and (min-width: 992px) {
  .photography-header .sticky-header {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .photography-header .sticky-header {
    border-bottom: 1px solid #dcd9dc;
  }
}

.seo-header .sticky-header {
  border: 1px solid #e8e7e7;
}

/*--------------------------------------------------------------
#0.6	business-services
--------------------------------------------------------------*/
.business-services {
  padding: 100px 0 95px;
}

@media (max-width: 991px) {
  .business-services {
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .business-services {
    padding-bottom: 20px;
  }
}

@media (max-width: 991px) {
  .business-services .row > .col {
    margin-bottom: 50px;
  }
}

@media (max-width: 500px) {
  .business-services .row > .col {
    width: 100%;
  }
}

.business-services .grid {
  text-align: center;
}

@media screen and (min-width: 1200px) {
  .business-services .grid {
    padding: 0 25px;
  }
}

.business-services .icon {
  background-color: #b09991;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 0 auto 25px;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 5px rgba(176, 153, 145, 0.5);
  box-shadow: 0 3px 5px rgba(176, 153, 145, 0.5);
}

@media (max-width: 991px) {
  .business-services .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}

.business-services .icon .fi:before {
  font-size: 30px;
  font-size: 2rem;
  color: #fff;
}

@media (max-width: 991px) {
  .business-services .icon .fi:before {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.business-services .grid h3 {
  font-size: 18px;
  font-size: 1.2rem;
  margin: 0 0 1em;
}

@media (max-width: 767px) {
  .business-services .grid h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.business-services .grid p {
  margin: 0;
}

/*--------------------------------------------------------------
#0.7	business-about-section
--------------------------------------------------------------*/
.business-about-section {
  background-color: #f5f5f5;
}

.business-about-section .about-text {
  padding-right: 15px;
}

.business-about-section .about-text h2 {
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 1.5em;
  margin: 0 0 1em;
}

@media (max-width: 991px) {
  .business-about-section .about-text h2 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.business-about-section .fun-fact {
  background-color: #fff;
  padding: 30px 35px;
  margin-top: 50px;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.business-about-section .fun-fact > div {
  width: 33.33%;
  float: left;
  padding-left: 55px;
  position: relative;
}

@media (max-width: 767px) {
  .business-about-section .fun-fact > div {
    width: 100%;
    padding-left: 0;
    float: none;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .business-about-section .fun-fact > div + div {
    margin-top: 25px;
  }
}

.business-about-section .fun-fact .icon {
  position: absolute;
  left: 0;
}

@media (max-width: 767px) {
  .business-about-section .fun-fact .icon {
    position: relative;
  }
}

.business-about-section .fun-fact .fi:before {
  font-size: 35px;
  font-size: 2.33333rem;
  color: #b09991;
}

.business-about-section .fun-fact h3 {
  font-size: 30px;
  font-size: 2rem;
  margin: 0;
}

@media (max-width: 991px) {
  .business-about-section .fun-fact h3 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.business-about-section .fun-fact h3 + span {
  font-size: 12px;
  font-size: 0.8rem;
}

@media (max-width: 991px) {
  .business-about-section .about-image-holder {
    margin-top: 45px;
  }
}

/*--------------------------------------------------------------
#0.8	business-cta
--------------------------------------------------------------*/
.business-cta {
  background: url("../images/business/cta-bg.jpg") center center/cover no-repeat fixed;
  padding: 60px 0;
  text-align: center;
  position: relative;
}

.business-cta:before {
  content: "";
  background-color: rgba(68, 63, 69, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.business-cta h2 {
  font-size: 30px;
  font-size: 2rem;
  color: #fff;
  margin: 0;
}

@media (max-width: 991px) {
  .business-cta h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .business-cta h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.business-cta > a {
  background-color: #b09991;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #443f45;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: -25px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .business-cta > a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    bottom: -20px;
  }
}

/*--------------------------------------------------------------
#0.9	statistics-section
--------------------------------------------------------------*/
.statistics-section .video-holder {
  position: relative;
  max-width: 570px;
}

.statistics-section .video-holder img {
  border-radius: 10px;
}

.statistics-section .video-btn {
  background-color: #443f45;
  width: 115px;
  height: 115px;
  line-height: 115px;
  font-size: 25px;
  font-size: 1.66667rem;
  color: #b09991;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 0 0 10px rgba(176, 153, 145, 0.5);
  box-shadow: 0 0 0 10px rgba(176, 153, 145, 0.5);
}

@media (max-width: 991px) {
  .statistics-section .video-btn {
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .statistics-section .video-btn {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    font-size: 1.33333rem;
    -webkit-box-shadow: 0 0 0 6px rgba(176, 153, 145, 0.5);
    box-shadow: 0 0 0 6px rgba(176, 153, 145, 0.5);
  }
}

@media (max-width: 991px) {
  .statistics-section .statistics-info {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .statistics-section .statistics-info {
    margin-top: 40px;
  }
}

.statistics-section .statistics-info h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 0.67em;
}

@media (max-width: 991px) {
  .statistics-section .statistics-info h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .statistics-section .statistics-info h2 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.statistics-section .statistics-info p {
  margin-bottom: 2.5em;
}

/*--------------------------------------------------------------
#1.0	business-features-section
--------------------------------------------------------------*/
.business-features-section {
  overflow: hidden;
}

.business-features-section .grid {
  background-color: #b09991;
  width: 33.33%;
  float: left;
  padding: 75px;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 1199px) {
  .business-features-section .grid {
    padding: 75px 45px;
  }
}

@media (max-width: 991px) {
  .business-features-section .grid {
    width: 100%;
    float: none;
    padding: 55px 45px;
  }
}

@media (max-width: 767px) {
  .business-features-section .grid {
    padding: 45px 35px;
  }
}

.business-features-section .grid:before {
  content: "";
  background: url("../images/business/features-grids-bg.jpg") center center/cover no-repeat local;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.business-features-section .features-grids > .grid:nth-child(2) {
  background-color: #443f45;
}

.business-features-section .features-grids > .grid:nth-child(2) p {
  color: #9a9a9a;
}

.business-features-section .features-grids > .grid:nth-child(2) .business-theme-btn, .business-features-section .features-grids > .grid:nth-child(2) .business-theme-btn-s2 {
  background-color: #b09991;
}

.business-features-section .features-grids > .grid:nth-child(3) {
  background-color: #2a2a2a;
}

.business-features-section .features-grids > .grid:nth-child(3) p {
  color: #9a9a9a;
}

.business-features-section .grid h3 {
  font-size: 28px;
  font-size: 1.86667rem;
  line-height: 1.2em;
  color: #fff;
  margin: 0 0 0.8em;
}

@media (max-width: 1199px) {
  .business-features-section .grid h3 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

@media (max-width: 767px) {
  .business-features-section .grid h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.business-features-section .grid p {
  color: #fff;
  margin-bottom: 2em;
}

.business-features-section .grid h3,
.business-features-section .grid p,
.business-features-section .grid a {
  position: relative;
  z-index: 1;
}

.business-features-section .grid:hover {
  background-color: rgba(176, 153, 145, 0.9);
}

.business-features-section .features-grids > .grid:nth-child(2):hover {
  background-color: rgba(68, 63, 69, 0.9);
}

.business-features-section .features-grids > .grid:nth-child(3):hover {
  background-color: rgba(42, 42, 42, 0.9);
}

/*--------------------------------------------------------------
#1.1	business-team-section
--------------------------------------------------------------*/
.business-team-section {
  padding-bottom: 60px;
}

@media (max-width: 991px) {
  .business-team-section {
    padding-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .business-team-section {
    padding-bottom: 60px;
  }
}

.business-team-section .container {
  overflow: hidden;
}

.business-team-section .business-team-slider .owl-stage-outer {
  overflow: visible;
}

.business-team-section .business-team-slider img {
  width: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.business-team-section .business-team-slider .center .img-holder {
  -webkit-transform: scaleY(1.1);
  -ms-transform: scaleY(1.1);
  transform: scaleY(1.1);
}

.business-team-section .business-team-slider .center .img-holder:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.business-team-section .team-grids {
  text-align: center;
  font-family: "Poppins", sans-serif;
}

.business-team-section .grid {
  position: relative;
}

.business-team-section .grid h3 {
  font-size: 22px;
  font-size: 1.46667rem;
  margin: 0 0 0.3em;
}

@media (max-width: 1199px) {
  .business-team-section .grid h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .business-team-section .grid h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.business-team-section .grid .member-info {
  padding: 22px 0;
}

.business-team-section .post {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #9c9c9c;
}

@media (max-width: 767px) {
  .business-team-section .post {
    font-size: 12px;
    font-size: 0.8rem;
  }
}

.business-team-section .social-links {
  list-style: none;
  display: inline-block;
  margin-top: 15px;
}

.business-team-section .social-links > li + li {
  margin-left: 10px;
}

.business-team-section .social-links li a {
  font-size: 18px;
  font-size: clac-rem-vlaue(18);
  color: #fff;
}

@media (max-width: 991px) {
  .business-team-section .social-links li a {
    color: #443f45;
    font-size: 16px;
    font-size: clac-rem-vlaue(16);
  }
}

@media (max-width: 767px) {
  .business-team-section .social-links li a {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.business-team-section .business-team-slider .center .member-info {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.business-team-section .business-team-slider .center .member-info h3,
.business-team-section .business-team-slider .center .member-info .post {
  color: #fff;
}

.business-team-section .owl-controls {
  width: 100%;
  margin-top: 0;
  position: absolute;
  bottom: 30px;
}

@media (max-width: 991px) {
  .business-team-section .owl-controls {
    position: static;
  }
}

.business-team-section .owl-controls .owl-dots .owl-dot.active span,
.business-team-section .owl-controls .owl-dots .owl-dot:hover span {
  background-color: #b09991;
}

/*--------------------------------------------------------------
#1.2	business-newsletter-section
--------------------------------------------------------------*/
.business-newsletter-section, .finance-newsletter-section {
  background: url("../images/business-newsletter-bg.jpg") center center/cover no-repeat fixed;
  padding: 110px 0;
  position: relative;
}

@media (max-width: 991px) {
  .business-newsletter-section, .finance-newsletter-section {
    padding: 70px 0;
  }
}

@media (max-width: 767px) {
  .business-newsletter-section, .finance-newsletter-section {
    padding: 60px 0;
  }
}

.business-newsletter-section:before, .finance-newsletter-section:before {
  content: "";
  background-color: rgba(68, 63, 69, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.business-newsletter-section .container, .finance-newsletter-section .container {
  position: relative;
}

.business-newsletter-section h2, .finance-newsletter-section h2 {
  font-size: 42px;
  font-size: 2.8rem;
  line-height: 1.2em;
  color: #fff;
  margin: 0 0 0.88em;
}

@media (max-width: 1199px) {
  .business-newsletter-section h2, .finance-newsletter-section h2 {
    font-size: 36px;
    font-size: 2.4rem;
  }
}

@media (max-width: 991px) {
  .business-newsletter-section h2, .finance-newsletter-section h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .business-newsletter-section h2, .finance-newsletter-section h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.business-newsletter-section form div, .finance-newsletter-section form div {
  position: relative;
}

.business-newsletter-section form div input, .finance-newsletter-section form div input {
  background-color: transparent;
  font-size: 16px;
  font-size: 1.06667rem;
  height: 46px;
  border: 2px solid #fff;
  color: #fff;
  padding: 6px 15px;
  border-radius: 40px;
}

@media (max-width: 991px) {
  .business-newsletter-section form div input, .finance-newsletter-section form div input {
    height: 40px;
  }
}

@media (max-width: 767px) {
  .business-newsletter-section form div input, .finance-newsletter-section form div input {
    height: 37px;
    border: 1px solid #fff;
  }
}

.business-newsletter-section form div button, .finance-newsletter-section form div button {
  font-family: "Poppins", sans-serif;
  background-color: #b09991;
  width: 205px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #443f45;
  border: 0;
  border-radius: 40px;
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 1199px) {
  .business-newsletter-section form div button, .finance-newsletter-section form div button {
    width: 185px;
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 991px) {
  .business-newsletter-section form div button, .finance-newsletter-section form div button {
    width: 145px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 767px) {
  .business-newsletter-section form div button, .finance-newsletter-section form div button {
    width: 115px;
    height: 37px;
    line-height: 37px;
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.business-newsletter-section .newsletter-man, .finance-newsletter-section .newsletter-man {
  position: absolute;
  right: 0;
  bottom: -110px;
}

@media (max-width: 991px) {
  .business-newsletter-section .newsletter-man, .finance-newsletter-section .newsletter-man {
    display: none;
  }
}

/*--------------------------------------------------------------
#1.3	business-projects-section
--------------------------------------------------------------*/
.business-projects-section, .finance-projects-section {
  background-color: #f5f5f5;
}

.business-projects-section ul, .finance-projects-section ul {
  list-style: none;
}

.business-projects-section .projects-list, .finance-projects-section .projects-list {
  text-align: center;
  margin-bottom: 40px;
}

.business-projects-section .projects-list li, .finance-projects-section .projects-list li {
  display: inline-block;
}

@media (max-width: 767px) {
  .business-projects-section .projects-list li, .finance-projects-section .projects-list li {
    display: block;
  }
}

.business-projects-section .projects-list li a, .finance-projects-section .projects-list li a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #111;
  padding: 8px 12px;
  border-radius: 5px;
  display: block;
  position: relative;
}

@media (max-width: 991px) {
  .business-projects-section .projects-list li a, .finance-projects-section .projects-list li a {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

@media (max-width: 767px) {
  .business-projects-section .projects-list li a, .finance-projects-section .projects-list li a {
    display: block;
  }
}

.business-projects-section .projects-list li a:after, .finance-projects-section .projects-list li a:after {
  content: "";
  border: 5px solid transparent;
  border-top: 5px solid #b09991;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}

.business-projects-section .projects-list li a.current, .finance-projects-section .projects-list li a.current {
  background-color: #b09991;
}

.business-projects-section .projects-list li a.current:after, .finance-projects-section .projects-list li a.current:after {
  display: block;
}

.business-projects-section .projects-grid, .finance-projects-section .projects-grid {
  overflow: hidden;
  margin: 0 -5px;
}

.business-projects-section .projects-grid .inner, .finance-projects-section .projects-grid .inner {
  position: relative;
  overflow: hidden;
}

.business-projects-section .projects-grid .details, .finance-projects-section .projects-grid .details {
  background-color: rgba(68, 63, 69, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 80%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.business-projects-section .projects-grid .grid:hover .details, .finance-projects-section .projects-grid .grid:hover .details {
  top: 0;
  opacity: 1;
}

.business-projects-section .projects-grid .details-inner, .finance-projects-section .projects-grid .details-inner {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.business-projects-section .projects-grid .details ul li, .finance-projects-section .projects-grid .details ul li {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%;
  position: relative;
  opacity: 0;
  -webkit-transition: all 0.3s 0.5s;
  -webkit-transition: all 0.5s 0.3s;
  -o-transition: all 0.5s 0.3s;
  transition: all 0.5s 0.3s;
}

.business-projects-section .projects-grid .details ul li:first-child, .finance-projects-section .projects-grid .details ul li:first-child {
  margin-right: 10px;
  top: -30px;
}

.business-projects-section .projects-grid .details ul li:last-child, .finance-projects-section .projects-grid .details ul li:last-child {
  margin-right: 10px;
  top: -50px;
}

.business-projects-section .projects-grid .grid:hover .details ul li:first-child, .finance-projects-section .projects-grid .grid:hover .details ul li:first-child,
.business-projects-section .projects-grid .grid:hover .details ul li:last-child, .finance-projects-section .projects-grid .grid:hover .details ul li:last-child {
  top: 0;
  opacity: 1;
}

.business-projects-section .projects-grid .details ul li a, .finance-projects-section .projects-grid .details ul li a {
  color: #fff;
  display: block;
}

.business-projects-section .projects-grid .details h3, .finance-projects-section .projects-grid .details h3 {
  font-size: 18px;
  font-size: 1.2rem;
  color: #fff;
  text-transform: uppercase;
  margin: 1em 0 0.5em;
}

@media (max-width: 991px) {
  .business-projects-section .projects-grid .details h3, .finance-projects-section .projects-grid .details h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.business-projects-section .projects-grid .details p, .finance-projects-section .projects-grid .details p {
  font-size: 12px;
  font-size: 0.8rem;
  color: #fff;
  margin: 0;
}

.business-projects-section .projects-grid .grid, .finance-projects-section .projects-grid .grid {
  width: 25%;
  float: left;
  padding: 0 5px 10px;
}

@media (max-width: 1199px) {
  .business-projects-section .projects-grid .grid, .finance-projects-section .projects-grid .grid {
    width: 33.33%;
  }
}

@media (max-width: 991px) {
  .business-projects-section .projects-grid .grid, .finance-projects-section .projects-grid .grid {
    width: 50%;
  }
}

@media (max-width: 550px) {
  .business-projects-section .projects-grid .grid, .finance-projects-section .projects-grid .grid {
    width: 100%;
    float: none;
  }
}

.business-projects-section .all-projects, .finance-projects-section .all-projects {
  text-align: center;
  margin-top: 50px;
}

/*--------------------------------------------------------------
#1.4	business-testimonials-section
--------------------------------------------------------------*/
.business-testimonials-section .client-pic img {
  width: auto;
}

.business-testimonials-section .client-quote {
  padding-top: 60px;
  position: relative;
}

.business-testimonials-section .client-quote:before {
  content: '\f10d';
  font-family: "FontAwesome";
  font-size: 30px;
  font-size: 2rem;
  color: #b09991;
  position: absolute;
  left: 0;
  top: 0;
}

.business-testimonials-section .client-quote p {
  margin-bottom: 2em;
}

.business-testimonials-section .client-info {
  padding-left: 60px;
  position: relative;
}

.business-testimonials-section .client-info h4 {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 600;
  margin: 0;
}

@media (max-width: 991px) {
  .business-testimonials-section .client-info h4 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.business-testimonials-section .client-info p {
  font-size: 14px;
  font-size: 0.93333rem;
  margin: 0;
  color: #999;
}

@media (max-width: 991px) {
  .business-testimonials-section .client-info p {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

.business-testimonials-section .client-pic {
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (min-width: 1200px) {
  .business-testimonials-section .owl-controls {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .business-testimonials-section .owl-controls .owl-nav .owl-prev,
  .business-testimonials-section .owl-controls .owl-nav .owl-next {
    background: transparent;
    padding: 0;
    margin: 0;
    color: #443f45;
    font-size: 25px;
    font-size: 1.66667rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .business-testimonials-section .owl-controls .owl-nav .owl-prev:hover,
  .business-testimonials-section .owl-controls .owl-nav .owl-next:hover {
    background: transparent;
    color: #b09991;
  }
  .business-testimonials-section .owl-controls .owl-nav .owl-prev {
    left: -70px;
  }
  .business-testimonials-section .owl-controls .owl-nav .owl-next {
    right: -70px;
  }
}

@media (max-width: 991px) {
  .business-testimonials-section .owl-controls {
    margin-top: 50px;
  }
  .business-testimonials-section .owl-controls .owl-nav .owl-prev,
  .business-testimonials-section .owl-controls .owl-nav .owl-next {
    background: #b09991;
    padding: 0;
    width: 35px;
    height: 35px;
    line-height: 38px;
    border-radius: 0;
  }
  .business-testimonials-section .owl-controls .owl-nav .owl-prev:hover,
  .business-testimonials-section .owl-controls .owl-nav .owl-next:hover {
    background: #443f45;
  }
}

@media (max-width: 767px) {
  .business-testimonials-section owl-controls {
    margin-top: 50px;
  }
}

/*--------------------------------------------------------------
#1.5	business-partners-section
--------------------------------------------------------------*/
.business-partners-section, .finance-partners-section, .construction-partners-section, .seo-partners-section, .consulting-partners-section, .agency-partners-section {
  background-color: #121b5d;
  padding: 40px 0;
  text-align: center;
}

.business-partners-section .partners-slider img, .finance-partners-section .partners-slider img, .construction-partners-section .partners-slider img, .seo-partners-section .partners-slider img, .consulting-partners-section .partners-slider img, .agency-partners-section .partners-slider img {
  width: auto;
  display: inline-block;
}

/*--------------------------------------------------------------
#1.6	business-blog-section
--------------------------------------------------------------*/
@media (max-width: 991px) {
  .business-blog-section .news-grids > .col, .finance-blog-section .news-grids > .col, .consulting-blog-section .news-grids > .col, .medical-blog-section .news-grids > .col, .construction-blog-section .news-grids > .col, .lawyer-blog-section .news-grids > .col, .event-blog-section .news-grids > .col, .church-blog-section .news-grids > .col, .seo-blog-section .news-grids > .col, .agency-blog-section .news-grids > .col {
    margin-bottom: 30px;
  }
}

@media (max-width: 600px) {
  .business-blog-section .news-grids > .col, .finance-blog-section .news-grids > .col, .consulting-blog-section .news-grids > .col, .medical-blog-section .news-grids > .col, .construction-blog-section .news-grids > .col, .lawyer-blog-section .news-grids > .col, .event-blog-section .news-grids > .col, .church-blog-section .news-grids > .col, .seo-blog-section .news-grids > .col, .agency-blog-section .news-grids > .col {
    width: 100%;
  }
}

.business-blog-section .news-grids .grid, .finance-blog-section .news-grids .grid, .consulting-blog-section .news-grids .grid, .medical-blog-section .news-grids .grid, .construction-blog-section .news-grids .grid, .lawyer-blog-section .news-grids .grid, .event-blog-section .news-grids .grid, .church-blog-section .news-grids .grid, .seo-blog-section .news-grids .grid, .agency-blog-section .news-grids .grid {
  border: 1px solid #e5e5e5;
}

.business-blog-section .news-grids .entry-media img, .finance-blog-section .news-grids .entry-media img, .consulting-blog-section .news-grids .entry-media img, .medical-blog-section .news-grids .entry-media img, .construction-blog-section .news-grids .entry-media img, .lawyer-blog-section .news-grids .entry-media img, .event-blog-section .news-grids .entry-media img, .church-blog-section .news-grids .entry-media img, .seo-blog-section .news-grids .entry-media img, .agency-blog-section .news-grids .entry-media img {
  border-radius: 5px;
}

.business-blog-section .news-grids .entry-body, .finance-blog-section .news-grids .entry-body, .consulting-blog-section .news-grids .entry-body, .medical-blog-section .news-grids .entry-body, .construction-blog-section .news-grids .entry-body, .lawyer-blog-section .news-grids .entry-body, .event-blog-section .news-grids .entry-body, .church-blog-section .news-grids .entry-body, .seo-blog-section .news-grids .entry-body, .agency-blog-section .news-grids .entry-body {
  padding: 30px 35px;
}

@media (max-width: 767px) {
  .business-blog-section .news-grids .entry-body, .finance-blog-section .news-grids .entry-body, .consulting-blog-section .news-grids .entry-body, .medical-blog-section .news-grids .entry-body, .construction-blog-section .news-grids .entry-body, .lawyer-blog-section .news-grids .entry-body, .event-blog-section .news-grids .entry-body, .church-blog-section .news-grids .entry-body, .seo-blog-section .news-grids .entry-body, .agency-blog-section .news-grids .entry-body {
    padding: 20px 15px;
  }
}

.business-blog-section .news-grids .date, .finance-blog-section .news-grids .date, .consulting-blog-section .news-grids .date, .medical-blog-section .news-grids .date, .construction-blog-section .news-grids .date, .lawyer-blog-section .news-grids .date, .event-blog-section .news-grids .date, .church-blog-section .news-grids .date, .seo-blog-section .news-grids .date, .agency-blog-section .news-grids .date {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #999;
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  .business-blog-section .news-grids .date, .finance-blog-section .news-grids .date, .consulting-blog-section .news-grids .date, .medical-blog-section .news-grids .date, .construction-blog-section .news-grids .date, .lawyer-blog-section .news-grids .date, .event-blog-section .news-grids .date, .church-blog-section .news-grids .date, .seo-blog-section .news-grids .date, .agency-blog-section .news-grids .date {
    font-size: 12px;
    font-size: 0.8rem;
  }
}

.business-blog-section .news-grids .entry-header h3, .finance-blog-section .news-grids .entry-header h3, .consulting-blog-section .news-grids .entry-header h3, .medical-blog-section .news-grids .entry-header h3, .construction-blog-section .news-grids .entry-header h3, .lawyer-blog-section .news-grids .entry-header h3, .event-blog-section .news-grids .entry-header h3, .church-blog-section .news-grids .entry-header h3, .seo-blog-section .news-grids .entry-header h3, .agency-blog-section .news-grids .entry-header h3 {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 600;
  line-height: 1.3em;
  margin: 0.2em 0 0.8em;
}

@media (max-width: 1199px) {
  .business-blog-section .news-grids .entry-header h3, .finance-blog-section .news-grids .entry-header h3, .consulting-blog-section .news-grids .entry-header h3, .medical-blog-section .news-grids .entry-header h3, .construction-blog-section .news-grids .entry-header h3, .lawyer-blog-section .news-grids .entry-header h3, .event-blog-section .news-grids .entry-header h3, .church-blog-section .news-grids .entry-header h3, .seo-blog-section .news-grids .entry-header h3, .agency-blog-section .news-grids .entry-header h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.business-blog-section .news-grids .entry-header h3 a, .finance-blog-section .news-grids .entry-header h3 a, .consulting-blog-section .news-grids .entry-header h3 a, .medical-blog-section .news-grids .entry-header h3 a, .construction-blog-section .news-grids .entry-header h3 a, .lawyer-blog-section .news-grids .entry-header h3 a, .event-blog-section .news-grids .entry-header h3 a, .church-blog-section .news-grids .entry-header h3 a, .seo-blog-section .news-grids .entry-header h3 a, .agency-blog-section .news-grids .entry-header h3 a {
  color: #443f45;
}

.business-blog-section .news-grids .entry-header h3 a:hover, .finance-blog-section .news-grids .entry-header h3 a:hover, .consulting-blog-section .news-grids .entry-header h3 a:hover, .medical-blog-section .news-grids .entry-header h3 a:hover, .construction-blog-section .news-grids .entry-header h3 a:hover, .lawyer-blog-section .news-grids .entry-header h3 a:hover, .event-blog-section .news-grids .entry-header h3 a:hover, .church-blog-section .news-grids .entry-header h3 a:hover, .seo-blog-section .news-grids .entry-header h3 a:hover, .agency-blog-section .news-grids .entry-header h3 a:hover {
  color: #b09991;
}

.business-blog-section .news-grids .entry-meta, .finance-blog-section .news-grids .entry-meta, .consulting-blog-section .news-grids .entry-meta, .medical-blog-section .news-grids .entry-meta, .construction-blog-section .news-grids .entry-meta, .lawyer-blog-section .news-grids .entry-meta, .event-blog-section .news-grids .entry-meta, .church-blog-section .news-grids .entry-meta, .seo-blog-section .news-grids .entry-meta, .agency-blog-section .news-grids .entry-meta {
  padding-top: 15px;
  overflow: hidden;
}

.business-blog-section .news-grids .entry-meta .read-more, .finance-blog-section .news-grids .entry-meta .read-more, .consulting-blog-section .news-grids .entry-meta .read-more, .medical-blog-section .news-grids .entry-meta .read-more, .construction-blog-section .news-grids .entry-meta .read-more, .lawyer-blog-section .news-grids .entry-meta .read-more, .event-blog-section .news-grids .entry-meta .read-more, .church-blog-section .news-grids .entry-meta .read-more, .seo-blog-section .news-grids .entry-meta .read-more, .agency-blog-section .news-grids .entry-meta .read-more,
.business-blog-section .news-grids .entry-meta .comments, .finance-blog-section .news-grids .entry-meta .comments, .consulting-blog-section .news-grids .entry-meta .comments, .medical-blog-section .news-grids .entry-meta .comments, .construction-blog-section .news-grids .entry-meta .comments, .lawyer-blog-section .news-grids .entry-meta .comments, .event-blog-section .news-grids .entry-meta .comments, .church-blog-section .news-grids .entry-meta .comments, .seo-blog-section .news-grids .entry-meta .comments, .agency-blog-section .news-grids .entry-meta .comments {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #b09991;
}

@media (max-width: 1199px) {
  .business-blog-section .news-grids .entry-meta .read-more, .finance-blog-section .news-grids .entry-meta .read-more, .consulting-blog-section .news-grids .entry-meta .read-more, .medical-blog-section .news-grids .entry-meta .read-more, .construction-blog-section .news-grids .entry-meta .read-more, .lawyer-blog-section .news-grids .entry-meta .read-more, .event-blog-section .news-grids .entry-meta .read-more, .church-blog-section .news-grids .entry-meta .read-more, .seo-blog-section .news-grids .entry-meta .read-more, .agency-blog-section .news-grids .entry-meta .read-more,
  .business-blog-section .news-grids .entry-meta .comments, .finance-blog-section .news-grids .entry-meta .comments, .consulting-blog-section .news-grids .entry-meta .comments, .medical-blog-section .news-grids .entry-meta .comments, .construction-blog-section .news-grids .entry-meta .comments, .lawyer-blog-section .news-grids .entry-meta .comments, .event-blog-section .news-grids .entry-meta .comments, .church-blog-section .news-grids .entry-meta .comments, .seo-blog-section .news-grids .entry-meta .comments, .agency-blog-section .news-grids .entry-meta .comments {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

.business-blog-section .news-grids .entry-meta .read-more:hover, .finance-blog-section .news-grids .entry-meta .read-more:hover, .consulting-blog-section .news-grids .entry-meta .read-more:hover, .medical-blog-section .news-grids .entry-meta .read-more:hover, .construction-blog-section .news-grids .entry-meta .read-more:hover, .lawyer-blog-section .news-grids .entry-meta .read-more:hover, .event-blog-section .news-grids .entry-meta .read-more:hover, .church-blog-section .news-grids .entry-meta .read-more:hover, .seo-blog-section .news-grids .entry-meta .read-more:hover, .agency-blog-section .news-grids .entry-meta .read-more:hover,
.business-blog-section .news-grids .entry-meta .comments:hover, .finance-blog-section .news-grids .entry-meta .comments:hover, .consulting-blog-section .news-grids .entry-meta .comments:hover, .medical-blog-section .news-grids .entry-meta .comments:hover, .construction-blog-section .news-grids .entry-meta .comments:hover, .lawyer-blog-section .news-grids .entry-meta .comments:hover, .event-blog-section .news-grids .entry-meta .comments:hover, .church-blog-section .news-grids .entry-meta .comments:hover, .seo-blog-section .news-grids .entry-meta .comments:hover, .agency-blog-section .news-grids .entry-meta .comments:hover {
  color: #b09991;
}

.business-blog-section .news-grids .entry-meta .read-more, .finance-blog-section .news-grids .entry-meta .read-more, .consulting-blog-section .news-grids .entry-meta .read-more, .medical-blog-section .news-grids .entry-meta .read-more, .construction-blog-section .news-grids .entry-meta .read-more, .lawyer-blog-section .news-grids .entry-meta .read-more, .event-blog-section .news-grids .entry-meta .read-more, .church-blog-section .news-grids .entry-meta .read-more, .seo-blog-section .news-grids .entry-meta .read-more, .agency-blog-section .news-grids .entry-meta .read-more {
  float: left;
}

.business-blog-section .news-grids .entry-meta .comments, .finance-blog-section .news-grids .entry-meta .comments, .consulting-blog-section .news-grids .entry-meta .comments, .medical-blog-section .news-grids .entry-meta .comments, .construction-blog-section .news-grids .entry-meta .comments, .lawyer-blog-section .news-grids .entry-meta .comments, .event-blog-section .news-grids .entry-meta .comments, .church-blog-section .news-grids .entry-meta .comments, .seo-blog-section .news-grids .entry-meta .comments, .agency-blog-section .news-grids .entry-meta .comments {
  float: right;
  color: #999;
}

.business-blog-section .see-more, .finance-blog-section .see-more, .consulting-blog-section .see-more, .medical-blog-section .see-more, .construction-blog-section .see-more, .lawyer-blog-section .see-more, .event-blog-section .see-more, .church-blog-section .see-more, .seo-blog-section .see-more, .agency-blog-section .see-more {
  text-align: center;
  margin-top: 50px;
}

@media (max-width: 991px) {
  .business-blog-section .see-more, .finance-blog-section .see-more, .consulting-blog-section .see-more, .medical-blog-section .see-more, .construction-blog-section .see-more, .lawyer-blog-section .see-more, .event-blog-section .see-more, .church-blog-section .see-more, .seo-blog-section .see-more, .agency-blog-section .see-more {
    margin-top: 20px;
  }
}

/*--------------------------------------------------------------
#1.7	business-contact-section 
--------------------------------------------------------------*/
.business-contact-section {
  background: url("../images/business-newsletter-bg.jpg") center center/cover no-repeat fixed;
  position: relative;
}

.business-contact-section:before {
  content: "";
  background-color: rgba(68, 63, 69, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.business-contact-section .container {
  position: relative;
}

.business-contact-section .business-section-title-s2 {
  text-align: left;
}

.business-contact-section .business-section-title-s2 h2,
.business-contact-section .business-section-title-s2 p {
  color: #fff;
}

.business-contact-section form .col {
  margin-bottom: 15px;
}

.business-contact-section form ::-webkit-input-placeholder {
  font-style: 16px;
  font-style: normal;
  color: #b2b2b2;
}

.business-contact-section form :-moz-placeholder {
  font-style: 16px;
  font-style: normal;
  color: #b2b2b2;
}

.business-contact-section form ::-moz-placeholder {
  font-style: 16px;
  font-style: normal;
  color: #b2b2b2;
}

.business-contact-section form :-ms-input-placeholder {
  font-style: 16px;
  font-style: normal;
  color: #b2b2b2;
}

.business-contact-section form input,
.business-contact-section form textarea {
  background-color: #fff;
  height: 38px;
  border: 0;
}

.business-contact-section form textarea {
  height: 120px;
}

.business-contact-section form button {
  font-family: "Poppins", sans-serif;
  background-color: #b09991;
  width: 100%;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #443f45;
  border: 0;
  outline: 0;
}

@media (max-width: 991px) {
  .business-contact-section form button {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.business-contact-section form button:hover {
  background-color: #9b7d73;
}

.business-contact-section form .submit-btn {
  margin-bottom: 0;
}

.business-contact-section .contact-location-map {
  height: 380px;
}

@media (max-width: 991px) {
  .business-contact-section .contact-location-map {
    margin-bottom: 60px;
  }
}

/*--------------------------------------------------------------
	#home finance
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#2.0	finance-services-section
--------------------------------------------------------------*/
.finance-services-section {
  padding-bottom: 45px;
}

@media (max-width: 991px) {
  .finance-services-section {
    padding-bottom: 25px;
  }
}

@media (max-width: 767px) {
  .finance-services-section {
    padding-bottom: 15px;
  }
}

.finance-services-section .service-grids .grid {
  width: 33.33%;
  float: left;
  padding: 0 15px 50px;
}

@media (max-width: 991px) {
  .finance-services-section .service-grids .grid {
    width: 50%;
  }
}

@media (max-width: 550px) {
  .finance-services-section .service-grids .grid {
    width: 100%;
  }
}

.finance-services-section .service-grids {
  overflow: hidden;
  margin: 0 -15px;
}

.finance-services-section .service-grids .img-details-link {
  margin-bottom: 30px;
  position: relative;
}

@media (max-width: 991px) {
  .finance-services-section .service-grids .img-details-link {
    margin-bottom: 20px;
  }
}

.finance-services-section .service-grids .img-details-link:hover .details-link {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.finance-services-section .service-grids .img-details-link:hover .details-link a {
  top: 50%;
}

.finance-services-section .service-grids .details-link {
  background-color: rgba(1, 47, 92, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  opacity: 0;
}

.finance-services-section .service-grids .details-link a {
  background-color: #fdd415;
  font-size: 20px;
  font-size: 1.33333rem;
  color: #012f5c;
  padding: 5px 10px;
  border-radius: 5px;
  position: absolute;
  left: 50%;
  top: 0%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 1199px) {
  .finance-services-section .service-grids .details-link a {
    font-size: 16px;
    font-size: 1.06667rem;
    padding: 5px 8px;
  }
}

.finance-services-section .service-grids .service-details h3 {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0 0 0.9em;
  padding-bottom: 0.4em;
  position: relative;
}

@media (max-width: 1199px) {
  .finance-services-section .service-grids .service-details h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 991px) {
  .finance-services-section .service-grids .service-details h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .finance-services-section .service-grids .service-details h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.finance-services-section .service-grids .service-details h3:after {
  background-color: #fdd415;
  content: "";
  width: 27px;
  height: 4px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.finance-services-section .service-grids .service-details p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
#2.1	finance-cta
--------------------------------------------------------------*/
.finance-cta {
  background: url("../images/finance-cta-bg.jpg") center center/cover no-repeat fixed;
  text-align: center;
  padding: 60px 0;
  position: relative;
}

@media (max-width: 767px) {
  .finance-cta {
    padding: 50px 0;
  }
}

.finance-cta:before {
  content: "";
  background-color: rgba(1, 47, 92, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.finance-cta .container {
  position: relative;
}

.finance-cta h2 {
  font-size: 30px;
  font-size: 2rem;
  color: #fff;
  margin: 0;
}

@media (max-width: 991px) {
  .finance-cta h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .finance-cta h2 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.finance-cta h2 span {
  color: #fdd415;
}

.finance-cta > a {
  background-color: #012f5c;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: -25px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .finance-cta > a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    bottom: -20px;
  }
}

/*--------------------------------------------------------------
#2.2	finance-services-section-s2
--------------------------------------------------------------*/
.finance-services-section-s2 img {
  position: relative;
}

.finance-services-section-s2 .services-phone {
  max-width: 250px;
  position: relative;
}

@media (max-width: 991px) {
  .finance-services-section-s2 .services-phone {
    display: none;
  }
}

.finance-services-section-s2 .phone-bg {
  background: url("../images/finance-services-phone-bg.jpg") center center/cover no-repeat local;
  width: 96%;
  height: 96%;
  position: absolute;
  left: 5px;
  top: 10px;
  border-radius: 25px;
}

.finance-services-section-s2 .phone-bg:before {
  content: "";
  background-color: rgba(1, 47, 92, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 0%;
  border-radius: 25px;
}

.finance-services-section-s2 .phone-inner {
  width: 165px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.finance-services-section-s2 .phone-inner h3 {
  font-size: 24px;
  font-size: 1.6rem;
  color: #fff;
  margin: 0 0 0.33em;
}

.finance-services-section-s2 .phone-inner h3 span {
  color: #fdd415;
}

.finance-services-section-s2 .phone-inner p {
  color: #fff;
  font-style: italic;
  line-height: 1.29em;
  margin-bottom: 2em;
}

.finance-services-section-s2 .phone-inner .finance-theme-btn-s2 {
  font-size: 14px;
  font-size: 0.93333rem;
  padding: 7px 10px;
}

.finance-services-section-s2 .phone-inner .finance-theme-btn-s2:after {
  display: none;
}

.finance-services-section-s2 .phone-inner .finance-theme-btn-s2:hover {
  background-color: #ddb602;
}

.finance-services-section-s2 .services-s2-grids {
  overflow: hidden;
  margin: 30px -25px 0;
}

@media (max-width: 1199px) {
  .finance-services-section-s2 .services-s2-grids {
    margin: 15px -25px 0;
  }
}

@media (max-width: 1199px) and (max-width: 767px) {
  .finance-services-section-s2 .services-s2-grids {
    margin: 0 -15px;
  }
}

.finance-services-section-s2 .services-s2-grids .grid {
  width: 50%;
  float: left;
  padding: 0 25px 80px;
}

@media (max-width: 767px) {
  .finance-services-section-s2 .services-s2-grids .grid {
    width: 100%;
    float: none;
    padding: 0 15px 50px;
  }
}

.finance-services-section-s2 .services-s2-grids > .grid:nth-child(5),
.finance-services-section-s2 .services-s2-grids > .grid:nth-child(6) {
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .finance-services-section-s2 .services-s2-grids > .grid:nth-child(5) {
    padding-bottom: 50px;
  }
}

.finance-services-section-s2 .services-s2-grids .grid {
  position: relative;
}

.finance-services-section-s2 .services-s2-grids .grid .inner {
  padding-left: 85px;
}

@media (max-width: 767px) {
  .finance-services-section-s2 .services-s2-grids .grid .inner {
    padding-left: 65px;
  }
}

.finance-services-section-s2 .services-s2-grids .icon {
  width: 85px;
  height: 85px;
  line-height: 85px;
  text-align: center;
  border: 2px solid #fdd415;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 1199px) {
  .finance-services-section-s2 .services-s2-grids .icon {
    width: 75px;
    height: 75px;
    line-height: 75px;
  }
}

@media (max-width: 991px) {
  .finance-services-section-s2 .services-s2-grids .icon {
    left: 15px;
  }
}

@media (max-width: 767px) {
  .finance-services-section-s2 .services-s2-grids .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}

.finance-services-section-s2 .services-s2-grids .icon .fi:before {
  font-size: 45px;
  font-size: 3rem;
  color: #443f45;
}

@media (max-width: 767px) {
  .finance-services-section-s2 .services-s2-grids .icon .fi:before {
    font-size: 27px;
    font-size: 1.8rem;
  }
}

.finance-services-section-s2 .services-s2-grids .grid h3 {
  font-size: 24px;
  font-size: 1.6rem;
  margin: 0.3em 0 0.5em;
}

@media (max-width: 1199px) {
  .finance-services-section-s2 .services-s2-grids .grid h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .finance-services-section-s2 .services-s2-grids .grid h3 {
    font-size: 16px;
    font-size: 1.06667rem;
    margin: 0.2em 0 0.5em;
  }
}

.finance-services-section-s2 .services-s2-grids .grid h3 a {
  color: #012f5c;
}

.finance-services-section-s2 .services-s2-grids .grid h3 a:hover {
  color: #fdd415;
}

.finance-services-section-s2 .services-s2-grids .grid p {
  margin: 0;
}

/*--------------------------------------------------------------
#2.3	finance-about-section
--------------------------------------------------------------*/
.finance-about-section {
  background-color: #f5f5f5;
}

.finance-about-section .finance-section-title-s2 h2 {
  color: #012f5c;
}

.finance-about-section .about-details {
  padding-right: 30px;
}

.finance-about-section .about-details p {
  color: #4a4a4a;
  margin-bottom: 2em;
}

.finance-about-section .skills > .skill + .skill {
  margin-top: 40px;
}

@media (max-width: 991px) {
  .finance-about-section .skills > .skill + .skill {
    margin-top: 25px;
  }
}

.finance-about-section .skill h6 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0 0 0.56em;
}

@media (max-width: 991px) {
  .finance-about-section .skill h6 {
    font-size: 15px;
    font-size: 1rem;
  }
}

.finance-about-section .progress {
  background-color: transparent;
  height: 5px;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: visible;
}

.finance-about-section .progress-bar {
  background-color: #012f5c;
  position: relative;
}

.finance-about-section .progress-bar span {
  font-family: "Poppins", sans-serif;
  background-color: #fdd415;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #012f5c;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

@media (max-width: 991px) {
  .finance-about-section .progress-bar span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.finance-about-section .about-chart {
  -webkit-box-shadow: 0 0 10px #e6e6e6;
  box-shadow: 0 0 10px #e6e6e6;
}

@media (max-width: 991px) {
  .finance-about-section .about-chart {
    display: none;
  }
}

/*--------------------------------------------------------------
#2.4	finance-projects-section
--------------------------------------------------------------*/
.finance-projects-section {
  background-color: #fff;
}

.finance-projects-section .finance-section-title h2, .finance-projects-section .finance-section-title-s2 h2, .finance-projects-section .finance-section-title-s3 h2, .finance-projects-section .finance-section-title-s4 h2 {
  color: #012f5c;
}

.finance-projects-section .projects-list li a.current {
  background-color: #fdd415;
}

.finance-projects-section .projects-list li a:after {
  border-top: 5px solid #fdd415;
}

.finance-projects-section .projects-grid .details {
  background-color: rgba(1, 47, 92, 0.9);
}

.finance-projects-section .projects-grid .details ul li {
  border: 2px solid #fdd415;
}

.finance-projects-section .projects-grid .details ul li a {
  color: #fdd415;
}

/*--------------------------------------------------------------
#2.5	finance-partners-section
--------------------------------------------------------------*/
.finance-partners-section, .construction-partners-section, .seo-partners-section {
  background-color: #f5f5f5;
}

/*--------------------------------------------------------------
#2.6	finance-testimonials-section
--------------------------------------------------------------*/
.finance-testimonials-section .grid {
  overflow: hidden;
}

@media (max-width: 599px) {
  .finance-testimonials-section .grid {
    text-align: center;
  }
}

.finance-testimonials-section .client-pic {
  width: 36%;
  float: left;
}

@media (max-width: 991px) {
  .finance-testimonials-section .client-pic {
    width: 100%;
    float: none;
  }
}

@media (max-width: 599px) {
  .finance-testimonials-section .client-pic {
    max-width: 200px;
    margin: 0 auto;
  }
}

.finance-testimonials-section .grid .details {
  width: 64%;
  float: left;
  padding: 0 30px 10px;
  position: relative;
}

@media (max-width: 991px) {
  .finance-testimonials-section .grid .details {
    width: 100%;
    float: none;
    padding: 20px 10px 20px 0;
  }
}

.finance-testimonials-section .grid .details:after {
  content: "";
  background-color: #fdd415;
  width: 30px;
  height: 4px;
  border-radius: 5px;
  position: absolute;
  left: 30px;
  bottom: 0;
}

@media (max-width: 991px) {
  .finance-testimonials-section .grid .details:after {
    left: 0;
  }
}

@media (max-width: 599px) {
  .finance-testimonials-section .grid .details:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.finance-testimonials-section .client-pic img {
  width: auto;
}

.finance-testimonials-section .details h4 {
  font-size: 22px;
  font-size: 1.46667rem;
  margin: 0 0 0.3em;
}

@media (max-width: 991px) {
  .finance-testimonials-section .details h4 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.finance-testimonials-section .client-post {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #999999;
  display: block;
  margin-bottom: 10px;
}

.finance-testimonials-section .details p {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #666;
}

.finance-testimonials-section .owl-controls {
  margin-top: 30px;
}

@media screen and (min-width: 1200px) {
  .finance-testimonials-section .owl-controls {
    width: 100%;
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.finance-testimonials-section .owl-controls .owl-nav .owl-prev,
.finance-testimonials-section .owl-controls .owl-nav .owl-next {
  background-color: transparent;
  color: #012f5c;
  font-size: 24px;
  font-size: 1.6rem;
}

@media screen and (min-width: 1200px) {
  .finance-testimonials-section .owl-controls .owl-nav .owl-prev,
  .finance-testimonials-section .owl-controls .owl-nav .owl-next {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media (max-width: 991px) {
  .finance-testimonials-section .owl-controls .owl-nav .owl-prev,
  .finance-testimonials-section .owl-controls .owl-nav .owl-next {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.finance-testimonials-section .owl-controls .owl-nav .owl-prev:hover,
.finance-testimonials-section .owl-controls .owl-nav .owl-next:hover {
  background-color: transparent;
  color: #fdd415;
}

.finance-testimonials-section .owl-controls .owl-nav .owl-prev {
  left: -80px;
}

.finance-testimonials-section .owl-controls .owl-nav .owl-next {
  right: -40px;
}

/*--------------------------------------------------------------
#2.7	finance-newsletter-section
--------------------------------------------------------------*/
.finance-newsletter-section:before {
  content: "";
  background-color: rgba(1, 47, 92, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.finance-newsletter-section h2 span {
  color: #fdd415;
}

.finance-newsletter-section form div button {
  background-color: #fdd415;
}

/*--------------------------------------------------------------
#2.8	finance-blog-section
--------------------------------------------------------------*/
.finance-blog-section .news-grids .entry-meta .comments {
  color: #fdd415;
}

.finance-blog-section .news-grids .entry-meta .read-more,
.finance-blog-section .news-grids .entry-header h3 a {
  color: #012f5c;
}

.finance-blog-section .news-grids .entry-meta .comments:hover,
.finance-blog-section .news-grids .entry-meta .read-more:hover {
  color: #012f5c;
}

.finance-blog-section .finance-theme-btn-s2:hover {
  background-color: #012f5c;
  color: #fff;
}

.finance-blog-section .finance-theme-btn-s2:hover:after {
  color: #fff;
}

.finance-blog-section .news-grids .entry-header h3 a:hover {
  color: #012f5c;
}

.finance-blog-section .finance-theme-btn, .finance-blog-section .finance-theme-btn-s2 {
  font-weight: 600;
}

/*--------------------------------------------------------------
#2.9	finance-contact-section
--------------------------------------------------------------*/
.finance-contact-section {
  background: url("../images/business-newsletter-bg.jpg") center center/cover no-repeat fixed;
  position: relative;
}

.finance-contact-section:before {
  content: "";
  background-color: rgba(1, 47, 92, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.finance-contact-section .container {
  position: relative;
}

.finance-contact-section form .col {
  margin-bottom: 15px;
}

.finance-contact-section form label {
  color: #fff;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .finance-contact-section form label {
    font-size: 12px;
    font-size: 0.8rem;
  }
}

.finance-contact-section form input,
.finance-contact-section form select {
  background-color: #fff;
  height: 38px;
  border-radius: 5px;
  border: 0;
}

.finance-contact-section form button {
  font-family: "Poppins", sans-serif;
  background-color: #fdd415;
  width: 100%;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #012f5c;
  border: 0;
  border-radius: 5px;
  outline: 0;
}

@media (max-width: 991px) {
  .finance-contact-section form button {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.finance-contact-section form button:hover {
  background-color: #ddb602;
}

.finance-contact-section form .submit-btn {
  margin: 30px 0 0;
}

@media (max-width: 767px) {
  .finance-contact-section form .submit-btn {
    margin: 15px 0 0;
  }
}

.finance-contact-section .contact-location-map {
  height: 380px;
  border-radius: 5px;
}

@media (max-width: 991px) {
  .finance-contact-section .contact-location-map {
    margin-bottom: 60px;
  }
}

/*--------------------------------------------------------------
#2.10	finance-site-footer
--------------------------------------------------------------*/
.finance-site-footer .upper-footer ul,
.finance-site-footer .upper-footer li,
.finance-site-footer .upper-footer p,
.finance-site-footer .upper-footer a {
  color: #7f97ad;
}

.finance-site-footer .upper-footer a:hover {
  color: #fdd415;
}

.finance-site-footer .upper-footer {
  background-color: #012243;
}

.finance-site-footer .copyright-info {
  background-color: #00152a;
}

.finance-site-footer .links-widget ul li:before,
.finance-site-footer .about-widget ul li i {
  color: #fdd415;
}

.finance-site-footer .twitter-feed-widget a {
  color: #fdd415;
}

.finance-site-footer .twitter-feed-widget a:hover {
  color: #fdd415;
}

.finance-site-footer .copyright-info p,
.finance-site-footer .copyright-info .footer-social span {
  color: #7f97ad;
}

.finance-site-footer .copyright-info .copyright-area a {
  color: #fdd415;
}

.finance-site-footer .copyright-info .social-links a:hover {
  color: #fdd415;
}

/*--------------------------------------------------------------
	#home consulting
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#3.0	consulting-services-section 
--------------------------------------------------------------*/
.consulting-services-section {
  padding-bottom: 10px;
}

@media (max-width: 991px) {
  .consulting-services-section {
    padding-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .consulting-services-section {
    padding-bottom: 60px;
  }
}

.consulting-services-section .services-grids .grid {
  position: relative;
}

.consulting-services-section .grid .details {
  background: rgba(34, 106, 203, 0.8);
  background: -webkit-linear-gradient(left, rgba(34, 106, 203, 0.8), rgba(27, 155, 209, 0.8));
  background: -moz-linear-gradient(left, rgba(34, 106, 203, 0.8), rgba(27, 155, 209, 0.8));
  background: -o-linear-gradient(left, rgba(34, 106, 203, 0.8), rgba(27, 155, 209, 0.8));
  background: -ms-linear-gradient(left, rgba(34, 106, 203, 0.8), rgba(27, 155, 209, 0.8));
  background: -webkit-gradient(linear, left top, right top, from(rgba(34, 106, 203, 0.8)), to(rgba(27, 155, 209, 0.8)));
  background: linear-gradient(left, rgba(34, 106, 203, 0.8), rgba(27, 155, 209, 0.8));
  width: 100%;
  height: 100%;
  padding: 20px 35px 20px 85px;
  position: absolute;
  left: 0;
  top: 67%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

@media (max-width: 1199px) {
  .consulting-services-section .grid .details {
    top: 72%;
  }
}

@media (max-width: 991px) {
  .consulting-services-section .grid .details {
    position: relative;
    top: auto;
  }
}

@media (max-width: 767px) {
  .consulting-services-section .grid .details {
    padding: 20px 15px 20px 65px;
  }
}

.consulting-services-section .icon {
  position: absolute;
  left: 20px;
  top: 15px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.consulting-services-section .icon .fi:before {
  font-size: 45px;
  font-size: 3rem;
  color: #efb945;
}

@media (max-width: 767px) {
  .consulting-services-section .icon .fi:before {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

.consulting-services-section .info h3,
.consulting-services-section .info p {
  color: #fff;
}

.consulting-services-section .info h3 {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 600;
  margin: 0.6em 0 2em;
}

@media (max-width: 991px) {
  .consulting-services-section .info h3 {
    font-size: 18px;
    font-size: 1.2rem;
    margin: 0.6em 0 0.8em;
  }
}

.consulting-services-section .info p {
  margin: 0;
}

@media screen and (min-width: 992px) {
  .consulting-services-section .grid:hover .details {
    padding: 50px 35px 20px 85px;
    top: 0;
  }
}

@media screen and (min-width: 992px) {
  .consulting-services-section .grid:hover .icon {
    top: 50px;
  }
}

@media screen and (min-width: 992px) {
  .consulting-services-section .grid:hover .info h3 {
    margin: 0.6em 0 0.8em;
  }
}

.consulting-services-section .consulting-services-slider .owl-controls {
  margin-top: 50px;
}

@media (max-width: 991px) {
  .consulting-services-section .consulting-services-slider .owl-controls {
    margin-top: 40px;
  }
}

.consulting-services-section .consulting-services-slider .owl-dots .owl-dot span {
  background: white;
  border: 1px solid #226acb;
}

.consulting-services-section .consulting-services-slider .owl-dots .owl-dot.active span,
.consulting-services-section .consulting-services-slider .owl-dots .owl-dot:hover span {
  background-color: #226acb;
}

/*--------------------------------------------------------------
#3.1	consulting-about-section
--------------------------------------------------------------*/
.consulting-about-section .consulting-transparent-section-title {
  font-size: 278px;
  font-size: 18.53333rem;
  color: #fff;
  margin: 0;
  opacity: 0.05;
  position: absolute;
  top: 0;
}

@media (max-width: 1400px) {
  .consulting-about-section .consulting-transparent-section-title {
    font-size: 180px;
    font-size: 12rem;
  }
}

@media (max-width: 1199px) {
  .consulting-about-section .consulting-transparent-section-title {
    font-size: 140px;
    font-size: 9.33333rem;
  }
}

@media (max-width: 991px) {
  .consulting-about-section .consulting-transparent-section-title {
    font-size: 100px;
    font-size: 6.66667rem;
  }
}

@media (max-width: 767px) {
  .consulting-about-section .consulting-transparent-section-title {
    font-size: 80px;
    font-size: 5.33333rem;
  }
}

.consulting-about-section .about-grids {
  overflow: hidden;
}

.consulting-about-section .about-grids .grid {
  background: #226acb;
  background: -webkit-linear-gradient(left, #3b54d2, #368ba4);
  background: -moz-linear-gradient(left, #3b54d2, #368ba4);
  background: -o-linear-gradient(left, #3b54d2, #368ba4);
  background: -ms-linear-gradient(left, #3b54d2, #368ba4);
  background: -webkit-gradient(linear, left top, right top, from(#3b54d2), to(#368ba4));
  background: linear-gradient(left, #3b54d2, #368ba4);
  width: 50%;
  height: 600px;
  float: left;
  overflow: hidden;
  position: relative;
}

@media (max-width: 1400px) {
  .consulting-about-section .about-grids .grid {
    height: 450px;
  }
}

@media (max-width: 767px) {
  .consulting-about-section .about-grids .grid {
    width: 100%;
    float: none;
    height: auto;
  }
}

.consulting-about-section .about-text {
  max-width: 640px;
  padding-right: 65px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1400px) {
  .consulting-about-section .about-text {
    padding: 0 65px 0 45px;
  }
}

@media (max-width: 991px) {
  .consulting-about-section .about-text {
    padding: 0 45px 0 25px;
  }
}

@media (max-width: 767px) {
  .consulting-about-section .about-text {
    padding: 45px 15px;
    position: relative;
    top: auto;
    right: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.consulting-about-section .about-text h3 {
  font-size: 26px;
  font-size: 1.73333rem;
  font-weight: 500;
  line-height: 1.46em;
  color: #fff;
  margin: 0 0 1em;
}

@media (max-width: 991px) {
  .consulting-about-section .about-text h3 {
    font-size: 24px;
    font-size: 1.6rem;
  }
}

@media (max-width: 767px) {
  .consulting-about-section .about-text h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.consulting-about-section .about-text p {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
  margin: 0;
}

@media (max-width: 991px) {
  .consulting-about-section .about-text p {
    font-size: 15px;
    font-size: 1rem;
  }
}

.consulting-about-section .video-holder {
  background: url("../images/consulting/about-video-bg.jpg") center center/cover no-repeat local;
  position: relative;
  height: 100%;
}

@media (max-width: 767px) {
  .consulting-about-section .video-holder {
    height: 300px;
  }
}

.consulting-about-section .video-holder .video-btn {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  color: #efb945;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
  .consulting-about-section .video-holder .video-btn {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}

@media (max-width: 767px) {
  .consulting-about-section .video-holder .video-btn {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}

/*--------------------------------------------------------------
#3.2	consulting-projects-section
--------------------------------------------------------------*/
.consulting-projects-section .projects-grids .col {
  margin-bottom: 30px;
}

@media (max-width: 600px) {
  .consulting-projects-section .projects-grids .col {
    width: 100%;
  }
}

.consulting-projects-section .projects-grids .grid {
  position: relative;
  overflow: hidden;
}

.consulting-projects-section .grid .details {
  background: rgba(34, 106, 203, 0.8);
  background: -webkit-linear-gradient(left, rgba(34, 106, 203, 0.8), rgba(27, 155, 209, 0.8));
  background: -moz-linear-gradient(left, rgba(34, 106, 203, 0.8), rgba(27, 155, 209, 0.8));
  background: -o-linear-gradient(left, rgba(34, 106, 203, 0.8), rgba(27, 155, 209, 0.8));
  background: -ms-linear-gradient(left, rgba(34, 106, 203, 0.8), rgba(27, 155, 209, 0.8));
  background: -webkit-gradient(linear, left top, right top, from(rgba(34, 106, 203, 0.8)), to(rgba(27, 155, 209, 0.8)));
  background: linear-gradient(left, rgba(34, 106, 203, 0.8), rgba(27, 155, 209, 0.8));
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  position: absolute;
  left: 5px;
  top: 100%;
  -webkit-transition: all 0.6s cubic-bezier(0.35, 0.87, 0, 1.26);
  -o-transition: all 0.6s cubic-bezier(0.35, 0.87, 0, 1.26);
  transition: all 0.6s cubic-bezier(0.35, 0.87, 0, 1.26);
}

.consulting-projects-section .grid .info {
  width: 100%;
  padding: 25px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.consulting-projects-section .grid h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

@media (max-width: 991px) {
  .consulting-projects-section .grid h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.consulting-projects-section .grid p {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #efb945;
  margin: 0;
}

.consulting-projects-section .grid a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  text-align: center;
  border: 2px solid #efb945;
  border-radius: 50%;
  position: absolute;
  right: 25px;
  top: 25px;
}

.consulting-projects-section .grid:hover .details {
  top: 5px;
}

.consulting-projects-section .load-more {
  text-align: center;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .consulting-projects-section .load-more {
    margin-top: 15px;
  }
}

/*--------------------------------------------------------------
#3.3	consulting-fun-fact
--------------------------------------------------------------*/
.consulting-fun-fact, .medical-fun-fact {
  background: url("../images/consulting/fun-fact/fun-fact-bg.jpg") center center/cover no-repeat fixed;
  position: relative;
}

@media (max-width: 1199px) {
  .consulting-fun-fact, .medical-fun-fact {
    padding-bottom: 65px;
  }
}

@media (max-width: 991px) {
  .consulting-fun-fact, .medical-fun-fact {
    padding-bottom: 45px;
  }
}

@media (max-width: 767px) {
  .consulting-fun-fact, .medical-fun-fact {
    padding-bottom: 35px;
  }
}

.consulting-fun-fact:before, .medical-fun-fact:before {
  content: "";
  background: rgba(34, 106, 203, 0.9);
  background: -webkit-linear-gradient(left, rgba(34, 106, 203, 0.9), rgba(27, 155, 209, 0.9));
  background: -moz-linear-gradient(left, rgba(34, 106, 203, 0.9), rgba(27, 155, 209, 0.9));
  background: -o-linear-gradient(left, rgba(34, 106, 203, 0.9), rgba(27, 155, 209, 0.9));
  background: -ms-linear-gradient(left, rgba(34, 106, 203, 0.9), rgba(27, 155, 209, 0.9));
  background: -webkit-gradient(linear, left top, right top, from(rgba(34, 106, 203, 0.9)), to(rgba(91, 121, 134, 0.9)));
  background: linear-gradient(left, rgba(34, 106, 203, 0.9), rgba(27, 155, 209, 0.9));
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.consulting-fun-fact .fun-fact-grids, .medical-fun-fact .fun-fact-grids {
  overflow: hidden;
}

.consulting-fun-fact .grid, .medical-fun-fact .grid {
  width: 25%;
  float: left;
  padding-left: 95px;
  position: relative;
}

@media (max-width: 1199px) {
  .consulting-fun-fact .grid, .medical-fun-fact .grid {
    width: 50%;
    margin-bottom: 35px;
  }
}

@media (max-width: 991px) {
  .consulting-fun-fact .grid, .medical-fun-fact .grid {
    padding-left: 85px;
  }
}

@media (max-width: 767px) {
  .consulting-fun-fact .grid, .medical-fun-fact .grid {
    padding-left: 65px;
  }
}

@media (max-width: 500px) {
  .consulting-fun-fact .grid, .medical-fun-fact .grid {
    width: 100%;
    float: none;
  }
}

.consulting-fun-fact .icon, .medical-fun-fact .icon {
  width: 72px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  border: 4px solid #fff;
  position: absolute;
  left: 0;
}

@media (max-width: 1199px) {
  .consulting-fun-fact .icon, .medical-fun-fact .icon {
    border: 3px solid #fff;
  }
}

@media (max-width: 991px) {
  .consulting-fun-fact .icon, .medical-fun-fact .icon {
    width: 55px;
    height: 55px;
    line-height: 55px;
    border: 2px solid #fff;
  }
  .consulting-fun-fact .icon img, .medical-fun-fact .icon img {
    max-width: 25px;
  }
}

@media (max-width: 767px) {
  .consulting-fun-fact .icon, .medical-fun-fact .icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: 2px solid #fff;
  }
  .consulting-fun-fact .icon img, .medical-fun-fact .icon img {
    max-width: 25px;
  }
}

.consulting-fun-fact .icon img, .medical-fun-fact .icon img {
  display: inline-block;
}

.consulting-fun-fact .grid h3, .medical-fun-fact .grid h3 {
  font-size: 48px;
  font-size: 3.2rem;
  color: #efb945;
  margin: 0;
}

@media (max-width: 1199px) {
  .consulting-fun-fact .grid h3, .medical-fun-fact .grid h3 {
    font-size: 40px;
    font-size: 2.66667rem;
  }
}

@media (max-width: 991px) {
  .consulting-fun-fact .grid h3, .medical-fun-fact .grid h3 {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

@media (max-width: 767px) {
  .consulting-fun-fact .grid h3, .medical-fun-fact .grid h3 {
    font-size: 30px;
    font-size: 2rem;
  }
}

.consulting-fun-fact .grid h3 + span, .medical-fun-fact .grid h3 + span {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
}

@media (max-width: 991px) {
  .consulting-fun-fact .grid h3 + span, .medical-fun-fact .grid h3 + span {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

/*--------------------------------------------------------------
#3.4	consulting-case-studies
--------------------------------------------------------------*/
.consulting-case-studies {
  position: relative;
  overflow: hidden;
}

.consulting-case-studies .container > .row:first-child {
  margin-bottom: 70px;
}

@media (max-width: 767px) {
  .consulting-case-studies .container > .row:first-child {
    margin-bottom: 60px;
  }
}

.consulting-case-studies .consulting-transparent-section-title {
  font-size: 278px;
  font-size: 18.53333rem;
  color: #0f2142;
  margin: 0;
  opacity: 0.05;
  position: absolute;
  top: -70px;
}

@media (max-width: 1400px) {
  .consulting-case-studies .consulting-transparent-section-title {
    font-size: 180px;
    font-size: 12rem;
  }
}

@media (max-width: 1199px) {
  .consulting-case-studies .consulting-transparent-section-title {
    top: 0;
    font-size: 140px;
    font-size: 9.33333rem;
  }
}

@media (max-width: 991px) {
  .consulting-case-studies .consulting-transparent-section-title {
    font-size: 100px;
    font-size: 6.66667rem;
  }
}

@media (max-width: 767px) {
  .consulting-case-studies .consulting-transparent-section-title {
    font-size: 80px;
    font-size: 5.33333rem;
  }
}

.consulting-case-studies .case-count {
  width: 140px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #1b9bd1;
  background: -webkit-linear-gradient(#226acb, #1b9bd1);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  text-align: center;
  border: 2px solid #226acb;
  display: inline-block;
}

@media (max-width: 1199px) {
  .consulting-case-studies .case-count {
    width: 120px;
    height: 37px;
    line-height: 37px;
  }
}

@media (max-width: 991px) {
  .consulting-case-studies .case-count {
    width: 110px;
    height: 35px;
    line-height: 35px;
  }
}

.consulting-case-studies .case-count + h3 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 600;
  color: #0f2142;
  margin: 1em 0 0.5em;
}

@media (max-width: 1199px) {
  .consulting-case-studies .case-count + h3 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 991px) {
  .consulting-case-studies .case-count + h3 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

@media (max-width: 767px) {
  .consulting-case-studies .case-count + h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 991px) {
  .consulting-case-studies .case-details {
    margin-top: 40px;
  }
}

.consulting-case-studies .case-details ul {
  list-style: none;
  margin-top: 20px;
}

.consulting-case-studies .case-details ul > li + li {
  margin-top: 7px;
}

.consulting-case-studies .case-details ul li i {
  color: #efb945;
  display: inline-block;
  padding-right: 5px;
}

.consulting-case-studies .skill-progress-bar {
  margin-top: 35px;
}

.consulting-case-studies .skills > .skill + .skill {
  margin-top: 30px;
}

@media (max-width: 991px) {
  .consulting-case-studies .skills > .skill + .skill {
    margin-top: 25px;
  }
}

.consulting-case-studies .skill h6 {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 600;
  margin: 0 0 0.56em;
}

.consulting-case-studies .progress {
  background-color: transparent;
  height: 5px;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: visible;
}

.consulting-case-studies .progress-bar {
  background-color: #efb945;
  height: 2px;
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.consulting-case-studies .progress-bar span {
  background: #226acb;
  background: -webkit-linear-gradient(left, #226acb, #1b9bd1);
  background: -moz-linear-gradient(left, #226acb, #1b9bd1);
  background: -o-linear-gradient(left, #226acb, #1b9bd1);
  background: -ms-linear-gradient(left, #226acb, #1b9bd1);
  background: -webkit-gradient(linear, left top, right top, from(#226acb), to(#1b9bd1));
  background: linear-gradient(left, #226acb, #1b9bd1);
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

@media (max-width: 991px) {
  .consulting-case-studies .progress-bar span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

/*--------------------------------------------------------------
#3.5	consulting-testimonials-section
--------------------------------------------------------------*/
.consulting-testimonials-section, .medical-testimonials-section, .agency-testimonials-section {
  background: url("../images/consulting/testimonials/testimonials-bg.jpg") center center/cover no-repeat fixed;
  position: relative;
}

.consulting-testimonials-section:before, .medical-testimonials-section:before, .agency-testimonials-section:before {
  content: "";
  background: rgba(34, 106, 203, 0.9);
  background: -webkit-linear-gradient(left, rgba(34, 106, 203, 0.9), rgba(27, 155, 209, 0.9));
  background: -moz-linear-gradient(left, rgba(34, 106, 203, 0.9), rgba(27, 155, 209, 0.9));
  background: -o-linear-gradient(left, rgba(34, 106, 203, 0.9), rgba(27, 155, 209, 0.9));
  background: -ms-linear-gradient(left, rgba(34, 106, 203, 0.9), rgba(27, 155, 209, 0.9));
  background: -webkit-gradient(linear, left top, right top, from(rgba(34, 106, 203, 0.9)), to(rgba(220, 139, 59)));
  background: linear-gradient(left, rgba(34, 106, 203, 0.9), rgba(27, 155, 209, 0.9));
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.consulting-testimonials-section .grid, .medical-testimonials-section .grid, .agency-testimonials-section .grid {
  text-align: center;
  padding-top: 80px;
  position: relative;
}

@media (max-width: 767px) {
  .consulting-testimonials-section .grid, .medical-testimonials-section .grid, .agency-testimonials-section .grid {
    padding-top: 50px;
  }
}

.consulting-testimonials-section .grid:before, .medical-testimonials-section .grid:before, .agency-testimonials-section .grid:before {

  font-family: "Poppins", sans-serif;
  font-size: 168px;
  font-size: 11.2rem;
  color: #efb945;
  position: absolute;
  left: 50%;
  top: -45px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 991px) {
  .consulting-testimonials-section .grid:before, .medical-testimonials-section .grid:before, .agency-testimonials-section .grid:before {
    font-size: 120px;
    font-size: 8rem;
    top: -30px;
  }
}

@media (max-width: 767px) {
  .consulting-testimonials-section .grid:before, .medical-testimonials-section .grid:before, .agency-testimonials-section .grid:before {
    font-size: 100px;
    font-size: 6.66667rem;
    top: -13px;
  }
}

.consulting-testimonials-section .client-quote p, .medical-testimonials-section .client-quote p, .agency-testimonials-section .client-quote p {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-size: 1.6rem;
  color: #fff;
  margin: 0 0 1.88em;
}

@media (max-width: 1199px) {
  .consulting-testimonials-section .client-quote p, .medical-testimonials-section .client-quote p, .agency-testimonials-section .client-quote p {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 991px) {
  .consulting-testimonials-section .client-quote p, .medical-testimonials-section .client-quote p, .agency-testimonials-section .client-quote p {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.consulting-testimonials-section .client-pic, .medical-testimonials-section .client-pic, .agency-testimonials-section .client-pic {
  text-align: center;
  margin-bottom: 10px;
}

.consulting-testimonials-section .client-pic img, .medical-testimonials-section .client-pic img, .agency-testimonials-section .client-pic img {
  width: auto;
  display: inline-block;
  border-radius: 50%;
}

.consulting-testimonials-section .client-info h3, .medical-testimonials-section .client-info h3, .agency-testimonials-section .client-info h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: normal;
  color: #fff;
  margin: 0;
}

@media (max-width: 991px) {
  .consulting-testimonials-section .client-info h3, .medical-testimonials-section .client-info h3, .agency-testimonials-section .client-info h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 767px) {
  .consulting-testimonials-section .client-info h3, .medical-testimonials-section .client-info h3, .agency-testimonials-section .client-info h3 {
    font-size: 15px;
    font-size: 1rem;
  }
}

.consulting-testimonials-section .client-info h3 + p, .medical-testimonials-section .client-info h3 + p, .agency-testimonials-section .client-info h3 + p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #fff;
  margin: 0;
}

@media (max-width: 767px) {
  .consulting-testimonials-section .client-info h3 + p, .medical-testimonials-section .client-info h3 + p, .agency-testimonials-section .client-info h3 + p {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

@media screen and (min-width: 992px) {
  .consulting-testimonials-section .owl-controls, .medical-testimonials-section .owl-controls, .agency-testimonials-section .owl-controls {
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .consulting-testimonials-section .owl-controls .owl-nav .owl-prev, .medical-testimonials-section .owl-controls .owl-nav .owl-prev, .agency-testimonials-section .owl-controls .owl-nav .owl-prev,
  .consulting-testimonials-section .owl-controls .owl-nav .owl-next, .medical-testimonials-section .owl-controls .owl-nav .owl-next, .agency-testimonials-section .owl-controls .owl-nav .owl-next {
    background: transparent;
    font-size: 30px;
    font-size: 2rem;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .consulting-testimonials-section .owl-controls .owl-nav .owl-prev:hover, .medical-testimonials-section .owl-controls .owl-nav .owl-prev:hover, .agency-testimonials-section .owl-controls .owl-nav .owl-prev:hover,
  .consulting-testimonials-section .owl-controls .owl-nav .owl-next:hover, .medical-testimonials-section .owl-controls .owl-nav .owl-next:hover, .agency-testimonials-section .owl-controls .owl-nav .owl-next:hover {
    background: transparent;
    color: #efb945;
  }
  .consulting-testimonials-section .owl-controls .owl-nav .owl-prev, .medical-testimonials-section .owl-controls .owl-nav .owl-prev, .agency-testimonials-section .owl-controls .owl-nav .owl-prev {
    left: -80px;
  }
  .consulting-testimonials-section .owl-controls .owl-nav .owl-next, .medical-testimonials-section .owl-controls .owl-nav .owl-next, .agency-testimonials-section .owl-controls .owl-nav .owl-next {
    right: -80px;
  }
}

@media (max-width: 991px) {
  .consulting-testimonials-section .owl-controls, .medical-testimonials-section .owl-controls, .agency-testimonials-section .owl-controls {
    margin-top: 30px;
  }
  .consulting-testimonials-section .owl-controls .owl-nav .owl-prev, .medical-testimonials-section .owl-controls .owl-nav .owl-prev, .agency-testimonials-section .owl-controls .owl-nav .owl-prev,
  .consulting-testimonials-section .owl-controls .owl-nav .owl-next, .medical-testimonials-section .owl-controls .owl-nav .owl-next, .agency-testimonials-section .owl-controls .owl-nav .owl-next {
    background: #efb945;
    width: 30px;
    height: 30px;
    line-height: 33px;
    padding: 0;
    border-radius: 0;
  }
  .consulting-testimonials-section .owl-controls .owl-nav .owl-prev:hover, .medical-testimonials-section .owl-controls .owl-nav .owl-prev:hover, .agency-testimonials-section .owl-controls .owl-nav .owl-prev:hover,
  .consulting-testimonials-section .owl-controls .owl-nav .owl-next:hover, .medical-testimonials-section .owl-controls .owl-nav .owl-next:hover, .agency-testimonials-section .owl-controls .owl-nav .owl-next:hover {
    background: #d59712;
  }
}

/*--------------------------------------------------------------
#3.6	consulting-blog-section
--------------------------------------------------------------*/
.consulting-blog-section .news-grids .entry-header h3 a:hover, .medical-blog-section .news-grids .entry-header h3 a:hover {
  color: #efb945;
}

.consulting-blog-section .news-grids .entry-media img, .medical-blog-section .news-grids .entry-media img {
  border-radius: 0;
}

.consulting-blog-section .entry-meta .date, .medical-blog-section .entry-meta .date {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: normal;
  color: #111;
}

@media (max-width: 767px) {
  .consulting-blog-section .entry-meta .date, .medical-blog-section .entry-meta .date {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

.consulting-blog-section .entry-meta .cat, .medical-blog-section .entry-meta .cat {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #0072b7;
  text-transform: uppercase;
  font-weight:bold;
  float: right;
}

@media (max-width: 767px) {
  .consulting-blog-section .entry-meta .cat, .medical-blog-section .entry-meta .cat {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

.consulting-blog-section .consulting-theme-btn-s3, .medical-blog-section .consulting-theme-btn-s3 {
  font-weight: 600;
}

/*--------------------------------------------------------------
#3.7	consulting-partners-section
--------------------------------------------------------------*/
.consulting-partners-section, .agency-partners-section {
  
}

/*--------------------------------------------------------------
#3.8	consulting-contact-section
--------------------------------------------------------------*/
.consulting-contact-section h2 {
  font-size: 36px;
  font-size: 2.4rem;
  color: #092a48;
  margin: 1em 0 0.66em;
}

@media (max-width: 1199px) {
  .consulting-contact-section h2 {
    font-size: 32px;
    font-size: 2.13333rem;
  }
}

@media (max-width: 991px) {
  .consulting-contact-section h2 {
    font-size: 25px;
    font-size: 1.66667rem;
    margin: 0 0 0.66em;
  }
}

@media (max-width: 767px) {
  .consulting-contact-section h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

@media (max-width: 991px) {
  .consulting-contact-section form {
    margin-top: 40px;
  }
}

.consulting-contact-section form .col {
  margin-bottom: 30px;
}

.consulting-contact-section form input,
.consulting-contact-section form select {
  background-color: #ebeef0;
  height: 45px;
  border: 0;
}

@media (max-width: 767px) {
  .consulting-contact-section form input,
  .consulting-contact-section form select {
    height: 40px;
  }
}

.consulting-contact-section form select {
  background-position: calc(100% - 15px);
}

.consulting-contact-section form .submit-btn {
  margin-bottom: 0;
}

.consulting-contact-section .submit-btn button {
  font-family: "Poppins", sans-serif;
  background: #226acb;
  background: -webkit-linear-gradient(left, #226acb, #1b9bd1);
  background: -moz-linear-gradient(left, #226acb, #1b9bd1);
  background: -o-linear-gradient(left, #226acb, #1b9bd1);
  background: -ms-linear-gradient(left, #226acb, #1b9bd1);
  background: -webkit-gradient(linear, left top, right top, from(#226acb), to(#1b9bd1));
  background: linear-gradient(left, #226acb, #1b9bd1);
  width: 100%;
  height: 45px;
  font-weight: 600;
  color: #fff;
  border: 0;
}

@media (max-width: 767px) {
  .consulting-contact-section .submit-btn button {
    height: 40px;
  }
}

.consulting-contact-section .submit-btn button:hover {
  background: #1b9bd1;
  background: -webkit-linear-gradient(left, #1b9bd1, #226acb);
  background: -moz-linear-gradient(left, #1b9bd1, #226acb);
  background: -o-linear-gradient(left, #1b9bd1, #226acb);
  background: -ms-linear-gradient(left, #1b9bd1, #226acb);
  background: -webkit-gradient(linear, left top, right top, from(#1b9bd1), to(#226acb));
  background: linear-gradient(left, #1b9bd1, #226acb);
}

/*--------------------------------------------------------------
#3.9	consulting-site-footer
--------------------------------------------------------------*/
.consulting-site-footer .upper-footer a:hover {
  color: #226acb;
}

.consulting-site-footer .links-widget ul li:before,
.consulting-site-footer .about-widget ul li i {
  color: #226acb;
}

.consulting-site-footer .twitter-feed-widget a {
  color: #226acb;
}

.consulting-site-footer .twitter-feed-widget a:hover {
  color: #226acb;
}

.consulting-site-footer .copyright-info .copyright-area a {
  color: #226acb;
}

.consulting-site-footer .copyright-info .social-links a:hover {
  color: #226acb;
}

/*--------------------------------------------------------------
	#home construction
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#4.0	construction-services-section 
--------------------------------------------------------------*/
.construction-services-section .services-grids {
  overflow: hidden;
  margin: 0 -15px;
}

.construction-services-section .grid {
  float: left;
  width: 33.33%;
  padding: 0 15px 30px;
}

@media (max-width: 1199px) {
  .construction-services-section .grid {
    width: 50%;
  }
}

@media (max-width: 600px) {
  .construction-services-section .grid {
    width: 100%;
    float: none;
  }
}

.construction-services-section .inner {
  position: relative;
  overflow: hidden;
}

.construction-services-section .details {
  background-color: #000;
  width: 100%;
  height: 100%;
  padding: 20px 45px;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .construction-services-section .details {
    position: absolute;
    left: 0;
    top: calc(100% - 60px);
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
  }
}

@media (max-width: 767px) {
  .construction-services-section .details {
    padding: 20px 20px;
    text-align: left;
  }
}

.construction-services-section .icon {
  display: none;
}

.construction-services-section .icon .fi:before {
  font-size: 40px;
  font-size: 2.66667rem;
  color: #000;
}

.construction-services-section .details h3 {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 500;
  margin: 0 0 1em;
  text-align: left;
  padding-left: 30px;
  color: #fff;
  position: relative;
}

@media (max-width: 991px) {
  .construction-services-section .details h3 {
    font-size: 16px;
    font-size: 1.06667rem;
    margin: 0 0 1.3em;
  }
}

.construction-services-section .details h3 .fi {
  position: absolute;
  left: 0;
}

.construction-services-section .details h3 .fi:before {
  color: #efb945;
}

.construction-services-section .details p {
  color: #fff;
  margin: 0;
}

@media screen and (min-width: 992px) {
  .construction-services-section .grid:hover .details {
    background-color: rgba(239, 185, 69, 0.9);
    top: 0;
    padding: 40px 45px;
  }
}

@media screen and (min-width: 992px) {
  .construction-services-section .grid:hover .icon {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .construction-services-section .grid:hover .details h3 {
    margin: 0.5em 0 1em;
    color: #000;
    padding-left: 0;
    text-align: center;
  }
  .construction-services-section .grid:hover .details h3 .fi {
    display: none;
  }
}

.construction-services-section .get-service {
  text-align: center;
  padding-top: 25px;
}

/*--------------------------------------------------------------
#4.1	construction-about-section 
--------------------------------------------------------------*/
.construction-about-section {
  background-color: #f3f4f6;
}

.construction-about-section .about-text h2 {
  font-size: 30px;
  font-size: 2rem;
  margin: 0 0 0.83em;
}

@media (max-width: 991px) {
  .construction-about-section .about-text h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .construction-about-section .about-text h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.construction-about-section .about-text p {
  margin-bottom: 2em;
}

.construction-about-section .about-text img,
.construction-about-section .about-text .quoter {
  float: left;
}

@media (max-width: 767px) {
  .construction-about-section .about-text img,
  .construction-about-section .about-text .quoter {
    float: none;
  }
}

.construction-about-section .quoter {
  display: inline-block;
  margin: 5px 0 0 25px;
}

@media (max-width: 767px) {
  .construction-about-section .quoter {
    display: block;
    margin: 15px 0 0 0;
  }
}

.construction-about-section .quoter h5 {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  margin: 0 0 0.3em;
}

.construction-about-section .quoter span {
  color: #999;
}

.construction-about-section .about-slider {
  max-width: 420px;
  overflow: hidden;
  clear: both;
}

@media (max-width: 991px) {
  .construction-about-section .about-slider {
    padding-top: 40px;
  }
}

.construction-about-section .slider-nav {
  margin-top: 5px;
}

.construction-about-section .slider-nav .slick-list {
  margin: 0 -2.5px;
}

.construction-about-section .slider-nav .slick-slide {
  padding: 0 2.5px 0;
}

.construction-about-section .slider-nav .slick-current {
  opacity: 0.5;
}

/*--------------------------------------------------------------
#4.2	construction-why-choose-section
--------------------------------------------------------------*/
.construction-why-choose-section, .transport-why-choose-section {
  padding-bottom: 30px;
}

@media (max-width: 1299px) {
  .construction-why-choose-section, .transport-why-choose-section {
    padding-bottom: 100px;
  }
}

@media (max-width: 991px) {
  .construction-why-choose-section, .transport-why-choose-section {
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .construction-why-choose-section, .transport-why-choose-section {
    padding-bottom: 70px;
  }
}

.construction-why-choose-section .why-choose-grids, .transport-why-choose-section .why-choose-grids {
  overflow: hidden;
}

.construction-why-choose-section .why-choose-grids .grid, .transport-why-choose-section .why-choose-grids .grid {
  width: 50%;
  float: left;
}

@media (max-width: 991px) {
  .construction-why-choose-section .why-choose-grids .grid, .transport-why-choose-section .why-choose-grids .grid {
    width: 100%;
    float: none;
  }
}

.construction-why-choose-section .img-grid, .transport-why-choose-section .img-grid {
  padding-right: 200px;
}

@media (max-width: 1299px) {
  .construction-why-choose-section .img-grid, .transport-why-choose-section .img-grid {
    padding-right: 80px;
  }
}

@media (max-width: 991px) {
  .construction-why-choose-section .img-grid, .transport-why-choose-section .img-grid {
    display: none;
  }
}

.construction-why-choose-section .grid > img, .transport-why-choose-section .grid > img {
  display: inline-block;
  float: right;
  margin-top: 50px;
}

.construction-why-choose-section .why-choose-grid, .transport-why-choose-section .why-choose-grid {
  max-width: 770px;
  padding-right: 30px;
}

@media (max-width: 991px) {
  .construction-why-choose-section .why-choose-grid, .transport-why-choose-section .why-choose-grid {
    max-width: 100%;
    padding: 0 15px;
  }
}

@media screen and (min-width: 1300px) {
  .construction-why-choose-section .why-choose-grid, .transport-why-choose-section .why-choose-grid {
    margin-left: -170px;
  }
}

@media (max-width: 991px) {
  .construction-why-choose-section .construction-section-title-s2, .transport-why-choose-section .construction-section-title-s2, .construction-why-choose-section .transport-section-title-s3, .transport-why-choose-section .transport-section-title-s3 {
    padding: 0 150px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .construction-why-choose-section .construction-section-title-s2, .transport-why-choose-section .construction-section-title-s2, .construction-why-choose-section .transport-section-title-s3, .transport-why-choose-section .transport-section-title-s3 {
    padding: 0 15px;
  }
}

.construction-why-choose-section .why-choose-details, .transport-why-choose-section .why-choose-details {
  overflow: hidden;
}

.construction-why-choose-section .why-choose-details > div, .transport-why-choose-section .why-choose-details > div {
  width: 50%;
  float: left;
  padding: 0 13px 70px 90px;
  position: relative;
}

@media (max-width: 1300px) {
  .construction-why-choose-section .why-choose-details > div, .transport-why-choose-section .why-choose-details > div {
    width: 100%;
    float: none;
    padding: 0 13px 40px 90px;
  }
}

@media (max-width: 991px) {
  .construction-why-choose-section .why-choose-details > div, .transport-why-choose-section .why-choose-details > div {
    width: 50%;
    float: left;
  }
}

@media (max-width: 767px) {
  .construction-why-choose-section .why-choose-details > div, .transport-why-choose-section .why-choose-details > div {
    width: 100%;
    float: none;
    padding: 0 13px 30px 70px;
  }
}

@media (max-width: 1300px) {
  .construction-why-choose-section .why-choose-details > div:last-child, .transport-why-choose-section .why-choose-details > div:last-child {
    padding-bottom: 0;
  }
}

.construction-why-choose-section .why-choose-details .icon, .transport-why-choose-section .why-choose-details .icon {
  background-color: #efb945;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 767px) {
  .construction-why-choose-section .why-choose-details .icon, .transport-why-choose-section .why-choose-details .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}

.construction-why-choose-section .why-choose-details .icon img, .transport-why-choose-section .why-choose-details .icon img {
  max-width: 35px;
  display: inline-block;
}

@media (max-width: 767px) {
  .construction-why-choose-section .why-choose-details .icon img, .transport-why-choose-section .why-choose-details .icon img {
    max-width: 30px;
  }
}

.construction-why-choose-section .why-choose-details h3, .transport-why-choose-section .why-choose-details h3 {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 600;
  margin: 0 0 0.4em;
}

@media (max-width: 767px) {
  .construction-why-choose-section .why-choose-details h3, .transport-why-choose-section .why-choose-details h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.construction-why-choose-section .why-choose-details p, .transport-why-choose-section .why-choose-details p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
#4.3	construction-cta
--------------------------------------------------------------*/
.construction-cta {
  background: url("../images/construction/cta-bg.jpg") center center/cover no-repeat fixed;
  text-align: center;
  position: relative;
}

.construction-cta:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.construction-cta h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2em;
  color: #fff;
  margin: 0 0 1.2em;
}

@media (max-width: 991px) {
  .construction-cta h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .construction-cta h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.construction-cta h2 span {
  color: #efb945;
}

/*--------------------------------------------------------------
#4.4	construction-testimonials-section
--------------------------------------------------------------*/
.construction-testimonials-section, .transport-testimonials-section, .lawyer-testimonials-section {
  background-color: #f9f9f9;
}

.construction-testimonials-section .grid, .transport-testimonials-section .grid, .lawyer-testimonials-section .grid {
  background-color: #fff;
  padding: 45px 50px;
  margin-bottom: 50px;
  position: relative;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.construction-testimonials-section .grid:before, .transport-testimonials-section .grid:before, .lawyer-testimonials-section .grid:before {
  font-family: "fontAwesome";
  content: "\f10e";
  font-size: 35px;
  font-size: 2.33333rem;
  color: #efb945;
  position: absolute;
  right: 50px;
  top: 45px;
}

@media (max-width: 991px) {
  .construction-testimonials-section .grid:before, .transport-testimonials-section .grid:before, .lawyer-testimonials-section .grid:before {
    display: none;
  }
}

@media (max-width: 991px) {
  .construction-testimonials-section .grid, .transport-testimonials-section .grid, .lawyer-testimonials-section .grid {
    padding: 35px 30px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .construction-testimonials-section .grid, .transport-testimonials-section .grid, .lawyer-testimonials-section .grid {
    padding: 25px 15px;
  }
}

.construction-testimonials-section .grid img, .transport-testimonials-section .grid img, .lawyer-testimonials-section .grid img {
  width: auto;
}

.construction-testimonials-section .client-info, .transport-testimonials-section .client-info, .lawyer-testimonials-section .client-info {
  min-height: 54px;
  position: relative;
  padding-left: 70px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .construction-testimonials-section .client-info, .transport-testimonials-section .client-info, .lawyer-testimonials-section .client-info {
    padding: 0;
  }
}

.construction-testimonials-section .client-info img, .transport-testimonials-section .client-info img, .lawyer-testimonials-section .client-info img {
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 767px) {
  .construction-testimonials-section .client-info img, .transport-testimonials-section .client-info img, .lawyer-testimonials-section .client-info img {
    position: static;
    display: inline-block;
    margin-bottom: 5px;
  }
}

.construction-testimonials-section .client-info h4, .transport-testimonials-section .client-info h4, .lawyer-testimonials-section .client-info h4 {
  font-size: 22px;
  font-size: 1.46667rem;
  color: #272e33;
  margin: 0;
  padding: 6px 0 2px;
}

@media (max-width: 1199px) {
  .construction-testimonials-section .client-info h4, .transport-testimonials-section .client-info h4, .lawyer-testimonials-section .client-info h4 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .construction-testimonials-section .client-info h4, .transport-testimonials-section .client-info h4, .lawyer-testimonials-section .client-info h4 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.construction-testimonials-section .client-info > span, .transport-testimonials-section .client-info > span, .lawyer-testimonials-section .client-info > span {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #737a7f;
}

.construction-testimonials-section .client-quote p, .transport-testimonials-section .client-quote p, .lawyer-testimonials-section .client-quote p {
  margin: 0;
}

.construction-testimonials-section .construction-testimonials-slider .owl-controls .owl-prev, .transport-testimonials-section .construction-testimonials-slider .owl-controls .owl-prev, .lawyer-testimonials-section .construction-testimonials-slider .owl-controls .owl-prev,
.construction-testimonials-section .construction-testimonials-slider .owl-controls .owl-next, .transport-testimonials-section .construction-testimonials-slider .owl-controls .owl-next, .lawyer-testimonials-section .construction-testimonials-slider .owl-controls .owl-next {
  background: #e5e8ed;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 20px;
  font-size: 1.33333rem;
  color: #0f2142;
  padding: 0;
  border-radius: 0;
}

@media (max-width: 767px) {
  .construction-testimonials-section .construction-testimonials-slider .owl-controls .owl-prev, .transport-testimonials-section .construction-testimonials-slider .owl-controls .owl-prev, .lawyer-testimonials-section .construction-testimonials-slider .owl-controls .owl-prev,
  .construction-testimonials-section .construction-testimonials-slider .owl-controls .owl-next, .transport-testimonials-section .construction-testimonials-slider .owl-controls .owl-next, .lawyer-testimonials-section .construction-testimonials-slider .owl-controls .owl-next {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.construction-testimonials-section .construction-testimonials-slider .owl-controls .owl-prev:hover, .transport-testimonials-section .construction-testimonials-slider .owl-controls .owl-prev:hover, .lawyer-testimonials-section .construction-testimonials-slider .owl-controls .owl-prev:hover,
.construction-testimonials-section .construction-testimonials-slider .owl-controls .owl-next:hover, .transport-testimonials-section .construction-testimonials-slider .owl-controls .owl-next:hover, .lawyer-testimonials-section .construction-testimonials-slider .owl-controls .owl-next:hover {
  background: #efb945;
  color: #fff;
}

/*--------------------------------------------------------------
#4.5	construction-projects-section
--------------------------------------------------------------*/
@media (max-width: 767px) {
  .construction-projects-section {
    padding-bottom: 30px;
  }
}

.construction-projects-section .construction-projects-grids {
  overflow: hidden;
}

.construction-projects-section .construction-projects-grids .grid {
  float: left;
  text-align: center;
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  .construction-projects-section .construction-projects-grids .grid {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 40px;
  }
  .construction-projects-section .construction-projects-grids .grid img {
    width: 100%;
  }
}

@media (max-width: 530px) {
  .construction-projects-section .construction-projects-grids .grid {
    width: 100%;
    float: none;
  }
}

.construction-projects-section .project-info {
  background: #000;
}

@media screen and (min-width: 768px) {
  .construction-projects-section .project-info {
    background: rgba(239, 185, 69, 0.9);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
}

@media screen and (min-width: 768px) {
  .construction-projects-section .project-info .inner-info {
    width: 100%;
    margin-left: -50px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 0.5s 0.3s;
    -o-transition: all 0.5s 0.3s;
    transition: all 0.5s 0.3s;
  }
}

@media (max-width: 767px) {
  .construction-projects-section .project-info .inner-info {
    padding: 25px 5px;
  }
}

.construction-projects-section .project-info .fancybox {
  background: #000;
  width: 42px;
  hieght: 42px;
  line-height: 42px;
  font-size: 20px;
  font-size: 1.33333rem;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
}

@media (max-width: 767px) {
  .construction-projects-section .project-info .fancybox {
    background: #efb945;
    width: 35px;
    hieght: 35px;
    line-height: 35px;
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.construction-projects-section .project-info h3 {
  font-size: 24px;
  font-size: 1.6rem;
  color: #fff;
  margin: 1em 0 0.5em;
}

@media (max-width: 767px) {
  .construction-projects-section .project-info h3 {
    font-size: 16px;
    font-size: 1.06667rem;
    font-weight: 600;
    color: #fff;
    margin: 0.6em 0 0.5em;
  }
}

.construction-projects-section .project-info .tags {
  color: #0f2142;
}

@media (max-width: 767px) {
  .construction-projects-section .project-info .tags {
    color: #fff;
  }
}

.construction-projects-section .grid:hover .project-info {
  top: 0;
  opacity: 1;
}

.construction-projects-section .grid:hover .inner-info {
  margin-left: 0;
  opacity: 1;
}

@media (max-width: 550px) {
  .construction-projects-section .mCustomScrollBox {
    position: static;
  }
}

.construction-projects-section .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 80px;
}

.construction-projects-section .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  max-width: 850px;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .construction-projects-section .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    max-width: 700px;
  }
}

.construction-projects-section .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.construction-projects-section .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 10px;
}

.construction-projects-section .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: #e4e7f0;
}

.construction-projects-section .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #efb945;
}

@media (max-width: 550px) {
  .construction-projects-section .mCSB_inside > .mCSB_container {
    margin-right: 0;
  }
}

/*--------------------------------------------------------------
#4.6	construction-team-section
--------------------------------------------------------------*/
.construction-team-section {
  background-color: #f3f4f6;
}

.construction-team-section .team-grids .team-grid {
  overflow: hidden;
  position: relative;
}

.construction-team-section .team-grids .member-pic-social {
  position: relative;
  overflow: hidden;
}

.construction-team-section .team-grids .social {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}

.construction-team-section .team-grids .social-links {
  list-style: none;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 11;
  opacity: 0;
}

.construction-team-section .team-grids .member-pic-social:hover .social-links {
  opacity: 1;
}

.construction-team-section .team-grids .social-links > li + li {
  margin-left: 20px;
}

.construction-team-section .team-grids .social-links li a {
  font-size: 24px;
  font-size: 1.6rem;
  color: #fff;
}

@media (max-width: 1199px) {
  .construction-team-section .team-grids .social-links li a {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.construction-team-section .team-grids .social-links li a:hover {
  color: #443f45;
}

.construction-team-section .team-grids .member-info {
  text-align: center;
  padding-top: 25px;
}

.construction-team-section .team-grids .member-info h3 {
  font-size: 22px;
  font-size: 1.46667rem;
  color: #000;
  margin: 0 0 3px;
}

@media (max-width: 1199px) {
  .construction-team-section .team-grids .member-info h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

@media (max-width: 991px) {
  .construction-team-section .team-grids .member-info h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.construction-team-section .team-grids .member-info p {
  color: #fff;
}

@media (max-width: 991px) {
  .construction-team-section .team-grids .member-info p {
    font-size: 14px;
    font-size: 0.93333rem;
    color: #777;
  }
}

.construction-team-section .team-grids .owl-controls .owl-nav {
  width: 100%;
  position: absolute;
  left: 0;
  top: 59%;
  z-index: 10;
}

@media (max-width: 1199px) {
  .construction-team-section .team-grids .owl-controls .owl-nav {
    display: none;
  }
}

.construction-team-section .team-grids .owl-controls .owl-dots {
  position: relative;
  top: 80px;
  z-index: 10;
}

@media (max-width: 1199px) {
  .construction-team-section .team-grids .owl-controls .owl-dots {
    top: 0;
  }
}

.construction-team-section .team-grids .owl-controls .owl-nav .owl-prev,
.construction-team-section .team-grids .owl-controls .owl-nav .owl-next {
  background: transparent;
  font-size: 24px;
  font-size: 1.6rem;
  color: #000;
  padding: 0;
  position: absolute;
}

.construction-team-section .team-grids .owl-controls .owl-nav .owl-prev:hover,
.construction-team-section .team-grids .owl-controls .owl-nav .owl-next:hover {
  background: transparent;
  color: #efb945;
}

.construction-team-section .team-grids .owl-controls .owl-nav .owl-prev {
  left: -65px;
}

.construction-team-section .team-grids .owl-controls .owl-nav .owl-next {
  right: -65px;
}

.construction-team-section .team-grids .owl-controls .owl-dots .active span,
.construction-team-section .team-grids .owl-controls .owl-dots .owl-dot:hover span {
  background: #efb945;
}

.construction-team-section .construction-team-slider {
  position: relative;
}

.construction-team-section .construction-team-slider .owl-stage-outer {
  z-index: 10;
}

.construction-team-section .construction-team-slider:after {
  content: "";
  background-color: #efb945;
  width: 120%;
  height: 300px;
  position: absolute;
  left: -10%;
  bottom: 0;
}

@media (max-width: 1199px) {
  .construction-team-section .construction-team-slider:after {
    display: none;
  }
}

.construction-team-section .square-hover-effect {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.construction-team-section .square-hover-effect .hover-1,
.construction-team-section .square-hover-effect .hover-2,
.construction-team-section .square-hover-effect .hover-3,
.construction-team-section .square-hover-effect .hover-4 {
  background: rgba(0, 0, 0, 0.9);
  width: 50%;
  height: 50%;
  position: absolute;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}

.construction-team-section .square-hover-effect .hover-1 {
  left: 0;
  top: 0;
}

.construction-team-section .square-hover-effect .hover-2 {
  left: 50%;
  top: 0;
}

.construction-team-section .square-hover-effect .hover-3 {
  left: 50%;
  top: 50%;
}

.construction-team-section .square-hover-effect .hover-4 {
  left: 0;
  top: 50%;
}

.construction-team-section .square-hover-effect:hover .hover-1,
.construction-team-section .square-hover-effect-parent:hover .hover-1 {
  left: 50%;
  top: 0;
  opacity: 1;
}

.construction-team-section .square-hover-effect:hover .hover-2,
.construction-team-section .square-hover-effect-parent:hover .hover-2 {
  left: 50%;
  top: 50%;
  opacity: 1;
}

.construction-team-section .square-hover-effect:hover .hover-3,
.construction-team-section .square-hover-effect-parent:hover .hover-3 {
  left: 0%;
  top: 50%;
  opacity: 1;
}

.construction-team-section .square-hover-effect:hover .hover-4,
.construction-team-section .square-hover-effect-parent:hover .hover-4 {
  left: 0%;
  top: 0%;
  opacity: 1;
}

/*--------------------------------------------------------------
#4.7	construction-cta-newsletter
--------------------------------------------------------------*/
.construction-cta-newsletter {
  background: url("../images/construction/cta-newsletter-bg.jpg") center center/cover no-repeat fixed;
  padding: 100px 0;
  position: relative;
}

@media (max-width: 991px) {
  .construction-cta-newsletter {
    padding: 80px 0;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .construction-cta-newsletter {
    padding: 60px 0;
  }
}

.construction-cta-newsletter:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.construction-cta-newsletter .cta-newsletter-inner h3 {
  font-size: 30px;
  font-size: 2rem;
  color: #fff;
  margin: 0 0 1.23em;
}

@media (max-width: 1199px) {
  .construction-cta-newsletter .cta-newsletter-inner h3 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 991px) {
  .construction-cta-newsletter .cta-newsletter-inner h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.construction-cta-newsletter .cta-newsletter-inner h3 span {
  color: #efb945;
}

.construction-cta-newsletter .subscrib-form {
  max-width: 725px;
  position: relative;
}

@media (max-width: 1199px) {
  .construction-cta-newsletter .subscrib-form {
    max-width: 625px;
  }
}

@media (max-width: 991px) {
  .construction-cta-newsletter .subscrib-form {
    max-width: 500px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .construction-cta-newsletter .subscrib-form {
    max-width: 95%;
    margin: 0 auto;
  }
}

.construction-cta-newsletter .subscrib-form input {
  height: 45px;
  border: 0;
  padding-left: 25px;
  padding-right: 260px;
}

@media (max-width: 1199px) {
  .construction-cta-newsletter .subscrib-form input {
    height: 40px;
    padding-right: 200px;
  }
}

@media (max-width: 991px) {
  .construction-cta-newsletter .subscrib-form input {
    height: 38px;
    padding-left: 15px;
    padding-right: 140px;
  }
}

@media (max-width: 767px) {
  .construction-cta-newsletter .subscrib-form input {
    padding-right: 120px;
  }
}

.construction-cta-newsletter .subscrib-form button {
  background-color: #efb945;
  width: 240px;
  height: 45px;
  line-height: 45px;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #443f45;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 1199px) {
  .construction-cta-newsletter .subscrib-form button {
    width: 180px;
    height: 40px;
    line-height: 40px;
  }
}

@media (max-width: 1199px) {
  .construction-cta-newsletter .subscrib-form button {
    font-size: 14px;
    font-size: 0.93333rem;
    width: 120px;
    height: 38px;
    line-height: 38px;
  }
}

@media (max-width: 767px) {
  .construction-cta-newsletter .subscrib-form button {
    width: 100px;
  }
}

.construction-cta-newsletter .subscrib-form button:hover {
  background-color: #edb02e;
}

.construction-cta-newsletter .newsletter-pic {
  position: absolute;
  right: 0;
  bottom: -100px;
}

@media (max-width: 991px) {
  .construction-cta-newsletter .newsletter-pic {
    display: none;
  }
}

/*--------------------------------------------------------------
#4.8	construction-blog-section
--------------------------------------------------------------*/
.construction-blog-section .news-grids .entry-media img {
  border-radius: 0;
}

.construction-blog-section .news-grids .entry-meta .read-more,
.construction-blog-section .news-grids .entry-header h3 a {
  color: #272e33;
}

.construction-blog-section .news-grids .entry-meta .read-more:hover,
.construction-blog-section .news-grids .entry-header h3 a:hover {
  color: #efb945;
}

.construction-blog-section .entry-meta .cat {
  background-color: #efb945;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #121111;
  float: right;
  display: inline-block;
  padding: 2px 8px;
}

.construction-blog-section .blog-slider {
  position: relative;
}

.construction-blog-section .blog-slider .owl-controls {
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.construction-blog-section .blog-slider .owl-controls {
  width: 100%;
}

.construction-blog-section .blog-slider .owl-controls .owl-prev,
.construction-blog-section .blog-slider .owl-controls .owl-next {
  background: #fff;
  width: 38px;
  height: 42px;
  line-height: 42px;
  font-size: 18px;
  font-size: 1.2rem;
  color: #000;
  padding: 0;
  margin: 0;
  border-radius: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  .construction-blog-section .blog-slider .owl-controls .owl-prev,
  .construction-blog-section .blog-slider .owl-controls .owl-next {
    width: 32px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.construction-blog-section .blog-slider .owl-controls .owl-prev:hover,
.construction-blog-section .blog-slider .owl-controls .owl-next:hover {
  background: #efb945;
}

.construction-blog-section .blog-slider .owl-controls .owl-prev {
  left: 0;
}

.construction-blog-section .blog-slider .owl-controls .owl-next {
  right: 0;
}

/*--------------------------------------------------------------
#4.9	construction-contact-section
--------------------------------------------------------------*/
.construction-contact-section, .transport-contact-section {
  position: relative;
  /*** contact-form ***/
  /*** contact-info ***/
}

@media (max-width: 767px) {
  .construction-contact-section, .transport-contact-section {
    background-color: #efb945;
    padding: 70px 15px;
  }
}

.construction-contact-section:before, .transport-contact-section:before {
  content: "";
  background: url("../images/construction/map.jpg") center center/cover no-repeat local;
  width: 100%;
  height: 465px;
  position: absolute;
  left: 0;
  bottom: 100px;
}

@media (max-width: 991px) {
  .construction-contact-section:before, .transport-contact-section:before {
    height: 350px;
  }
}

@media (max-width: 767px) {
  .construction-contact-section:before, .transport-contact-section:before {
    display: none;
  }
}

@media (max-width: 767px) {
  .construction-contact-section > .container, .transport-contact-section > .container {
    padding: 0;
  }
}

.construction-contact-section .section-title, .transport-contact-section .section-title {
  position: relative;
  margin-bottom: 50px;
}

@media (max-width: 1199px) {
  .construction-contact-section .section-title, .transport-contact-section .section-title {
    margin-bottom: 40px;
  }
}

@media (max-width: 991px) {
  .construction-contact-section .section-title, .transport-contact-section .section-title {
    margin-bottom: 25px;
  }
}

.construction-contact-section .section-title h2, .transport-contact-section .section-title h2 {
  font-size: 36px;
  font-size: 2.4rem;
  margin: 0;
}

@media (max-width: 991px) {
  .construction-contact-section .section-title h2, .transport-contact-section .section-title h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .construction-contact-section .section-title h2, .transport-contact-section .section-title h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.construction-contact-section .section-title .sub-title, .transport-contact-section .section-title .sub-title {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
}

@media (max-width: 1199px) {
  .construction-contact-section .section-title .sub-title, .transport-contact-section .section-title .sub-title {
    margin: 5px 0 20px;
  }
}

.construction-contact-section .section-title p, .transport-contact-section .section-title p {
  color: #111;
}

@media screen and (min-width: 1200px) {
  .construction-contact-section .section-title p, .transport-contact-section .section-title p {
    padding-left: 290px;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.construction-contact-section .contact-block, .transport-contact-section .contact-block {
  background-color: #efb945;
  padding: 80px 95px;
  margin-bottom: 100px;
  overflow: hidden;
  position: relative;
}

@media (max-width: 1199px) {
  .construction-contact-section .contact-block, .transport-contact-section .contact-block {
    padding: 60px 70px;
  }
}

@media (max-width: 991px) {
  .construction-contact-section .contact-block, .transport-contact-section .contact-block {
    padding: 50px 40px;
    margin-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .construction-contact-section .contact-block, .transport-contact-section .contact-block {
    padding: 0;
    margin-bottom: 0;
  }
}

.construction-contact-section .contact-form, .transport-contact-section .contact-form {
  width: 70%;
  float: left;
}

@media (max-width: 1199px) {
  .construction-contact-section .contact-form, .transport-contact-section .contact-form {
    width: 100%;
    float: none;
  }
}

@media screen and (min-width: 1200px) {
  .construction-contact-section .contact-form, .transport-contact-section .contact-form {
    padding-left: 50px;
  }
}

@media (max-width: 1199px) {
  .construction-contact-section .contact-form, .transport-contact-section .contact-form {
    margin-top: 45px;
  }
}

@media (max-width: 767px) {
  .construction-contact-section .contact-form, .transport-contact-section .contact-form {
    margin-top: 25px;
  }
}

.construction-contact-section .contact-form form ::-webkit-input-placeholder, .transport-contact-section .contact-form form ::-webkit-input-placeholder {
  font-style: 14px;
  font-style: normal;
  color: #777;
}

.construction-contact-section .contact-form form :-moz-placeholder, .transport-contact-section .contact-form form :-moz-placeholder {
  font-style: 14px;
  font-style: normal;
  color: #777;
}

.construction-contact-section .contact-form form ::-moz-placeholder, .transport-contact-section .contact-form form ::-moz-placeholder {
  font-style: 14px;
  font-style: normal;
  color: #777;
}

.construction-contact-section .contact-form form :-ms-input-placeholder, .transport-contact-section .contact-form form :-ms-input-placeholder {
  font-style: 14px;
  font-style: normal;
  color: #777;
}

.construction-contact-section .contact-form input, .transport-contact-section .contact-form input,
.construction-contact-section .contact-form select, .transport-contact-section .contact-form select,
.construction-contact-section .contact-form textarea, .transport-contact-section .contact-form textarea {
  background-color: #fff;
  height: 45px;
  font-size: 15px;
  font-size: 1rem;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 20px;
}

@media (max-width: 991px) {
  .construction-contact-section .contact-form input, .transport-contact-section .contact-form input,
  .construction-contact-section .contact-form select, .transport-contact-section .contact-form select,
  .construction-contact-section .contact-form textarea, .transport-contact-section .contact-form textarea {
    height: 40px;
  }
}

@media (max-width: 767px) {
  .construction-contact-section .contact-form input, .transport-contact-section .contact-form input,
  .construction-contact-section .contact-form select, .transport-contact-section .contact-form select,
  .construction-contact-section .contact-form textarea, .transport-contact-section .contact-form textarea {
    height: 38px;
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

.construction-contact-section .contact-form textarea, .transport-contact-section .contact-form textarea {
  height: 160px;
  padding-top: 15px;
}

@media (max-width: 767px) {
  .construction-contact-section .contact-form textarea, .transport-contact-section .contact-form textarea {
    height: 120px;
  }
}

@media screen and (min-width: 1200px) {
  .construction-contact-section .contact-form .form, .transport-contact-section .contact-form .form {
    margin: 0 -30px;
  }
}

.construction-contact-section .contact-form .form .col, .transport-contact-section .contact-form .form .col {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .construction-contact-section .contact-form .form .col, .transport-contact-section .contact-form .form .col {
    margin-bottom: 10px;
  }
}

.construction-contact-section .contact-form .form .submit-btn, .transport-contact-section .contact-form .form .submit-btn {
  margin-bottom: 0;
}

.construction-contact-section .contact-form .form .submit-btn button, .transport-contact-section .contact-form .form .submit-btn button {
  background-color: #000;
  width: 100%;
  height: 38px;
  line-height: 38px;
  color: #efb945;
  font-weight: bold;
  border: 0;
  outline: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}

.construction-contact-section .contact-form .form .submit-btn button:hover, .transport-contact-section .contact-form .form .submit-btn button:hover {
  color: #fff;
}

.construction-contact-section .contact-info, .transport-contact-section .contact-info {
  width: 30%;
  float: left;
}

@media (max-width: 1199px) {
  .construction-contact-section .contact-info, .transport-contact-section .contact-info {
    width: 100%;
    float: none;
  }
}

.construction-contact-section .contact-info ul, .transport-contact-section .contact-info ul {
  list-style: none;
}

.construction-contact-section .contact-info ul li, .transport-contact-section .contact-info ul li {
  font-size: 18px;
  font-size: 1.2rem;
  color: #111;
  font-weight: bold;
  line-height: 1.5em;
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .construction-contact-section .contact-info ul li, .transport-contact-section .contact-info ul li {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 991px) {
  .construction-contact-section .contact-info ul li, .transport-contact-section .contact-info ul li {
    font-size: 15px;
    font-size: 1rem;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .construction-contact-section .contact-info ul li, .transport-contact-section .contact-info ul li {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.construction-contact-section .contact-info ul li a, .transport-contact-section .contact-info ul li a {
  color: #000001;
}

.construction-contact-section .contact-info ul li a:focus, .transport-contact-section .contact-info ul li a:focus {
  outline: none;
}

.construction-contact-section .contact-info li .icon, .transport-contact-section .contact-info li .icon {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  position: absolute;
  left: 0;
  top: -3px;
}

.construction-contact-section .contact-info li .fa:before, .transport-contact-section .contact-info li .fa:before {
  font-size: 20px;
  font-size: 1.33333rem;
}

@media (max-width: 1199px) {
  .construction-contact-section .contact-info li .fa:before, .transport-contact-section .contact-info li .fa:before {
    font-size: 18;
    font-size: 1.2rem;
  }
}

.construction-contact-section .popup-map-section, .transport-contact-section .popup-map-section {
  position: absolute;
  left: 95px;
  bottom: 100px;
  border-bottom: 1px solid #000001;
}

@media (max-width: 1199px) {
  .construction-contact-section .popup-map-section, .transport-contact-section .popup-map-section {
    max-width: 140px;
    position: static;
    left: auto;
    bottom: auto;
    margin-top: 25px;
  }
}

.construction-contact-section .popup-map-section a, .transport-contact-section .popup-map-section a {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000001;
}

@media (max-width: 767px) {
  .construction-contact-section .popup-map-section a, .transport-contact-section .popup-map-section a {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.construction-contact-section .popup-map-section a:focus, .transport-contact-section .popup-map-section a:focus {
  border: 0;
  outline: 0;
}

.construction-contact-section .popup-map-section a i, .transport-contact-section .popup-map-section a i {
  display: inline-block;
  padding-right: 8px;
}

/*--------------------------------------------------------------
#4.10	construction-partners-section
--------------------------------------------------------------*/
.construction-partners-section {
  background-color: #eceff3;
}

/*--------------------------------------------------------------
#4.11	construction-site-footer
--------------------------------------------------------------*/
.construction-site-footer .upper-footer a:hover {
  color: #efb945;
}

.construction-site-footer .links-widget ul li:before,
.construction-site-footer .about-widget ul li i {
  color: #efb945;
}

.construction-site-footer .twitter-feed-widget a {
  color: #efb945;
}

.construction-site-footer .twitter-feed-widget a:hover {
  color: #efb945;
}

.construction-site-footer .copyright-info .copyright-area a {
  color: #efb945;
}

.construction-site-footer .copyright-info .social-links a:hover {
  color: #efb945;
}

/*--------------------------------------------------------------
	#home transport
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#5.0	transport-services-section 
--------------------------------------------------------------*/
.transport-services-section .services-grids > .col {
  margin-bottom: 30px;
}

@media (max-width: 600px) {
  .transport-services-section .services-grids > .col {
    width: 100%;
  }
}

.transport-services-section .services-grids .grid {
  border: 1px solid #e7e7e7;
  padding: 35px 40px;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

@media (max-width: 767px) {
  .transport-services-section .services-grids .grid {
    padding: 30px;
  }
}

.transport-services-section .services-grids .grid:after {
  content: "";
  background-color: rgba(9, 21, 44, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.transport-services-section .grid h3,
.transport-services-section .grid p {
  position: relative;
  z-index: 1;
}

.transport-services-section .grid h3 {
  font-size: 20px;
  font-size: 1.33333rem;
  color: #09152c;
  margin: 0 0 1em;
  padding-bottom: 0.75em;
  position: relative;
}

@media (max-width: 991px) {
  .transport-services-section .grid h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.transport-services-section .grid h3:after {
  content: "";
  background: #ea1414;
  width: 26px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.transport-services-section .grid p {
  margin-bottom: 0;
}

.transport-services-section .grid:hover h3,
.transport-services-section .grid:hover p {
  color: #fff;
}

.transport-services-section .grid:hover:after {
  opacity: 1;
}

.transport-services-section .grid:hover {
  background: url("../images/transport/services-grid-bg.jpg") center center/cover no-repeat local;
}

.transport-services-section .get-service {
  text-align: center;
  margin-top: 20px;
}

/*--------------------------------------------------------------
#5.1	transport-about-section
--------------------------------------------------------------*/
.transport-about-section {
  background: url("../images/transport/about-section-bg.jpg") center center/cover no-repeat fixed;
  position: relative;
}

.transport-about-section:before {
  content: "";
  background-color: rgba(9, 21, 44, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.transport-about-section .about {
  padding: 100px 0;
}

@media screen and (min-width: 1200px) {
  .transport-about-section .about {
    padding-right: 100px;
  }
}

@media (max-width: 991px) {
  .transport-about-section .about {
    padding: 80px 0 50px;
  }
}

@media (max-width: 767px) {
  .transport-about-section .about {
    padding: 70px 0 50px;
  }
}

.transport-about-section .about p {
  color: #9a9a9a;
}

.transport-about-section .partners {
  overflow: hidden;
  margin: 35px -10px 0;
}

.transport-about-section .partners .grid {
  width: calc(25% - 20px);
  float: left;
  padding: 10px;
  margin: 0 10px;
  border: 1px solid #868c97;
}

@media (max-width: 600px) {
  .transport-about-section .partners .grid {
    width: calc(50% - 20px);
    margin: 0 10px 10px;
  }
}

.transport-about-section .contact-form {
  background-color: #ea1414;
  background-image: url("../images/transport/about-contact-form-bg.png");
  height: 570px;
  padding: 60px 55px;
}

@media (max-width: 991px) {
  .transport-about-section .contact-form {
    height: auto;
    margin-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .transport-about-section .contact-form {
    margin-bottom: 70px;
    padding: 35px;
  }
}

.transport-about-section .contact-form h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 1em;
}

@media (max-width: 991px) {
  .transport-about-section .contact-form h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .transport-about-section .contact-form h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.transport-about-section form > div + div {
  margin-top: 20px;
}

.transport-about-section form label {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #fff;
}

@media (max-width: 767px) {
  .transport-about-section form label {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.transport-about-section form input,
.transport-about-section form select {
  background-color: #fff;
  height: 35px;
  border: 0;
  font-style: normal;
}

.transport-about-section form input:focus,
.transport-about-section form select:focus {
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.transport-about-section form select {
  background-position: calc(100% - 15px);
}

.transport-about-section form button {
  background-color: #09152c;
  width: 100%;
  hieght: 35px;
  line-height: 35px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #fff;
  border: 0;
  outline: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.transport-about-section form button:hover {
  background-color: #050b17;
}

@media (max-width: 767px) {
  .transport-about-section form button {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.transport-about-section .submit-btn {
  margin-top: 30px;
}

/*--------------------------------------------------------------
#5.2	transport-why-choose-section 
--------------------------------------------------------------*/
.transport-why-choose-section .why-choose-details .icon {
  background-color: #ea1414;
}

.transport-why-choose-section .img-grid {
  padding-left: 20px;
}

.transport-why-choose-section .why-choose-details .icon {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.transport-why-choose-section .why-choose-details > div:hover .icon {
  -webkit-box-shadow: 0 0 0 6px rgba(234, 20, 20, 0.3);
  box-shadow: 0 0 0 6px rgba(234, 20, 20, 0.3);
}

.transport-why-choose-section .why-choose-details {
  padding: 10px;
  margin: -10px;
}

.transport-why-choose-section .why-choose-details > div {
  padding: 0 20px 70px 90px;
}

@media (max-width: 1300px) {
  .transport-why-choose-section .why-choose-details > div {
    padding: 0 13px 40px 90px;
  }
}

@media (max-width: 767px) {
  .transport-why-choose-section .why-choose-details > div {
    padding: 0 13px 30px 80px;
  }
}

/*--------------------------------------------------------------
#5.3	transport-team-section
--------------------------------------------------------------*/
.transport-team-section {
  background-color: #f3f4f6;
}

@media (max-width: 767px) {
  .transport-team-section {
    padding-bottom: 20px;
  }
}

.transport-team-section .team-grids {
  margin: 0 -15px;
  overflow: hidden;
}

.transport-team-section .grid {
  width: 33.33%;
  float: left;
  padding: 0 15px;
  text-align: center;
}

@media (max-width: 767px) {
  .transport-team-section .grid {
    width: 50%;
    margin-bottom: 50px;
  }
}

@media (max-width: 550px) {
  .transport-team-section .grid {
    width: 100%;
    float: none;
  }
}

.transport-team-section .member-img-social {
  position: relative;
}

.transport-team-section .member-img-social:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.transport-team-section .social-link {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.transport-team-section .social-link ul {
  list-style: none;
  overflow: hidden;
  display: inline-block;
}

.transport-team-section .social-link ul li {
  float: left;
}

.transport-team-section .social-link ul > li + li {
  margin-left: 9px;
}

.transport-team-section .social-link ul a {
  background-color: #ea1414;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-size: 20px;
  font-size: 1.33333rem;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
}

@media (max-width: 991px) {
  .transport-team-section .social-link ul a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.transport-team-section .member-info {
  background-color: #ea1414;
  padding: 20px 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.transport-team-section .member-info h3 {
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 5px;
}

@media (max-width: 1199px) {
  .transport-team-section .member-info h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 991px) {
  .transport-team-section .member-info h3 {
    font-size: 17px;
    font-size: 1.13333rem;
  }
}

.transport-team-section .member-info p {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #09152c;
  margin: 0;
}

@media (max-width: 991px) {
  .transport-team-section .member-info p {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.transport-team-section .grid:hover .social-link {
  opacity: 1;
}

.transport-team-section .grid:hover .member-img-social:before {
  opacity: 1;
}

.transport-team-section .grid:hover .member-info {
  background-color: #ea1414;
}

.transport-team-section .grid:hover .member-info h3 {
  color: #fff;
}

@media (max-width: 767px) {
  .transport-team-section .team-grids .grid img {
    width: 100%;
  }
  .transport-team-section .team-grids .grid .social-link {
    opacity: 1;
  }
  .transport-team-section .team-grids .grid .member-img-social:before {
    opacity: 1;
  }
  .transport-team-section .team-grids .grid .member-info {
    background-color: #ea1414;
  }
  .transport-team-section .team-grids .grid .member-info h3 {
    color: #fff;
  }
}

/*--------------------------------------------------------------
#5.4	transport-cta
--------------------------------------------------------------*/
.transport-cta {
  background-color: #09152c;
  text-align: center;
  padding: 60px 0;
}

@media (max-width: 991px) {
  .transport-cta {
    padding: 50px 0;
  }
}

.transport-cta h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: normal;
  color: #fff;
  line-height: 1.3em;
}

@media (max-width: 991px) {
  .transport-cta h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .transport-cta h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.transport-cta h2 span {
  color: #ea1414;
  font-weight: 600;
  display: block;
}

/*--------------------------------------------------------------
#5.5	transport-testimonials-section
--------------------------------------------------------------*/
.transport-testimonials-section, .lawyer-testimonials-section {
  padding-bottom: 95px;
}

@media (max-width: 991px) {
  .transport-testimonials-section, .lawyer-testimonials-section {
    padding-bottom: 75px;
  }
}

@media (max-width: 767px) {
  .transport-testimonials-section, .lawyer-testimonials-section {
    padding-bottom: 65px;
  }
}

.transport-testimonials-section .grid:before, .lawyer-testimonials-section .grid:before {
  color: #ea1414;
}

.transport-testimonials-section .client-info img, .lawyer-testimonials-section .client-info img {
  border: 2px solid #ea1414;
}

@media screen and (min-width: 992px) {
  .transport-testimonials-section .owl-controls .owl-nav .owl-prev:hover, .lawyer-testimonials-section .owl-controls .owl-nav .owl-prev:hover,
  .transport-testimonials-section .owl-controls .owl-nav .owl-next:hover, .lawyer-testimonials-section .owl-controls .owl-nav .owl-next:hover {
    background: #ea1414;
    color: #fff;
  }
}

@media (max-width: 991px) {
  .transport-testimonials-section .owl-controls .owl-nav .owl-prev:hover, .lawyer-testimonials-section .owl-controls .owl-nav .owl-prev:hover,
  .transport-testimonials-section .owl-controls .owl-nav .owl-next:hover, .lawyer-testimonials-section .owl-controls .owl-nav .owl-next:hover {
    background: #ea1414;
  }
}

/*--------------------------------------------------------------
#5.6	transport-faq-news
--------------------------------------------------------------*/
.transport-faq-news {
  background-color: #09152c;
  background-image: url("../images/transport/faq-news-bg.png");
}

.transport-faq-news .panel-group {
  margin-bottom: 0;
}

.transport-faq-news .panel-group .panel-default {
  background: transparent;
  border: 0;
  border-radius: 0;
}

.transport-faq-news .panel-group .panel-group .panel + .panel {
  margin-top: 8px;
}

.transport-faq-news .panel-group .panel-heading {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}

.transport-faq-news .panel-group .panel-heading a {
  font-family: "Poppins", sans-serif;
  background-color: #ea1414;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #fff;
  display: block;
  padding: 15px 25px;
  position: relative;
}

@media (max-width: 991px) {
  .transport-faq-news .panel-group .panel-heading a {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 12px 20px;
  }
}

@media (max-width: 767px) {
  .transport-faq-news .panel-group .panel-heading a {
    padding: 12px 15px;
  }
}

.transport-faq-news .panel-group .panel-heading a:before {
  font-family: "FontAwesome";
  content: "\f068";
  font-size: 16px;
  font-size: 1.06667rem;
  position: absolute;
  right: 25px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 991px) {
  .transport-faq-news .panel-group .panel-heading a:before {
    font-size: 14px;
    font-size: 0.93333rem;
    right: 20px;
  }
}

@media (max-width: 400px) {
  .transport-faq-news .panel-group .panel-heading a:before {
    display: none;
  }
}

.transport-faq-news .panel-group .panel-heading .collapsed:before {
  content: "\f067";
}

.transport-faq-news .panel-group .panel-heading + .panel-collapse > .panel-body {
  background: rgba(255, 255, 255, 0.9);
  border: 0;
  padding: 24px 200px 24px 33px;
}

@media (max-width: 1800px) {
  .transport-faq-news .panel-group .panel-heading + .panel-collapse > .panel-body {
    background-color: #fff;
  }
}

@media (max-width: 991px) {
  .transport-faq-news .panel-group .panel-heading + .panel-collapse > .panel-body {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .transport-faq-news .panel-group .panel-heading + .panel-collapse > .panel-body {
    padding: 15px;
  }
}

.transport-faq-news .panel-group .panel-body {
  position: relative;
}

@media (max-width: 1199px) {
  .transport-faq-news .panel-group .panel-body {
    min-height: 170px;
  }
}

.transport-faq-news .panel-group .panel-body img {
  position: absolute;
  right: 33px;
  top: 24px;
}

@media (max-width: 991px) {
  .transport-faq-news .panel-group .panel-body img {
    position: static;
  }
}

.transport-faq-news .panel-group .panel-body p {
  font-size: 14px;
  font-size: 0.93333rem;
}

@media (max-width: 1199px) {
  .transport-faq-news .news-block {
    margin-top: 70px;
  }
}

@media (max-width: 767px) {
  .transport-faq-news .news-block {
    margin-top: 50px;
  }
}

.transport-faq-news .news-grids .grid {
  overflow: hidden;
}

.transport-faq-news .news-grids > .grid + .grid {
  margin-top: 10px;
}

@media (max-width: 767px) {
  .transport-faq-news .news-grids > .grid + .grid {
    margin-top: 30px;
  }
}

.transport-faq-news .news-grids .entry-media {
  width: 160px;
  float: left;
}

@media (max-width: 767px) {
  .transport-faq-news .news-grids .entry-media {
    width: 100%;
    float: none;
  }
}

.transport-faq-news .news-grids .entry-details {
  background-color: #fff;
  width: calc(100% - 170px);
  min-height: 115px;
  float: left;
  margin-left: 10px;
  padding: 22px 35px;
}

@media (max-width: 767px) {
  .transport-faq-news .news-grids .entry-details {
    width: 100%;
    min-height: auto;
    float: none;
    margin: 0;
    padding: 22px 20px;
  }
}

.transport-faq-news .news-grids .entry-details h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2em;
  margin: 0 0 0.44em;
}

@media (max-width: 767px) {
  .transport-faq-news .news-grids .entry-details h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.transport-faq-news .news-grids .entry-details h3 a {
  color: #272e33;
}

.transport-faq-news .news-grids .entry-meta {
  list-style: none;
  overflow: hidden;
}

.transport-faq-news .news-grids .entry-meta > li {
  float: left;
  font-sie: 14px;
  font-size: 0.93333rem;
}

.transport-faq-news .news-grids .entry-meta > li + li {
  margin-left: 12px;
  padding-left: 12px;
  position: relative;
}

.transport-faq-news .news-grids .entry-meta > li + li:before {
  content: "";
  background-color: #ea1414;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.transport-faq-news .news-grids .entry-meta a {
  color: #959595;
}

.transport-faq-news .news-grids .grid:hover .entry-details {
  background-color: #ea1414;
}

.transport-faq-news .news-grids .grid:hover .entry-details a {
  color: #fff;
}

/*--------------------------------------------------------------
#5.7	transport-map-section
--------------------------------------------------------------*/
.transport-map-section .map {
  width: 100%;
  height: 280px;
}

/*--------------------------------------------------------------
#5.8	transport-contact-section
--------------------------------------------------------------*/
.transport-contact-section {
  background-color: #fff;
}

.transport-contact-section:before {
  display: none;
}

.transport-contact-section .contact-block {
  background-color: transparent;
  margin-bottom: 0;
  padding: 0;
}

@media screen and (min-width: 1200px) {
  .transport-contact-section .contact-block .contact-info {
    padding-right: 22px;
  }
}

.transport-contact-section .contact-form input,
.transport-contact-section .contact-form textarea {
  background-color: #e8ecf1;
}

.transport-contact-section .contact-form .form .submit-btn button {
  background-color: #ea1414;
  color: #fff;
}

.transport-contact-section .popup-map-section {
  position: absolute;
  left: 5px;
  bottom: 0;
  border-bottom: 1px dashed #9f9f9f;
}

@media (max-width: 1199px) {
  .transport-contact-section .popup-map-section {
    max-width: 140px;
    position: static;
    left: auto;
    bottom: auto;
    margin-top: 25px;
  }
}

.transport-contact-section .popup-map-section a {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #ea1414;
}

@media (max-width: 767px) {
  .transport-contact-section .popup-map-section a {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.transport-contact-section .popup-map-section a:focus {
  border: 0;
  outline: 0;
}

.transport-contact-section .popup-map-section a i {
  display: inline-block;
  padding-right: 8px;
}

/*--------------------------------------------------------------
#5.9	transport-site-footer
--------------------------------------------------------------*/
.transport-site-footer .upper-footer {
  background-color: #09152c;
}

.transport-site-footer .copyright-info {
  background-color: #060f1f;
}

.transport-site-footer .upper-footer a:hover {
  color: #ea1414;
}

.transport-site-footer .upper-footer .links-widget ul li:before {
  color: #8a8a8a;
}

.transport-site-footer .upper-footer .links-widget ul li:hover:before {
  color: #ea1414;
}

.transport-site-footer .links-widget ul li:before,
.transport-site-footer .about-widget ul li i {
  color: #ea1414;
}

.transport-site-footer .twitter-feed-widget a {
  color: #ea1414;
}

.transport-site-footer .twitter-feed-widget a:hover {
  color: #ea1414;
}

.transport-site-footer .copyright-info .copyright-area a {
  color: #ea1414;
}

.transport-site-footer .copyright-info .social-links a:hover {
  color: #ea1414;
}

/*--------------------------------------------------------------
	#home lawyer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#6.0	lawyer-features-section
--------------------------------------------------------------*/
.lawyer-features-section {
  margin-top: -100px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) {
  .lawyer-features-section {
    padding-top: 100px;
    margin-top: 0;
  }
}

@media (max-width: 991px) {
  .lawyer-features-section {
    padding-top: 80px;
  }
}

@media (max-width: 767px) {
  .lawyer-features-section {
    padding-top: 70px;
  }
}

.lawyer-features-section .lawyer-features-grids {
  overflow: hidden;
  -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1199px) {
  .lawyer-features-section .lawyer-features-grids {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e0dfdf;
  }
}

.lawyer-features-section .grid {
  background-color: #fff;
  width: 33.33%;
  float: left;
  padding: 60px 65px 60px 115px;
  position: relative;
}

@media (max-width: 1199px) {
  .lawyer-features-section .grid {
    padding: 50px 35px 50px 95px;
  }
}

@media (max-width: 991px) {
  .lawyer-features-section .grid {
    width: 100%;
    float: none;
    border-bottom: 1px solid #e0dfdf;
  }
}

@media (max-width: 767px) {
  .lawyer-features-section .grid {
    text-align: center;
    padding: 30px 15px 40px;
  }
}

.lawyer-features-section .grid .icon {
  position: absolute;
  left: 55px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1199px) {
  .lawyer-features-section .grid .icon {
    left: 35px;
  }
}

@media (max-width: 767px) {
  .lawyer-features-section .grid .icon {
    margin-bottom: 8px;
    position: static;
    left: auto;
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.lawyer-features-section .grid h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.71em;
  margin: 0;
}

@media (max-width: 767px) {
  .lawyer-features-section .grid h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.lawyer-features-section .grid .fi:before {
  font-size: 35px;
  font-size: 2.33333rem;
  color: #d5aa6d;
}

.lawyer-features-section .lawyer-features-grids > .grid:nth-child(2) {
  background-color: #d5aa6d;
}

.lawyer-features-section .lawyer-features-grids > .grid:nth-child(2) .fi:before {
  color: #fff;
}

/*--------------------------------------------------------------
#6.1	lawyer-about-section
--------------------------------------------------------------*/
.lawyer-about-section .about-text {
  margin-top: 25px;
}

.lawyer-about-section h2 {
  font-size: 30px;
  font-size: 2rem;
  padding-bottom: 0.8em;
  border-bottom: 1px solid #dedede;
  margin: 0 0 1em;
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  .lawyer-about-section h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 991px) {
  .lawyer-about-section h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

@media (max-width: 767px) {
  .lawyer-about-section h2 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.lawyer-about-section h3 {
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0 0 1em;
}

@media (max-width: 1199px) {
  .lawyer-about-section h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .lawyer-about-section h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.lawyer-about-section p {
  margin-bottom: 2em;
}

/*--------------------------------------------------------------
#6.2	lawyer-cta-section
--------------------------------------------------------------*/
.lawyer-cta-section .container, .lawyer-cta-section-s2 .container {
  background: url("../images/lawyer/cta-bg.jpg") center center/cover no-repeat local;
}

.lawyer-cta-section .cta-text, .lawyer-cta-section-s2 .cta-text {
  padding: 40px 0 40px 60px;
}

@media (max-width: 767px) {
  .lawyer-cta-section .cta-text, .lawyer-cta-section-s2 .cta-text {
    padding: 40px 0 40px 10px;
  }
}

.lawyer-cta-section h3, .lawyer-cta-section-s2 h3 {
  font-size: 24px;
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.5em;
  font-weight: 500;
  margin: 0 0 1em;
}

@media (max-width: 767px) {
  .lawyer-cta-section h3, .lawyer-cta-section-s2 h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.lawyer-cta-section h3 span, .lawyer-cta-section-s2 h3 span {
  color: #d5aa6d;
}

.lawyer-cta-section .lawyer-theme-btn-s2, .lawyer-cta-section-s2 .lawyer-theme-btn-s2 {
  background-color: #f22648;
}

/*--------------------------------------------------------------
#6.3	lawyer-services-section
--------------------------------------------------------------*/
@media (max-width: 991px) {
  .lawyer-services-section {
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .lawyer-services-section {
    padding-bottom: 40px;
  }
}

.lawyer-services-section .services-grids {
  overflow: hidden;
}

.lawyer-services-section .grid {
  width: 50%;
  float: left;
  padding: 30px 35px 30px 100px;
  position: relative;
  border: 2px solid #fff;
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .lawyer-services-section .grid {
    padding: 30px 15px 30px 65px;
    border: 0;
  }
}

@media (max-width: 991px) {
  .lawyer-services-section .grid {
    padding: 0 15px 0 65px;
    border: 0;
    margin-bottom: 35px;
  }
}

@media (max-width: 767px) {
  .lawyer-services-section .grid {
    width: 100%;
    float: none;
    padding: 0 15px 0 65px;
    border: 0;
  }
}

.lawyer-services-section .grid:hover {
  border-color: #d5aa6d;
}

.lawyer-services-section .grid .icon {
  background-color: #d5aa6d;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  left: 35px;
  top: 30px;
}

@media (max-width: 1199px) {
  .lawyer-services-section .grid .icon {
    left: 0;
  }
}

@media (max-width: 991px) {
  .lawyer-services-section .grid .icon {
    top: 0;
  }
}

.lawyer-services-section .grid h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0 0 0.66em;
}

@media (max-width: 767px) {
  .lawyer-services-section .grid h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.lawyer-services-section .grid p {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .lawyer-services-section .services-img {
    display: none;
  }
}

/*--------------------------------------------------------------
#6.4	lawyer-cta-section-s2
--------------------------------------------------------------*/
.lawyer-cta-section-s2 .container {
  background: url("../images/lawyer/cta-s2-bg.jpg") center center/cover no-repeat local;
}

.lawyer-cta-section-s2 h3 {
  font-size: 30px;
  font-size: 2rem;
  color: #fff;
  line-height: 1.2em;
  font-weight: 500;
  margin: 0 0 1em;
}

@media (max-width: 991px) {
  .lawyer-cta-section-s2 h3 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .lawyer-cta-section-s2 h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.lawyer-cta-section-s2 h3 span {
  color: #d5aa6d;
}

/*--------------------------------------------------------------
#6.5	lawyer-packages
--------------------------------------------------------------*/
@media (max-width: 991px) {
  .lawyer-packages {
    padding-bottom: 35px;
  }
}

@media (max-width: 767px) {
  .lawyer-packages {
    padding-bottom: 25px;
  }
}

.lawyer-packages .pricing-grids-wrapper {
  text-align: center;
}

.lawyer-packages .tablinks {
  list-style: none;
  display: inline-block;
  margin-bottom: 44px;
  overflow: hidden;
}

.lawyer-packages .tablinks li {
  float: left;
  border: 1px solid #d5aa6d;
}

@media (max-width: 767px) {
  .lawyer-packages .tablinks li {
    float: none;
  }
}

.lawyer-packages .tablinks > li + li {
  margin-left: 5px;
}

@media (max-width: 767px) {
  .lawyer-packages .tablinks > li + li {
    margin-left: 0;
    margin-top: 5px;
  }
}

.lawyer-packages .tablinks a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #d5aa6d;
  padding: 11px 55px;
  display: block;
}

@media (max-width: 991px) {
  .lawyer-packages .tablinks a {
    font-size: 14px;
    font-size: 0.93333rem;
    font-weight: 600;
    padding: 8px 35px;
  }
}

@media (max-width: 767px) {
  .lawyer-packages .tablinks a {
    padding: 6px 35px;
  }
}

.lawyer-packages .tablinks .active a {
  background-color: #d5aa6d;
  color: #fff;
}

.lawyer-packages .pricing-grids {
  overflow: hidden;
  margin: 0 -15px;
}

.lawyer-packages .pricing-grids .grid {
  background-color: #f2f1ef;
  width: calc(33.33% - 30px);
  float: left;
  margin: 0 15px;
}

@media (max-width: 991px) {
  .lawyer-packages .pricing-grids .grid {
    width: calc(50% - 30px);
    margin-bottom: 45px;
  }
}

@media (max-width: 600px) {
  .lawyer-packages .pricing-grids .grid {
    width: calc(100% - 30px);
    float: none;
  }
}

.lawyer-packages .pricing-header {
  background-color: #d5aa6d;
  padding: 55px 15px;
  position: relative;
}

@media (max-width: 991px) {
  .lawyer-packages .pricing-header {
    padding: 40px 15px;
  }
}

.lawyer-packages .pricing-header h2 {
  font-size: 36px;
  font-size: 2.4rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

@media (max-width: 991px) {
  .lawyer-packages .pricing-header h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

.lawyer-packages .pricing-header .duration {
  font-family: "Poppins", sans-serif;
  background-color: #fff;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #d5aa6d;
  padding: 4px 18px;
  border-radius: 40px;
  position: absolute;
  left: 50%;
  bottom: -15px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .lawyer-packages .pricing-header .duration {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 4px 15px;
    bottom: -13px;
  }
}

.lawyer-packages .pricing-body {
  padding: 68px 15px;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.lawyer-packages .pricing-body ul {
  list-style: none;
  margin-bottom: 50px;
}

.lawyer-packages .pricing-body ul li {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #6a6a6a;
}

@media (max-width: 1199px) {
  .lawyer-packages .pricing-body ul li {
    font-size: 15px;
    font-size: 1rem;
  }
}

@media (max-width: 991px) {
  .lawyer-packages .pricing-body ul li {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.lawyer-packages .pricing-body ul > li + li {
  margin-top: 25px;
}

@media (max-width: 991px) {
  .lawyer-packages .pricing-body ul > li + li {
    margin-top: 20px;
  }
}

.lawyer-packages .pricing-grids .grid:hover .pricing-body {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/*--------------------------------------------------------------
#6.6	lawyer-cta-section-s3
--------------------------------------------------------------*/
.lawyer-cta-section-s3 .container {
  background: url("../images/lawyer/cta-s3-bg.jpg") center center/cover no-repeat local;
  padding: 60px 15px;
}

.lawyer-cta-section-s3 .left-grid {
  padding-left: 50px;
}

@media (max-width: 767px) {
  .lawyer-cta-section-s3 .left-grid {
    padding-left: 15px;
  }
}

.lawyer-cta-section-s3 .right-grid {
  padding: 0 50px;
}

@media (max-width: 1199px) {
  .lawyer-cta-section-s3 .right-grid {
    padding: 0;
  }
}

@media (max-width: 991px) {
  .lawyer-cta-section-s3 .right-grid {
    padding: 40px 50px 0;
  }
}

@media (max-width: 767px) {
  .lawyer-cta-section-s3 .right-grid {
    padding: 40px 15px 0;
  }
}

.lawyer-cta-section-s3 h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.3em;
  color: #fff;
  margin: 0 0 1em;
}

@media (max-width: 991px) {
  .lawyer-cta-section-s3 h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .lawyer-cta-section-s3 h2 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.lawyer-cta-section-s3 h2 span {
  font-weight: bold;
}

.lawyer-cta-section-s3 ul {
  list-style: none;
}

.lawyer-cta-section-s3 ul li {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}

@media (max-width: 991px) {
  .lawyer-cta-section-s3 ul li {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 767px) {
  .lawyer-cta-section-s3 ul li {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.lawyer-cta-section-s3 ul > li + li {
  margin-top: 6px;
}

.lawyer-cta-section-s3 p {
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 1.33em;
  color: #fff;
  margin: 0 0 0.58em;
}

@media (max-width: 991px) {
  .lawyer-cta-section-s3 p {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 767px) {
  .lawyer-cta-section-s3 p {
    font-size: 17px;
    font-size: 1.13333rem;
  }
}

/*--------------------------------------------------------------
#6.7	lawyer-attorneys-section
--------------------------------------------------------------*/
.lawyer-attorneys-section .attorneys-grids .grid {
  border: 1px solid #e3e3e3;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.lawyer-attorneys-section .grid img {
  width: auto;
  display: inline-block;
}

.lawyer-attorneys-section .attorneys-info {
  background-color: rgba(213, 170, 109, 0.9);
  width: 100%;
  padding: 30px 15px;
  position: absolute;
  left: 0;
  bottom: -100%;
  opacity: 0;
  -webkit-transition: all 0.9s cubic-bezier(0.57, 1.01, 0.46, 1);
  -o-transition: all 0.9s cubic-bezier(0.57, 1.01, 0.46, 1);
  transition: all 0.9s cubic-bezier(0.57, 1.01, 0.46, 1);
}

.lawyer-attorneys-section .attorneys-info h3 {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

@media (max-width: 1199px) {
  .lawyer-attorneys-section .attorneys-info h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 767px) {
  .lawyer-attorneys-section .attorneys-info h3 {
    font-size: 17px;
    font-size: 1.13333rem;
  }
}

.lawyer-attorneys-section .attorneys-info .post {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #5a5a5a;
  display: block;
}

.lawyer-attorneys-section .attorneys-info ul {
  list-style: none;
  display: inline-block;
  margin-top: 16px;
}

@media (max-width: 767px) {
  .lawyer-attorneys-section .attorneys-info ul {
    margin-top: 10px;
  }
}

.lawyer-attorneys-section .attorneys-info ul li {
  float: left;
}

.lawyer-attorneys-section .attorneys-info ul > li + li {
  margin-left: 12px;
}

.lawyer-attorneys-section .attorneys-info ul a {
  font-size: 18px;
  font-size: 1.2rem;
  color: #fff;
}

@media (max-width: 1199px) {
  .lawyer-attorneys-section .attorneys-info ul a {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 767px) {
  .lawyer-attorneys-section .attorneys-info ul a {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.lawyer-attorneys-section .attorneys-info ul a:hover {
  color: #5a5a5a;
}

.lawyer-attorneys-section .grid:hover .attorneys-info {
  bottom: 0;
  opacity: 1;
}

.lawyer-attorneys-section .owl-controls {
  margin-top: 35px;
}

.lawyer-attorneys-section .owl-controls .owl-dots .owl-dot span {
  background: transparent;
  width: 12px;
  height: 12px;
  border: 2px solid #9e9e9e;
}

.lawyer-attorneys-section .owl-controls .owl-dots .active span {
  border: 4px solid #d5aa6d;
}

/*--------------------------------------------------------------
#6.8	lawyer-testimonials-section
--------------------------------------------------------------*/
.lawyer-testimonials-section {
  background: url("../images/lawyer/testimonials-bg.jpg") center center/cover no-repeat local;
}

@media (max-width: 991px) {
  .lawyer-testimonials-section {
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .lawyer-testimonials-section {
    padding-bottom: 20px;
  }
}

.lawyer-testimonials-section .client-info img {
  border: none;
}

.lawyer-testimonials-section .grid:before {
  color: #d5aa6d;
}

@media screen and (min-width: 992px) {
  .lawyer-testimonials-section .grid {
    margin-bottom: 0;
  }
  .lawyer-testimonials-section .owl-controls {
    display: none;
  }
}

.lawyer-testimonials-section .partners-slider {
  margin-top: 100px;
}

@media (max-width: 991px) {
  .lawyer-testimonials-section .partners-slider {
    margin-top: 50px;
  }
}

.lawyer-testimonials-section .partners-slider .grid {
  background: transparent;
  padding: 0;
}

.lawyer-testimonials-section .partners-slider .grid:before {
  display: none;
}

/*--------------------------------------------------------------
#6.9	lawyer-blog-section
--------------------------------------------------------------*/
.lawyer-blog-section .news-grids .entry-header h3 a:hover,
.lawyer-blog-section .news-grids .entry-meta .read-more,
.lawyer-blog-section .news-grids .entry-meta .read-more:hover {
  color: #d5aa6d;
}

/*--------------------------------------------------------------
#6.10	lawyer-cta-s4
--------------------------------------------------------------*/
.lawyer-cta-s4 .container {
  background: url("../images/lawyer/cta-s4-bg.jpg") center center/cover no-repeat local;
  padding: 37px 15px;
}

.lawyer-cta-s4 .newsletter {
  padding-left: 40px;
}

@media (max-width: 767px) {
  .lawyer-cta-s4 .newsletter {
    padding-left: 0;
  }
}

.lawyer-cta-s4 h3 {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 1em;
}

@media (max-width: 991px) {
  .lawyer-cta-s4 h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.lawyer-cta-s4 form div {
  position: relative;
}

.lawyer-cta-s4 input {
  background: transparent;
  height: 40px;
  border: 1px solid #d5aa6d;
  border-radius: 0;
  padding-right: 150px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 991px) {
  .lawyer-cta-s4 input {
    padding-right: 120px;
  }
}

.lawyer-cta-s4 form button {
  background-color: #d5aa6d;
  width: 148px;
  height: 40px;
  font-weight: 600;
  color: #0b0505;
  border: 0;
  outline: 0;
  position: absolute;
  right: 0;
  top: 0;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .lawyer-cta-s4 form button {
    width: 110px;
  }
}

.lawyer-cta-s4 form button:hover {
  background-color: #ca9345;
}

/*--------------------------------------------------------------
#6.11	lawyer-contact-section
--------------------------------------------------------------*/
.lawyer-contact-section .contact-info h2 {
  font-size: 36px;
  font-size: 2.4rem;
  font-weight: 600;
  color: #0b0505;
  margin: 0;
}

@media (max-width: 991px) {
  .lawyer-contact-section .contact-info h2 {
    font-size: 30px;
    font-size: 2rem;
    margin: 0 0 1em;
  }
}

@media (max-width: 767px) {
  .lawyer-contact-section .contact-info h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.lawyer-contact-section .contact-info-grid {
  position: relative;
  padding-left: 60px;
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .lawyer-contact-section .contact-info-grid {
    margin-bottom: 10px;
  }
}

.lawyer-contact-section .contact-info-grid .icon {
  position: absolute;
  left: 0;
  top: 0;
}

.lawyer-contact-section .contact-info-grid p {
  font-size: 18px;
  font-size: 1.2rem;
  color: #0b0505;
  margin: 0;
}

@media (max-width: 767px) {
  .lawyer-contact-section .contact-info-grid p {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.lawyer-contact-section .contact-form {
  margin-top: 15px;
}

@media (max-width: 991px) {
  .lawyer-contact-section .contact-form {
    margin-top: 40px;
  }
}

.lawyer-contact-section .contact-form .col {
  margin-bottom: 30px;
}

.lawyer-contact-section .contact-form input,
.lawyer-contact-section .contact-form textarea {
  height: 42px;
  border: 1px solid #d5aa6d;
  border-radius: 0;
}

@media (max-width: 767px) {
  .lawyer-contact-section .contact-form input,
  .lawyer-contact-section .contact-form textarea {
    height: 40px;
  }
}

.lawyer-contact-section .contact-form textarea {
  height: 165px;
}

.lawyer-contact-section .contact-form button {
  background-color: #d5aa6d;
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #fff;
  border: 0;
  outline: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 767px) {
  .lawyer-contact-section .contact-form button {
    height: 40px;
  }
}

.lawyer-contact-section .contact-form button:hover {
  background-color: #ca9345;
}

.lawyer-contact-section .contact-form .submit-btn {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
#6.12	lawyer-site-footer
--------------------------------------------------------------*/
.lawyer-site-footer .upper-footer {
  background-color: #000;
}

.lawyer-site-footer .copyright-info {
  background-color: #000;
  border-top: 1px solid #222b32;
}

.lawyer-site-footer .upper-footer a:hover {
  color: #d5aa6d;
}

.lawyer-site-footer .upper-footer .links-widget ul li:before {
  color: #8a8a8a;
}

.lawyer-site-footer .upper-footer .links-widget ul li:hover:before {
  color: #d5aa6d;
}

.lawyer-site-footer .links-widget ul li:before,
.lawyer-site-footer .about-widget ul li i {
  color: #d5aa6d;
}

.lawyer-site-footer .twitter-feed-widget a {
  color: #d5aa6d;
}

.lawyer-site-footer .twitter-feed-widget a:hover {
  color: #d5aa6d;
}

.lawyer-site-footer .twitter-feed-widget ul li + li {
  border-top: 1px solid #292929;
}

.lawyer-site-footer .copyright-info .copyright-area a {
  color: #d5aa6d;
}

.lawyer-site-footer .copyright-info .social-links a:hover {
  color: #d5aa6d;
}

/*--------------------------------------------------------------
	#home event
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#7.0	event-start-section
--------------------------------------------------------------*/
@media screen and (min-width: 1200px) {
  .event-start-section {
    margin-top: -125px;
  }
}

@media (max-width: 1199px) {
  .event-start-section {
    margin-top: 100px;
  }
}

@media (max-width: 991px) {
  .event-start-section {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  .event-start-section {
    margin-top: 70px;
  }
}

.event-start-section .event-start {
  background-color: #fff;
  border-radius: 50px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 65px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 65px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .event-start-section .event-start {
    border-radius: 15px;
    text-align: center;
  }
}

.event-start-section .event-start .title {
  background: #f48d31;
  background: -webkit-linear-gradient(left, #f43131, #f48d31);
  background: -moz-linear-gradient(left, #f43131, #f48d31);
  background: -o-linear-gradient(left, #f43131, #f48d31);
  background: -ms-linear-gradient(left, #f43131, #f48d31);
  background: -webkit-gradient(linear, left top, right top, from(#f43131), to(#f48d31));
  background: linear-gradient(left, #f43131, #f48d31);
  width: 215px;
  float: left;
  padding: 50px 55px;
}

@media (max-width: 767px) {
  .event-start-section .event-start .title {
    width: 100%;
    float: none;
    padding: 20px 15px;
  }
}

.event-start-section #event-start-clock {
  width: calc(100% - 215px);
  float: left;
  padding: 51px 0;
  overflow: hidden;
}

@media (max-width: 991px) {
  .event-start-section #event-start-clock {
    padding: 35px 0;
  }
}

@media (max-width: 767px) {
  .event-start-section #event-start-clock {
    width: 100%;
    float: none;
  }
}

.event-start-section #event-start-clock .box {
  width: 25%;
  float: left;
  text-align: center;
  position: relative;
}

.event-start-section #event-start-clock .box:after {
  background: #d7d9db;
  background: -webkit-linear-gradient(top, #fff, #d7d9db, #fff);
  background: -moz-linear-gradient(top, #fff, #d7d9db, #fff);
  background: -o-linear-gradient(top, #fff, #d7d9db, #fff);
  background: -ms-linear-gradient(top, #fff, #d7d9db, #fff);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(#d7d9db), to(#fff));
  background: linear-gradient(top, #fff, #d7d9db, #fff);
  content: "";
  width: 1px;
  height: 75px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.event-start-section #event-start-clock > .box:last-child:after {
  dispaly: none;
}

.event-start-section .event-start h3 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

@media (max-width: 991px) {
  .event-start-section .event-start h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 767px) {
  .event-start-section .event-start h3 {
    font-size: 17px;
    font-size: 1.13333rem;
  }
}

.event-start-section .box > span {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 600;
  color: #3f4852;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .event-start-section .box > span {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 767px) {
  .event-start-section .box > span {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

.event-start-section .box > div {
  font-family: "Poppins", sans-serif;
  font-size: 48px;
  font-size: 3.2rem;
  font-weight: 600;
  color: #f48d31;
  background: -webkit-linear-gradient(#f43131, #f48d31);
  background: -webkit-gradient(linear, left top, left bottom, from(#f43131), to(#f48d31));
  background: -o-linear-gradient(#f43131, #f48d31);
  background: linear-gradient(#f43131, #f48d31);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

@media (max-width: 991px) {
  .event-start-section .box > div {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

@media (max-width: 767px) {
  .event-start-section .box > div {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

/*--------------------------------------------------------------
#7.1	event-about-conference
--------------------------------------------------------------*/
@media screen and (min-width: 1200px) {
  .event-about-conference .conference-details {
    padding-right: 45px;
  }
}

.event-about-conference .conference-details h5 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #444;
  line-height: 1.5em;
  text-decoration: underline;
  margin: 0 0 1.94em;
}

@media (max-width: 767px) {
  .event-about-conference .conference-details h5 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.event-about-conference .conference-details p {
  margin-bottom: 2em;
}

.event-about-conference .video-holder {
  max-width: 468px;
  position: relative;
}

@media (max-width: 991px) {
  .event-about-conference .video-holder {
    margin-top: 60px;
  }
}

.event-about-conference .video-holder img {
  border-radius: 45px;
  -webkit-box-shadow: 0 26px 38px rgba(244, 141, 49, 0.4);
  box-shadow: 0 26px 38px rgba(244, 141, 49, 0.4);
}

@media (max-width: 767px) {
  .event-about-conference .video-holder img {
    border-radius: 25px;
  }
}

.event-about-conference .video-holder a {
  background-color: #fff;
  width: 80px;
  height: 80px;
  line-height: 80px;
  color: #f48d31;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  .event-about-conference .video-holder a {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}

/*--------------------------------------------------------------
#7.2	event-team-section
--------------------------------------------------------------*/
.event-team-section {
  background-color: #1f2730;
  padding-bottom: 40px;
}

@media (max-width: 991px) {
  .event-team-section {
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .event-team-section {
    padding-bottom: 10px;
  }
}

.event-team-section .event-section-title-s2 h2,
.event-team-section .event-section-title-s2 p {
  color: #fff;
}

.event-team-section .team-grids {
  margin: 0 -15px;
  overflow: hidden;
}

.event-team-section .team-grids .grid {
  width: calc(25% - 30px);
  float: left;
  margin: 0 15px 60px;
  text-align: center;
}

@media (max-width: 991px) {
  .event-team-section .team-grids .grid {
    width: calc(33.33% - 30px);
  }
}

@media (max-width: 767px) {
  .event-team-section .team-grids .grid {
    width: calc(50% - 30px);
  }
}

@media (max-width: 500px) {
  .event-team-section .team-grids .grid {
    width: calc(100% - 30px);
    float: none;
  }
}

.event-team-section .member-pic-social {
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  .event-team-section .member-pic-social {
    max-width: 270px;
    margin: 0 auto;
  }
}

.event-team-section .member-pic-social img {
  border-radius: 50%;
}

.event-team-section .member-social-links {
  background: rgba(244, 141, 49, 0.9);
  background: -webkit-linear-gradient(left, rgba(244, 49, 49, 0.9), rgba(244, 141, 49, 0.9));
  background: -moz-linear-gradient(left, rgba(244, 49, 49, 0.9), rgba(244, 141, 49, 0.9));
  background: -o-linear-gradient(left, rgba(244, 49, 49, 0.9), rgba(244, 141, 49, 0.9));
  background: -ms-linear-gradient(left, rgba(244, 49, 49, 0.9), rgba(244, 141, 49, 0.9));
  background: -webkit-gradient(linear, left top, right top, from(rgba(244, 49, 49, 0.9)), to(rgba(244, 141, 49, 0.9)));
  background: linear-gradient(left, rgba(244, 49, 49, 0.9), rgba(244, 141, 49, 0.9));
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.event-team-section .member-social-links ul {
  list-style: none;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.event-team-section .member-social-links ul li {
  float: left;
}

.event-team-section .member-social-links ul > li + li {
  margin-left: 18px;
}

.event-team-section .member-social-links ul li a {
  font-size: 24px;
  font-size: 1.6rem;
  color: #fff;
}

@media (max-width: 1199px) {
  .event-team-section .member-social-links ul li a {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.event-team-section .member-social-links ul li a:hover {
  color: #1f2730;
}

.event-team-section .member-info {
  padding-top: 27px;
}

.event-team-section .member-info h4 {
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 5px;
}

@media (max-width: 1199px) {
  .event-team-section .member-info h4 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.event-team-section .member-info .member-post {
  color: #6e7782;
  margin: 0;
}

@media (max-width: 1199px) {
  .event-team-section .member-info .member-post {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

.event-team-section .grid:hover .member-social-links {
  margin-top: 0;
  opacity: 1;
}

/*--------------------------------------------------------------
#7.3	event-schedule-section
--------------------------------------------------------------*/
.event-schedule-section {
  background-color: #f1f1f1;
  /*** tablist ***/
  /*** schedule-grids ***/
}

.event-schedule-section .tablist {
  text-align: center;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .event-schedule-section .tablist {
    margin-bottom: 50px;
  }
}

.event-schedule-section .tablist ul {
  list-style: none;
  display: inline-block;
}

.event-schedule-section .tablist ul li {
  float: left;
}

@media (max-width: 767px) {
  .event-schedule-section .tablist ul li {
    float: none;
  }
}

.event-schedule-section .tablist ul > li + li {
  margin-left: 8px;
}

@media (max-width: 767px) {
  .event-schedule-section .tablist ul > li + li {
    margin: 8px 0 0 0;
  }
}

.event-schedule-section .tablist ul li a {
  background-color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-size: 1rem;
  font-weight: 500;
  color: #444d57;
  padding: 12px 35px;
  border-radius: 40px;
  display: inline-block;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

@media (max-width: 991px) {
  .event-schedule-section .tablist ul li a {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 10px 25px;
    border-radius: 30px;
  }
}

.event-schedule-section .tablist ul li.active a {
  background: #f48d31;
  background: -webkit-linear-gradient(left, #f43131, #f48d31);
  background: -moz-linear-gradient(left, #f43131, #f48d31);
  background: -o-linear-gradient(left, #f43131, #f48d31);
  background: -ms-linear-gradient(left, #f43131, #f48d31);
  background: -webkit-gradient(linear, left top, right top, from(#f43131), to(#f48d31));
  background: linear-gradient(left, #f43131, #f48d31);
  color: #fff;
}

.event-schedule-section .schedule-grids .grid {
  overflow: hidden;
}

.event-schedule-section .schedule-grids > .grid + .grid {
  margin-top: 25px;
}

.event-schedule-section .schedule-details {
  background-color: #fff;
  width: calc(100% - 395px);
  float: left;
  padding: 10px;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .event-schedule-section .schedule-details {
    width: 100%;
    float: none;
  }
}

.event-schedule-section .schedule-details .img-holder {
  width: 260px;
  float: left;
}

@media (max-width: 767px) {
  .event-schedule-section .schedule-details .img-holder {
    width: 100%;
    float: none;
  }
}

.event-schedule-section .schedule-details .img-holder img {
  border-radius: 10px 0 0 10px;
}

.event-schedule-section .schedule-details .details {
  width: calc(100% - 260px);
  float: left;
  padding: 64px 55px;
}

@media (max-width: 991px) {
  .event-schedule-section .schedule-details .details {
    padding: 50px 35px;
  }
}

@media (max-width: 767px) {
  .event-schedule-section .schedule-details .details {
    width: 100%;
    float: none;
    padding: 30px 10px 0;
  }
}

.event-schedule-section .schedule-details .details h3 {
  font-size: 22px;
  font-size: 1.46667rem;
  color: #444d57;
  margin: 0 0 0.6em;
}

@media (max-width: 991px) {
  .event-schedule-section .schedule-details .details h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 767px) {
  .event-schedule-section .schedule-details .details h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.event-schedule-section .schedule-info {
  background-color: #fff;
  width: 370px;
  float: right;
  padding: 60px 47px;
  border-radius: 10px;
}

@media (max-width: 1199px) {
  .event-schedule-section .schedule-info {
    width: 100%;
    float: none;
    padding: 40px 47px 60px;
    border-radius: 0 0 10px 10px;
    margin-top: -3px;
  }
}

@media (max-width: 991px) {
  .event-schedule-section .schedule-info {
    padding: 25px 20px 30px;
  }
}

@media (max-width: 767px) {
  .event-schedule-section .schedule-info {
    padding: 0 0 30px 25px;
  }
}

.event-schedule-section .schedule-info ul {
  list-style: none;
}

.event-schedule-section .schedule-info ul li {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #444d57;
  padding-left: 30px;
  position: relative;
}

@media (max-width: 991px) {
  .event-schedule-section .schedule-info ul li {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 767px) {
  .event-schedule-section .schedule-info ul li {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.event-schedule-section .schedule-info ul > li + li {
  margin-top: 25px;
}

@media (max-width: 991px) {
  .event-schedule-section .schedule-info ul > li + li {
    margin-top: 15px;
  }
}

.event-schedule-section .schedule-info ul li i {
  color: #f43131;
  position: absolute;
  left: 0;
  top: 4px;
}

.event-schedule-section .schedule-info ul li span {
  color: #999;
}

/*--------------------------------------------------------------
#7.4	event-partners-section
--------------------------------------------------------------*/
.event-partners-section {
  background: url("../images/event/partners-bg.jpg") center center/cover no-repeat fixed;
  position: relative;
  text-align: center;
}

.event-partners-section:before {
  content: "";
  background-color: rgba(31, 39, 48, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.event-partners-section h3 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3em;
  color: #fff;
  margin: 0;
  padding: 0 45px;
}

@media (max-width: 1199px) {
  .event-partners-section h3 {
    padding: 0;
  }
}

@media (max-width: 991px) {
  .event-partners-section h3 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

@media (max-width: 767px) {
  .event-partners-section h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.event-partners-section h3 span {
  color: #f45831;
  text-decoration: underline;
}

.event-partners-section .partners-img {
  margin-top: 50px;
}

.event-partners-section .first-row,
.event-partners-section .sec-row {
  overflow: hidden;
}

.event-partners-section .sec-row {
  padding: 0 60px;
  margin-top: 20px;
}

.event-partners-section .first-row > div {
  width: 20%;
  float: left;
}

@media (max-width: 767px) {
  .event-partners-section .first-row > div {
    width: 50%;
  }
}

.event-partners-section .sec-row > div {
  width: 25%;
  float: left;
}

@media (max-width: 767px) {
  .event-partners-section .sec-row > div {
    width: 50%;
  }
}

/*--------------------------------------------------------------
#7.5	event-pricing-section
--------------------------------------------------------------*/
.event-pricing-section .grid {
  overflow: hidden;
}

.event-pricing-section .ticket {
  width: calc(100% - 250px);
  float: left;
}

@media (max-width: 700px) {
  .event-pricing-section .ticket {
    width: 100%;
    float: none;
  }
  .event-pricing-section .ticket img {
    width: 100%;
  }
}

.event-pricing-section .tickets-grids > .grid + .grid {
  margin-top: 30px;
}

.event-pricing-section .price-box {
  width: 230px;
  float: right;
  text-align: center;
  padding: 15px 40px;
  border: 1px solid #f48d31;
  position: relative;
}

@media (max-width: 700px) {
  .event-pricing-section .price-box {
    width: 100%;
    float: left;
  }
}

.event-pricing-section .price-box h3 {
  font-size: 30px;
  font-size: 2rem;
  color: #f48d31;
  background: -webkit-linear-gradient(#f43131, #f48d31);
  background: -webkit-gradient(linear, left top, left bottom, from(#f43131), to(#f48d31));
  background: -o-linear-gradient(#f43131, #f48d31);
  background: linear-gradient(#f43131, #f48d31);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  margin: 0;
}

@media (max-width: 991px) {
  .event-pricing-section .price-box h3 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.event-pricing-section .price-box .pass {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #444d57;
}

.event-pricing-section .price-box p {
  font-size: 12px;
  font-size: 0.8rem;
  color: #999;
  line-height: 1.2em;
  margin: 0.6em 0;
}

.event-pricing-section .price-box a {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-size: 1rem;
  font-weight: 600;
  color: #444d57;
}

@media (max-width: 991px) {
  .event-pricing-section .price-box a {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.event-pricing-section .ticket-left {
  background-color: #444d57;
  font-size: 10px;
  font-size: 0.66667rem;
  color: #fff;
  padding: 0 10px;
  border-radius: 30px;
  position: absolute;
  right: 15%;
  top: 8px;
}

/*--------------------------------------------------------------
#7.6	reserve-ticket-section
--------------------------------------------------------------*/
.reserve-ticket-section {
  background: url("../images/event/reserve-ticket-bg.jpg") center center/cover no-repeat fixed;
  position: relative;
  text-align: center;
}

.reserve-ticket-section:before {
  content: "";
  background-color: rgba(31, 39, 48, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.reserve-ticket-section h2 {
  font-size: 36px;
  font-size: 2.4rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 1.39em;
}

@media (max-width: 991px) {
  .reserve-ticket-section h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .reserve-ticket-section h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.reserve-ticket-section form > .col {
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .reserve-ticket-section form > .col {
    margin-bottom: 20px;
  }
}

.reserve-ticket-section form > .col:last-child {
  margin-bottom: 0;
}

.reserve-ticket-section form input,
.reserve-ticket-section form select {
  background-color: transparent;
  height: 46px;
  border: 2px solid #fff;
  color: #fff;
}

@media (max-width: 767px) {
  .reserve-ticket-section form input,
  .reserve-ticket-section form select {
    border: 1px solid #fff;
  }
}

@media (max-width: 991px) {
  .reserve-ticket-section form input,
  .reserve-ticket-section form select {
    height: 40px;
  }
}

.reserve-ticket-section form input:focus,
.reserve-ticket-section form select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #fff;
}

.reserve-ticket-section form select option {
  color: #000;
}

.reserve-ticket-section select {
  background: url(../images/event/select-icon.png) no-repeat calc(100% - 15px) center;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  cursor: pointer;
}

.reserve-ticket-section form ::-webkit-input-placeholder {
  font-style: 16px;
  font-style: normal;
  color: #fff;
}

.reserve-ticket-section form :-moz-placeholder {
  font-style: 16px;
  font-style: normal;
  color: #fff;
}

.reserve-ticket-section form ::-moz-placeholder {
  font-style: 16px;
  font-style: normal;
  color: #fff;
}

.reserve-ticket-section form :-ms-input-placeholder {
  font-style: 16px;
  font-style: normal;
  color: #fff;
}

.reserve-ticket-section form button {
  font-family: "Poppins", sans-serif;
  background: #f43131;
  background: -webkit-linear-gradient(left, #f43131, #f48d31);
  background: -moz-linear-gradient(left, #f43131, #f48d31);
  background: -o-linear-gradient(left, #f43131, #f48d31);
  background: -ms-linear-gradient(left, #f43131, #f48d31);
  background: -webkit-gradient(linear, left top, right top, from(#f43131), to(#f48d31));
  background: linear-gradient(left, #f43131, #f48d31);
  font-weight: 600;
  color: #fff;
  width: 100%;
  height: 46px;
  border: 0;
  outline: 0;
  border-radius: 5px;
}

@media (max-width: 991px) {
  .reserve-ticket-section form button {
    height: 40px;
  }
}

.reserve-ticket-section form button:hover {
  background: #f48d31;
  background: -webkit-linear-gradient(left, #f48d31, #f43131);
  background: -moz-linear-gradient(left, #f48d31, #f43131);
  background: -o-linear-gradient(left, #f48d31, #f43131);
  background: -ms-linear-gradient(left, #f48d31, #f43131);
  background: -webkit-gradient(linear, left top, right top, from(#f48d31), to(#f43131));
  background: linear-gradient(left, #f48d31, #f43131);
}

/*--------------------------------------------------------------
#7.7	event-testimonials-faq-section 
--------------------------------------------------------------*/
.event-testimonials-faq-section .event-testimonials-slider .grid {
  background-color: #fff;
  padding: 45px 50px;
  position: relative;
  -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid #d8d8d8;
}

.event-testimonials-faq-section .event-testimonials-slider .grid:before {
  font-family: "fontAwesome";
  content: "\f10e";
  font-size: 35px;
  font-size: 2.33333rem;
  color: #f48d31;
  background: -webkit-linear-gradient(#f43131, #f48d31);
  background: -webkit-gradient(linear, left top, left bottom, from(#f43131), to(#f48d31));
  background: -o-linear-gradient(#f43131, #f48d31);
  background: linear-gradient(#f43131, #f48d31);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  position: absolute;
  right: 50px;
  top: 45px;
}

@media (max-width: 991px) {
  .event-testimonials-faq-section .event-testimonials-slider .grid:before {
    display: none;
  }
}

@media (max-width: 991px) {
  .event-testimonials-faq-section .event-testimonials-slider .grid {
    padding: 35px 30px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .event-testimonials-faq-section .event-testimonials-slider .grid {
    padding: 25px 15px;
  }
}

.event-testimonials-faq-section .event-testimonials-slider .grid img {
  width: auto;
}

.event-testimonials-faq-section .event-testimonials-slider .client-info {
  min-height: 54px;
  position: relative;
  padding-left: 70px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .event-testimonials-faq-section .event-testimonials-slider .client-info {
    padding: 0;
  }
}

.event-testimonials-faq-section .event-testimonials-slider .client-info img {
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 767px) {
  .event-testimonials-faq-section .event-testimonials-slider .client-info img {
    position: static;
    display: inline-block;
    margin-bottom: 5px;
  }
}

.event-testimonials-faq-section .event-testimonials-slider .client-info h4 {
  font-size: 22px;
  font-size: 1.46667rem;
  color: #272e33;
  margin: 0;
  padding: 6px 0 2px;
}

@media (max-width: 1199px) {
  .event-testimonials-faq-section .event-testimonials-slider .client-info h4 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .event-testimonials-faq-section .event-testimonials-slider .client-info h4 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.event-testimonials-faq-section .event-testimonials-slider .client-info > span {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #737a7f;
}

.event-testimonials-faq-section .event-testimonials-slider .client-quote p {
  margin: 0;
}

@media (max-width: 991px) {
  .event-testimonials-faq-section .faq {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .event-testimonials-faq-section .faq {
    margin-top: 20px;
  }
}

.event-testimonials-faq-section .panel-group {
  margin-bottom: 0;
}

.event-testimonials-faq-section .panel-group .panel-default {
  background: transparent;
  border: 0;
  border-radius: 0;
}

.event-testimonials-faq-section .panel-group .panel-group .panel + .panel {
  margin-top: 8px;
}

.event-testimonials-faq-section .panel-group .panel-heading {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}

.event-testimonials-faq-section .panel-group .panel-heading a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #f48d31;
  background: -webkit-linear-gradient(#f43131, #f48d31);
  background: -webkit-gradient(linear, left top, left bottom, from(#f43131), to(#f48d31));
  background: -o-linear-gradient(#f43131, #f48d31);
  background: linear-gradient(#f43131, #f48d31);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  display: block;
  padding: 12px 25px;
  position: relative;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
  .event-testimonials-faq-section .panel-group .panel-heading a {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 12px 20px;
  }
}

@media (max-width: 767px) {
  .event-testimonials-faq-section .panel-group .panel-heading a {
    padding: 12px 15px;
  }
}

.event-testimonials-faq-section .panel-group .panel-heading a:before {
  font-family: "FontAwesome";
  content: "\f0d7";
  font-size: 16px;
  font-size: 1.06667rem;
  position: absolute;
  right: 25px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 991px) {
  .event-testimonials-faq-section .panel-group .panel-heading a:before {
    font-size: 14px;
    font-size: 0.93333rem;
    right: 20px;
  }
}

@media (max-width: 400px) {
  .event-testimonials-faq-section .panel-group .panel-heading a:before {
    display: none;
  }
}

.event-testimonials-faq-section .panel-group .panel-heading .collapsed:before {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.event-testimonials-faq-section .panel-group .panel-heading .collapsed {
  color: #444d57;
  background: #444d57;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.event-testimonials-faq-section .panel-group .panel-heading + .panel-collapse > .panel-body {
  background: rgba(255, 255, 255, 0.9);
  border: 0;
  padding: 20px 30px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #f0f0f0;
}

@media (max-width: 1800px) {
  .event-testimonials-faq-section .panel-group .panel-heading + .panel-collapse > .panel-body {
    background-color: #fff;
  }
}

@media (max-width: 991px) {
  .event-testimonials-faq-section .panel-group .panel-heading + .panel-collapse > .panel-body {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .event-testimonials-faq-section .panel-group .panel-heading + .panel-collapse > .panel-body {
    padding: 15px;
  }
}

.event-testimonials-faq-section .panel-group .panel-body p {
  font-size: 14px;
  font-size: 0.93333rem;
}

/*--------------------------------------------------------------
#7.8	event-blog-section
--------------------------------------------------------------*/
.event-blog-section {
  padding-top: 0;
}

.event-blog-section .news-grids .entry-meta .read-more {
  color: #444d57;
}

.event-blog-section .news-grids .entry-header h3 a:hover,
.event-blog-section .news-grids .entry-meta .read-more:hover,
.event-blog-section .news-grids .entry-meta .comments:hover {
  color: #f48d31;
}

.event-blog-section .news-grids .entry-meta .comments {
  color: #999;
  font-weight: normal;
}

/*--------------------------------------------------------------
#7.9	event-site-footer
--------------------------------------------------------------*/
.event-site-footer .upper-footer {
  background-color: #000;
}

.event-site-footer .copyright-info {
  background-color: #000;
  border-top: 1px solid #222b32;
}

.event-site-footer .upper-footer a:hover {
  color: #f48d31;
  background: -webkit-linear-gradient(#f43131, #f48d31);
  background: -webkit-gradient(linear, left top, left bottom, from(#f43131), to(#f48d31));
  background: -o-linear-gradient(#f43131, #f48d31);
  background: linear-gradient(#f43131, #f48d31);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.event-site-footer .upper-footer .links-widget ul li:before {
  color: #8a8a8a;
}

.event-site-footer .upper-footer .links-widget ul li:hover:before {
  color: #f43131;
}

.event-site-footer .about-widget ul li i {
  color: #f48d31;
  background: -webkit-linear-gradient(#f43131, #f48d31);
  background: -webkit-gradient(linear, left top, left bottom, from(#f43131), to(#f48d31));
  background: -o-linear-gradient(#f43131, #f48d31);
  background: linear-gradient(#f43131, #f48d31);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.event-site-footer .twitter-feed-widget a {
  color: #f48d31;
  background: -webkit-linear-gradient(#f43131, #f48d31);
  background: -webkit-gradient(linear, left top, left bottom, from(#f43131), to(#f48d31));
  background: -o-linear-gradient(#f43131, #f48d31);
  background: linear-gradient(#f43131, #f48d31);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.event-site-footer .twitter-feed-widget a:hover {
  color: #d5aa6d;
}

.event-site-footer .twitter-feed-widget ul li + li {
  border-top: 1px solid #292929;
}

.event-site-footer .copyright-info .copyright-area a {
  color: #f48d31;
  background: -webkit-linear-gradient(#f43131, #f48d31);
  background: -webkit-gradient(linear, left top, left bottom, from(#f43131), to(#f48d31));
  background: -o-linear-gradient(#f43131, #f48d31);
  background: linear-gradient(#f43131, #f48d31);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.event-site-footer .copyright-info .social-links a:hover {
  color: #f43131;
}

/*--------------------------------------------------------------
	#home app landing
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#8.0	app-landing-overview
--------------------------------------------------------------*/
.app-landing-overview {
  padding-bottom: 120px;
  /*** middle col ***/
  /*** right col ***/
}

@media (max-width: 991px) {
  .app-landing-overview {
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .app-landing-overview {
    padding-bottom: 70px;
  }
}

@media screen and (min-width: 992px) {
  .app-landing-overview .left-col {
    padding-right: 82px;
  }
}

.app-landing-overview .intro {
  margin-bottom: 50px;
}

.app-landing-overview .intro > span {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #121212;
}

@media (max-width: 767px) {
  .app-landing-overview .intro > span {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.app-landing-overview .intro h2 {
  font-size: 30px;
  font-size: 2rem;
  color: #121212;
  margin: 0.2em 0 0.67em;
}

@media (max-width: 991px) {
  .app-landing-overview .intro h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .app-landing-overview .intro h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.app-landing-overview .features > div {
  padding-left: 58px;
  position: relative;
}

.app-landing-overview .features > div + div {
  margin-top: 20px;
}

.app-landing-overview .features .icon {
  background: #20b8ff;
  background: -webkit-linear-gradient(left, #20b8ff, #4357fb);
  background: -moz-linear-gradient(left, #20b8ff, #4357fb);
  background: -o-linear-gradient(left, #20b8ff, #4357fb);
  background: -ms-linear-gradient(left, #20b8ff, #4357fb);
  background: -webkit-gradient(linear, left top, right top, from(#20b8ff), to(#4357fb));
  background: linear-gradient(left, #20b8ff, #4357fb);
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}

.app-landing-overview .features h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #121212;
  margin: 0 0 0.55em;
}

@media (max-width: 991px) {
  .app-landing-overview .features h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media screen and (min-width: 992px) {
  .app-landing-overview .middle-col {
    margin-top: 140px;
    margin-left: -35px;
  }
}

@media (max-width: 991px) {
  .app-landing-overview .middle-col {
    margin: 50px 0;
  }
}

.app-landing-overview .middle-col img {
  -webkit-box-shadow: 0 0 65px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 65px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 992px) {
  .app-landing-overview .right-col {
    padding-left: 60px;
    padding-top: 60px;
  }
}

.app-landing-overview .right-col h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: normal;
  color: #121212;
  margin: 0 0 0.63em;
}

@media (max-width: 991px) {
  .app-landing-overview .right-col h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .app-landing-overview .right-col h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.app-landing-overview .app-info {
  margin-top: 50px;
}

.app-landing-overview .app-info > div {
  padding-left: 68px;
  position: relative;
}

.app-landing-overview .app-info > div + div {
  margin-top: 41px;
}

.app-landing-overview .app-info .icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border: 2px solid #4357fb;
  border-radius: 50%;
  position: absolute;
  left: 0;
}

.app-landing-overview .app-info h3 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 600;
  color: #121212;
  margin: 0;
}

@media (max-width: 991px) {
  .app-landing-overview .app-info h3 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .app-landing-overview .app-info h3 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.app-landing-overview .app-info h3 + span {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #121212;
}

@media (max-width: 991px) {
  .app-landing-overview .app-info h3 + span {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

/*--------------------------------------------------------------
#8.1	app-landing-features
--------------------------------------------------------------*/
.app-landing-features {
  background: #4357fb;
  background: -webkit-linear-gradient(left, #4357fb, #20b8ff);
  background: -moz-linear-gradient(left, #4357fb, #20b8ff);
  background: -o-linear-gradient(left, #4357fb, #20b8ff);
  background: -ms-linear-gradient(left, #4357fb, #20b8ff);
  background: -webkit-gradient(linear, left top, right top, from(#4357fb), to(#20b8ff));
  background: linear-gradient(left, #4357fb, #20b8ff);
  position: relative;
}

.app-landing-features .left-col {
  text-align: right;
  padding: 0 45px 0 85px;
}

@media (max-width: 991px) {
  .app-landing-features .left-col {
    padding: 0;
    text-align: left;
    margin-bottom: 40px;
  }
}

.app-landing-features .left-col > .feature + .feature,
.app-landing-features .right-col > .feature + .feature {
  margin-top: 60px;
}

@media (max-width: 991px) {
  .app-landing-features .left-col > .feature + .feature,
  .app-landing-features .right-col > .feature + .feature {
    margin-top: 40px;
  }
}

.app-landing-features .right-col {
  padding-right: 35px;
}

@media (max-width: 991px) {
  .app-landing-features .right-col {
    padding-right: 0;
  }
}

.app-landing-features .feature h3 {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 1em;
}

@media (max-width: 991px) {
  .app-landing-features .feature h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.app-landing-features .feature p {
  color: #fff;
  margin: 0;
}

.app-landing-features .features-phone {
  position: absolute;
  left: 52%;
  bottom: -40px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 991px) {
  .app-landing-features .features-phone {
    display: none;
  }
}

/*--------------------------------------------------------------
#8.2	app-landing-testimonials
--------------------------------------------------------------*/
.app-landing-testimonials .app-landing-testimonials-slider img {
  width: auto;
}

.app-landing-testimonials .grid {
  padding: 53px 100px 77px;
  margin: 15px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
}

@media (max-width: 991px) {
  .app-landing-testimonials .grid {
    padding: 53px 50px 77px;
  }
}

@media (max-width: 767px) {
  .app-landing-testimonials .grid {
    padding: 40px 25px 77px;
  }
}

.app-landing-testimonials .grid:before {
  content: "";
  background: #4357fb;
  background: -webkit-linear-gradient(left, #4357fb, #20b8ff);
  background: -moz-linear-gradient(left, #4357fb, #20b8ff);
  background: -o-linear-gradient(left, #4357fb, #20b8ff);
  background: -ms-linear-gradient(left, #4357fb, #20b8ff);
  background: -webkit-gradient(linear, left top, right top, from(#4357fb), to(#20b8ff));
  background: linear-gradient(left, #4357fb, #20b8ff);
  width: 411px;
  height: 217px;
  position: absolute;
  left: -120px;
  bottom: -165px;
  border-radius: 50%;
}

.app-landing-testimonials .grid:after {
  content: "";
  background: url("../images/app-landing/testimonials/quote.png") center center/auto no-repeat local;
  width: 45px;
  height: 39px;
  position: absolute;
  right: 45px;
  top: 30px;
}

.app-landing-testimonials .grid .client-info {
  width: 117px;
  float: left;
  text-align: center;
}

@media (max-width: 991px) {
  .app-landing-testimonials .grid .client-info {
    width: 100%;
    float: none;
    text-align: left;
  }
}

.app-landing-testimonials .grid .client-info h4 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #121212;
  margin: 0.56em 0 7px;
}

@media (max-width: 991px) {
  .app-landing-testimonials .grid .client-info h4 {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.app-landing-testimonials .grid .client-info .rating i {
  font-size: 14px;
  color: #f2ca12;
}

.app-landing-testimonials .grid .client-quote {
  width: calc(100% - 117px);
  float: left;
  padding-left: 32px;
}

@media (max-width: 991px) {
  .app-landing-testimonials .grid .client-quote {
    width: 100%;
    float: none;
    padding-left: 0;
    margin-top: 20px;
  }
}

.app-landing-testimonials .client-quote h3 {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 500;
  color: #222;
  margin: 0 0 0.65em;
}

@media (max-width: 991px) {
  .app-landing-testimonials .client-quote h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.app-landing-testimonials .client-quote p {
  margin: 0;
}

@media screen and (min-width: 992px) {
  .app-landing-testimonials .owl-controls {
    margin: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.app-landing-testimonials .owl-controls .owl-nav .owl-prev,
.app-landing-testimonials .owl-controls .owl-nav .owl-next {
  background: transparent;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #20b8ff;
  padding: 0;
  border: 2px solid #20b8ff;
  border-radius: 50%;
}

.app-landing-testimonials .owl-controls .owl-nav .owl-prev:hover,
.app-landing-testimonials .owl-controls .owl-nav .owl-next:hover {
  background: #20b8ff;
  color: #fff;
}

@media screen and (min-width: 992px) {
  .app-landing-testimonials .owl-controls .owl-nav .owl-prev,
  .app-landing-testimonials .owl-controls .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media screen and (min-width: 992px) {
  .app-landing-testimonials .owl-controls .owl-nav .owl-prev {
    left: -50px;
  }
}

@media screen and (min-width: 1200px) {
  .app-landing-testimonials .owl-controls .owl-nav .owl-prev {
    left: -100px;
  }
}

@media screen and (min-width: 992px) {
  .app-landing-testimonials .owl-controls .owl-nav .owl-next {
    right: -50px;
  }
}

@media screen and (min-width: 1200px) {
  .app-landing-testimonials .owl-controls .owl-nav .owl-next {
    right: -100px;
  }
}

/*--------------------------------------------------------------
#8.3	app-landing-cta
--------------------------------------------------------------*/
.app-landing-cta {
  background: url("../images/app-landing/cta-bg.jpg") center center/cover no-repeat fixed;
  padding: 170px 0;
  text-align: center;
  position: relative;
}

@media (max-width: 1199px) {
  .app-landing-cta {
    padding: 120px 0;
  }
}

@media (max-width: 991px) {
  .app-landing-cta {
    padding: 80px 0;
  }
}

.app-landing-cta:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.app-landing-cta .video-btn {
  background-color: #fff;
  width: 100px;
  height: 100px;
  line-height: 100px;
  color: #20b8ff;
  border-radius: 50%;
  display: inline-block;
}

@media (max-width: 1199px) {
  .app-landing-cta .video-btn {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}

@media (max-width: 991px) {
  .app-landing-cta .video-btn {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}

/*--------------------------------------------------------------
#8.4	app-landing-screenshot
--------------------------------------------------------------*/
.app-landing-screenshot .app-screenshot-slider-outer {
  width: 265px;
  height: 490px;
  margin: 65px auto 0;
  position: relative;
}

@media (max-width: 767px) {
  .app-landing-screenshot .app-screenshot-slider-outer {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .app-landing-screenshot .app-screenshot-slider-outer .mockup {
    display: none;
  }
}

.app-landing-screenshot .app-screenshot-slider-outer .mockup .top {
  background: url("../images/app-landing/screenshot-slider/iphone-top-part.png") center center/cover no-repeat local;
  width: 317px;
  height: 76px;
  position: absolute;
  left: 50%;
  top: -76px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.app-landing-screenshot .app-screenshot-slider-outer .mockup .left {
  background: url("../images/app-landing/screenshot-slider/iphone-left-part.png") center center/cover no-repeat local;
  width: 19px;
  height: 570px;
  position: absolute;
  left: -25px;
  bottom: -80px;
  z-index: 20;
}

.app-landing-screenshot .app-screenshot-slider-outer .mockup .right {
  background: url("../images/app-landing/screenshot-slider/iphone-right-part.png") center center/cover no-repeat local;
  width: 18px;
  height: 570px;
  position: absolute;
  right: -27px;
  bottom: -80px;
  z-index: 20;
}

.app-landing-screenshot .app-screenshot-slider-outer .mockup .bottom {
  background: url("../images/app-landing/screenshot-slider/iphone-bottom-part.png") center center/cover no-repeat local;
  width: 280px;
  height: 76px;
  position: absolute;
  left: -6px;
  bottom: -87px;
  z-index: 20;
}

.app-landing-screenshot .app-screenshot-slider img {
  width: auto;
}

.app-landing-screenshot .owl-carousel .owl-stage-outer {
  overflow: visible !important;
}

@media (max-width: 767px) {
  .app-landing-screenshot .owl-carousel .owl-stage-outer {
    overflow: hidden !important;
  }
}

.app-landing-screenshot .owl-stage-outer .owl-item img {
  opacity: 0.5;
}

.app-landing-screenshot .owl-stage-outer .active img {
  opacity: 1;
}

.app-landing-screenshot .owl-controls .owl-nav .owl-prev,
.app-landing-screenshot .owl-controls .owl-nav .owl-next {
  background-color: rgba(32, 184, 255, 0.8);
  border-radius: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.app-landing-screenshot .owl-controls .owl-nav .owl-prev:hover,
.app-landing-screenshot .owl-controls .owl-nav .owl-next:hover {
  background-color: #20b8ff;
}

.app-landing-screenshot .download {
  text-align: center;
  margin-top: 125px;
  position: relative;
  z-index: 10;
}

@media (max-width: 767px) {
  .app-landing-screenshot .download {
    margin-top: 75px;
  }
}

.app-landing-screenshot .download h4 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #2f2f2f;
  margin: 0 0 15px;
}

/*--------------------------------------------------------------
#8.5	app-landing-pricing
--------------------------------------------------------------*/
.app-landing-pricing {
  background: url("../images/app-landing/pricing-bg.jpg") center center/cover no-repeat fixed;
  position: relative;
}

.app-landing-pricing:before {
  content: "";
  background: url("../images/app-landing/pricing-overlay.png") center center/auto repeat local;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.app-landing-pricing .app-landing-section-title h2 {
  color: #fff;
}

.app-landing-pricing .pricing-grids {
  overflow: hidden;
  margin: 0 -15px;
}

.app-landing-pricing .pricing-grids .grid {
  width: 50%;
  float: left;
  padding: 0 15px;
  text-align: center;
}

@media (max-width: 600px) {
  .app-landing-pricing .pricing-grids .grid {
    width: 100%;
    float: none;
  }
}

@media (max-width: 600px) {
  .app-landing-pricing .pricing-grids > .grid + .grid {
    margin-top: 35px;
  }
}

.app-landing-pricing .pricing-header {
  background: #4357fb;
  background: -webkit-linear-gradient(left, #4357fb, #20b8ff);
  background: -moz-linear-gradient(left, #4357fb, #20b8ff);
  background: -o-linear-gradient(left, #4357fb, #20b8ff);
  background: -ms-linear-gradient(left, #4357fb, #20b8ff);
  background: -webkit-gradient(linear, left top, right top, from(#4357fb), to(#20b8ff));
  background: linear-gradient(left, #4357fb, #20b8ff);
  padding: 28px 0;
}

.app-landing-pricing .pricing-header h2 {
  font-size: 48px;
  font-size: 3.2rem;
  font-weight: normal;
  color: #fff;
  margin: 0;
  padding-left: 10px;
  display: inline-block;
  position: relative;
}

@media (max-width: 1199px) {
  .app-landing-pricing .pricing-header h2 {
    font-size: 40px;
    font-size: 2.66667rem;
  }
}

@media (max-width: 767px) {
  .app-landing-pricing .pricing-header h2 {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

.app-landing-pricing .pricing-header h2 span {
  font-size: 15px;
  font-size: 1rem;
  position: absolute;
  top: 7px;
  left: 0;
}

.app-landing-pricing .pricing-header .type {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #fff;
  font-weight: 600;
  margin: 0;
}

.app-landing-pricing .pricing-body {
  background-color: #fff;
}

.app-landing-pricing .pricing-body ul {
  list-style: none;
  padding: 50px 10px;
  border-bottom: 1px solid #efefef;
}

@media (max-width: 991px) {
  .app-landing-pricing .pricing-body ul {
    padding: 40px 10px;
  }
}

.app-landing-pricing .pricing-body ul li {
  font-size: 16px;
  font-size: 1.06667rem;
}

@media (max-width: 991px) {
  .app-landing-pricing .pricing-body ul li {
    font-size: 15px;
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .app-landing-pricing .pricing-body ul li {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.app-landing-pricing .pricing-body ul > li + li {
  margin-top: 13px;
}

.app-landing-pricing .pricing-footer {
  padding: 25px 0;
}

@media (max-width: 991px) {
  .app-landing-pricing .pricing-footer {
    padding: 20px 0;
  }
}

@media (max-width: 767px) {
  .app-landing-pricing .pricing-footer {
    padding: 15px 0;
  }
}

.app-landing-pricing .pricing-footer a {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #666;
}

@media (max-width: 1199px) {
  .app-landing-pricing .pricing-footer a {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 767px) {
  .app-landing-pricing .pricing-footer a {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.app-landing-pricing .pricing-footer a:hover {
  color: #222;
}

/*--------------------------------------------------------------
#8.6	app-landing-newsletter-contact
--------------------------------------------------------------*/
.app-landing-newsletter-contact {
  text-align: center;
  /*** newsletter ***/
  /*** contact-boxes***/
  /*** social-info ***/
}

.app-landing-newsletter-contact .newsletter h2 {
  font-size: 36px;
  font-size: 2.4rem;
  font-weight: normal;
  margin: 0 0 1em;
}

@media (max-width: 991px) {
  .app-landing-newsletter-contact .newsletter h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .app-landing-newsletter-contact .newsletter h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.app-landing-newsletter-contact form {
  max-width: 540px;
  margin: 0 auto;
}

.app-landing-newsletter-contact form > div:last-child {
  margin-top: 45px;
}

.app-landing-newsletter-contact form input {
  height: auto;
  text-align: center;
  border: 0;
  border-bottom: 2px solid #333;
  padding: 15px 12px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.app-landing-newsletter-contact form input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.app-landing-newsletter-contact form button {
  font-family: "Poppins", sans-serif;
  background: #4357fb;
  background: -webkit-linear-gradient(left, #4357fb, #20b8ff);
  background: -moz-linear-gradient(left, #4357fb, #20b8ff);
  background: -o-linear-gradient(left, #4357fb, #20b8ff);
  background: -ms-linear-gradient(left, #4357fb, #20b8ff);
  background: -webkit-gradient(linear, left top, right top, from(#4357fb), to(#20b8ff));
  background: linear-gradient(left, #4357fb, #20b8ff);
  width: 170px;
  height: 45px;
  line-height: 42px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #fff;
  border: 0;
  outline: 0;
}

@media (max-width: 991px) {
  .app-landing-newsletter-contact form button {
    width: 150px;
    height: 40px;
    line-height: 37px;
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

@media (max-width: 767px) {
  .app-landing-newsletter-contact form button {
    width: 130px;
    height: 40px;
    line-height: 37px;
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.app-landing-newsletter-contact form button:hover {
  background: #20b8ff;
  background: -webkit-linear-gradient(left, #20b8ff, #4357fb);
  background: -moz-linear-gradient(left, #20b8ff, #4357fb);
  background: -o-linear-gradient(left, #20b8ff, #4357fb);
  background: -ms-linear-gradient(left, #20b8ff, #4357fb);
  background: -webkit-gradient(linear, left top, right top, from(#20b8ff), to(#4357fb));
  background: linear-gradient(left, #20b8ff, #4357fb);
}

.app-landing-newsletter-contact .contact-boxes {
  overflow: hidden;
  margin: 70px -15px;
}

@media (max-width: 767px) {
  .app-landing-newsletter-contact .contact-boxes {
    margin: 50px -15px;
  }
}

.app-landing-newsletter-contact .contact-boxes .box {
  width: calc(33.33% - 30px);
  max-height: 218px;
  float: left;
  margin: 20px 15px 50px;
  padding: 50px 70px;
  -webkit-box-shadow: 0 12px 50px rgba(0, 0, 0, 0.1);
  box-shadow: 0 12px 50px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1199px) {
  .app-landing-newsletter-contact .contact-boxes .box {
    padding: 50px 30px;
  }
}

@media (max-width: 991px) {
  .app-landing-newsletter-contact .contact-boxes .box {
    width: calc(50% - 30px);
  }
}

@media (max-width: 767px) {
  .app-landing-newsletter-contact .contact-boxes .box {
    width: calc(100% - 30px);
    padding: 50px 15px;
  }
}

.app-landing-newsletter-contact .contact-boxes .box i {
  font-size: 36px;
  font-size: 2.4rem;
  color: #4357fb;
  background: -webkit-linear-gradient(#4357fb, #20b8ff);
  background: -webkit-gradient(linear, left top, left bottom, from(#4357fb), to(#20b8ff));
  background: -o-linear-gradient(#4357fb, #20b8ff);
  background: linear-gradient(#4357fb, #20b8ff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  display: inline-block;
  margin-bottom: 28px;
}

@media (max-width: 991px) {
  .app-landing-newsletter-contact .contact-boxes .box i {
    font-size: 30px;
    font-size: 2rem;
    mrgin-bottom: 20px;
  }
}

.app-landing-newsletter-contact .contact-boxes .box p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
}

@media (max-width: 991px) {
  .app-landing-newsletter-contact .contact-boxes .box p {
    font-size: 15px;
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .app-landing-newsletter-contact .contact-boxes .box p {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.app-landing-newsletter-contact .contact-boxes .box p:last-child {
  margin-bottom: 0;
}

.app-landing-newsletter-contact .social-info h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: normal;
  margin: 0 0 1em;
}

@media (max-width: 991px) {
  .app-landing-newsletter-contact .social-info h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .app-landing-newsletter-contact .social-info h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.app-landing-newsletter-contact .social-info ul {
  list-style: none;
  overflow: hidden;
  display: inline-block;
}

.app-landing-newsletter-contact .social-info ul li {
  float: left;
}

.app-landing-newsletter-contact .social-info ul > li + li {
  margin-left: 30px;
}

@media (max-width: 991px) {
  .app-landing-newsletter-contact .social-info ul > li + li {
    margin-left: 20px;
  }
}

@media (max-width: 767px) {
  .app-landing-newsletter-contact .social-info ul > li + li {
    margin-left: 15px;
  }
}

.app-landing-newsletter-contact .social-info ul li a {
  font-size: 30px;
  font-size: 2rem;
  color: #121212;
}

@media (max-width: 991px) {
  .app-landing-newsletter-contact .social-info ul li a {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

@media (max-width: 767px) {
  .app-landing-newsletter-contact .social-info ul li a {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.app-landing-newsletter-contact .social-info ul li a:hover {
  color: #4357fb;
}

/*--------------------------------------------------------------
	#home minimal-portfolio
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#9.0	minimal-portfolio-portfolio-section
--------------------------------------------------------------*/
.minimal-portfolio-portfolio-section .portfolio-gallery {
  position: relative;
}

.minimal-portfolio-portfolio-section .portfolio-list {
  position: absolute;
  right: 15px;
  top: -60px;
}

@media (max-width: 1199px) {
  .minimal-portfolio-portfolio-section .portfolio-list {
    position: static;
    margin-bottom: 30px;
    top: auto;
  }
}

.minimal-portfolio-portfolio-section .portfolio-list ul {
  list-style: none;
  overflow: hidden;
}

.minimal-portfolio-portfolio-section .portfolio-list li {
  float: left;
  position: relative;
}

@media (max-width: 767px) {
  .minimal-portfolio-portfolio-section .portfolio-list li {
    margin-bottom: 3px;
  }
}

.minimal-portfolio-portfolio-section .portfolio-list li:after {
  content: "/";
  position: absolute;
  right: -30px;
  top: 0;
}

@media (max-width: 991px) {
  .minimal-portfolio-portfolio-section .portfolio-list li:after {
    right: -25px;
  }
}

@media (max-width: 767px) {
  .minimal-portfolio-portfolio-section .portfolio-list li:after {
    right: -20px;
  }
}

.minimal-portfolio-portfolio-section .portfolio-list ul li:last-child:after {
  display: none;
}

.minimal-portfolio-portfolio-section .portfolio-list ul > li + li {
  margin-left: 50px;
}

@media (max-width: 991px) {
  .minimal-portfolio-portfolio-section .portfolio-list ul > li + li {
    margin-left: 40px;
  }
}

@media (max-width: 767px) {
  .minimal-portfolio-portfolio-section .portfolio-list ul > li + li {
    margin-left: 30px;
  }
}

.minimal-portfolio-portfolio-section .portfolio-list a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  color: #333;
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  .minimal-portfolio-portfolio-section .portfolio-list a {
    font-size: 15px;
    font-size: 1rem;
  }
}

@media (max-width: 991px) {
  .minimal-portfolio-portfolio-section .portfolio-list a {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

@media (max-width: 767px) {
  .minimal-portfolio-portfolio-section .portfolio-list a {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

.minimal-portfolio-portfolio-section .portfolio-list a:hover,
.minimal-portfolio-portfolio-section .portfolio-list a.current {
  color: #000;
}

.minimal-portfolio-portfolio-section .portfolio-grids {
  overflow: hidden;
  margin: 0 -15px;
}

@media (max-width: 767px) {
  .minimal-portfolio-portfolio-section .portfolio-grids {
    margin: 0 -5px;
  }
}

.minimal-portfolio-portfolio-section .portfolio-grids .grid {
  width: 33.33%;
  float: left;
  padding: 0 15px 30px;
}

@media (max-width: 991px) {
  .minimal-portfolio-portfolio-section .portfolio-grids .grid {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .minimal-portfolio-portfolio-section .portfolio-grids .grid {
    padding: 0 5px 10px;
  }
}

.minimal-portfolio-portfolio-section .load-more {
  text-align: center;
  margin-top: 25px;
}

@media (max-width: 767px) {
  .minimal-portfolio-portfolio-section .load-more {
    margin-top: 35px;
  }
}

/*--------------------------------------------------------------
#9.1	minimal-portfolio-about-section
--------------------------------------------------------------*/
.minimal-portfolio-about-section {
  background-color: #f6f6f6;
}

@media screen and (min-width: 992px) {
  .minimal-portfolio-about-section .about-text {
    padding-right: 185px;
  }
}

.minimal-portfolio-about-section .about-text p {
  color: #333;
  margin-bottom: 1.8em;
}

.minimal-portfolio-about-section .work-skills {
  padding-top: 20px;
  padding-right: 30px;
  list-style: none;
  overflow: hidden;
}

.minimal-portfolio-about-section .work-skills li {
  width: 20%;
  float: left;
  text-align: center;
}

@media (max-width: 767px) {
  .minimal-portfolio-about-section .work-skills li {
    width: auto;
    padding: 0 15px;
    margin-bottom: 35px;
  }
}

.minimal-portfolio-about-section .work-skills h5 {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 500;
  color: #000;
  margin: 17px 0 0;
}

@media (max-width: 1199px) {
  .minimal-portfolio-about-section .about-pic {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  .minimal-portfolio-about-section .about-pic {
    margin-top: 50px;
  }
}

.minimal-portfolio-about-section .about-pic img {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/*--------------------------------------------------------------
#9.2	minimal-portfolio-testimonials
--------------------------------------------------------------*/
.minimal-portfolio-testimonials .grid {
  background-color: #eee;
  padding: 45px 50px;
  position: relative;
}

@media (max-width: 767px) {
  .minimal-portfolio-testimonials .grid {
    padding: 30px;
  }
}

.minimal-portfolio-testimonials .grid:after {
  content: "";
  background: url("../images/minimal-portfolio/quote.png") center center/cover no-repeat local;
  width: 40px;
  height: 35px;
  position: absolute;
  right: 30px;
  bottom: 35px;
}

.minimal-portfolio-testimonials .client-quote p {
  color: #555;
}

.minimal-portfolio-testimonials .client-info {
  padding-top: 20px;
}

.minimal-portfolio-testimonials .client-info h4 {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 500;
  color: #000;
  margin: 0;
  text-transform: uppercase;
}

.minimal-portfolio-testimonials .client-info h4 + span {
  font-size: 12px;
  font-size: 0.8rem;
  color: #929292;
}

@media screen and (min-width: 992px) {
  .minimal-portfolio-testimonials .owl-controls {
    position: absolute;
    right: -5px;
    top: -65px;
    margin: 0;
  }
}

@media (max-width: 991px) {
  .minimal-portfolio-testimonials .owl-controls {
    margin-top: 40px;
  }
}

.minimal-portfolio-testimonials .owl-controls .owl-nav .owl-prev,
.minimal-portfolio-testimonials .owl-controls .owl-nav .owl-next {
  background: transparent;
  width: 35px;
  height: 35px;
  line-height: 35px;
  padding: 0;
  border: 1px solid #dcdcdc;
  border-radius: 0;
  color: #000;
}

.minimal-portfolio-testimonials .owl-controls .owl-nav .owl-prev:hover,
.minimal-portfolio-testimonials .owl-controls .owl-nav .owl-next:hover {
  background: #333;
  border-color: #333;
  color: #fff;
}

/*--------------------------------------------------------------
#9.3	minimal-portfolio-cta
--------------------------------------------------------------*/
.minimal-portfolio-cta {
  background-color: #f6f6f6;
  padding: 60px 0;
}

.minimal-portfolio-cta .cta-inner {
  position: relative;
}

.minimal-portfolio-cta h5 {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  color: #777;
  margin: 0 0 0.9em;
}

.minimal-portfolio-cta h2 {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  margin: 0;
}

@media (max-width: 991px) {
  .minimal-portfolio-cta h2 {
    font-size: 20px;
    font-size: 1.33333rem;
    margin: 0 0 0.9em;
  }
}

@media screen and (min-width: 992px) {
  .minimal-portfolio-cta .minimal-portfolio-theme-btn-s2 {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

/*--------------------------------------------------------------
#9.4	minimal-portfolio-blog
--------------------------------------------------------------*/
.minimal-portfolio-blog .blog-grids {
  overflow: hidden;
  margin: 0 -15px;
}

.minimal-portfolio-blog .blog-grids .grid {
  width: 33.33%;
  float: left;
  padding: 0 15px;
}

@media (max-width: 991px) {
  .minimal-portfolio-blog .blog-grids .grid {
    width: 50%;
    margin-bottom: 35px;
  }
}

@media (max-width: 600px) {
  .minimal-portfolio-blog .blog-grids .grid {
    width: 100%;
    float: none;
  }
}

.minimal-portfolio-blog .entry-media img {
  width: 100%;
}

.minimal-portfolio-blog .entry-body {
  padding: 30px 34px;
  border: 1px solid #ebebeb;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .minimal-portfolio-blog .entry-body {
    padding: 20px;
  }
}

.minimal-portfolio-blog .entry-meta ul {
  list-style: none;
  overflow: hidden;
  margin-bottom: 10px;
}

.minimal-portfolio-blog .entry-meta ul li {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-size: 0.8rem;
  float: left;
  margin-right: 14px;
}

.minimal-portfolio-blog .entry-title h3 {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.44em;
  font-weight: 500;
  margin: 0 0 1.38em;
}

@media (max-width: 1199px) {
  .minimal-portfolio-blog .entry-title h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.minimal-portfolio-blog .entry-title a {
  color: #000;
}

.minimal-portfolio-blog a.read-more {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  color: #999;
}

@media (max-width: 1199px) {
  .minimal-portfolio-blog a.read-more {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.minimal-portfolio-blog a.read-more:hover {
  color: #222;
}

.minimal-portfolio-blog .more-blogs {
  text-align: center;
  margin-top: 55px;
}

@media (max-width: 991px) {
  .minimal-portfolio-blog .more-blogs {
    margin-top: 15px;
  }
}

/*--------------------------------------------------------------
#9.5	minimal-portfolio-contact
--------------------------------------------------------------*/
.minimal-portfolio-contact {
  background-color: #f6f6f6;
}

.minimal-portfolio-contact .contact-info {
  padding-right: 180px;
}

@media (max-width: 767px) {
  .minimal-portfolio-contact .contact-info {
    padding-right: 0;
  }
}

.minimal-portfolio-contact .contact-info ul {
  list-style: none;
  overflow: hidden;
}

.minimal-portfolio-contact .contact-info ul li {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #333;
  line-height: 2em;
  min-height: 35px;
  position: relative;
  padding-left: 60px;
}

@media (max-width: 767px) {
  .minimal-portfolio-contact .contact-info ul li {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.minimal-portfolio-contact .contact-info ul > li + li {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .minimal-portfolio-contact .contact-info ul > li + li {
    margin-top: 20px;
  }
}

.minimal-portfolio-contact .contact-info .icon {
  position: absolute;
  left: 0;
}

.minimal-portfolio-contact .contact-form {
  margin-top: 10px;
}

@media (max-width: 991px) {
  .minimal-portfolio-contact .contact-form {
    margin-top: 50px;
  }
}

.minimal-portfolio-contact .contact-form input,
.minimal-portfolio-contact .contact-form textarea {
  background-color: transparent;
  font-family: "Poppins", sans-serif;
  height: 50px;
  border: 1px solid #737373;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  padding: 6px 17px;
}

@media (max-width: 991px) {
  .minimal-portfolio-contact .contact-form input,
  .minimal-portfolio-contact .contact-form textarea {
    height: 45px;
  }
}

@media (max-width: 767px) {
  .minimal-portfolio-contact .contact-form input,
  .minimal-portfolio-contact .contact-form textarea {
    height: 40px;
  }
}

.minimal-portfolio-contact .contact-form textarea {
  height: 155px;
}

@media (max-width: 991px) {
  .minimal-portfolio-contact .contact-form textarea {
    height: 120px;
  }
}

.minimal-portfolio-contact form > div + div {
  margin-top: 20px;
}

.minimal-portfolio-contact .submit-btn {
  text-align: right;
  margin-top: 30px;
}

.minimal-portfolio-contact .submit-btn button {
  border: 0;
  outline: 0;
}

/*--------------------------------------------------------------
#9.6	minimal-portfolio-footer
--------------------------------------------------------------*/
.minimal-portfolio-footer {
  /*** copyright-info ***/
}

.minimal-portfolio-footer .copyright-info {
  padding: 15px 0;
}

@media (max-width: 600px) {
  .minimal-portfolio-footer .copyright-info {
    text-align: center;
  }
}

.minimal-portfolio-footer .copyright-info p {
  margin: 0;
  color: #8a8a8a;
}

@media (max-width: 600px) {
  .minimal-portfolio-footer .copyright-info .col {
    width: 100%;
  }
}

.minimal-portfolio-footer .copyright-info .copyright-area a {
  color: #333;
}

.minimal-portfolio-footer .copyright-info .footer-social {
  float: right;
}

@media (max-width: 600px) {
  .minimal-portfolio-footer .copyright-info .footer-social {
    float: none;
    margin-top: 5px;
  }
}

.minimal-portfolio-footer .copyright-info .footer-social span {
  color: #8a8a8a;
  display: inline-block;
  padding-right: 5px;
}

@media (max-width: 600px) {
  .minimal-portfolio-footer .copyright-info .footer-social span {
    display: none;
  }
}

.minimal-portfolio-footer .copyright-info .social-links {
  list-style: none;
  float: right;
  overflow: hidden;
}

@media (max-width: 600px) {
  .minimal-portfolio-footer .copyright-info .social-links {
    float: none;
    display: inline-block;
  }
}

.minimal-portfolio-footer .copyright-info .social-links li {
  float: left;
}

.minimal-portfolio-footer .copyright-info .social-links > li + li {
  margin-left: 8px;
}

.minimal-portfolio-footer .copyright-info .social-links a {
  font-size: 18px;
  font-size: cacl-rem-value(18);
  color: #333;
}

.minimal-portfolio-footer .copyright-info .social-links a:hover {
  color: #000;
}

/*--------------------------------------------------------------
	#home church
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#10.0	church-cta
--------------------------------------------------------------*/
.church-cta {
  margin-top: -50px;
}

@media (max-width: 991px) {
  .church-cta {
    margin: 80px 0 0;
  }
}

.church-cta .cta-content {
  font-family: "Poppins", sans-serif;
  background-color: #fff;
  padding: 40px 50px 40px 190px;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  position: relative;
}

@media (max-width: 767px) {
  .church-cta .cta-content {
    padding: 30px;
  }
}

.church-cta .cta-content img {
  position: absolute;
  left: 50px;
}

@media (max-width: 767px) {
  .church-cta .cta-content img {
    position: static;
    display: block;
    margin-bottom: 20px;
  }
}

.church-cta .cta-content p,
.church-cta .quoter,
.church-cta .video-btn {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  color: #000002;
}

@media (max-width: 991px) {
  .church-cta .cta-content p,
  .church-cta .quoter,
  .church-cta .video-btn {
    font-size: 15px;
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .church-cta .cta-content p,
  .church-cta .quoter,
  .church-cta .video-btn {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.church-cta .cta-content p {
  margin-bottom: 2em;
}

.church-cta .video-btn {
  background-color: #e4e7ea;
  padding: 9px 15px;
  display: inline-block;
  border-radius: 40px;
  position: absolute;
  right: 50px;
  bottom: 40px;
}

@media (max-width: 767px) {
  .church-cta .video-btn {
    position: static;
    display: inline-block;
    margin-top: 20px;
  }
}

.church-cta .video-btn:hover {
  background-color: #e4af4e;
  color: #fff;
}

.church-cta .video-btn:hover i {
  color: #fff;
}

.church-cta .video-btn i {
  color: #e4af4e;
  display: inline-block;
  padding-right: 5px;
}

/*--------------------------------------------------------------
#10.1	church-sermons
--------------------------------------------------------------*/
.church-sermons {
  padding-bottom: 90px;
}

@media (max-width: 991px) {
  .church-sermons {
    padding-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .church-sermons {
    padding-bottom: 60px;
  }
}

.church-sermons .sermons-title h3 {
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 500;
  line-height: 1.4em;
  margin: 1em 0;
}

@media (max-width: 991px) {
  .church-sermons .sermons-title h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.church-sermons .sermons-title h3 a {
  color: #000001;
}

.church-sermons .meta-info {
  overflow: hidden;
  font-family: "Poppins", sans-serif;
  padding-bottom: 14px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
}

.church-sermons .meta-info > div {
  float: left;
  color: #999;
  font-weight: 600;
}

.church-sermons .meta-info > div a {
  color: #666;
}

@media (max-width: 991px) {
  .church-sermons .meta-info > div a {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.church-sermons .meta-info > ul {
  float: right;
  overflow: hidden;
  list-style: none;
}

.church-sermons .meta-info > ul > li {
  float: left;
}

.church-sermons .meta-info > ul > li + li {
  margin-left: 17px;
}

@media (max-width: 991px) {
  .church-sermons .meta-info > ul > li + li {
    margin-left: 12px;
  }
}

.church-sermons .meta-info > ul > li a {
  font-size: 18px;
  font-size: 1.2rem;
  color: #666;
}

.church-sermons .meta-info > ul > li a:hover {
  color: #e4af4e;
}

@media (max-width: 991px) {
  .church-sermons .meta-info > ul > li a {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.church-sermons .sermons-details p {
  margin-bottom: 2em;
}

.church-sermons .sermons-details .date {
  color: #b8b8b8;
}

.church-sermons .sermons-slider .owl-controls {
  margin-top: 60px;
}

@media (max-width: 767px) {
  .church-sermons .sermons-slider .owl-controls {
    margin-top: 40px;
  }
}

.church-sermons .owl-controls .owl-dots .owl-dot span {
  background-color: #b5bfc9;
  width: 15px;
  height: 15px;
}

@media (max-width: 991px) {
  .church-sermons .owl-controls .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
  }
}

.church-sermons .owl-controls .owl-dots .active span {
  background-color: #e4af4e;
}

/*--------------------------------------------------------------
#10.2	cta-s2
--------------------------------------------------------------*/
.cta-s2 {
  position: relative;
}

@media (max-width: 991px) {
  .cta-s2 {
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cta-s2 {
    padding-bottom: 20px;
  }
}

.cta-s2:before {
  content: "";
  background: url("../images/church/cta-s2/cta-s2-bg.jpg") center center/cover no-repeat local;
  width: 100%;
  height: 315px;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 991px) {
  .cta-s2 .row > .col {
    margin-bottom: 50px;
  }
}

@media (max-width: 650px) {
  .cta-s2 .row > .col {
    width: 100%;
  }
}

.cta-s2 .grid {
  text-align: center;
  max-width: 372px;
  margin: 0 auto;
}

.cta-s2 .grid h3 {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #000001;
  line-height: 1.4em;
  margin: 0 0 1.25em;
}

@media (max-width: 1199px) {
  .cta-s2 .grid h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 991px) {
  .cta-s2 .grid h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .cta-s2 .grid h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.cta-s2 .grid-details {
  padding: 27px 10px 0;
}

@media (max-width: 991px) {
  .cta-s2 .grid-details {
    padding: 25px 15px 0;
  }
}

/*--------------------------------------------------------------
#10.3	church-events
--------------------------------------------------------------*/
.church-events {
  background-color: #f1f1f1;
  /*** next event ***/
  /*** upcoming-events ***/
}

.church-events .next-event {
  background-color: #fff;
  padding: 55px 60px 100px 80px;
  margin-left: -10px;
  position: relative;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
  .church-events .next-event {
    padding: 55px 50px;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .church-events .next-event {
    padding: 35px 25px 70px;
    margin-left: 0;
  }
}

.church-events .next-event .event-title h3 {
  font-size: 24px;
  font-size: 1.6rem;
  color: #444d57;
  font-weight: 500;
  line-height: 1.25em;
  margin: 0 0 0.5em;
}

@media (max-width: 991px) {
  .church-events .next-event .event-title h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 767px) {
  .church-events .next-event .event-title h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.church-events .next-event .event-date {
  display: block;
  margin-bottom: 15px;
}

.church-events .event-details ul {
  list-style: none;
  margin-top: 30px;
}

.church-events .event-details ul li {
  color: #444;
}

.church-events .event-details ul li i {
  color: #e4af4e;
}

.church-events .event-details ul > li + li {
  margin-top: 10px;
}

.church-events .event-details .join-event {
  position: absolute;
  right: 60px;
  bottom: 55px;
}

@media (max-width: 991px) {
  .church-events .event-details .join-event {
    position: static;
    margin-top: 20px;
  }
}

.church-events .event-date-calender {
  font-family: "Poppins", sans-serif;
  background-color: rgba(228, 175, 78, 0.9);
  width: 100px;
  height: 65px;
  color: #000002;
  padding: 10px 15px 20px 55px;
  position: absolute;
  left: -50px;
  top: 110px;
}

@media (max-width: 991px) {
  .church-events .event-date-calender {
    width: 85px;
    font-size: 12px;
    font-size: 0.8rem;
    padding: 15px 15px 20px 46px;
    left: auto;
    top: auto;
    right: 50px;
    bottom: 55px;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@media (max-width: 767px) {
  .church-events .event-date-calender {
    right: 25px;
    bottom: 35px;
  }
}

.church-events .event-date-calender span {
  font-size: 30px;
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 991px) {
  .church-events .event-date-calender span {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.church-events .upcoming-events-col {
  overflow: hidden;
}

@media (max-width: 1199px) {
  .church-events .upcoming-events-col {
    margin-top: 50px;
  }
}

.church-events .upcoming-events {
  margin-top: -25px;
  padding-bottom: 40px;
}

.church-events .upcoming-events .event-grid {
  background-color: #fff;
  padding: 20px 140px 20px 85px;
  position: relative;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
  .church-events .upcoming-events .event-grid {
    padding: 20px 20px 20px 85px;
  }
}

.church-events .upcoming-events .event-title h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3em;
  color: #000001;
  margin: 0;
}

@media (max-width: 991px) {
  .church-events .upcoming-events .event-title h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 767px) {
  .church-events .upcoming-events .event-title h3 {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.church-events .upcoming-events .slick-slide {
  margin-top: 25px;
}

.church-events .upcoming-events .event-calender {
  background-color: #e4af4e;
  width: 47px;
  height: 56px;
  padding: 10px;
  color: #000001;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  left: 20px;
  top: 20px;
}

.church-events .upcoming-events .event-calender span {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  line-height: 1em;
}

.church-events .upcoming-events .event-info {
  list-style: none;
  margin-top: 10px;
  overflow: hidden;
}

.church-events .upcoming-events .event-info li {
  float: left;
  margin-right: 7px;
}

.church-events .upcoming-events .event-info li span {
  color: #000002;
}

.church-events .slick-dots li button::before {
  font-size: 12px;
  color: #b5bfc9;
  opacity: 1;
}

.church-events .slick-dots li.slick-active button::before {
  color: #e4af4e;
}

/*--------------------------------------------------------------
#10.4	church-quote-section
--------------------------------------------------------------*/
.church-quote-section {
  font-family: "Poppins", sans-serif;
  background: url("../images/church/church-quote-bg.jpg") center center/cover no-repeat fixed;
}

.church-quote-section .grid {
  background: url("../images/church/quote-icon.png") left top/auto no-repeat local;
  padding-left: 125px;
}

@media (max-width: 767px) {
  .church-quote-section .grid {
    padding-left: 75px;
    background-size: 50px 50px;
  }
}

.church-quote-section p {
  font-size: 18px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 2em;
  margin-bottom: 2em;
}

@media (max-width: 991px) {
  .church-quote-section p {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 767px) {
  .church-quote-section p {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.church-quote-section .grid span {
  font-size: 18px;
  font-size: 1.2rem;
  color: #fff;
}

@media (max-width: 991px) {
  .church-quote-section .grid span {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 767px) {
  .church-quote-section .grid span {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.church-quote-section .owl-controls {
  padding-left: 125px;
  margin-top: 30px;
  text-align: left;
}

@media (max-width: 767px) {
  .church-quote-section .owl-controls {
    padding-left: 75px;
  }
}

.church-quote-section .owl-controls .owl-nav .owl-prev,
.church-quote-section .owl-controls .owl-nav .owl-next {
  background: transparent;
  padding: 0;
}

.church-quote-section .owl-controls .owl-nav .owl-prev i,
.church-quote-section .owl-controls .owl-nav .owl-next i {
  font-size: 18px;
  color: #e4af4e;
}

.church-quote-section .owl-controls .owl-nav .owl-prev:hover,
.church-quote-section .owl-controls .owl-nav .owl-next:hover {
  background: transparent;
}

/*--------------------------------------------------------------
#10.5	church-causes-section
--------------------------------------------------------------*/
.church-causes-section .causes-title h3 {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #000002;
  margin: 20px 0 0.54em;
}

@media (max-width: 991px) {
  .church-causes-section .causes-title h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 767px) {
  .church-causes-section .causes-title h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.church-causes-section .causes-title ul {
  list-style: none;
  overflow: hidden;
}

.church-causes-section .causes-title ul li {
  font-size: 15px;
  font-size: 1rem;
  color: #000002;
  float: left;
}

@media (max-width: 767px) {
  .church-causes-section .causes-title ul li {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.church-causes-section .causes-title ul li span {
  color: #999;
}

.church-causes-section .causes-title ul > li + li {
  margin-left: 15px;
}

.church-causes-section .causes-details {
  margin-top: 15px;
}

.church-causes-section .progress {
  background: #e0e0e0;
  height: 12px;
  margin: 25px 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 30px;
  overflow: visible;
}

.church-causes-section .progress .progress-bar {
  background: #e4af4e url("../images/church/causes/progress-bg.png") repeat;
  line-height: 12px;
  position: relative;
  border-radius: 30px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.church-causes-section .progress .progress-bar span {
  background: #2c2925;
  padding: 6px 4px;
  font-size: 12px;
  font-size: 0.8rem;
  position: absolute;
  right: 0;
  top: -32px;
}

.church-causes-section .progress .progress-bar span:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #2c2925;
  position: absolute;
  bottom: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.church-causes-section .owl-controls {
  margin-top: 55px;
}

@media (max-width: 767px) {
  .church-causes-section .owl-controls {
    margin-top: 45px;
  }
}

.church-causes-section .owl-controls .owl-nav .owl-prev,
.church-causes-section .owl-controls .owl-nav .owl-next {
  background: #e4af4e;
  width: 30px;
  height: 30px;
  line-height: 33px;
  padding: 0;
  border-radius: 0;
}

.church-causes-section .owl-controls .owl-nav .owl-prev:hover,
.church-causes-section .owl-controls .owl-nav .owl-next:hover {
  background: #dd9b22;
}

/*--------------------------------------------------------------
#10.6	cta-s3
--------------------------------------------------------------*/
.cta-s3 {
  background: url("../images/church/cta-s3-bg.jpg") center center/cover no-repeat fixed;
  height: 300px;
}

@media (max-width: 767px) {
  .cta-s3 {
    height: 200px;
  }
}

/*--------------------------------------------------------------
#10.7	church-photo-gallery
--------------------------------------------------------------*/
.church-photo-gallery {
  padding-bottom: 0;
}

.church-photo-gallery > .container {
  padding-bottom: 100px;
  border-bottom: 1px solid #ededed;
}

@media (max-width: 991px) {
  .church-photo-gallery > .container {
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .church-photo-gallery > .container {
    padding-bottom: 70px;
  }
}

.church-photo-gallery ul {
  list-style: none;
}

.church-photo-gallery .gallery-list {
  text-align: center;
  margin-bottom: 40px;
}

.church-photo-gallery .gallery-list li {
  display: inline-block;
}

@media (max-width: 767px) {
  .church-photo-gallery .gallery-list li {
    display: block;
  }
}

.church-photo-gallery .gallery-list li a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  color: #444d57;
  padding: 8px 12px;
  border-radius: 5px;
  display: block;
  position: relative;
}

@media (max-width: 991px) {
  .church-photo-gallery .gallery-list li a {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

@media (max-width: 767px) {
  .church-photo-gallery .gallery-list li a {
    display: block;
  }
}

.church-photo-gallery .gallery-list li a:after {
  content: "";
  border: 5px solid transparent;
  border-top: 5px solid #e4af4e;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}

.church-photo-gallery .gallery-list li a.current {
  background-color: #e4af4e;
}

.church-photo-gallery .gallery-list li a.current:after {
  display: block;
}

.church-photo-gallery .gallery-grids {
  overflow: hidden;
  margin: 0 -5px;
}

.church-photo-gallery .gallery-grids .inner {
  position: relative;
  overflow: hidden;
}

.church-photo-gallery .gallery-grids .details {
  background-color: rgba(228, 175, 78, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 80%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.church-photo-gallery .gallery-grids .grid:hover .details {
  top: 0;
  opacity: 1;
}

.church-photo-gallery .gallery-grids .details-inner {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.church-photo-gallery .gallery-grids .details ul li {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%;
  position: relative;
  opacity: 0;
  -webkit-transition: all 0.3s 0.5s;
  -webkit-transition: all 0.5s 0.3s;
  -o-transition: all 0.5s 0.3s;
  transition: all 0.5s 0.3s;
}

.church-photo-gallery .gallery-grids .details ul li:first-child {
  margin-right: 10px;
  top: -30px;
}

.church-photo-gallery .gallery-grids .details ul li:last-child {
  margin-right: 10px;
  top: -50px;
}

.church-photo-gallery .gallery-grids .grid:hover .details ul li:first-child,
.church-photo-gallery .gallery-grids .grid:hover .details ul li:last-child {
  top: 0;
  opacity: 1;
}

.church-photo-gallery .gallery-grids .details ul li a {
  color: #fff;
  display: block;
}

.church-photo-gallery .gallery-grids .grid {
  width: 25%;
  float: left;
  padding: 0 5px 10px;
}

@media (max-width: 1199px) {
  .church-photo-gallery .gallery-grids .grid {
    width: 33.33%;
  }
}

@media (max-width: 991px) {
  .church-photo-gallery .gallery-grids .grid {
    width: 50%;
  }
}

@media (max-width: 550px) {
  .church-photo-gallery .gallery-grids .grid {
    width: 100%;
    float: none;
  }
}

/*--------------------------------------------------------------
#10.8	church-blog-section
--------------------------------------------------------------*/
.church-blog-section .news-grids .entry-meta .read-more, .seo-blog-section .news-grids .entry-meta .read-more {
  color: #444d57;
}

.church-blog-section .entry-meta .date, .seo-blog-section .entry-meta .date {
  float: right;
}

.church-blog-section .blog-section-title h2, .seo-blog-section .blog-section-title h2 {
  font-size: 32px;
  font-size: 2.13333rem;
  font-weight: 600;
  color: #444d57;
  margin: 0 0 0.36em;
}

@media (max-width: 991px) {
  .church-blog-section .blog-section-title h2, .seo-blog-section .blog-section-title h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .church-blog-section .blog-section-title h2, .seo-blog-section .blog-section-title h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.church-blog-section .news-grids .entry-header h3 a:hover, .seo-blog-section .news-grids .entry-header h3 a:hover,
.church-blog-section .news-grids .entry-meta .read-more:hover, .seo-blog-section .news-grids .entry-meta .read-more:hover {
  color: #e4af4e;
}

.church-blog-section .newsletter, .seo-blog-section .newsletter {
  margin-bottom: 15px;
}

.church-blog-section .newsletter h5, .seo-blog-section .newsletter h5 {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  line-height: 1.5em;
  color: #444d57;
  margin: 0 0 1em;
}

.church-blog-section .newsletter-form div, .seo-blog-section .newsletter-form div {
  position: relative;
}

.church-blog-section .newsletter-form input, .seo-blog-section .newsletter-form input {
  height: 45px;
  padding: 6px 120px 6px 15px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.church-blog-section .newsletter-form button, .seo-blog-section .newsletter-form button {
  font-family: "Poppins", sans-serif;
  background-color: #e4af4e;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 600;
  color: #fff;
  width: 114px;
  height: 45px;
  line-height: 45px;
  border: 0;
  outline: 0;
  border-radius: 10px;
  position: absolute;
  right: 0;
  top: 0;
}

/*--------------------------------------------------------------
#10.8	church-site-footer
--------------------------------------------------------------*/
.church-site-footer .copyright-info {
  background-color: #000;
  border-top: 1px solid #222b32;
}

.church-site-footer .upper-footer a:hover {
  color: #e4af4e;
}

.church-site-footer .upper-footer .links-widget ul li:before {
  color: #8a8a8a;
}

.church-site-footer .upper-footer .links-widget ul li:hover:before {
  color: #e4af4e;
}

.church-site-footer .about-widget ul li i {
  color: #e4af4e;
}

.church-site-footer .twitter-feed-widget a {
  color: #fff;
}

.church-site-footer .twitter-feed-widget a:hover {
  color: #e4af4e;
}

.church-site-footer .twitter-feed-widget ul li + li {
  border-top: 1px solid #292929;
}

.church-site-footer .copyright-info .copyright-area a {
  color: #e4af4e;
}

.church-site-footer .copyright-info .social-links a:hover {
  color: #e4af4e;
}

/*--------------------------------------------------------------
	#home hotel
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#11.0	hotel-about-section
--------------------------------------------------------------*/
.hotel-about-section {
  padding-bottom: 0;
}

.hotel-about-section .custom-container {
  padding: 0 15px;
  overflow: hidden;
}

.hotel-about-section .left-col {
  width: calc(50% - 10px);
  float: left;
}

@media (max-width: 991px) {
  .hotel-about-section .left-col {
    width: 100%;
    float: none;
  }
}

.hotel-about-section .left-col .inner {
  max-width: 570px;
  margin-left: auto;
  padding-right: 100px;
  float: right;
}

@media (max-width: 991px) {
  .hotel-about-section .left-col .inner {
    max-width: 100%;
    float: none;
    margin: 0 auto 0 0;
  }
}

@media (max-width: 767px) {
  .hotel-about-section .left-col .inner {
    padding-right: 0;
  }
}

.hotel-about-section .right-col {
  width: calc(50% + 10px);
  float: right;
}

@media (max-width: 991px) {
  .hotel-about-section .right-col {
    width: 100%;
    float: none;
  }
}

.hotel-about-section .right-col .img-holder {
  margin-right: -15px;
}

@media (max-width: 991px) {
  .hotel-about-section .right-col .img-holder {
    margin: 50px 0 0;
  }
}

.hotel-about-section .about-text {
  padding-left: 85px;
  position: relative;
}

@media (max-width: 991px) {
  .hotel-about-section .about-text {
    padding-left: 0;
  }
}

.hotel-about-section .about-text:before {
  content: "";
  background-color: #c19b77;
  width: 3px;
  height: 126px;
  position: absolute;
  left: 40px;
  top: -20px;
}

@media (max-width: 991px) {
  .hotel-about-section .about-text:before {
    display: none;
  }
}

.hotel-about-section .quote {
  margin: 40px 0;
  position: relative;
}

@media (max-width: 991px) {
  .hotel-about-section .quote {
    margin: 20px 0;
  }
}

.hotel-about-section .quote:before {
  font-family: "FontAwesome";
  content: "\f10d";
  font-size: 24px;
  font-size: 1.6rem;
  color: #c19b77;
  position: absolute;
  left: -45px;
  top: -10px;
}

.hotel-about-section .quote p {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #000001;
}

.hotel-about-section .reservation-form {
  padding-left: 40px;
  padding-bottom: 120px;
}

@media (max-width: 991px) {
  .hotel-about-section .reservation-form {
    padding-left: 0;
    padding-bottom: 80px;
  }
}

.hotel-about-section .reservation-form form > div {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  width: 100px;
  height: 145px;
  border: 1px solid #636363;
  text-align: center;
  padding: 30px 0;
  margin-bottom: 25px;
  position: relative;
  float: left;
}

@media (max-width: 991px) {
  .hotel-about-section .reservation-form form > div {
    width: 80px;
    height: 125px;
  }
}

.hotel-about-section .reservation-form form > div + div {
  margin-left: 65px;
}

@media (max-width: 1199px) {
  .hotel-about-section .reservation-form form > div + div {
    margin-left: 5px;
  }
}

.hotel-about-section .reservation-form input {
  width: 100%;
  height: 15px;
  background-color: #fff;
  color: #fff;
  padding: 0;
  border: 0;
  border-top: 1px solid #636363;
  border-radius: 0;
  position: absolute;
  bottom: 0;
  cursor: pointer;
}

.hotel-about-section .reservation-form label {
  width: 100%;
  color: #666;
  font-weight: 500;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  bottom: -35px;
}

@media (max-width: 991px) {
  .hotel-about-section .reservation-form label {
    font-size: 12px;
    font-size: 0.8pxrem;
  }
}

.hotel-about-section .reservation-form select {
  border: 0;
  font-size: 45px;
  color: #000001;
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  padding: 0 35px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  cursor: pointer;
}

@media (max-width: 991px) {
  .hotel-about-section .reservation-form select {
    font-size: 35px;
    font-size: 2.33333rem;
    padding: 0 28px;
  }
}

.hotel-about-section .reservation-form .month-day {
  position: relative;
}

.hotel-about-section .reservation-form .month-day:after {
  content: "";
  background: url("../images/hotel/datepicker-icon.jpg") center center/auto no-repeat local;
  width: 9px;
  height: 5px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 991px) {
  .hotel-about-section .reservation-form .month-day:after {
    bottom: -22px;
  }
}

.hotel-about-section .reservation-form .cur-month {
  color: #aaa;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .hotel-about-section .reservation-form .cur-month {
    font-size: 12px;
    font-size: 0.8rem;
  }
}

.hotel-about-section .reservation-form .cur-day {
  font-size: 48px;
  font-size: 3.2pxrem;
  color: #000001;
}

@media (max-width: 991px) {
  .hotel-about-section .reservation-form .cur-day {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

.hotel-about-section .reservation-form .submit-btn {
  width: 100%;
  height: auto;
  margin: 40px 0 0;
  padding: 0;
  border: 0;
  clear: both;
}

.hotel-about-section .reservation-form .submit-btn button {
  background-color: #111;
  width: 100%;
  height: 55px;
  line-height: 55px;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #c19b77;
  border: 0;
  padding: 0;
  outline: 0;
}

@media (max-width: 991px) {
  .hotel-about-section .reservation-form .submit-btn button {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

/*--------------------------------------------------------------
#11.1	hotel-deal-section
--------------------------------------------------------------*/
.hotel-deal-section {
  background-color: #f1f1f1;
}

@media screen and (min-width: 992px) {
  .hotel-deal-section {
    padding-bottom: 0;
  }
}

.hotel-deal-section .hotel-deal-grids {
  background-color: #fff;
  padding: 60px 15px 60px 115px;
  position: relative;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 992px) {
  .hotel-deal-section .hotel-deal-grids {
    margin-bottom: 170px;
  }
}

@media (max-width: 1199px) {
  .hotel-deal-section .hotel-deal-grids {
    padding: 60px 15px 60px 60px;
  }
}

@media (max-width: 991px) {
  .hotel-deal-section .hotel-deal-grids {
    padding: 25px;
  }
}

@media (max-width: 767px) {
  .hotel-deal-section .hotel-deal-grids {
    padding: 20px;
  }
}

.hotel-deal-section .hotel-deal-grids:before {
  background-color: #111;
  content: "";
  width: 365px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 1199px) {
  .hotel-deal-section .hotel-deal-grids:before {
    display: none;
  }
}

.hotel-deal-section .hotel-deal-grids img {
  width: auto;
}

.hotel-deal-section .hotel-deal-grids .grid {
  overflow: hidden;
}

.hotel-deal-section .hotel-deal-grids .grid .img-holder {
  width: 540px;
  float: left;
}

@media (max-width: 1199px) {
  .hotel-deal-section .hotel-deal-grids .grid .img-holder {
    width: 100%;
    float: none;
  }
}

.hotel-deal-section .hotel-deal-grids .grid .details {
  width: calc(100% - 540px);
  float: left;
  padding-left: 25px;
}

@media (max-width: 1199px) {
  .hotel-deal-section .hotel-deal-grids .grid .details {
    width: 100%;
    float: none;
    padding-left: 0;
    margin-top: 50px;
  }
}

@media (max-width: 991px) {
  .hotel-deal-section .hotel-deal-grids .grid .details {
    margin-top: 40px;
  }
}

.hotel-deal-section .details h3 {
  font-size: 30px;
  font-size: 2rem;
  color: #000001;
  margin: 0 0 0.37em;
}

@media (max-width: 1199px) {
  .hotel-deal-section .details h3 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 991px) {
  .hotel-deal-section .details h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.hotel-deal-section .price {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #999;
}

@media (max-width: 991px) {
  .hotel-deal-section .price {
    font-size: 15px;
    font-size: 1rem;
  }
}

.hotel-deal-section .price .old-price {
  text-decoration: line-through;
}

.hotel-deal-section .price .new-price {
  color: #333;
}

.hotel-deal-section .details ul {
  margin: 30px 0 45px;
  list-style: none;
}

@media (max-width: 991px) {
  .hotel-deal-section .details ul {
    margin: 20px 0 35px;
  }
}

.hotel-deal-section .details ul li {
  color: #666;
}

.hotel-deal-section .details ul li i {
  color: #c19b77;
  padding-right: 5px;
}

.hotel-deal-section .details ul > li + li {
  margin-top: 10px;
}

@media screen and (min-width: 992px) {
  .hotel-deal-section .hotel-deal-slider .owl-controls {
    position: absolute;
    width: 100%;
    bottom: -80px;
    left: 0;
  }
}

.hotel-deal-section .hotel-deal-slider .owl-controls .owl-dots .owl-dot span {
  background: #bdbdbd;
}

.hotel-deal-section .hotel-deal-slider .owl-controls .owl-dots .active span {
  background: #fff;
  border: 3px solid #c19b77;
}

.hotel-deal-section .hotel-deal-grids-wrapper {
  position: relative;
  overflow: hidden;
}

.hotel-deal-section .hotel-deal-grids-wrapper .offer-time {
  position: absolute;
  right: -18px;
  top: -14px;
  z-index: 10;
}

/*--------------------------------------------------------------
#11.2	hotel-rooms-section
--------------------------------------------------------------*/
.hotel-rooms-section {
  padding-bottom: 40px;
}

@media (max-width: 991px) {
  .hotel-rooms-section {
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .hotel-rooms-section {
    padding-bottom: 10px;
  }
}

.hotel-rooms-section .rooms-grids {
  overflow: hidden;
  margin: 0 -15px;
}

.hotel-rooms-section .rooms-grids .grid {
  width: calc(33.33% - 30px);
  float: left;
  margin: 0 15px 60px;
}

@media (max-width: 1199px) {
  .hotel-rooms-section .rooms-grids .grid {
    width: calc(50% - 30px);
  }
}

@media (max-width: 650px) {
  .hotel-rooms-section .rooms-grids .grid {
    width: calc(100% - 30px);
    float: none;
  }
}

.hotel-rooms-section .img-holder-book {
  position: relative;
  overflow: hidden;
}

@media (max-width: 650px) {
  .hotel-rooms-section .img-holder-book {
    max-width: 455px;
  }
}

.hotel-rooms-section .img-holder-book .book {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 60%;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.hotel-rooms-section .img-holder-book .book a {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.hotel-rooms-section .img-holder-book:hover .book {
  top: 0;
  opacity: 1;
}

.hotel-rooms-section .grid .title {
  margin: 28px 0 30px;
  position: relative;
}

@media (max-width: 767px) {
  .hotel-rooms-section .grid .title {
    margin: 25px 0 20px;
  }
}

.hotel-rooms-section .grid .title h3 {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #000001;
  margin: 0;
}

@media (max-width: 991px) {
  .hotel-rooms-section .grid .title h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 767px) {
  .hotel-rooms-section .grid .title h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.hotel-rooms-section .price-time {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #c19b77;
  position: absolute;
  right: 0;
  top: 5px;
}

@media (max-width: 991px) {
  .hotel-rooms-section .price-time {
    font-size: 14px;
    font-size: 0.93333rem;
    top: 3px;
  }
}

@media (max-width: 767px) {
  .hotel-rooms-section .price-time {
    font-size: 13px;
    font-size: 0.86667rem;
    position: static;
    margin-top: 10px;
  }
}

.hotel-rooms-section .price-time span {
  color: #999;
  text-transform: uppercase;
}

.hotel-rooms-section .grid .meta ul {
  font-family: "Poppins", sans-serif;
  list-style: none;
  overflow: hidden;
  margin-top: 50px;
}

@media (max-width: 767px) {
  .hotel-rooms-section .grid .meta ul {
    margin-top: 30px;
  }
}

.hotel-rooms-section .grid .meta ul i {
  color: #c19b77;
}

.hotel-rooms-section .grid .meta ul li {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #666;
  float: left;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .hotel-rooms-section .grid .meta ul li {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

@media (max-width: 767px) {
  .hotel-rooms-section .grid .meta ul li {
    font-size: 12px;
    font-size: 0.8rem;
  }
}

.hotel-rooms-section .grid .meta ul > li + li {
  margin-left: 15px;
}

@media (max-width: 767px) {
  .hotel-rooms-section .grid .meta ul > li + li {
    margin-left: 8px;
  }
}

/*--------------------------------------------------------------
#11.3	hotel-dining-section
--------------------------------------------------------------*/
.hotel-dining-section {
  background: url("../images/hotel/dining-bg.jpg") center center/cover no-repeat local;
  position: relative;
}

.hotel-dining-section:before {
  content: "";
  background-color: rgba(11, 5, 5, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.hotel-dining-section .hotel-section-title-s2 h2 {
  color: #fff;
}

.hotel-dining-section .grid {
  text-align: center;
  cursor: all-scroll;
}

.hotel-dining-section .img-holder-view-menu {
  position: relative;
  overflow: hidden;
}

.hotel-dining-section .img-holder-view-menu .view-menu {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 60%;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.hotel-dining-section .img-holder-view-menu .view-menu a {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.hotel-dining-section .img-holder-view-menu:hover .view-menu {
  opacity: 1;
  top: 0;
}

.hotel-dining-section .grid .details {
  padding: 30px 15px 0;
}

.hotel-dining-section .grid .details h3 {
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 500;
  color: #fff;
  margin: 0 0 0.90em;
}

@media (max-width: 1199px) {
  .hotel-dining-section .grid .details h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .hotel-dining-section .grid .details h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.hotel-dining-section .grid .details > span {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #c19b77;
  display: block;
  margin-bottom: 20px;
}

.hotel-dining-section .grid .details p {
  margin: 0;
}

/*--------------------------------------------------------------
#11.4	hotel-gallery-section
--------------------------------------------------------------*/
.hotel-gallery-section .hotel-gallery-grids {
  margin: 0 -4px;
}

.hotel-gallery-section .grid-item {
  width: calc(33.33% - 4px);
  float: left;
  padding: 0 2px 2px;
}

@media (max-width: 500px) {
  .hotel-gallery-section .grid-item {
    width: calc(50% - 4px);
  }
}

.hotel-gallery-section .grid-item img {
  width: 100%;
}

/*--------------------------------------------------------------
#11.5	hotel-events-section
--------------------------------------------------------------*/
.hotel-events-section {
  background: #f6f5f3 url("../images/hotel/events/events-bg.png") center bottom/cover no-repeat local;
}

@media (max-width: 600px) {
  .hotel-events-section {
    padding-bottom: 40px;
  }
}

.hotel-events-section .hotel-section-title-s2 {
  text-align: left;
}

@media (max-width: 991px) {
  .hotel-events-section .hotel-section-title-s2 {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 1200px) {
  .hotel-events-section .title-text {
    padding-right: 75px;
  }
}

@media (max-width: 991px) {
  .hotel-events-section .title-text {
    margin-bottom: 50px;
  }
}

@media (max-width: 600px) {
  .hotel-events-section .events-grids > .col {
    width: 100%;
    margin-bottom: 30px;
  }
}

.hotel-events-section .events-grids .details {
  background-color: #fff;
  text-align: center;
  padding: 25px 60px 35px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
  .hotel-events-section .events-grids .details {
    padding: 25px 20px 35px;
  }
}

.hotel-events-section .events-grids .details .date {
  color: #c19b77;
  margin: 0;
}

.hotel-events-section .events-grids h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #000001;
  margin: 5px 0 0.78em;
}

@media (max-width: 991px) {
  .hotel-events-section .events-grids h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.hotel-events-section .events-grids .details p {
  margin-bottom: 2em;
}

/*--------------------------------------------------------------
#11.6	hotel-news-testimonials
--------------------------------------------------------------*/
.hotel-news-testimonials {
  /*** news ***/
  /*** testimonials ***/
}

@media screen and (min-width: 1200px) {
  .hotel-news-testimonials .news {
    padding-right: 65px;
  }
}

.hotel-news-testimonials .news-inner {
  overflow: hidden;
}

.hotel-news-testimonials .news-inner .most-recent {
  width: 300px;
  float: left;
}

@media (max-width: 767px) {
  .hotel-news-testimonials .news-inner .most-recent {
    float: none;
  }
}

.hotel-news-testimonials .news-inner .all-news {
  width: calc(100% - 300px);
  float: left;
}

@media (max-width: 767px) {
  .hotel-news-testimonials .news-inner .all-news {
    width: 100%;
    float: none;
    margin-top: 40px;
  }
}

.hotel-news-testimonials .news-inner .all-news {
  padding-left: 20px;
}

@media (max-width: 767px) {
  .hotel-news-testimonials .news-inner .all-news {
    padding-left: 0;
  }
}

.hotel-news-testimonials .news-inner .meta {
  list-style: none;
  overflow: hidden;
  margin-bottom: 12px;
}

.hotel-news-testimonials .news-inner .meta li {
  float: left;
}

.hotel-news-testimonials .news-inner .meta > li + li {
  margin-left: 15px;
}

.hotel-news-testimonials .news-inner .meta a {
  color: #999;
}

.hotel-news-testimonials .news-inner .meta a:hover {
  color: #c19b77;
}

.hotel-news-testimonials .news-media {
  margin-bottom: 17px;
}

.hotel-news-testimonials .most-recent .news-body {
  padding-right: 25px;
}

.hotel-news-testimonials .most-recent .news-body h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4em;
  margin: 0 0 0.8em;
}

.hotel-news-testimonials .most-recent .news-body h3 a {
  color: #000;
}

.hotel-news-testimonials .most-recent .news-body h3 a:hover {
  color: #c19b77;
}

.hotel-news-testimonials .most-recent .news-body p {
  margin: 0;
}

.hotel-news-testimonials .all-news .grid {
  padding: 32px 0;
  border-bottom: 1px solid #dedede;
}

@media (max-width: 767px) {
  .hotel-news-testimonials .all-news .grid {
    padding: 20px 0;
  }
}

.hotel-news-testimonials .all-news .grid h3 {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0;
}

.hotel-news-testimonials .all-news .grid h3 a {
  color: #000;
}

.hotel-news-testimonials .all-news .grid h3 a:hover {
  color: #c19b77;
}

.hotel-news-testimonials .all-news > .grid:first-child {
  border-top: 1px solid #dedede;
}

@media (max-width: 1199px) {
  .hotel-news-testimonials .testimonials {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  .hotel-news-testimonials .testimonials {
    margin-top: 60px;
  }
}

.hotel-news-testimonials .testimonials-grids .grid {
  padding: 24px;
  border: 1px solid #d9d9d9;
  position: relative;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .hotel-news-testimonials .testimonials-grids .grid {
    padding: 20px;
  }
}

.hotel-news-testimonials .testimonials-grids .grid h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #000;
  margin: 0 0 0.67em;
  padding-right: 95px;
}

@media (max-width: 767px) {
  .hotel-news-testimonials .testimonials-grids .grid h3 {
    font-size: 16px;
    font-size: 1.06667rem;
    padding-right: 0;
  }
}

.hotel-news-testimonials .testimonials-grids .grid .rating {
  position: absolute;
  right: 24px;
  top: 24px;
}

@media (max-width: 767px) {
  .hotel-news-testimonials .testimonials-grids .grid .rating {
    position: static;
    margin-bottom: 15px;
  }
}

.hotel-news-testimonials .testimonials-grids .grid .rating i {
  font-size: 13px;
  color: #e2ba1c;
}

.hotel-news-testimonials .testimonials-grids .grid .client {
  position: relative;
  padding: 8px 0 0 38px;
  margin-top: 15px;
  position: relative;
}

.hotel-news-testimonials .testimonials-grids .grid .client img {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}

.hotel-news-testimonials .testimonials-grids .grid .client h5 {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  color: #000;
  margin: 0;
}

@media (max-width: 767px) {
  .hotel-news-testimonials .testimonials-grids .grid .client h5 {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.hotel-news-testimonials .slick-dots li {
  margin: 0;
}

.hotel-news-testimonials .slick-dots li button {
  padding: 0;
}

.hotel-news-testimonials .slick-dots li button::before {
  font-size: 13px;
  color: #bdbdbd;
  opacity: 1;
}

.hotel-news-testimonials .slick-dots .slick-active button:before {
  color: #c19b77;
}

/*--------------------------------------------------------------
#11.7	hotel-cta
--------------------------------------------------------------*/
.hotel-cta {
  background-color: #c19b77;
  padding: 50px 0;
}

.hotel-cta .follow,
.hotel-cta .newsletter {
  overflow: hidden;
}

.hotel-cta .follow > span,
.hotel-cta .newsletter span {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  float: left;
}

@media (max-width: 1199px) {
  .hotel-cta .follow > span,
  .hotel-cta .newsletter span {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 991px) {
  .hotel-cta .follow > span,
  .hotel-cta .newsletter span {
    float: none;
    dispalay: block;
  }
}

@media (max-width: 767px) {
  .hotel-cta .follow > span,
  .hotel-cta .newsletter span {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.hotel-cta .follow ul {
  list-style: none;
  overflow: hidden;
  float: left;
  padding-left: 27px;
}

@media (max-width: 991px) {
  .hotel-cta .follow ul {
    float: none;
    dispalay: block;
    padding-left: 0;
    margin-top: 10px;
  }
}

.hotel-cta .follow ul li {
  float: left;
}

.hotel-cta .follow ul > li + li {
  margin-left: 14px;
}

.hotel-cta .follow ul a {
  font-size: 30px;
  font-size: 2rem;
  color: #fff;
}

@media (max-width: 1199px) {
  .hotel-cta .follow ul a {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .hotel-cta .follow ul a {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.hotel-cta .follow ul a:hover {
  color: #333;
}

@media (max-width: 991px) {
  .hotel-cta .newsletter {
    margin-top: 30px;
  }
}

.hotel-cta .newsletter form {
  width: 425px;
  float: left;
  padding-left: 20px;
}

@media (max-width: 1199px) {
  .hotel-cta .newsletter form {
    width: 385px;
  }
}

@media (max-width: 991px) {
  .hotel-cta .newsletter form {
    float: none;
    dispalay: block;
    padding-left: 0;
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .hotel-cta .newsletter form {
    width: 100%;
  }
}

.hotel-cta .newsletter form div {
  position: relative;
}

.hotel-cta .newsletter form input {
  background-color: #fff;
  height: 48px;
  padding: 6 15px;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 767px) {
  .hotel-cta .newsletter form input {
    height: 40px;
  }
}

.hotel-cta .newsletter form button {
  font-family: "Poppins", sans-serif;
  background-color: #333;
  width: 95px;
  height: 48px;
  font-weight: 500;
  color: #fff;
  border: 0;
  outline: 0;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 3px solid #c19b77;
}

.hotel-cta .newsletter form button:hover {
  background-color: #111;
}

@media (max-width: 767px) {
  .hotel-cta .newsletter form button {
    height: 40px;
  }
}

/*--------------------------------------------------------------
#11.8	hotel-site-footer
--------------------------------------------------------------*/
.hotel-site-footer .copyright-info {
  background-color: #000;
  border-top: 1px solid #222b32;
}

.hotel-site-footer .upper-footer a:hover {
  color: #c19b77;
}

.hotel-site-footer .upper-footer .links-widget ul li:before {
  color: #8a8a8a;
}

.hotel-site-footer .upper-footer .links-widget ul li:hover:before {
  color: #c19b77;
}

.hotel-site-footer .about-widget ul li i {
  color: #c19b77;
}

.hotel-site-footer .twitter-feed-widget a {
  color: #fff;
}

.hotel-site-footer .twitter-feed-widget a:hover {
  color: #c19b77;
}

.hotel-site-footer .twitter-feed-widget ul li + li {
  border-top: 1px solid #292929;
}

.hotel-site-footer .copyright-info .copyright-area a {
  color: #c19b77;
}

.hotel-site-footer .copyright-info .social-links a:hover {
  color: #c19b77;
}

/*--------------------------------------------------------------
	#home medical
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#12.0	medical-departments
--------------------------------------------------------------*/
.medical-departments {
  /*** slider controls ***/
}

.medical-departments .departments-grids img {
  width: auto;
}

.medical-departments .departments-grids .details {
  text-align: center;
  border: 1px solid #e1e1e1;
  padding: 85px 28px 28px;
  position: relative;
}

@media (max-width: 991px) {
  .medical-departments .departments-grids .details {
    padding: 65px 25px 25px;
  }
}

@media (max-width: 767px) {
  .medical-departments .departments-grids .details {
    padding: 65px 15px 25px;
  }
}

.medical-departments .departments-grids .details .icon {
  background-color: #3c4d6d;
  width: 90px;
  height: 50px;
  line-height: 55px;
  position: absolute;
  left: 50%;
  top: -33px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.medical-departments .departments-grids .details .icon:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-bottom: 25px solid #3c4d6d;
}

.medical-departments .departments-grids .details .icon:after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 25px solid #3c4d6d;
}

.medical-departments .departments-grids .details .icon img {
  display: inline-block;
}

.medical-departments .departments-grids .grid:hover .icon {
  background-color: #3660cc;
}

.medical-departments .departments-grids .grid:hover .icon:before {
  border-bottom-color: #3660cc;
}

.medical-departments .departments-grids .grid:hover .icon:after {
  border-top-color: #3660cc;
}

.medical-departments .departments-grids h3 {
  font-size: 24px;
  font-size: 1.6rem;
  color: #3c4d6d;
  font-weight: 500;
  margin: 0 0 0.49em;
}

@media (max-width: 991px) {
  .medical-departments .departments-grids h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 767px) {
  .medical-departments .departments-grids h3 {
    font-size: 17px;
    font-size: 1.13333rem;
  }
}

.medical-departments .departments-grids p {
  margin: 0;
}

@media screen and (min-width: 1200px) {
  .medical-departments .owl-controls {
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .medical-departments .owl-controls .owl-nav .owl-prev,
  .medical-departments .owl-controls .owl-nav .owl-next {
    background: transparent;
    font-size: 22px;
    font-size: 1.46667rem;
    padding: 0;
    color: #3c4d6d;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .medical-departments .owl-controls .owl-nav .owl-prev:hover,
  .medical-departments .owl-controls .owl-nav .owl-next:hover {
    background: transparent;
    color: #3c4d6d;
  }
  .medical-departments .owl-controls .owl-nav .owl-prev {
    left: -90px;
  }
  .medical-departments .owl-controls .owl-nav .owl-next {
    right: -90px;
  }
}

@media (max-width: 1199px) {
  .medical-departments .owl-controls {
    margin-top: 40px;
  }
  .medical-departments .owl-controls .owl-nav .owl-prev,
  .medical-departments .owl-controls .owl-nav .owl-next {
    background: #3c4d6d;
    width: 35px;
    height: 35px;
    line-height: 38px;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    font-size: 0.93333rem;
  }
  .medical-departments .owl-controls .owl-nav .owl-prev:hover,
  .medical-departments .owl-controls .owl-nav .owl-next:hover {
    background: #3660cc;
  }
}

/*--------------------------------------------------------------
#12.1	medical-appointment-section
--------------------------------------------------------------*/
.medical-appointment-section .appointment-row {
  background-color: #3660cc;
  padding: 45px 60px 58px;
  position: relative;
}

@media (max-width: 767px) {
  .medical-appointment-section .appointment-row {
    padding: 30px 30px 40px;
  }
}

@media (max-width: 650px) {
  .medical-appointment-section .appointment-row {
    padding: 30px 20px 40px;
    margin: 0 -15px;
  }
}

.medical-appointment-section .appointment-pic {
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 1199px) {
  .medical-appointment-section .appointment-pic {
    display: none;
  }
}

.medical-appointment-section .appointment-form {
  width: 50%;
  float: left;
}

@media (max-width: 1199px) {
  .medical-appointment-section .appointment-form {
    width: 100%;
    float: none;
  }
}

.medical-appointment-section .appointment-form h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
  margin: 0 0 20px;
  padding-bottom: 0.3em;
  display: inline-block;
  position: relative;
}

@media (max-width: 991px) {
  .medical-appointment-section .appointment-form h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .medical-appointment-section .appointment-form h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.medical-appointment-section .appointment-form h2:after {
  content: "";
  background-color: #fff;
  width: 45%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.medical-appointment-section form {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 500;
  color: #fff;
  margin: 0 -6px;
}

.medical-appointment-section form > div {
  width: calc(50% - 12px);
  float: left;
  position: relative;
  margin-bottom: 20px;
  margin: 0 6px 20px;
}

@media (max-width: 650px) {
  .medical-appointment-section form > div {
    width: calc(100% - 12px);
    float: none;
  }
}

.medical-appointment-section form label {
  font-weight: normal;
}

.medical-appointment-section form input,
.medical-appointment-section form select {
  background: #fff;
  height: 33px;
  border: 0;
  border-radius: 0;
}

.medical-appointment-section form .is-new input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.medical-appointment-section form .is-new span {
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  display: inline-block;
  margin-right: 5px;
  border-radius: 3px;
  position: relative;
}

.medical-appointment-section form .is-new span i {
  position: absolute;
  opacity: 0;
}

.medical-appointment-section form .is-new input:checked ~ .checkmark i {
  opacity: 1;
}

.medical-appointment-section form select {
  background: #fff url("../images/medical/appointment-select-icon.png") calc(100% - 10px) center/auto no-repeat local;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  cursor: pointer;
}

.medical-appointment-section form .input-group-addon {
  background: #dddddd;
  width: 40px;
  border: 0;
  border-radius: 0;
  height: 33px;
  padding: 0 15px;
  line-height: 33px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 11;
  text-align: center;
  padding: 0 15px;
}

.medical-appointment-section form .submit-btn {
  width: 100%;
  float: none;
  margin-bottom: 0;
  overflow: hidden;
}

.medical-appointment-section form .submit-btn button {
  font-family: "Poppins", sans-serif;
  background-color: #3c4d6d;
  width: 100%;
  height: 40px;
  font-weight: 500;
  border: 0;
  outline: 0;
}

.medical-appointment-section form .submit-btn button:hover {
  background-color: #2a364c;
}

/*--------------------------------------------------------------
#12.2	medical-doctors-section
--------------------------------------------------------------*/
.medical-doctors-section {
  padding-bottom: 90px;
}

@media (max-width: 991px) {
  .medical-doctors-section {
    padding-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .medical-doctors-section {
    padding-bottom: 60px;
  }
}

.medical-doctors-section .doctors-grids {
  text-align: center;
}

.medical-doctors-section .doctors-grids .img-holder {
  border: 1px solid #e8e8e8;
  border-radius: 50%;
}

.medical-doctors-section .doctors-grids .img-holder img {
  border-radius: 50%;
}

.medical-doctors-section .img-social {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.medical-doctors-section .img-social .social {
  background: rgba(54, 96, 204, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  opacity: 1;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.medical-doctors-section .img-social .social ul {
  width: 100px;
  list-style: none;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.medical-doctors-section .img-social .social ul li {
  float: left;
}

.medical-doctors-section .img-social .social ul li a {
  font-size: 24px;
  font-size: 1.6rem;
  color: #fff;
}

.medical-doctors-section .img-social .social ul > li + li {
  margin-left: 20px;
}

.medical-doctors-section .grid:hover .social {
  top: 0;
  opacity: 1;
}

.medical-doctors-section .details h3 {
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 600;
  color: #3c4d6d;
  margin: 0 0 4px;
}

@media (max-width: 1199px) {
  .medical-doctors-section .details h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.medical-doctors-section .doctor-type {
  display: block;
  font-size: 16px;
  font-size: 1.06667rem;
  font-style: italic;
  color: #828fa6;
  padding-bottom: 0.9em;
  margin-bottom: 1em;
  position: relative;
}

.medical-doctors-section .doctor-type:after {
  content: "";
  background-color: #3660cc;
  width: 60%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.medical-doctors-section .details p,
.medical-doctors-section .details .phone {
  font-size: 18px;
  font-size: 1.2rem;
  margin: 0;
}

@media (max-width: 1199px) {
  .medical-doctors-section .details p,
  .medical-doctors-section .details .phone {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.medical-doctors-section .details .phone {
  color: #3660cc;
}

.medical-doctors-section .owl-controls {
  margin-top: 50px;
}

.medical-doctors-section .owl-controls .owl-dots .owl-dot span {
  background: #d7d7d7;
}

.medical-doctors-section .owl-controls .owl-dots .active span {
  background: #3660cc;
}

/*--------------------------------------------------------------
#12.3	medical-doctors-section
--------------------------------------------------------------*/
.medical-fun-fact:before {
  background: rgba(54, 96, 204, 0.9);
}

.medical-fun-fact .icon {
  border-color: #000;
}

.medical-fun-fact .grid h3 {
  color: #fff;
}

/*--------------------------------------------------------------
#12.4	medical-about-section
--------------------------------------------------------------*/
.medical-about-section .about-text h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 600;
  color: #3c4d6d;
  line-height: 1.3em;
  margin: -5px 0 0.83em;
}

@media (max-width: 991px) {
  .medical-about-section .about-text h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .medical-about-section .about-text h2 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.medical-about-section .features {
  margin-top: 31px;
}

.medical-about-section .features > div {
  position: relative;
  padding-left: 58px;
}

.medical-about-section .features > div .icon {
  position: absolute;
  left: 0;
  top: 0;
}

.medical-about-section .features > div + div {
  margin-top: 32px;
}

.medical-about-section .features h3 {
  font-size: 15px;
  font-size: 1rem;
  font-weight: 600;
  color: #3c4d6d;
  margin: 0 0 0.5em;
}

.medical-about-section .features p {
  margin: 0;
}

@media (max-width: 991px) {
  .medical-about-section .img-holder {
    display: none;
  }
}

/*--------------------------------------------------------------
#12.5	medical-gallery-section
--------------------------------------------------------------*/
.medical-gallery-section {
  background-color: #f2f2f2;
}

.medical-gallery-section .gallery-list {
  text-align: center;
  margin-bottom: 40px;
}

.medical-gallery-section .gallery-list ul {
  background-color: #fff;
  padding: 6px 0;
  display: inline-block;
  list-style: none;
}

.medical-gallery-section .gallery-list li {
  display: inline-block;
  position: relative;
}

@media (max-width: 767px) {
  .medical-gallery-section .gallery-list li {
    display: block;
  }
}

.medical-gallery-section .gallery-list ul > li + li:before {
  content: "/";
  position: absolute;
  left: -5px;
  top: 9px;
}

@media (max-width: 767px) {
  .medical-gallery-section .gallery-list ul > li + li:before {
    display: none;
  }
}

.medical-gallery-section .gallery-list li a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  color: #828fa6;
  padding: 8px 17px;
  display: block;
  position: relative;
}

@media (max-width: 991px) {
  .medical-gallery-section .gallery-list li a {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

@media (max-width: 767px) {
  .medical-gallery-section .gallery-list li a {
    display: block;
  }
}

.medical-gallery-section .gallery-list li a.current {
  color: #3660cc;
}

.medical-gallery-section .gallery-grids {
  overflow: hidden;
  margin: 0 -5px;
}

.medical-gallery-section .gallery-grids .inner {
  position: relative;
  overflow: hidden;
}

.medical-gallery-section .gallery-grids .details {
  background-color: rgba(54, 96, 204, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 80%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.medical-gallery-section .gallery-grids .grid:hover .details {
  top: 0;
  opacity: 1;
}

.medical-gallery-section .gallery-grids .details-inner {
  width: 100%;
  text-align: left;
  padding-left: 25px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.medical-gallery-section .gallery-grids .details ul {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.medical-gallery-section .gallery-grids .details ul li {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 50%;
  position: relative;
  opacity: 0;
  -webkit-transition: all 0.3s 0.5s;
  -webkit-transition: all 0.5s 0.3s;
  -o-transition: all 0.5s 0.3s;
  transition: all 0.5s 0.3s;
}

.medical-gallery-section .gallery-grids .details ul li {
  margin-right: 10px;
  top: -50px;
}

.medical-gallery-section .gallery-grids .grid:hover .details ul li {
  top: 0;
  opacity: 1;
}

.medical-gallery-section .gallery-grids .details ul li a {
  color: #fff;
  display: block;
}

.medical-gallery-section .gallery-grids .details h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  margin: 9em 0 0.5em;
}

@media (max-width: 991px) {
  .medical-gallery-section .gallery-grids .details h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.medical-gallery-section .gallery-grids .details p {
  font-size: 12px;
  font-size: 0.8rem;
  color: #fff;
  margin: 0;
}

.medical-gallery-section .gallery-grids .grid {
  width: 33.33%;
  float: left;
  padding: 0 5px 10px;
}

@media (max-width: 1199px) {
  .medical-gallery-section .gallery-grids .grid {
    width: 33.33%;
  }
}

@media (max-width: 991px) {
  .medical-gallery-section .gallery-grids .grid {
    width: 50%;
  }
}

@media (max-width: 550px) {
  .medical-gallery-section .gallery-grids .grid {
    width: 100%;
    float: none;
  }
}

/*--------------------------------------------------------------
#12.6	medical-testimonials-section
--------------------------------------------------------------*/
.medical-testimonials-section:before {
  background: rgba(54, 96, 204, 0.9);
}

.medical-testimonials-section .grid:before {
  color: #fff;
}

.medical-testimonials-section .owl-controls .owl-nav .owl-next:hover,
.medical-testimonials-section .owl-controls .owl-nav .owl-prev:hover {
  color: #2a4ca5;
}

/*--------------------------------------------------------------
#12.7	medical-blog-section
--------------------------------------------------------------*/
.medical-blog-section .news-grids .entry-header h3 {
  font-weight: 500;
}

.medical-blog-section .news-grids .entry-header h3 a {
  color: #3c4d6d;
}

.medical-blog-section .news-grids .entry-header h3 a:hover {
  color: #3660cc;
}

.medical-blog-section .entry-meta .cat {
  color: #3660cc;
}

/*--------------------------------------------------------------
#12.8	medical-newsletter-section
--------------------------------------------------------------*/
.medical-newsletter-section {
  background-color: #3660cc;
  padding: 37px 0;
}

.medical-newsletter-section .newsletter-text {
  position: relative;
  padding-left: 65px;
}

.medical-newsletter-section .newsletter-text h3 {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 2px;
}

@media (max-width: 767px) {
  .medical-newsletter-section .newsletter-text h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.medical-newsletter-section .newsletter-text p {
  margin: 0;
  color: #fff;
}

.medical-newsletter-section .newsletter-text .icon {
  position: absolute;
  left: 0;
  top: 5px;
}

@media (max-width: 991px) {
  .medical-newsletter-section .newsletter-form {
    margin-top: 35px;
  }
}

.medical-newsletter-section .newsletter-form div {
  position: relative;
}

.medical-newsletter-section .newsletter-form input {
  background-color: #fff;
  height: 43px;
  border: 0;
  padding-right: 180px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 767px) {
  .medical-newsletter-section .newsletter-form input {
    height: 40px;
    padding-right: 130px;
  }
}

.medical-newsletter-section .newsletter-form button {
  font-family: "Poppins", sans-serif;
  background-color: #3c4d6d;
  width: 170px;
  height: 43px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  border: 0;
  outline: 0;
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 767px) {
  .medical-newsletter-section .newsletter-form button {
    width: 120px;
    height: 40px;
  }
}

.medical-newsletter-section .newsletter-form button:hover {
  background-color: #2a364c;
}

/*--------------------------------------------------------------
#12.9	medical-site-footer
--------------------------------------------------------------*/
.medical-site-footer .upper-footer {
  background-color: #0d1117;
}

.medical-site-footer .upper-footer a:hover {
  color: #3660cc;
}

.medical-site-footer .upper-footer .links-widget ul li:before {
  color: #8a8a8a;
}

.medical-site-footer .upper-footer .links-widget ul li:hover:before {
  color: #3660cc;
}

.medical-site-footer .about-widget ul li i {
  color: #3660cc;
}

.medical-site-footer .twitter-feed-widget a {
  color: #fff;
}

.medical-site-footer .twitter-feed-widget a:hover {
  color: #3660cc;
}

.medical-site-footer .twitter-feed-widget ul li + li {
  border-top: 1px solid #292929;
}

.medical-site-footer .copyright-info {
  background-color: #05080d;
  border: 0;
}

.medical-site-footer .copyright-info .copyright-area a {
  color: #3660cc;
}

.medical-site-footer .copyright-info .social-links a:hover {
  color: #3660cc;
}

.medical-site-footer .copyright-info p {
  color: #8a8a8a;
}

/*--------------------------------------------------------------
	#home gym
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#13.0	gym-departments
--------------------------------------------------------------*/
.gym-about-section .gym-section-title, .gym-about-section .gym-section-title-s2 {
  margin-left: -68px;
}

@media (max-width: 991px) {
  .gym-about-section .gym-section-title, .gym-about-section .gym-section-title-s2 {
    margin-left: 0;
  }
}

.gym-about-section .about-text {
  padding-left: 68px;
  margin-top: 100px;
}

@media (max-width: 991px) {
  .gym-about-section .about-text {
    padding: 0;
    margin-top: 30px;
  }
}

.gym-about-section .about-text p {
  font-size: 15px;
  font-size: 1rem;
  margin-bottom: 1.7em;
}

@media (max-width: 991px) {
  .gym-about-section .about-text p {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.gym-about-section .gym-theme-btn-s2 {
  margin-top: 13px;
}

/*--------------------------------------------------------------
#13.1	gym-cta-section
--------------------------------------------------------------*/
.gym-cta-section {
  background: url("../images/gym/cta-bg.jpg") center center/cover no-repeat local;
  padding: 75px 0;
}

.gym-cta-section h2 {
  font-size: 36px;
  font-size: 2.4rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 0.19em;
}

@media (max-width: 991px) {
  .gym-cta-section h2 {
    font-size: 30px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .gym-cta-section h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

.gym-cta-section h2 + span {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fa372c;
  margin-bottom: 15px;
  display: block;
}

@media (max-width: 991px) {
  .gym-cta-section h2 + span {
    font-size: 15px;
    font-size: 1rem;
  }
}

.gym-cta-section .text p {
  font-size: 15px;
  font-size: 1rem;
  color: #fff;
  margin-bottom: 2.4em;
}

@media (max-width: 991px) {
  .gym-cta-section .text p {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

/*--------------------------------------------------------------
#13.2	gym-programs-section
--------------------------------------------------------------*/
.gym-programs-section {
  padding-bottom: 90px;
}

@media (max-width: 991px) {
  .gym-programs-section {
    padding-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .gym-programs-section {
    padding-bottom: 60px;
  }
}

.gym-programs-section .grid .details {
  padding: 28px 25px;
  text-align: center;
}

.gym-programs-section .grid .details h3 {
  font-size: 24px;
  font-size: 1.6rem;
  color: #333;
  margin: 0 0 0.5em;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .gym-programs-section .grid .details h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.gym-programs-section .grid .details p {
  margin-bottom: 2em;
}

.gym-programs-section .grid .details .join {
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  font-size: 1.13333rem;
  font-weight: 600;
  color: #fa372c;
  border: 2px solid transparent;
  padding: 8px 30px;
  border-radius: 40px;
  display: inline-block;
}

@media (max-width: 991px) {
  .gym-programs-section .grid .details .join {
    font-size: 14px;
    font-size: 0.93333rem;
    border: 2px solid #fa372c;
    padding: 8px 20px;
  }
}

@media screen and (min-width: 992px) {
  .gym-programs-section .grid img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }
}

.gym-programs-section .grid {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

@media screen and (min-width: 992px) {
  .gym-programs-section .grid:hover {
    position: relative;
    z-index: 10;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  .gym-programs-section .owl-carousel .owl-stage-outer {
    overflow: visible;
  }
  .gym-programs-section .grid:hover .details .join {
    border: 2px solid #fa372c;
  }
  .gym-programs-section .grid:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
  }
}

.gym-programs-section .owl-controls {
  margin-top: 55px;
}

@media (max-width: 991px) {
  .gym-programs-section .owl-controls {
    margin-top: 35px;
  }
}

@media (max-width: 767px) {
  .gym-programs-section .owl-controls {
    margin-top: 25px;
  }
}

.gym-programs-section .owl-controls .owl-dots .owl-dot span {
  background: #a0a0a0;
  width: 14px;
  height: 14px;
}

@media (max-width: 991px) {
  .gym-programs-section .owl-controls .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
  }
}

.gym-programs-section .owl-controls .owl-dots .active span {
  background: #fa372c;
}

/*--------------------------------------------------------------
#13.3	gym-why-choose-gallery
--------------------------------------------------------------*/
.gym-why-choose-gallery {
  background: url("../images/gym/gallery/gallery-bg.jpg") center center/cover no-repeat local;
  position: relative;
}

.gym-why-choose-gallery:before {
  content: "";
  background-color: rgba(49, 56, 69, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.gym-why-choose-gallery .gym-section-title-s2 h2 {
  color: #fff;
}

.gym-why-choose-gallery .gym-section-title-s2 p {
  color: #999;
}

.gym-why-choose-gallery .fun-fact-grids {
  overflow: hidden;
}

.gym-why-choose-gallery .fun-fact-grids .grid {
  width: 25%;
  float: left;
  text-align: center;
}

@media (max-width: 767px) {
  .gym-why-choose-gallery .fun-fact-grids .grid {
    width: 50%;
    height: 150px;
  }
}

.gym-why-choose-gallery .fun-fact-grids .counter-holder h3,
.gym-why-choose-gallery .fun-fact-grids .counter-holder h3 + span {
  font-family: "Poppins", sans-serif;
  font-size: 36px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fa372c;
  display: inline-block;
}

@media (max-width: 1199px) {
  .gym-why-choose-gallery .fun-fact-grids .counter-holder h3,
  .gym-why-choose-gallery .fun-fact-grids .counter-holder h3 + span {
    font-size: 32px;
    font-size: 2.13333rem;
  }
}

@media (max-width: 991px) {
  .gym-why-choose-gallery .fun-fact-grids .counter-holder h3,
  .gym-why-choose-gallery .fun-fact-grids .counter-holder h3 + span {
    font-size: 26px;
    font-size: 1.73333rem;
  }
}

@media (max-width: 767px) {
  .gym-why-choose-gallery .fun-fact-grids .counter-holder h3,
  .gym-why-choose-gallery .fun-fact-grids .counter-holder h3 + span {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.gym-why-choose-gallery .fun-fact-grids .counter-holder h3 {
  margin: 25px 0 0 0;
}

@media (max-width: 767px) {
  .gym-why-choose-gallery .fun-fact-grids .counter-holder h3 {
    margin: 15px 0 0 0;
  }
}

.gym-why-choose-gallery .fun-fact-grids p {
  font-size: 15px;
  font-size: 1rem;
  color: #fff;
  margin: 0;
}

@media (max-width: 991px) {
  .gym-why-choose-gallery .fun-fact-grids p {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

@media (max-width: 991px) {
  .gym-why-choose-gallery .fun-fact-grids .icon img {
    max-width: 50px;
  }
}

.gym-why-choose-gallery .gym-gallery-grids {
  position: relative;
  z-index: 10;
  margin-top: 120px;
}

@media (max-width: 767px) {
  .gym-why-choose-gallery .gym-gallery-grids {
    margin-top: 40px;
  }
}

.gym-why-choose-gallery .gym-gallery-grids .grid {
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.gym-why-choose-gallery .gym-gallery-grids .grid:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.gym-why-choose-gallery .gym-gallery-grids .grid .inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.gym-why-choose-gallery .gym-gallery-grids .grid .inner a {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 767px) {
  .gym-why-choose-gallery .gym-gallery-grids .owl-stage-outer {
    overflow: visible;
  }
  .gym-why-choose-gallery .gym-gallery-grids .owl-stage > .center .grid {
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    position: relative;
    z-index: 10;
    border: 2px solid #fff;
    padding: 7px;
  }
  .gym-why-choose-gallery .gym-gallery-grids .center .grid .inner:before {
    content: "";
    background-color: rgba(250, 55, 44, 0.7);
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    position: absolute;
    left: 15px;
    top: 15px;
  }
  .gym-why-choose-gallery .gym-gallery-grids .center .grid .inner a {
    visibility: visible;
    opacity: 1;
  }
  .gym-why-choose-gallery .owl-controls {
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .gym-why-choose-gallery .owl-controls .owl-nav .owl-prev,
  .gym-why-choose-gallery .owl-controls .owl-nav .owl-next {
    background: rgba(255, 255, 255, 0.4);
    width: 55px;
    height: 55px;
    line-height: 58px;
    font-size: 18px;
    padding: 0;
    border-radius: 50%;
  }
  .gym-why-choose-gallery .owl-controls .owl-nav .owl-prev:hover,
  .gym-why-choose-gallery .owl-controls .owl-nav .owl-next:hover {
    background: rgba(250, 55, 44, 0.5);
  }
  .gym-why-choose-gallery .owl-controls .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
  }
  .gym-why-choose-gallery .owl-controls .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
  }
}

.gym-why-choose-gallery .center .grid:hover .inner {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 767px) {
  .gym-why-choose-gallery .owl-controls {
    margin-top: 35px;
  }
  .gym-why-choose-gallery .owl-controls .owl-nav .owl-prev,
  .gym-why-choose-gallery .owl-controls .owl-nav .owl-next {
    background: #fa372c;
    width: 35px;
    height: 35px;
    line-height: 38px;
    padding: 0;
    border-radius: 0;
  }
  .gym-why-choose-gallery .owl-controls .owl-nav .owl-prev:hover,
  .gym-why-choose-gallery .owl-controls .owl-nav .owl-next:hover {
    background: #ed1206;
  }
}

@media (max-width: 767px) {
  .gym-why-choose-gallery .gym-gallery-grids .grid .inner a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    visibility: visible;
    opacity: 1;
  }
}

/*--------------------------------------------------------------
#13.4	gym-schedule-section
--------------------------------------------------------------*/
.gym-schedule-section .schedule-table table {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  color: #333;
}

@media (max-width: 1199px) {
  .gym-schedule-section .schedule-table table {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

@media (max-width: 991px) {
  .gym-schedule-section .schedule-table table {
    font-size: 12px;
    font-size: 0.8rem;
  }
}

.gym-schedule-section .schedule-table table,
.gym-schedule-section .schedule-table th,
.gym-schedule-section .schedule-table td {
  border: 1px solid #ececec;
  border-collapse: collapse;
  text-align: center;
}

.gym-schedule-section .schedule-table th {
  background-color: #fa372c;
  color: #fff;
  padding: 13px 10px;
  font-weight: normal;
  border-color: #fa372c;
}

.gym-schedule-section .schedule-table td {
  padding: 24px 15px;
}

@media (max-width: 1199px) {
  .gym-schedule-section .schedule-table td {
    padding: 20px 15px;
  }
}

@media (max-width: 991px) {
  .gym-schedule-section .schedule-table td {
    padding: 15px 10px;
  }
}

.gym-schedule-section .schedule-table tbody > tr > td:first-child {
  text-transform: uppercase;
}

.gym-schedule-section .schedule-table tbody > tr:nth-child(2n) {
  background-color: #dadada;
}

.gym-schedule-section .schedule-table td .adults,
.gym-schedule-section .schedule-table td .kids {
  color: #fa372c;
}

.gym-schedule-section .download {
  text-align: center;
  margin-top: 30px;
}

/*--------------------------------------------------------------
#13.5	gym-testimonials-section
--------------------------------------------------------------*/
.gym-testimonials-section {
  background-color: #f4f4f4;
  padding-bottom: 90px;
}

@media (max-width: 991px) {
  .gym-testimonials-section {
    padding-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .gym-testimonials-section {
    padding-bottom: 60px;
  }
}

.gym-testimonials-section .grid {
  background-color: #fff;
  padding: 30px 33px 60px;
  margin-bottom: 50px;
  position: relative;
}

.gym-testimonials-section .grid:before {
  content: "";
  background: url("../images/gym/testimonials/quote.png") center center/cover no-repeat local;
  width: 38px;
  height: 34px;
  position: absolute;
  right: 33px;
  top: 20px;
}

@media (max-width: 991px) {
  .gym-testimonials-section .grid:before {
    display: none;
  }
}

@media (max-width: 991px) {
  .gym-testimonials-section .grid {
    padding: 35px 30px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .gym-testimonials-section .grid {
    padding: 25px 20px;
  }
}

.gym-testimonials-section .grid img {
  width: auto;
}

.gym-testimonials-section .client-info {
  min-height: 54px;
  position: relative;
  padding-left: 60px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .gym-testimonials-section .client-info {
    padding: 0;
  }
}

.gym-testimonials-section .client-info img {
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 767px) {
  .gym-testimonials-section .client-info img {
    position: static;
    display: inline-block;
    margin-bottom: 5px;
  }
}

.gym-testimonials-section .client-info h4 {
  font-size: 18px;
  font-size: 1.2rem;
  color: #333;
  margin: 0;
  padding: 6px 0 2px;
}

@media (max-width: 767px) {
  .gym-testimonials-section .client-info h4 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.gym-testimonials-section .client-info > span {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #999;
}

.gym-testimonials-section .client-quote p {
  font-size: 15px;
  font-size: 1rem;
  color: #666;
  margin: 0;
}

.gym-testimonials-section .gym-testimonials-slider .owl-controls {
  margin-top: 0;
}

.gym-testimonials-section .gym-testimonials-slider .owl-controls .owl-dots .owl-dot span {
  background-color: #a0a0a0;
  width: 13px;
  height: 13px;
}

.gym-testimonials-section .gym-testimonials-slider .owl-controls .owl-dots .active span {
  background: #fa372c;
}

/*--------------------------------------------------------------
#13.6	gym-site-footer
--------------------------------------------------------------*/
.gym-site-footer .upper-footer, .restaurant-site-footer .upper-footer {
  background-color: #0d1117;
}

.gym-site-footer .upper-footer a:hover, .restaurant-site-footer .upper-footer a:hover {
  color: #fa372c;
}

.gym-site-footer .upper-footer .links-widget ul li:before, .restaurant-site-footer .upper-footer .links-widget ul li:before {
  color: #8a8a8a;
}

.gym-site-footer .upper-footer .links-widget ul li:hover:before, .restaurant-site-footer .upper-footer .links-widget ul li:hover:before {
  color: #fa372c;
}

.gym-site-footer .about-widget ul li i, .restaurant-site-footer .about-widget ul li i {
  color: #fa372c;
}

.gym-site-footer .twitter-feed-widget a, .restaurant-site-footer .twitter-feed-widget a {
  color: #fff;
}

.gym-site-footer .twitter-feed-widget a:hover, .restaurant-site-footer .twitter-feed-widget a:hover {
  color: #fa372c;
}

.gym-site-footer .twitter-feed-widget ul li + li, .restaurant-site-footer .twitter-feed-widget ul li + li {
  border-top: 1px solid #292929;
}

.gym-site-footer .copyright-info, .restaurant-site-footer .copyright-info {
  background-color: #05080d;
  border: 0;
}

.gym-site-footer .copyright-info .copyright-area a, .restaurant-site-footer .copyright-info .copyright-area a {
  color: #fa372c;
}

.gym-site-footer .copyright-info .social-links a:hover, .restaurant-site-footer .copyright-info .social-links a:hover {
  color: #fa372c;
}

.gym-site-footer .copyright-info p, .restaurant-site-footer .copyright-info p {
  color: #8a8a8a;
}

/*--------------------------------------------------------------
	#home restaurant
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#14.0	restaurant-about-section
--------------------------------------------------------------*/
.restaurant-about-section .video-holder {
  position: relative;
}

@media screen and (min-width: 1200px) {
  .restaurant-about-section .video-holder {
    width: calc(100% - 70px);
  }
}

@media (max-width: 991px) {
  .restaurant-about-section .video-holder {
    max-width: 480px;
  }
}

.restaurant-about-section .video-holder img {
  border: 10px solid #f0f0f0;
}

.restaurant-about-section .video-holder .video-btn {
  background-color: #fa372c;
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 18px;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  .restaurant-about-section .video-holder .video-btn {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}

@media screen and (min-width: 1200px) {
  .restaurant-about-section .about-text-wrapper {
    margin-top: 30px;
    margin-left: -33px;
  }
}

@media (max-width: 991px) {
  .restaurant-about-section .about-text-wrapper {
    margin-top: 45px;
  }
}

.restaurant-about-section .about-text p {
  line-height: 1.8em;
  color: #8b8e94;
  margin-bottom: 3em;
}

@media (max-width: 991px) {
  .restaurant-about-section .about-text p {
    margin-bottom: 2em;
  }
}

/*--------------------------------------------------------------
#14.1	restaurant-cta-section
--------------------------------------------------------------*/
.restaurant-cta-section {
  background: url("../images/restaurant/cta-bg.jpg") center center/cover no-repeat fixed;
  height: 415px;
}

@media (max-width: 991px) {
  .restaurant-cta-section {
    height: 300px;
  }
}

/*--------------------------------------------------------------
#14.2	restaurant-menu-section
--------------------------------------------------------------*/
.restaurant-menu-section {
  padding-bottom: 40px;
}

@media (max-width: 991px) {
  .restaurant-menu-section {
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .restaurant-menu-section {
    padding-bottom: 20px;
  }
}

.restaurant-menu-section .tablinks {
  text-align: center;
  position: relative;
  margin-bottom: 55px;
}

.restaurant-menu-section .tablinks:after {
  content: "";
  background-color: #fa372c;
  width: 80%;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: 5px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 1199px) {
  .restaurant-menu-section .tablinks:after {
    width: 90%;
  }
}

.restaurant-menu-section .tablinks ul {
  display: inline-block;
  list-style: none;
  overflow: hidden;
}

.restaurant-menu-section .tablinks ul li {
  float: left;
}

@media (max-width: 767px) {
  .restaurant-menu-section .tablinks ul li {
    float: none;
  }
}

.restaurant-menu-section .tablinks ul a {
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  font-size: 1.13333rem;
  font-weight: 500;
  color: #333;
  padding: 5px 24px;
  display: inline-block;
}

@media (max-width: 991px) {
  .restaurant-menu-section .tablinks ul a {
    font-size: 15px;
    font-size: 1rem;
    padding: 5px 15px;
  }
}

@media (max-width: 767px) {
  .restaurant-menu-section .tablinks ul a {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.restaurant-menu-section .tablinks .active a {
  background-color: #fa372c;
  color: #fff;
  border-radius: 40px;
}

.restaurant-menu-section .menu-grids {
  overflow: hidden;
  margin: 0 -15px;
}

.restaurant-menu-section .menu-grids .grid {
  width: 50%;
  float: left;
  padding: 0 15px 62px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .restaurant-menu-section .menu-grids .grid {
    width: 100%;
    float: none;
    padding: 0 15px 50px;
  }
}

.restaurant-menu-section .menu-grids .img-holder {
  width: 100px;
  float: left;
}

@media (max-width: 767px) {
  .restaurant-menu-section .menu-grids .img-holder {
    width: 80px;
  }
}

.restaurant-menu-section .menu-grids .img-holder img {
  border-radius: 50%;
}

.restaurant-menu-section .menu-grids .details {
  width: calc(100% - 100px);
  float: left;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .restaurant-menu-section .menu-grids .details {
    width: calc(100% - 80px);
    padding-left: 15px;
  }
}

.restaurant-menu-section .menu-grids .details h3 {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 1.3em;
  text-transform: uppercase;
  line-height: 1.3em;
}

@media (max-width: 1199px) {
  .restaurant-menu-section .menu-grids .details h3 {
    font-size: 17px;
    font-size: 1.13333rem;
  }
}

@media (max-width: 767px) {
  .restaurant-menu-section .menu-grids .details h3 {
    font-size: 15px;
    font-size: 1rem;
  }
}

.restaurant-menu-section .menu-grids .itemname-price {
  position: relative;
  padding-right: 45px;
}

.restaurant-menu-section .menu-grids .price {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fa372c;
  position: absolute;
  right: 0;
  top: -7px;
}

@media (max-width: 1199px) {
  .restaurant-menu-section .menu-grids .price {
    font-size: 18px;
    font-size: 1.2rem;
    top: -4px;
  }
}

@media (max-width: 767px) {
  .restaurant-menu-section .menu-grids .price {
    font-size: 16px;
    font-size: 1.06667rem;
    top: -2px;
  }
}

.restaurant-menu-section .menu-grids .details p {
  color: #999;
}

/*--------------------------------------------------------------
#14.3	restaurant-cta-s2
--------------------------------------------------------------*/
.restaurant-cta-s2 {
  background: url("../images/restaurant/cta-s2-bg.jpg") center center/cover no-repeat fixed;
}

.restaurant-cta-s2 .cta-text p {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 0.67em;
}

@media (max-width: 991px) {
  .restaurant-cta-s2 .cta-text p {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 767px) {
  .restaurant-cta-s2 .cta-text p {
    font-size: 15px;
    font-size: 1rem;
  }
}

.restaurant-cta-s2 .cta-text h2 {
  font-family: "Pacifico", cursive;
  font-size: 60px;
  font-size: 4rem;
  color: #fff;
  margin: 0 0 0.6em;
}

@media (max-width: 991px) {
  .restaurant-cta-s2 .cta-text h2 {
    font-size: 50px;
    font-size: 3.33333rem;
  }
}

@media (max-width: 767px) {
  .restaurant-cta-s2 .cta-text h2 {
    font-size: 40px;
    font-size: 2.66667rem;
  }
}

/*--------------------------------------------------------------
#14.4	reserve-table-form
--------------------------------------------------------------*/
.restaurant-reserve-table {
  padding-bottom: 80px;
}

@media (max-width: 991px) {
  .restaurant-reserve-table {
    padding-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .restaurant-reserve-table {
    padding-bottom: 50px;
  }
}

.restaurant-reserve-table .reserve-table-form {
  margin: 0 -15px;
}

.restaurant-reserve-table .reserve-table-form .input-box {
  width: 33.33%;
  float: left;
  padding: 0 15px 20px;
}

@media (max-width: 991px) {
  .restaurant-reserve-table .reserve-table-form .input-box {
    width: 50%;
  }
}

@media (max-width: 600px) {
  .restaurant-reserve-table .reserve-table-form .input-box {
    width: 100%;
    float: none;
  }
}

.restaurant-reserve-table .reserve-table-form .input-box > div {
  position: relative;
}

.restaurant-reserve-table .reserve-table-form .input-box > span {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #aeaeb0;
  margin-bottom: 6px;
  display: block;
}

@media (max-width: 991px) {
  .restaurant-reserve-table .reserve-table-form .input-box > span {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.restaurant-reserve-table .reserve-table-form .input-box input,
.restaurant-reserve-table .reserve-table-form .input-box select {
  background-color: transparent;
  width: 100%;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #999;
  height: 45px;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  cursor: pointer;
}

@media (max-width: 991px) {
  .restaurant-reserve-table .reserve-table-form .input-box input,
  .restaurant-reserve-table .reserve-table-form .input-box select {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

@media (max-width: 767px) {
  .restaurant-reserve-table .reserve-table-form .input-box input,
  .restaurant-reserve-table .reserve-table-form .input-box select {
    height: 40px;
  }
}

.restaurant-reserve-table .reserve-table-form .input-box select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

.restaurant-reserve-table .reserve-table-form .input-box label {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.restaurant-reserve-table .reserve-table-form .input-box label i {
  color: #aeaeb0;
}

/*--------------------------------------------------------------
#14.5	restaurant-gallery-section
--------------------------------------------------------------*/
.restaurant-gallery-section {
  background-color: #f6f6f8;
}

.restaurant-gallery-section .restaurant-section-title, .restaurant-gallery-section .restaurant-section-title-s2 {
  padding-right: 50px;
}

@media (max-width: 1199px) {
  .restaurant-gallery-section .restaurant-section-title, .restaurant-gallery-section .restaurant-section-title-s2 {
    padding-right: 15px;
  }
}

.restaurant-gallery-section .restaurant-section-title p, .restaurant-gallery-section .restaurant-section-title-s2 p {
  margin: 20px 0 2em;
}

@media (max-width: 1199px) {
  .restaurant-gallery-section .restaurant-section-title p, .restaurant-gallery-section .restaurant-section-title-s2 p {
    margin: 15px 0 0;
  }
}

@media (max-width: 1199px) {
  .restaurant-gallery-section .restaurant-section-title h2, .restaurant-gallery-section .restaurant-section-title-s2 h2 {
    font-size: 30px;
    font-size: 2rem;
    margin: 0 0 7px;
  }
}

@media (max-width: 767px) {
  .restaurant-gallery-section .restaurant-section-title h2, .restaurant-gallery-section .restaurant-section-title-s2 h2 {
    font-size: 26px;
    font-size: 1.73333rem;
  }
}

.restaurant-gallery-section .restaurant-gallery-grids .grid-item {
  width: 25%;
  float: left;
  overflow: hidden;
}

@media (max-width: 991px) {
  .restaurant-gallery-section .restaurant-gallery-grids .grid-item {
    width: 33.33%;
  }
}

@media (max-width: 620px) {
  .restaurant-gallery-section .restaurant-gallery-grids .grid-item {
    width: 50%;
  }
}

@media (max-width: 400px) {
  .restaurant-gallery-section .restaurant-gallery-grids .grid-item {
    width: 100%;
  }
}

.restaurant-gallery-section .grid-item .details {
  background-color: rgba(250, 55, 44, 0.7);
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  position: absolute;
  left: 12px;
  top: 50px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.restaurant-gallery-section .grid-item .details ul {
  list-style: none;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.restaurant-gallery-section .grid-item .details ul li {
  float: left;
}

.restaurant-gallery-section .grid-item .details ul > li + li {
  margin-left: 10px;
}

.restaurant-gallery-section .grid-item .details ul li a {
  font-size: 18px;
  font-size: 1.2rem;
  color: #fff;
}

.restaurant-gallery-section .grid-item:hover .details {
  top: 12px;
  opacity: 1;
}

@media (max-width: 400px) {
  .restaurant-gallery-section .grid-item > img {
    width: 100%;
  }
}

/*--------------------------------------------------------------
#14.6	restaurant-chefs-section
--------------------------------------------------------------*/
@media screen and (min-width: 1200px) {
  .restaurant-chefs-section {
    padding-bottom: 123px;
  }
}

.restaurant-chefs-section .chefs-grids {
  text-align: center;
}

.restaurant-chefs-section .chefs-grids img {
  width: auto;
  display: inline-block;
}

.restaurant-chefs-section .chefs-grids .grid {
  margin: 5px;
}

.restaurant-chefs-section .chefs-grids .grid img {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.restaurant-chefs-section .grid .details {
  padding: 30px 15px;
}

.restaurant-chefs-section .grid .details h3 {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  margin: 0 0 0.63em;
}

@media (max-width: 991px) {
  .restaurant-chefs-section .grid .details h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.restaurant-chefs-section .grid .details .post {
  display: block;
  color: #999;
  padding-bottom: 12px;
  margin-bottom: 15px;
  position: relative;
}

.restaurant-chefs-section .grid .details .post:after {
  content: "";
  background-color: #fa372c;
  width: 20%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.restaurant-chefs-section .grid .details ul {
  display: inline-block;
  overflow: hidden;
  list-style: none;
}

.restaurant-chefs-section .grid .details ul li {
  float: left;
}

.restaurant-chefs-section .grid .details ul > li + li {
  margin-left: 15px;
}

@media (max-width: 991px) {
  .restaurant-chefs-section .grid .details ul > li + li {
    margin-left: 10px;
  }
}

.restaurant-chefs-section .grid .details ul li a {
  font-size: 18px;
  font-size: 1.2rem;
  color: #333;
}

@media (max-width: 991px) {
  .restaurant-chefs-section .grid .details ul li a {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.restaurant-chefs-section .grid .details ul li a:hover {
  color: #fa372c;
}

@media screen and (min-width: 1200px) {
  .restaurant-chefs-section .owl-controls {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
  }
}

@media (max-width: 1199px) {
  .restaurant-chefs-section .owl-controls .owl-nav {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .restaurant-chefs-section .owl-controls .owl-nav .owl-prev,
  .restaurant-chefs-section .owl-controls .owl-nav .owl-next {
    background-color: #e7eaed;
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 24px;
    color: #333;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .restaurant-chefs-section .owl-controls .owl-nav .owl-prev:hover,
  .restaurant-chefs-section .owl-controls .owl-nav .owl-next:hover {
    background-color: #fa372c;
    color: #fff;
  }
}

@media screen and (min-width: 1200px) {
  .restaurant-chefs-section .owl-controls .owl-nav .owl-prev {
    left: -110px;
  }
}

@media screen and (min-width: 1200px) {
  .restaurant-chefs-section .owl-controls .owl-nav .owl-next {
    right: -110px;
  }
}

.restaurant-chefs-section .owl-controls .owl-dots {
  position: absolute;
  width: 100%;
  bottom: -35px;
}

.restaurant-chefs-section .owl-controls .owl-dots .owl-dot span {
  background-color: #dbdbdb;
  width: 12px;
  height: 12px;
}

.restaurant-chefs-section .owl-controls .owl-dots .active span {
  background-color: #fa372c;
}

/*--------------------------------------------------------------
#14.7	restaurant-testimonials-section
--------------------------------------------------------------*/
.restaurant-testimonials-section {
  background: url("../images/restaurant/testimonials-bg.jpg") center center/cover no-repeat fixed;
}

.restaurant-testimonials-section .restaurant-section-title h2, .restaurant-testimonials-section .restaurant-section-title-s2 h2 {
  color: #fff;
}

.restaurant-testimonials-section .testimonials-grids {
  margin-top: 25px;
}

@media (max-width: 767px) {
  .restaurant-testimonials-section .testimonials-grids {
    margin-top: 15px;
  }
}

.restaurant-testimonials-section .testimonials-grids img {
  width: auto;
}

.restaurant-testimonials-section .grid {
  background-color: #fff;
  padding: 32px 34px;
  border-radius: 10px;
  position: relative;
}

@media (max-width: 767px) {
  .restaurant-testimonials-section .grid {
    padding: 20px 20px 30px;
  }
}

.restaurant-testimonials-section .grid:after {
  content: "";
  background: url("../images/restaurant/testimonials/quote.png") center center/auto no-repeat local;
  width: 43px;
  height: 37px;
  position: absolute;
  right: 34px;
  top: 32px;
}

@media (max-width: 991px) {
  .restaurant-testimonials-section .grid:after {
    display: none;
  }
}

.restaurant-testimonials-section .grid h3 {
  font-size: 18px;
  font-size: 1.2rem;
  color: #333;
  font-weight: 500;
  margin: 0 0 0.56em;
}

@media (max-width: 767px) {
  .restaurant-testimonials-section .grid h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.restaurant-testimonials-section .grid .rating {
  margin-bottom: 12px;
}

.restaurant-testimonials-section .grid .rating i {
  color: #fa372c;
}

@media (max-width: 767px) {
  .restaurant-testimonials-section .grid .rating i {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

.restaurant-testimonials-section .grid p {
  color: #999;
  margin-bottom: 1em;
}

.restaurant-testimonials-section .client {
  position: relative;
  padding-left: 45px;
}

.restaurant-testimonials-section .client img {
  position: absolute;
  left: 0;
  border-radius: 50%;
}

.restaurant-testimonials-section .client h4 {
  font-size: 15px;
  font-size: 1rem;
  color: #333;
  font-weight: 500;
  margin: 0;
  padding-top: 9px;
}

@media (max-width: 767px) {
  .restaurant-testimonials-section .client h4 {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

.restaurant-testimonials-section .owl-controls {
  margin-top: 60px;
}

.restaurant-testimonials-section .owl-nav {
  width: 100%;
  position: absolute;
}

@media (max-width: 1199px) {
  .restaurant-testimonials-section .owl-nav {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .restaurant-testimonials-section .owl-controls .owl-nav .owl-prev,
  .restaurant-testimonials-section .owl-controls .owl-nav .owl-next {
    background-color: #e7eaed;
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 24px;
    color: #333;
    border-radius: 50%;
    position: relative;
    z-index: 10;
  }
  .restaurant-testimonials-section .owl-controls .owl-nav .owl-prev:hover,
  .restaurant-testimonials-section .owl-controls .owl-nav .owl-next:hover {
    background-color: #fa372c;
    color: #fff;
  }
}

.restaurant-testimonials-section .owl-controls .owl-nav .owl-prev {
  margin-right: 170px;
}

.restaurant-testimonials-section .owl-controls .owl-dots {
  position: relative;
  padding-top: 20px;
}

@media (max-width: 1199px) {
  .restaurant-testimonials-section .owl-controls .owl-dots {
    padding-top: 0;
  }
}

.restaurant-testimonials-section .owl-controls .owl-dots .owl-dot span {
  background-color: #dbdbdb;
  width: 12px;
  height: 12px;
}

.restaurant-testimonials-section .owl-controls .owl-dots .active span {
  background-color: #fa372c;
}

/*--------------------------------------------------------------
#14.8	restaurant-site-footer
--------------------------------------------------------------*/
.restaurant-site-footer .twitter-feed-widget a {
  color: #fa372c;
}

.restaurant-site-footer .twitter-feed-widget a:hover {
  color: #f91f13;
}

/*--------------------------------------------------------------
	#home photography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#15.0	photography-about-section
--------------------------------------------------------------*/
.photography-about-section {
  padding: 150px 0 250px;
  position: relative;
}

@media (max-width: 991px) {
  .photography-about-section {
    padding: 100px 0;
  }
}

.photography-about-section .img-holder {
  padding: 100px 0 0 60px;
  position: relative;
}

.photography-about-section .img-holder img {
  position: relative;
  z-index: 10;
  -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
}

.photography-about-section .img-holder:before {
  content: "";
  background-color: #3a5cef;
  width: calc(100% - 190px);
  height: calc(100% + 100px);
  position: absolute;
  left: 0;
  top: 0;
}

.photography-about-section .about-text {
  padding-top: 68px;
  margin-left: -110px;
  position: relative;
  z-index: 10;
}

@media (max-width: 991px) {
  .photography-about-section .about-text {
    margin: 70px 0 0;
  }
}

.photography-about-section .about-text h3 {
  font-size: 15px;
  font-size: 1rem;
  font-weight: normal;
  color: #555555;
  margin: 0 0 2.47em;
}

@media (max-width: 991px) {
  .photography-about-section .about-text h3 {
    margin: 0 0 1.5em;
  }
}

.photography-about-section .about-text h3:first-letter {
  font-size: 36px;
  font-size: 2.4rem;
  font-weight: 500;
  color: #000001;
}

.photography-about-section .about-text p {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.8em;
  margin-bottom: 1.5em;
}

@media (max-width: 991px) {
  .photography-about-section .about-text p {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.photography-about-section .about-text p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
#15.1	photography-gallery
--------------------------------------------------------------*/
.photography-gallery {
  padding: 0 0 150px;
}

@media screen and (min-width: 992px) {
  .photography-gallery {
    margin-top: -20px;
  }
}

@media (max-width: 991px) {
  .photography-gallery {
    padding: 0 0 80px;
  }
}

.photography-gallery .photography-section-title {
  position: static;
  text-align: right;
}

.photography-gallery .photography-section-title h2 {
  margin: 0 0 0.3em;
}

.photography-gallery .gallery-title {
  font-family: "Poppins", sans-serif;
}

.photography-gallery .gallery-title h3 {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000001;
  margin: 0 0 0.5em;
}

@media (max-width: 991px) {
  .photography-gallery .gallery-title h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.photography-gallery .gallery-title p {
  font-size: 15px;
  font-size: 1rem;
  color: #555;
  margin-bottom: 1.8em;
}

@media (max-width: 991px) {
  .photography-gallery .gallery-title p {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.photography-gallery .gallery-title ul {
  list-style: none;
  overflow: hidden;
}

.photography-gallery .gallery-title ul li {
  float: left;
}

.photography-gallery .gallery-title ul li i {
  display: inline-block;
  padding-right: 5px;
  color: #333;
}

.photography-gallery .gallery-title ul > li + li {
  margin-left: 20px;
}

.photography-gallery .first-row {
  padding-bottom: 120px;
}

@media (max-width: 991px) {
  .photography-gallery .first-row {
    padding-bottom: 73px;
  }
}

.photography-gallery .second-row {
  padding-bottom: 150px;
}

@media (max-width: 991px) {
  .photography-gallery .second-row {
    padding-bottom: 80px;
  }
}

.photography-gallery .first-row .gallery-title {
  padding: 220px 65px 0 0;
}

@media (max-width: 1199px) {
  .photography-gallery .first-row .gallery-title {
    padding: 140px 0 0;
  }
}

@media (max-width: 991px) {
  .photography-gallery .first-row .gallery-title {
    padding: 0;
    margin-bottom: 45px;
  }
}

.photography-gallery .first-row .gallery-grids {
  overflow: hidden;
  margin: 0 -15px;
}

.photography-gallery .first-row .gallery-grids .grids {
  width: calc(50% - 30px);
  float: left;
  margin: 0 15px;
}

@media (max-width: 767px) {
  .photography-gallery .first-row .gallery-grids .grids {
    width: calc(50% - 15px);
    float: left;
    margin: 0 7.5px;
  }
}

.photography-gallery .first-row .left-grids .img-grid {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .photography-gallery .first-row .left-grids .img-grid {
    margin-bottom: 15px;
  }
}

.photography-gallery .img-grid {
  position: relative;
  overflow: hidden;
}

.photography-gallery .img-grid .img-overlay {
  background-color: rgba(58, 92, 239, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  opacity: 0;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}

.photography-gallery .img-grid .img-overlay a {
  background: #fff url("../images/photography/gallery/img-link.png") center center/auto no-repeat local;
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #000;
  text-align: center;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 1199px) {
  .photography-gallery .img-grid .img-overlay a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}

@media (max-width: 767px) {
  .photography-gallery .img-grid .img-overlay a {
    background-size: 15px 15px;
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}

.photography-gallery .img-grid:hover .img-overlay {
  top: 0;
  opacity: 1;
}

.photography-gallery .second-row .gallery-title {
  padding: 180px 75px 0 0;
}

@media (max-width: 1199px) {
  .photography-gallery .second-row .gallery-title {
    padding: 130px 75px 0 0;
  }
}

@media (max-width: 991px) {
  .photography-gallery .second-row .gallery-title {
    padding: 0;
    margin-top: 45px;
  }
}

.photography-gallery .second-row .img-grid {
  max-width: 606px;
}

.photography-gallery .third-row .gallery-title {
  margin-top: 45px;
  text-align: center;
}

.photography-gallery .third-row .gallery-title ul {
  display: inline-block;
}

.photography-gallery .third-row .last-grid {
  max-width: 371px;
}

@media (max-width: 767px) {
  .photography-gallery .third-row .last-grid {
    margin-top: 30px;
  }
}

/*--------------------------------------------------------------
#15.2	photography-blog-section
--------------------------------------------------------------*/
.photography-blog-section .blog-grids img {
  width: auto;
}

.photography-blog-section .blog-grids .grid {
  position: relative;
}

.photography-blog-section .post-info {
  padding-left: 50px;
  position: absolute;
  top: 35px;
  left: 20px;
}

.photography-blog-section .post-info img {
  position: absolute;
  left: 0;
  border-radius: 50%;
}

.photography-blog-section .post-info h5,
.photography-blog-section .post-info span {
  color: #fff;
}

.photography-blog-section .post-info h5 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  margin: 0;
}

@media (max-width: 991px) {
  .photography-blog-section .post-info h5 {
    font-size: 15px;
    font-size: 1rem;
  }
}

.photography-blog-section .post-info > span {
  font-size: 12px;
  font-size: 0.8rem;
}

.photography-blog-section .entry-details {
  position: absolute;
  left: 37px;
  bottom: 60px;
  padding-right: 15px;
}

.photography-blog-section .entry-details h3 {
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 500;
  line-height: 1.37em;
  margin: 0 0 1.34em;
}

@media (max-width: 1199px) {
  .photography-blog-section .entry-details h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 991px) {
  .photography-blog-section .entry-details h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.photography-blog-section .entry-details h3 a {
  color: #fff;
}

.photography-blog-section .owl-controls {
  text-align: right;
  margin-top: 10px;
  padding-right: 40px;
}

.photography-blog-section .owl-controls .owl-nav .owl-next,
.photography-blog-section .owl-controls .owl-nav .owl-prev {
  background-color: transparent;
  padding: 0;
  color: #000;
  font-size: 25px;
  font-size: 1.66667rem;
}

@media (max-width: 991px) {
  .photography-blog-section .owl-controls .owl-nav .owl-next,
  .photography-blog-section .owl-controls .owl-nav .owl-prev {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.photography-blog-section .owl-controls .owl-nav .owl-next:hover,
.photography-blog-section .owl-controls .owl-nav .owl-prev:hover {
  background-color: transparent;
  color: #3a5cef;
}

.photography-blog-section .owl-controls .owl-nav .owl-prev {
  margin-right: 60px;
}

@media (max-width: 991px) {
  .photography-blog-section .owl-controls .owl-nav .owl-prev {
    margin-right: 40px;
  }
}

/*--------------------------------------------------------------
#15.3	photography-contact-section
--------------------------------------------------------------*/
.photography-contact-section {
  padding-top: 80px;
}

@media (max-width: 1199px) {
  .photography-contact-section {
    padding-bottom: 150px;
  }
}

@media (max-width: 991px) {
  .photography-contact-section {
    padding-bottom: 90px;
  }
}

.photography-contact-section .contact-grids {
  overflow: hidden;
}

.photography-contact-section .grid {
  width: 50%;
  float: left;
}

@media (max-width: 1199px) {
  .photography-contact-section .grid {
    width: 100%;
    float: none;
  }
}

.photography-contact-section .contact-form-grid .inner {
  max-width: 570px;
  margin-left: auto;
  padding: 230px 35px 0 0;
}

@media (max-width: 1199px) {
  .photography-contact-section .contact-form-grid .inner {
    max-width: 700px;
    padding: 0 35px;
    margin: 150px 0 100px;
  }
}

@media (max-width: 991px) {
  .photography-contact-section .contact-form-grid .inner {
    max-width: 100%;
    padding: 0 35px;
    margin: 100px 0;
  }
}

@media (max-width: 767px) {
  .photography-contact-section .contact-form-grid .inner {
    padding: 0 15px;
    margin: 80px 0;
  }
}

.photography-contact-section .contact-title > span {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  color: #999;
}

.photography-contact-section .contact-title h3 {
  font-size: 24px;
  font-size: 1.6rem;
  color: #000001;
  margin: 0 0 1em;
}

.photography-contact-section .contact-form {
  padding-top: 10px;
}

.photography-contact-section .contact-form form {
  overflow: hidden;
  margin: 0 -15px;
}

.photography-contact-section .contact-form form ::-webkit-input-placeholder {
  font-style: 15px;
  font-style: normal;
  color: #555;
}

.photography-contact-section .contact-form form :-moz-placeholder {
  font-style: 15px;
  font-style: normal;
  color: #555;
}

.photography-contact-section .contact-form form ::-moz-placeholder {
  font-style: 15px;
  font-style: normal;
  color: #555;
}

.photography-contact-section .contact-form form :-ms-input-placeholder {
  font-style: 15px;
  font-style: normal;
  color: #555;
}

.photography-contact-section .contact-form form > div {
  width: 50%;
  float: left;
  padding: 0 15px;
  margin-bottom: 18px;
}

@media (max-width: 550px) {
  .photography-contact-section .contact-form form > div {
    width: 100%;
  }
}

.photography-contact-section .contact-form input,
.photography-contact-section .contact-form textarea {
  font-size: 15px;
  font-size: 1rem;
  color: #555;
  height: 50px;
  padding: 6px 0;
  border: 0;
  border-bottom: 1px solid #9c9c9c;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 767px) {
  .photography-contact-section .contact-form input,
  .photography-contact-section .contact-form textarea {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.photography-contact-section .contact-form textarea {
  height: 105px;
}

.photography-contact-section .contact-form .message-area,
.photography-contact-section .contact-form .submit-btn-wrapper {
  width: 100%;
  float: none;
}

.photography-contact-section .contact-form .submit-btn-wrapper {
  margin: 60px 0 0;
}

@media (max-width: 767px) {
  .photography-contact-section .contact-form .submit-btn-wrapper {
    margin: 40px 0 0;
  }
}

.photography-contact-section .contact-form .submit-btn-wrapper button {
  font-family: "Poppins", sans-serif;
  background-color: #3a5cef;
  width: 100%;
  height: 45px;
  line-height: 45px;
  font-size: 15px;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.photography-contact-section .contact-form .submit-btn-wrapper button:hover {
  background-color: #123ae4;
}

.photography-contact-section .contact-map-grid {
  background-color: red;
  height: 950px;
  position: relative;
}

@media (max-width: 1199px) {
  .photography-contact-section .contact-map-grid {
    height: 450px;
  }
}

@media (max-width: 991px) {
  .photography-contact-section .contact-map-grid {
    height: 350px;
  }
}

.photography-contact-section .photography-contact-map {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

/*--------------------------------------------------------------
	#home agency
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#16.0 agency-services-section
--------------------------------------------------------------*/
.agency-services-section {
  padding: 120px 0 75px;
}

@media (max-width: 991px) {
  .agency-services-section {
    padding: 100px 0 55px;
  }
}

@media (max-width: 767px) {
  .agency-services-section {
    padding: 80px 0 35px;
  }
}

.agency-services-section .service-text p {
  margin-bottom: 2.3em;
}

.agency-services-section .services-grid {
  overflow: hidden;
  margin: 0 -15px;
}

@media (max-width: 991px) {
  .agency-services-section .services-grid {
    margin-top: 60px;
  }
}

.agency-services-section .services-grid .grid {
  width: 50%;
  float: left;
  text-align: center;
  padding: 8px 15px 35px;
}

@media (max-width: 600px) {
  .agency-services-section .services-grid .grid {
    width: 100%;
    float: none;
    text-align: left;
  }
}

.agency-services-section .grid .icon {
  background-color: #fff;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin: 0 auto 25px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 8px rgba(182, 182, 183, 0.6);
  box-shadow: 0 0 8px rgba(182, 182, 183, 0.6);
}

@media (max-width: 600px) {
  .agency-services-section .grid .icon {
    margin: 0 0 25px;
  }
}

.agency-services-section .grid h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0 0 0.56em;
}

@media (max-width: 767px) {
  .agency-services-section .grid h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.agency-services-section .grid p {
  margin: 0;
}

/*--------------------------------------------------------------
#16.1 agency-about-section
--------------------------------------------------------------*/
.agency-about-section {
  padding: 45px 0;
  position: relative;
  /*** right-grid ***/
}

.agency-about-section:before {
  content: "";
  background-color: #f8f8f8;
  width: 70%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.agency-about-section .about-grids {
  overflow: hidden;
}

.agency-about-section .about-grids .left-grid {
  width: calc(50% - 140px);
  float: left;
  padding: 15px 0;
  position: relative;
}

@media (max-width: 991px) {
  .agency-about-section .about-grids .left-grid {
    width: 100%;
    float: none;
    padding: 0 15px;
  }
}

.agency-about-section .about-grids .right-grid {
  width: calc(50% + 140px);
  float: left;
  position: relative;
}

@media (max-width: 991px) {
  .agency-about-section .about-grids .right-grid {
    width: 100%;
    float: none;
  }
}

.agency-about-section .right-grid .inner {
  max-width: 735px;
  margin-right: auto;
  padding: 65px 0 0 65px;
}

@media (max-width: 1199px) {
  .agency-about-section .right-grid .inner {
    padding: 15px 0 0 45px;
  }
}

@media (max-width: 991px) {
  .agency-about-section .right-grid .inner {
    padding: 45px 0 0 15px;
  }
}

.agency-about-section .video-holder {
  position: relative;
}

@media (max-width: 991px) {
  .agency-about-section .video-holder {
    max-width: 812px;
  }
}

.agency-about-section .video-holder a {
  background: #9f20ff;
  background: -webkit-linear-gradient(left, #4357fb, #9f20ff);
  background: -moz-linear-gradient(left, #4357fb, #9f20ff);
  background: -o-linear-gradient(left, #4357fb, #9f20ff);
  background: -ms-linear-gradient(left, #4357fb, #9f20ff);
  background: -webkit-gradient(linear, left top, right top, from(#4357fb), to(#9f20ff));
  background: linear-gradient(left, #4357fb, #9f20ff);
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 1199px) {
  .agency-about-section .video-holder a {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}

.agency-about-section .video-holder a:before {
  content: "";
  background: #9f20ff;
  background: -webkit-linear-gradient(left, #4357fb, #9f20ff);
  background: -moz-linear-gradient(left, #4357fb, #9f20ff);
  background: -o-linear-gradient(left, #4357fb, #9f20ff);
  background: -ms-linear-gradient(left, #4357fb, #9f20ff);
  background: -webkit-gradient(linear, left top, right top, from(#4357fb), to(#9f20ff));
  background: linear-gradient(left, #4357fb, #9f20ff);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: -1;
  -webkit-animation: video-icon-animation 1.4s linear infinite;
  animation: video-icon-animation 1.4s linear infinite;
}

@media (max-width: 1199px) {
  .agency-about-section .video-holder a:before {
    width: 60px;
    height: 60px;
  }
}

.agency-about-section .video-holder a:after {
  content: "";
  background: #9f20ff;
  background: -webkit-linear-gradient(left, #4357fb, #9f20ff);
  background: -moz-linear-gradient(left, #4357fb, #9f20ff);
  background: -o-linear-gradient(left, #4357fb, #9f20ff);
  background: -ms-linear-gradient(left, #4357fb, #9f20ff);
  background: -webkit-gradient(linear, left top, right top, from(#4357fb), to(#9f20ff));
  background: linear-gradient(left, #4357fb, #9f20ff);
  width: 90px;
  height: 90px;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: -1;
  -webkit-animation: video-icon-animation 1.4s 0.7s linear infinite;
  animation: video-icon-animation 1.4s 0.7s linear infinite;
}

@media (max-width: 1199px) {
  .agency-about-section .video-holder a:after {
    width: 70px;
    height: 70px;
  }
}

.agency-about-section .video-holder img {
  border-radius: 0 10px 10px 0;
  -webkit-box-shadow: 0 1px 27px rgba(182, 182, 183, 0.8);
  box-shadow: 0 1px 27px rgba(182, 182, 183, 0.8);
}

@-webkit-keyframes video-icon-animation {
  from {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0;
  }
}

@keyframes video-icon-animation {
  from {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0;
  }
}

.agency-about-section .right-grid .about-text {
  padding-right: 220px;
}

@media (max-width: 1199px) {
  .agency-about-section .right-grid .about-text {
    padding-right: 0;
  }
}

.agency-about-section .fun-fact-grids {
  background-color: #fff;
  padding: 30px 35px;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
  margin: 65px 0 15px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .agency-about-section .fun-fact-grids {
    margin: 45px 15px 15px 0;
  }
}

.agency-about-section .fun-fact-grids .grid {
  width: 33.33%;
  float: left;
  position: relative;
  padding-left: 60px;
}

@media (max-width: 650px) {
  .agency-about-section .fun-fact-grids .grid {
    width: 100%;
    float: none;
  }
}

@media (max-width: 650px) {
  .agency-about-section .fun-fact-grids > .grid + .grid {
    margin-top: 30px;
  }
}

.agency-about-section .fun-fact-grids .icon {
  position: absolute;
  left: 0;
}

.agency-about-section .fun-fact-grids .grid h3 {
  font-size: 30px;
  font-size: 2rem;
  margin: 0;
}

@media (max-width: 991px) {
  .agency-about-section .fun-fact-grids .grid h3 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .agency-about-section .fun-fact-grids .grid h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.agency-about-section .fun-fact-grids .grid > span {
  font-size: 12px;
  font-size: 0.8rem;
}

/*--------------------------------------------------------------
#16.2 agency-portfolio-section
--------------------------------------------------------------*/
.agency-portfolio-section {
  padding: 120px 0 0;
}

@media (max-width: 991px) {
  .agency-portfolio-section {
    padding: 100px 0 0;
  }
}

@media (max-width: 767px) {
  .agency-portfolio-section {
    padding: 80px 0 0;
  }
}

.agency-portfolio-section .portfolio-grids {
  overflow: hidden;
  margin: 0 -3px;
}

.agency-portfolio-section .portfolio-grids .grid-item {
  width: 25%;
  float: left;
  padding: 0 3px 6px;
}

@media (max-width: 991px) {
  .agency-portfolio-section .portfolio-grids .grid-item {
    width: 33.33%;
  }
}

@media (max-width: 767px) {
  .agency-portfolio-section .portfolio-grids .grid-item {
    width: 50%;
  }
}

@media (max-width: 500px) {
  .agency-portfolio-section .portfolio-grids .grid-item {
    width: 100%;
    float: none;
  }
}

.agency-portfolio-section .portfolio-list {
  text-align: center;
  margin-bottom: 30px;
}

.agency-portfolio-section .portfolio-list ul {
  list-style: none;
  display: inline-block;
  overflow: hidden;
}

.agency-portfolio-section .portfolio-list ul li {
  float: left;
}

@media (max-width: 767px) {
  .agency-portfolio-section .portfolio-list ul li {
    float: none;
  }
}

.agency-portfolio-section .portfolio-list ul > li + li {
  margin-left: 55px;
  position: relative;
}

@media (max-width: 991px) {
  .agency-portfolio-section .portfolio-list ul > li + li {
    margin-left: 35px;
  }
}

@media (max-width: 767px) {
  .agency-portfolio-section .portfolio-list ul > li + li {
    margin: 8px 0 0 0;
  }
}

.agency-portfolio-section .portfolio-list ul > li + li:before {
  content: "/";
  color: #6a7382;
  position: absolute;
  left: -28px;
  top: 0;
}

@media (max-width: 991px) {
  .agency-portfolio-section .portfolio-list ul > li + li:before {
    left: -18px;
  }
}

@media (max-width: 767px) {
  .agency-portfolio-section .portfolio-list ul > li + li:before {
    display: none;
  }
}

.agency-portfolio-section .portfolio-list ul li a {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #6a7382;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .agency-portfolio-section .portfolio-list ul li a {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.agency-portfolio-section .grid-item .inner {
  position: relative;
}

.agency-portfolio-section .grid-item .inner:before {
  content: "";
  background-color: #9f20ff;
  background: -webkit-linear-gradient(left, rgba(67, 87, 251, 0.9), rgba(159, 32, 255, 0.9));
  background: -moz-linear-gradient(left, rgba(67, 87, 251, 0.9), rgba(159, 32, 255, 0.9));
  background: -o-linear-gradient(left, rgba(67, 87, 251, 0.9), rgba(159, 32, 255, 0.9));
  background: -ms-linear-gradient(left, rgba(67, 87, 251, 0.9), rgba(159, 32, 255, 0.9));
  background: -webkit-gradient(linear, left top, right top, from(rgba(67, 87, 251, 0.9)), to(rgba(159, 32, 255, 0.9)));
  background: linear-gradient(left, rgba(67, 87, 251, 0.9), rgba(159, 32, 255, 0.9));
  width: calc(100% - 22px);
  height: calc(100% - 22px);
  position: absolute;
  left: 11px;
  top: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.agency-portfolio-section .grid-item .details {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: -20%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.agency-portfolio-section .grid-item .details ul {
  list-style: none;
  display: inline-block;
}

.agency-portfolio-section .grid-item .details ul li {
  float: left;
}

.agency-portfolio-section .grid-item .details ul li a {
  background-color: #fff;
  font-size: 20px;
  font-size: 1.33333rem;
  color: #3d4149;
  padding: 8px 20px 5px;
  display: inline-block;
}

@media (max-width: 1199px) {
  .agency-portfolio-section .grid-item .details ul li a {
    font-size: 15px;
    font-size: 1rem;
    padding: 8px 13px 5px;
  }
}

@media (max-width: 767px) {
  .agency-portfolio-section .grid-item .details ul li a {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 8px 13px 5px;
  }
}

.agency-portfolio-section .grid-item .details ul li:first-child a {
  border-radius: 25px 0 0 25px;
}

.agency-portfolio-section .grid-item .details ul li:last-child a {
  border-radius: 0 25px 25px 0;
}

.agency-portfolio-section .grid-item .details ul > li + li {
  margin-left: 1px;
}

.agency-portfolio-section .grid-item .details h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  margin: 10px 0 0;
  color: #fff;
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  .agency-portfolio-section .grid-item .details h3 {
    font-size: 15px;
    font-size: 1rem;
  }
}

.agency-portfolio-section .grid-item:hover .details {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}

.agency-portfolio-section .grid-item:hover .inner:before {
  top: 11px;
  opacity: 1;
  visibility: visible;
}

/*--------------------------------------------------------------
#16.3 agency-testimonials-section
--------------------------------------------------------------*/
.agency-testimonials-section {
  background-image: none;
  padding: 90px 0;
}

@media (max-width: 991px) {
  .agency-testimonials-section {
    padding: 70px 0;
  }
}

.agency-testimonials-section:before {
  display: none;
}

.agency-testimonials-section .client-quote p {
  font-family: "Poppins", sans-serif;
  color: #3d4149;
}

.agency-testimonials-section .client-info h3 {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 600;
  color: #3d4149;
}

@media (max-width: 991px) {
  .agency-testimonials-section .client-info h3 {
    font-size: 17px;
    font-size: 1.13333rem;
  }
}

.agency-testimonials-section .client-info h3 + p {
  color: #6a7382;
}

.agency-testimonials-section .grid:before {
  display: none;
}

.agency-testimonials-section .grid:after {
  content: "";
  background: url("../images/agency/quote.png") center center/auto no-repeat local;
  width: 30px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.agency-testimonials-section .owl-controls .owl-nav .owl-next,
.agency-testimonials-section .owl-controls .owl-nav .owl-prev {
  color: #3d4149;
}

.agency-testimonials-section .owl-controls .owl-nav .owl-next:hover,
.agency-testimonials-section .owl-controls .owl-nav .owl-prev:hover {
  color: #9f20ff;
}

@media (max-width: 991px) {
  .agency-testimonials-section .owl-controls .owl-nav .owl-next,
  .agency-testimonials-section .owl-controls .owl-nav .owl-prev {
    background: #9f20ff;
    color: #fff;
  }
  .agency-testimonials-section .owl-controls .owl-nav .owl-next:hover,
  .agency-testimonials-section .owl-controls .owl-nav .owl-prev:hover {
    background: #9407ff;
  }
}

/*--------------------------------------------------------------
#16.4 agency-newsletter-section
--------------------------------------------------------------*/
.agency-newsletter-section {
  background: url("../images/agency/newsletter-bg.jpg") center center/cover no-repeat fixed;
  padding: 120px 0;
}

@media (max-width: 991px) {
  .agency-newsletter-section {
    padding: 80px 0;
  }
}

@media (max-width: 767px) {
  .agency-newsletter-section {
    padding: 60px 0;
  }
}

.agency-newsletter-section h3 {
  font-size: 36px;
  font-size: 2.4rem;
  line-height: 1.17em;
  margin: 0 0 0.83em;
  padding-right: 45px;
}

@media (max-width: 991px) {
  .agency-newsletter-section h3 {
    font-size: 28px;
    font-size: 1.86667rem;
  }
}

@media (max-width: 767px) {
  .agency-newsletter-section h3 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.agency-newsletter-section form {
  padding-right: 35px;
}

.agency-newsletter-section form div {
  position: relative;
}

.agency-newsletter-section form button {
  font-family: "Poppins", sans-serif;
  background: #9f20ff;
  background: -webkit-linear-gradient(left, #4357fb, #9f20ff);
  background: -moz-linear-gradient(left, #4357fb, #9f20ff);
  background: -o-linear-gradient(left, #4357fb, #9f20ff);
  background: -ms-linear-gradient(left, #4357fb, #9f20ff);
  background: -webkit-gradient(linear, left top, right top, from(#4357fb), to(#9f20ff));
  background: linear-gradient(left, #4357fb, #9f20ff);
  width: 205px;
  height: 55px;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  border: 0;
  outline: 0;
  border-radius: 50px;
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 991px) {
  .agency-newsletter-section form button {
    width: 170px;
    height: 45px;
    font-size: 15px;
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .agency-newsletter-section form button {
    width: 120px;
    height: 40px;
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.agency-newsletter-section form button:hover {
  background: #4357fb;
  background: -webkit-linear-gradient(left, #9f20ff, #4357fb);
  background: -moz-linear-gradient(left, #9f20ff, #4357fb);
  background: -o-linear-gradient(left, #9f20ff, #4357fb);
  background: -ms-linear-gradient(left, #9f20ff, #4357fb);
  background: -webkit-gradient(linear, left top, right top, from(#9f20ff), to(#4357fb));
  background: linear-gradient(left, #9f20ff, #4357fb);
}

.agency-newsletter-section form input {
  background-color: transparent;
  height: 55px;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #6a7382;
  border: 2px solid #9f20ff;
  border-radius: 50px;
  padding: 6px 215px 6px 25px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 991px) {
  .agency-newsletter-section form input {
    height: 45px;
    padding: 6px 180px 6px 25px;
  }
}

@media (max-width: 767px) {
  .agency-newsletter-section form input {
    font-size: 15px;
    font-size: 1rem;
    height: 40px;
    padding: 6px 130px 6px 15px;
  }
}

/*--------------------------------------------------------------
#16.5 agency-team-section
--------------------------------------------------------------*/
.agency-team-section, .seo-team-section {
  padding: 120px 0 110px;
}

@media (max-width: 991px) {
  .agency-team-section, .seo-team-section {
    padding: 100px 0 90px;
  }
}

@media (max-width: 767px) {
  .agency-team-section, .seo-team-section {
    padding: 80px 0 70px;
  }
}

.agency-team-section .member-pic-social, .seo-team-section .member-pic-social {
  position: relative;
}

.agency-team-section .grid img, .seo-team-section .grid img {
  border-radius: 5px;
}

.agency-team-section .member-pic-social, .seo-team-section .member-pic-social {
  overflow: hidden;
}

.agency-team-section .member-pic-social .social, .seo-team-section .member-pic-social .social {
  width: 100%;
  padding: 40px 18px 20px;
  position: absolute;
  right: 0;
  bottom: -90px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 550px) {
  .agency-team-section .member-pic-social .social, .seo-team-section .member-pic-social .social {
    padding: 10px 15px;
    bottom: 0;
    opacity: 1;
    visibility: visible;
  }
}

.agency-team-section .member-pic-social .social:before, .seo-team-section .member-pic-social .social:before {
  content: "";
  background: rgba(159, 32, 255, 0.9);
  background: -webkit-linear-gradient(left, rgba(67, 87, 251, 0.9), rgba(159, 32, 255, 0.9));
  background: -moz-linear-gradient(left, rgba(67, 87, 251, 0.9), rgba(159, 32, 255, 0.9));
  background: -o-linear-gradient(left, rgba(67, 87, 251, 0.9), rgba(159, 32, 255, 0.9));
  background: -ms-linear-gradient(left, rgba(67, 87, 251, 0.9), rgba(159, 32, 255, 0.9));
  background: -webkit-gradient(linear, left top, right top, from(rgba(67, 87, 251, 0.9)), to(rgba(159, 32, 255, 0.9)));
  background: linear-gradient(left, rgba(67, 87, 251, 0.9), rgba(159, 32, 255, 0.9));
  width: 100%;
  height: 100%;
  border-radius: 0 0 5px 0;
  position: absolute;
  right: 0;
  bottom: -41px;
  -webkit-transform: skewY(-13deg);
  -ms-transform: skewY(-13deg);
  transform: skewY(-13deg);
}

@media (max-width: 550px) {
  .agency-team-section .member-pic-social .social:before, .seo-team-section .member-pic-social .social:before {
    bottom: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.agency-team-section .member-pic-social .social ul, .seo-team-section .member-pic-social .social ul {
  list-style: none;
  overflow: hidden;
  float: right;
  position: relative;
  z-index: 10;
}

.agency-team-section .member-pic-social .social ul li, .seo-team-section .member-pic-social .social ul li {
  float: left;
}

.agency-team-section .member-pic-social .social ul > li + li, .seo-team-section .member-pic-social .social ul > li + li {
  margin-left: 17px;
}

@media (max-width: 767px) {
  .agency-team-section .member-pic-social .social ul > li + li, .seo-team-section .member-pic-social .social ul > li + li {
    margin-left: 12px;
  }
}

.agency-team-section .member-pic-social .social ul a, .seo-team-section .member-pic-social .social ul a {
  font-size: 18px;
  font-size: 1.2rem;
  color: #fff;
}

@media (max-width: 767px) {
  .agency-team-section .member-pic-social .social ul a, .seo-team-section .member-pic-social .social ul a {
    font-size: 15px;
    font-size: 1rem;
  }
}

.agency-team-section .grid:hover .social, .seo-team-section .grid:hover .social {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}

.agency-team-section .grid .details, .seo-team-section .grid .details {
  padding: 20px 0;
}

.agency-team-section .grid .details h3, .seo-team-section .grid .details h3 {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 600;
  margin: 0 0 5px;
}

@media (max-width: 767px) {
  .agency-team-section .grid .details h3, .seo-team-section .grid .details h3 {
    font-size: 17px;
    font-size: 1.13333rem;
  }
}

.agency-team-section .grid .details h3 + span, .seo-team-section .grid .details h3 + span {
  color: #6a7382;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
}

.agency-team-section .grid .details p, .seo-team-section .grid .details p {
  margin: 0;
}

.agency-team-section .owl-controls, .seo-team-section .owl-controls {
  margin-top: 25px;
}

.agency-team-section .owl-controls .owl-dots .owl-dot.active span, .seo-team-section .owl-controls .owl-dots .owl-dot.active span,
.agency-team-section .owl-controls .owl-dots .owl-dot:hover span, .seo-team-section .owl-controls .owl-dots .owl-dot:hover span {
  background: #9f20ff;
  background: -webkit-linear-gradient(left, #4357fb, #9f20ff);
  background: -moz-linear-gradient(left, #4357fb, #9f20ff);
  background: -o-linear-gradient(left, #4357fb, #9f20ff);
  background: -ms-linear-gradient(left, #4357fb, #9f20ff);
  background: -webkit-gradient(linear, left top, right top, from(#4357fb), to(#9f20ff));
  background: linear-gradient(left, #4357fb, #9f20ff);
}

/*--------------------------------------------------------------
#16.6 agency-partners-section
--------------------------------------------------------------*/
.agency-partners-section {
  background: #4357fb;
  background: -webkit-linear-gradient(left, #4357fb, #9f20ff);
  background: -moz-linear-gradient(left, #4357fb, #9f20ff);
  background: -o-linear-gradient(left, #4357fb, #9f20ff);
  background: -ms-linear-gradient(left, #4357fb, #9f20ff);
  background: -webkit-gradient(linear, left top, right top, from(#4357fb), to(#9f20ff));
  background: linear-gradient(left, #4357fb, #9f20ff);
}

/*--------------------------------------------------------------
#16.7 agency-blog-section
--------------------------------------------------------------*/
.agency-blog-section {
  padding: 120px 0;
}

@media (max-width: 991px) {
  .agency-blog-section {
    padding: 100px 0;
  }
}

@media (max-width: 767px) {
  .agency-blog-section {
    padding: 80px 0;
  }
}

.agency-blog-section .news-grids .entry-header h3 a:hover {
  color: #4357fb;
}

.agency-blog-section .news-grids .entry-meta .read-more {
  color: #3d4149;
}

.agency-blog-section .news-grids .entry-meta .read-more:hover {
  color: #4357fb;
}

.agency-blog-section .news-grids .entry-meta .comments:hover {
  color: #4357fb;
}

/*--------------------------------------------------------------
#16.8 agency-contact-section
--------------------------------------------------------------*/
.agency-contact-section .contact-grids {
  overflow: hidden;
}

.agency-contact-section .left-grid {
  width: calc(50% - 190px);
  float: left;
  height: 500px;
  position: relative;
}

@media (max-width: 991px) {
  .agency-contact-section .left-grid {
    width: 100%;
    height: 300px;
    float: none;
  }
}

.agency-contact-section .right-grid {
  background: url("../images/agency/contact-form-bg.jpg") center center/cover no-repeat local;
  width: calc(50% + 190px);
  float: left;
  padding: 100px 0 100px 170px;
  position: relative;
}

@media (max-width: 991px) {
  .agency-contact-section .right-grid {
    width: 100%;
    float: none;
    padding: 70px 50px;
  }
}

@media (max-width: 767px) {
  .agency-contact-section .right-grid {
    padding: 50px 20px;
  }
}

.agency-contact-section .right-grid:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.agency-contact-section .contact-map {
  width: calc(100% + 100px);
  height: 100%;
  position: absolute;
  right: -100px;
  top: 30px;
  z-index: 10;
  border-radius: 0 5px 5px 0;
}

@media (max-width: 991px) {
  .agency-contact-section .contact-map {
    position: static !important;
    left: auto;
    top: auto;
  }
}

.agency-contact-section .right-grid .inner {
  max-width: 590px;
  margin-right: auto;
  position: relative;
}

@media (max-width: 1199px) {
  .agency-contact-section .right-grid .inner {
    max-width: 490px;
  }
}

@media (max-width: 991px) {
  .agency-contact-section .right-grid .inner {
    max-width: 100%;
  }
}

.agency-contact-section .contact-title {
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .agency-contact-section .contact-title {
    padding-right: 250px;
  }
}

@media (max-width: 767px) {
  .agency-contact-section .contact-title {
    padding: 0;
  }
}

.agency-contact-section .contact-title h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 0.4em;
}

@media (max-width: 991px) {
  .agency-contact-section .contact-title h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .agency-contact-section .contact-title h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.agency-contact-section .contact-title p {
  color: #fff;
  margin: 0;
}

.agency-contact-section form .col {
  margin-bottom: 15px;
}

.agency-contact-section form ::-webkit-input-placeholder {
  font-style: 16px;
  font-style: normal;
  color: #b2b2b2;
}

.agency-contact-section form :-moz-placeholder {
  font-style: 16px;
  font-style: normal;
  color: #b2b2b2;
}

.agency-contact-section form ::-moz-placeholder {
  font-style: 16px;
  font-style: normal;
  color: #b2b2b2;
}

.agency-contact-section form :-ms-input-placeholder {
  font-style: 16px;
  font-style: normal;
  color: #b2b2b2;
}

.agency-contact-section form input,
.agency-contact-section form textarea {
  background-color: #fff;
  height: 38px;
  border: 0;
}

.agency-contact-section form textarea {
  height: 120px;
}

.agency-contact-section form button {
  font-family: "Poppins", sans-serif;
  background: #4357fb;
  background: -webkit-linear-gradient(left, #4357fb, #9f20ff);
  background: -moz-linear-gradient(left, #4357fb, #9f20ff);
  background: -o-linear-gradient(left, #4357fb, #9f20ff);
  background: -ms-linear-gradient(left, #4357fb, #9f20ff);
  background: -webkit-gradient(linear, left top, right top, from(#4357fb), to(#9f20ff));
  background: linear-gradient(left, #4357fb, #9f20ff);
  width: 100%;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #fff;
  border: 0;
  outline: 0;
}

@media (max-width: 991px) {
  .agency-contact-section form button {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.agency-contact-section form button:hover {
  background: -webkit-linear-gradient(left, #9f20ff, #4357fb);
  background: -moz-linear-gradient(left, #9f20ff, #4357fb);
  background: -o-linear-gradient(left, #9f20ff, #4357fb);
  background: -ms-linear-gradient(left, #9f20ff, #4357fb);
  background: -webkit-gradient(linear, left top, right top, from(#9f20ff), to(#4357fb));
  background: linear-gradient(left, #9f20ff, #4357fb);
}

/*--------------------------------------------------------------
#16.9 agency-site-footer
--------------------------------------------------------------*/
.agency-site-footer .upper-footer {
  background-color: #000;
}

.agency-site-footer .upper-footer a:hover {
  color: #fff;
}

.agency-site-footer .upper-footer .links-widget ul li:before {
  color: #8a8a8a;
}

.agency-site-footer .upper-footer .links-widget ul li:hover:before {
  color: #fff;
}

.agency-site-footer .about-widget ul li i {
  color: #fff;
}

.agency-site-footer .twitter-feed-widget a {
  color: #fff;
}

.agency-site-footer .twitter-feed-widget a:hover {
  color: #fff;
}

.agency-site-footer .twitter-feed-widget ul li + li {
  border-top: 1px solid #292929;
}

.agency-site-footer .copyright-info {
  background-color: #161616;
  border: 0;
}

.agency-site-footer .copyright-info .copyright-area a {
  color: #4357fb;
}

.agency-site-footer .copyright-info .social-links a:hover {
  color: #4357fb;
}

.agency-site-footer .copyright-info p {
  color: #8a8a8a;
}

/*--------------------------------------------------------------
	#home seo
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#17.0 seo-partners-section
--------------------------------------------------------------*/
.seo-partners-section {
  background-color: #f5f5f5;
  padding: 75px 0;
}

@media (max-width: 767px) {
  .seo-partners-section {
    padding: 55px 0;
  }
}

.seo-partners-section h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: normal;
  margin: 0 0 1.3em;
  padding-bottom: 0.67em;
  position: relative;
}

@media (max-width: 991px) {
  .seo-partners-section h2 {
    font-size: 25px;
    font-size: 1.66667rem;
  }
}

@media (max-width: 767px) {
  .seo-partners-section h2 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.seo-partners-section h2:after {
  content: "";
  background-color: #f06b5a;
  width: 108px;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.seo-partners-section h2 span {
  font-weight: 500;
  color: #1e1e1e;
}

/*--------------------------------------------------------------
#17.1 seo-about-section
--------------------------------------------------------------*/
.seo-about-section .about-text p {
  padding-right: 120px;
  margin-bottom: 2em;
}

@media (max-width: 1199px) {
  .seo-about-section .about-text p {
    padding-right: 0;
  }
}

.seo-about-section .about-text ul {
  list-style: none;
}

.seo-about-section .about-text ul > li + li {
  margin-top: 13px;
}

.seo-about-section .about-text li i {
  display: inline-block;
  padding-right: 5px;
  color: #4cb208;
}

.seo-about-section .video-holder {
  position: relative;
}

@media (max-width: 991px) {
  .seo-about-section .video-holder {
    max-width: 595px;
    margin-top: 55px;
  }
}

.seo-about-section .video-holder img {
  border-radius: 8px;
}

.seo-about-section .video-holder a {
  background-color: #f06b5a;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
  .seo-about-section .video-holder a {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}

@media (max-width: 767px) {
  .seo-about-section .video-holder a {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}

/*--------------------------------------------------------------
#17.2 seo-services-section
--------------------------------------------------------------*/
.seo-home .seo-services-section {
  background: url("../images/seo/services/services-bg.jpg") center center/cover no-repeat fixed;
  position: relative;
  padding-bottom: 100px;
}

@media (max-width: 991px) {
  .seo-home .seo-services-section {
    padding-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .seo-home .seo-services-section {
    padding-bottom: 60px;
  }
}

.seo-home .seo-services-section:before {
  content: "";
  background-color: rgba(5, 33, 64, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.seo-home .seo-services-section .grid .img-holder img {
  border-radius: 15px 15px 0 0;
}

.seo-home .seo-services-section .grid .details {
  background-color: #fff;
  padding: 22px 20px;
  border-radius: 0 0 15px 15px;
}

.seo-home .seo-services-section .grid .details h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5em;
  margin: 0 0 1em;
  padding-bottom: 0.83em;
  position: relative;
}

@media (max-width: 767px) {
  .seo-home .seo-services-section .grid .details h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.seo-home .seo-services-section .grid .details h3:after {
  content: "";
  background-color: #f06b5a;
  width: 30px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.seo-home .seo-services-section .grid .learn-more {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #3d4149;
  text-decoration: underline;
}

.seo-home .seo-services-section .grid .learn-more:hover {
  color: #f06b5a;
}

@media (max-width: 767px) {
  .seo-home .seo-services-section .grid .learn-more {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.seo-home .seo-services-section .owl-controls {
  margin-top: 50px;
}

@media (max-width: 991px) {
  .seo-home .seo-services-section .owl-controls {
    margin-top: 30px;
  }
}

.seo-home .seo-services-section .owl-controls .owl-dots .owl-dot {
  position: relative;
  z-index: 10;
}

.seo-home .seo-services-section .owl-controls .owl-dots .owl-dot span {
  background-color: #5e636d;
}

.seo-home .seo-services-section .owl-controls .owl-dots .active span {
  background-color: #f06b5a;
}

.seo-home .seo-services-section .owl-controls .owl-nav {
  width: 100%;
  position: absolute;
  bottom: -8px;
}

@media (max-width: 991px) {
  .seo-home .seo-services-section .owl-controls .owl-nav {
    display: none;
  }
}

.seo-home .seo-services-section .owl-controls .owl-nav .owl-prev {
  margin-right: 115px;
}

.seo-home .seo-services-section .owl-controls .owl-nav .owl-prev,
.seo-home .seo-services-section .owl-controls .owl-nav .owl-next {
  background-color: transparent;
  padding: 0;
  font-size: 25px;
  font-size: 1.66667rem;
}

.seo-home .seo-services-section .owl-controls .owl-nav .owl-prev:hover,
.seo-home .seo-services-section .owl-controls .owl-nav .owl-next:hover {
  background-color: transparent;
  color: #f06b5a;
}

/*--------------------------------------------------------------
#17.3 seo-cb-section
--------------------------------------------------------------*/
.seo-home .seo-cb-section {
  padding-bottom: 55px;
}

@media (max-width: 991px) {
  .seo-home .seo-cb-section {
    padding-bottom: 55px;
  }
}

.seo-cb-section .cb-grids {
  overflow: hidden;
}

.seo-cb-section .cb-grids .left-grid,
.seo-cb-section .cb-grids .right-grid {
  width: 50%;
  float: left;
  overflow: hidden;
}

@media (max-width: 991px) {
  .seo-cb-section .cb-grids .left-grid,
  .seo-cb-section .cb-grids .right-grid {
    width: 100%;
    float: none;
    padding: 0 15px;
  }
}

.seo-cb-section .cb-gallery-grids {
  overflow: hidden;
  margin: 0 -5px;
}

.seo-cb-section .cb-gallery-grids .grid-item {
  padding: 0 5px 10px;
}

.seo-cb-section .cb-gallery-grids .width-40 {
  width: 33%;
}

.seo-cb-section .cb-gallery-grids .width-60 {
  width: 60%;
}

.seo-cb-section .right-grid .inner-details {
  max-width: 535px;
  margin-right: auto;
}

@media (max-width: 1199px) {
  .seo-cb-section .right-grid .inner-details {
    max-width: 455px;
  }
}

@media (max-width: 991px) {
  .seo-cb-section .right-grid .inner-details {
    max-width: 100%;
    margin-top: 45px;
  }
}

.seo-cb-section .inner-details h2 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.33em;
  margin: 0 0 0.83em;
  padding-right: 45px;
}

@media (max-width: 991px) {
  .seo-cb-section .inner-details h2 {
    font-size: 25px;
    font-size: 1.66667rem;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .seo-cb-section .inner-details h2 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

.seo-cb-section .features-grids {
  overflow: hidden;
  padding-right: -15px;
  margin-top: 45px;
}

.seo-cb-section .features-grids .grid {
  width: 50%;
  float: left;
  position: relative;
  padding: 0 15px 35px 58px;
}

@media (max-width: 1199px) {
  .seo-cb-section .features-grids .grid {
    width: 100%;
    float: none;
  }
}

@media (max-width: 991px) {
  .seo-cb-section .features-grids .grid {
    width: 50%;
    float: left;
    padding: 0 25px 35px 58px;
  }
}

@media (max-width: 550px) {
  .seo-cb-section .features-grids .grid {
    width: 100%;
    float: none;
  }
}

@media (max-width: 1199px) {
  .seo-cb-section .features-grids .grid:last-child {
    padding-bottom: 0;
  }
}

.seo-cb-section .features-grids .grid .icon {
  width: 44px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border: 1px solid #f06b5a;
  position: absolute;
  left: 0;
  top: 0;
}

.seo-cb-section .features-grids h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5em;
  margin: 0 0 0.44em;
}

@media (max-width: 767px) {
  .seo-cb-section .features-grids h3 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

/*--------------------------------------------------------------
#17.4 seo-pricing-section
--------------------------------------------------------------*/
.seo-home .seo-pricing-section {
  padding-bottom: 95px;
}

@media (max-width: 991px) {
  .seo-home .seo-pricing-section {
    padding-bottom: 75px;
  }
}

@media (max-width: 767px) {
  .seo-home .seo-pricing-section {
    padding-bottom: 55px;
  }
}

.seo-pricing-section {
  background-color: #f8f8f8;
}

.seo-pricing-section .pricing-grids-wrapper {
  text-align: center;
}

.seo-pricing-section .tablinks {
  list-style: none;
  display: inline-block;
  margin-bottom: 44px;
  overflow: hidden;
}

.seo-pricing-section .tablinks li {
  float: left;
  border: 1px solid #f06b5a;
}

.seo-pricing-section .tablinks a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #f06b5a;
  padding: 11px 55px;
  display: block;
}

@media (max-width: 991px) {
  .seo-pricing-section .tablinks a {
    font-size: 14px;
    font-size: 0.93333rem;
    padding: 9px 35px;
  }
}

@media (max-width: 767px) {
  .seo-pricing-section .tablinks a {
    padding: 9px 20px;
  }
}

.seo-pricing-section .tablinks .active a {
  background-color: #f06b5a;
  color: #fff;
}

.seo-pricing-section .tablinks > li:first-child {
  border-radius: 5px 0 0 5px;
}

.seo-pricing-section .tablinks > li:last-child {
  border-radius: 0 5px 5px 0;
}

.seo-pricing-section .pricing-grids {
  overflow: hidden;
  margin: 0 -15px;
}

.seo-pricing-section .pricing-grids .grid {
  background-color: #fff;
  width: calc(33.33% - 30px);
  float: left;
  margin: 0 15px;
}

@media (max-width: 991px) {
  .seo-pricing-section .pricing-grids .grid {
    width: calc(50% - 30px);
  }
}

@media (max-width: 600px) {
  .seo-pricing-section .pricing-grids .grid {
    width: calc(100% - 30px);
  }
}

.seo-pricing-section .pricing-grids .grid {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  border-radius: 0 0 5px 5px;
}

.seo-pricing-section .pricing-header {
  background-color: #f06b5a;
  padding: 45px 25px;
  position: relative;
  border-radius: 5px 5px 0 0;
  max-height: 190px;
}

@media (max-width: 767px) {
  .seo-pricing-section .pricing-header {
    max-height: 180px;
  }
}

.seo-pricing-section .pricing-header .type {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  position: absolute;
  right: 25px;
  top: 14px;
}

@media (max-width: 1199px) {
  .seo-pricing-section .pricing-header .type {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .seo-pricing-section .pricing-header .type {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.seo-pricing-section .pricing-header h2 {
  font-family: "Poppins", sans-serif;
  font-size: 48px;
  font-size: 3.2rem;
  font-weight: 600;
  color: #fff;
  margin: 10px 0 0;
}

@media (max-width: 1199px) {
  .seo-pricing-section .pricing-header h2 {
    font-size: 42px;
    font-size: 2.8rem;
  }
}

@media (max-width: 767px) {
  .seo-pricing-section .pricing-header h2 {
    font-size: 35px;
    font-size: 2.33333rem;
  }
}

.seo-pricing-section .standard .pricing-header {
  background-color: #ebcb76;
}

.seo-pricing-section .premium .pricing-header {
  background-color: #22c1bb;
}

.seo-pricing-section .pricing-body {
  padding: 40px 15px;
  margin-bottom: 15px;
}

.seo-pricing-section .pricing-body ul {
  list-style: none;
  margin-bottom: 50px;
}

.seo-pricing-section .pricing-body ul i {
  display: inline-block;
  padding-right: 4px;
  color: #48c7ec;
}

.seo-pricing-section .pricing-body ul > li + li {
  margin-top: 17px;
}

.seo-pricing-section .standard .seo-theme-btn-s2 {
  background-color: #ebcb76;
}

.seo-pricing-section .premium .seo-theme-btn-s2 {
  background-color: #22c1bb;
}

/*--------------------------------------------------------------
#17.5 seo-newsletter-section
--------------------------------------------------------------*/
.seo-newsletter-section {
  background: rgba(24, 62, 98, 0.99) url("../images/seo/newsletter-bg.png") center center/cover no-repeat local;
  padding: 70px 0;
  position: relative;
  text-align: center;
}

.seo-newsletter-section h3 {
  font-size: 24px;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 600;
  margin: 0 0 1em;
}

@media (max-width: 1199px) {
  .seo-newsletter-section h3 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.seo-newsletter-section form ::-webkit-input-placeholder {
  font-style: 16px;
  font-style: normal;
  color: #fff;
}

.seo-newsletter-section form :-moz-placeholder {
  font-style: 16px;
  font-style: normal;
  color: #fff;
}

.seo-newsletter-section form ::-moz-placeholder {
  font-style: 16px;
  font-style: normal;
  color: #fff;
}

.seo-newsletter-section form :-ms-input-placeholder {
  font-style: 16px;
  font-style: normal;
  color: #fff;
}

.seo-newsletter-section form div {
  position: relative;
}

.seo-newsletter-section form div button {
  font-family: "Poppins", sans-serif;
  background-color: #f06b5a;
  width: 185px;
  height: 45px;
  font-size: 18px;
  font-size: 1.2rem;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  border: 0;
  outline: 0;
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 1199px) {
  .seo-newsletter-section form div button {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media (max-width: 767px) {
  .seo-newsletter-section form div button {
    width: 110px;
    height: 40px;
  }
}

.seo-newsletter-section input {
  background-color: transparent;
  width: calc(100% - 190px);
  height: 45px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 0;
  padding: 6px 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 767px) {
  .seo-newsletter-section input {
    width: calc(100% - 120px);
    height: 40px;
  }
}

.seo-newsletter-section input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #f06b5a;
}

/*--------------------------------------------------------------
#17.6 seo-testimonials-section
--------------------------------------------------------------*/
.seo-testimonials-section .testimonials-grids .grid {
  position: relative;
  padding-left: 185px;
  min-height: 175px;
}

@media (max-width: 767px) {
  .seo-testimonials-section .testimonials-grids .grid {
    padding-left: 0;
  }
}

.seo-testimonials-section .testimonials-grids .grid img {
  width: auto;
}

.seo-testimonials-section .client-pic {
  border: 1px solid #f06b5a;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 767px) {
  .seo-testimonials-section .client-pic {
    max-width: 142px;
    position: static;
    margin-bottom: 25px;
  }
}

.seo-testimonials-section .grid .details p {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 1.5em;
  color: #3d4149;
  margin-bottom: 1.1em;
}

@media (max-width: 1199px) {
  .seo-testimonials-section .grid .details p {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

@media (max-width: 767px) {
  .seo-testimonials-section .grid .details p {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.seo-testimonials-section .client-info h4 {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 600;
  margin: 0 0 0.4em;
}

@media (max-width: 991px) {
  .seo-testimonials-section .client-info h4 {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.seo-testimonials-section .client-info h4 + span {
  font-size: 15px;
  font-size: 1rem;
  color: #6a7382;
}

@media screen and (min-width: 1200px) {
  .seo-testimonials-section .owl-controls {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
  }
}

.seo-testimonials-section .owl-controls .owl-nav .owl-prev,
.seo-testimonials-section .owl-controls .owl-nav .owl-next {
  background-color: transparent;
  padding: 0;
  font-size: 24px;
  color: #3d4149;
}

@media (max-width: 991px) {
  .seo-testimonials-section .owl-controls .owl-nav .owl-prev,
  .seo-testimonials-section .owl-controls .owl-nav .owl-next {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.seo-testimonials-section .owl-controls .owl-nav .owl-prev:hover,
.seo-testimonials-section .owl-controls .owl-nav .owl-next:hover {
  background-color: transparent;
  color: #f06b5a;
}

@media screen and (min-width: 1200px) {
  .seo-testimonials-section .owl-controls .owl-nav .owl-prev {
    position: absolute;
    left: -100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .seo-testimonials-section .owl-controls .owl-nav .owl-next {
    position: absolute;
    right: -100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

/*--------------------------------------------------------------
#17.7 seo-projects-section
--------------------------------------------------------------*/
.seo-projects-section {
  background-color: #f8f8f8;
}

.seo-projects-section .construction-projects-grids {
  overflow: hidden;
}

.seo-projects-section .construction-projects-grids .grid {
  float: left;
  text-align: center;
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  .seo-projects-section .construction-projects-grids .grid {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 40px;
  }
  .seo-projects-section .construction-projects-grids .grid img {
    width: 100%;
  }
}

@media (max-width: 530px) {
  .seo-projects-section .construction-projects-grids .grid {
    width: 100%;
    float: none;
  }
}

.seo-projects-section .project-info {
  background: #f06b5a;
}

@media screen and (min-width: 768px) {
  .seo-projects-section .project-info {
    background: rgba(240, 107, 90, 0.9);
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    position: absolute;
    left: 10px;
    top: 10px !important;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
}

@media screen and (min-width: 768px) {
  .seo-projects-section .project-info .inner-info {
    width: 100%;
    margin-left: -50px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 0.5s 0.3s;
    -o-transition: all 0.5s 0.3s;
    transition: all 0.5s 0.3s;
  }
}

@media (max-width: 767px) {
  .seo-projects-section .project-info .inner-info {
    padding: 15px 5px;
  }
}

.seo-projects-section .project-info .fancybox {
  font-size: 30px;
  font-size: 2rem;
  color: #fff;
}

@media (max-width: 767px) {
  .seo-projects-section .project-info .fancybox {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.seo-projects-section .grid:hover .project-info {
  top: 0;
  opacity: 1;
}

.seo-projects-section .grid:hover .inner-info {
  margin-left: 0;
  opacity: 1;
}

@media (max-width: 550px) {
  .seo-projects-section .mCustomScrollBox {
    position: static;
  }
}

.seo-projects-section .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 80px;
}

.seo-projects-section .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  max-width: 850px;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .seo-projects-section .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    max-width: 700px;
  }
}

.seo-projects-section .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.seo-projects-section .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 10px;
}

.seo-projects-section .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: #e4e7f0;
}

.seo-projects-section .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #f06b5a;
}

@media (max-width: 550px) {
  .seo-projects-section .mCSB_inside > .mCSB_container {
    margin-right: 0;
  }
}

/*--------------------------------------------------------------
#17.8 seo-team-section
--------------------------------------------------------------*/
.seo-team-section .seo-section-title-s4 {
  margin-bottom: 40px;
}

.seo-team-section .owl-controls .owl-dots .owl-dot.active span,
.seo-team-section .owl-controls .owl-dots .owl-dot:hover span {
  background: #f06b5a;
}

/*--------------------------------------------------------------
#17.9 seo-blog-section
--------------------------------------------------------------*/
.seo-blog-section > .container {
  padding: 110px 15px;
  border-top: 1px solid #dddddd;
}

@media (max-width: 991px) {
  .seo-blog-section > .container {
    padding: 90px 15px;
  }
}

@media (max-width: 767px) {
  .seo-blog-section > .container {
    padding: 70px 15px;
  }
}

.seo-blog-section .newsletter-form button {
  background-color: #f06b5a;
}

.seo-blog-section .news-grids .entry-meta .read-more:hover {
  color: #f06b5a;
}

.seo-blog-section .news-grids .entry-header h3 a:hover {
  color: #f06b5a;
}

.seo-blog-section .newsletter-form input {
  border-color: #dedede;
}

/*--------------------------------------------------------------
#17.10 seo-site-footer
--------------------------------------------------------------*/
.seo-site-footer .upper-footer {
  background-color: #3d4149;
}

.seo-site-footer .upper-footer a:hover {
  color: #fff;
}

.seo-site-footer .upper-footer .links-widget ul li:before {
  color: #8a8a8a;
}

.seo-site-footer .upper-footer .links-widget ul li:hover:before {
  color: #fff;
}

.seo-site-footer .about-widget ul li i {
  color: #fff;
}

.seo-site-footer .twitter-feed-widget a {
  color: #fff;
}

.seo-site-footer .twitter-feed-widget a:hover {
  color: #fff;
}

.seo-site-footer .twitter-feed-widget ul li + li {
  border-top: 1px solid #002b55;
}

.seo-site-footer .copyright-info {
  background-color: #161616;
  border: 0;
}

.seo-site-footer .copyright-info .copyright-area a {
  color: #fff;
}

.seo-site-footer .copyright-info .social-links a:hover {
  color: #f06b5a;
}

.seo-site-footer .copyright-info p {
  color: #8a8a8a;
}

/*--------------------------------------------------------------
	#Blog classic
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#18.0 blog-calassic-main-content
--------------------------------------------------------------*/
.blog-calassic-main-content .blog-grids > .grid + .grid {
  margin-top: 35px;
}

.blog-calassic-main-content .grid .entry-body {
  padding: 45px 35px;
  border: 1px solid #e8e8e8;
}

@media (max-width: 767px) {
  .blog-calassic-main-content .grid .entry-body {
    padding: 30px 20px;
  }
}

.blog-calassic-main-content .entry-meta {
  list-style: none;
  overflow: hidden;
}

.blog-calassic-main-content .entry-meta li {
  float: left;
}

.blog-calassic-main-content .entry-meta > li + li {
  margin-left: 25px;
}

@media (max-width: 767px) {
  .blog-calassic-main-content .entry-meta > li + li {
    margin-left: 15px;
  }
}

.blog-calassic-main-content .entry-meta li a {
  color: #999999;
}

.blog-calassic-main-content .entry-body {
  font-size: 16px;
  font-size: 1.06667rem;
}

@media (max-width: 767px) {
  .blog-calassic-main-content .entry-body {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.blog-calassic-main-content .entry-body h3 {
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 600;
  line-height: 1.4em;
  margin: 0.36em 0 0.4em;
}

@media (max-width: 991px) {
  .blog-calassic-main-content .entry-body h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.blog-calassic-main-content .entry-body h3 a {
  color: #051829;
}

.blog-calassic-main-content .entry-body .date {
  color: #999999;
  display: block;
  margin-bottom: 13px;
}

.blog-calassic-main-content .entry-body p {
  color: #6a6a6a;
  margin-bottom: 2.5em;
}

.blog-calassic-main-content .entry-body .read-more {
  color: #051829;
  text-decoration: underline;
}

.blog-calassic-main-content .entry-body .read-more:hover {
  color: #000;
}

/*--------------------------------------------------------------
    #Blog details
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#18.0 blog-single-section
--------------------------------------------------------------*/
.blog-single-section {
  /*** tags ***/
  /*** about-author ***/
  /*** comments ***/
}

.blog-single-section .entry-title {
  max-width: 450px;
  text-align: center;
  margin: 0 auto 30px;
}

@media (max-width: 767px) {
  .blog-single-section .entry-title {
    max-width: 100%;
  }
}

.blog-single-section .entry-title .author {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #999;
}

.blog-single-section .entry-header h3 {
  font-size: 30px;
  font-size: clac-rem-value(30);
  font-weight: 600;
  line-height: 1.2em;
  margin: 0 0 0.6em;
}

@media (max-width: 991px) {
  .blog-single-section .entry-header h3 {
    font-size: 25px;
    font-size: clac-rem-value(25);
  }
}

@media (max-width: 767px) {
  .blog-single-section .entry-header h3 {
    font-size: 22px;
    font-size: clac-rem-value(22);
  }
}

.blog-single-section .post-info {
  padding: 25px 0 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e7e7e7;
  overflow: hidden;
}

@media (max-width: 991px) {
  .blog-single-section .post-info {
    padding: 15px 0 10px;
  }
}

.blog-single-section .post-info .date {
  font-size: 16px;
  font-size: clac-rem-value(16);
  color: #999;
  float: left;
}

@media (max-width: 767px) {
  .blog-single-section .post-info .date {
    font-size: 14px;
    font-size: clac-rem-value(14);
  }
}

.blog-single-section .post-info .entry-meta {
  list-style: none;
  overflow: hidden;
  float: right;
}

.blog-single-section .post-info .entry-meta li {
  float: left;
}

.blog-single-section .post-info .entry-meta > li + li {
  margin-left: 25px;
}

@media (max-width: 767px) {
  .blog-single-section .post-info .entry-meta > li + li {
    margin-left: 15px;
  }
}

.blog-single-section .post-info .entry-meta li a {
  color: #999999;
}

.blog-single-section .entry-body p {
  line-height: 1.81em;
  color: #6a6a6a;
  margin-bottom: 35px;
}

.blog-single-section .tag-share {
  text-align: center;
  overflow: hidden;
  margin: 40px 0 68px;
  position: relative;
  /*** share ***/
}

.blog-single-section .tag-share:after {
  content: "";
  background-color: #e7e7e7;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 40%;
}

@media (max-width: 767px) {
  .blog-single-section .tag-share {
    margin: 25px 0;
  }
}

.blog-single-section .tag-share ul {
  list-style: none;
}

.blog-single-section .tag-share ul {
  display: inline-block;
  overflow: hidden;
}

.blog-single-section .tag-share ul li {
  float: left;
  margin-right: 6px;
}

.blog-single-section .tag-share ul li:last-child {
  margin-right: 0;
}

.blog-single-section .tag-share > div {
  background-color: #fff;
  width: 150px;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}

.blog-single-section .tag-share > div:last-child span {
  font-size: 15px;
  font-size: 0.93333rem;
  font-weight: 600;
  color: #999;
  position: relative;
  top: -9px;
  padding-right: 10px;
}

.blog-single-section .tag-share .share {
  padding-bottom: 0;
}

.blog-single-section .tag-share .share a {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #111111;
  display: inline-block;
}

@media (max-width: 991px) {
  .blog-single-section .tag-share .share a {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.blog-single-section .tag-share .share a:hover {
  color: #051829;
}

.blog-single-section .about-author {
  margin-bottom: 50px;
}

.blog-single-section .about-author h4 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #051829;
  margin: 0 0 0.83em;
}

.blog-single-section .about-author .inner {
  background-color: #f8f8fa;
  padding: 33px 50px;
  border: 1px solid #e6e9ec;
  overflow: hidden;
}

@media (max-width: 991px) {
  .blog-single-section .about-author .inner {
    padding: 35px;
  }
}

@media (max-width: 767px) {
  .blog-single-section .about-author .inner {
    padding: 25px 20px;
  }
}

.blog-single-section .about-author .author-pic {
  width: 73px;
  float: left;
}

@media (max-width: 767px) {
  .blog-single-section .about-author .author-pic {
    width: 100%;
    float: none;
  }
}

.blog-single-section .about-author .author-details {
  width: calc(100% - 73px);
  float: left;
  padding-left: 25px;
}

@media (max-width: 767px) {
  .blog-single-section .about-author .author-details {
    width: 100%;
    float: none;
    padding-left: 0;
    margin-top: 20px;
  }
}

.blog-single-section .about-author .author-details h5 {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #051829;
  margin: 0;
}

.blog-single-section .about-author .author-job {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #999;
  display: inline-block;
  margin-bottom: 8px;
}

.blog-single-section .about-author p {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #666;
}

.blog-single-section .about-author .social {
  list-style: none;
}

.blog-single-section .about-author .social li {
  float: left;
  margin-left: 10px;
}

.blog-single-section .about-author .social li:first-child {
  margin-left: 0;
}

.blog-single-section .about-author .social li a {
  font-size: 15px;
  font-size: 1rem;
  color: #051829;
}

.blog-single-section .about-author .social li a:hover {
  color: #020b12;
}

.blog-single-section .comments {
  /*** .article ***/
}

.blog-single-section .comments h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #051829;
  margin: 0 0 1em;
}

.blog-single-section .comments > ol {
  padding-left: 0;
}

.blog-single-section .comments ol {
  list-style: none;
}

.blog-single-section .comments ol > li {
  margin-bottom: 35px;
}

.blog-single-section .comments ol > li:last-child {
  margin-bottom: 0;
}

.blog-single-section .comments ol > li > ol {
  margin-left: 28px;
  margin-top: 35px;
  padding: 0;
}

@media (max-width: 767px) {
  .blog-single-section .comments ol > li > ol {
    margin: 30px 0 0 10px;
  }
}

.blog-single-section .comments ol > li > ol > li {
  background-color: #fafafa;
  margin-bottom: 35px !important;
}

.blog-single-section .comments ol > li > ol > li:last-child {
  margin-bottom: 0 !important;
}

.blog-single-section .comments .article {
  overflow: hidden;
  border: 1px solid #d3d7d9;
  padding: 25px;
  position: relative;
}

.blog-single-section .comments .article h4 {
  font-size: 16px;
  font-size: 1.06667rem;
  margin: 0;
  text-transform: capitalize;
}

@media (max-width: 767px) {
  .blog-single-section .comments .article h4 {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.blog-single-section .comments .article p {
  font-size: 15px;
  font-size: 1rem;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .blog-single-section .comments .article p {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.blog-single-section .comments .article .replay button {
  background-color: transparent;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 600;
  color: #051829;
  padding: 0;
  border: 0;
  outline: 0;
  position: absolute;
  right: 25px;
  top: 25px;
}

.blog-single-section .comments .article .replay button:hover {
  color: #020b12;
}

.blog-single-section .comments .article .author-meta {
  overflow: hidden;
  margin-bottom: 5px;
}

.blog-single-section .comments .article .author-meta h4 {
  font-size: 15px;
  font-size: 1rem;
  font-weight: 600;
  color: #051829;
}

.blog-single-section .comments .article .author-meta > div:last-child {
  font-size: 12px;
  font-size: 0.8rem;
  color: #a3aab2;
}

.blog-single-section .comments .article .author-pic {
  width: 10%;
  float: left;
}

@media (max-width: 767px) {
  .blog-single-section .comments .article .author-pic {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
}

.blog-single-section .comments .article .details {
  width: 90%;
  float: left;
}

@media (max-width: 767px) {
  .blog-single-section .comments .article .details {
    width: 100%;
    float: none;
  }
}

.blog-single-section .comments .article p {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #4a4a4a;
}

.blog-single-section .comment-respond {
  margin-top: 55px;
}

.blog-single-section .comment-respond h4 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #051829;
  margin: 0 0 1.2em;
}

.blog-single-section .comment-respond form {
  margin: 0 -15px;
  position: relative;
}

.blog-single-section .comment-respond form input,
.blog-single-section .comment-respond form textarea {
  background-color: #f8f8fa;
  height: 40px;
  border: 1px solid #e6e9ec;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

.blog-single-section .comment-respond form textarea {
  height: 195px;
}

@media (max-width: 767px) {
  .blog-single-section .comment-respond form textarea {
    height: 120px;
  }
}

.blog-single-section .comment-respond form > div {
  margin-bottom: 20px;
}

.blog-single-section .comment-respond .submit-btn {
  text-align: center;
  margin: 25px 0 0;
}

@media (max-width: 991px) {
  .blog-single-section .comment-respond .submit-btn {
    margin: 15px 0 0;
  }
}

.blog-single-section .comment-respond .submit-btn button {
  width: 100%;
  background-color: #000001;
  padding: 10px 30px;
  color: #fff;
  border: 0;
  outline: 0;
}

@media (max-width: 767px) {
  .blog-single-section .comment-respond .submit-btn button {
    padding: 10px 20px;
  }
}

.blog-single-section .comment-respond .submit-btn button:hover {
  background-color: #051829;
}

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