body{
    color:#777;
}
h1,h2,h3,h4,h5{
    color:#000;
}
h1,h2,h3{
    text-transform:uppercase;
}
p, a, strong, small, b,i {
    /*font-family: 'Open Sans', sans-serif;*/
}
.bg-theme{
    background-color:#18a9cb;
}
.bg-gray{
    background-color:#747477;
}
.color-blue{
    color:#18a9cb;
}
a{
    color:#18a9cb;
}
a:hover{
    color:#18a9cb;

}

.full-width{
    width:100%;
}
.bg-green{
    background:#17841b;
}

.color-red{
    color:#18a9cb;
}
.color-green{
    color:#17841b;
}
.color-white{
    color:#fff;
}
.padding-15px{
    padding:15px;
}
.top-150px{
    margin-top:130px;
}
.top-50px{
    margin-top:50px;
}
.top-30px{
    margin-top:30px;
}
.top-15px{
    margin-top:15px;
}
.btn{
    border-radius:0px;
}
.btn-cancel{
    min-height:45px;
    background:#9a9a9c;

}
/* header styles */
.bg-header{
    background-color:#f1f1f1;
    border-left:2px solid #18a9cb;
    padding:10px;
}
.header-style-2{
    padding-bottom:15px;
}

/* /header styles */


/* slide animation */
.slideanim {visibility:hidden;}
.slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
/* /slide animation */


/* action bar */
.action-bar{
    padding:0px 15px;
    height:40px;
    line-height:40px;
}

.action-info li{
    border-right:1px solid #dedede;
    border-left:1px solid #dedede;
    padding:0px 10px;
}
.action-info .fa{
    color:#18a9cb;
}

.action-info li a{
    font-size:14px;
}
.action-bar .actionbar-social-media li a{
    color:#777;
    font-size:16px;
}
.action-bar ul.actionbar-social-media{
    list-style: none;
    display: inline;
}
.action-bar ul.actionbar-social-media li {
    display: inline;
    border-left:1px solid #dedede;
    display:inline-block;
    width: 40px;
    height: 40px;
}
.action-bar ul.actionbar-social-media li:last-child{
    border-right:1px solid #dedede;

}
.actionbar-social-media li a {
    display:inline-block;
    position:relative;
    margin:3px auto 3px auto;
    text-align:center;
    width: 35px;
    height: 35px;
    font-size:18px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;

}
.actionbar-social-media li i {
    text-align: center;
}
.actionbar-social-media a.icoRss:hover {
    color: #F56505;
}
.actionbar-social-media a.icoFacebook:hover {
    color:#3B5998;
}
.actionbar-social-media a.icoTwitter:hover {
    color:#33ccff;
}
.actionbar-social-media a.icoLinkedin:hover {
    color:#33ccff;
}

.actionbar-social-media a.icoGoogle:hover {
    color:#BD3518;
}
.actionbar-social-media a.icoPinterest:hover {
    color:#18a9cb;
}

.actionbar-social-media a.icoVimeo:hover {
    color:#0590B8;
}

.actionbar-social-media a.icoInstagram:hover {
    color:#3F729B;
}
.actionbar-social-media a.icoyouTube:hover {
    color:#BD3518;
}
/* /action bar */

/* navbar */
.main-nav{
    padding:10px 15px;
}
.logo{
    width:250px;
}
.main-nav .navbar-nav .active>.nav-link, .main-nav  .navbar-nav .nav-link.active, 
.main-nav .navbar-nav .nav-link.open, .main-nav  .navbar-nav .open>.nav-link {
    color: #fff;
} 
.main-nav .navbar-nav .nav-link {
    color: #fff;
    font-size:14px;
}

.main-nav .navbar-nav .nav-link:hover {
    /* color: #ff651f; */
} 
.main-nav .btn{
    background:#fff;
    box-shadow:0.4px 0.4px 0.4px 0.4px #8b9698;
    color:#777 !important;
}
.main-nav .navbar-toggler {
    cursor:pointer;
    margin-right:-15px;
}
.main-nav .dropdown-item{
    font-size:15px;
    color:#fff;
    padding-top:7px; 
    padding-bottom:7px; 
}
.main-nav .dropdown-item.active, .main-nav .dropdown-item:active {
    color: #fff;
    background:rgba(0,0,0,0.2);
}
.main-nav .dropdown-menu{
    padding:5px 0px;
}
.main-nav .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.main-nav .btn-active{
    background:#fff;
    color:#18a9cb !important;

}
@media (max-width:1199px){
    .logo{
        width:200px;
    }
}
@media (min-width: 992px) {

    .main-nav .navbar-nav .nav-link {
        padding-right: .7rem;
        padding-left: .7rem;
        padding-top:20px; 
        padding-bottom:20px; 
    }
    .main-nav .btn{
        margin-left:5px;
        margin-top:13px;
        padding-top:7px !important; 
        padding-bottom:7px !important; 
    }

    .main-nav .dropdown:hover>.dropdown-menu {
        display: block;
        border-radius:0px;
    } 
    .main-nav .dropdown-toggle::after {
        display: none;
    }
    .main-nav .navbar-nav>li>.dropdown-menu {
        margin-top: 0px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-radius: 0;
        padding-top:0px;
        left: 50%;
        right: auto;
        text-align: left;
        transform: translate(-50%, 0);
        padding-bottom:0px;
        background-color: #18a9cb;
        border: 1px solid #fff;

    }
    .main-nav .navbar-nav>li>.dropdown-menu a:hover{
        color:#18a9cb;
        background:#fff;
    }
    .main-nav .dropdown-item.active, .main-nav .dropdown-item:active {
        color: #18a9cb;
        background:#fff;
    }
    .main-nav .navbar-nav .dropdown-menu:before {
        position: absolute;
        top: -7px;
        left: 47%;
        right: auto;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff;
        border-left: 7px solid transparent;
        border-bottom-color: #fff;
        content: '';
    } 

}
@media (max-width: 991px) {
    .main-nav .navbar-toggler {
        border-radius: 0rem;
        margin-top:3px;
        color:#fff;
    }
    .main-nav .navbar-nav>li>.dropdown-menu {
        margin-top: 0px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-radius: 0;
        left: 0%;
        right: auto;
        text-align: left;
        transform: translate(-0%, 0);
        background-color:rgba(255,255,255,0.2);
        border:0px;
        padding:0px;
    }
    .main-nav .navbar-nav>li>.dropdown-menu a:hover{
        background-color:rgba(0,0,0,0.2);
        color:#fff;
        text-shadow:0px;
    }
    .main-nav .navbar-nav .dropdown-menu:before {
        content: none;
    }
    .main-nav .dropdown .dropdown-menu {
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        max-height: 0;
        display: block;
        overflow: hidden;
        opacity: 0;
    }

    .main-nav .dropdown.show .dropdown-menu {
        max-height: 300px;
        opacity: 1;
    }
}
@media (max-width:767px){
    .sticky-top {
        position: -webkit-sticky;
        position: relative;
    }
    .main-nav .navbar-toggler {
        margin-top:0px;
    }
    .logo{
        width:200px;
    }
    .media-top-15px{
        margin-top:15px;
    }
}
@media (max-width: 577px) {
    .main-nav >.container {
        padding-right: 0px !important;
        padding-left: 0px !important;
        width:100% !important;
    } 
    .img-responsive {
        width:100%;
    }
}
/* /navbar */

