@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: #777;
}

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: 100px 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: 55px;
}

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

.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: #fff;
    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: #de4f2a;
    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: #a2a8ae;
    }
    .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: #122d86;
}

.transport-header .navigation {
    background-color: transparent;
    padding-top: 15px;
    padding-bottom: 15px;
}

@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: #de4f2a;
        width: 0;
        height: 2px;
        position: absolute;
        bottom: 4px;
        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: 518px;
    }
}

.transport-header .hotline {
    background-color: #de4f2a;
    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;
}

.transport-header .hotline- {
    background-color: #de4f2a;
    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: 248px;
    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: 30px 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: #fff;
}

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

@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: #443f45;
    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: 90px;
}

@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(27, 155, 209, 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(27, 155, 209, 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-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 {
    content: "“";
    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: #efb945;
    text-transform: uppercase;
    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 {
    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);
}


/*--------------------------------------------------------------
#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: #122d86 !important;
    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: #122d86;
    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 {
    /*  */
}

.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: #fff;
}

.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: #122d86;
    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: #092172;
    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: #122d86;
    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: #fff;
    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: #092172;
}

.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: #122d86;
    }
    .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: #fff;
    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: #122d86;
}

.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: #fff;
}

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


/*  ARINDAM BHOWMICK CSS */

.transport-services-section .grid h3 {
    LINE-HEIGHT: 28PX;
}

.submit-btn {}

.submit-btn .submit_btn_design {
    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;
}


/*=============== Responsive css start Here ===============*/

.mobile_button {
    display: none;
    padding: 10px;
    border-top: 1px solid #337ab7;
    border-bottom: 1px solid #337ab7;
}

.mobile_button .inner {
    text-align: center;
}

.mobile_button .button {
    display: inline-block;
    line-height: 1;
}

.mobile_button .button a {
    background: #de4f2a;
    color: #fff;
    padding: 8px 16px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 13px;
}

.mobile_button {}

.mobile_button {}

.mobile_button {}

.transport-services-section .services-grids .grid {}

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

@media only screen and (min-width: 992px) {
    .desktop_hide {
        display: none !important;
    }
}

@media only screen and (min-width: 1024px) {}

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

@media only screen and (min-width: 1300px) {
    .transport-services-section .services-grids .grid {
        min-height: 420px;
    }
    .transport-services-section {}
}

@media only screen and (min-width: 1400px) {
    .transport-services-section .services-grids .grid {
        min-height: 480px !important;
    }
}

@media only screen and (min-width: 1920px) {}

@media only screen and (max-width: 991px) {
    .navigation {
        padding-bottom: 12px;
    }
    .hotline- {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .mobile_button {
        display: block;
    }
    .topbar {
        display: none;
    }
    .transport-header .site-logo {
        left: 18px;
    }
}

@media only screen and (max-width: 480px) {}

@media only screen and (min-width: 480px) and (max-width: 767px) {}

.site-header .site-logo {
    padding-left: 0 !important;
}


/*=============== Responsive css End Here ===============*/