/*------------------------------------------------------------------
[TABLE OF CONTENTS]

1. Buttons / .btn
2. Menu Bar / #menu-bar
3. Header / header
4. About / #about
5. Features / #features
6. Detailed Info / #detailed
7. Download Banner / #download-banner
8. Screenshots / #screenshots
9. Reviews / #reviews
10. Download / #download
11. Newsletter / #newsletter
12. Footer / footer
13. Owl Carousel / .owl-carousel
14. Media Queries / @media
-------------------------------------------------------------------*/

body {
    font-family: Lato, sans-serif;
    font-weight: 300;
    font-size: 16px;
    background-color: #fff;
    color: #848f93;
}

h2, h3, h4 {
    /*color: #2d3b40;*/
    font-weight: 300;
}

h1 {
    font-weight: 300;
    font-size: 56px;
    color: #fff;
    /*margin-top: 82px;*/
    margin-bottom: -2px;
}

h2 {
    font-size: 44px;
    text-align: center;
    margin: 0 0 22px;
    padding-bottom: 16px;}
h2:after {
        content: '';
        display: block;
        margin: 0 auto;
        width: 180px;
        border-bottom: 1px solid;
        border-color: #cfdbdf;
        position: relative;
        top: 16px;}

h3 {
    font-size: 24px;
    margin-bottom: 12px;}

h4 {
    font-size: 20px;
    margin: 10px 0;}
 
section {
    padding:80px 0;
    background-color: #fff;
    overflow: hidden;}
footer {
    padding:20px 0;
    overflow: hidden;
}

p {
    margin-top: 0;}
/* css for background video */

 .service-header .container{margin-bottom: -50px;}


/* css for background video ends*/
.icon {
    font-size: 64px;}
.doorstep_app{margin-bottom: 30px;}
.subtitle {
    font-family: Merriweather, serif;
    font-size: 17px;
    font-weight: 300;
    font-style: italic;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 60px;
}

a {
    color: #8a9599;
}

    a:hover {
        color: #576266;
        cursor: pointer;
    }

    a:active, a:focus, a:hover, input:focus, button:focus {
        outline: 0;
        text-decoration: none;
    }

input {
    font-size: 18px;
    min-height: 60px;
    border-radius: 40px;
    line-height: 24px;
    padding: 16px 30px 20px;
    border: none;
    margin-bottom: 10px;
    background-color: #e9f0f2;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

    input:focus {
        background-color: #e4edf0;
    }

/**********************
******1. Buttons****
**********************/
.btn {
    color: #fff;
    font-size: 20px;
    min-height: 60px;
    border-radius: 40px;
    text-decoration: none;
    display: inline-block;
    line-height: 24px;
    padding: 16px 48px 20px;
    z-index: 1;
    position: relative;
    border: none;
}

.btn-icon {
    line-height: 32px;
    padding: 16px 32px 20px;
}

    .btn-icon .icon {
        vertical-align: bottom;
        font-size: 32px;
        margin-right: 10px;
        display: inline-block;
    }

.btn-primary {
    background-color: #ed602e;
}

.btn-secondary {
    background-color: #ed602e;
}

.btn:before {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 1px;
    right: 1px;
    z-index: -1;
    border-radius: 40px;
    -webkit-transition-property: top, bottom, left, right;
    -webkit-transition-duration: 0.21s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: top, bottom, left, right;
    transition-duration: 0.21s;
    transition-timing-function: ease-in-out;
}

.btn:hover {
    text-decoration: none;
    color: #fff;
}

    .btn:hover:before {
        top: -3px;
        bottom: -3px;
        left: -3px;
        right: -3px;
    }

.btn-primary:before {
    background-color: #f54c54;
}

.btn-secondary:before {
    background-color: #09b8ed;
}

/**********************
******2. Menu Bar****
**********************/
#menu-bar {
    display: block;
    width: 100%;
    height: 100px;
    margin-bottom: 40px;
    padding: 20px 0;
    color: #fff;
    position: relative;
    z-index: 2;
}
#header{width: 100%;}
#menu-bar .logo {float: left;}
#menu-bar .logo img { position: relative;top: 4px;}
}
.nav {
    float: right;
    padding: 0;}

    .nav ul {
        margin: 0;
    }

    .nav li {
        float: left;
        list-style-type: none;
        margin-left:30px;
        text-transform: uppercase;
        position: relative;
    }

         .nav li a {
          color: #ffffff;
          font-size: 14px;}
        .nav li:after {
            opacity: 0;
            bottom: -8px;
            content: '';
            display: block;
            width: 100%;
            position: absolute;
            bottom: -4px;
            transition: all 0.2s;
            border-bottom: 2px solid;
        }

        .nav li.current:after {
            bottom: -8px;
            opacity: 1;
        }

        .nav li:not(.current):hover:after {
            opacity: 0.6;
            bottom: -8px;
        }

    #nav {margin: 8px 0 0; float: right;}
    #nav .service a, #nav-fixed .service a {color:#f54c54!important;font-weight:bold;}
    #nav li a {
        color: #677484!important;
        font-weight: normal;
    }

    #nav > ul > li:first-child {
        display: none;
    }

    #nav li:after {
        border-color: #ffffff;}
    #menu-bar-fixed {
    display: block;
    width: 100%;
    height: 80px;
    padding: 15px 0;
    background:#ffffff none repeat scroll 0 0;
    position: fixed;
    bottom: 0px;
    z-index: 5;
    opacity: 0;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #eee;
}

    #menu-bar-fixed .logo {
        font-size: 28px;
        float: left;
        color: #2d3b40;
    }

#nav-fixed {
    margin: 14px 0;
}

#show-nav, #hide-nav {
    display: none;
}

#nav-fixed li a {
    color: #525f63;
    font-weight: 400;
}

#nav-fixed li:after {
    border-color: #94a8ae;
}

#off-nav {
    display: none;
}

/**********************
******3. Header****
**********************/
header {
  background-color: #102129;
  background-size: cover;
  min-height: auto;
  overflow: inherit;
}

    header .container {
        position: relative;
        z-index: 3;
    }

#header-img {
    margin: -12px auto -400px;
}

div > a.btn:nth-of-type(2) {
    margin-left: 30px;
}

#triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 900px 600px 0 0;
    border-color: #f54c54 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
}

