.banner:before,
.banner:after,
.upper-header:before,
.upper-header:after,
.form-inner:before,
.form-inner:after,
.gallery-container:before,
.gallery-container:after,
.blog-box:before,
.blog-box:after,
.title-box-inner:before,
.title-box-inner:after,
.recent-work-img:before,
.recent-work-img:after,
.post-bottom:before,
.post-bottom:after,
.blogs-container:before,
.blogs-container:after {
    display: table;
    content: '';
}

.banner:after,
.upper-header:after,
.form-inner:after,
.gallery-container:after,
.blog-box:after,
.title-box-inner:after,
.recent-work-img:after,
.post-bottom:after,
.blogs-container:after {
    clear: both;
}


/*** list-style ***/

.services-name,
.blog-info,
.brand-carousel,
.work-timing ul,
.social-media ul,
.gallery-options,
.bottom-links,
.facility-list ul,
.recent-work-img,
.archives ul,
.post-meta,
.comments-list,
.comments-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.buttons-column .theme-btn {
    margin-right: 30px;
}

.silver {
    background-image: linear-gradient(bottom, rgb(240, 240, 240) 44%, rgb(246, 246, 246) 85%);
    background-image: -o-linear-gradient(bottom, rgb(240, 240, 240) 44%, rgb(246, 246, 246) 85%);
    background-image: -moz-linear-gradient(bottom, rgb(240, 240, 240) 44%, rgb(246, 246, 246) 85%);
    background-image: -webkit-linear-gradient(bottom, rgb(240, 240, 240) 44%, rgb(246, 246, 246) 85%);
    background-image: -ms-linear-gradient(bottom, rgb(240, 240, 240) 44%, rgb(246, 246, 246) 85%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.44, rgb(240, 240, 240)), color-stop(0.85, rgb(246, 246, 246)));
    background-color: #f0f0f0;
    color: #8c8c8c;
}


/** carousel controls ***/

.caro-prev,
.caro-next {
    width: 36px;
    height: 36px;
    line-height: 32px;
    text-align: center;
    color: #777777;
    border: 2px solid #e8e8e8;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}

.caro-prev:before {
    content: "\f104";
    font-family: fontawesome;
    font-size: 18px;
}

.caro-next:before {
    content: "\f105";
    font-family: fontawesome;
    font-size: 18px;
}

.caro-prev:hover,
.caro-next:hover {
    border-color: #3f51b5;
    color: #3f51b5;
}

.owl-pagination {
    text-align: center;
}

.owl-page {
    width: 20px;
    height: 4px;
    margin: 0px 6px;
    background-color: #d0d0d0;
    display: inline-block;
}

.owl-page.active {
    background-color: #3f51b5;
}

#comments_form input::-moz-placeholder {
    color: #fff;
}

#comments_form textarea::-moz-placeholder {
    color: #fff;
}

.clear {
    clear: both;
}

section {
    position: relative;
}

.bg-light-gray {
    background-color: #f8f8f8;
}

