@font-face {
  font-family: mukafont;
  src: url("./font/Scanno-Medium.otf")
}

body {
    /*font-family: 'Montserrat', sans-serif;*/
    font-family: mukafont !important;
    font-size: 16px;
    font-weight: 300;
    color: #888;
    line-height: 30px;
    text-align: center;
    overflow-x: hidden;
}

strong {
    font-weight: 800;
    color: #1f0141;
}

.service-title {
    font-weight: 400;
    color: #1f0141;
}

a,
a:hover,
a:focus {
    color: #1f0141;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

h1,
h2 {
    margin-top: 10px;
    font-size: 38px;
    font-weight: 300;
    color: #000;
    line-height: 50px;
    margin-bottom: -5px;
}

h3 {
    font-size: 22px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
}

img {
    max-width: 100%;
}

.medium-paragraph {
    font-size: 18px;
    line-height: 32px;
}

.blue {
    color: rgb(215, 180, 6);
}

 ::-moz-selection {
    background: rgb(215, 180, 6);
    color: #fff;
    text-shadow: none;
}

 ::selection {
    background: rgb(215, 180, 6);
    color: #fff;
    text-shadow: none;
}


/***** Loader *****/

.loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden !important;
    z-index: 99999;
}

.loader-img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    width: 60px;
    height: 60px;
    background: url(../img/loading.gif) center center no-repeat;
}


/***** General style, all sections *****/

.section-container {
    margin: 0 auto;
    padding-bottom: 80px;
    background:#000;
}

.section-container-gray-bg {
    background: #000;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.section-container-gray-bg h2,h3 { 
    color: #fff
}

.section-container-gray-bg p {
    color: #fff;
}

.section-container-image-bg,
.section-container-image-bg h2,
.section-container-image-bg h3 {
    color: #fff;
}

.section-container-image-bg .divider-1 span {
    background: #fff;
}

.section-description {
    margin-top: 60px;
    padding-bottom: 50px;
}

.section-description p {
    margin-top: 20px;
    padding: 0 100px;
}

.section-container-image-bg .section-description p {
    opacity: 1;
}

.section-bottom-button {
    padding-top: 60px;
}

.btn-link-1 {
    position: relative;
    display: inline-block;
    height: 50px;
    margin: 0 5px;
    padding: 16px 20px 0 20px;
    background: rgb(215, 180, 6);
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.btn-link-1:hover,
.btn-link-1:focus,
.btn-link-1:active {
    outline: 0;
    opacity: 0.6;
    color: #fff;
}

.btn-link-1:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    background: rgba(0, 0, 0, 0.1);
}

.btn-link-2 {
    display: inline-block;
    height: 50px;
    margin: 0 5px;
    padding: 16px 40px 0 40px;
    background: rgba(0, 0, 0, 0.3);
    border: 0px solid #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 50px;
    /*  background-image: linear-gradient(-225deg, rgb(158, 251, 211) 0%, rgb(87, 233, 242) 48%, rgb(69, 212, 251) 100%);*/
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2);
}

.btn-link-2:hover,
.btn-link-2:focus,
.btn-link-2:active,
.btn-link-2:active:focus {
    box-shadow: none;color: #fff;
}


/***** Divider *****/

.divider-1 span {
    display: inline-block;
    width: 50px;
    height: 4px;
    /*  background-image: linear-gradient(-225deg, rgb(158, 251, 211) 0%, rgb(87, 233, 242) 48%, rgb(69, 212, 251) 100%);*/
}


/***** Modal *****/

.modal-content {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: left;
}

.modal-body {
    padding: 0 25px 15px 25px;
}

.modal-body img {
    margin-bottom: 15px;
}

.modal-header {
    padding: 25px 25px 15px 25px;
}

.modal-footer {
    padding: 15px 25px 25px 25px;
}

.modal-header,
.modal-footer {
    border: 0;
}

.modal-header .close {
    font-size: 36px;
    color: #888;
    font-weight: 300;
    text-shadow: none;
    opacity: 1;
}

