/** PRELOADER **/

.main-preloader {
    position   : fixed;
    top        : 0;
    z-index    : 999999;
    background : rgba(50, 50, 50, 0.85) none repeat scroll 0 0;
    width      : 100%;
    height     : 100%;
    display    : none;
}

.main-preloader .inner {
    margin   : 0;
    padding  : 0;
    position : absolute;
    top      : 20%;
    width    : 100%;
}

.ploader {
    margin            : 60px auto;
    font-size         : 10px;
    position          : relative;
    text-indent       : -9999em;
    border-top        : 1.1em solid rgba(252, 210, 6, 0.2);
    border-right      : 1.1em solid rgba(252, 210, 6, 0.2);
    border-bottom     : 1.1em solid rgba(252, 210, 6, 0.2);
    border-left       : 1.1em solid #fcd206;
    -webkit-transform : translateZ(0);
    -ms-transform     : translateZ(0);
    transform         : translateZ(0);
    -webkit-animation : load8 1.1s infinite linear;
    animation         : load8 1.1s infinite linear;
}

.ploader,
.ploader:after {
    border-radius : 50%;
    width         : 10em;
    height        : 10em;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg);
    }
    100% {
        -webkit-transform : rotate(360deg);
        transform         : rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg);
    }
    100% {
        -webkit-transform : rotate(360deg);
        transform         : rotate(360deg);
    }
}

/**END preloader*/


body,
html {
    margin  : 0;
    padding : 0;
}

.main-preloader {
    display : none;
}

body {
    font-family : 'Lato', sans-serif;
    font-size   : 16px;
    font-weight : 300;
}

.border {
    /*border:1px solid red;*/
}

.top-menu {
    padding          : 10px 20px;
    
    background-color : rgba(0, 0, 0, 0.6);
    color            : rgba(0, 0, 0, 0.6);
}

.top-menu img.logo {
    max-width  : 200px;
    max-height : 50px;
}

.top-menu ul {
    margin     : 0;
    padding    : 0;
    float      : right;
    margin-top : 5px;
}

.top-menu ul li {
    float        : left;
    list-style   : none;
    margin-right : 20px;
}

.top-menu ul li a {
    font-size : 14px;
    color     : #fff;
}

.top-menu ul li a:hover,
a.language-selector:hover,
a.language-selector:focus {
    text-decoration : none;
    color           : #fcd206;
}

.page-index .top-menu ul li a:hover {
    color           : #38323a;
    text-decoration : none;
}


.top-menu ul li.login {
    background            : #fcd206;
    padding               : 5px 15px;
    width                 : 150px;
    text-align            : center;
    position              : relative;
    -moz-border-radius    : 3px;
    -webkit-border-radius : 3px;
    border-radius         : 3px;
    -khtml-border-radius  : 3px;
    position              : relative;
}

.page-index .top-menu ul li.login {
    background : #38323a;
}

.top-menu ul li a {
    margin-top : 4px;
    display    : block;
}

.top-menu ul li.login a {
    margin    : 0;
    font-size : 13px;
}

.top-menu ul li.login a i {
    position : absolute;
    left     : 10px;
    top      : 8px;
}

.top-menu ul li.login a:hover {
    color : #fff;
}

.relative {
    position : relative;
}

.banner {
    background      : url(images/bg.jpg) no-repeat bottom center;
    background-size : cover;
    color           : #fff;
}

.banner,
.banner .col {
    min-height : 650px;
}

.banner .col {
    padding-top : 100px;
}

.banner .yellow-col,
.yellow-col,
.section-2,
.section-4 {
    background : #fbd106;
}

.page-index .top-menu {
    position : absolute;
    left     : 0;
    width    : 100%;
    z-index  : 10;
    
}

.banner .inner,
.section-2 .inner {
    width  : 80%;
    margin : auto;
}

.banner h1 {
    font-size   : 40px;
    font-weight : 600;
}

.banner h1 span {
    color : #fed800;
}

.banner h3 {
    font-size   : 21px;
    font-weight : 300;
}

.line {
    width      : 100px;
    height     : 1px;
    background : #fed800;
}

.line.margin {
    margin-top    : 10px;
    margin-bottom : 20px;
}

.line.dim {
    background : #38323a;
}

.line.white {
    background : #fff;
}

.banner input[type="text"] {
    font-size : 14px;
    color     : #939598;
    padding   : 10px 20px;
    border    : none;
    width     : 100%;
}

.yellow-button,
.brown-button,
.razorpay-payment-button {
    background  : #fcd206;
    color       : #fff;
    padding     : 10px 20px;
    border      : none;
    text-align  : center;
    font-size   : 14px;
    font-weight : bold;
}

.yellow-button:hover,
.top-menu ul li.login:hover {
    background : #eccd34;
}


.yellow-button.large,
.brown-button.large {
    min-width : 290px;
}

