body {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-weight: 400;
}

h1, h2, h3, h4, h5{
    margin: 0;
    font-family: 'Poppins', sans-serif;
}
p{
    margin: 0;
}
ul {
    padding-left: 0;
    margin-bottom: 0;
}

li {
    list-style: none;
}

a, button {
    transition: 0.5s all ease-in-out;
}

a {
    text-decoration: none;
    transition: 0.5s all ease-in-out;
}

a:focus, a:hover, a:active {
    outline: 0;
    box-shadow: none;
    transition: 0.5s all ease-in-out;
    text-decoration: none;
}
button:focus{
    outline: 0;
}
.child-pernt {
    display: table;
    height: 100%;
    width: 100%;
}

.child {
    display: table-cell;
    vertical-align: middle;
}

.wrapper{
    overflow: hidden;
}
.pos-rel { position: relative; }
/*===== Custom Css =======*/
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 22px 0;
    z-index: 10;
    transition: all 0.5s ease-in-out;
}
.header.affix{
    position: fixed;
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}
.header.affix .logo img{
    max-width: 120px;
    transition: all 0.5s ease-in-out;
}
.header .logo{
    padding: 8px 0 0;
    transition: all 0.5s ease-in-out;
}
.header .logo img{
    transition: all 0.5s ease-in-out;
    max-width: 140px;
}
.header .header-right{
    text-align: right;
}
.header-right ul {
    display: inline-block;
    vertical-align: top;
}
.header-right ul li:first-child{
    margin-left: 0;
}
.header-right ul li{
    float: left;
    margin-left: 42px;
}
.header-right ul li a.login-btn {
    border: 3px solid #75899d;
    border-radius: 100px;
    color: #75899d;
    display: inline-block;
    font-family: "Nunito",sans-serif;
    font-size: 16px;
    font-weight: 300;
    padding: 8px 35px;
}
.header-right ul li a.login-btn:hover{
    background-color: #1caf9a;
    border: 3px solid #1caf9a;
    color: #fff;
    color: #fff;
}
.header-right ul li a{
    padding: 8px 0 0;
    display: inline-block;
}
.header-right ul li a span{
    background-color: #75899d;
    border-radius: 80px;
    display: block;
    height: 4px;
    margin-bottom: 6px;
    width: 35px;
}
.header-right ul li a img{
    width: 35px;
}
.featuer-page .header-right ul li a span{
    background-color: #fff;
}
.featuer-page .features-header .logo img{
    filter: brightness(5);
}
.features-header.affix .logo img{
    filter: brightness(1);
}
.features-header.affix .header-right ul li a.login-btn{
    border: 3px solid #75899d;
    color: #75899d;
}
.features-header.affix .header-right ul li a span{
    background-color: #75899d;
}
/*===== Index Banner Css =======*/
.index-banner{
    height: 100vh;
}
.index-banner .container-fluid,
.index-banner .row,
.index-banner .col-md-6,
.index-banner .image-holder{
    height: 100%;
}
.index-banner .image-holder:after {
    border-bottom: 100vh solid #eff6ff;
    border-left: 18vw solid rgba(0, 0, 0, 0);
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 57vw;
}
.index-banner .image-holder img {
    left: 50%;
    max-width: 800px;
    width: 40vw;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.index-banner .text-box{
    height: 100%;
    padding-left: 0;
}
.index-banner .text-box .text-inner {
    left: 50%;
    max-width: 645px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding-left: 30px;
}
.index-banner .text-box .text-inner h1{
    color: #242424;
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 45px;
}
.index-banner .text-box .text-inner h1 span{
    font-weight: 300;
}
.index-banner .text-box .text-inner .form-control{
    border: 1px solid #d3d3d3;
    background-color: #f6f6f6;
    color: #979797;
    font-size: 14px;
    box-shadow: none;
    height: 42px;
    max-width: 252px;
    width: 100%;
    border-radius: 50px;
    padding-left: 20px;
    display: inline-block;
}
.index-banner .text-box .text-inner a{
    background-color: #1caf9a;
    font-family: "Nunito",sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin-left: 9px;
    color: #fff;
    padding: 11px 21px;
    border-radius: 50px;
    display: inline-block;
}
.index-banner .text-box .text-inner a:hover{
    background-color: #333;
}
/*===== Footer Css =======*/
.footer{
    background-color: #2e3e4e;
    padding: 44px 0 0;
}
.footer-inner h3{
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 42px;
}
.footer-inner .footer-link ul li{
    margin-bottom: 16px;
}
.footer-inner .footer-link ul li a{
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    display: block;
}
.footer-inner .footer-link ul li a:hover{
    color: #1caf9a;
}
.footer-socail ul li{
    display: inline-block;
    margin-right: 8px;
}
.footer-socail ul li a img{
    width: 38px;
    height: 38px;
}
.footer-conatct{
    margin-top: 26px;
}
.footer-conatct a.conatct-os {
    background-color: #1caf9a;
    border-radius: 50px;
    color: #ffffff;
    display: inline-block;
    font-family: "Nunito",sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 48px;
    line-height: 48px;
    margin-bottom: 30px;
    max-width: 212px;
    text-align: center;
    width: 100%;
}
.footer-conatct a.conatct-os:hover{
    background-color: #333;
}
.footer-conatct ul li{
    display: inline-block;
    margin-right: 3px;
}
.footer-conatct ul li a img{
    height: 44px;
    max-width: 120px;
    width: 100%;
}
.lastfooter{
    background-color: #1d2b3a;
    margin-top: 51px;
    padding: 23px 0 26px;
}
.lastfooter-left img{
    width: 110px;
}
.lastfooter-left p{
    font-family: "Nunito",sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
    color: #898e92;
}
.lastfooter-right a {
    color: #898e92;
    display: inline-block;
    font-family: "Nunito",sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin: 20px 0 0;
    text-decoration: underline;
}
.lastfooter-right a:hover{
    color: #1caf9a;
}
/*===== Side Bra Navigation Css =======*/
.cross-icon {
    position: absolute;
    right: 30px;
    top: 26px;
}
.cross-icon img{
    width: 30px;
}
.sidebar-navigation{
    -webkit-box-shadow: -21px 1px 10px 1px rgba(0,0,0,0.03);
    -moz-box-shadow: -21px 1px 10px 1px rgba(0,0,0,0.03);
    box-shadow: -21px 1px 10px 1px rgba(0,0,0,0.03);
    background-color: rgba(255, 255, 255, 0.97);
    position: fixed;
    top: 0;
    right: -100%;
    height: 100%;
    transition: all 0.5s ease-in-out;
    z-index: 100;
    max-width: 325px;
    width: 100%;
}
.sidebar-navigation.active{
    right: 0;
    transition: all 0.5s ease-in-out;
}
.navigation-links {
    padding-top: 94px;
}
.navigation-links ul li a{
    color: #242424;
    font-size: 20px;
    border-bottom: 1px solid #f6f7f7;
    display: block;
    padding: 20px 55px;
}
.navigation-links ul li:last-child a{
    border-bottom: none;
}
.navigation-Sanity {
    background-color: #f3f5f6;
    bottom: 0;
    padding: 31px 35px 50px;
    position: absolute;
    width: 100%;
}
.navigation-Sanity p{
    color: #242424;
    font-size: 22px;
    margin-bottom: 30px;
    font-weight: 200;
}
.navigation-Sanity .form-control {
    background-color: #ffffff;
    border: 1px solid #e9eef4;
    border-radius: 50px;
    box-shadow: none;
    color: #979696;
    font-family: "Nunito",sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 50px;
    margin-bottom: 15px;
    padding-left: 22px;
    width: 100%;
}
.navigation-Sanity a {
    background-color: #1caf9a;
    border-radius: 50px;
    color: #ffffff;
    display: inline-block;
    font-family: "Nunito",sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 100%;
}
/*===== Login Page Css =======*/
.login-page {
    background: rgba(0, 0, 0, 0) url("../img/signup-bg.png") no-repeat scroll center top / cover ;
}
.login-logo{
    text-align: center;
    margin-bottom: 56px;
}
.login-logo img{
    display: inline-block;
    width: 200px;
}
.login-sec {
    /* background-color: #ffffff; */
    color: white;
    height: 100%;
    left: 0;
    position: fixed;
    width: 100%;
    box-shadow: 21px 1px 10px 1px rgba(0, 0, 0, 0.03);
    max-width: 370px;
    padding: 65px 50px;
    z-index: 1000;
}
.login-sec h2{
    color: white;
    font-size: 16px;
    margin-bottom: 6px;
}
.login-sec p{
    color: #c5c5c5;
    font-size: 13px;
    margin-bottom: 37px;
}
.login-sec p a:hover{
    color: #1caf9a;
}
.login-sec span{
    color: #2d87db;
    font-size: 13px;
}
.login-sec .form-group{
    position: relative;
}
.login-sec .form-group .form-control {
    background-color: #ffffff;
    border: 1px solid #e4ebf4;
    border-radius: 50px;
    box-shadow: none;
    color: #979696;
    font-size: 18px;
    height: 63px;
    padding-left: 20px;
    width: 100%;
}
.login-sec .form-group .eyes-icon {
    display: inline-flex;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0px, -50%);
}
.login-sec .form-group .eyes-icon img{
    width: 20px;
}
.login-sec .form-group .btn-defult{
    background-color: #1caf9a;
    color: #fff;
    font-size: 21px;
    font-family: "Nunito",sans-serif;
    font-weight: 300;
    margin-top: 25px;
    margin-bottom: 5px;
    width: 100%;
    height: 58px;
    border-radius: 50px;
    border: none;
    line-height: 40px;
    transition: all 0.5s ease-in-out;
}
.login-sec .form-group .btn-defult:hover{
    background-color: #333;
    transition: all 0.5s ease-in-out;
}
.login-sec .form-group ul {
    text-align: center;
}
.login-sec .form-group ul li{
    display: inline-block;
    padding:0 8px;
}
.login-sec .form-group ul li a{
    color: #2d87db;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.login-sec .form-group ul li a:hover{
    color: #1caf9a;
}
.login-text {
    left: 62%;
    margin: 0 auto;
    max-width: 500px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.login-text h2{
    font-weight: 600;
    color: #242424;
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
}
.login-text p{
    font-weight: 300;
    font-size: 18px;
    line-height:28px;
    font-family: 'Poppins', sans-serif;
}
/* .squaredFour */
.login-sec .squaredFour {
    width: 20px;
    position: relative;
    display: inline-block;
    margin: 0 0 0 -140px;
    vertical-align: middle;
}
.login-sec .squaredFour label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #d0d0d0;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
}
.login-sec .squaredFour label span {
    color: #979696;
    display: block;
    font-size: 17px;
    margin: -3px 0 0;
    width: 170px;
}
.login-sec .squaredFour label::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #fff;
    border-image: none;
    border-style: none none solid solid;
    border-width: medium medium 3px 3px;
    content: "";
    height: 7px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 4px;
    transform: rotate(-45deg);
    width: 11px;
}
.login-sec .squaredFour input[type=checkbox] {
    visibility: hidden;
}
.login-sec .squaredFour input[type=checkbox]:checked + label:after {
    opacity: 1;
}
/* end .squaredFour */
/*===== Sign Up Page Css =======*/
.signup-main{
    overflow: hidden;
    background-attachment: fixed;
}
.signup-sec{
    height: 100vh;
}
.signup-inner {
    left: 50%;
    margin: 0 auto;
    max-width: 400px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.signup-form{
    background-color: #ffffff;
    border-radius: 20px;
    -webkit-box-shadow: 1px 0px 20px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 1px 0px 20px 0px rgba(0,0,0,0.08);
    box-shadow: 1px 0px 20px 0px rgba(0,0,0,0.08);
    padding-top: 30px;
    padding-left: 35px;
    padding-right: 35px;
}
.signup-form h2{
    color: #2e3e4e;
    font-size: 32px;
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 600;
}
.signup-form p {
    color: #242424;
    font-family: "Poppins",sans-serif;
    font-size: 16px;
    margin: 0 auto 30px;
    width: 70%;
}
.signup-form .form-group{
    position: relative;
}
.signup-form .form-group .from-control{
    color: #979696;
    font-size: 18px;
    font-family: "Nunito",sans-serif;
    font-weight: 300;
    border-radius: 50px;
    border: 1px solid #e4ebf4;
    width: 100%;
    height: 50px;
    padding-left: 20px;
    background-color: #fff;
}
.signup-form .form-group span{
    color: #c5c5c5;
    font-size: 13px;
    font-family: "Poppins",sans-serif;
    font-weight: 400;
    display: block;
    margin-top: 5px;
}
.signup-form .form-group p{
    color: #2d87db;
    font-size: 13px;
    font-family: "Poppins",sans-serif;
    font-weight: 400;
    margin-top: 5px;
}
.signup-form .form-creating {
    margin-top: 33px;
}
.signup-form .form-creating p {
    color: #c5c5c5;
    font-family: "Poppins",sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 17px;
    width: 100%;
}
.signup-form .form-creating span{
    color: #2d87db;
}
.signup-form a {
    background-color: #1caf9a;
    border-radius: 0 0 20px 20px;
    color: #ffffff;
    display: block;
    font-family: "Nunito",sans-serif;
    font-size: 21px;
    font-weight: 300;
    height: 58px;
    line-height: 58px;
    margin: 0 -35px;
}
.signup-form a:hover{
    background-color: #333;
}
.signup-inner strong{
    color: #c5c5c5;
    font-size: 13px;
    font-family: "Poppins",sans-serif;
    font-weight: 400;
    display: block;
    margin-top: 15px;
}
.signup-inner strong a{
    color: #2d87db;
}
.signup-inner strong a:hover{
    color: #1caf9a;
}
.signup-step2 p{
    width: 100%;
}
.signup-step2 .pd_1{
    padding-right: 7px;
}
.signup-step2 .pd_2{
    padding-left: 7px;
}
.signup-step2 .form-group .cheack-icon, .signup-step1 .form-group .cheack-icon {
    position: absolute;
    top: 52%;
    right: 20px;
    transform: translate(0,-50%);
    margin: 0;
}
.signup-step2 .form-group .cheack-icon img, .signup-step1 .form-group .cheack-icon img {
    width: 10px;
}
.signup-step2 ul{
    text-align: left;
    margin: 15px 0 40px;
}
.signup-step2 ul li{
    margin-bottom: 10px;
}
.signup-step2 ul li img{
    margin-right: 10px;
    width: 20px;
}
.signup-step2{
    display: none;
}
.signup-step2 .signup-inner {
    min-height: 573px;
}

.signup-form .form-group .from-control:focus {
outline: none;
border-color: blue;
}

/*===== Start Invisible Recaptcha Css =======*/
.grecaptcha-badge{
    margin: auto;
}

/*===== Lead  Management Css =======*/
.management-banner{
    background: rgba(0, 0, 0, 0) url("../img/leadmanagement-bg.png") no-repeat scroll 0 0;
    padding-top: 160px;
}
.management-banner .text-box{
    text-align: center;
}
.management-banner .text-box h1{
    font-weight: 500;
    font-size: 45px;
    color: #242424;
    margin-bottom: 54px;
}
.management-banner .text-box h1 span{
    font-weight: 300;
    display: block;
}
.management-banner .text-box form .form-control{
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 50px;
    box-shadow: none;
    color: #979797;
    display: inline-block;
    font-size: 21px;
    height: 58px;
    max-width: 367px;
    padding-left: 20px;
    width: 100%;
}
.management-banner .text-box form a {
    background-color: #1caf9a;
    border-radius: 50px;
    color: #ffffff;
    display: inline-block;
    font-family: "Nunito",sans-serif;
    font-size: 21px;
    font-weight: 300;
    margin-left: 9px;
    padding: 15px 25px;
}
.management-banner .text-box form a:hover{
    background-color: #333;
}
/*.Intelligence .image-holder{
    margin-top: 65px;
    text-align: center;
}
.Intelligence .image-holder img{
    display: inline-block;
}*/
.Intelligence {
    background: rgba(0, 0, 0, 0) url("../img/leadmanagement-banner-img.png") no-repeat scroll 0 0;
    margin: 67px auto 62px;
    max-width: 874px;
    min-height: 590px;
}
.Intelligence-inner {
    float: right;
    margin-right: -66px;
    margin-top: 108px;
    max-width: 535px;
    position: relative;
    top: 70px;
}
.Intelligence-top{
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 1px 0 20px 0 rgba(0, 0, 0, 0.08);
}
.Intelligence-top h3{
    background-color: #1caf9a;
    font-size: 21px;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 10px 10px 0 0;
    padding: 13px 31px;
}
.Intelligence-top .text-inner{
    padding: 26px 31px;
}
.Intelligence-top .text-inner h4{
    color: #686363;
    font-size: 21px;
    margin-bottom: 17px;
}
.Intelligence-top .text-inner p{
    color: #979696;
    font-size: 19px;
    font-family: "Poppins",sans-serif;
    font-weight: 400;
    line-height: 29px;
}
.Intelligence-socail{
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 1px 0 20px 0 rgba(0, 0, 0, 0.08);
    margin-top: 17px;
    padding: 23px 35px 30px;
}
.Intelligence-socail h3{
    color: #686363;
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 21px;
}
.Intelligence-socail ul li{
    display: inline-block;
    margin-right: 6px;
}
.Intelligence-socail ul li a img {
    height: 37px;
    max-width: 37px;
}
/*===== Power Full Feature Css =======*/
.help-stay-sec.powerfull-feature-sec  {
    padding: 30px 0 100px;
}
.powerfull-feature-sec .hedding{
    margin-bottom: 15px;
}
.powerfull-feature-sec .hedding h2{
    color: #242424;
    font-size: 31px;
    font-weight: 500;
    text-align: center;
}
.powerfull-feature-sec .image-icon {
    margin: 95px 0 0;
    padding-left: 30px;
}
.powerfull-feature-sec ul li{
    float: left;
    position: relative;
    margin-bottom: 20px;
}
.powerfull-feature-sec ul li a img{
    width: 35px;
}
.powerfull-feature-sec .image-icon-second ul li:nth-child(4) a img,
.powerfull-feature-sec .image-icon-second ul li:nth-child(5) a img,
.powerfull-feature-sec .image-icon-thrd ul li:nth-child(4) a img,
.powerfull-feature-sec .image-icon-second ul li:first-child a img{
    width: 25px;
}
.powerfull-feature-sec .image-icon-first ul li:nth-child(2){
    left: 0;
    margin-left: 95px;
    top: -10px;
}
.powerfull-feature-sec .image-icon-first ul li:nth-child(3) {
    left: 0;
    margin-left: 62px;
    top: -37px;
}
.powerfull-feature-sec .image-icon-first ul li:nth-child(4) {
    left: 0;
    margin-left: 55px;
    top: -37px;
}
.powerfull-feature-sec .image-icon-first ul li:first-child a {
    height: 60px;
    line-height: 60px;
    width: 60px;
}
.powerfull-feature-sec .image-icon-first ul li:nth-child(3) a,
.powerfull-feature-sec .image-icon-second ul li:nth-child(3) a,
.powerfull-feature-sec .image-icon-second ul li:nth-child(6) a,
.powerfull-feature-sec .image-icon-thrd ul li:first-child a{
    height: 65px;
    line-height: 65px;
    width: 65px;
}
.powerfull-feature-sec ul li a{
    display: inline-block;
    width: 75px;
    height: 75px;
    background-color: #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 75px;
    box-shadow: 1px 0 20px 0 rgba(0, 0, 0, 0.3);
}
.powerfull-feature-sec ul li:hover .sub-over{
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out;
}
.sub-over {
    background-color: #ffffff;
    border-radius: 20px;
    bottom: -36px;
    box-shadow: 1px 0 20px 0 rgba(0, 0, 0, 0.3);
    left: 50%;
    opacity: 0;
    font-size: 12px;
    padding: 5px 12px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    transition: all 0.5s ease-in-out 0s;
    visibility: hidden;
    white-space: nowrap;
    z-index: 2;
}
.powerfull-feature-sec .image-icon-second ul li:first-child a,
.powerfull-feature-sec .image-icon-second ul li:nth-child(4) a,
.powerfull-feature-sec .image-icon-second ul li:nth-child(5) a,
.powerfull-feature-sec .image-icon-thrd ul li:nth-child(4) a{
    height: 45px;
    line-height: 45px;
    width: 45px;
}
.powerfull-feature-sec .image-icon-second ul li:first-child {
    left: -7px;
    margin-left: 0;
    top: 64px;
}
.powerfull-feature-sec .image-icon-second ul li:nth-child(2) {
    left: 0;
    margin-left: 25px;
    top: 13px;
}
.powerfull-feature-sec .image-icon-second ul li:nth-child(3) {
    left: 0;
    margin-left: 40px;
    top: 61px;
}
.powerfull-feature-sec .image-icon-second ul li:nth-child(4) {
    left: 0;
    margin-left: 40px;
    top: 11px;
}
.powerfull-feature-sec .image-icon-second ul li:nth-child(5) {
    left: 0;
    margin-left: 40px;
    top: -22px;
}
.powerfull-feature-sec .image-icon-second ul li:nth-child(6) {
    left: 0;
    margin-left: 70px;
    top: 13px;
}
/*===== image icon Thdr  =======*/
.powerfull-feature-sec .image-icon-thrd ul li:first-child{
    left: 0;
    margin-left: 30px;
    top: 55px;
}
.powerfull-feature-sec .image-icon-thrd ul li:nth-child(2) {
    left: 0;
    margin-left: 45px;
    top: 114px;
}
.powerfull-feature-sec .image-icon-thrd ul li:nth-child(3) {
    left: 0;
    margin-left: 80px;
    top: 30px;
}
.powerfull-feature-sec .image-icon-thrd ul li:nth-child(4) {
    left: 0;
    margin-left: 25px;
    top: -27px;
}
.powerfull-feature-sec .image-icon-thrd ul li:nth-child(5) {
    left: 0;
    margin-left: 22px;
    top: 54px;
}
/*===== Help Stay Css =======*/
.help-stay-sec{
    padding: 30px 0 34px;
}
.help-stay-sec .text-box{
    background-color: #f7faff;
    position: relative;
    z-index: 1;
    padding: 23px 40px 23px 70px;
    margin: 40px 0;
}
.help-stay-sec .text-box .text-inner{
    max-width: 500px;
    margin: 0 auto;
}
.pd-0{
    padding: 0;
}
.help-stay-sec .text-box:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    background-color: #f7faff;
}
.help-stay-sec .text-box h2{
    color: #2d87db;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 18px;
}
.help-stay-sec .text-box p{
    color: #6d6d6d;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    line-height: 22px;
}
.help-stay-sec .image-holder {
    position: relative;
    padding-left: 29px;

}
.help-stay-sec .image-holder ul {
    max-width: 400px;
    position: relative;
    z-index: 1;
}
.help-stay-sec .image-holder ul li{
    float: left;
    padding: 10px;
    transition: all 0.5s ease-in-out;
    border-radius: 20px;
}
.help-stay-sec .image-holder ul li img{
    max-width: 177px;
}
.help-stay-sec .image-holder ul li img:hover{
    box-shadow: 1px 0 20px 0 rgba(0, 0, 0, 0.08);
    transition: all 0.5s ease-in-out;
}
.help-price-bg {
    left: -11px;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}