.modal-footer button {
    height: 50px;
    margin: 0;
    padding: 0 20px;
    background: none;
    border: 1px solid #888;
    font-size: 16px;
    font-weight: 300;
    color: #888;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.modal-footer button:hover {
    outline: 0;
    opacity: 0.6;
    background: none;
    border: 1px solid #888;
    color: #888;
}

.modal-footer button:focus,
.modal-footer button:active:focus,
.modal-footer button.active:focus {
    outline: 0;
    opacity: 0.6;
    background: none;
    border: 1px solid #888;
    color: #888;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-footer button:before {
    background: none;
}


/***** Top menu *****/

.navbar {
    min-height: 85px;
    margin-bottom: 0px;
    padding-top: 0px;
    background: #333;
    background: rgba(51, 51, 51, 0.3);
    border: 0;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.navbar.navbar-no-bg {
    background: #000 !important;
}

ul.navbar-nav {
    font-size: 16px;
    margin-top:0px;
    color: #fff;
}

.navbar-inverse ul.navbar-nav li a {
    color: #fff;
    opacity: 0.8;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    font-size: 18px;
}

.navbar-inverse ul.navbar-nav li a:hover {
    /*color: #1f0141;*/
    opacity: 1;
    border-bottom: 1px solid white;
}

/*.navbar-inverse ul.navbar-nav li a:focus {*/
/*    color: #d49d10;*/
/*    outline: 0;*/
/*    opacity: 1;*/
/*    border-bottom: 1px solid #c5a54a;*/
/*}*/

.navbar-inverse ul.navbar-nav li a.btn-link-2 {
    height: auto;
    margin: 4px 0 0 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #fff;
}

.navbar-brand {
    /*width: 97px;*/
    /*	background: url(../img/logo.png) left center no-repeat; */
    text-indent: -99999px;
    height: auto;
    width: 100px;
    padding: 5px 15px 10px !important;
    margin-top: 0px;
    margin-left: 15px;
}


/***** Top content *****/

.inner-bg {
    padding: 0px 0 170px 0;
}

.top-content .text {
    padding-top: 80px;
    color: #fff;
    text-align: center;
}

.top-content .text h1 {
    color: #fff;
    font-weight: 500;
    font-size: 44px;
}

.top-content .description {
    margin: 20px 0 10px 0;
}

.top-content .description p {
    opacity: 0.8;
}

.top-content .top-big-link {
    margin-top: 35px;
}

.form-top {
    overflow: hidden;
    padding: 0 25px 15px 25px;
    /*	background: rgba(41, 230, 239, 0.8);*/
    text-align: left;
}

.form-top-left {
    float: left;
    width: 75%;
    padding-top: 25px;
}

.form-top-left h3 {
    margin-top: 0;
}

.form-top-right {
    float: left;
    width: 25%;
    padding-top: 5px;
    font-size: 70px;
    color: #eee;
    line-height: 100px;
    text-align: right;
}

.form-bottom {
    /*padding: 25px 25px 30px 25px;*/
    /*background: rgba(41, 230, 239, 0.8);*/
    text-align: left;
}

.form-inner-box {}

#form-top {
    margin-top: -100px;
}

.form-top-center h3 {
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-size: 30px;
    color: #fff;
    margin-top: 25px;
    font-weight: bold;
}

.form-bottom form textarea {
    margin-bottom: 20px;
    height: 100px;
}

.form-bottom form .form-links {
    display: inline-block;
    width: 275px;
    text-align: right;
    vertical-align: top;
}

.form-bottom form .form-links a {
    color: #888;
}

.form-bottom form .form-links a:hover,
.form-bottom form .form-links a:focus {
    color: #888;
    border-bottom: 1px dotted #888;
}


/***** Features *****/

.features {
    padding-bottom: 30px;
}

.features-box {
    padding-top: 15px;
    padding-bottom: 15px;
}

.features-box-gray {
    background: #f8f8f8;
}