/* slider or bg */
.slider-home {
    /*background:rgba(0,0,0,0.9) url("../images/home-bg.jpg");*/
    background-attachment: fixed;
/*    background-position: center;*/
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    /*padding: 80px;*/
    padding-top:100px;
    padding-bottom:200px;
    min-height: 100vh;
}

.slider{
    background-image:url("../images/bg-home.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top:100px;
    padding-bottom:100px;
}

.slider-login{
    /*background-image:url("../images/bg-home.jpg");*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top:100px;
    padding-bottom:100px;
}
.slider h1,
.slider h2
{/* 
        color:#18a9cb; */
}
.slider-home p,
.slider p
{
    margin-top:70px;
}
.btn-search{
    background:rgba(0,0,0,0.5);
    border:1px solid #fff;
    color:#fff;
    margin-top:50px;
    text-transform:uppercase;
}

/* /slider or bg */

/* header-title */
.header-title{
    margin-top:15px;
}
.header-title li{
    display:inline;
    margin-right:10px;
    color:#fff;
}
/* /header-title */

/* how it works */
.how-it-works{
    padding-top:100px;
    padding-bottom:50px;
}


.ctrl-wraper{
    background-color:rgba(0,0,0,0.7);
    padding:5px;
    display:inline-block;
    width:50px;
    height:50px;
}
.carousel-control-next-icon {
    background-image: url(../images/right.png);
    width:40px;
    height:40px;
}
.carousel-control-prev-icon {
    background-image: url(../images/left.png);
    width:40px;
    height:40px;
}

/* carousel */
#carouselExampleIndicators  .carousel-caption {
    right: 0%;
    bottom: 0px;
    left: 0%;
    z-index: 10;
    padding-top: 15px;
    padding-bottom: 10px;
    width:100%;
    background:rgba(0,0,0,0.4);
}

#carouselExampleIndicators .list-inline {
    margin: 0px;
    margin-top: 19px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    overflow-y: hidden;
    width: 100%;
    background:#eee;
}
#carouselExampleIndicators .list-inline li {
    -webkit-border-radius: 0;
    border-radius: 0;
    display:inline-block;
    margin: 0 !important;
    max-width:120px;
    height:70px;
    height: auto;
}
#carouselExampleIndicators .list-inline li img {
    display: block;
    opacity: 0.7;
    width:100%;
    height:70px;
}

#carouselExampleIndicators .list-inline .active img {
    opacity: 1 !important;
}
#carouselExampleIndicators .list-inline li:hover img {
    opacity: 0.4;
}
#carouselExampleIndicators .list-inline::-webkit-scrollbar-track
{
    background-color: #777;
}

#carouselExampleIndicators .list-inline::-webkit-scrollbar
{
    width: 4px;
    height: 4px;
    background-color: #9a9a9c;
}

#carouselExampleIndicators .list-inline::-webkit-scrollbar-thumb
{
    background-color: #18a9cb;
    background-image: -webkit-gradient(linear, 0 0, 0 100%,
        color-stop(.5, rgba(62, 198, 230, .2)),
        color-stop(.5, transparent), to(transparent));
}
/* carousel */
#carouselExampleIndicators2  .carousel-caption2 {
    right: 0%;
    bottom: 0px;
    left: 0%;
    z-index: 10;
    padding-top: 15px;
    padding-bottom: 10px;
    width:100%;
    background:rgba(0,0,0,0.4);
}

#carouselExampleIndicators2 .list-inline2 {
    margin: 0px;
    margin-top: 19px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    overflow-y: hidden;
    width: 100%;
    background:#eee;
}
#carouselExampleIndicators2 .list-inline2 li {
    -webkit-border-radius: 0;
    border-radius: 0;
    display:inline-block;
    margin: 0 !important;
    max-width:120px;
    height:70px;
    height: auto;
}
#carouselExampleIndicators2 .list-inline2 li img {
    display: block;
    opacity: 0.7;
    width:100%;
    height:70px;
}

#carouselExampleIndicators2 .list-inline2 .active img {
    opacity: 1 !important;
}
#carouselExampleIndicators2 .list-inline2 li:hover img {
    opacity: 0.4;
}
#carouselExampleIndicators2 .list-inline2::-webkit-scrollbar-track
{
    background-color: #777;
}