.page-pricing .brown-button.large {
    min-width : 100%;
}

.yellow-button i,
.brown-button i {
    position  : absolute;
    right     : 10px;
    top       : 6px;
    font-size : 25px;
}

.brown-button {
    background : #38323a;
    color      : #fff;
    display    : table;
}

.brown-button:hover,
.brown-button:active,
.brown-button:focus,
.page-index .top-menu ul li.login:hover {
    background      : #302e31;
    color           : #fff;
    text-decoration : none;
    outline         : none;
}

.rounded {
    -moz-border-radius    : 2px;
    -webkit-border-radius : 2px;
    border-radius         : 2px;
    -khtml-border-radius  : 2px;
}

.rounded3 {
    -moz-border-radius    : 3px;
    -webkit-border-radius : 3px;
    border-radius         : 3px;
    -khtml-border-radius  : 3px;
}

.rounded5 {
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    border-radius         : 5px;
    -khtml-border-radius  : 5px;
}

img.phone {
    border    : 0px solid red;
    bottom    : 0;
    display   : block;
    max-width : 108%;
    position  : absolute;
    right     : 0;
}

.available-wrap {
}

.available-wrap i {
}

.available-wrap a {
    color        : #fff;
    font-size    : 35px;
    display      : inline;
    margin-right : 5px;
}

.sections {
    padding-top    : 40px;
    padding-bottom : 40px;
}

.sections h2 {
    color       : #38323a;
    font-size   : 41px;
    font-weight : bold;
}

.top10 {
    margin-top : 10px;
}

.top20 {
    margin-top : 20px;
}

.top30 {
    margin-top : 30px;
}

.top40 {
    margin-top : 40px;
}

.top50 {
    margin-top : 50px;
}

.top150 {
    margin-top : 150px;
}

.section-1 .yellow-col {
    min-height : 455px;
    padding    : 5px 20px;
}

.section-1 h2 {
    position : absolute;
    width    : 500px;
}

.section-1 .line.margin.dim {
    margin-top : 130px;
}

.sections.section-2 {
    padding : 0;
}


.brown-col,
.section-3,
.section-footer {
    background : #38323a;
}

.section-2 .brown-col {
    min-height : 600px;
}

.section-2 h1 {
    font-size   : 65px;
    font-weight : bold;
    color       : #776929;
}

.section-2 img.layer {
    position   : absolute;
    bottom     : 0;
    left       : 0;
    max-height : 100%;
    
}


.section-2 .video-wrapper {
    position : absolute;
    right    : -120px;
    top      : 100px;
    width    : 450px;
    z-index  : 2;
}

.section-2 .video-wrapper img {
    width  : 100%;
    height : auto;
}

.section-3 h2,
.section-3 li {
    color : #fff;
}

.section-3 ul,
.section ul,
.section-footer ul {
    margin  : 0;
    padding : 0;
}

.section-3 li,
.section li,
.section-footer ul li {
    list-style : none;
}

.section-3 h4,
.section-footer h4 {
    color       : #fcd206;
    font-weight : 600;
}

.section-1 h4 {
    font-weight : 600;
}

.section-4 img {
    max-width : 100%;
    height    : auto;
}

.sections.section-4 {
    padding-bottom : 0;
}

.box {
    background : #fff;
    width      : 95%;
    margin     : auto;
}

.pricing .box {
    border     : 1px solid #ebeaeb;
    min-height : 480px;
    position   : relative
}

.pricing .action {
    bottom   : 0;
    position : absolute;
    width    : 100%;
}

.box h5 {
    font-size     : 16px;
    color         : #38323a;
    font-weight   : 400;
    padding       : 15px;
    text-align    : center;
    border-bottom : 1px solid #ebeaeb;
}

.page-pricing .box h5 {
    background : #fcd206;
    color      : #fff;
}

.page-content .container {
    max-width : 1000px;
}

.box .section {
    padding       : 15px;
    text-align    : center;
    border-bottom : 1px solid #ebeaeb;
}

.box .section.text-left {
    text-align    : left;
    border-bottom : none;
}

price {
    font-size   : 55px;
    color       : #373b42;
    font-weight : bold;
}

price span {
    color      : #d0d1d2;
    font-style : italic;
}

.box .action {
    text-align : center;
    padding    : 20px;
}

.box .action a {
    margin : auto;
}

.section-4 img {
    margin-top : 50px;
}

.section-5 {
    background : url("img/logo-footer.png") repeat-x center center;
}

.sections.section-footer {
    color       : #fff;
    padding-top : 20px;
}

.sections.section-footer p,
.sections.section-footer span {
    font-size : 13px;
}

.section-footer h4 {
    font-size   : 14px;
    font-weight : 400;
}

.section-footer ul li a {
    color     : #fff;
    font-size : 13px;
}