#svg-header {
    position: absolute;
    top: -150%;
    left: -50%;
    width: 200%;
    height: 300%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transition: all 1s ease-out;
}

/**********************
******4. About****
**********************/
#about {
    background-color: #e9f0f2;
    position: relative;
    z-index: 1;
    text-align: center;
}

.circle-icon-lg {
    width: 140px;    
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
}

    .circle-icon-lg:before {
        content: '';
        display: block;
        position: absolute;
        top: 1px;
        bottom: 1px;
        left: 1px;
        right: 1px;
        border-radius: 50%;
        z-index: -1;
        -webkit-transition-property: top, bottom, left, right;
        -webkit-transition-duration: 0.2s;
        -webkit-transition-timing-function: ease-in-out;
        transition-property: top, bottom, left, right;
        transition-duration: 0.2s;
        transition-timing-function: ease-in-out;
    }

    .circle-icon-lg:hover:before {
        top: -5px;
        bottom: -5px;
        left: -5px;
        right: -5px;
    }

#about .col-lg-3:hover .circle-icon-lg:before {
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
}

#about .col-lg-3 .text {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    top: 0;
}

#about .col-lg-3:hover .text {
    top: 5px;
}

.circle-icon-lg .icon {
    /*color: #fff;
    line-height: 140px;
    text-align: center;*/
}

    .circle-icon-lg .icon.ion-ios7-speedometer-outline {
        position: relative;
        top: -4px;
    }

#about p {
    margin-top: 12px;
}

/**********************
******5. Features****
**********************/
#features h4 {
    color: #f54c54;
    margin-top: 0;
}

#features .col-sm-4.left {
    text-align: right;
}

#features .col-lg-4 .row {
    margin-top: 46px;
    position: relative;
    left: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

#features .left .row:hover {
    left: -5px;
}

#features .right .row:hover {
    left: 5px;
}

.circle-icon-rspv {
    width: 100%;
}

    .circle-icon-rspv:after {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        padding-bottom: calc(100% - 4px);
        border: 2px solid #f54c54;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .circle-icon-rspv .icon {
        float: left;
        width: 100%;
        padding-top: 50%;
        line-height: 1em;
        margin-top: -0.5em;
        text-align: center;
        color: #f54c54;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .circle-icon-rspv:hover:after {
        background-color: #f54c54;
    }

    .circle-icon-rspv:hover .icon {
        color: #fff;
    }

#features .left > .row:hover .circle-icon-rspv:after, #features .right > .row:hover .circle-icon-rspv:after {
    background-color: #f54c54;
}

#features .left > .row:hover .icon, #features .right > .row:hover .icon {
    color: #fff;
}

/**********************
******6. Detailed Info****
**********************/
#detailed {
  background-color: #f3f3f3;
  height: auto;
  position: relative;
  width: 100%;
  z-index: 1;
}
    #detailed h2 {
        text-align: left;
        color: #393938;
    }

        #detailed h2:after {
            margin-left: 0;
        }

    #detailed .subtitle {
        margin-left: 0;
        text-align: left;
    }

    #detailed .icon {
        color: #09b8ed;
    }

   /* #detailed .img {
        margin: -210px 0 -50px;
    }*/

/**********************
******7. Download Banner****
**********************/
#download-banner {
    background-color: #2a434a;
    padding: 40px 0;
}

    #download-banner p {
        text-align: center;
        margin: 0 auto;
    }

    #download-banner .text {
        font-size: 18px;
        margin-right: 30px;
        display: inline-block;
    }

        #download-banner .text .bold {
            color: #fff;
            font-weight: 400;
            margin: 0 5px;
            display: inline-block;
        }

        #download-banner .text .normal {
            display: inline-block;
            margin: 0 5px;
        }
/***************WHY LABEEK ***********/
.whylabeek {background-color: #e2fbfd;text-align: center;}
.whylabeek h2 {color: #9c9c9c;}
.provider-steps h3 {font-weight: 500;font-size: 28px;}
.provider-steps {
  background-color: #f3f3f3;padding:30px 0}
.provider-steps hr {border-color: #dfdfdf;}
.whylabeek h3 {font-weight:500;}
.provider-process ul {padding:0;}
.provider-process ul li {
list-style: outside square;
}
.provider-process img {width: 100%;}
/***************WHY LABEEK ends ***********/
/**********************
******8. Screenshots****
**********************/
#screenshots a {
    display: block;
}

/**********************
******9. Reviews****
**********************/
#reviews {
    background: #102129 url('../img/blurred-bg.html') no-repeat bottom center;
    background-size: cover;
    text-align: center;
    font-size: 18px;
    color: #bcc8cc;
}

    #reviews .avatar {
        display: block;
        width: 80px;
        height: 80px;
        margin: 0 auto 5px;
        background-size: cover;
        border-radius: 40px;
    }

    #reviews .owl-item:nth-child(1) .avatar, #reviews .owl-item:nth-child(3) .avatar {
        background-image: url('../img/avatar1.html');
    }

    #reviews .owl-item:nth-child(2) .avatar {
        background-image: url('../img/avatar2.html');
    }

    #reviews .quote {
        font-family: Merriweather, serif;
        font-weight: 300;
        font-style: italic;
        width: 96%;
        max-width: 560px;
        margin: 0 auto;
        position: relative;
        padding: 37px 0;
        line-height: 30px;
    }

        #reviews .quote:before, #reviews .quote:after {
            content: '\f347';
            font-size: 64px;
            position: absolute;
            z-index: -1;
            color: #f54c54;
            -moz-osx-font-smoothing: grayscale;
            display: inline-block;
            font-family: "Ionicons";
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            line-height: 1;
            text-transform: none;
        }

        #reviews .quote:before {
            left: -55px;
            top: 0px;
        }

        #reviews .quote:after {
            right: -55px;
            bottom: 0px;
            transform: rotate(180deg);
            -ms-transform: rotate(180deg); /* IE 9 */
            -webkit-transform: rotate(180deg); /* Opera, Chrome, and Safari */
        }

    #reviews .author .position {
        font-size: 14px;
        font-weight: 400;
        color: #576266;
    }

    #reviews .author {
        padding-top: 32px;
    }

        #reviews .author:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 180px;
            border-bottom: 1px solid;
            border-color: #576266;
            position: relative;
            bottom: 32px;
        }