.features-box .features-box-icon {
    font-size: 80px;
    color: rgb(215, 180, 6);
    line-height: 80px;
}

.features-box h3 {
    margin-top: 15px;
}


/***** More features *****/

.service-container {
    padding-bottom: 60px;
}

.more-features-box {
    margin-top: 30px;
    margin-bottom: 20px;
}

.more-features-box-text {
    margin-top: 40px;
    padding-left: 30px;
    overflow: hidden;
    text-align: left;
}

.more-features-box-text:first-child {
    margin-top: 20px;
}

.more-features-box-text-left {
    padding-left: 0;
    padding-right: 30px;
}

.more-features-box-text-icon {
    float: left;
    width: 60px;
    height: 60px;
    padding-top: 6px;
    background: rgb(215, 180, 6);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 40px;
    color: #fff;
    line-height: 40px;
    text-align: center;
}

.more-features-box-text h3 {
    float: right;
    width: 86%;
    margin-top: 0;
}

.more-features-box-text-description {
    float: right;
    width: 86%;
}


/***** Always beautiful *****/

.always-beautiful-container {
    padding-bottom: 60px;
    background-color: #ccc;
}

.always-beautiful-box {
    margin-top: 30px;
    margin-bottom: 20px;
}

.always-beautiful-box-text {
    margin-top: 40px;
    padding-left: 30px;
    overflow: hidden;
    text-align: left;
}

.always-beautiful-box-text:first-child {
    margin-top: 20px;
}

.always-beautiful-box-text-left {
    padding-left: 0;
    padding-right: 30px;
}

.always-beautiful-box-text h3 {
    margin-top: 0;
}

.always-beautiful-box-text .medium-paragraph {
    margin-top: 20px;
    margin-bottom: 20px;
}


/***** How it works *****/

.how-it-works {
    padding-bottom: 30px;
}

.how-it-works-box {
    padding-top: 15px;
    padding-bottom: 15px;
}

.how-it-works-box .how-it-works-box-icon {
    position: relative;
    font-size: 80px;
    line-height: 80px;
}

.how-it-works-box-icon .how-it-works-step {
    position: absolute;
    top: 0;
    left: 95px;
    width: 32px;
    height: 32px;
    background: rgb(215, 180, 6);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 24px;
    color: #fff;
    line-height: 32px;
}

.how-it-works-box h3 {
    margin-top: 15px;
}

.how-it-works-box p {
    opacity: 0.8;
}


/***** Pricing *****/

.pricing {
    padding-bottom: 30px;
}

.pricing-box {
    padding-top: 30px;
    padding-bottom: 20px;
}

.pricing-box-inner {
    background: #f8f8f8;
}

.pricing-box-price {
    position: relative;
    padding: 20px 0 7px 0;
    background: #eee;
    font-size: 42px;
    color: #555;
    line-height: 54px;
}

.pricing-box-best .pricing-box-price {
    background: rgb(215, 180, 6);
    color: #fff;
}

.pricing-box-price span {
    font-size: 18px;
    color: #888;
    line-height: 32px;
}

.pricing-box-best .pricing-box-price span {
    color: #fff;
}

.pricing-box-icon {
    position: absolute;
    top: -32px;
    right: 20px;
    width: 63px;
    height: 63px;
    padding-top: 5px;
    background: rgb(215, 180, 6);
    border: 3px solid #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.pricing-box-icon span {
    display: block;
    font-size: 40px;
    line-height: 40px;
}

.pricing-box h3 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 20px;
    background: #eee;
    color: #888;
}

.pricing-box.pricing-box-best h3 {
    background: rgb(215, 180, 6);
    color: #fff;
}

.pricing-box h4 {
    margin-top: 0;
    margin-bottom: 2px;
    padding: 10px 20px;
    background: #e8e8e8;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    text-transform: uppercase;
}

.pricing-box.pricing-box-best h4 {
    background: #02848a;
    color: #fff;
}

.pricing-box-features ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pricing-box-features li {
    padding: 7px 20px;
    border-bottom: 1px solid #eee;
}