#carouselExampleIndicators2 .list-inline2::-webkit-scrollbar
{
    width: 4px;
    height: 4px;
    background-color: #9a9a9c;
}

#carouselExampleIndicators2 .list-inline2::-webkit-scrollbar-thumb
{
    background-color: #18a9cb;
    background-image: -webkit-gradient(linear, 0 0, 0 100%,
        color-stop(.5, rgba(62, 198, 230, .2)),
        color-stop(.5, transparent), to(transparent));
}
/* /carousel */

.login-form{
    background:#f5f5f5;
    padding:15px 20px 5px 20px;
}
.login-header{
    color:#777;
    margin-bottom:15px;
}
.btn-facebook{
    background:#3B5998;
    max-height:45px;
    color:#fff;
    cursor:pointer;
    font-size:14px;
}
.btn-facebook span{
    border-right:1px solid rgba(255,255,255,0.4);
    display:inline-block;
    padding-right:7px;
}

/* /how it works */


/* as-seen-on */

.as-seen-on{
    padding-top:100px ;
    padding-bottom:50px;
}
/* /as-seen-on */


/* Special Thanks to */
.special-thanks{
    padding-top:50px;
    padding-bottom:70px;
}
.media-carousel{
    padding:30px 15px;
}
.media-carousel .carousel-indicators li{
    background:#777;
}

.media-carousel .carousel-indicators .active {
    background-color: #18a9cb !important;
}

/* .media-carousel .ctrl-wraper{
        background-color:rgba(24,169,203,0.8);
        padding:5px;
        display:inline-block;
        width:50px;
        height:50px;
}
.media-carousel .carousel-control-prev-icon {
    background-image: url(../images/left.png);
        width:40px;
        height:40px;
}
.media-carousel .carousel-control-next-icon {
    background-image: url(../images/right.png);
        width:40px;
        height:40px;
        
} */
/* /Special Thanks to */

/* home-section-1 */
.home-section-1{
    padding-top:100px;
    padding-bottom:50px;
}
/* /home-section-1 */

/* home-section-2 */
.home-section-2{
    padding-top:50px;
    padding-bottom:70px;
}
/* /home-section-2 */

/* home-section-3 */
.home-section-3{
    padding-top:50px;
    padding-bottom:50px;

}
/* /home-section-3 */

/* opurtunity */
.opurtunity{
    padding-top:100px;
    padding-bottom:50px;
}
.opurtunity h2{
    margin-bottom:30px;
}
/* /opurtunity */

/* logos */
.logos{
    padding-top:50px;
    padding-bottom:50px;
}
.logos-col{
    width:25%;
    box-sizing:border-box;
    padding:0px 10px;
    min-height:1px;
}
/* /logos */