.ratings h4{text-align: left;}
.ratings p{text-align: left;}
.knowing h4{text-align: left;font-weight: initial;}
.knowing p{text-align: left;}
.trusted {top: 522px !important;}








/**********************
******10. Download****
**********************/
#download {
    background-color: #e9f0f2;
    position: relative;
    overflow: hidden;
}

    #download .download-buttons {
        text-align: center;
        margin-top: -30px;
        position: relative;
        z-index: 1;
    }

        #download .download-buttons a {
            margin: 20px 15px 0;
        }

.floating-phone {
    position: absolute;
    right: 0;
    top: -10px;
    width: 35%;
    height: 140%;
    background-size: cover;
}

/**********************
******11. Newsletter****
**********************/
#newsletter-form {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

    #newsletter-form .subscribe-input {
        float: left;
        width: 95%;
        text-align: left;
    }

    #newsletter-form .subscribe-submit {
        position: absolute;
        right: 0;
        padding-left: 28px;
    }

        #newsletter-form .subscribe-submit.btn:hover:before {
            top: -3px;
            bottom: -3px;
            left: -3px;
            right: -3px;
        }

/**********************
******12. Footer****
**********************/
footer {
    background-color: #2a434a;
    /*position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -4;*/
    text-align: center;
}

    footer h2 1430        color: #fff;
        margin-bottom:0px;
    }

        footer h2 img {
            height: 48px;
        }

    footer #social-links {
        margin:20px 0 0 0;
    }

        footer #social-links .icon {
            color: #fff;
            font-size: 32px;
            position: relative;
            display: inline-block;
            width: 60px;
            height: 60px;
            border: 2px solid #fff;
            border-radius: 50%;
            opacity: 0.7;
            line-height: 55px;
            margin: 0 13px;
            -webkit-transition: opacity 0.2s;
            transition: opacity 0.2s;
        }

            footer #social-links .icon:hover {
                opacity: 1;
            }

    footer .copyright {
        font-size: 14px;
        margin: 50px 0 0;}
   .doorstep_app{margin-bottom: 26px!important; margin-top: 30px !important;}

/**********************
******13. Owl Carousel****
**********************/
.wrapper{width: 100%; height: auto;}
   .owl-theme .owl-controls {margin-top: 40px;}

    .owl-theme .owl-controls .owl-page span {
        width: 10px;
        height: 10px;
        box-shadow: 0 0 0 2px #f54c54 inset;
        opacity: 1;
        background: transparent;}
    .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
         background-color: #f54c54;}

#screens-carousel.owl-carousel .owl-item .item {
    margin: 0 15px;}

.mr-animation {
  height: 620px;
  margin: 0 auto;
  min-height: 620px;
  position: relative;
  width: 100%;}
#working {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8a8a8a+0,3d3d3d+100 */
background: #8a8a8a; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #8a8a8a 0%, #3d3d3d 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #8a8a8a 0%,#3d3d3d 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #8a8a8a 0%,#3d3d3d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#3d3d3d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding:0 0 20px 0;
}
.head_div{ height: 700px;min-height: 700px;position: relative;width: 100%; display: block;}
.head_div h3 {bottom: 100px;color: #ffffff;font-family: Arial;font-size: 26px;position: absolute;right:2%; top: 10px;}
.head_div h3 span {font-size:36px;font-weight: bold;}
.mr-animation h3 {
  color: #ffffff;
  font-family: Arial;
  font-size: 26px;
  position: absolute;
  right: 2%;
  top: 0;
}
.mr-animation h3 span {font-size:36px;font-weight: bold;}
.text-tab {padding: 0;text-align: center;color:#fff;display: none;}
#mrright-the-product {
  background: rgba(0, 0, 0, 0) url('../images/process-0.png')repeat  50% 0; cursor: pointer;
}
#mrright-the-product-1 {
  background: rgba(0, 0, 0, 0) url(../images/process-1.png) repeat  50% 0; cursor: pointer;
}
#mrright-the-product-2 {
  background: rgba(0, 0, 0, 0) url(../images/process-3.png)repeat  50% 0; cursor: pointer;
}
#mrright-the-product-3 {
  background: rgba(0, 0, 0, 0) url(../images/process-4.png) repeat  50% 0; cursor: pointer;
}
#mrright-the-product-4 {
  background: rgba(0, 0, 0, 0) url(../images/process-5.png) repeat  50% 0; cursor: pointer;
}
#mrright-the-product-5 {
  background: rgba(0, 0, 0, 0) url(../images/process-6.png) repeat  50% 0; cursor: pointer;
}
/*#mrright-the-product-6 {
  background: rgba(0, 0, 0, 0) url("https://mrright.blob.core.windows.net/cdn/mraboutslides/3-text.jpg") repeat  50% 0; cursor: pointer;
}*/
#mrright-the-product-6 {
    background: rgba(0,0,0,0) url(../images/notify1.png) repeat 50% 0; cursor: pointer;
}
#mrright-the-product-7 {
    background: rgba(0,0,0,0) url(../images/notify2.png) repeat 50% 0; cursor: pointer;
}
#mrright-the-product-8 {
    background: rgba(0,0,0,0) url(../images/notify3.png) repeat 50% 0; cursor: pointer;
}
#mrright-the-product-9 {
    background: rgba(0,0,0,0) url(../images/notify4.png) repeat 50% 0; cursor: pointer;
}
.service-top {
  top: 40px !important;
}
.download-buttons label {
  border-right: 1px solid #4b6268;
  left:68px;
  padding:0 5px;
  position: relative;
  color:#839aa0;
}
#the-problem {
  background-color: #ffffff;}
.container {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;}  

.row::after {
  clear: both;} 
.text-center {
  text-align: center;}    