.pricing-box-sign-up {
    padding: 25px 0;
}


/***** Call to action *****/

.call-to-action-container .section-bottom-button {
    padding-top: 30px;
}


/***** About us *****/

.contact-us-container {
    background: #fff;
}

.about-us-box {
    padding-top: 30px;
    padding-bottom: 15px;
}

.about-us-box .about-us-photo {
    position: relative;
    width: 160px;
    margin: 0 auto;
}

.about-us-box .about-us-photo img {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.about-us-box .about-us-photo .about-us-role {
    position: absolute;
    bottom: 10px;
    left: 0;
    padding: 3px 5px;
    background: rgb(215, 180, 6);
    font-size: 14px;
    color: #fff;
    line-height: 15px;
    text-transform: uppercase;
}

.about-us-box .about-us-social {
    margin-top: 5px;
    font-size: 36px;
    line-height: 36px;
}

.about-us-box .about-us-social a {
    color: #ddd;
}

.about-us-box .about-us-social a:hover,
.about-us-box .about-us-social a:focus {
    color: rgb(215, 180, 6);
}


/***** Testimonials *****/

.testimonials-container {
    padding-bottom: 70px;
}

.testimonial-list {
    margin-top: 30px;
    text-align: left;
}

.testimonial-list .tab-pane {
    overflow: hidden;
}

.testimonial-list .testimonial-image {
    position: relative;
    float: left;
    width: 17%;
    margin: 10px 0 0 0;
}

.testimonial-list .testimonial-image img {
    max-width: 120px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.testimonial-list .testimonial-image .testimonial-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    padding-top: 3px;
    background: rgb(215, 180, 6);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 32px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.testimonial-list .testimonial-image:hover .testimonial-icon {
    opacity: 0;
}

.testimonial-list .testimonial-text {
    float: left;
    width: 83%;
}

.testimonial-list .nav-tabs {
    border: 0;
    text-align: right;
}

.testimonial-list .nav-tabs li {
    float: none;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.testimonial-list .nav-tabs li a {
    width: 14px;
    height: 14px;
    padding: 0;
    background: #ddd;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.testimonial-list .nav-tabs li a:hover {
    border: 0;
    background: rgb(215, 180, 6);
}

.testimonial-list .nav-tabs li.active a {
    background: rgb(215, 180, 6);
}

.testimonial-list .nav-tabs li.active a:focus {
    border: 0;
}


/***** Footer *****/

footer {
    padding: 40px 0 35px 0;
    background: #000;
}

.footer-social {
    font-size: 50px;
    line-height: 50px;
}

.footer-social a {
    color: #ddd;
}

.footer-social a:hover,
.footer-social a:focus {
    color: #1f0141;
}

.footer-copyright {
    margin-top: 5px;
}


/* Additional CSS - Suraj*/

.top-bar {
    height: auto;
    padding: 7px 0px  5px 30px;
    text-align: left;
    background-color: #1f0141;
}

.top-bar ul {
    color: #2d3333;
}

.work-hours ul {
    text-align: left;
    list-style-type: none;
    padding-left: 0px
}

.contact-details ul {
    text-align: left;
    margin-bottom: 2px;
    list-style-type: none;
}

.top-bar ul li {
    display: inline;
    margin-right: 20px;
    font-size: 20px;
}

.top-bar ul li i {
    margin-right: 5px;
}

.top-bar ul li i:hover {
    color: #000;
}

.top-bar .top-label {
    font-weight: bold;
    font-size: 23px;
}

.top-bar .social-icons {
    margin-left: 30px;
}
#top-right{
  text-align: center;
}
#top-right-btn {
    padding: 6px 30px 0 30px;
    height: 40px;
        background-image: linear-gradient(-225deg, #fff 0%, rgb(255, 255, 255) 48%, rgb(255, 255, 255) 100%)!important;
}
#top-right-btn:hover{
  color:#000;
}
#top-right-btn:focus{
  color:#000;
}
.navbar-header {
    width: auto;
}