.bg-gray-gradient {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 70%, rgba(249, 249, 249, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(249, 249, 249, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 70%, rgba(249, 249, 249, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 70%, rgba(249, 249, 249, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 70%, rgba(249, 249, 249, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%, rgba(249, 249, 249, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
}

.section-heading {
    width: 80%;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.section-heading h2 {
    padding-bottom: 15px;
    margin-bottom: 40;
    position: relative;
    color: #5A9DCC;
}

.section-heading h2::before {
    width: 50px;
    height: 5px;
    margin-left: -25px;
    border-top: 1px solid #3f51b5;
    border-bottom: 1px solid #3f51b5;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0px;
}

.section-detail {
    padding-bottom: 50px;
}

.content-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
}

.no-padding-top {
    padding-top: 0;
}

.no-padding-bottom {
    padding-bottom: 0;
}

.section-banner {
    background-repeat: no-repeat;
    background-size: cover;
    height: 150px;
}

p {
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/*** top-bar ***/

.bg-color {
    background-position: center;
    background-image: url(../images/top-bar.png);
}

.top-bar {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
    font-family: montserrat-bold;
    text-transform: uppercase;
}

.top-bar,
.top-bar a {
    color: #fff;
}

.top-bar i {
    font-size: 1.5em;
    position: relative;
    top: 2px;
}

.top-bar i:first-child {
    margin-right: 12px;
}

.top-bar i:last-child {
    margin-left: 12px;
}

.left-bar,
.right-bar {
    margin-bottom: 10px;
    text-align: center;
}


/*** uppper-header ***/

.upper-header {
    text-align: center;
    font-size: 12px;
}

.logo {
    margin-bottom: 30px;
}

.timing {
    margin-bottom: 20px;
    font-size: 12px;
}

.timing,
.contact-strip h5 {
    font-size: 12px;
    font-family: montserrat-bold;
}

.contact-strip h5 {
    margin-bottom: 5px;
}

.phone-no {
    font-size: 12px;
}

.phone-no span {
    font-size: 15px;
    font-family: montserrat-bold;
    line-height: 1;
}

.bg-img {
    background-image: url(../images/header-img.png);
    background-position: center;
}


/*** navbar ***/

.navbar {
    padding-left: 20px;
    padding-right: 20px;
    background-color: rgba(0, 0, 0, 0.96);
    border-bottom: 3px solid #ff5252;
    z-index: 999;
}

.nav li {
    color: #fff;
    font-size: 13px;
}

.nav.navbar-nav a {
    padding: 12px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.navbar {
    position: absolute;
    left: 0;
    right: 0;
}

.pull-right .button {
    display: block;
    padding: 20px 26px;
}

#navbar .nav > li.active > a {
    color: #fff;
    background-color: transparent;
}

.rel {
    position: relative;
}

.button i {
    background-color: #ededed;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
    font-size: 19px;
    color: #2a2a2a;
    background: linear-gradient(136deg, #fff 50%, #ededed 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}


/*************** Home Page one **************/


/*** Banner styling ***/

.home-banner {
    position: relative;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

.home-banner .item {
    position: relative;
}

.sliderimg {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.banner-container {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    z-index: 100;
}

.home-banner > img {
    width: 100%;
    display: block;
}

.banner {
    position: relative;
    font-family: montserrat-regular;
    color: #ffffff;
}

.banner-content-arrow {
    max-width: 90%;
    padding-left: 15px;
    background-color: rgba(0, 0, 0, 0.2);
    float: right;
    position: relative;
    top: 0;
    right: 0;
}

.banner-inner-1 {
    padding-left: 15px;
    background-color: rgba(0, 0, 0, 0.5);
    position: relative;
}

.banner-inner-2 {
    padding-left: 15px;
    padding: 40px 60px 40px 30px;
    background-color: rgba(0, 0, 0, 0.1);
    position: relative;
}

.home-banner h1 {
    margin-bottom: 10px;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75);
}

.home-banner h2 {
    margin-bottom: 10px;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75);
}

.home-banner h4 {
    font-size: 14px;
    color: #fff;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75);
}

.home-banner .btn {
    margin-right: 5px;
    margin-bottom: 5px;
}


/*** appointment section ***/

.top-section {
    position: relative;
    z-index: 1;
}

.appointment {
    padding: 18px 15px;
    background: #fff;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
    position: relative;
}

.appointment > h3 {
    margin-bottom: 10px;
    font-size: 14px;
}

.appoint-form .form-section {
    width: 100%;
    margin-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: top;
    position: relative;
}

.form-section > label {
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    left: 25px;
    top: 8px;
    z-index: 10;
}

.form-inner {
    margin-left: -10px;
    margin-right: -10px;
}

.form-inner .form-control,
.form-inner textarea.form-control {
    min-height: 55px;
    padding-top: 28px;
    border: 2px solid #f0f0f0;
    border-radius: 0;
    box-shadow: none;
    font-size: 11px;
    text-transform: uppercase;
}

.form-inner textarea.form-control {
    min-height: 55px;
    height: 55px;
}

.form-inner .select-box {
    margin-bottom: 0;
    border: 2px solid #f0f0f0;
}

.form-inner .select-box:before {
    background-color: transparent;
}

.form-inner .select-box:after {
    border-top-color: #3f51b5;
}

.form-inner .select-box select.form-control {
    min-height: 51px;
    border: 0px;
}

.form-inner .form-control:-ms-input-placeholder {
    color: #dcdcdc;
}

.form-inner .form-control::-moz-placeholder {
    color: #dcdcdc;
}

.form-inner .form-control::-webkit-input-placeholder {
    color: #dcdcdc;
}

.form-inner.dropdown {
    border: 2px solid #eee;
    border-radius: 0;
    box-shadow: none;
    color: #eee;
    min-height: 50px;
    padding-top: 30px;
    width: auto
}

.appointment .send-appointment input[type="submit"] {
    width: 100%;
    padding: 16px 30px;
    color: #fff;
    font-family: montserrat-bold;
    background-color: #3f51b5;
    border: 0px;
}


/*** service boxes ***/

.section-heading p {
    font-size: 15px;
}

.service-box {
    margin-bottom: 30px;
    overflow: hidden;
}

.service-1 {
    margin-right: 65px;
    position: relative;
}

.service-img {
    position: relative;
}

.service-img img {
    width: 100%;
}

.service-name {
    margin-right: -65px;
    position: absolute;
    bottom: -125px;
    left: 65px;
    right: 0;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}

.service-icon {
    width: 65px;
    position: absolute;
    right: 0;
    top: -64px;
}

.service-icon a {
    padding: 15px 9px;
    display: block;
    background-color: #ff5252;
    text-align: center;
}

.service-icon i {
    font-size: 34px;
    color: #fff;
    display: block;
}

.service-name > h5 {
    padding: 20px;
    color: #fff;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    background: -webkit-linear-gradient(80deg, #37479f 50%, #3f51b5 50%);
    background: -o-linear-gradient(80deg, #37479f 50%, #3f51b5 50%);
    background: linear-gradient(170deg, #37479f 50%, #3f51b5 50%);
}

.service-detail {
    background: none repeat scroll 0 0 #f8f8f8;
    padding: 0 16px;
    text-align: center;
}

.service-detail p {
    font-family: lato-regular;
    font-size: 14px;
    padding-top: 20px;
}

.service-detail a {
    font-family: montserrat-bold;
    font-size: 12px;
    color: #ff5252;
}

.service-detail i {
    padding-left: 15px;
    padding-bottom: 22px;
}

.service-1:hover .service-name {
    bottom: 0px;
}


/*** tabs section ***/

.tab-section .tab {
    border-bottom: 2px solid #3f51b5;
}

.tab li {
    list-style: none;
    font-family: montserrat-regular;
    font-size: 14px;
    height: 63px;
    position: relative;
    background-color: #f8f8f8;
    margin-bottom: 1px;
}

.nav.nav-stacked > li > a {
    padding: 0;
    color: #000;
    line-height: 64px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: montserrat-regular;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
}

.tab li a:hover,
.nav.nav-stacked > li.active > a,
.nav.nav-stacked > li.active > a:focus {
    color: #FFF;
    background-color: #5A9DCC;
    outline: 0;
}

.tab li span.curve {
    padding: 0px 13px 0px 5px;
       margin-right: 4px;
    font-size: 20px;
    display: block;
    float: left;
    background-color: #eaecf2;
    position: relative;
}

.tab li span.curve:after {
    width: 0;
    height: 0;
    content: '';
    border-color: #eaecf2 transparent #eaecf2 #eaecf2;
    border-style: solid;
    border-width: 32px 12px;
    font-size: 0;
    line-height: 4;
    position: absolute;
    top: 0;
    right: -12px;
}

.tab li:hover .curve,
.nav.nav-stacked > li.active > a:focus .curve,
.nav.nav-stacked li a[aria-expanded="true"] .curve {
    background-color: #ff5252;
}

.tab li:hover .curve:after,
.nav.nav-stacked > li.active > a:focus .curve:after,
.nav.nav-stacked li a[aria-expanded="true"] .curve:after {
    border-color: #ff5252 transparent #ff5252 #ff5252;
}


/*** tab-section ****/

.tab-section > .row {
    margin-left: 0;
    margin-right: 0;
}

.tab-section > .row > [class^="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.tab-section .tab-content {
    margin-top: -2px;
    background-color: #fbfbfb;
    border-top: 2px solid #3f51b5;
}

.tab-section .tab-pane {
    padding: 30px 40px;
}

.tab-section .tab-pane h4 {
    text-transform: uppercase;
}

.tab-section .tab-pane p {
    margin-bottom: 40px;
    text-align: justify;
}
.img{
	border:1px solid #b1b1b1;
}
#contact_form .form-control {
    color: #777777;
    padding-left: 36px;
}
#contact_form textarea.form-control {
    height: 150px;
}
#contact_form i {
    font-size: 15px;
    color: #aaaaaa;
    position: absolute;
    left: 26px;
    top: 10px;
}
ul.services-name {
    margin-bottom: 30px;
    font-size: 15px;
}

.services-name li {
    padding-bottom: 30px;
}

.services-name li i {
    font-size: 26px;
    margin-right: 17px;
    clear: both;
    float: left;
}

.offer-img {
    display: none;
}


/*** gallery section ****/

.bg-gallery {
    background-color: #f8f8f8;
}

.gallery-hovered {
    position: relative;
    text-align: center;
    padding-bottom: 10px;
}

.gallery-img {
    position: relative;
}

.gallery-img > img {
    width: 100%;
    display: block;
}

.image-hover {
    width: 100%;
    height: 100%;
    background-color: rgba(64, 78, 160, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.gallery:hover .image-hover {
    opacity: 1;
    visibility: visible;
}

.gallery-search,
.gallery-link {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    line-height: 38px;
    font-size: 18px;
    text-align: center;
    display: block;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s, background-color 0.4s ease;
    -moz-transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s, background-color 0.4s ease;
    -webkit-transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s, background-color 0.4s ease;
    -ms-transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s, background-color 0.4s ease;
}

.gallery-search:hover,
.gallery-link:hover {
    color: #fff;
    background-color: #ff5252;
}

.gallery-search:after {
    font-family: 'FontAwesome';
    content: "\f002";
}

.gallery-link:after {
    font-family: 'FontAwesome';
    content: "\f0c1";
}

.gallery-link {
    margin-left: -50px;
    transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
}

.gallery-search {
    margin-right: -50px;
    transform: translateY(40px);
    -moz-transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
}

.gallery:hover .gallery-search,
.gallery:hover .gallery-link {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.gallery-search img,
.image-hover img {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.working-name {
    padding: 16px 20px;
    margin-bottom: -1px;
    border: 1px solid #d6d6d6;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.gallery:hover .working-name {
    background-color: #ff5252;
    color: #fff;
}

.working-name h5 {
    margin-bottom: 5px;
    font-size: 16px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.working-name p {
    margin-bottom: 0;
    font-size: 12px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gallery:hover .working-name h5 {
    color: #fff;
}


/*** testimonial section ***/

.bg-map {
    background: url(../images/map-trans.png) no-repeat;
}

.section-map {
    width: 100%;
    height: 250px;
    margin-top: -77px;
}

.testim-box {
    text-align: center;
}

.client-comments {
    margin-bottom: 40px;
    font-family: lato-italic;
    font-size: 18px;
}

.client-img {
    width: 96px;
    height: 96px;
    padding: 3px;
    margin: 15px auto;
    overflow: hidden;
    background-image: -webkit-gradient( to right, #ec525c, #5751a9);
    background-image: -webkit-linear-gradient( to right, #ec525c, #5751a9);
    background-image: -moz-linear-gradient( to right, #ec525c, #5751a9);
    background-image: -o-linear-gradient( to right, #ec525c, #5751a9);
    background-image: linear-gradient( to right, #ec525c, #5751a9);
    border-radius: 50%;
}

.client-img img {
    width: 100%;
}

.person-detail h5 {
    margin-bottom: 5px;
    font-size: 15px;
    text-transform: uppercase;
}

.person-detail p {
    font-family: lato-italic;
    font-size: 15px;
}


/*** stats section ***/

.bg-counter {
    background-color: #f8f8f8;
    margin-top: 50px;
}

.state-section {
    padding-top: 50px;
    padding-bottom: 20px;
}

.washes-done {
    padding-top: 45px;
    margin-bottom: 40px;
    color: #232323;
    text-align: center;
    position: relative;
    background-image: url(../images/stat-counter.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.washes-done i {
    font-size: 45px;
}

.stat-count {
    font-family: montserrat-regular;
    font-size: 30px;
    display: block;
}

.washes-done h5 {
    font-size: 13px;
    color: #ff5252;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}


/*** members section ***/

.member-detail p {
    margin-bottom: 0;
    font-family: lato-bold;
    font-size: 11px;
    color: #3f51b5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.member-contact span,
.member-contact a {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
}

.member-detail {
    padding: 20px;
    border-bottom: 2px solid #ff5252;
    text-align: center;
}

.member-detail h5,
.team-member:hover .member-hover .member-detail h5 {
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.member-hover {
    border-top: 3px solid #ff5252;
    background-color: #3f51b5;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: -81px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.member-hover:before {
    content: "\f102";
    font-family: fontawesome;
    position: absolute;
    right: 21px;
    top: -24px;
    z-index: 200;
}

.team-member:hover .member-hover:before {
    content: "\f103";
}

.member-hover .member-detail {
    padding-top: 0px;
    padding-bottom: 0px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.team-member:hover .member-hover .member-detail {
    padding-top: 20px;
    padding-bottom: 20px;
}

.member-hover .member-detail h5 {
    color: #fff;
    margin-bottom: 0;
}

.member-hover p {
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #ff5252;
    position: relative;
}

.member-hover p:after {
    width: 38px;
    margin-left: -19px;
    content: '';
    border-bottom: 1px solid #fff;
    position: absolute;
    bottom: 1px;
    left: 50%;
}

.team-member:hover .member-hover p {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.team-member:hover .member-hover {
    bottom: 0;
}


/*** blog section ***/

.bg-blog {
    background-color: #f8f8f8;
}

.blogs-container {
    margin-bottom: 50px;
}

.blog-box {
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative;
}

.blog-text {
    padding: 15px 20px;
    position: relative;
    z-index: 11;
    position: relative;
}

.blog-box h4 {
    font-size: 15px;
    font-family: montserrat-regular;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blog-box .read-more {
    color: inherit;
}

.blog-box .read-more:hover {
    color: #ff5252;
}

.blog-info {
    margin-bottom: 10px;
}

.blog-info li {
    margin-bottom: 10px;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
}

.blog-info li + li {
    padding-left: 18px;
}

.blog-info li + li:before {
    content: '|';
    position: relative;
    left: -12px;
}

.blog-info li a {
    color: inherit;
}

.blog-info li a:hover {
    color: #ff5252;
}

.blog-carousel .owl-item {
    padding-left: 15px;
    padding-right: 15px;
}

.blog-box-meta {
    margin-bottom: 30px;
}

.post-meta-bar-abs {
    width: 100%;
    z-index: 8;
    position: absolute;
    left: 0;
    bottom: 0;
}

.blog-box .post-img {
    width: 55px;
    height: 55px;
    margin-right: 15px;
    overflow: hidden;
    border-radius: 50%;
    float: left;
}

.favorite {
    font-size: 12px;
    padding-top: 19px;
    color: #232323;
    text-transform: uppercase;
}

.blog-box > .blog-image {
    margin-top: -30px;
    position: relative;
    z-index: 9;
}

.blog-box > .blog-image:before {
    width: 120%;
    height: 150px;
    margin-top: -90px;
    margin-left: -45px;
    display: block;
    content: '';
    background-color: #fff;
    pointer-events: none;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
}

.blog-box > .blog-image > img {
    width: 100%;
}

.blog-box > .blog-image figcaption {
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    background-color: #3f51b5;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transform: translateX(100%);
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -ms0transform: translateX(100%);
}

.blog-box:hover > .blog-image figcaption {
    transform: translateX(0%);
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
}

.blog-link {
    width: 50px;
    height: 50px;
    line-height: 42px;
    margin-left: -25px;
    margin-top: -25px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    border: 4px solid #fff;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
}

.blog-link:hover {
    background-color: #ff5252;
}

.blog-controls {
    margin-bottom: 50px;
    text-align: center;
}

.blog-controls > a {
    margin-left: 4px;
    margin-right: 4px;
}

.blog-links {
    font-size: 15px;
}

.blog-links a {
    font-family: lato-regular;
    font-size: 12px;
    color: #000;
    padding: 0px 8px;
}

.blog-links a span {
    color: #ff5252;
}

.blog-links a:nth-child(2) {
    padding: 0px;
}


/*** parterners section ***/

.brands-section {
    padding-left: 55px;
    padding-right: 55px;
    position: relative;
}

.brands-section .brands-controls .caro-prev,
.brands-section .brands-controls .caro-next {
    margin-top: -18px;
    position: absolute;
    top: 50%;
}

.brands-section .brands-controls .caro-prev {
    left: 0;
}

.brands-section .brands-controls .caro-next {
    right: 0;
}

.brand-carousel .owl-item {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.brand-image {
    display: inline-block;
    border: 1px solid #f1f1f1;
}

.brand-image:hover {
    border-color: #232323;
}

.brand-image img {
    width: 100%;
    display: block;
}

.location-name {
    font-family: montserrat-regular;
    font-size: 22px;
}

#comments_form > input[type="text"],
#comments_form textarea {
    width: 100% !important;
    font-family: lato-medium;
    font-size: 12px;
    color: #fff;
    background-color: #1d1c1c;
    padding: 10px 17px;
}

.bg-footer {
    padding-top: 10px;
    font-family: lato-medium;
    background-color: #1d1c1c;
    background-image: url(../images/footer-bg.jpg);
    background-repeat: repeat-x;
    background-position: 0 0;
    color: #e8e8e8;
}

.bg-footer h4,
.bg-footer h5,
.bg-footer a {
    color: #fff;
}

.bg-footer a {
    color: #e8e8e8;
}

.subscribe-form {
    margin-bottom: 30px;
    position: relative;
}

.subscribe-form input[type='text'] {
    background-color: #111111;
    border: medium none;
    font-family: montserrat-regular;
    font-size: 12px;
    height: 40px;
    width: 100%;
    padding: 14px 20px;
}

.subscribe-form input[type='submit'] {
    height: 100%;
    background-color: #ff5252;
    font-family: montserrat-bold;
    font-size: 12px;
    color: #fff;
    padding: 9px 20px;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.area {
    margin-top: 46px;
    padding-bottom: 28px;
    border-bottom: 1px solid #323232;
}

.phone i,
.location i {
    float: left;
    font-size: 64px;
    color: #ff5252;
    padding-right: 14px;
}

.phone h5,
.location h5 {
    margin-bottom: 0px;
}

.social-media {
    margin-top: 32px;
}

.social-media li {
    display: inline-block;
}

.social-media li i {
    background-color: #505050;
    border-radius: 50%;
    color: #ffffff;
    height: 35px;
    line-height: 35px;
    margin-right: 6px;
    margin-top: -7px;
    text-align: center;
    text-decoration: none;
    width: 35px;
    font-size: 13px;
    display: block;
}

.work-timing span {
    float: right;
}

.work-timing li a {
    color: #e8e8e8;
    font-family: lato-medium;
    font-size: 13px;
    text-decoration: none;
}

#comments_form {
    padding: 0 15px;
}

#comments_form input {
    border-bottom: medium none;
}

.contact-us button {
    margin-top: 18px;
}

.bg-lowerfooter {
    background-color: #111111;
}

.lower-footer {
    font-family: lato-regular;
    font-size: 12px;
    color: #eee;
    padding-top: 20px;
    text-transform: uppercase;
}

.copy-right,
.bottom-links {
    text-align: center;
}

.bottom-links li {
    margin-bottom: 20px;
    display: inline-block;
}

.bottom-links li a {
    color: #eee;
    padding-left: 8px;
    padding-right: 8px;
    text-decoration: none;
}

.bottom-links li + li:before {
    content: '|';
}

.team-box {
    text-align: center;
}

.team-member {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    display: inline-block;
}

.member-img > img {
    width: 100%;
}

.half-circle {
    width: 50px;
    height: 25px;
    line-height: 25px;
    background-color: #ff5252;
    border-radius: 50px 50px 0px 0px;
    position: absolute;
    right: 0;
    top: -27px;
}

.half-circle-2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ff5252 #ff5252 -moz-use-text-color;
    border-image: linear-gradient(angle, #ff5252, blue) 1 100%;
    -moz-border-image: -moz-linear-gradient(180deg, black, rgba(0, 0, 0, 0)) 1 100%;
    border-style: solid solid none;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-width: 10px 10px 0;
    box-sizing: border-box;
    height: 75px;
    position: absolute;
    right: 0;
    top: -28px;
    width: 150px;
}

.spinner {
    animation: rotate 1s linear infinite;
    background: cyan;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    position: relative;
}

.spinner:before,
.spinner:after {
    content: '';
    position: absolute;
}

.spinner:before {
    border-radius: 50%;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 1) 0%, hsla(0, 0%, 100%, 0.9) 100%) 0% 0%, linear-gradient(90deg, hsla(0, 0%, 100%, 0.9) 0%, hsla(0, 0%, 100%, 0.6) 100%) 100% 0%, linear-gradient(180deg, hsla(0, 0%, 100%, 0.6) 0%, hsla(0, 0%, 100%, 0.3) 100%) 100% 100%, linear-gradient(360deg, hsla(0, 0%, 100%, 0.3) 0%, hsla(0, 0%, 100%, 0) 100%) 0% 100%;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
}

.spinner:after {
    background: white;
    border-radius: 50%;
    top: 3%;
    bottom: 3%;
    left: 3%;
    right: 3%;
}

.half-circle-222 {
    border-width: 3px;
    border-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff5252), to(blue)) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image: -moz-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
    -o-border-image: -o-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
    border-image: linear-gradient(to bottom, #ff5252, blue) 1 100%;
}

.widgets {
    margin-top: 37px;
    margin-bottom: 47px;
}

.about {
    margin-top: 20px;
}

.about img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.work-timing h5 {
    font-size: 18px;
}

.contact-us h5 {
    margin-bottom: 30px;
    font-size: 18px;
}

.work-timing li {
    line-height: 30px;
}


/*************** Home Page Two **************/

.home-banner-2 .banner-container {
    padding-top: 40px;
    padding-bottom: 40px;
}


/*** appointment form ***/

.home-2-banner-content {
    margin-bottom: 40px;
}

.appointment-form-block {
    position: relative;
}

.form-heading {
    padding: 15px;
    background-color: #ff5252;
    font-family: montserrat-bold;
    font-size: 13px;
    text-align: center;
    position: relative;
}

.form-heading h3 {
    margin-bottom: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.appoint-form-2 {
    padding: 30px 45px;
    background-color: rgba(0, 0, 0, 0.6);
    position: relative;
}

.appoint-form-2 .form-control,
.appoint-form-2 .select-box {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #f0f0f0;
    background-color: rgba(0, 0, 0, 0.1);
}

.appoint-form-2 .select-box select {
    color: #fff;
}

.appoint-form-2 .select-box select option {
    background-color: #fff;
    color: #777;
}

.appoint-form-2 .select-box,
.appoint-form-2 .select-box:before {
    background-color: transparent;
}

.appoint-form-2 input[type="submit"].btn {
    margin-left: -66px;
    position: absolute;
    left: 50%;
    bottom: -20px;
}

.text-right-md .btn {
    margin-bottom: 3px;
}


/*** services blocks 2 ***/

.service-list {
    padding-top: 60px;
}

.service-img > .service-detail {
    width: 100%;
    height: 100%;
    padding: 0px 30px 80px 30px;
    text-align: center;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    background: rgb(63, 81, 181);
    background: -moz-linear-gradient(top, rgba(63, 81, 181, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(63, 81, 181, 1)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(63, 81, 181, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(63, 81, 181, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(63, 81, 181, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(63, 81, 181, 1) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3f51b5', endColorstr='#000000', GradientType=0);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.4s ease 0s;
}

.service-box:hover .service-img > .service-detail {
    padding: 80px 30px;
    visibility: visible;
    opacity: 1;
}

.service-img > .service-detail a {
    color: #fff;
}

.service-name-2 {
    color: #fff;
    background-color: #3f51b5;
    position: relative;
}

.service-name-2 h5 {
    margin-bottom: 0;
    color: #fff;
}

.service-name-2 h5 a {
    padding: 20px 100px 20px 30px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.service-name-2 .iconic {
    padding: 12px 20px;
    font-size: 36px;
    line-height: 1;
    display: inline-block;
    background-color: #ff5252;
    position: absolute;
    right: 0;
    top: 0;
}

.service-name-2 .iconic:before,
.service-name-2 .iconic:after {
    width: 0;
    height: 0;
    content: "";
    border-right: 15px solid #ff5252;
    border-bottom: 31px solid transparent;
    border-top: 31px solid transparent;
    position: absolute;
    left: -15px;
    top: 0px;
}

.service-name-2 .iconic:before {
    border-bottom: 34px solid transparent;
    border-top: 34px solid transparent;
    border-right: 17px solid #fff;
    left: -17px;
    top: -2px;
}


/*** pricing box ***/

.pricing-box {
    margin-bottom: 40px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
}

.price {
    padding: 20px 20px;
    text-align: center;
    background: #3f51b5;
}

.price > h1 {
    display: inline-block;
    font-size: 90px;
    line-height: 1em;
    color: #fff;
    font-family: montserrat-regular;
    position: relative;
}

.price > h1 sup {
    font-size: 0.4em;
}

.price > h1 sub {
    font-size: 0.15em;
}

.plan-name {
    margin: -16px 0px;
    text-align: center;
}

.plan-name span {
    padding: 6px 30px;
    margin-left: 20px;
    margin-right: 20px;
    line-height: 20px;
    position: relative;
    background-color: #ff5252;
    display: inline-block;
    font-family: montserrat-bold;
    font-size: 12px;
    color: #fff;
}

.plan-name span::before {
    width: 0px;
    height: 0;
    content: "";
    display: block;
    border-color: #ff5252 #ff5252 #ff5252 transparent;
    border-style: solid;
    border-width: 16px;
    position: absolute;
    top: 0px;
    left: -24px;
}

.plan-name span::after {
    height: 0;
    width: 0;
    content: "";
    display: block;
    border-color: #ff5252 transparent #ff5252 #ff5252;
    border-style: solid;
    border-width: 16px;
    position: absolute;
    top: 0px;
    right: -24px;
}

.facility-list {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.facility-list ul {
    margin-bottom: 30px;
}

.facility-list ul li span {
    font-size: 12px;
}

.facility-list ul li {
    padding: 10px 15px;
}

.facility-list ul li:nth-child(even) {
    background: #f8f8f8;
}

.form-dropdown .select2-selection.select2-selection--single {
    background-color: transparent;
    border-color: #8d8e8d;
}

.form-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    font-family: lato-bold;
    font-size: 12px;
    line-height: 18px;
    padding: 8px 17px;
    float: left;
}

.form-dropdown .select2-container .select2-selection--single {
    height: 37px;
}

.form-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent;
    margin-left: -9px;
    margin-top: -1px;
}

.brand-bg {
    background-color: #f8f8f8;
}

.brand-bg .partners {
    margin-top: 60px;
}


/***************************** gallery-page ************************/

.title-box {
    margin-top: -38px;
    z-index: 1;
    background: #fff;
    position: relative;
}

.title-box:before {
    content: "";
    position: absolute;
    z-index: -1;
    display: block;
    top: 10px;
    bottom: 12px;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.title-box:after {
    display: block;
    content: '';
    border-bottom: 1px solid #d8d8d8;
    position: absolute;
    bottom: 0px;
    left: 30px;
    right: 30px;
}

.title-box-inner {
    padding: 40px 40px;
    background-color: #fff;
    position: relative;
}

.page-title {
    font-family: montserrat-regular;
    font-size: 22px;
}

ul.gallery-options {
    margin-bottom: 50px;
    text-align: center;
}

.gallery-options li {
    display: inline-block;
    padding: 0px 50px;
    list-style: none;
}

.gallery-options li a {
    font-family: montserrat-regular;
    font-size: 15px;
    color: #000;
    text-decoration: none;
}

.gallery-options li:hover a::after {
    border-bottom: 2px solid #ff5252;
}

.gallery-options li a::after {
    width: 56px;
    content: " ";
    display: block;
    height: 7px;
}

.content-wrap > .gallery-container {
    margin-bottom: 50px;
}


/***************************** Mega Menu Page ************************/

.mega-menu ul {
    padding: 0px;
    margin: 0;
    list-style: none;
}

.mega-menu h5 {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f2f2f2;
}

.dropdown-menu li a {
    padding: 10px !important;
}

.dropdown.menu-full {
    position: static;
}

.dropdown-menu.mega-menu {
    width: 100%;
    padding: 25px 15px 10px 15px;
    left: 0;
    right: 0;
}

.menu-list > li {
    padding: 6px 0;
}

.menu-list li a {
    font-family: lato-regular;
    font-size: 14px;
    color: #000;
    padding: 0px !important;
}

.menu-list li a:hover {
    text-decoration: none;
    color: #ff5252;
}

.mega-menu-img img {
    width: 100%;
}


/***************************** blog-page ************************/

.comments {
    background-color: #efefef;
    padding: 8px 75px 8px 28px;
    float: left;
}

.comments span {
    font-family: lato-regular;
    font-size: 13px;
    margin-right: 40px;
}

.comments i {
    color: #f23534;
    margin-right: 10px;
    font-size: 18px;
}


/*** widgets

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

.widget {
    margin-bottom: 40px;
}

.widget-title {
    padding-bottom: 10px;
    font-family: montserrat-regular;
    font-size: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #0049af;
    display: inline-block;
}


/*** blog-search ***/

.blog-search {
    padding: 12px 25px;
    margin-right: 15px;
    background-color: #0049af;
    position: relative;
}

.blog-search::before {
    width: 0;
    height: 0;
    content: "";
    border-bottom: 25px solid transparent;
    border-left: 15px solid #0049af;
    border-top: 25px solid transparent;
    position: absolute;
    right: -15px;
    top: 0px;
}

.blog-search::after {
    font-family: 'FontAwesome';
    content: "\f002";
    color: #8c8c8c;
    font-size: 16px;
    pointer-events: none;
    position: absolute;
    right: 38px;
    top: 12px;
}

.blog-search input[type="text"] {
    width: 100%;
    height: 26px;
    line-height: 12px;
    padding: 6px 20px;
    font-size: 10px;
    text-transform: uppercase;
    border: 0px;
    border-radius: 20px;
}

.blog-search input::-moz-placeholder {
    color: #777777
}

.blog-search textarea::-moz-placeholder {
    color: #777777
}

.blog-search input[type="submit"] {
    width: 30px;
    height: 26px;
    border: 0px;
    background-color: transparent;
    font-size: 0;
    line-height: 0;
    color: transparent;
    position: absolute;
    right: 26px;
    top: 12px;
}


/*** blog-socialmedia ***/

.widget-social-icons a {
    font-size: 16px;
    margin-right: 24px;
    color: #888888;
    display: inline-block;
}

.widget-social-icons a:hover {
    color: #0049af;
}


/*** widget-recent-work ***/

ul.recent-work-img {
    margin-left: -6px;
}

.recent-work-img > li {
    width: 33.333%;
    padding-left: 6px;
    float: left;
}

.recent-work-img .recent-img {
    position: relative;
    margin-bottom: 8px;
}

.recent-work-img .recent-img img {
    width: 100%;
    display: block;
}

.work-hover {
    text-align: center;
    opacity: 0;
    background: rgba(236, 98, 104, 0.85);
    position: absolute;
    left: 5px;
    top: 5px;
    right: 5px;
    bottom: 5px;
    transform: scale(0, 0);
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.recent-img:hover .work-hover {
    opacity: 1;
    transform: scale(1, 1);
}

.work-hover a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.work-hover a .fa {
    width: 24px;
    height: 28px;
    margin-left: -12px;
    margin-top: -14px;
    text-align: center;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
}


/*** archives widget ***/

.archives li + li {
    padding-top: 20px;
}

.archives li a {
    font-size: 12px;
}

.archives li a span {
    padding-left: 20px;
    font-size: 13px;
    color: #777;
    display: inline-block;
    transition: color 0.4s ease;
}

.archives li a:hover span {
    color: #ff5252;
}

.post-area {
    width: 100%;
    display: table;
    margin-bottom: 20px;
}

.post-area .post-img {
    padding-right: 20px;
    display: table-cell;
    vertical-align: top;
}

.post-area .post-img img {
    width: 58px;
}

.post-area .post-text {
    width: 100%;
    display: table-cell;
    vertical-align: top;
    font-size: 10px;
}

.post-area .post-text h5 {
    margin-bottom: 8px;
    font-size: 11px;
    font-family: lato-regular;
    text-transform: uppercase;
}


/*************************** Book Page ***************************/

.book-form {
    margin-bottom: 60px;
}

#book_form .form-group {
    padding: 6px 0;
}

.form-group .input i {
    font-size: 14px;
    color: #ececec;
    left: 25px;
    position: absolute;
    top: 10px;
}

.form-group .input .form-control {
    padding-left: 36px;
}

.select-box {
    margin-bottom: 16px;
    border: 1px solid #ececec;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
}

.select-box:before,
.select-box:after {
    content: '';
    display: block;
    z-index: 2;
    pointer-events: none;
    position: absolute;
    top: 0px;
}

.select-box:before {
    width: 36px;
    height: 100%;
    top: 0px;
    right: 0px;
    background-color: #0049af;
}

.select-box:after {
    width: 0;
    height: 0;
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 16px;
    right: 13px;
}

.form-group .select-box {
    margin-bottom: 0;
}

.select-box select {
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    margin-bottom: 0px;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0px;
    outline: 0px;
    cursor: pointer;
    background: none;
}

.select-box select option {
    padding: 6px 15px;
    border-bottom: 1px solid #f1f1f1;
}

#book_form .form-dropdown .select2-container .select2-selection--single {
    width: 100%;
    height: 36px;
    border: 1px solid #ececec;
    color: #d3d3d3;
}

#book_form .form-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #d3d3d3;
    font-family: lato-regular;
    font-size: 12px;
    padding: 8px 10px;
}

#book_form .form-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent;
    margin-left: -9px;
    margin-top: -1px;
}

#book_form .form-dropdown .select2-selection--single .select2-selection__arrow {
    background-color: #0049af;
    color: #3f51b5;
    height: 35px;
    position: absolute;
    right: 37%;
    top: 0;
    width: 35px;
}

#book_form .form-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 55%;
    position: absolute;
    top: 44%;
}


/*************************** e-coupons page ***************************/

.e-coupon-1 {
    width: 100%;
    border: 1px dashed #222222;
    padding: 22px 20px;
    margin-bottom: 33px;
    display: table;
    position: relative;
}

.e-coupon-1:before {
    font-family: 'FontAwesome';
    content: '\f0c4';
    font-size: 20px;
    color: #555555;
    line-height: 1;
    position: absolute;
    top: -13px;
    left: 20px;
}

.e-coupon-img {
    margin-bottom: 20px;
}

.e-coupon-img img {
    width: 100%;
}

.e-coupon-text h4 {
    text-transform: uppercase;
}

.e-coupon-text .btn {
    border-style: dashed;
    color: #0049af;
}

.e-coupon-text .btn:hover,
.e-coupon-text .btn:focus,
.e-coupon-text .btn:active {
    color: #fff;
}

.verification span {
    font-family: lato-semibold;
    font-size: 14px;
    text-transform: capitalize;
}

.verification a {
    color: #0049af;
    font-family: lato-semibold;
    font-size: 14px;
    padding-right: 12px;
}

.verification i {
    font-size: 16px;
    color: #0049af;
    padding-right: 12px;
}

.shared-by {
    padding-left: 12px;
}


/*************************** FAQ's- page ***************************/

.question1 i {
    float: left;
    font-size: 11px;
    color: #0049af;
    padding-right: 10px;
}

.question1 {
    position: relative;
    overflow: hidden;
}

.question1 h4 {
    font-family: montserrat-regular;
    font-size: 13px;
    color: #0049af;
    float: left;
    margin: 0px;
}

.click-active p {
    font-family: lato-regular;
    font-size: 14px;
    position: absolute;
    top: 40px;
}

.plus-click i {
    font-size: 18px;
    color: #c3c3c3;
    float: right;
}

.question1 {
    border: 1px solid #dddddd;
    padding: 13px;
}

.panel-heading {
    position: relative;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.panel-heading .panel-title a[aria-expanded="true"] {
    background-color: #0049af;
    color: #fff;
}

.panel-heading .panel-title a::after {
    content: "\f056";
    font-family: 'FontAwesome';
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 9px;
}

.panel-title a[aria-expanded="false"]::after {
    content: "\f055";
    color: #c2c2c2;
}

.panel-title {
    font-family: montserrat-regular;
    font-size: 13px;
    color: #0049af;
    text-transform: uppercase;
}

.panel-title i {
    margin-right: 10px;
    font-size: 1em;
}

.panel-default > .panel-heading {
    background-color: #fff;
}

.panel-body {
    font-family: lato-regular;
    font-size: 14px;
    padding: 20px 25px;
}

#accordion .panel-default {
    box-shadow: none;
    border-radius: 0px;
}

.panel-title a {
    padding: 15px 20px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
}

.panel-heading:hover {
    background-color: #0049af;
}

.panel-heading:hover .panel-title {
    color: #fff;
}

.panel-heading:hover .panel-title a::after {
    color: #fff;
}

.panel-group .panel {
    margin-bottom: 10px;
}


/***************************** contact-page ************************/

.contact-bg-color {
    background-color: #f5f5f5;
}

.contact-main {
    padding-top: 80px;
    padding-bottom: 80px;
}

.working-hours h4 {
    font-family: montserrat-bold;
    font-size: 15px;
    margin-bottom: 5px;
}

.address-info h4 {
    font-family: montserrat-bold;
    font-size: 15px;
    margin-bottom: 5px;
}

.contact-info h4 {
    font-family: montserrat-bold;
    font-size: 15px;
    margin-bottom: 5px;
}

.working-hours {
    border-bottom: 1px solid #dddddd;
    margin-top: 10px;
    padding-bottom: 10px;
}

.address-info {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 20px;
    margin-top: 20px;
}

.contact-info {
    margin-top: 10px;
}

.working-hours span {
    font-family: lato-medium;
    font-size: 15px;
    padding-left: 39px;
}

.address-info span {
    font-family: lato-medium;
    font-size: 15px;
    padding-left: 39px;
}

.contact-info span {
    font-family: lato-medium;
    font-size: 15px;
    padding-left: 39px
}

.reach-us h3 {
    font-size: 20px;
}

.working-hours i {
    font-size: 22px;
    float: left;
    padding-right: 20px
}

.address-info i {
    font-size: 22px;
    float: left;
    padding-right: 20px;
}

.contact-info i {
    font-size: 22px;
    float: left;
    padding-right: 20px;
}

#maincontact_form i {
    font-size: 15px;
    color: #aaaaaa;
    position: absolute;
    left: 26px;
    top: 10px;
}

#maincontact_form .form-control {
    color: #777777;
    padding-left: 36px;
}

#maincontact_form textarea.form-control {
    height: 150px;
}

.mail-us h3 {
    font-size: 20px;
}

.main-contact-form {
    margin-top: 34px;
}


/***************************** Blog Single Post Page ************************/

.blog-single-post {
    padding: 7px;
    margin-bottom: 30px;
    border: 1px solid #ececec;
}

.post-image {
    margin-bottom: 10px;
}

.post-image > img {
    width: 100%;
}

.post-meta-bar {
    padding: 14px 15px 9px 15px;
}

.post-meta-bar-abs {
    background-color: #f9fafc;
    border-bottom: 1px solid #f0f0f0;
    display: none;
}

.post-meta li {
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 5px;
    font-size: 13px;
    color: #bcbdbd;
    text-transform: none;
}

.post-meta li a {
    color: inherit;
}

.post-meta li a:hover {
    color: #0049af;
}

.post-meta li i {
    color: #fd7c7d;
    font-size: 14px;
    padding-right: 14px;
}

.blog-detail {
    padding: 20px 16px;
}

.blog-detail h4 {
    font-family: montserrat-regular;
    font-size: 16px;
    text-transform: uppercase;
}

.blog-quote {
    background-color: #0049af;
    color: #fff;
    margin-top: 46px;
    margin-bottom: 42px;
    position: relative;
    padding: 50px 35px 30px 65px;
}

.blog-quote p {
    font-size: 14px;
}

.blog-quote::before {
    content: "\f10d";
    font-family: 'FontAwesome';
    float: left;
    font-size: 50px;
    color: #195ab4;
    position: absolute;
    top: 0;
    left: 18px;
}

.blog-author-text p {
    font-size: 13px;
}

.blog-author-text span {
    font-size: 13px;
    font-family: lato-regular;
    color: #ff5252;
    padding-left: 9px;
    padding-right: 12px;
}

.post-bottom .social-media {
    margin-top: 0;
}


/*** author-post ***/

.author-post {
    border: 1px solid #ececec;
    padding: 30px 20px;
    margin-bottom: 45px;
}

.author {
    width: 60px;
    padding-right: 20px;
    display: table-cell;
    vertical-align: top;
}

.author img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-top: 5px;
}

.author-review {
    width: 100%;
    display: table-cell;
    vertical-align: top;
}

.author-review p:last-child {
    margin-bottom: 0;
}


/*** blog-comment ***/

.blog-single-comments h3 {
    font-family: montserrat-regular;
    font-size: 22px;
}

.blog-comment {
    position: relative;
    margin-bottom: 20px;
}

.person-img {
    width: 40px;
    position: absolute;
    top: 0;
    left: 0;
}

.person-img img {
    width: 100%;
}

.comment-post {
    padding: 15px 20px;
    margin-left: 60px;
    border: 1px solid #ececec;
    position: relative;
}

.comment-upper {
    margin-bottom: 20px;
}

.comment-upper h4 {
    font-family: montserrat-regular;
    font-size: 13px;
    margin: 0px;
}

.comment-upper span {
    font-family: lato-medium;
    font-size: 13px;
}

.reply-button {
    color: #ff5252;
    font-size: 12px;
}

ul.comments-list {
    margin-bottom: 50px;
}

.comments-list li ul {
    margin-left: 30px;
}

.leave-comment {
    margin-bottom: 80px;
}

#commenting_form i {
    color: #969595;
    font-size: 15px;
    left: 14px;
    position: absolute;
    top: 10px;
}

.leave-comment .input {
    position: relative;
    color: #969595;
}

.leave-comment .form-control {
    color: #969595;
}

.leave-comment textarea.form-control {
    height: 80px;
}

#respond h3 {
    padding: 0;
}

.leave-comment h3 {
    font-family: montserrat-regular;
    font-size: 22px;
}


/***************************** 404 Page ************************/

.error-image {
    display: none;
}

.error-text {
    padding-top: 60px;
    padding-bottom: 80px;
    font-size: 16px;
}

.error-text h1 {
    margin-bottom: 10px;
    line-height: 1;
}

.error-text h3 {
    margin-bottom: 10px;
    font-family: lato-heavy;
    font-size: 20px;
    line-height: 1.1;
}

.error-text .btn-default {
    padding: 12px 26px;
    color: #fff;
    background: -webkit-linear-gradient(80deg, #37479f 50%, #3f51b5 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-linear-gradient(80deg, #37479f 50%, #3f51b5 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(170deg, #37479f 50%, #3f51b5 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.error-text .btn-default:hover,
.error-text .btn-default:focus,
.error-text .btn-default:active {
    background: -webkit-linear-gradient(80deg, #37479f 50%, #3f51b5 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-linear-gradient(80deg, #37479f 50%, #3f51b5 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(170deg, #37479f 50%, #3f51b5 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

.btn-primary {
    background-color: #5A9DCC;
}

.text-secondary {
    color: #ff5252;
}

.btn-secondary {
    background-color: #5A9DCC;
}