.about-the-product {
  box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.05);
  margin: 30px auto;
  min-height: 330px;
  padding: 0 18px;
  text-align: justify;
  width: 100%;
}
.red-border {border-left:solid 3px #f54c54; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; border-right:solid 1px #d6d6d6;}
.yellow-border {border-left:solid 3px #ffba25 ; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; border-right:solid 1px #d6d6d6;}
.blue-border {border-left:solid 3px #09b8ed; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; border-right:solid 1px #d6d6d6;}
#the-solution .about-the-product img {
  margin-top: -7px;
}
.should{margin-bottom: 32px;font-size: 18px !important;}
.about-the-product h2 {
  font-size: 40px;
  font-weight:normal; !important;
  margin-bottom: 30px;
  margin-top: 30px;text-align: left;} 
/*.product-description h1, h2, h3, h4 {
  font-family: "proxima-nova" !important;
  font-weight: 300 !important;} */  
.about-the-product p {
  font-size: 16px;}  
#the-idea {
  background-color: #d55450;}
#the-solution {
  background-color: #ffffff;
  color: #ffffff !important;}
.download-buttons {
  margin: 0 auto;
  display: table;}
#the-redefined{
  background-color: #393938;
  color: #ffffff !important;padding:40px 0 0 0;}
#the-redefined .input-group > .input-group-addon {color: #878787;border:solid 2px #4b6268; border-right: 0;}
#the-redefined .input-group > .form-control {border:solid 2px #4b6268; border-right: 0;}
.demand h4{color: #ffffff;}
.demand p{color: #ffffff;}
.secondary{margin-bottom: 50px!important;}
.buttons_app {float: left; margin-top: 20px;}
//.headerdiv{background: rgba(250, 202, 53, 1) none repeat scroll 0 0; height: 80px!important;}
.headerdiv{background: rgba(51, 51, 51, 0.15) none repeat scroll 0 0; height: 80px!important;}
.section-title {
  margin: 40px 0;}
.mr-explore-card {
  background-color: #FFF;
    box-shadow: 0px 0px 5px #CCC;
    font-family: "proxima-nova";
    border-radius: 8px;
    position: relative;
    height: 182px;
    width:65%;
    margin: auto auto 39px;
  position: relative;}
.mr-explore-card-photo {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 270px;
  overflow: hidden;}
/*css for tabs in service section */
.service-nav {display: none;}
.mg img {width:auto;}
.nav-tabs li{margin:0!important;}
.nav-tabs h5 {color: #ffffff;font-weight: bolder;}
.nav-tabs {border:0!important;}
.tab-content {border-top: 2px dashed #c79019;margin: 0 0 0 5px;}
.nav-tabs li a {
  border:2px solid #c79019;
  border-radius: 100%;
  margin: 0 5px;
  padding:10px;
  border-radius:100%;
}
.nav-tabs li h5 span {display:none;}
.tab-content {margin:30px 0 0 0;}
.tab-content h3 {border-top: 2px solid #c79019;color: #c79019;padding: 5px 0 0; margin:20px auto; width:70%;font-style: italic;
    font-weight: 500;}
.tab-content img {margin: 20px 0 0;width:60px;}
.nav-tabs li::after{border:0px;}
.nav-tabs img {width:80px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #c79019!important;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  color: #555555;
  border-color: #c79019;
  cursor: default;
}
.nav > li > a:focus, .nav > li > a:hover {background-color: #c79019;border-color:#c79019;}
/*css for tabs in service section ends*/

.mr-explore-card h4 {font-size: 38px; padding: 5px 0; color: #2a434a!important;font-family:Lato,sans-serif;font-weight: 300; line-height: 5px;}  
.services_about{ width: 100%;}
#about{background: #ffba25 !important;overflow: hidden;}
.mg {padding: 40px 0;}
.features_div img{margin: 0 auto; display: table;}
.download_app{ margin: 0 auto;display: table;}
#edit-mergevars-number {
  background-color: #2a434a;
  border: 2px solid #4b6268;
  border-radius: 10px;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 10px;
  min-height: 47px;
  padding: 12px 70px 17px;
  transition: background-color 0.2s ease 0s;}
 .container_div {margin-bottom: 30px;margin-top: -24px !important;}
 .container_div h4{font-size: 30px!important; color: #ffffff; font-weight: 400}
 #menu-bar .nav-inner li a {color: #ffffff!important;}
 .input-group .form-control {box-shadow: none!important;} 
 #the-problem .about-the-product {
  margin: 0 auto;
  min-height: auto;
  padding: 0 0 18px!important;
  width: 78%;}
  .demand h4 {font-weight: inherit!important;}
  .about-the-product h2::after {
  border-bottom: 1px solid #cfdbdf;
  border-color: #cfdbdf;
  content: "";
  display: block;
  left: 40px;
  margin: 0;
  position: relative;
  top: 16px;
  width: 170px !important;
}
 .store_btn {height: 72px;width: 214px;overflow: hidden;}
 .app_store img { height: 72px; width: 210px;
               -webkit-transition: all 2s ease;
               -moz-transition: all 2s ease; 
               -ms-transition: all 2s ease;
               transition: all 2s ease; }
 .app_store img:hover { width:214px; height:76px; }
 .bate_div {left:0px;position: absolute;top:0;z-index: 20000;}
 .bate_div img {width:54%;}
.how_speed {
  background: #575757 none repeat scroll 0 0;
  color: #ffffff;
  display: table;
  font-size: 36px;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  width: 100%;
  font-weight: normal !important;}
  .download_help{width:81%!important;height: auto; margin: 0 auto;display: table;}
  .div_map img {margin: -200px 0 -50px;}
  #footer-content button {border-radius:6px;background-color: #f54c54;color: #ffffff;margin-top: 10px;margin-bottom: 12px;min-height: 45px !important;padding: 10px 45px;}
  #footer-content .form-control {width:100%;border-radius:6px;}
  #footer-content textarea {border-radius:15px;padding: 12px 20px 18px;border: none; font-size: 18px;}
  footer h2::after {top:8px;}
  .screen-show {display:none;}


/* service provider css starts */
#serviceheader {height:auto!important;}
.service-header {position: relative; top:-42px;background:#ffba25;}
.service-register input[type=name] {width: 100%;}
.service-register {
 /* background: rgba(0, 0, 0, 0) url("../images/service-header.png") repeat scroll 0 0;*/
  margin: 0 auto 30px;
  overflow: hidden;
  padding: 20px ;
  width: 80%;
  margin-top: 50px;
}
.service-register .form-group span {font-size: 10px;}
.no-padding {padding:0 15px 0 0!important;}
.service-register h1 {color: #ffffff !important;font-size: 54px;margin-top: 20px;}
.service-register p{color: #ffffff;}
.service-register input, #footer-content input {
  border-radius: 10px;
  height: 44px !important;
  min-height: 0;
  padding: 8px 20px 8px;
}
.service-register .form-group label, .service-register .checkbox label {
  color: #f54c54;
  font-size: 16px;
  font-weight: 500;
}
.service-register button {
  background-color: #1b2d32;
  font-weight: 500;
  margin-top: 20px; margin-left: 14px;
}
.service-register input:focus {
  background-color: #e4edf0;
  border: 1px solid #f54c54;
  border-radius:0px;
}
.service-register .checkbox input {
  margin: 10px 15px 0 10px;
  min-height: 15px;
}
.checkboxFour {
width: 25px;
height: 25px;
background: #ddd;
margin: 10px 0px;
border-radius: 100%;
position: relative;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}
.checkboxFour label span {
  color: #000000;
 /*color: #fff;*/
  font-weight: 500;
  left: 40px;
  position: absolute;
  width:200px;
}
.checkboxFour input {
  display: none;
}
/**
 * Create the checkbox button
 */
 .checkboxFour label {
background: #333333 none repeat scroll 0 0;
border-radius: 100px;
-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
cursor: pointer;
display: block;
height: 18px;
left: 3px;
position: absolute;
top:4px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
width: 18px;
z-index: 1;
}

/**
 * Create the checked state
 */
.checkboxFour input[type=checkbox]:checked + label {
background: #f54c54;
}


/* service provider css ends */


/**********************
******14. Media Queries****
**********************/

@media (-webkit-max-device-pixel-ratio: 1), (max-resolution: 119.9dppx) {
    .ios .floating-phone {
        background: url(../img/iPhone-isometric.html) no-repeat;
        background-size: cover;}

    .android .floating-phone {
        background: url(../img/StrandDSplashperspective.html) no-repeat;
        background-size: cover;}
header {
         background:url('../images/header.jpg') no-repeat top center;
        /*background: #102129 url('../img/shutterstock_286487615.jpg') no-repeat top center;*/
      /*  background: #ffba25;*/
        background-size: cover; 
        width: 100%;position: relative;}
}
.video-div{position: absolute;left: 0;bottom: 0;right: 0;top:80px;height: 100%;width: 100%;background: transparent;}

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 120dppx) {
  .ios .floating-phone {
        background: url(../img/iPhone-isometric%402x.html) no-repeat;
        background-size: cover;}
  .android .floating-phone {
        background: url(../img/StrandDSplashperspective.html) no-repeat;
        background-size: cover;}
header {
        background: #102129 url('../img/header%402x.html') no-repeat top center;
        background-size: cover;}
}

@media (-webkit-min-device-pixel-ratio: 1.1) and (max-width: 399px), (min-resolution: 120dppx) and (max-width: 399px) {
    header {
        background: #102129 url('../img/header-sm.html') no-repeat top center;
        background-size: cover;}
}
@media (min-width:1600px) {
    .nav-tabs li {margin:0 40px 0 0!important;}
    header {height:760px!important}
}
@media (min-width: 1200px) {
    #menu-bar { margin-bottom: 42px;}
    header {min-height:100%;}
}
/*@media (max-width:1340px) {
.nav-tabs li {width:80px;margin:0!important;}
.nav-tabs li a {padding:0;}
.nav-tabs li a img {width:40px;}

}*/
@media (max-width: 1199px) {
    .nav-tabs li h5 span {display:block;}
    #menu-bar .logo {margin-left:5%;}
    .nav li a {font-size: 12px!important;}
    .nav li {margin-left:13px!important;}
    .service-header{top:-60px;}
    .service-register {width: 100%;}
    .nav li {
        margin-left: 30px;}
    #features .col-lg-4 .row {
        margin-top: 8px;}
    #features h4 {
        margin-bottom: 2px;}
    #features .icon {
        font-size: 48px;}
    .nav-tabs li {margin: 0 20px 0 0 !important; width:64px;}.nav-tabs li a {height: 70px;margin: 0 5px;padding: 10px 0 0;width: 70px;}
    .nav-tabs img {width:45px;}
    .nav-tabs > li.active > a {border-radius:100%;}
    .tab-content {margin:10px 0 0 0;}
    .app_store img {height: 60px;width: 150px;}
    .mr-animation h3 {bottom: 100px;color: #ffffff;font-family: Arial;font-size: 18px;position: absolute;right:3%;}
.mr-animation h3 span {font-size: 28px;font-weight: bold;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    #header-img {max-width: 90%;}
    #detailed img {margin-top: 58px;}
    #menu-bar {margin-bottom: 60px;}
    .video-div {height:69%;}
     header {background:none;}
     #header {height:620px!important;}
}

@media (max-width: 991px) {
    #the-redefined h2 {font-size:30px;}
    #the-redefined .app_store img {height: 50px;width: 141px;}
    #the-redefined .google_play > img {width: 140px;}
    #the-redefined .screen {width:100%;}
    .mr-animation h3 {display: none;}
    .text-tab {padding: 0;text-align: center;color:#fff; background-color:transparent;display: block;}
    .text-tab h3 {font-size:20px; font-weight: bold;}
    .text-tab h3 span {font-size: 28px;}
    .headerdiv, #menu-bar-fixed {height: 115px !important;}
    #menu-bar .logo, #menu-bar-fixed .logo {float: left;margin-left: 38%;}
    #menu-bar .logo img {height: 40px!important;}
    footer h2 {font-size: 32px;}
    .service-header{top:-40px;}
   #menu-bar .logo img {height: 48px;}
   #nav, #nav-fixed  {margin: 20px 0 0;float: left;}
   #about p {margin: 8px auto 30px;max-width: 345px;}
   #about h3 {margin: 16px 0 8px;}
   #features .row .col-sm-4 .row .col-sm-3 {display: none;}
   #features .col-lg-4 .row {position: static;}
   #detailed .img {margin-top: 0;}
   h1 {text-align: center;margin: -5px 0 40px;}
   section {padding: 60px 0;}
   #header-btn {text-align: center;margin: 0 0 70px;}
   .nav-tabs li {margin: 0 15px 0 0 !important; width:64px;}
   .nav-tabs li a {height: 64px;margin: 0 5px;padding: 5px 0 0;width: 65px;}
}
@media (max-width:980px) {
.nav-tabs li {margin: 0 10px 0 0 !important; width:64px;}
.demand h1{text-align: left;}
}
@media (min-width: 767px) and (max-width:980px){
    #nav {margin:10px 0 0 0; float:left;}
    #menu-bar .logo img {height: 48px; width: 100%;}
    #menu-bar .logo {float: left;width: 150px!important;}
    header {height:auto!important;position: relative;overflow: hidden;}
   #header-img { margin: 0px; width: 100%;height: auto;}
   #header{ height:auto!important;}
   .container_div h4 { font-size: 28px !important;}
   .service_mg{padding-bottom: 20px;}
   .buttons_app{padding-bottom: 15px;}
   .delay-sm img{width: 100%;}
   .animated img {margin-right: 10px;}
   .container_div h4 {font-size: 24px !important;}
   .nav li {margin-left: 22px;}
    #nav-fixed li {margin-left: 16px;}
    #nav-fixed li a{font-size: 12px!important;}
    .scrollTo-header{width: 150px!important;}
    .scrollTo-header img{width: 100%!important;}
    #nav li a{line-height: 46px!important;}
    .back_div{padding-bottom: 20px;}
    .network{margin-left: 15px!important;}
    #nav-fixed { margin: 8px 0;}
    .about-the-product{width: 100%;}
    .nav li a {font-size: 12px;}
    #download-banner .text .bold {font-size: 14px;}
    .back_div{width: 33%;}   
    .service-register h1 { font-size: 41px;}

}

@media (min-width: 768px) and (max-width: 991px) {
    #features img { width: 100%; position: relative;margin-top: 12px;}
    #menu-bar .logo {float: left;}
    #menu-bar .logo img {height: 48px;width: 100%;}
    .video-div {height:70%}
    /* header {background:none;}*/
     #header {height:510px!important;}
     .download_help h1 {font-size:42px;}

}
@media (max-width:870px) {
.nav-tabs li a {height: 50px;margin: 0 5px;padding: 5px 0 0;width: 50px;}
.nav-tabs li {margin: 0!important;}
.nav-tabs h5 {font-size: 12px;}
.nav-tabs li a img {width:36px;}

}
@media (max-width: 767px) {
    .service-nav .navbar-nav li h3 {font-style: italic;font-weight: 500;margin-left: 10px !important;}
    .service-nav .dropdown .float {float: left;width: 40px;}
    .service-nav .caret {margin-left: 2px;vertical-align: top!important; border:0!important;}
    .service-nav .nav > li > a:focus {background-color:transparent!important;border-color: transparent !important;}
    .service-nav {display: block; background-color: transparent;border: 0;}
    .service-nav .navbar-nav .open .dropdown-toggle {border-bottom: 1px dashed #c79019 !important;}
    .service-nav .navbar-nav h5 {color: #ffffff;}
    .service-nav .navbar-nav li {width: 100%;margin-left: 0!important;}
    .navbar-nav .dropdown-menu img {width: 40px;}
    .mg img {width:auto;}
    .navbar-nav .dropdown-menu h3 {font-size: 16px;}
    .navbar-nav .dropdown-menu .list {display:inline-flex;margin:6px auto;}
    #the-redefined .screen {width: 70%;}
    .screen-show {display:block;}
    .screen-hide {display: none;}
    .headerdiv, #menu-bar-fixed {height: 75px !important;}
    #header-img { margin: 0 auto;width: 60%;}
    #menu-bar .logo img {height: 35px !important;}
    .bate_div {left:-47px;}
    .service-header{top:-20px;}
    * {text-align: center;}
    h1 {font-size: 56px;}
    #menu-bar {padding: 15px 0;height: auto; margin-bottom: 20px;}
    #menu-bar .logo {line-height: 42px;}
    #features p {max-width: 345px;margin-left: auto;margin-right: auto;margin-top: 4px;}
    #features img {max-width: 90%;}
    #features .col-lg-4 .row {margin-top: 12px;}
    #detailed h2, #detailed .subtitle {text-align: center;margin-left: auto;}
    #detailed h2:after { margin: 0 auto;}
    #detailed p { max-width: 345px;margin-left: auto;margin-right: auto;}
    #detailed img {max-width: 94%; margin-top: 10px;}
    #reviews .quote:before, #reviews .quote:after {color: rgba(0,0,0,.5); }
    #reviews .quote:before {left: 0;}
    #reviews .quote:after {right: 0;}
    #download-banner .text {width: 100%;margin: 0 0 20px;}
    /*.video-div {display: none;}*/
    .provider-process ul li {text-align: justify;}
    .demand h4{
        padding: 0px;
        font-size: 16px;
    }
    .demand h1{text-align: center !important;}

    /*Responsive navigation*/
    #nav-fixed li {position: relative;}
    #show-nav {display: block;}
    #nav-fixed > ul {height: auto;display: none;position: absolute;width: 100%;left: 0;padding: 0;background-color: #d5e0e3;
                     border-top: 1px solid #94a8ae;padding: 8px 0;z-index: 10;}
    #nav-fixed > ul > li {width: 100%;float: none;margin: 0;}
    #nav-fixed > ul > li:after {content: none; }
    #nav-fixed > ul > li.current {background-color: #e4ebed;}
    #nav-fixed > ul > li:not(.current):hover { background-color: rgba(228,235,237,.6);}
    #nav-fixed > ul > li > a {font-size: 18px;padding: 8px 0;display: inline-block;width: 100%;}
    #nav {display: none;}
    #menu-bar-fixed {height: 50px;padding: 0;}
    #menu-bar-fixed .logo {font-size: 22px;padding: 8px 0;}
    #nav-fixed {margin: 0;}
    #nav-fixed > a {height: 50px;width: 50px;}
    #menu-bar .nav a div::after, #menu-bar .nav a div::before, #menu-bar .nav a div {background-color: #ffffff!important;}
    #nav-fixed > a > div, #nav-fixed > a > div:before, #nav-fixed > a > div:after {background-color: #576266;height: 4px;                                                             margin: 0 auto;position: relative;top: 23px;width: 20px;}
    #nav-fixed > a > div:before {content: "";display: block;height: 4px;top: -8px;}
    #nav-fixed > a > div:after {content: "";display: block;top: 4px;}
    #off-nav {display: block;position: absolute !important;z-index: -1;top: 266px;width: 100%;height: 260%;}
   #menu-bar-fixed #nav-fixed {float:right!important;} 
}


@media (min-width: 668px) and (max-width: 767px) {
    h1 { padding: 0 10%;}
    #the-problem .about-the-product {
    margin-top:-10px!important;}
}

@media (max-width: 640px){
    #menu-bar .logo {float: left;margin-left: 35%;}
    #menu-bar-fixed .logo {margin-left:28%;}
   section {padding: 0px!important;margin: 0px!important;}
  .fadeInDown h2 {font-size: 26px;padding-top: 15px;}
  .features_div{margin-left:0 auto!important; margin-bottom: 32px;}
  #header{height:auto !important;}
  .buttons_app img {padding-bottom: 15px;}
  .download_app img {padding-bottom: 15px;}
  .service_mg{margin-left: 0px!important;}
  #features img { max-width: 100%;margin-top: 20px;}
  .fadeInLeft{padding-top: 20px;}
  .ones img{margin-bottom: 10px;}
   h2{font-size: 30px!important;}
   .delay-sm{margin-bottom: 26px;}
   .delay-sm img{width: 100%;}
   .container_div h4 {font-size: 26px !important; font-weight: inherit;}
   .google_play {margin-left: -12px;}
    .demand .buttons_app {margin: 30px 0 0;}
    .demand .buttons_app {display: table;float: inherit !important;width: 100%;}
    #the-problem .about-the-product {margin-top:-10px!important;}
    .about-the-product {width:98%;}
    #edit-mergevars-number {margin-bottom: 24px;}
    .download_app { margin: 20px auto;}
    .ones img {margin-bottom: 18px;}
    .bate_div {left: -59px;position: absolute;top:0px;z-index: 20000;}
    .bate_div img{width: 44%;}
    .headerdiv {height:62px !important;}
    #detailed img {margin-bottom: 10px;}
    #download-banner p {margin: 10px auto;}
    /*#mrright-the-product-6 {display: none;}*/
    .fadeInUp{margin-top: 2px!important;}
    .whylabeek {padding:30px 0!important;}
    .whylabeek .container h2{margin-top: 20px;}
    #mrright-the-product {
  background: rgba(0, 0, 0, 0) url('../images/process-0.png')repeat  51.5% 0; cursor: pointer;}
#mrright-the-product-1 {
  background: rgba(0, 0, 0, 0) url(../images/process-1.png) repeat  52% 0; cursor: pointer;
}
#mrright-the-product-2 {
  background: rgba(0, 0, 0, 0) url(../images/process-3.png)repeat  52% 0; cursor: pointer;
}
#mrright-the-product-3 {
  background: rgba(0, 0, 0, 0) url(../images/process-4.png) repeat  52% 0; cursor: pointer;
}
#mrright-the-product-4 {
  background: rgba(0, 0, 0, 0) url(../images/process-5.png) repeat  52% 0; cursor: pointer;
}
#mrright-the-product-5 {
  background: rgba(0, 0, 0, 0) url(../images/process-6.png) repeat  52% 0; cursor: pointer;
}
/*#mrright-the-product-6 {
  background: rgba(0, 0, 0, 0) url("https://mrright.blob.core.windows.net/cdn/mraboutslides/3-text.jpg") repeat  52% 0; cursor: pointer;
}*/
#mrright-the-product-6 {
    background: rgba(0,0,0,0) url(../images/notify1.png) repeat 52% 0; cursor: pointer;
}
#mrright-the-product-7 {
    background: rgba(0,0,0,0) url(../images/notify2.png) repeat 52% 0; cursor: pointer;
}
#mrright-the-product-8 {
    background: rgba(0,0,0,0) url(../images/notify3.png) repeat 52% 0; cursor: pointer;
}
#mrright-the-product-9 {
    background: rgba(0,0,0,0) url(../images/notify4.png) repeat 52% 0; cursor: pointer;
}

   /* #mr-animation {height: 610px!important; width: 100%!important;}
*/
       
} 