/* Replace Google Fonts for Logo Text */

.logo-text {
	text-align: center;
    font-family: 'Raleway', sans-serif;
}

.company-name {
    color: #2d3333;
    margin-top: 30px;
    font-size: 30px;
    font-weight: 500;
    line-height: 32px;
}

.company-slogan {
    color: #23D8CA;
    font-weight: bold
}

.logo {
	float:none;
    /*width: 250px;*/
    width:315px;
}

.form-bottom .form-group {
    margin-bottom: 15px;
    padding: 0 25px;
}


/* */

.sb-btn-top {
    display: block;
    color: #1f0141;
    padding: 5px 20px;
    background-color: #fff;
    border: 0px solid;
    width: auto;
    margin: -15px 10px 5px;
    font-size: 18px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 0px;
	font-weight:400;
}

.sb-btn-top:hover {
    color: #000;
}

.sb-btn {
    margin: auto;
    display: block;
    color: #fff;
    padding: 10px;
    background-color: #fff;
    border: 0px;
    background-image: linear-gradient(-225deg, #C3951D 0%, #C3951D 48%, #C3951D 100%);
    width: 80%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 33px;
}

.sb-btn:hover {
    background-image: linear-gradient(-225deg, #C3951D 0%, #C3951D 48%, #C3951D 100%);
    box-shadow: 0 5px 15px rgba(194, 148, 29, 0.62);
    color: #fff;
}

.submit-box {
    padding: 20px 200px;
    background-color: #2d3333;
}

.submit-box-top {
    padding: 15px;
    margin-bottom: 30px;
}

.about-subheader {
    font-weight: 600;
    font-family: 'raleway', sens-serif;
    margin-top: 0px;
    margin-bottom: 20px;
}

.about-subheader {
    font-family: 'raleway', sens-serif;
    margin-top: 0px;
    margin-bottom: 20px;
    color: #fff;
}

.about-subheader:before {
    /* font-family: FontAwesome;
    content: "\f10d";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-size: 14px;
    margin-top: -15px; */
}

.about-us {
    color: #fff;
}


/*Service section*/

.service-title h3 {
    font-weight: 300;
    text-align: left
}

.service-desc p {
    text-align: left;
}

.service-subheader {
    margin-top: 10px;
}

.service-container .nav-tabs>li {
    float: none;
    margin-bottom: -1px;
}

.service-container .nav-tabs {
    border-bottom: 0px solid #ddd;
}

.service-container .nav-tabs>li.active>a,
.service-container .nav-tabs>li.active>a:hover,
.service-container .nav-tabs>li.active>a:focus {
    color: #2c3232;
    cursor: default;
    background-color: rgba(201, 85, 85, 0);
    border: 0px solid #ddd;
    border-bottom-color: transparent;
    border-bottom: 0px solid;
    background-image: linear-gradient(-225deg, rgb(158, 251, 211) 0%, rgb(87, 233, 242) 48%, rgb(69, 212, 251) 100%);
    font-size: 24px;
}

.service-container .nav-tabs>li>a {
    font-size: 20px;
    color: #2c3232;
    padding: 20px 30px;
    text-align: right;
}


/*.services .panel-primary>.panel-heading {
    font-size: 22px;
    color: #fff;
    background-color: rgba(201, 85, 85, 0);
    /*  background-image: linear-gradient(-225deg, rgb(158, 251, 211) 0%, rgb(87, 233, 242) 48%, rgb(69, 212, 251) 100%);*/


/*border-color: #337ab7;
    padding: 10px 10px;
    border-bottom: 0px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 0 3px 3px 0 #2d3333;
}*/

.services .panel-primary>.panel-heading {
    font-size: 22px;
    color: #fff;
    padding: 5px 5px;
    background-color: rgba(201, 85, 85, 0);
    border: 1px solid;
    box-shadow: inset 0 0 10px rgba(255, 255, 255, .5), 0 0 10px rgba(255, 255, 255, .2);
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 15px;
    text-shadow: 1px 1px 1px #050205;
    position: relative;
}

.panel-heading .panel-title {
    font-size: 22px;
}

.services .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px solid transparent;
    /* border-radius: 4px; */
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

@media (max-width: 768px) {

    .service-container .nav-tabs>li>a {
        text-align: left;
    }
}

@media (min-width: 992px) {
    .navbar-header { width:100%;}	
    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
    }
    .navbar-toggle {
        display: none;
    }
    .navbar-right {
        float: left !important;
        margin-right: -15px;
    }
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-header {
        float: none;
        display:block-inline;
        text-align: center;
    }
    .navbar-nav>li {
        float: left;
    }
    .container>.navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
}

@media only screen and (max-width:1200px) {
    .top-bar {}
}


/*Gallery*/


/* Gallery */

.lightboxgallery-gallery {
    display: block;
    margin: 0px -10px;
}

.lightboxgallery-gallery-item {
    cursor: zoom-in;
    display: block;
    float: left;
    width: 20%;
}
.img-d-mbl-cls{
    display:none;
}
@media only screen and (max-width: 767px) {
    .lightboxgallery-gallery-item {
        width: 33.3333%;
    }
}
@media only screen and (max-width: 768px) {
    .logo {
            margin-top: 0px !important;
            width: 250px !important;
            margin-bottom:10px;
        }
}

@media only screen and (max-width: 479px) {
    .logo {
        margin-left: auto;
        display:block;
    }
    .navbar-toggle{
        top: -58px !important;
    }
    .navbar-header {
        width: 100% !important;
    }
    .top-content .description p{
        opacity:1;
    }
    .img-d-mbl-cls{
    display:block;
}
    .backstretch img{
        display:none;
    }
    .inner-bg h1 strong{
        color:black;
    }
    .btn-link-2{
        box-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black;
    }
    .top-content .text {
        padding-top: 14px;
    }
    .inner-bg{
        background-color: rgb(122 56 255) !important;
        background-image: none !important;
    }
    .lightboxgallery-gallery-item {
        width: 50%;
    }
}

.lightboxgallery-gallery-item img {
    width: 100%;
    box-shadow: 3px 3px 7px 0px rgba(147, 147, 147, 0.5);
}

.lightboxgallery-gallery-item>div {
    position: relative;
    margin: 10px;
}

.lightboxgallery-gallery-item>div:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 100%);
    opacity: 0;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
}