.section-footer ul li.active a,
.sections.section-footer span.yellow,
.available-wrap a:hover {
    color : #fbd106;
}

.sub-footer {
    margin-top  : 30px;
    padding-top : 5px;
    border-top  : 1px solid #747075;
}

ul.social {
    display : block;
}

ul.social li {
    float        : left;
    margin-right : 10px;
}

.circle {
    position              : relative;
    background            : #ffffff;
    width                 : 30px;
    height                : 30px;
    background            : #fff;
    -moz-border-radius    : 50px;
    -webkit-border-radius : 50px;
    border-radius         : 50px;
}

.circle i {
    color     : #38323a;
    font-size : 25px;
    position  : absolute;
}

.social a:hover .circle {
    background : #d0d1d2;
}

.circle i.ion-social-facebook {
    left : 35%;
    top  : 8%;
}

.circle i.ion-social-twitter {
    left : 12%;
    top  : 8%;
}

.circle i.ion-social-googleplus {
    left : 18%;
    top  : 11%;
}

.page-content {
    min-height : 400px;
}

.section-footer p i {
    margin-right : 8px;
}

.pricing .box p.uppercase {
    text-transform : uppercase;
}

.pricing .box p.plan_description {
    text-align   : left;
    min-height   : 25px;
    margin       : 0;
    padding      : 0;
    padding-left : 10px;
}

.pricing .readmore + [data-readmore-toggle] {
    font-size : 13px;
}


.page-signup .top-menu,
.page-material .top-menu {
    max-height : 75px;
}

.page-signup .section-footer .container,
.page-material .section-footer .container {
    width : 1170px;
}

.page-signup .section-footer .yellow,
.page-material .section-footer .yellow {
    background : none !important;
}

.container.medium {
    max-width : 800px;
}

.toast-success {
    background : #26a69a !important;
}

.promo-price {
    text-decoration : line-through;
    color           : #FF0000;
}

.page-material .btn:hover,
.page-material .btn:focus {
    color : #fff;
}

.page-material .caret {
    border-top : none;
}

.page-material .input-field label {
    font-weight : normal;
}

a.language-selector {
    color          : #fff;
    text-transform : uppercase;
    font-size      : 13px;
}

.lang-selector-wrap {
    float     : right;
    min-width : 100px;
    position  : relative;
}

.lang-selector-wrap ul,
.existing-application-wrap {
    display : none;
}

.lang-selector-wrap ul {
    -moz-border-radius    : 3px;
    -webkit-border-radius : 3px;
    border-radius         : 3px;
    -khtml-border-radius  : 3px;
    
    position              : absolute;
    right                 : 0;
    min-width             : 100px;
    background            : #fff;
    box-shadow            : 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.lang-selector-wrap ul li {
}

.lang-selector-wrap ul li a {
    color          : #26a69a;
    display        : block;
    text-align     : left;
    text-indent    : 10px;
    padding        : 5px;
    text-transform : uppercase;
}

.lang-selector-wrap ul li a:hover {
    background-color : rgba(0, 0, 0, 0.1);
    text-decoration  : none;
}

.mobile-toggle {
    color     : #fff;
    display   : none;
    font-size : 30px;
    position  : absolute;
    right     : 10px;
    top       : 10px;
}

.mobile-toggle:hover {
    color : #fed800;
}

.mobile-menu-wrap {
    display : none;
}

#mobile-nav {
    margin     : 0;
    padding    : 0;
    background : #fcd206;
}

#mobile-nav li {
    list-style : none;
}

#mobile-nav li a {
    color         : #38323a;
    display       : block;
    padding       : 3px;
    text-align    : center;
    border-bottom : 1px solid #78727a;
}


#mobile-nav li a:hover {
    text-decoration : none;
    background      : #28222a;
    color           : #fff;
}

.pricing .brown-button.large {
    min-width : 100%;
}


/*Track MAP*/
.track_map_wrapper {
    position : absolute;
    height   : 100%;
    /*width: 30%;*/
    width    : 100%;
}

.track_map {
    position   : relative;
    margin-top : 40px;
    height     : 83%;
    width      : 100%;
    z-index    : 1;
}

.track-header {
    padding    : 10px 15px;
    position   : absolute;
    z-index    : 10;
    background : rgba(56, 50, 58, 1) none repeat scroll 0 0;
    top        : 0;
    width      : 100%;
}

.track-header img.logo,
img.company-logo {
    max-height : 80px;
    max-width  : 80px;
}

img.company-logo {
    border-radius : 50%;
    max-height    : 37px;
    position      : absolute;
    top           : -5px;
}

.track-details {
    padding    : 5px 15px;
    position   : absolute;
    z-index    : 10;
    background : #fff;
    bottom     : 0;
    width      : 100%;
}