.servicestitle {
  margin: 10px 0 -9px;
}


@media (max-width: 530px) {
    #menu-bar-fixed .logo {margin-left:20%;}
    /*#header{height:750px!important;}*/
    .text-tab h3 {font-size:14px;}
    .text-tab h3 span {font-size:22px;}
    #menu-bar .logo {float: left;margin-left: 30%;}
    h1 {font-size: 42px;
        font-weight: 300;}
    h2 {
        font-size: 42px;}
    h4, .btn {
        font-weight: 400;}
    section {
      padding: 45px 0;}
    #menu-bar .logo {
        line-height: 28px;}
    #menu-bar .logo img {
            height: 33px; }
    #header-btn {
        margin: 0 0 60px;}
    .subtitle {
        margin-bottom: 45px;}
    footer #social-links .icon {margin: 0 8px;}
        .download_help{width: 100% !important;}
       .demand h1 {font-size: 23px;margin: 20px 0 0;}
}

@media (max-width: 399px) {
    #menu-bar-fixed {height:60px!important;}
    .download-buttons label {left: -125px;top: 35px;}
    #edit-mergevars-number {padding: 12px 50px 17px;}
    #menu-bar .logo {float: left;margin-left: 22%;}
    .service-header{top:-10px;}
    #header-btn { margin-bottom: 38px;}
    #header-btn a { margin: 0;}
   #header-btn a:first-child {
    margin: 0 10px 20px;width: 179px; }
    #menu-bar { margin-bottom: 10px; padding: 10px 0;}
    #menu-bar .logo img { height: 28px;}
    #menu-bar-fixed .logo img {height: 24px; }
    h1 { font-size: 36px; margin-bottom: 28px;}
    h2 {font-size: 30px;}
    #menu-bar .logo {font-size: 26px;}
    #newsletter-form .subscribe-input { width: 100%; }
    #newsletter-form .subscribe-submit { position: static;width: 100%;}
    footer #social-links .icon {margin: 0 2px;}
    .input-group .input-group-addon {font-size: 12px;padding: 6px 4px;}
    #the-redefined .input-group .form-control {padding:6px 8px;font-size:12px;}
    #the-redefined .google_play > img {width: 120px;}
    #the-redefined .app_store img {height: 40px;width: 120px;}
    .nav li a {font-size: 16px!important;}
    .service-register h1 {color: #ffffff !important;font-size: 34px;margin-top: -28px;}
    .knowing h4{text-align:center;}
    .knowing p{text-align:center;}
    .ratings h4{text-align:center;}
    .ratings p{text-align:center;}
   




}
@media (max-width: 320px){
    .demand h4{font-size: 18px;}
    .div_map img{margin-top: 0px;}
}
/*==========================12/01/2016 (service) =========================*/