.lightboxgallery-gallery-item:hover>div:after {
    opacity: 1;
}

.lightboxgallery-gallery-item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
}

.lightboxgallery-gallery-item:hover .lightboxgallery-gallery-item-content {
    opacity: 1;
}

.lightboxgallery-gallery-item-title {
    display: block;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 1.2;
    /* font-weight: bold; */
    letter-spacing: 1px;
}


/*CTA */


/*CTA*/
.txt-shdw{
    text-shadow: 0 0 4px white, 0 0 4px white;
}
.call-to-action-container {
    /*background-image: linear-gradient(-225deg, rgba(122, 56, 255, 0.77) 0%, rgba(122, 56, 255, 0.79) 48%, rgba(122, 56, 255, 0.54) 100%), url(../../assets/img/backgrounds/2.jpg);*/
    /*background-image: linear-gradient(-225deg, rgba(122, 56, 255, 0.77) 0%, rgba(122, 56, 255, 0.79) 48%, rgba(122, 56, 255, 0.54) 100%), url(https://www.limospalmsprings.com/assets/img/gallery/service6.jpg);*/
    background-image: linear-gradient(-225deg, #1f0141a6 0%, #1f0141a6 48%, #1f0141a6 100%), url(https://www.limospalmsprings.com/assets/img/gallery/service6.jpg);
    background-size: cover;
    padding-bottom: 30px !important;
}

.cta-number {
    font-size: 4em;
    margin-top: 40px;
    font-weight: bold;
    color: #fff;
    opacity: 1 !important;
}

.cta-number:hover {
    color: #2d3333;
}

.hrs {
    width: 75px;
    margin: 10px;
    filter: invert(51%) sepia(25%) saturate(6266%) hue-rotate(226deg) brightness(33%) contrast(154%);
}

.img-box {
    float: left;
}

.cta-desc {
    opacity: 1 !important;
    font-size: 22px;
    margin-top: 40px !important;
}

.after-cta {
    /*margin-top: 30px;*/
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
    padding-top: 30px;
}

.wh-desc {
    display: table-cell;
    vertical-align: middle;
    height: 95px;
    text-align: left;
}

.cta-content p {
    opacity: 1;
}


/*Contact Us*/

.contact-us-container {
    padding-bottom: 0px !important;
}

.contact-us-container .col-md-8,
.contact-us-container .col-sm-7 {
    padding: 0px !important;
}

.contact-us-container .form-footer-box .submit-box {
    padding: 0px 0;
}

.form-footer-box {
    position: absolute;
    top: 25px;
    right: 50px;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .2);
    border-radius: 4px !important;
    border: 0px solid;
    width:300px;
}