.track-details img.avatar,
.avatar-wrapper img {
    max-height    : 70px;
    min-height    : 70px;
    max-width     : 70px;
    border-radius : 50%;
}

.track-details .agent-name {
    font-weight : bold;
    padding-top : 10px;
    font-size   : 14px;
}

.track-details .agent-name span {
    font-weight : normal;
}

.track-details .avatar-wrapper {
    position : relative;
    width    : 80px;
}

.status-circle {
    bottom        : 5px;
    height        : 15px;
    position      : absolute;
    right         : 10px;
    width         : 15px;
    background    : #ccc;
    border-radius : 50%;
}

.status-circle.cicle-offline {
    background : #f44b10;
}

.status-circle.cicle-online {
    background : #1c97f3;
}

.task-status {
    font-size : 11px;
}

.track-center-map {
    position : absolute;
    right    : 10px;
    top      : 16%;
    z-index  : 2;
}

.track-center-map.call-wrap {
    top   : 22%;
    right : 22px;
}

.track-center-map a {
    font-size : 30px;
    color     : #fff;
}

.track-layer {
    background : rgba(47, 46, 44, 0.85) none repeat scroll 0 0;
    height     : 78%;
    padding    : 10px 15px;
    position   : absolute;
    top        : 48px;
    width      : 100%;
    z-index    : 3;
    color      : #fff;
}

.track-layer.track-rating-wrap,
.track-layer.track-done,
.track-layer.track-message {
    background : #fff;
    height     : 90%;
    z-index    : 20;
    color      : #000;
}

.track-layer h3 {

}

.track-layer p.arrived-msg {
    display : block;
    margin  : auto;
    width   : 70%;
}

.track-layer i.ion-ios-bell-outline {
    font-size  : 50px;
    margin-top : 20%;
    display    : block;
}

.track-arrived-wrap, .track-rating-wrap,
.track-layer.track-message {
    text-align : center;
    display    : none;
}


.track-contact-wrap {
    display       : none;
    height        : 60px;
    width         : 60px;
    background    : #0080DF;
    border-radius : 50%;
    margin-left   : 40px;
    position      : relative;
    margin-top    : 10px;
}

.track-contact-wrap a {
    color     : #fff;
    display   : block;
    font-size : 50px;
    left      : 15px;
    position  : absolute;
    top       : 5px;
}

.track-rating-wrap h3,
.track-layer.track-done h3 {
    display    : block;
    margin-top : 20%;
}

.track-layer.track-done h3 {
    margin-top : 40%;
}

.track-layer.track-done {
    text-align : center;
    z-index    : 2;
}


.spinner {
    height   : 20px;
    position : absolute;
    right    : 50px;
    width    : 20px;
    z-index  : 10;
    display  : none;
}

.double-bounce1, .double-bounce2 {
    width             : 100%;
    height            : 100%;
    border-radius     : 50%;
    background-color  : #009688;
    opacity           : 0.6;
    position          : absolute;
    top               : 0;
    left              : 0;
    
    -webkit-animation : sk-bounce 2.0s infinite ease-in-out;
    animation         : sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay : -1.0s;
    animation-delay         : -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform : scale(0.0)
    }
    50% {
        -webkit-transform : scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform         : scale(0.0);
        -webkit-transform : scale(0.0);
    }
    50% {
        transform         : scale(1.0);
        -webkit-transform : scale(1.0);
    }
}

span.tag {
    display    : inline;
    padding    : 3px 8px;
    text-align : center;
    min-width  : 90px;
    color      : #fff;
}

span.tag.failed,
span.tag.canceled,
span.tag.cancelled,
span.tag.declined,
.tag.cancelled,
tag.failed,
.failed,
.declined,
span.tag.suspended,
span.tag.blocked {
    background : #e53935;
}

.tag.unassigned,
span.tag.pending {
    background : #999;
}

.tag.assigned {
    background : #fc8344;
}

.tag.successful {
    background : #2c9f2c;
}

.tag.started {
    background : #ba68c8;
}

.tag.inprogress {
    background : #ec391c;
}

.tag.sign {
    background : #f6bf00;
}

.tag.acknowledged {
    background : #33a17e;
}

.pricing .col-md-4 {
    margin-bottom : 20px;
}

.phonestyle {
    font-size   : 22px;
    font-weight : 600;
    color       : #fff;
    
}

.mbot {
    margin-bottom : 30px;
}



.inner-head {
  margin-top : 100px;
}

@media (max-width : 767px) {
  .inner-head {
    margin-top : 0px;
  }
}


.btn-graylighter-o {
  background: transparent;
  color: #aaa;
  border: 2px solid #aaa;
}
.btn-graylighter-o span,
.btn-graylighter-o i {
  color: #aaa;
}
.btn-graylighter-o:hover {
  border-color: #555;
}
.btn-graylighter-o:hover span,
.btn-graylighter-o:hover i {
  color: #555;
}