/* sign up bg */
.serach-now-section {   
    /*background-image: url("../images/signupbg.jpg");*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top:100px;
    padding-bottom:100px;

}

/* /sign up bg */



/*--test--*/
.test-wrapper {
    position: relative;
}
.test-grid {
    float: right;
    width: 97%;
}
.test-wrapper img {
    position: absolute;
    left: 15px;
    width: 18%;
    border: 2px solid #ff651f;
    border-radius:100%;
}
.test-grid p {
    background: #18a9cb;
    font-size: 1em;
    line-height: 2em;
    padding: 2em;
    letter-spacing: 1px;
    color: #fff;
}
.test-grid p:before {
    background: url(../images/left.png) no-repeat;
    content: "";
    display: inline-block;
    margin: 0 1.2em 0 4em;
    width: 32px;
    height: 32px;
    vertical-align: bottom;
}
.test-gr {
    margin-left: 6em;
}
.test-gr h4{
    font-size:1.5em;
    font-family: 'Montserrat', sans-serif;
}
.test-gr span{
    font-size:1em;
    font-style:italic;
    margin:0.5em 0 0.8em;
    display:block;
}

.test {
    padding: 6em 0;
}
.test h3 {
    font-size: 2.2em;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    text-align: center;
    margin: 0 0 1.8em;
}
.test h3:after {
    display: inline-block;
    width: 100px;
    height: 2px;
    background-color: #000;
    vertical-align: middle;
    margin-left: 1%;
    content:"";
}
/*--//test--*/




/* footer */
.footer{
    background:#18a9cb;
    padding:70px 15px 20px 15px;
}
.footer ul li a{
    text-transform:uppercase;
    font-size:14px;
    color:#f5f5f5;
}
.footer ul li a:hover{
    text-decoration:none;
    color:#fff;
}

.footer ul li i{
    width:25px;
    display:inline-block;
    color:#f5f5f5;
}
.to-top{
    margin:0 auto;
    margin-top:-90px;
    text-align:center;
    line-height:50px;
    -moz-border-radius:100%; /* IE 9 */
    -ms-border-radius:100%; 
    -webkit-border-radius:100%; /* Chrome, Safari, Opera */
    border-radius:100%;
    width:50px;
    height:50px;
    font-size:35px;
    display:block;
    background:#dedede;
    -webkit-transition: all 2s; /* Safari */
    transition: all 2s;
}

.to-top:hover{
    text-align:center;
    font-size:35px;
    text-shadow:1px 1px 1px #777;
    box-shadow:1px 1px 1px #777;
}

/* /footer */





@media (max-width:767px){
    .slider-home, .slider{
        min-height: 350px;
    }
    .slider-home h1,
    .slider h1
    {
        margin-top:40px;
    }
    .slider-home p,
    .slider p
    {
        margin-top:40px;
    }
}
@media (max-width:425px){
    .down-arrow{
        border:1px solid #fff;
        border-radius:50px;
        text-align:center;
        line-height:50px;
        width:50px;
        height:50px;
        font-size:40px;
        display:block;
        margin:0 auto;
        margin-top:40px;
        -webkit-transition: all 2s; /* Safari */
        transition: all 2s;
    }

    .down-arrow:hover{
        border:1px solid #18a9cb;
        border-radius:50px;
        text-align:center;
        line-height:50px;
        width:50px;
        height:50px;
        font-size:40px;
        display:block;
        margin:0 auto;
        margin-top:50px;
    }

}



/* about page  */
.aboutUs{
    padding-top:100px;
    padding-bottom:50px;
}
.platform{
    padding-top:100px;
    padding-bottom:50px;
}

.platform-apps-link-wraper div{
    padding:5px 10px ;
}
.platform-apps-link-wraper div img{width:100%;}
.missionAndVisson{
    padding-top:100px;
    padding-bottom:50px;

}

.stroy-watch-video{
    /*background:url("../images/home-bg.jpg");*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-overlay{
    background:rgba(0,0,0,0.2);
    width:100%;
    height:100%;
    padding-top:100px;
    padding-bottom:100px;
}
.play-button{
    width:50px;
    height:50px;
    line-height:50px;
    margin:0 auto;
    border:2px solid #fff;
    border-radius:100%;
    display:block;
    color:#fff;
    transition: 0.4s ease all;
}
.play-button:hover{
    border:2px solid #18a9cb;
}
.story-timeline{
    padding-top:100px;
    padding-bottom:50px;

}
/* who we are  */
.who-we-are {
    padding-top:50px;
    padding-bottom:50px;

}

ul.social-network {
    list-style: none;
    display: inline;
    margin:0 auto !important;
    padding: 0;
}
ul.social-network li {
    display: inline;
    margin-right:4px;
}
ul.social-network li:last-child {
    margin-right:0px;
}
.social-circle li a {
    display:inline-block;
    position:relative;
    margin:0 auto 0 auto;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    text-align:center;
    background:#747477;
    width: 40px;
    height: 40px;
    font-size:19px;
}
.social-network a.icoRss {
    background-color: #F56505;
}
.social-network a.icoFacebook {
    background-color:#3B5998;
}
.social-network a.icoTwitter{
    background-color:#33ccff;
}
.social-network a.icoGoogle {
    background-color:#BD3518;
}
.social-network a.icoVimeo {
    background-color:#0590B8;
}
.social-network a.icoLinkedin {
    background-color:#007BB6;
}

.social-network a.icoInstagram {
    background-color:#3F729B;
}


.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i,
.social-network a.icoInstagram:hover i{
    color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
    color:#44BCDD;
}


.social-circle li i {
    margin:0;
    line-height:40px;
    text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.social-circle i {
    color: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}
.img-quadrata {
    border-radius:50%;
    width:200px;
    height:200px;
}

.team h3{
    margin-top:10px;
    font-weight:500;
    color:#18a9cb;
    font-size:1.5em;	
}
.team small{
    text-align:center;
    font-size:1em; 
    text-decoration:underline;
    color:gray;
}
/* /who we are  */



.bg-grey {
    background-color: #f6f6f6;
}
.icon-small {
    color: #f4511e;
    font-size: 50px !important;
}
.icon-big {
    color: #f4511e;
    font-size: 100px;
}




/* our story  */

/* /our story  */


/* how it works */
.how-it-works {
    position: relative;
    padding: 21px 0px 10px;
    margin-top: 3px;
    margin-bottom: 30px;
}

.how-it-works .line {
    position: absolute;
    width: 3px;
    display: block;
    background: #eee;
    top: 0px;
    bottom: 0px;
    margin-left: 30px;

}

.how-it-works .separator {
    border-top: 1px solid #eee;
    padding: 5px;
    padding-left: 40px;
    font-style: italic;
    font-size: .9em;
    margin-left: 30px;
}

.how-it-works .line::before { top: -4px; }
.how-it-works .line::after { bottom: -4px; }
.how-it-works .line::before,
.how-it-works .line::after {
    content: '';
    position: absolute;
    left: -4px;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background: #eee;
}

.how-it-works .panel {
    position: relative;
    margin: 10px 0px 21px 70px;
    clear: both;
}

.how-it-works .panel::before {
    position: absolute;
    display: block;
    top: 8px;
    left: -24px;
    content: '';
    width: 0px;
    height: 0px;
    border: inherit;
    border-width: 12px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.how-it-works .panel .panel-heading.icon * { font-size: 20px; vertical-align: middle; line-height: 40px; color:#fff; }
.how-it-works .panel .panel-heading.icon {
    position: absolute;
    left: -59px;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0px;
    border-radius: 50%;
    text-align: center;
    float: left;
}

.how-it-works .panel-outline {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.how-it-works .panel-outline .panel-body {
    padding: 10px 0px;
}

.how-it-works .panel-outline .panel-heading:not(.icon),
.how-it-works .panel-outline .panel-footer {
    display: none;
}

.arrow-list li:before{
    content: '\f101';
    font-family: 'FontAwesome';
    float: left;
    margin-right:4px;
    color: #18a9cb;
}
/* /how it works */

/* /about page  */




/* partnership page */
.advertising{
    padding-top:100px;
    padding-bottom:50px;
}
.partnership{
    padding-top:100px;
    padding-bottom:50px;

}
.partners-div-1, .partners-div-2, .partners-div-3, .partners-div-4{
    position:relative;
    margin-right:-15px;
    margin-left:-15px;
    height:100%;
    padding:15px;
}
.partners-div-1, .partners-div-3{
    background-color:#18a9cb;
}
.partners-div-2, .partners-div-4{
    background-color:#747477;
}
.partners-div-1 h3, .partners-div-2 h3, .partners-div-3 h3, .partners-div-4 h3{
    padding-top:30px;
    padding-bottom:30px;
    color:#fff;
}
.partners-div-1 p, .partners-div-2 p, .partners-div-3 p, .partners-div-4 p{
    color:#f5f5f5;
}
.partners-div-1 .bottom-button,
.partners-div-3 .bottom-button
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(180,180,181,0.8);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}
.partners-div-2 .bottom-button,
.partners-div-4 .bottom-button
{
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: rgba(180,180,181,0.8);
    overflow: hidden;
    width: 100%;
    height:0;
    transition: .5s ease;
}

.partners-div-1:hover .bottom-button, 
.partners-div-3:hover .bottom-button
{
    height: 100%;
}
.partners-div-2:hover .bottom-button, 
.partners-div-4:hover .bottom-button
{
    bottom: 0;
    height: 100%;
}
.partners-div-1 .btn,
.partners-div-2 .btn,
.partners-div-3 .btn,
.partners-div-4 .btn
{
    white-space: nowrap; 
    color: #fff;
    font-size: 20px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
/* partnership page */




/* pricing page*/
.pricing{
    padding-top:100px;
}
.pricing-table thead{
    background:#18a9cb;

}
.pricing-table thead th, 
.pricing-table tbody td{
    border:1px solid #747477;
    color:#000;
}
.pricing-table .check-tick{
    width:23px;
    height:23px;
    font-size:15px;
    line-height:23px;
    text-align:center;
    background:#14831a;
    border-radius:50%;
    color:#fff;
    font-weight:400;
}
.pricing-text-1{
    color:#747477;
    margin-right:10px;
    font-weight:700;
}
.pricing-table .pricing-logo-2{
    width:70px;
}

/* /pricing page */

/* all pricing */
.pricing-wrapper{
    margin-top:470px;
}
#pricingTab .nav-link {
    border: 1px solid transparent;
    border-top-right-radius: 0rem;
    border-top-left-radius: 0rem;
    background:#9a9a9c;
    color:#fff;
}
#pricingTab .nav-item.show .nav-link, #pricingTab .nav-link.active {
    background:#18a9cb;
    color:#fff;
}
.pricing-body{
    margin-top:175px;
}
.pricing-video{
    margin:0 auto;
    margin-top:-589px; 
    position:relative; 
    text-align:center;
}
.pricing-video h3{
    margin-bottom:30px;
}
.plan{
    height:100%;
    padding:15px !important;
    margin-left:-10px;
    margin-right:-10px;
    text-align:center;
    transition:0.5s ease all;
    color:#f5f7f7;
}
.plan .head{
    background:#434348;
    padding:20px 10px 55px 10px;
    margin-top:-15px;
    margin-right:-15px;
    margin-left:-15px;
}
.plan .head h3{
    font-size:18px;
    text-transform:uppercase;
    color:#fff;

}
.plan .price h3{
    display:block;
    background:#fff;
    width:140px;
    height:100px;
    border-radius:100%;
    margin:0 auto;
    margin-top:-50px;
    line-height:100px;
    font: bold 25px/100px Georgia, Serif;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    color:#18a9cb;
    margin-bottom:15px;
}
.hr-white{
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}
.plan:hover{
    margin-left:-14px;
    margin-right:-14px;
    margin-top:-15px;
    z-index:999;
    box-shadow:1px 1px 1px 1px #777;
}
.plan .para-56{
    color:#fff;
}
.plan .h-57{
    color:#fff;
    font-size:18px;
    margin-bottom:15px;
    font-weight:500;
    letter-spacing:1.5px;
}

.btn-custom-white{
    background:#fff;
    border-color:#fff;
    color:#777;
    min-height:45px;
}
@media screen and (min-device-width: 768px) and (max-device-width:992px ) {
    .symbol{ font-size: 24px; }
    .price h3 { font-size: 35px; }

}
@media (max-width:451px){
    #pricingTab .nav-link {
        display: block;
        padding: .5em .5em;
        font-size:14px;
    }
}
@media (max-width:349px){
    #pricingTab .nav-link {
        font-size:13px;
    }
}
/* /all pricing */



/* register page */
.slider-bg{
    min-height:300px;
}
.registration-section{
    padding-top:100px;
}
.registration-tabs{
    width:100%;
    display:flex;
}
.registration-tabs li{
    width:25%;
    text-align:center;
    background:#747477;
    padding:10px;
    margin:0px !important;
    border:1px solid #fff;
    line-height:20px;
    cursor:pointer;
    transition: 0.3s ease all;
}
.registration-tabs li a{
    color:#fff;
    font-size:15px;
    width:100%;
    line-height:20px;
    text-align:center;
}
.registration-tabs .active{
    background:#18a9cb;

}
.registration-tabs li:hover{
    background:#18a9cb;

}
.registration-tabs li a:hover{
    text-decoration:none;
}
.registration-tabs li a span{font-size:20px;}
.registration-tabs li a .icontag{
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.tab-hr{
    width:50px !important;
    margin-top:5px;
    margin-bottom:5px;
    border-color:#ddd;
}
@media (max-width:465px){
    .registration-tabs li{
        line-height:18px;
    }
    .registration-tabs li a{
        color:#fff;
        font-size:12px;
    }	
}
@media (max-width:356px){
    .registration-tabs li{
        line-height:15px;
    }
    .registration-tabs li a{
        color:#fff;
        font-size:11px;
    }	
}
.form-wraper{
    padding:15px 15px 10px 15px;
    margin-left:0px;
    margin-right:0px;
    box-shadow:1px 1px 1px #d5d5d5;
    border:1px solid #d5d5d5;
}
.form-control {
    border-radius: 0rem;
    padding:10px;
    min-height:45px;
}
.terms-n-condition{
    color:#777;
    font-size:13px;
    display:inline-block;
    margin-top:-10px;
}
.input-group-addon {
    color: #fff;
    background-color: #18a9cb;
    border-radius: 0rem;
}
.btn-custom-send{
    background-color:#18a9cb;
    border:0px;
    color:#fff;
    min-height:45px;
    line-height:25px;
}
.btn-custom-send:hover{
    background:#9a9a9c;
    color:#fff;
}
/* /register page */




/* login page */
.card-container.card {
    max-width: 400px;
    padding: 40px 40px;
}


.card {
    background-color: #eee;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 70px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    border-radius:0px;
}

.profile-img-card {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/*
 * Form styles
 */
.profile-name-card {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0;
    min-height: 1em;
}

.reauth-email {
    display: block;
    color: #404040;
    line-height: 2;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin #inputEmail,
.form-signin #inputPassword {
    direction: ltr;
    height: 44px;
    font-size: 16px;
}

.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text],
.form-signin button {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin .form-control:focus {
    border-color: rgb(104, 145, 162);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
}

.btn.btn-signin {
    background-color: #18a9cb;
    padding: 0px;
    font-weight: 700;
    font-size: 14px;
    height: 45px;
    cursor:pointer;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: none;
    color:#fff;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
}

.btn.btn-signin:hover,
.btn.btn-signin:active,
.btn.btn-signin:focus {
    background-color: #18a9cb;
}

.forgot-password {
    color: #18a9cb;
}



.btn-twitter{
    background-color:#33ccff;
    max-height:45px;
    color:#fff;
    cursor:pointer;
    font-size:14px;
}
.btn-google{
    background-color:#BD3518;
    max-height:45px;
    color:#fff;
    cursor:pointer;
    font-size:14px;
}

.btn-linkedin {
    background-color:#007BB6;
    max-height:45px;
    color:#fff;
    cursor:pointer;
    font-size:14px;
}
.btn-twitter span,
.btn-google span,
.btn-linkedin span
{
    border-right:1px solid rgba(255,255,255,0.4);
    display:inline-block;
    padding-right:7px;
}


.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus{
    color: #18a9cb;
}
input[type=checkbox]{
    border-radius:0px;
}
@media (max-width:767px){
    .card-container.card {
        max-width: 100%;
        padding: 15px;
    }
}
/* /login page */



/* blog post page */


.post-slide {
    position: relative;
    background: #FFF;
}
.post-slide .post-img {
    position: relative;
    overflow: hidden;
}
.post-slide .post-img img {
    width: 100%;
    height: auto;
}
.post-slide .over-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.6);
    transition: all 0.30s ease;
}
.post-slide:hover .over-layer {
    opacity: 1;
}
.post-slide .post-link {
    margin: 0;
    padding: 0;
    position: relative;
    top: 45%;
    text-align: center;
}
.post-slide .post-link li {
    display: inline-block;
    list-style: none;
    margin: -9px 0 0;
}
.post-slide .post-link li a {
    color: #FFF;
    font-size: 39px;
}
.post-slide .post-link li a:hover {
    color: #18a9cb;
    text-decoration: none;
}
.post-slide .post-date {
    position: absolute;
    top: 10%;
    left: 4%;
}
.post-slide .date {
    display: inline-block;
    border-radius: 0px;
    padding: 5px 10px;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: #333;
    float: left;
}
.post-slide .month {
    display: inline-block;
    border-radius: 0px;
    padding: 5px 13px;
    color: #111;
    font-size: 20px;
    font-weight: bold;
    background: #18a9cb;
}
.post-slide .post-content {
    padding: 30px;
    background-color: #F5F5F6;
}
.post-slide .post-title {
    margin: 0 0 15px 0;
}
.post-slide .post-title a {
    font-size: 17px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover {
    text-decoration: none;
    color: #18a9cb;
}
.post-slide .post-description {
    font-size: 14px;
    line-height: 22px;
    color: #444444;
    padding: 0 0 10px 0;
}
.post-slide .read-more {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    transition: color 0.20s linear;
}
.post-slide .read-more:hover {
    text-decoration: none;
    color: #18a9cb;
}
.post-slide .read-more:after {
    content: "";
    position: absolute;
    width: 30%;
    display: block;
    border: 1px solid #18a9cb;
    transition: all 0.30s ease;
}
.post-slide .read-more:hover:after {
    width: 100%;
}
@media only screen and (max-width: 479px) {
    .post-slide .month {
        font-size: 14px;
    }
    .post-slide .date {
        font-size: 14px;
    }
}
div.clanky .row {
    padding-top: 35px;
}

/* /blog post page */







/* facts page */
.fact-counter{
    width:150px;
    height:150px;
    border-radius:100%;
    margin:0 auto;
    border:5px solid #eee;
}
.fact-counter h1{
    line-height:150px;
    color:#fff;
}
.fact-details h3{
    font-size:18px;
    color:#777;
}

/* /facts page */







/* advertising page */
.img-overly-wraper{
    position:relative;
}
.img-overly-wraper .image {
    display: block;
    width: 100%;
    height: auto;
}

.overlay{
    position: absolute;
    bottom: 0;
    left: 100%;
    right: 15;
    background-color: #9a9a9c;
    overflow: hidden;
    width: 0;
    height: 100%;
    transition: .5s ease;
    box-sizing:border-box;
}

.img-overly-wraper:hover .overlay {
    width: 100%;
    left: 0;
}

.img-overly-wraper .text {
    white-space: nowrap; 
    color: #fff;
    font-size: 20px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.rating-stars {
    color:#f5d41f;
}
@media (max-width:575px){
    .media-xs-top-30px{
        margin-top:30px;
    }
}
/* /advertising page */




/* banner */
.banner-heading{
    padding:100px 15px;
}
.info-toolip{
    width:40px;
    height:40px;
    border-radius:22.5px;
    line-height:40px;
    color:#fff;
    text-align:center;
    margin-left:10px;
    margin-top:2.5px;
    display:inline-block;
    cursor:pointer;
    background:#9a9a9c;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #18a9cb;
    border-radius: .1rem;
}
.tooltip.bs-tether-element-attached-right .tooltip-inner::before, .tooltip.tooltip-left .tooltip-inner::before {
    top: 50%;
    right: 0;
    margin-top: -5px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #18a9cb;
}
/* banner */




/* map and list */
.map-and-list-tab{

}
.map-and-list-tab .nav-tabs .nav-item.show .nav-link, .map-and-list-tab .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #747477;
    border-color: #747477 #747477 #747477;
}
.map-and-list-tab .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-right-radius: 0rem;
    border-top-left-radius: 0rem;
}
.map-and-list-tab .card {
    background-color: #eee;
    padding: 0px;
    margin: 0 auto 25px;
    margin-top: 0px;
    -moz-box-shadow: 1px 1px 1px #eee;
    -webkit-box-shadow: 1px 1px 1px #eee;
    box-shadow: 1px 1px 1px #eee;
}

.map-and-list-tab .card {
    background-color: #fff;
    border: 0px;
    border-radius: 0rem;
}
.map-and-list-tab .card-header:first-child {
    border-radius: 0px;
}
.map-and-list-tab .card-header {
    margin-bottom: 0;
    background-color: #f7f7f9;
    border-bottom: 0px;
    text-align:center
}
.map-and-list-tab .card-header h5 a{
    font-size:15px;
    text-decoration:none;
}
.filter-icon{
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    background-color:#ddd;
    border-radius:15px;
    display:inline-block;
}

input[type=radio] {
    display: none;
}

input[type=radio] + label {
    background: url('../images/radiounchecked.png') left top no-repeat;
    display: block;
    min-height: 25px;
    padding-left: 35px;
}

input[type=radio]:checked + label {
    background: url('../images/radiochecked.png') left top no-repeat;
}

input[type=checkbox] {
    /*display: none;*/
}

/* start prash 04-09-2017 */
.hideclass{
    display: none; 
}

.dropdown-toggle::after {
    float: right !important;    
    margin-top: 5px;
}

.multiselect-container {
    margin-left: 14px !important;        
    margin-right: -14px !important;    
    width: 95% !important;
}

/* end */

input[type=checkbox] + label {
    background: url('../images/checkboxunchecked.png') left top no-repeat;
    display: block;
    min-height: 23px;
    padding-left: 50px;
}

input[type=checkbox]:checked + label {
    background: url('../images/checkboxchecked.png') left top no-repeat;
    padding-left: 50px;
}
.list-resource{
    padding:15px 15px 5px 15px;
}
.list-resource-name{
    color:#ddd;

}
.list-resource-email{
    color:#eee;
}
.list-resource-company{
    color:#f5f5f5;
}
.btn-save, .btn-unsave{
    display:block;
    background:#fff;
    width:70px;
    margin-bottom:15px;
    border-radius:35px;
    color:#17841b;
    font-size:13px;
}
.btn-save:last-child{
    margin-bottom:0px;
}
.btn-unsave{
    color:#e41523;
}
@media (max-width:767px){
    .list-resource{
        text-align:center;
    }
    .btn-save, .btn-unsave{
        display:inline-block;
        margin-right:15px;
        margin-bottom:15px;
    }
    .btn-save:last-child{
        margin-bottom:15px;
    }
}
/* /map and list */


/* pagination */
.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #18a9cb;
    border-color: #18a9cb;
}
.page-item:last-child .page-link {
    border-bottom-right-radius: 0rem;
    border-top-right-radius: 0rem;
}
.page-item:first-child .page-link {
    border-bottom-left-radius: 0rem;
    border-top-left-radius: 0rem;
}
.page-link {
    color: #18a9cb;
}
/* /pagination */



/* profile */
.profile{

}
.profile-photo{
    width:150px;
    height:150px;
    border-radius:75px;
    border:2px solid #eee;
}
.user-row {
    margin-bottom: 14px;
}

.user-row:last-child {
    margin-bottom: 0;
}

.dropdown-user {
    margin: 13px 0;
    padding: 5px;
    height: 100%;
}

.dropdown-user:hover {
    cursor: pointer;
}

.table-user-information > tbody > tr {
    border-top: 1px solid rgb(221, 221, 221);
}

.table-user-information > tbody > tr:first-child {
    border-top: 0;
}


.table-user-information > tbody > tr > td {
    border-top: 0;
}
.toppad
{margin-top:20px;
}

/* /profile */

/* why-grant-source */
.why-grant-source{
    padding-top:100px;
}
/* /why-grant-source */


/* grant-source */
.grant-source .container{
    margin-top:-50px;
}
.grant-source .tab-content{
    padding-top:40px;
}
.grant-source .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-right-radius: 0rem;
    border-top-left-radius: 0rem;
    background:#9a9a9c;
    min-height: 61px;
}
.grant-source .nav-link {
    padding: .5em 1em;
    font-size:14px;
    color:#fff;
}
#tabMenu .nav-item.show .nav-link, #tabMenu .nav-link.active {
    color: #000;
    background-color: #fff;
}