.bodyContent{
    padding-top: 90px;
   /* background-color: #f1f1f3;*/
}
.bannerMain.container-fluid{
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
.bannerMain{
   /* background-color: #f1f1f3;*/
    position: relative;
    padding-bottom: 90px;

}
.bannerMain img{
    width: 80%;
    height: auto;
    margin-left:10%;
    margin-right: auto;
}
.bannerMain.listView{
    text-align: center;
}

.bannerMain.listView img{
    width: 65%;
}

.menuMain{
    width: 100%;
    /*position: absolute;*/
    bottom: -10px;
    text-align: center;

}

.menuMain a{
    margin-left: 20px;
    margin-right: 20px;
    text-decoration: none;
}
.menuMain .menu__items{
    background-color: rgba(255,255,255,1);
    display: inline-block;
    position: relative;
    background-image: url(../img/icon.html); 
    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
    transition: 0.2s linear;
    border-radius: 50%;
    box-shadow: 0 0 4px #bcbcbc;
    width: 94.5px;
    height: 94.5px;

}
.menuMain .menu__items:hover{
    background-size: 70%;
    background-color: #f3a000;
    transition: 0.2s linear;
}
.menuMain a i{
    margin-bottom: 25px;
}

.menuItems{
    width: 100%;
    border-top: 6px solid #f3a000;
    text-align: left;
}

.menuItems ul{
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 9px;
    /*height: 51.5px;*/
    
}
.menuItems ul li{
    display: inline-block;
    padding-left:8px;
    padding-right:8px;
    /*line-height: 1.5em;*/

    border-right: 1px solid #fbca5f;
    line-height: 47px;
    padding-top:4px;
}
.menuItems ul li.categoryHeading{
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 51px;
    font-weight: bold;
    background-color: #f3a000;
    padding-left:30px;
    padding-right: 30px;
    border-right:0;
    padding-top: 0;
    color: #FFF;
}
.menuItems ul li a{
    text-decoration: none;
    color: #FFF;
    font-weight:bold; 
    transition: 0.2s linear;
}
.menuItems ul li a:hover{
    color: #;
    transition: 0.2s linear;
}
.hovicon.effect-1.sub-a:hover{
    background: transparent none repeat scroll 0% 0% !important;
}
.hovicon.effect-1::after{
    box-shadow: 0px 0px 0px 4px #f3a000 !important;
}

.menuItems ul li.categoryHeading{
            font-weight: 1.2em;
        }







@media only screen and (min-width: 1359px){
    .menuMain{
    position: absolute;
}
}
@media only screen and (max-width: 1359px){
    .bannerMain{
        padding-bottom: 0;
    }
    .menuMain{
    position: initial;
    text-align: center;
}
.menuItems{
    text-align: left;
}
.menuItems ul{
    margin-bottom: 0;
}
}
@media only screen and (max-width: 520px){
    .bannerMain img{
    width: 100%;
    height: auto;
    margin-left:0;
    margin-right: auto;
}
}




            .menuItems{
                position: relative;
            }
            .menuItems .triangle{
                width: 0;
                height: 0;
                border-left:15px solid transparent; 
                border-top:15px solid transparent;
                border-bottom:15px solid #f3a000; 
                border-right:15px solid transparent;
                position: absolute;
                background-color: transparent;
                top: -35px;
                left: 10%;
                transition: all 1s ease;
            }
            .hidden{
                 opacity:0;
            }
            .visible{
                 opacity:1;
            }
            @font-face {
              font-family: 'Material Icons';
              font-style: normal;
              font-weight: 400;
              src: local('Material Icons'), local('MaterialIcons-Regular'), url(css/material-icon.html) format('woff2');
            }

            .material-icons {
              font-family: 'Material Icons';
              font-weight: normal;
              font-style: normal;
              font-size: 24px;
              line-height: 1;
              letter-spacing: normal;
              text-transform: none;
              display: inline-block;
              white-space: nowrap;
              word-wrap: normal;
              direction: ltr;
              -moz-font-feature-settings: 'liga';
              -moz-osx-font-smoothing: grayscale;
            }

            @media only screen and (max-width: 480px){
                .menuItems ul li{
                    width: 50%;

                }
                .menuItems ul li.categoryHeading{
                    padding-right: 0;
                    padding-left: 0;
                    text-align: center;
                }
            
            
                
            }
            @media only screen and (min-width: 750px) and (max-width: 992px){
                .whyDependOnUs .whyDependOnUs__icons.row{
                    margin-left:0;
                    margin-right: 0;
                    padding-left: 30px;
                }
            }
            @media only screen and (min-width: 750px){
                #header .navbar-right {
                    padding-top: 25px;
                }
            }
            @media only screen and (min-width: 480px) and (max-width: 992px){
                .menuItems ul li{
                    width: 33%;

                }
                .menuItems ul li.categoryHeading{
                    padding-right: 0;
                    padding-left: 0;
                    text-align: center;
                }
            }
            @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (max-width: 1359px) {
                    .menuItems ul {
                        margin-bottom: 9px;
                    }
                }















                @import "compass/css3.html";

.hovicon {
    display: inline-block;
    font-size: 45px;
    line-height: 0px;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #fff;
}

.hovicon.auto-width {
    width: auto;
    height: auto;
    padding: 15px;
}
.hovicon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content:'';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hovicon:before {
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}
/* Effect 1 */
 .hovicon.effect-1 {
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}
.hovicon.effect-1:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}
/* Effect 1a */
 .hovicon.effect-1.sub-a:hover {
    background: rgba(255, 255, 255, 1);
    color: #41ab6b;
}
.hovicon.effect-1.sub-a:hover i {
    color: #41ab6b;
}
.hovicon.effect-1.sub-a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
/* Effect 1b */
 .hovicon.effect-1.sub-b:hover {
    background: rgba(255, 255, 255, 1);
    color: #41ab6b;
}
.hovicon.effect-1.sub-b:hover i {
    color: #41ab6b;
}
.hovicon.effect-1.sub-b:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.hovicon.effect-1.sub-b:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
/* Effect 2 */
/* Effect 2 */
@media (max-width: 767px) {
    .video-div{display: none;}
    #header-img{margin-bottom: 20px;}

} /* Effect 2 */