.form-footer-box .sbf-btn {
    background-color: transparent;
    color: rgb(215, 180, 6);
    font-weight: 400;
    font-size: 18px;
    width: 100%;
    order-radius: 0px;
    padding: 10px 0;
    border: 0px;
}

.form-footer-box .sbf-btn:hover {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    width: 100%;
    order-radius: 0px;
}

.contact-info {
    text-align: center;
}

.contact-info h3 {
    color: #000;
    margin-top: 30px;
}

.contact-info p {
    margin: 0 0 0px;
    color: #000;
}

.contact-info p i {
    margin-right: 8px;
}

#paymentsMethods {
    position: relative;
    margin: 0px;
    padding: 0px;
    zoom: 0.85;
}

#paymentsMethods li {
    display: inline-block;
    float: none;
    position: relative;
    border-radius: 4px;
    margin: 0px 7px 10px 0px;
    width: 60px;
    height: auto;
    border-bottom: 3px solid rgba(0, 0, 0, .45);
}

#paymentsMethods li img {
    width: 100%;
    height: auto;
}

#paymentsMethods h3 {
    text-align: left;
}

#paymentsMethods .cash {
    background: #8a8c8e;
}

#paymentsMethods .visa {
    background: #0a67b2;
}

#paymentsMethods .mastercard {
    background: #DC1825;
}

#paymentsMethods .paypal {
    background: #34679a;
}

#paymentsMethods .discover {
    background: #f58220;
}

#paymentsMethods .visa_electron {
    background: #045ea0;
}

#paymentsMethods .diners {
    background: #a6a9ad;
}

#paymentsMethods .amexp {
    background: #0a67b5;
}

#paymentsMethods .cheque {
    background: #3a3b3b;
}

.inner-bg {
    background-color: rgba(0, 0, 0, 0.6);
    background-image: -webkit-repeating-radial-gradient(center center, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 1px, transparent 1px, transparent 100%);
    background-image: -moz-repeating-radial-gradient(center center, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 1px, transparent 1px, transparent 100%);
    background-image: -ms-repeating-radial-gradient(center center, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 1px, transparent 1px, transparent 100%);
    background-image: repeating-radial-gradient(center center, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 1px, transparent 1px, transparent 100%);
    -webkit-background-size: 3px 3px;
    -moz-background-size: 3px 3px;
    background-size: 3px 3px;
}

.top-content .top-arrow {
    margin-top: 40px;
    font-size: 50px;
    line-height: 50px;
}

.form-top-center p {
    font-size: 12px;
    margin-bottom: 0px;
    text-align: center;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.75);
}

.contact-form em {
    font-size: 12px;
    color: #FF0004;
    text-align: left;
}

.contact-details a {
    color: #1f0141;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    font-weight: 500;
    font-size: 25px;
}

.about.section-description {
    margin-top: 60px;
    padding-bottom: 20px;
}
.about.section-description h2 {
    color: #fff;
}