.grant-source .thead-inverse th {
    color: #1aa9c9;
    background-color: #eee;
}
@media (max-width:767px){
    .grant-source .container{
        margin-top:-45px;
    }
    .grant-source .nav-link {
        display: block;
        padding: .5em .5em;
        font-size:11px;
        color:#fff;
    }
}
@media (max-width:458px){
    .grant-source .container{
        margin-top:-37px;
    }
    .grant-source .nav-link {
        padding: .5em .4em;
        font-size:9px;
    }
}



/* inner pending and compled  */

.btn-round{
    border-radius:25px;
    font-size:14px;
    min-height:35px;
}
.modal-header {
    background:#18a9cb;
    text-transform:uppercase;
}
.modal-title{
    color:#fff !important;
}
.modal-content {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 0rem;
    outline: 0;
}
/* /inner pending and compled  */

.articles .card {
    background-color: #fff;
    padding: 0px;
    margin: 0 auto 25px;
    margin-top: 25px;
    -moz-box-shadow: 1px 1px 1px #eee;
    -webkit-box-shadow: 1px 1px 1px #eee;
    box-shadow: 1px 1px 1px #eee;
    border-radius:0px;
}
.articles  .card-img-top {
    border-top-right-radius: calc(0px); 
    border-top-left-radius: calc(0px); 
}
.articles .card  figure{
    position:relative;
}