/*===== Help Increase Css =======*/
.help-increase .text-box:after{
    display: none
}
.help-increase .text-box:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    right:  -100%;
    top: 0;
    background-color: #f7faff;
}
.help-increase .text-box {
    background-color: #f7faff;
    margin: 40px 0;
    padding: 23px 40px 23px 70px;
    position: relative;
}
.help-increase .image-holder{
    text-align: center;
}
.help-increase .image-holder img{
    display: inline-block;
    max-width: 455px;
}
/*===== Help Increase Css =======*/
.track-organised{
    background: url(../img/track-organised-bg.png) no-repeat;
    background-size: cover;
    padding: 50px 0 65px;
}
.track-organised .text-box {
    max-width: 850px;
}
.track-organised .text-box h1{
    color: #242424;
    font-size: 44px;
    font-weight: 500;
    margin-bottom: 20px;
}
.track-organised .text-box p{
    font-weight: 300;
    color: #6d6d6d;
    font-size: 22px;
    font-family: 'Poppins', sans-serif;
    line-height: 30px;
}
.track-organised .text-box span{
    font-size: 22px;
    color: #242424;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    display: block;
    margin: 20px 0 34px;
}
.track-organised .text-box a{
    background-color: #1caf9a;
    color: #fff;
    font-size: 21px;
    max-width: 237px;
    font-family: "Nunito",sans-serif;
    font-weight: 300;
    width: 100%;
    text-align: center;
    height: 60px;
    line-height: 60px;;
    display: inline-block;
    border-radius: 60px;
    margin-right: 17px;
}
.track-organised .text-box a:hover{
    background-color: #333;
}
/*===== Sanity Os Css =======*/
.sanity-os-sec{
    padding-top: 52px;
    padding-bottom: 125px;
    background: url(../img/sanityos-bg.png) no-repeat;
}
.sanity-os-sec .hedding{
    margin-bottom: 18px;
}
.sanity-os-sec .hedding h2{
    color: #242424;
    font-size: 31px;
    font-weight: 500;
    text-align: center;
}
.sanity-os-box {
    box-shadow: 1px 0 20px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #e8deed;
    padding: 23px;
    min-height: 250px;
    margin-top: 30px;
}
.sanity-os-box h3{
    color: #2e3e4e;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
    position: relative;
    text-transform: uppercase;
    padding-left: 18px;
}
.sanity-os-box h3:after{
    position: absolute;
    content: "";
    background-color: #ff5c72;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.sanity-os-box p{
    font-size: 14px;
    color: #6d6d6d;
    line-height: 24px;
    margin-bottom: 5px;
}
.sanity-os-box ul li{
    color: #6d6d6d;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 11px;
    padding-right: 10px;
    position: relative;
    padding-left: 18px;
}
.sanity-os-box ul li:last-child{
    margin-bottom: 0;
}
.sanity-os-box ul li:after{
    position: absolute;
    content: "";
    background-color: #2d87db;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
}
/*===== Pricing Page Css =======*/
.pricing-banner{
    background: url(../img/pricing-background.png) no-repeat;
    background-size: cover;
}
.pricing-user{
    padding: 20px 0 100px;
}
.pricing-banner {
    padding: 156px 0 30px;
}
.pricing-user-inner {
    margin: 0 auto;
    width: 980px;
}
.pricing-user-box {
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 41px 50px 0;
    box-shadow: 1px 0 20px 0 rgba(0, 0, 0, 0.08);
}
.pricing-user-box span {
    color: #2e3e4e;
    font-family: "Poppins",sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 18px;
}
.price-hedding {
    height: 70px;
    position: relative;
}
.pricing-user-box h3{
    font-weight: 600;
    color: #2d87db;
    font-size: 60px;
    margin-bottom: 16px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
}
.pricing-user-box h3.usd1{
    display: none;
}
.pricing-user-box h3.eur1{
    display: none;
}
.pricing-user-box p{
    color: #2e3e4e;
    font-size: 25px;
    margin-bottom: 5px;
    font-weight: 400;
    font-family: "Poppins",sans-serif;
}
.pricing-user-box .month-button {
    margin-bottom: 39px;
}
.pricing-user-box .month-button h4{
    display: inline-block;
    font-size: 13px;
    color: #979696;
    border-radius: 15px;
    font-family: "Poppins",sans-serif;
    vertical-align: middle;
    margin-right: 10px;
}
.pricing-user-box .month-button ul {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.pricing-user-box .month-button ul li{
    float: left;
}
.pricing-user-box .month-button a{
    font-size: 13px;
    color: #979696;
    border-radius: 15px;
    font-family: "Poppins",sans-serif;
    display: inline-block;
    padding: 9px 10px;
    padding: 5px 11px;
}
.pricing-user-box .month-button a:hover,
.pricing-user-box .month-button ul li.active a{
    background-color: #999999;
    color: #fff;
}
.pricing-user-box ul{
    text-align: left;
    margin-bottom: 58px;
}
.pricing-user-box ul li{
    font-size: 22px;
    font-family: "Poppins",sans-serif;
    color: #2e3e4e;
    font-weight: 300;
    margin-bottom: 6px;
}
.pricing-user-box ul li:last-child{
    margin-bottom: 0;
}
.pricing-user-box ul li img{
    margin-right: 10px;
    width: 20px;
}
.pricing-user-box a.creat-account{
    font-size: 21px;
    color: #fff;
    background-color: #1caf9a;
    border-radius: 0 0 20px 20px;
    margin: 0 -50px;
    height: 58px;
    display: block;
    line-height: 58px;
    font-weight: 300;
}
.pricing-user-box a.creat-account:hover{
    background-color: #000;
}
.more-user {
    background-color: #2e3e4e;
    border-radius: 0 20px 20px 0;
    margin: 41px 0;
    padding: 47px 38px 0;
    position: static;
    text-align: center;
    top: 0;
    transform: translate(0px);
}
.more-user h3{
    color: #fff;
    display: block;
    font-family: "Poppins",sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 4px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.more-user p{
    color: #fff;
    font-family: "Poppins",sans-serif;
    font-size: 17px;
    font-weight: 400;
    padding-bottom: 45px;
}
.more-user ul li{
    color: #ffffff;
    float: left;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-weight: 200;
    padding: 20px 10px;
    width: 50%;
}
.more-user ul li:first-child{
    border-bottom: 1px solid #3e4d5d;
    border-right: 1px solid #3e4d5d;
}
.more-user ul li:nth-child(2){
    border-bottom: 1px solid #3e4d5d;
}
.more-user ul li:nth-child(3){
    border-right: 1px solid #3e4d5d;
}
.more-user a{
    font-size: 21px;
    color: #fff;
    background-color: #1d2b3a;
    border-radius: 0 0 20px 0;
    margin: 46px -38px 0;
    height: 58px;
    display: block;
    line-height: 58px;
    font-weight: 300;
}
.more-user a:hover{
    background-color: #1caf9a;
}
.getting-price{
    padding-top: 80px;
}
.getting-price-box .image-holder{
    float: left;
    margin: 24px 0 0;
}
.getting-price-box .image-holder img{
    width: 80px;
}
.getting-price-box .text-box{
    overflow: hidden;
    padding-left: 30px;
}
.getting-price-box .text-box h3{
    font-weight: 400;
    font-size: 25px;
    color: #242424;
    margin-bottom: 8px;
}
.getting-price-box .text-box p{
    font-weight: 200;
    font-size: 22px;
    color: #6d6d6d;
    font-family: "Poppins",sans-serif;
    line-height: 30px;
}
.getting-price a.booking-now {
    background-color: #2e3e4e;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    float: right;
    font-size: 22px;
    font-weight: 300;
    height: 60px;
    line-height: 60px;
    margin-top: 36px;
    text-align: center;
    width: 170px;
}
.getting-price a.booking-now:hover{
    background-color: #1caf9a;
}

.Header {
    overflow: hidden;
    margin-top: -48px
}

.Header,.Header-hero {
    position: relative;
    width: 100%;
    padding-bottom: 40px;
}

.Header-hero {
    padding-top: 46px;
    height: 60vh;
    min-height: 480px;
    max-height: 600px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.IconsContainer {
    width: 3000px;
    height: 460px;
    position: relative;
    left: 50px
}
.Icon {
    position: absolute;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    background-size: 912px 912px;
    background-image: url(/img/v3/gallery/logos/header-logos.png?2);
    border-radius: 50%;
    box-shadow: 0 15px 35px rgba(0,0,0,.1),0 3px 10px rgba(0,0,0,.07);
    will-change: transform,opacity;
    /*    opacity: 1 !important;*/

}
@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0.5; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0.5; }
    100% { opacity:1; }
}


.Icon span {
    position: absolute;
    left: 50%;
    bottom: -40px;
    padding: 5px 12px;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.05),0 8px 20px rgba(0,0,0,.05);
    border-radius: 50px;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    color: #566b78;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: transform,opacity;
    -webkit-transform: translate(-50%,-10px);
    transform: translate(-50%,-10px);
    opacity: 0;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.Icon:hover {
    z-index: 9999
}

.Icon:hover span {
    opacity: .9;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}
.Icon {
    background-size: 80px auto !important;
}
.Icon-img0 {
    background: #1caf9a url(../img/pricing-tool-icon1.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0s normal forwards 1 fadein;
    animation: 1.5s ease 0s normal forwards 1 fadein;
}
.Icon-img1 {
    background: #3d86ca url(../img/pricing-tool-icon2.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.1s normal forwards 1 fadein;
    animation: 1.5s ease 0.1s normal forwards 1 fadein;
}
.Icon-img2 {
    background: #2e3e4e url(../img/pricing-tool-icon3.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.2s normal forwards 1 fadein;
    animation: 1.5s ease 0.2s normal forwards 1 fadein;
}
.Icon-img3 {
    background: #1caf9a url(../img/pricing-tool-icon4.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.3s normal forwards 1 fadein;
    animation: 1.5s ease 0.3s normal forwards 1 fadein;
}
.Icon-img4 {
    background: #3d86ca url(../img/pricing-tool-icon5.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.4s normal forwards 1 fadein;
    animation: 1.5s ease 0.4s normal forwards 1 fadein;
}
.Icon-img5 {
    background: #2e3e4e url(../img/pricing-tool-icon6.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.5s normal forwards 1 fadein;
    animation: 1.5s ease 0.5s normal forwards 1 fadein;
}
.Icon-img6 {
    background: #1caf9a url(../img/pricing-tool-icon7.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.6s normal forwards 1 fadein;
    animation: 1.5s ease 0.6s normal forwards 1 fadein;
}
.Icon-img7 {
    background: #3d86ca url(../img/pricing-tool-icon8.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.7s normal forwards 1 fadein;
    animation: 1.5s ease 0.7s normal forwards 1 fadein;
}
.Icon-img8 {
    background: #2e3e4e url(../img/pricing-tool-icon9.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.8s normal forwards 1 fadein;
    animation: 1.5s ease 0.8s normal forwards 1 fadein;
}
.Icon-img9 {
    background: #1caf9a url(../img/pricing-tool-icon10.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.9s normal forwards 1 fadein;
    animation: 1.5s ease 0.0s normal forwards 1 fadein;
}
.Icon-img10 {
    background: #3d86ca url(../img/pricing-tool-icon11.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 1s normal forwards 1 fadein;
    animation: 1.5s ease 1s normal forwards 1 fadein;
}
.Icon-img11 {
    background: #2e3e4e url(../img/pricing-tool-icon12.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0s normal forwards 1 fadein;
    animation: 1.5s ease 0s normal forwards 1 fadein;
}
.Icon-img12 {
    background: #1caf9a url(../img/pricing-tool-icon13.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.2s normal forwards 1 fadein;
    animation: 1.5s ease 0.2s normal forwards 1 fadein;
}
.Icon-img13 {
    background: #3d86ca url(../img/pricing-tool-icon14.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.3s normal forwards 1 fadein;
    animation: 1.5s ease 0.3s normal forwards 1 fadein;
}
.Icon-img14 {
    background: #2e3e4e url(../img/pricing-tool-icon15.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.4s normal forwards 1 fadein;
    animation: 1.5s ease 0.4s normal forwards 1 fadein;
}
.Icon-img15 {
    background: #1caf9a url(../img/pricing-tool-icon1.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.5s normal forwards 1 fadein;
    animation: 1.5s ease 0.5s normal forwards 1 fadein;
}
.Icon-img16 {
    background: #3d86ca url(../img/pricing-tool-icon2.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.6s normal forwards 1 fadein;
    animation: 1.5s ease 0.6s normal forwards 1 fadein;
}
.Icon-img17 {
    background: #2e3e4e url(../img/pricing-tool-icon3.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.7s normal forwards 1 fadein;
    animation: 1.5s ease 0.7s normal forwards 1 fadein;
}
.Icon-img18 {
    background: #1caf9a url(../img/pricing-tool-icon4.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.8s normal forwards 1 fadein;
    animation: 1.5s ease 0.8s normal forwards 1 fadein;
}
.Icon-img19 {
    background: #3d86ca url(../img/pricing-tool-icon5.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.9s normal forwards 1 fadein;
    animation: 1.5s ease 0.9s normal forwards 1 fadein;
}
.Icon-img20 {
    background: #2e3e4e url(../img/pricing-tool-icon6.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 1s normal forwards 1 fadein;
    animation: 1.5s ease 1s normal forwards 1 fadein;
}
.Icon-img21 {
    background: #1caf9a url(../img/pricing-tool-icon7.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0s normal forwards 1 fadein;
    animation: 1.5s ease 0s normal forwards 1 fadein;
}
.Icon-img22 {
    background: #3d86ca url(../img/pricing-tool-icon8.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.2s normal forwards 1 fadein;
    animation: 1.5s ease 0.2s normal forwards 1 fadein;
}
.Icon-img23 {
    background: #2e3e4e url(../img/pricing-tool-icon9.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.3s normal forwards 1 fadein;
    animation: 1.5s ease 0.3s normal forwards 1 fadein;
}
.Icon-img24 {
    background: #1caf9a url(../img/pricing-tool-icon10.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.4s normal forwards 1 fadein;
    animation: 1.5s ease 0.4s normal forwards 1 fadein;
}
.Icon-img25 {
    background: #3d86ca url(../img/pricing-tool-icon11.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.5s normal forwards 1 fadein;
    animation: 1.5s ease 0.5s normal forwards 1 fadein;
}
.Icon-img26 {
    background: #2e3e4e url(../img/pricing-tool-icon12.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.6s normal forwards 1 fadein;
    animation: 1.5s ease 0.6s normal forwards 1 fadein;
}
.Icon-img27 {
    background: #1caf9a url(../img/pricing-tool-icon13.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.7s normal forwards 1 fadein;
    animation: 1.5s ease 0.7s normal forwards 1 fadein;
}
.Icon-img28 {
    background: #3d86ca url(../img/pricing-tool-icon14.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.8s normal forwards 1 fadein;
    animation: 1.5s ease 0.8s normal forwards 1 fadein;
}
.Icon-img29 {
    background: #2e3e4e url(../img/pricing-tool-icon15.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.9s normal forwards 1 fadein;
    animation: 1.5s ease 0.9s normal forwards 1 fadein;
}
.Icon-img30 {
    background: #1caf9a url(../img/pricing-tool-icon1.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 1s normal forwards 1 fadein;
    animation: 1.5s ease 1s normal forwards 1 fadein;
}
.Icon-img31 {
    background: #3d86ca url(../img/pricing-tool-icon2.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0s normal forwards 1 fadein;
    animation: 1.5s ease 0s normal forwards 1 fadein;
}
.Icon-img32 {
    background: #2e3e4e url(../img/pricing-tool-icon3.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.2s normal forwards 1 fadein;
    animation: 1.5s ease 0.2s normal forwards 1 fadein;
}
.Icon-img33 {
    background: #1caf9a url(../img/pricing-tool-icon4.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.3s normal forwards 1 fadein;
    animation: 1.5s ease 0.3s normal forwards 1 fadein;
}
.Icon-img34 {
    background: #3d86ca url(../img/pricing-tool-icon5.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.4s normal forwards 1 fadein;
    animation: 1.5s ease 0.4s normal forwards 1 fadein;
}
.Icon-img35 {
    background: #2e3e4e url(../img/pricing-tool-icon6.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.5s normal forwards 1 fadein;
    animation: 1.5s ease 0.5s normal forwards 1 fadein;
}
.Icon-img36 {
    background: #1caf9a url(../img/pricing-tool-icon7.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.6s normal forwards 1 fadein;
    animation: 1.5s ease 0.6s normal forwards 1 fadein;
}
.Icon-img37 {
    background: #3d86ca url(../img/pricing-tool-icon8.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.7s normal forwards 1 fadein;
    animation: 1.5s ease 0.7s normal forwards 1 fadein;
}
.Icon-img38 {
    background: #2e3e4e url(../img/pricing-tool-icon9.svg) no-repeat;
    background-position: center center;
    -webkit-animation: 1.5s ease 0.8s normal forwards 1 fadein;
    animation: 1.5s ease 0.8s normal forwards 1 fadein;
}
/*===== Features Css =======*/
.features-header .header-right ul li a.login-btn{
    border: 3px solid #fff;
    color: #fff;
}
.features-header .header-right ul li a.login-btn:hover{
    border: 3px solid #1caf9a;
    transition: all 0.5s ease-in-out;
}
.features-banner{
    background: rgba(0, 0, 0, 0) url("../img/feature-banner-bg.png") no-repeat scroll 0 0;
    text-align: center;
}
.features-banner .text-box h1{
    color: #fff;
}
.features-banner .image-holder {
    display: inline-block;
    margin-top: 115px;
}
.features-banner .image-holder img{
    width: 100%;
}
/*===== Manage Leads Css =======*/
.manage-leads {
    padding: 100px 75px 50px;
}
.manage-leads-left {
    padding-right: 16px;
}
.manage-leads-left .carousel-indicators li{
    width: 27px;
    height: 27px;
    border: 2px solid transparent;
    border-radius: 50%;
    position: relative;
}
.manage-leads-left .carousel-indicators li:after{
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 15px;
    height: 15px;
    background-color: #dedede;
    border-radius: 50%;
}
.manage-leads-left .carousel-indicators .active{
    width: 27px;
    height: 27px;
    border: 2px solid #2d87db;
    background-color: transparent;
}
.manage-leads-left .carousel-indicators .active:after{
    background-color: #2d87db;
}
.manage-leads-left .carousel-indicators {
    left: 0;
    margin: 9px 0 0;
    padding-left: 0;
    position: static;
    text-align: center;
    width: 100%;
    z-index: 15;
}
.manage-leads-right {
    padding-left: 16px;
}
.manage-leads-right .title{
    margin-bottom: 23px;
}
.manage-leads-right .title h3{
    color: #3d86ca;
    font-size: 31px;
    font-weight: 600;
    max-width: 750px;
}
.manage-leads-right .title p{
    color: #6d6d6d;
    font-family: "Poppins",sans-serif;
    font-size: 22px;
    font-weight: 300;
}
.manage-leads-box{
    margin-bottom: 20px;
    cursor: pointer;
}
.manage-leads-box:last-child{
    margin-bottom: 0;
}
.manage-leads-box h4{
    color: #242424;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}
.manage-leads-box p{
    color: #666666;
    font-family: "Poppins",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.slide-0 .manage-leads-box.custom-class1 h4,
.slide-0 .manage-leads-box.custom-class1 p{
    color: #1caf9a;
}
.slide-1 .manage-leads-box.custom-class2 h4,
.slide-1 .manage-leads-box.custom-class2 p{
    color: #1caf9a;
}
.slide-2 .manage-leads-box.custom-class3 h4,
.slide-2 .manage-leads-box.custom-class3 p{
    color: #1caf9a;
}
/*===== Sanity Appointment Css =======*/
.sanity-appointment .image-holder{
    position: relative;
}
.sanity-appointment .image-holder img {
    height: 750px;
    object-fit: cover;
    width: 100%;
}
.sanity-appointment .text-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 90px 0 0;
    text-align: center;
}
.sanity-appointment .text-box .text-inner h2 {
    color: #ffffff;
    font-size: 44px;
    font-weight: 600;
    margin: 0 auto 10px;
    max-width: 720px;
}
.sanity-appointment .text-box .text-inner p{
    color: #dceeff;
    font-size: 22px;
    font-weight: 300;
    font-family: "Poppins",sans-serif;
}
.sanity-appointment .text-box .text-inner span{
    color: #ffffff;
    font-size: 25px;
    display: block;
    margin-top: 30px;
    font-weight: 400;
    font-family: "Poppins",sans-serif;
}
.sanity-appointment .text-box .text-inner form{
    margin-top: 30px;
}
.sanity-appointment .text-box .text-inner form .form-control {
    background-color: #ffffff;
    border: 1px solid #d3d3d3;
    border-radius: 50px;
    box-shadow: none;
    color: #979797;
    display: inline-block;
    font-size: 21px;
    height: 58px;
    max-width: 367px;
    padding-left: 20px;
    width: 100%;
}
.sanity-appointment .text-box .text-inner form a {
    background-color: #1caf9a;
    border-radius: 50px;
    color: #ffffff;
    display: inline-block;
    font-family: "Nunito",sans-serif;
    font-size: 21px;
    font-weight: 300;
    margin-left: 9px;
    padding: 15px 25px;
}
.sanity-appointment .text-box .text-inner form a:hover{
    background-color: #333;
}
/*===== Report Lifting Css =======*/
.report-lifting-inner h2 {
    color: #3d86ca;
    font-size: 44px;
    font-weight: 600;
    margin: 0 auto;
    max-width: 970px;
    text-align: center;
}
.report-lifting-inner .text-box{
    max-width: 610px;
    margin: 60px auto 0;
}
.report-lifting-inner .text-box h3{
    color: #242424;
    font-size: 25px;
    font-weight: 400;
    margin-top: 47px;
}
.report-lifting-inner .text-box p{
    color: #6d6d6d;
    margin-top: 20px;
    font-size: 22px;
    font-weight: 300;
}
/*===== Virtually System Css =======*/
.virtually-system-sec{
    padding: 100px 0;
}
.virtually-system-sec .image-holder{
    position: relative;
}
.virtually-system-sec .image-holder img {
    height: 640px;
    width: 100%;
}
.virtually-system-sec .text-box{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate(0,-50%);
}
.virtually-system-box {
    padding: 0;
    position: relative;
    top: -34px;
}
.virtually-system-first {
    margin: 0 auto;
    max-width: 860px;
}
.virtually-system-box .virtually-system-first ul li {
    display: inline-block;
    width: 49%;
    position: relative;
}
.virtually-system-box .virtually-system-first ul li a:hover .hover1{
    opacity: 1;
    transition: all 0.5s ease-in-out;
    visibility: visible;
}
.virtually-system-box .virtually-system-first ul li .virtually-icon1{
    position: relative;
    z-index: 1;
    transition: all 0.5s ease-in-out;

}
.virtually-system-box .virtually-system-first ul li .hover1{
    left: 0;
    position: absolute;
    top: 7px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.virtually-system-box .virtually-system-first ul li a:hover .hover2{
    opacity: 1;
    transition: all 0.5s ease-in-out;
    visibility: visible;
}
.virtually-system-box .virtually-system-first ul li:last-child{
    text-align: right;
}
.virtually-system-box .virtually-system-first ul li .hover2{
    opacity: 0;
    position: absolute;
    right: 0;
    top: 7px;
    transition: all 0.5s ease-in-out 0s;
    visibility: visible;
}
.virtually-system-box .virtually-system-first ul li .virtually-icon2{
    position: relative;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.virtually-system-second {
    margin: 38px 0 18px;
}
.virtually-system-second h2 {
    color: #ffffff;
    font-size: 44px;
    font-weight: 600;
    margin: 0 auto;
    max-width: 820px;
    text-align: center;
}
.virtually-system-sec .text-box .virtually-system-box ul li img{
    width: 190px;
    height: auto;
}
.virtually-system-thrd  ul li {
    display: inline-block;
    width: 33%;
    position: relative;
}
.virtually-system-box .virtually-system-thrd ul li:nth-child(2){
    position: relative;
    text-align: center;
    top: 17px;
}
.virtually-system-box .virtually-system-thrd ul li:last-child{
    position: relative;
    text-align: right;
    top: -18px;
}
.virtually-system-box .virtually-system-thrd ul li .virtually-icon3{
    position: relative;
    z-index: 1;
    transition: all 0.5s ease-in-out;

}
.virtually-system-box .virtually-system-thrd ul li .hover3{
    left: 7px;
    position: absolute;
    top: 1px;
    transition: all 0.5s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}
.virtually-system-box .virtually-system-thrd ul li a:hover .hover3{
    opacity: 1;
    transition: all 0.5s ease-in-out;
    visibility: visible;
}
.virtually-system-box .virtually-system-thrd ul li .virtually-icon4{
    position: relative;
    z-index: 1;
    transition: all 0.5s ease-in-out;

}
.virtually-system-box .virtually-system-thrd ul li .hover4 {
    left: 48%;
    opacity: 0;
    position: absolute;
    top: -9px;
    transform: translate(-50%, 0px);
    transition: all 0.5s ease-in-out 0s;
    visibility: hidden;
}
.virtually-system-box .virtually-system-thrd ul li a:hover .hover4{
    opacity: 1;
    transition: all 0.5s ease-in-out;
    visibility: visible;
}
.virtually-system-box .virtually-system-thrd ul li .virtually-icon5{
    position: relative;
    z-index: 1;
    transition: all 0.5s ease-in-out;

}
.virtually-system-box .virtually-system-thrd ul li .hover5 {
    opacity: 0;
    position: absolute;
    right: 7px;
    top: -10px;
    transition: all 0.5s ease-in-out 0s;
    visibility: hidden;
}
.virtually-system-box .virtually-system-thrd ul li a:hover .hover5{
    opacity: 1;
    transition: all 0.5s ease-in-out;
    visibility: visible;
}
/*===== Boost Productivity Css =======*/
.boost-productivity-sec{
    padding-left: 193px;
    padding-right: 167px;
}
.boost-productivity-sec .text-box {
    margin-top: 52px;
}
.boost-productivity-sec .text-box h2{
    font-size: 44px;
    font-weight: 600;
    color: #2d87db;
    margin-bottom: 40px;
}
.boost-productivity-sec .text-box p{
    font-size: 22px;
    font-weight: 300;
    color: #6d6d6d;
    line-height: 30px;
    width: 70%;
}
.boost-productivity-sec .image-holder{
    margin: -22px 0 0 0;
    text-align: center;
}
.boost-productivity-sec .image-holder img{
    display: inline-block;
}
/*===== Tastimonial Css =======*/

.tastimonial-sec{
    padding: 100px 167px 100px 192px;
}
.tastimonial-sec .tastimonial-right{
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 81px rgba(0,0,0,.08);
    -moz-box-shadow: 0 10px 81px rgba(0,0,0,.08);
    box-shadow: 0 10px 81px rgba(0,0,0,.08);
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.tastimonial-right .carousel-text{
    position: static;
    text-shadow: inherit;
    padding: 30px;
    color: #242424;
    text-align: left;
    max-width: 654px;
    margin: 0 auto;
}
.tastimonial-right .carousel-text ul li{
    display: inline-block;
}
.tastimonial-right .carousel-text ul li a{
    font-size: 16px;
    color: #fac917;
}
.tastimonial-right .carousel-text h3{
    font-weight: 400;
    font-size: 25px;
    padding: 20px 0 11px;
}
.tastimonial-right .carousel-text p{
    font-weight: 200;
    font-size: 22px;
    color: #6d6d6d;
    font-family: "Poppins",sans-serif;
}
.tastimonial-right .carousel-text span{
    font-weight: 400;
    display: block;
    padding: 20px 0 11px;
    font-family: "Poppins",sans-serif;
}
.random-page .features-banner{
    background: rgba(0, 0, 0, 0) url("../img/ramdom-bg.png") no-repeat scroll 0 0;
    text-align: center;
}
.landom-contant{
    padding: 100px 0 50px;
}
.landom-text{
    margin-bottom: 50px;
}
.landom-text h2{
    font-size: 45px;
    color: #6d6d6d;
    font-weight: 600;
    margin-bottom: 20px;
}
.landom-text p{
    font-weight: 300;
    line-height: 30px;
    font-size: 22px;
    font-family: "Poppins",sans-serif;
}

.form-group .text-danger {
    padding-left: 20px;
    padding-top: 2px;
}
select option { font-size: 16px; }

.signup-form .custom-select2 a {
    border-radius: 50px !important;
    margin: 0;
    line-height: 58px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
    text-align: left;
}
.signup-form .custom-select2 a:hover { background-color: #fff; }
.signup-form .custom-select2 a span {
    margin-top: 0;
    font-size: 18px;
    font-family: "Nunito",sans-serif;
    font-weight: 300;
    color: #979696;
}
.custom-select2 .select2-choice .select2-arrow {
    top: 11px;
    right: 8px;
 }
.custom-select2.select2-dropdown-open .select2-choice { border-bottom: 1px solid blue;}
.custom-select2.select2-dropdown-open .select2-choice {
    outline: none;
    border-color: blue;
}
.select2-drop { margin-top: 0px; }
.btn__block--full {
    margin: 0px -35px;
}
.btn--pink {
    background-color: #1caf9a;
    font-family: "Nunito",sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    padding: 11px 41px;
    border-radius: 50px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.btn--full {
    background-color: #1caf9a;
    border-radius: 0 0 20px 20px;
    color: #ffffff;
    display: block;
    padding: 0;
    font-family: "Nunito",sans-serif;
    font-size: 21px;
    font-weight: 300;
    height: 58px;
    line-height: 58px;
    width: 100%;
}
.btn--full:hover {
    background-color: #333;
    color: #fff;
}

.contact__modal h2 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.contact__modal .form-control {
    color: #979696;
    font-family: "Nunito",sans-serif;
    font-weight: 300;
    border-radius: 50px;
    border: 1px solid #e4ebf4;
    width: 100%;
    padding-left: 20px;
    background-color: #fff;
    font-size: 21px;
    height: 63px;
    line-height: 48px;
    box-shadow: none;
}
.contact__modal textarea.form-control {
    height: auto;
}
.contact__modal .modal-dialog {
    width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 0px;
    margin-bottom: 0;
    transform: translate(-50%, -50%) !important;
  /*   animation-name: rotate ;
    -webkit-animation-duration: 1s;
    animation-duration: 1s; */
}
/* @keyframes rotate {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg) translate(0%, 0%);
        transform: rotate3d(0,0,1,-200deg) translate(0%, 00%);
        opacity: 0;

    }
    100% {
        -webkit-transform-origin:center;
        transform-origin:center;
        opacity:1;
    }
} */

.pricing__title {
   font-family: "Nunito",sans-serif;
   padding-top: 50px;
}
.pricing__title h1 {
    margin-bottom: 15px;
}
.pricing__title h2 {
    color: #7795f8;
    font-size: 28px;
}

@media screen and (min-width: 500px) {
    .contact__modal form {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width: 500px) {
    .contact__modal .modal-dialog {
        width: 95%;
        margin: 0 auto;
        max-height: 100%;
        overflow: auto;
    }
    .contact__modal .form-control {
        font-size: 16px;
        height: 53px;
    }
    .pricing__title {
        padding-top: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .pricing__title h1 {
        margin-bottom: 10px;
        font-size: 22px;
    }
    .pricing__title h2 {
        font-size: 17px;
        line-height: 1.5em;
    }
}

@media screen and (max-width: 767px) {
    .pricing__title {
        padding-left: 15px;
        padding-right: 15px;
    }
    .pricing__title h1 {
        margin-bottom: 10px;
        font-size: 22px;
    }
    .pricing__title h2 {
        font-size: 17px;
        line-height: 1.5em;
    }
    .btn__block--full {
        margin: 0px -15px;
    }
}