.wh-title h3 {
    display: table-cell;
    vertical-align: middle;
    height: 95px;
    text-align: left;
    padding-right: 10px;
}

.wh-title {
    float: left;
}

.address-box {
    padding: 0 10px;
}

.footer-copyright a img {
    width: 170px;
}

.section-container-image-bg .divider-2 span {
    background: #fff;
}

.section-container-image-bg .divider-3 span {
    background: rgb(215, 180, 6);
}

.divider-2 span {
    display: inline-block;
    width: 50px;
    height: 4px;
}


/*-------------------------header-sectoin-------------------------------*/

h5.header-phone {
    float: left;
    margin: 20px 0px 0px 0px;
    font-size: 24px;
    color: #343434;
    padding: 10px 10px 10px 10px;
}

a.header-button {
    font-size: 18px;
    font-style: normal;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    background: rgb(215, 180, 6);
    padding: 8px 15px;
    margin: 20px 0 0 0;
    border-radius: 5px;
}

a.header-button:hover {
  color: #d7b406;
background: rgb(5, 3, 0);
}


.box {
    width: 330px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.box-form {
    width: 320px;
    position: relative;
    z-index: 1;
}

.box-login-tab {
    width: 40%;
    height: 40px;
    background: #000;
    position: relative;
    float: left;
    z-index: 1;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 0px 0px 0 0;
    -webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
    transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-shadow: 15px -15px 30px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 15px -15px 30px rgba(0, 0, 0, 0.32);
    box-shadow: 15px -15px 30px rgba(0, 0, 0, 0.32);
    margin-top: -137px;
}

.box-login-title {
    width: auto;
    margin-top: -154px;
    margin-left: 10px;
    height: 40px;
    position: absolute;
    float: left;
    z-index: 2;
}

#form-tab-title {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}

.service_area_list {
	text-align:left;	
    list-style-type: none;
}

.service_area_list span {
    font-size: 16px;
}

#addon-fa {
    background-color: #fff;
    font-size: 20px;
}
.navbar-inverse .navbar-toggle{
  border-color: #333;
background-color: #1f0141;
    margin-top: 0px;
}

#fullmap{
    padding:0px;
}

em.invalid{text-align:left;color:white;}

.roundtrip {
	color:#fff;
}
.navbar-toggle {
    z-index: 9999;
    top: -65px;
}

button.mble-nav-btn,a.mble-phn-btn{
    position: unset !important;
    /* text-align: center; */
    display: block !important;
    margin: auto !important;
    margin-top: 38% !important;
}
a.mble-phn-btn{
    font-size:32px;
    color:white;
}
@media(min-width:320px) and (max-width:767px) {
    .navbar-inverse ul.navbar-nav li a {
        border-bottom: none;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #fff !important;
    }
}
@media(max-width: 584px) and (min-width: 320px) {
    .navbar-toggle {
        right: -22px;
    }
}
.mble-dsply-show-480{
    display:none;
}
@media(max-width:990px){
    .mble-dsply-none-480{
    display:none;
}
.mble-dsply-show-480{
    display:block;
}

}
@media(max-width:480px){
    button.mble-nav-btn,a.mble-phn-btn{
        margin-top:25px !important;
    }
    .mble-dsply-show-480 button{
        background-color:transparent !important;
        border-color:transparent !important;
    }
    .mble-dsply-show-480 .logo{
        margin:auto !important;
    }
    a.mble-phn-btn{
        font-size:26px;
    }
    .tp-br-mbl-none{
        display:none;
    }
}
.form_request {
    background: #000;
}

.services .panel-heading:after {
    content: '+';
    position: absolute;
    right: 0;
    top: 0;
    font-size: 40px;
    bottom: 0;
    width: 40px;
    vertical-align: middle;
    display: inline-block;
    color: #ffffff;
    
}

.services .panel-heading:after {
    content: '-';
    line-height: 32px;
}

.services .panel-heading.collapsed:after {
    content: '+';
    line-height: 36px;
}