.article-caption
{
    position: absolute;
    top: 0px;
    max-width: 90%;
    text-align: center;
    background-color: rgba(0,0,0,0.8);
    padding:10px 10px 0px 10px;
    right:0;

}
.article-caption a{
    color:#fff;
}
/* grant-source */
.text-muted, small{
    color:#8a8888;
}




/* howitworks-section */
.howitworks-section{
    padding-top:100px;
    padding-bottom:50px;
}
/* /howitworks-section */



/* .offer-section */
.offer-section{
    padding-top:100px;
    padding-bottom:50px;
}
.offer-wraper{
    box-shadow:0px 1px 1px #777;
}
.offer-head-w{
    padding:10px 15px;
}
.offer-apply{
    padding:10px 15px 10px 15px;

}
.offer-apply a:hover{color:#fff;}
.offer-second-bar{
    padding:13px 15px 2px 15px;
    line-height:15px;
}
.offer-price{
    padding:10px 15px;
}
/* /offer-section */



/* grant-source-facts */
.grant-source-facts{
    padding-top:100px;
    padding-bottom:50px;
}
/* /grant-source-facts */



/* blog-container */
.blog-container{
    padding-top:100px;
    padding-bottom:50px;

}
/* /blog-container */

@media (max-width:767px){
    .top-150px{
        margin-top:100px;
    }
    .top-50px{
        margin-top:40px;
    }
    .top-30px{
        margin-top:20px;
    }
    .slider-bg{
        min-height:200px;
    }
    .slider-home,
    .slider,
    .bg-overlay
    {
        padding-top:70px;
        padding-bottom:70px;
    }
    .how-it-works,
    .as-seen-on, 
    .aboutUs, 
    .platform,
    .missionAndVisson,
    .story-timeline,
    .advertising,
    .partnership,
    .home-section-1,
    .howitworks-section,
    .offer-section,
    .grant-source-facts,
    .blog-container
    {
        padding-top:70px;
        padding-bottom:30px;
    }
    .serach-now-section{
        padding-top:70px;
        padding-bottom:70px;
    }
    .registration-section{
        padding-top:70px;
    }
    .registration-section, .pricing {
        padding-top:70px;
    }
    .grant-source .tab-content{
        padding-top:30px;
    }

}
@media (max-width:575px){
    .plan{
        margin-left:0px;
        margin-right:0px;
    }

    .plan:hover{
        margin-left:-5px;
        margin-right:-5px;
        margin-top:-10px;
        z-index:999;
        box-shadow:1px 1px 1px 1px #777;
    }
}
@media (max-width:468px){
    iframe{
        height:270px !important;
    }
    .pricing-wrapper{
        margin-top:420px;
    }

    .pricing-body{
        margin-top:100px;
    }
    .pricing-video{
        margin:0 auto;
        margin-top:-420px; 
        position:relative; 
        text-align:center;
    }
}



.form-control{
    border:1px solid #18a9cb;
}

.loader {
    position: fixed;
    z-index: 999;
    background-color: rgba(255,255,255,0.5);
    background-image: url(../images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    display: none;
}

.fvrt {
    color: #ff9800 !important;
}

.fvrclr {
    color: #ff9800 !important;
}

.fvrt:hover{ 
    color: #ff9800 !important;
}

.ncard {
    margin-top: 0px !important;
    padding-bottom: 0px !important;
}

#map {
    /*      height: 100%;*/
    width:100%;
    height:400px;
}
.map {
    /*      height: 100%;*/
    width:100%;
    height:400px;
}

hr {
/*  border: 0;
  clear:both;*/
  display:block;
  width: 100%;               
  background-color:#eceeef;
  border-top-color: #eceeef;
  height: 0.5px;
}

.startdate {
    z-index:9999 !important;
}

.topleft {
    top: 0px !important;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.filter-list {
    position: absolute !important; 
    z-index: 1000000 !important;
    background-color: #f7f7f9;
    width: 100%;
    opacity: 0.96;
}

.btnredeem{
    width: 100%;
}

.btn-20px{
    width: 15%;
}
.btn-50px{
    width: 30%;
}

.btnhef{
    width: 60%;
}

.insta-clr {
   background-color: #e4405f !important;
}

.advbox{
    background-color: #00acd6; 
    color: white;
}

.blk-clr{
    color: black;
}

.blue-clr {
    color: #00acd6;
    font-weight: bold;
}

.sky-blue {
    color: #0081c2;
}

.add-lineone {
    color: #007BB6;
    font-weight: bold;
}

.marker-map{
    height: 18px;
    width: 14px;
}

.clrwhite{
    color: white !important;
    font-weight: bold;
}

.notnumber{
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    /*background: #747477;*/
    background: #e51d18;
    width: 22px;
    height: 22px;
    /*font-size: 19px;*/
}

.ad-arrow{
    margin-top: 12px;
}
@media (min-width:767px) {
    .btn-size{
        min-height: 35px;
        font-size: 25px;
        border-radius: 25px;
        min-width: 500px;
    }
}


.plan_type .plan_name .active{
    background: red !important;
}

.select_pri_plan {
    border: none;
    outline: none;
    background-color: #9a9a9c;
    cursor: pointer;
    font-size: 18px;
}
.plan_name.active, .plan_name:hover {
    background-color: #18a9cc;
    color: white;
}
.plan_name{
    background-color: #434348;
}
.plan .h-pay-left {
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-align: left;
}
.plan .h-pay-right {
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-align: right;
}