@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');
@font-face {
    font-family: 'hregular';
    src: url('fonts/helvetica-neue-ce-55-roman-5871d09f77a51.woff2') format('woff2'), url('fonts/helvetica-neue-ce-55-roman-5871d09f77a51.woff') format('woff'), url('fonts/helvetica-neue-ce-55-roman-5871d09f77a51.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hmedium';
    src: url('fonts/helveticaneue_medium.woff2') format('woff2'), url('fonts/helveticaneue_medium.woff') format('woff'), url('fonts/helveticaneue_medium.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica_neueregular';
    src: url('fonts/helveticaneue-medium.woff2') format('woff2'), url('fonts/helveticaneue-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next LT Pro Bold';
    src: url('fonts/helvetica_bold.woff2') format('woff2'), url('fonts/helvetica_bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
    font-family: 'Avenir Next LT Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Regular'), url('fonts/AvenirNextLTPro-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Condensed';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Condensed'), url('fonts/AvenirNextLTPro-Cn.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Condensed Italic'), url('fonts/AvenirNextLTPro-CnIt.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Italic';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Italic'), url('fonts/AvenirNextLTPro-It.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Ultra Light Condensed';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Ultra Light Condensed'), url('fonts/AvenirNextLTPro-UltLtCn.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Ultra Light Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Ultra Light Condensed Italic'), url('fonts/AvenirNextLTPro-UltLtCnIt.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Medium Condensed';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Medium Condensed'), url('fonts/AvenirNextLTPro-MediumCn.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Medium Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Medium Condensed Italic'), url('fonts/AvenirNextLTPro-MediumCnIt.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Demi';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Demi'), url('fonts/AvenirNextLTPro-Demi.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Demi Condensed';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Demi Condensed'), url('fonts/AvenirNextLTPro-DemiCn.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Demi Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Demi Condensed Italic'), url('fonts/AvenirNextLTPro-DemiCnIt.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Demi Italic';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Demi Italic'), url('fonts/AvenirNextLTPro-DemiIt.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Bold'), url('fonts/AvenirNextLTPro-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Bold Condensed';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Bold Condensed'), url('fonts/AvenirNextLTPro-BoldCn.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Bold Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Bold Condensed Italic'), url('fonts/AvenirNextLTPro-BoldCnIt.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Heavy Condensed';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Heavy Condensed'), url('fonts/AvenirNextLTPro-HeavyCn.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Heavy Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Avenir Next LT Pro Heavy Condensed Italic'), url('fonts/AvenirNextLTPro-HeavyCnIt.woff') format('woff');
}

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #1578fc;
    outline: none;
}

a:hover {
    text-decoration: none;
    color: #0065eb;
}


/*header{background: #fff;
    padding: 15px 0 10px 0;
    width: 100%;
    float: left;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    height: 85px;
    z-index: 999;
	border:1px solid #e3eaf3;
}*/

.nav-up {
    top: -85px;
}

.centered-modal.in {
    display: flex !important;
}

.centered-modal .modal-dialog {
    margin: auto;
}

header .logo {
    width: 130px;
    float: left;
    margin-top: 0px;
    text-align: center;
}

header .logo img {
    width: 100%;
    margin: 0 auto 0 0%;
}

header .header-field {
    margin-top: 5px;
}

header .header-field select {
    color: #0b3554;
    font-size: 13px;
    float: left;
    padding: 11px 36px 11px 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    border: none;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/arrow-down.png) 94% / 8% no-repeat #fff;
}

header .header-field input[type=text] {
    background: #fff;
    float: left;
    width: 320px;
    padding: 10px 20px;
    border-radius: 5px;
    color: #425062;
    font-family: 'Roboto', sans-serif;
    font-weight: 700 !important;
    font-size: 15px !important;
    outline: none;
    box-shadow: none !important;
    border: 1px solid #CCD6E2;
}

.hs_submit.hs-submit {
    margin-top: 20px;
    float: right;
    margin-right: 18px;
}

.hs_submit.hs-submit .hs-button {
    height: 45px;
    margin-bottom: 40px;
}


/* target Internet Explorer 9 to undo the custom arrow */

@media screen and (min-width:0\0) {
    select {
        background: none\9;
        padding: 5px\9;
    }
}

header .header-field a {
    background: #1578fc;
    float: left;
    padding: 10px 20px;
    border-radius: 0 8px 8px 0;
    outline: none;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
}

header .header-field button {
    background: #1578fc;
    float: left;
    padding: 10px 20px;
    border-radius: 0 8px 8px 0;
    outline: none;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
}

header .header-field button {
    background: #1578fc;
    float: left;
    padding: 10px 20px;
    border-radius: 5px;
    outline: none;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    margin-top: 0px;
    margin-left: 6px;
    border: none;
}

header .search-panel button:hover,
header .search-panel button:focus {
    background: #1578fc !important;
    color: #fff;
    outline: none;
}

header .navbar-default {
    background: none !important;
    border: none !important;
}


/*header .navbar-default .navbar-nav>li>a {
    color: #425062;
	 font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
	border-radius:5px;
}*/

.five-pdaing {
    padding: 5px;
}


/*.navbar-default .navbar-nav>li>a:hover {
    color: #1578fc !important;
    background-color: transparent;
	border-bottom:1px solid #1578fc;
}
*/


/*.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #1578fc !important;
    background-color: transparent;
	border-bottom:1px solid #1578fc;
}*/


/*.navbar {
    position: relative;
    min-height: 5px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    margin-top: 3px !important;
}
.nav-lnks {
  color: #425062 !important;
	 font-family: 'Roboto', sans-serif !important;
   font-weight: 700 !important;
    font-size: 15px !important;
}
.nav-lnks:hover , .nav-lnks.active , .nav-lnks:focus {
    color: #1578fc !important;
    background-color: transparent;
}
*/

.regiter-login {
    background: #fff !important;
    color: #1578fc !important;
    padding: 10px 0px 10px 0 !important;
    margin-top: 3px !important;
    margin-right: 10px !important;
    border: 1px solid #1578fc !important;
    margin-left: 14px;
    width: 90px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    box-shadow: none !important;
}

.regiter-login:hover {
    background: #1578fc !important;
    color: #fff !important;
}

.regiter-login.active {
    background: #1578fc !important;
    color: #fff !important;
}

.logintp-btn {
    background: #1578fc !important;
    color: #fff !important;
    padding: 10px 0px 10px 0 !important;
    margin-top: 3px !important;
    margin-right: 10px !important;
    border: 1px solid #1578fc !important;
    margin-left: 14px;
    width: 90px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    box-shadow: none !important;
}

.logintp-btn:hover,
.logintp-btn.active {
    color: #1578fc !important;
    background: none !important;
    border: 1px solid #1578fc !important;
    border-radius: 5px;
}

.banner-dv {
    background: url(../img/banner-new.png) no-repeat #0069e1;
    ;
    background-position: center;
    width: 100%;
    height: 528px;
    margin-top: 64px;
}

.banner-dv-in {
    background: url(../img/res.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 308px;
    margin-top: 64px;
}

.banner-dv-privacy {
    background: url(../img/privacy.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 308px;
    margin-top: 64px;
}

.banner-cookie {
    background: url(../img/cookie.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 308px;
    margin-top: 64px;
}

.banner-subscribe {
    background: url(../img/subscribe.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 308px;
    margin-top: 85px;
}


/*.banner-main{
	 background: url(../img/bg-ban.png) no-repeat;
	 background-size:100% 100%;
  width:100%;
  height:308px;
  margin-top:64px;
}*/

.banner-main {
    background: #f5f8fa;
    background-size: 100% 100%;
    width: 100%;
    height: 250px;
    margin-top: 97px;
    display: table;
    float: left;
}

.banner-main h1 {
    color: #353b44;
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    font-weight: 300;
    font-size: 55px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.baner-txt {
    width: 100%;
    float: left;
    margin-top: 13%;
    text-align: center;
}

.baner-txt h1 {
    color: #fff;
    font-family: 'Avenir Next LT Pro Bold', sans-serif;
    font-weight: 700;
    font-size: 75px;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
    text-align: center;
}

.baner-txt span {
    color: #fff;
    font-family: 'Avenir Next LT Pro Bold', sans-serif;
    font-weight: 700;
    font-size: 30px;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: -10px;
}

.baner-txt p {
    color: #fff;
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    font-weight: 300;
    font-size: 18px;
    margin-top: 9px;
    margin-bottom: 45px;
    width: 100%;
    float: left;
    text-align: center;
}

.baner-txt a {
    background: #00D080;
    color: #fff;
    border-radius: 5px;
    padding: 20px 50px;
    font-family: 'Avenir Next LT Pro Bold', sans-serif;
    font-weight: 600;
    margin: 0px auto;
    font-size: 18px;
    text-decoration: none;
    outline: none;
}

.baner-txt a:hover {
    background: #00bd74;
    color: #fff;
    border-radius: 5px;
    padding: 20px 50px;
    font-family: 'Avenir Next LT Pro Bold', sans-serif;
    font-weight: 600;
    margin: 0px auto;
    font-size: 18px;
}

.baner-txt a:hover {
    text-decoration: none;
}

.baner-txt .no-credit {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 20px;
}

.banner-about {
    background: url(../img/about-bg.png) no-repeat center;
    background-color: #1578fc;
    width: 100%;
    height: 297px;
    margin-top: 0px;
    position: relative;
    float: left;
}

.banner-how {
    background: url(../img/how-bg.png) no-repeat center;
    background-color: #f4f8fa;
    width: 100%;
    height: 297px;
    margin-top: 50px;
    position: relative;
    float: left;
}

.arrow-box {
    background: url(../img/arrow-box.png) no-repeat;
    width: 991px;
    height: 322px;
    margin: 90px auto 84px auto;
    position: relative;
}

.arrow-box .arrow-one {
    width: 107px;
    height: 120px;
    background: url(../img/point.png) no-repeat top;
    position: absolute;
    top: 10px;
    left: 7%;
}

.arrow-box .arrow-two {
    width: 107px;
    height: 120px;
    background: url(../img/point.png) no-repeat top;
    position: absolute;
    top: 10px;
    left: 26.5%;
}

.arrow-box .arrow-three {
    width: 107px;
    height: 120px;
    background: url(../img/point.png) no-repeat top;
    position: absolute;
    top: 10px;
    right: 43.4%;
}

.arrow-box .arrow-four {
    width: 107px;
    height: 120px;
    background: url(../img/point.png) no-repeat top;
    position: absolute;
    top: 10px;
    right: 24.3%;
}

.arrow-box .arrow-five {
    width: 107px;
    height: 120px;
    background: url(../img/point.png) no-repeat top;
    position: absolute;
    top: 10px;
    right: 5%;
}

.number {
    color: #425062;
    font-size: 30px;
    font-family: 'Avenir Next LT Pro Bold', sans-serif;
    font-weight: 500;
    padding: 31px 0 0 45px;
    float: left;
}

.number-txt {
    font-size: 18px;
    color: #455671;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    padding: 63% 0 0 0px;
    text-align: center;
    float: left;
    width: 100%;
}

a.learnmoe-btn {
    width: 417px;
    height: 73px;
    position: absolute;
    bottom: 0px;
    background: url(../img/green-btn.png) no-repeat;
    text-align: center;
    left: 29%;
    padding-top: 18px;
    color: #fff;
    font-size: 25px;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 500;
    text-decoration: none;
}

a.learnmoe-btn:hover {
    width: 417px;
    height: 73px;
    position: absolute;
    bottom: 0px;
    background: url(../img/green-btnh.png) no-repeat;
    text-align: center;
    left: 29%;
    padding-top: 18px;
    color: #fff;
    font-size: 25px;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 500;
    text-decoration: none;
}

#filtersDiv {
    margin-top: 9%;
}

.howwork-area {
    width: 100%;
    float: left;
    background: #f4f8fa;
    margin-top: 2%;
}

.howwork-area ul {
    list-style: none;
    margin: 8% 0 2% 0;
    padding: 0;
    float: left;
    width: 100%;
}

.howwork-area ul li {
    width: 293px;
    float: left;
    background: #fff;
    padding: 15px;
    text-align: center;
    margin-left: 5%;
    min-height: 433px;
    border-radius: 5px;
}

.howwork-area ul li figure {
    width: 100%;
    float: left;
    height: 140px;
    text-align: center;
}

.howwork-area ul li figure img {
    width: 140px;
    margin: 6px auto;
}

.howwork-area ul li h1 {
    color: #455671;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 500;
    font-size: 20px;
    float: left;
    margin-top: 10px;
    padding: 0;
    width: 100%;
}

.howwork-area ul li p {
    color: #455671;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
    font-size: 14px;
    float: left;
    margin-top: 10px;
    word-spacing: 0px;
    width: 100%;
}

.banner-contact {
    background: url(../img/contact-bg.png) no-repeat center;
    background-color: #f4f8fa;
    width: 100%;
    height: 297px;
    margin-top: 50px;
    position: relative;
    float: left;
    margin-bottom: 30px;
}

.job-section-inner {
    padding-top: 110px;
}

.banner-feature {
    background: url(../img/feature-bg.png) no-repeat center;
    background-color: #f4f8fa;
    width: 100%;
    height: 297px;
    margin-top: 50px;
    float: left;
}

.banner-faqbg {
    background: url(../img/faq.png) no-repeat center;
    background-color: #f4f8fa;
    width: 100%;
    height: 297px;
    margin-top: 100px;
    position: relative;
    float: left;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.invit-dealr {
    width: 87%;
    float: left;
    margin: 15px 5%;
    background: #fff;
    padding: 20px 15px 20px 15px;
}

.invit-dealr figure {
    width: 13%;
    float: left;
    margin-right: 10px;
    text-align: center;
}

.invit-dealr figure img {
    width: 70%;
    margin: 0 auto;
}

.invit-dealr .detail {
    width: 85%;
    float: left;
}

.invit-dealr .detail h1 {
    color: #455671;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 500;
    font-size: 20px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.invit-dealr .detail p {
    color: #455671;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
    font-size: 15px;
    float: left;
    width: 100%;
}

.create-marketplace {
    width: 87%;
    float: left;
    margin: 15px 5% 5% 5%;
    background: #fff;
    padding: 20px 15px 20px 0px;
}

.create-marketplace figure {
    width: 13%;
    float: left;
    margin-right: 10px;
    text-align: center;
}

.create-marketplace figure img {
    width: 100%;
    margin: 0 auto;
}

.create-marketplace .detail {
    width: 82%;
    margin-left: 14px;
    float: left;
}

.create-marketplace .detail h1 {
    font-family: 'Avenir Next LT Pro Bold', sans-serif;
    font-weight: 500;
    font-size: 20px;
    float: left;
    color: #425062;
    width: 100%;
    margin-bottom: 10px;
}

.create-marketplace .detail p {
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    font-weight: 300;
    font-size: 15px;
    float: left;
    color: #727272;
    width: 100%;
}

.want-learn {
    width: 100%;
    float: left;
    margin: 1% 0;
}

.want-learn h1 {
    font-family: 'Poppins-bold', sans-serif !important;
    color: #455671;
    font-weight: 500;
    width: 100%;
    font-size: 35px;
    float: left;
    margin-top: 86px;
    text-align: center;
}

.want-learn p {
    font-family: 'Poppins', sans-serif !important;
    color: #455671;
    font-weight: 300;
    font-size: 16px;
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 180px;
    margin-top: 10px;
}

.want-learn .btn-build-green {
    background: #00d080 !important;
    padding: 0px 15px !important;
    border-radius: 6px;
    outline: none;
    color: #fff;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 100;
    font-size: 15px;
    border: none !important;
    margin-top: 20px;
    line-height: 40px;
    margin-bottom: 80px;
    text-align: center;
    height: 40px;
}

.want-learn .btn-build-green:hover {
    background: #00bd74 !important;
    padding: 0px 15px !important;
    border-radius: 6px;
    outline: none;
    color: #fff;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 100;
    font-size: 15px;
    border: none !important;
    margin-top: 20px;
    line-height: 40px;
    margin-bottom: 80px;
    text-align: center;
    height: 40px;
}

.want-learn .btn-build-red {
    background: #eb5751 !important;
    padding: 0px 15px;
    border-radius: 36px;
    outline: none;
    color: #fff;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 100;
    font-size: 13px;
    border: none !important;
    margin-top: 20px;
    margin-left: 10px;
    line-height: 40px;
    margin-bottom: 80px;
    height: 40px;
    width: 170px;
}

.want-learn .btn-build-red:hover {
    background: #dc4f49 !important;
    padding: 0px 15px;
    border-radius: 36px;
    outline: none;
    color: #fff;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 100;
    font-size: 13px;
    border: none !important;
    margin-top: 20px;
    margin-left: 10px;
    line-height: 40px;
    margin-bottom: 80px;
    height: 40px;
    width: 170px;
}

.about-row {
    width: 100%;
    float: left;
    position: relative;
}

.about-row a {
    padding: 0px 15px;
    border: 2px solid #00d080;
    border-radius: 36px;
    color: #00d080;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    float: right;
    margin: 16px 0 38px 0;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    height: 40px;
    font-family: 'Poppins-bold', sans-serif !important;
}

.about-info h3 a {
    font-family: 'Poppins-bold', sans-serif !important;
    color: #455671;
    font-weight: 100;
    word-break: break-all;
}

.about-row a:hover {
    background: #00d080;
    color: #fff;
}

.minus-margin {
    margin-top: -95px;
}

.min-margin {
    margin-top: -153px;
}

.company-logo {
    width: 100%;
    float: left;
    padding: 31px 0px;
    text-align: center;
    background: #fff;
    margin-top: 41px;
    border: 0.5px solid #e7e7e7;
}

.pad-rght {
    padding-right: 0;
}

.company-logo img {
    width: 35%;
    margin: 0 auto;
}

.company-detail {
    width: 100%;
    float: left;
    text-align: center;
    color: #455671;
    font-size: 20px;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 500;
    margin-top: 22px;
    line-height: 30px;
}

.company-detail span {
    width: 100%;
    float: left;
    text-align: center;
    color: #1578fc;
    font-size: 16px;
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    font-weight: 500;
}

.about-area {
    width: 100%;
    float: left;
    background: #f4f8fa;
    margin-top: -44px;
}

.margntp-opt {
    margin-top: 80px;
    margin-bottom: 80px;
}

.about-left {
    background: #fff;
    border: 0.5px solid #e7e7e7;
    width: 100%;
    float: left;
    padding: 15px 25px 25px 25px;
    margin-bottom: 15px;
}

.about-left h1 {
    color: #455671;
    font-size: 16px;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 0px;
}

.about-left .about-info {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.about-left .about-info p {
    color: #1578fc;
    font-size: 14px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
    width: 100%;
    float: left;
}

.about-left .about-info span,
.about-left .about-info a {
    font-size: 14px;
    font-family: 'Poppins', sans-serif !important;
    color: #455671;
    font-weight: 300;
    width: 100%;
    float: left;
    text-decoration: none;
}

#map_canvas {
    height: 400px;
    width: 100%;
}

.about-left a.social-link {
    width: 100%;
    float: left;
    margin-top: 18px;
    font-size: 14px;
    font-family: 'Poppins-bold', sans-serif !important;
    color: #455671;
    font-weight: 300;
    text-decoration: none;
    line-height: 25px;
}

.about-left a.social-link i {
    font-size: 22px;
    color: #C2C6C9;
    margin-right: 10px;
    float: left;
    margin-top: 1px;
    width: 20px;
}

.about-left a:hover.social-link,
.about-left a:hover.social-link i {
    color: #1578fc;
}

.about-panel {
    background: #fff;
    border: 0.5px solid #e7e7e7;
    width: 100%;
    float: left;
    padding: 15px 25px 25px 25px;
    margin-bottom: 15px;
}

.about-panel h1 {
    color: #455671;
    font-size: 16px;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 0px;
}

.about-panel p {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
    font-size: 14px;
    color: #455671;
    float: left;
    width: 100%;
    line-height: 21px;
    margin-top: 10px;
}

.zero-pad {
    padding: 0;
}

.about-panel .map {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.about-right {
    background: #fff;
    border: 0.5px solid #e7e7e7;
    width: 100%;
    float: left;
    padding: 25px;
    margin-bottom: 15px;
}

.about-right h1 {
    color: #425062;
    font-size: 16px;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 500;
}

.about-right .about-info {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.about-right .about-info h3 {
    color: #1578fc;
    font-size: 14px;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 700;
    width: 100%;
    float: left;
    margin-top: 10px;
}

.about-right .about-info p {
    font-size: 14px;
    font-family: 'Poppins', sans-serif !important;
    color: #455671;
    font-weight: 300;
    width: 100%;
    float: left;
    margin: 5px 0 10px 0;
}

.about-right .about-info span {
    color: #707070;
    font-size: 14px;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 700;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.three-opt {
    width: 100%;
    float: left;
    background: #1578fc;
    padding: 20px 25px;
    border-radius: 12px;
    box-shadow: 0 10px 50px -5px rgba(51, 71, 91, 0.12);
}

.three-opt h1 {
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    float: left;
    width: 100%;
    margin-bottom: 2px;
    padding: 0;
    margin-top: 0;
}

.three-opt p {
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #fff;
    margin: 0;
    padding: 0;
    min-height: 105px;
}

.three-opt a {
    background: #1578fc;
    color: #fff;
    border-radius: 8px;
    padding: 7px 13px;
    font-family: 'Avenir Next LT Pro Bold', sans-serif;
    font-weight: 500;
    font-size: 11px;
    float: left;
    margin-top: 15px;
}

.three-opt a:hover {
    background: #0065eb;
    color: #fff;
}

figure.heavy-industry {
    width: 100%;
    float: left;
    text-align: center;
}

figure.heavy-industry img {
    width: 44%;
    margin: 0 auto;
}

.desi-heavy {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.desi-heavy h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #425062;
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
    padding: 0;
    margin-top: 30PX;
}

.desi-heavy p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #425062;
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    padding: 0 180px;
    margin-top: 10px;
}

.industry-logo {
    width: 100%;
    float: left;
    margin: 4% 0 6% 0;
    text-align: center;
}

.industry-logo a {
    width: 122px;
    height: 110px;
    float: left;
    text-align: center;
    /* background: #F4F8FA; */
    margin: 0 10px 0 10px;
}

.industry-logo span {
    width: 122px;
    height: 110px;
    /*float: left;*/
    text-align: center;
    /* background: #F4F8FA; */
    display: inline-block;
    margin: 0 40px 0 40px;
}

.min-mrgnn {
    margin-left: -20px;
}

.industry-logo a img {
    width: 99px;
}

.industry-logo span img {
    width: 120px;
}

.love-krank {
    width: 100%;
    float: left;
    background: #F4F8FA;
}

.love-krank ul {
    list-style: none;
    margin: 3% 0 3% 0;
    padding: 0;
    float: left;
    width: 100%;
}

.love-krank ul li {
    width: 293px;
    float: left;
    background: #fff;
    padding: 15px;
    text-align: center;
    margin-left: 5%;
    min-height: 320px;
    border-radius: 5px;
}

.love-krank ul li figure {
    width: 100%;
    float: left;
    height: 115px;
    text-align: center;
}

.love-krank ul li figure img {
    width: 112px;
    margin: 6px auto;
}

.love-krank ul li h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 20px;
    float: left;
    color: #425062;
    margin-top: 10px;
    padding: 0;
    width: 100%;
}

.love-krank ul li p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    float: left;
    margin-top: 10px;
    word-spacing: 0px;
    color: #425062;
    width: 100%;
}

.btn-build-network {
    background: #1578fc;
    padding: 15px 40px;
    border-radius: 8px;
    outline: none;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    border: none !important;
    margin-top: 20px;
}

.view-al-btn {
    background: #1578fc;
    padding: 15px 40px;
    border-radius: 5px;
    outline: none;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 15px;
    border: none !important;
    margin-top: 20px;
    line-height: 20px;
    margin-bottom: 6%;
    text-decoration: none;
}

.heavy-bg {
    width: 100%;
    float: left;
    /* background: #f5f8fa; */
    padding: 0% 0;
    margin-top: 0%;
}

.marketplace-main {
    width: 100%;
    float: left;
    margin-top: 0px;
}

.marketplace-main h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 36px;
    color: #425062;
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 0px;
    padding: 0;
    margin-top: 5%;
}

.marketplace-main p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #425062;
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 180px;
    margin-top: 10px;
}

.marketplace-main ul {
    width: 100%;
    float: left;
    margin-top: 20px;
    list-style: none;
    padding: 0;
}

.marketplace-main ul li {
    border-left: 5px solid #1578FC;
    width: 100%;
    float: left;
    margin-bottom: 18px;
    background: #F4F8FA;
}


/*.marketplace-main ul li:hover{background: #1578FC; color:#fff;}*/

.marketplace-main ul li:hover p {
    color: #1578FC;
}

.marketplace-main ul li p {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #425062;
    padding: 0px 30px;
    margin-left: 15px;
    float: left;
    text-align: left;
    margin-top: 0px;
    width: auto;
    height: 22px;
    cursor: pointer;
    line-height: 53px;
}

.botm-btn {
    transition: background-color 300ms;
}

.botm-btn:hover {
    background-color: #2980b9;
}

.botm-btnn {
    transition: background-color 800ms;
}

.botm-btnn:hover {
    background-color: #2980b9;
}

.marketplace-main ul li a.lisitng-list {
    background: #1578FC;
    float: right;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    width: 200px;
    text-align: center;
    font-size: 18px;
    border-radius: 0 5px 5px 0;
    height: 52px;
    cursor: pointer;
    padding: 13px 0px;
    text-decoration: none;
}

.market-im {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}

.market-im:hover {
    box-shadow: 0px 0px 0px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
}

.market-imn {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}

.market-imn:hover {
    box-shadow: 0px 0px 0px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.05);
}

.market-im img {
    width: 100%;
}

.market-im:hover .listing-count {
    background: rgba(255, 255, 255, 0.20);
}

.listing-count {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(53, 59, 68, 0.50);
}

.listing-count span.btn-count {
    background: #1578fc;
    padding: 10px 10px;
    border-radius: 6px;
    outline: none;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 12px;
    border: none !important;
    position: absolute;
    right: 10px;
    top: 10px;
    text-decoration: none;
}

.listing-count span.list-name {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-decoration: none;
}

.nwtwrk-connet {
    width: 100%;
    float: left;
    background: #F4F8FA;
    margin-top: 3%;
}

.carousel {
    margin-bottom: 0;
    padding: 0 10px 30px 10px;
    margin-top: 0px;
}


/* The controlsy */

.carousel-control {
    left: -12px;
    height: 40px;
    width: 40px;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    margin-top: 90px;
}

.carousel-control.right {
    right: -12px;
}


/* The indicators */

.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -55px;
    margin-right: -19px;
}


/* The colour of the indicators */

.carousel-indicators li {
    background: #cecece;
}

.carousel-indicators .active {
    background: #428bca;
}

.crosual-bdr {
    border: 1px solid #E8E8E8;
    float: left;
}

.clidr-head {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #1578fc;
    padding: 0px 20px;
    float: left;
}

.date-week {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #8f9399;
    padding: 5px 20px;
    float: left;
    width: 100%;
}

.slidr-pra {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 12.5px;
    color: #000;
    padding: 5px 20px;
    float: left;
    line-height: 16.5px;
}

.main-pric {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-left: 0px;
    padding: 0px 20px;
}

.main-pric .price {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #1578fc;
    float: left;
    margin-top: 5px;
}

.profile-pic {
    width: 50px;
    height: 50px;
    float: left;
    margin-bottom: 10px;
    background: #b7b7b7;
    border-radius: 100px;
}

.profile-pic img {
    width: 100%;
    border-radius: 100px;
}

.lineone {
    width: 50%;
    background: #b7b7b7;
    height: 11px;
    float: left;
    margin-top: 5px;
}

.linetwo {
    width: 70%;
    background: #b7b7b7;
    height: 11px;
    float: left;
    margin-top: 10px;
}

.profile-company {
    width: 45px;
    height: 45px;
    float: right;
    margin-bottom: 10px;
    border: 1px solid rgba(221, 222, 223, 0.9);
    margin-right: 5px;
}

.profile-company img {
    width: 100%;
}

.mrgn-btm {
    margin-bottom: 70px;
}

.user-pro-name {
    width: 200px;
    float: left;
    margin: 5px 0 0 12px;
}

.user-pro-name p {
    width: 200px;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #343b45;
    font-size: 12px;
}

.user-pro-name span {
    color: #8f9399 !important;
    font-size: 12px;
}

.blue-conection {
    width: 100%;
    float: left;
    background: url(../img/bg-blue.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 5%;
}

.anchr-main {
    float: right;
    margin-right: 5px;
}

.anchr-main a {
    background: #1578fc;
    float: left;
    margin-left: 3px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}

.thumbnail {
    float: left;
    display: block;
    padding: 0 !important;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: none !important;
    border-radius: 0px !important;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0065eb !important;
    border-color: #0065eb;
}

.btn-primary:focus {
    color: #fff;
    background-color: #0065eb;
    border-color: #0065eb;
}

.private-company {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.private-company h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 36px;
    color: #fff;
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
    margin-top: 2%;
}

.private-company p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 180px;
    margin-top: 10px;
}

.network-main {
    width: 100%;
    float: left;
    margin: 5% 0 10% 0;
}

.network-main .left-circl {
    width: 380px;
    height: 380px;
    background: url(../img/circle.png);
    background-repeat: no-repeat;
    background-size: 380px 380px;
    float: left;
    position: relative;
    margin-left: 9%;
}

.network-main .left-circl .main-usr {
    width: 150px;
    height: 150px;
    position: absolute;
    left: -79px;
    top: 118px;
    background: url(../img/img-circle.png);
    background-size: 150px 150px;
    background-repeat: no-repeat;
}

.network-main .left-circl .main-usr img {
    border-radius: 100px;
    width: 145px;
    height: 145px;
    margin-top: 2px;
    margin-left: 2px;
}

.network-main .left-circl .left-usrt {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 49px;
    top: -23px;
}

.network-main .left-circl .left-usrt img {
    border-radius: 100px;
    width: 100px;
    height: 100px;
}

.network-main .left-circl .left-usrth {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 231px;
    top: -30px;
}

.network-main .left-circl .left-usrth img {
    border-radius: 100px;
    width: 100px;
    height: 100px;
}

.network-main .left-circl .left-usrf {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 63px;
    bottom: -22px;
}

.network-main .left-circl .left-usrf img {
    border-radius: 100px;
    width: 100px;
    height: 100px;
}

.network-main .left-circl .left-usrfi {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 241px;
    bottom: -14px;
}

.network-main .left-circl .left-usrfi img {
    border-radius: 100px;
    width: 100px;
    height: 100px;
}

.network-main .left-circl .connect-line {
    width: 62px;
    height: 3px;
    position: absolute;
    top: 191px;
    left: 71px;
    background: url(../img/connect-line.png);
    background-repeat: no-repeat;
}

.network-main .left-circl .company-left {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 129px;
    left: 135px;
}

.network-main .left-circl .company-left img {
    width: 120px;
    height: 120px;
    border-radius: 100px;
}

.darrow {
    width: 126px;
    height: 20px;
    float: left;
    background: url(../img/darrow.png);
    background-repeat: no-repeat;
    margin-left: 5%;
    margin-top: 20%
}

.network-main .right-circl {
    width: 380px;
    height: 380px;
    background: url(../img/circle.png);
    background-repeat: no-repeat;
    background-size: 380px 380px;
    float: right;
    position: relative;
    margin-right: 9%
}

.network-main .right-circl .main-usr {
    width: 150px;
    height: 150px;
    position: absolute;
    right: -79px;
    top: 118px;
    background: url(../img/img-circle.png);
    background-size: 150px 150px;
    background-repeat: no-repeat;
}

.network-main .right-circl .main-usr img {
    border-radius: 100px;
    width: 145px;
    height: 145px;
    margin-top: 2px;
    margin-left: 2px;
}

.network-main .right-circl .right-usrt {
    width: 100px;
    height: 100px;
    position: absolute;
    right: 49px;
    top: -23px;
}

.network-main .right-circl .right-usrt img {
    border-radius: 100px;
    width: 100px;
    height: 100px;
}

.network-main .right-circl .right-usrth {
    width: 100px;
    height: 100px;
    position: absolute;
    right: 231px;
    top: -30px;
}

.network-main .right-circl .right-usrth img {
    border-radius: 100px;
    width: 100px;
    height: 100px;
}

.network-main .right-circl .right-usrf {
    width: 100px;
    height: 100px;
    position: absolute;
    right: 63px;
    bottom: -22px;
}

.network-main .right-circl .right-usrf img {
    border-radius: 100px;
    width: 100px;
    height: 100px;
}

.network-main .right-circl .right-usrfi {
    width: 100px;
    height: 100px;
    position: absolute;
    right: 241px;
    bottom: -14px;
}

.network-main .right-circl .right-usrfi img {
    border-radius: 100px;
    width: 100px;
    height: 100px;
}

.network-main .right-circl .connect-line {
    width: 62px;
    height: 3px;
    position: absolute;
    top: 191px;
    right: 71px;
    background: url(../img/connect-line.png);
    background-repeat: no-repeat;
}

.network-main .right-circl .company-left {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 129px;
    right: 135px;
}

.network-main .right-circl .company-left img {
    width: 120px;
    height: 120px;
    border-radius: 100px;
}

.darrow {
    width: 126px;
    height: 20px;
    float: left;
    background: url(../img/darrow.png);
    background-repeat: no-repeat;
    margin-left: 2%;
    margin-top: 16%;
}

.slide-head {
    width: 100%;
    float: left;
}

.slide-head img.company-icn {
    width: 40px;
    float: left;
    margin-left: 0px;
}

.slide-head .company-nm {
    font-family: 'Roboto', sans-serif;
    width: 80%;
    font-size: 16px;
    color: #000;
    margin-top: 2px;
    margin-left: 10px;
    float: left;
}

.slide-head .company-nm a {
    font-family: 'Roboto', sans-serif;
    width: 80%;
    font-size: 16px;
    color: #000;
    margin-top: 2px;
    margin-left: 10px;
    float: left;
}

.slide-head .company-nm span {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    width: 100%;
    font-size: 12.5px;
    color: #1578fc;
    float: left;
}

.article-pic {
    width: 100%;
    float: left;
}

.article-pic img {
    width: 100%;
    margin-top: 10px;
}

.article-pic video {
    width: 100%;
    margin-top: 10px;
}

.article-pic iframe {
    width: 100%;
    margin-top: 10px;
}

.article-head,
.article-head a {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    width: 100%;
    font-size: 18px;
    color: #000;
    float: left;
    padding: 0 15px;
    margin: 11px 0;
}

.article-pra {
    font-family: 'Roboto', sans-serif;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    color: #777777;
    float: left;
    padding: 0 15px;
}

.time-main {
    width: 100%;
    float: left;
    background: url(../img/blue-bgn.png) no-repeat;
    height: 380px;
    background-size: 100% auto;
    padding: 0;
    margin-bottom: 4%;
}

.time-contact {
    margin-bottom: 25px;
    padding-bottom: 0px;
    height: 320px
}

.time-contact+#map_canvas {
    height: auto;
}

.clock-bg {
    background: url(../img/24bg.png);
    background-position: bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.time-main h1 {
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 500;
    width: 100%;
    font-size: 35px;
    float: left;
    margin-top: 7%;
    text-align: center;
    color: #fff;
}

.time-main p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 180px;
    margin-top: 10px;
}

.fifty-mrgn {
    margin-top: 50px;
}

.btn-build-white {
    background: #fff;
    padding: 20px 30px;
    border-radius: 5px;
    outline: none;
    color: #1578fc;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 15px;
    border: none !important;
    margin-top: 20px;
    margin-left: 10px;
    line-height: 20px;
    margin-bottom: 80px;
    text-decoration: none;
}

.btn-build-white:hover,
.btn-build-white:focus {
    background: #00bd74 !important;
    color: #fff !important;
}

.btn-build-blue {
    background: #353b44;
    padding: 15px 30px;
    border-radius: 8px;
    outline: none;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    border: none !important;
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 80px;
}

.btn-build-blue:hover {
    background: #fff !important;
    color: #353b44 !important;
}

.btn-build-blue:hover {
    background: #fff;
    color: #1578fc !important;
}

.features-content {
    width: 100%;
    float: left;
    margin: 7% 0 7% 0;
}

.features-content p {
    font-family: 'Poppins', sans-serif !important;
    color: #455671;
    font-weight: 300;
    font-size: 15px;
    float: left;
    width: 100%;
    padding: 0 14px;
}

.online-krank {
    width: 100%;
    float: left;
}

.online-krank h1 {
    font-family: 'Poppins-bold', sans-serif !important;
    color: #455671;
    font-weight: 500;
    font-size: 20px;
    float: left;
    width: 100%;
}

.online-krank p {
    font-family: 'Poppins', sans-serif !important;
    color: #455671;
    font-weight: 300;
    font-size: 15px;
    float: left;
    width: 100%;
    margin-top: 15px;
    padding: 0 50px 0 0;
}

.krank-blue {
    width: 100%;
    padding: 5% 0;
    float: left;
    background: #40c4de;
    margin: 3% 0 4% 0;
}

.krank-blue h3 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
    font-size: 25px;
    float: left;
    color: #fff;
    width: 100%;
    text-align: center;
}

.krank-yellow {
    width: 100%;
    padding: 5% 0;
    float: left;
    background: #fff385;
    margin: 3% 0 4% 0;
}

.krank-yellow h1 {
    font-family: 'Poppins-bold', sans-serif !important;
    color: #455671;
    font-weight: 500;
    font-size: 30px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
}

.krank-yellow h3 {
    font-family: 'Poppins', sans-serif !important;
    color: #455671;
    font-weight: 300;
    font-size: 25px;
    float: left;
    width: 100%;
    text-align: center;
}

.element-fade-main {
    opacity: 0;
    position: relative;
    right: 0px;
}

.element-fade-one {
    opacity: 0;
    position: relative;
    right: 0px;
}

.element-fade-two {
    opacity: 0;
    position: relative;
    right: 0px;
}

.element-fade-tree {
    opacity: 0;
    position: relative;
    right: 0px;
}

.element-fade-for {
    opacity: 0;
    position: relative;
    right: 0px;
}

.right-fade-main {
    opacity: 0;
    position: relative;
    right: 200px;
}

.right-fade-one {
    opacity: 0;
    position: relative;
    right: 0px;
}

.right-fade-two {
    opacity: 0;
    position: relative;
    right: 0px;
}

.right-fade-tree {
    opacity: 0;
    position: relative;
    right: 0px;
}

.right-fade-for {
    opacity: 0;
    position: relative;
    right: 0px;
}

.right-fade-fi {
    opacity: 0;
    position: relative;
    right: 0px;
}


/*tab slider*/

#custom_carousel .item {
    color: #000;
    background-color: none;
    ;
    padding: 50px 0 0px 0;
    margin-bottom: 3%;
}

#custom_carousel .controls {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    margin: 25px 0 30px 0;
    text-align: left;
    position: relative;
    background: none;
}

#custom_carousel a:focus,
#custom_carousel a:hover {
    text-decoration: none;
    background: none;
}

.controls .nav {
    float: left;
    width: 100%;
}

#custom_carousel .controls li {
    /* display: table-cell;*/
    /* width: 18%;*/
    float: left;
    margin-left: 4%;
}

#custom_carousel .controls li.active {
    background-color: none;
    border-bottom: 3px solid #1578fc;
    padding-bottom: 10px;
}

#custom_carousel .controls li.active a,
#custom_carousel .controls li.active a span,
#custom_carousel .controls li.active a p {
    color: #1578fc;
}

#custom_carousel .controls li:hover a,
#custom_carousel .controls li:hover a span,
#custom_carousel .controls li:hover a p {
    color: #1578fc;
}

#custom_carousel .nav>li>a {
    position: relative;
    float: left;
    padding: 0 0 !important;
    color: #000;
    width: 100%;
}

#custom_carousel .nav>li>a:hover,
#custom_carousel .nav>li>a.active {
    color: #1578fc;
}


/*#custom_carousel .controls a span{   float: left;
   width: 22px;
   text-align:center;
    font-size: 22px;}*/

#custom_carousel .controls a img {
    width: 30px;
    /*display:inline-block;*/
    float: left;
    margin-right: 10px
}

#custom_carousel .controls a p {
    font-size: 13px;
    margin-top: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 15px;
    padding: 3px 5px 0 5px;
    float: left;
    margin-left: 2px;
    color: #425062;
    /* width: 174px; */
    text-align: center;
    /*display:inline-block;*/
}

#custom_carousel .controls a p i {
    margin-right: 7px;
}

.min-mrgn {
    margin-top: -90px;
}


/*tab slider*/


/*resources css start*/

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background: none;
    border-radius: 4px;
    margin: 13px 0 13px 0;
}

.send-form {
    background: #00d080;
    color: #fff;
    font-weight: 700;
    padding: 0px 15px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px;
    text-decoration: none;
    margin-top: 0px;
    float: right;
    margin-right: 10px;
    border: none;
    border-radius: 36px;
    outline: none;
    margin-bottom: 5%;
    height: 40px;
    line-height: 40px;
    min-width: 170px
    /*    background: #1578fc;
    color: #fff;
    padding: 10px 22px !important;
    margin-top: 6px !important;
    margin-right: 10px !important;
    border-radius:6px;
    margin-left: 14px;
	float:right;
	 font-size: 15px;
    font-family: 'Roboto', sans-serif;
	border:none;*/
}

.send-form:hover,
.send-form:focus,
.send-form.active {
    color: #fff;
    background: #11cb6e !important;
}

.yellow-b,
.yellow-b:hover,
.yellow-b:focus {
    background: var(--main-brand-color) !important;
    color: var(--main-brand-text-color) !important;
}

.send-form button:[disabled] {
    color: #fff !important;
    background: #11cb6e !important;
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #11cb6e !important;
}

button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
    background-color: #11cb6e !important;
    border-color: #11cb6e !important;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .7;
}

.create-accou {
    background: #00d080;
    color: #fff;
    padding: 0px 15px;
    border-radius: 36px;
    outline: none;
    font-family: 'Avenir Next LT Pro Bold', sans-serif;
    font-weight: 700;
    font-size: 13px;
    border: none !important;
    margin-top: 20px;
    /* margin-left: 10px; */
    width: auto;
    margin-bottom: 80px;
    height: 40px;
    line-height: 40px;
    /* display: flex; */
    align-items: center;
}

.create-accou:hover,
.create-accou:focus {
    color: #fff;
    background: #11cb6e !important;
}

.mgn-tewlv {
    margin-top: 9% !important;
}

.map-contact {
    height: 412px;
    width: 100%;
    float: left;
    margin-bottom: 4%;
    margin-top: -4%;
}

.map-contact iframe {
    height: 100%;
    width: 100%;
    border: 0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    /* Firefox 10+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(99%);
    /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility: hidden;
    /* Fix for transition flickering */
}

.dashbord-btn {
    width: 150px !important;
}

.form-group label {
    font-size: 13px;
    font-family: 'Poppins', sans-serif !important;
    color: #455671;
    font-weight: 600;
    margin-bottom: 8px;
}

.form-group input,
.form-group select {
    display: block;
    width: 100%;
    height: 52px;
    padding: 0px 15px;
    font-size: 14px;
    line-height: 1.428571;
    color: #555;
    border: 1px solid #ccc;
    outline: none;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-family: 'Poppins', sans-serif !important;
    color: #455671;
    /*	background-color: #f9f9f9;
    border-color: #dfe0e1;
    border-radius: 3px;
	height: 35px;
	padding: 6px 12px;
	font-size: 12.5px;
	font-size: 13px;
    font-family: 'Roboto', sans-serif !important;*/
}

.form-group input:focus,
.form-group:focus select {
    border-color: rgba(24, 117, 187, 0.5);
    background-color: rgba(24, 117, 187, 0.1);
    outline: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#contact_form .form-group input,
.form-group select {
    padding: 0px 15px;
}

#contact_form #contact_number {
    width: calc(100% - 105px);
    float: right;
}

#contact_form .iti--allow-dropdown {
    width: 80px;
    float: left;
}

#contact_form .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
    outline: none;
}

.arezza #contact_form .iti--separate-dial-code .iti__selected-flag{
    bottom: 0 !important;
}

#contact_form .code-contact {
    padding-left: 74px !important;
    width: 67px;
    float: left;
}

#contact_form .form-group label {
    display: block;
}

#contact_form ul li {
    width: 100%;
    float: left;
    margin: 3px 0;
    font-size: 14px;
    line-height: 21px;
    font-family: 'Poppins', sans-serif !important;
    color: #455671;
    font-weight: 400 !important;
}

#contact_form ul {
    margin: 10px 0;
    padding: 0 0px;
}


/*------scroll bar -------*/

.style-2::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
}

.style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
    background-color: var(--main-brand-color);
}

.style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
    background-color: var(--main-brand-color) !important;
}

.style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    background-color: #fff;
}

.style-2 {
    overflow-y: scroll;
    scrollbar-color: var(--main-brand-color) #fff !important;
    scrollbar-width: thin;
}

.form-group .form-control option {
    background-color: #fff;
    border-color: #dfe0e1;
    border-radius: 3px;
    height: 40px;
    padding: 20px 0 !important;
    font-size: 13px;
    line-height: 30px;
    font-family: 'Avenir Next LT Pro Regular', sans-serif !important;
}

.krank-info h1 {
    font-size: 18px;
    font-family: 'Poppins-bold', sans-serif !important;
    color: #455671;
    font-weight: 700;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    line-height: 28px;
    margin-top: 15px;
}

.krank-info p {
    font-size: 14px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif !important;
    color: #455671;
    font-weight: 500 !important;
    width: 85%;
    float: left;
}

.krank-info p span {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.krank-info {
    margin: 25px 15px;
    float: left;
    width: 100%;
}

.tp-mrgcont {
    margin-top: 35px !important;
}

@media(min-width:1024px) {
    .banner-contact {
        background: url(../img/contact-bg.png) no-repeat center;
        background-color: #f4f8fa;
        width: 100%;
        height: 297px;
        margin-top: 0px;
        position: relative;
        float: left;
        margin-bottom: 30px;
    }
    .banner-feature {
        background: url(../img/feature-bg.png) no-repeat center;
        background-color: #f4f8fa;
        width: 100%;
        height: 297px;
        margin-top: 0px;
        float: left;
    }
    .banner-how {
        background: url(../img/how-bg.png) no-repeat center;
        background-color: #f4f8fa;
        width: 100%;
        height: 297px;
        margin-top: 0px;
        position: relative;
        float: left;
    }
    .cont-width {
        width: 1014px !important;
    }
}

.cerror,
cerror:focus {
    background: none !important;
}

.cerror:-moz-placeholder {
    color: #f46a6a !important
}

.cerror::-moz-placeholder {
    color: #f46a6a !important
}

.cerror::-webkit-input-placeholder {
    color: #f46a6a !important
}

.cerror:-ms-input-placeholder {
    color: #f46a6a !important
}

.cerror,
.cerror:active,
.cerror:focus {
    color: #c20000;
    border: 1px solid rgba(244, 106, 106, .6) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(244, 106, 106, .6) !important;
}

label.cerror,
label.cerror:focus,
label.cerror:active,
label.cerror:hover {
    border: none !important;
    box-shadow: none !important;
    color: #e10000;
    margin-top: 5px;
    margin-bottom: 0px;
    font-weight: 400;
}

.recources-bg {
    /*background:#f5f8fa;*/
    width: 100%;
    float: left;
    margin-top: 0px;
    padding: 20px;
}

a.resources-option {
    margin-top: 10px;
    text-align: center;
    width: 100%;
    float: left;
    padding: 30px 0;
    border: 1px solid #f5f8fa;
    margin-bottom: 20px;
    color: #8e989e;
    border-radius: 8px;
}

a.resources-option:hover {
    background: #f5f8fa;
    border: 1px solid #d1d2d3;
    border-radius: 8px;
    color: #353b44;
}

a.resources-option img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

a.resources-option span {
    font-size: 14px;
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
    width: 100%;
    float: left;
}

.contact-dv {
    width: 47%;
    float: left;
    border-right: 1px solid #eff2f4;
    padding: 20px;
    margin-top: 4%;
    margin-left: 30px;
}

.message-icon {
    width: 7%;
    float: left;
    margin-top: 1%;
}

.message-icon img {
    width: 100%;
}

.message-right {
    width: 80%;
    float: left;
    margin-left: 20px;
}

.message-right h1 {
    font-size: 16px;
    font-family: 'Avenir Next LT Pro Bold', sans-serif;
    font-weight: 700;
    width: 100%;
    float: left;
    color: #0b3554;
}

.message-right p {
    font-size: 14px;
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    width: 100%;
    float: left;
    color: #727272;
    margin-top: 5px;
}

.technical-dv {
    width: 47%;
    float: left;
    padding: 20px;
    margin-top: 4%;
    margin-left: 38px;
    margin-bottom: 4%;
}


/*resources css end*/

.icon-dv {
    width: 5%;
    float: left
}

.blue-icon {
    background: #1578FC;
    border-radius: 200px;
    width: 40px;
    height: 40px;
    text-align: center;
}

.blue-icon span {
    font-size: 10px;
    color: #fff;
    font-weight: 700;
    padding-top: 11px;
    float: left;
    width: 100%;
    text-align: center;
}

.blue-icon img {
    width: 90%;
}

.icon-cont-dv {
    width: 95%;
    float: left;
    padding: 0px 20px;
    margin-bottom: 50px;
}

.icon-cont-dv h3 {
    margin-top: 0 !important;
    font-size: 20px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    float: left;
    color: #41474b;
}


/*resources inner css start*/

.margn-tp {
    margin-top: 80px;
}

.maindv {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.maindv-faq {
    width: 100%;
    float: left;
}

@media(max-width:992px) {
    .maindv {
        width: 100%;
    }
    .hs_submit.hs-submit .hs-button {
        margin-bottom: 30px;
    }
}

.panel-heading {
    padding: 0;
    border: 0;
}

.panel-title>a,
.panel-title>a:active {
    display: block;
    padding: 15px 0;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    font-weight: 500;
    color: #1578fc;
    /* opacity: 0.90; */
}

.panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
    font-size: 12px;
}

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel {
    border: none !important;
    margin-bottom: 1.25rem;
    padding: 0px !important;
    background: none !important;
    color: #4d5459;
    box-shadow: none !important;
}

.panel-default>.panel-heading {
    color: #41474b;
    background-color: #fff;
    ;
    border-bottom: 1px solid #eff2f4 !important;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none !important;
}

.panel h1 {
    line-height: 1;
    /*margin-bottom: .625rem;*/
    font-family: 'Avenir Next LT Pro Bold', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #41474b;
}

.panel h1 span {
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    font-size: 13px;
    font-weight: 500;
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 20px;
}

.panel-body img {
    margin: 20px auto;
}

.panel-body {
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #727272;
}


/*resources inner css start*/

.subcribe-area {
    width: 100%;
    float: left;
    background: #f4f8fa;
    margin-top: 5%;
}

.container.cont-width .privacy-DV.mrgn-tp {
    margin-top: 15%;
}

.container.cont-width .privacy-DV.mrgn-tp p {
    margin: 5px 0;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif !important;
    color: #455671;
    font-weight: 500 !important;
    width: 100%;
    float: left;
    padding-left: 10px;
}

.privacy-DV.mrgn-tp.coinform h1 {
    padding-bottom: 10px;
    font-size: 38px;
    line-height: 40px;
    font-family: 'Poppins-bold', sans-serif !important;
    color: #455671;
    font-weight: 400 !important;
}


/*privacy css start*/

.privacy-DV {
    width: 90%;
    margin: 20px auto;
}

.privacy-DV h1 {
    padding-bottom: 10px;
    font-size: 30px;
    line-height: 40px;
    font-family: 'Poppins-bold', sans-serif !important;
    color: #455671;
    font-weight: 400 !important;
}

.privacy-DV h3 {
    margin-top: 40px;
    font-size: 20px;
    line-height: 20px;
    font-family: 'Poppins-bold', sans-serif !important;
    color: #455671;
    font-weight: 400 !important;
    float: left;
    width: 100%;
}


/*.subscribe-panel{width:100%;float:left;margin:10px 0;border:1px solid #ccc;padding:20px;margin:80px 0;}*/

.subscribe-panel {
    width: 60%;
    /* float: left; */
    margin: 10px 0;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 80px 0;
    margin: 50px auto;
    background: #fff;
}

.subscribe-panel h1 {
    font-size: 16px;
    font-family: 'Poppins-bold', sans-serif !important;
    color: #455671;
    font-weight: 600;
}

.subscribe-panel p {
    margin: 0px 0 10px 0;
    font-family: 'Poppins', sans-serif !important;
    color: #455671;
    font-weight: 300;
    font-size: 14px;
    float: left;
    width: 100%;
    line-height: 21px;
    margin-top: 10px;
}

.subscribe-panel h3 {
    font-size: 14px;
    font-family: 'Poppins-bold', sans-serif !important;
    color: #455671;
    font-weight: 600;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.subscribe-panel p a {
    margin-top: 0px;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 600 !important;
    color: #1578FC;
    width: auto;
    float: none;
}

.subscribe-panel a {
    margin-top: 0px;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 600 !important;
    color: #1578FC;
    width: 100%;
    float: left;
}


/*.privacy-DV p {
    margin: 5px 0;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
	width:100%;
	float:left;
	color:#4d5459;
}*/


/* radio bnt */


/* The radio */

.radio {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    margin-top: 20px;
    cursor: pointer;
    font-size: 14px;
    line-height: 35px;
    font-family: 'Avenir Next LT Pro Regular', sans-serif !important;
    font-weight: 400 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #425062;
}

textarea.subscribe-area {
    resize: none;
}

.zero-pad {
    padding: 0;
}

#reson-dv label {
    font-size: 16px;
    line-height: 35px;
    font-family: 'Avenir Next LT Pro Regular', sans-serif !important;
    font-weight: 400 !important;
}


/* Hide the browser's default radio button */

.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom radio button */

.checkround {
    position: absolute;
    top: 6px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-color: #1578FC;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
}


/* When the radio button is checked, add a blue background */

.radio input:checked~.checkround {
    background-color: #fff;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkround:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.radio input:checked~.checkround:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.radio .checkround:after {
    left: 2px;
    top: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #1578FC;
}


/* radio btn end*/

.privacy-DV p {
    margin: 5px 0;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif !important;
    color: #455671;
    font-weight: 500 !important;
    width: 100%;
    float: left;
}

.privacy-DV ul {
    margin: 10px 0;
    padding: 0 15px;
}

.privacy-DV ul li {
    width: 100%;
    float: left;
    margin: 10px 0;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif !important;
    color: #455671;
    font-weight: 400 !important;
}

.privacy-DV h4 {
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 40px;
    font-family: 'Poppins-bold', sans-serif !important;
    color: #455671;
    font-weight: 700 !important;
    margin: 0;
    padding: 0;
}

.privacy-DV ol {
    margin: 0;
    padding: 0 20px;
    float: left;
    width: 100%;
}

.privacy-DV ol li {
    width: 100%;
    float: left;
    margin: 5px 20px;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif !important;
    color: #455671;
    font-weight: 400 !important;
}

h3.faq-head {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 40px;
    font-family: 'Avenir Next LT Pro Regular', sans-serif !important;
    font-weight: 500 !important;
    margin-top: 4%;
    padding: 0;
    color: #425062;
}

ul.faq-list {
    margin: 20px;
    padding: 0 15px;
    width: 100%;
    float: left;
}

ul.faq-list li {
    width: 100%;
    float: left;
    margin: 0px 0;
    font-size: 14px;
    line-height: 22px;
    color: #4d5459;
    font-family: 'Avenir Next LT Pro Regular', sans-serif !important;
    font-weight: 400 !important;
}

ol.unlist-faq {
    margin: 20px;
    padding: 0 15px;
    list-style: none;
}

ol.unlist-faq li h3 {
    width: 100%;
    float: left;
    margin: 0px 0 8px 0;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
    font-weight: 700 !important;
    color: #41474b;
}

ol.unlist-faq li {
    width: 100%;
    float: left;
    margin: 0px 0;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Avenir Next LT Pro Regular', sans-serif !important;
    font-weight: 400 !important;
    margin-bottom: 20px;
    color: #4d5459;
}

ol.unlist-faq ol {
    margin: 20px;
    padding: 0 15px;
}

ol.unlist-faq li ol li {
    width: 100%;
    float: left;
    margin: 0px 0;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Avenir Next LT Pro Regular', sans-serif !important;
    font-weight: 400 !important;
    color: #4d5459;
    margin-bottom: 20px;
}

.pad-rght {
    padding-right: 0;
}

.press-main {
    border-left: 1px solid #dddedf;
    margin-bottom: 50px;
}

.press-main:first-child {
    border-left: none;
}

.press-main h1 {
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    font-weight: 500;
    font-size: 70px;
    width: 100%;
    float: left;
    color: #353b44;
}

.press-main p {
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #4e565d;
    width: 100%;
    float: left;
    padding: 10px 25px;
}

.press-main a {
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #1578fc;
    padding: 6px 0px;
    display: inline-block;
}

.press-main a i {
    padding-left: 25px;
}

.press-main p a {
    color: #1578fc;
}

.fiveteen-top {
    margin-top: 16px;
}

.logo-dv {
    width: 119px;
    float: left;
    margin-right: 15px;
}

.logo-dv img {
    width: 119px;
    height: 119px;
    border-radius: 100px;
    border: 1px solid #dddedf;
}

.row-btm {
    border-bottom: 1px solid #dddedf;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

a.link-dv {
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    font-weight: 500;
    font-size: 19px;
    color: #1578fc;
    padding-top: 50px;
    float: left;
    width: 86%;
    word-wrap: break-word;
}


/*privacy css start*/

.lft-pad {
    padding-left: 0;
}

.mrgn-tp {
    margin-top: 8%;
}

.privacy-DV form {
    margin-top: 5%;
}

.privacy-DV .form-group {
    margin-bottom: 31px;
    float: left;
    width: 100%;
}

.privacy-DV .address-num {
    width: auto;
    margin: 15px 30px 0 0;
    font-size: 14px;
    font-family: 'Avenir Next LT Pro Regular', sans-serif !important;
    font-weight: 400 !important;
    float: left;
    color: #425062;
}

.privacy-DV .address-num i {
    color: #1578fc;
}

.pad-rghtf {
    padding-right: 5px;
}

.show-serch {
    display: none;
}

.search-icon {
    display: none !important;
}

.dashbord-btn {
    background: #fff !important;
    color: #1578fc !important;
    padding: 10px 0px 10px 0 !important;
    margin-top: 3px !important;
    margin-right: 0px !important;
    border: 1px solid #1578fc !important;
    margin-left: 7px;
    width: 124px !important;
    font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    box-shadow: none !important;
}

.dashbord-btn:hover,
.dashbord-btn.active {
    background: #1578fc !important;
    color: #fff !important;
    padding: 10px 0px 10px 0 !important;
    margin-top: 3px !important;
    margin-right: 0px !important;
    border: 1px solid #1578fc !important;
    margin-left: 7px;
    width: 124px !important;
    font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    box-shadow: none !important;
}

#accordion ul {
    list-style: none;
    margin: 10px;
}

#accordion ul li {
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    color: #727272;
}

.btn.btn-primary.create-accou,
.btn.btn-primary.create-accou:hover,
.btn.btn-primary.create-accou:focus {
    background: #fff !important;
    color: #1578FC;
    border-radius: 35px;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    padding: 0px 30px;
    font-family: 'Poppins-bold', sans-serif !important;
    min-width: 200px;
    width: auto;
}

@media (max-width: 1127px) {
    .love-krank ul li {
        width: 263px;
        float: left;
        background: #fff;
        padding: 15px;
        text-align: center;
        margin-left: 5%;
        min-height: 320px;
        border-radius: 5px;
    }
    #custom_carousel .controls li {
        /* display: table-cell; */
        /* width: 18%; */
        float: left;
        margin-left: 1%;
    }
    .time-main p {
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #fff;
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 0px;
        padding: 0 110px;
        margin-top: 10px;
    }
    .time-main h1 {
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        width: 100%;
        font-size: 35px;
        float: left;
        margin-top: 4%;
        text-align: center;
        color: #fff;
    }
    .min-margin {
        margin-top: -153px;
        width: 30%;
    }
    .howwork-area ul li {
        width: 266px;
        float: left;
        background: #fff;
        padding: 15px;
        text-align: center;
        margin-left: 5%;
        min-height: 433px;
        border-radius: 5px;
    }
    .invit-dealr {
        width: 95%;
        float: left;
        margin: 15px 5%;
        background: #fff;
        padding: 20px 15px 20px 15px;
    }
    .create-marketplace {
        width: 95%;
        float: left;
        margin: 15px 5% 5% 5%;
        background: #fff;
        padding: 20px 15px 20px 0px;
    }
}

@media (min-width: 1350px) and (max-width: 1500px) {
    .nav>li>a {
        position: relative;
        display: block;
        padding: 14px 10px;
    }
    .dashbord-btn {
        background: #fff !important;
        color: #1578fc !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 0px !important;
        border: 1px solid #1578fc !important;
        margin-left: 7px;
        width: 124px !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }
    .dashbord-btn:hover,
    .dashbord-btn.active {
        background: #1578fc !important;
        color: #fff !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 0px !important;
        border: 1px solid #1578fc !important;
        margin-left: 7px;
        width: 124px !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }
    .regiter-login {
        background: #fff !important;
        color: #1578fc !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 0px !important;
        border: 1px solid #1578fc !important;
        margin-left: 10px;
        width: 90px !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }
    .logintp-btn {
        background: #1578fc !important;
        color: #fff !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 0px !important;
        border: 1px solid #1578fc !important;
        margin-left: 14px;
        width: 90px !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }
    header .header-field input[type=text] {
        background: #fff;
        float: left;
        width: 308px;
        padding: 10px 20px;
        border-radius: 5px;
        color: #425062;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 700 !important;
        font-size: 15px !important;
        outline: none;
        box-shadow: none !important;
        border: 1px solid #CCD6E2;
        margin-left: 24px;
    }
    .search-icon {
        display: none !important;
    }
}

@media (min-width: 1251px) and (max-width: 1327px) {
    header .header-field input[type=text] {
        background: #fff;
        float: left;
        width: 300px;
        padding: 10px 20px;
        border-radius: 5px;
        color: #425062;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 700 !important;
        font-size: 15px !important;
        outline: none;
        box-shadow: none !important;
        border: 1px solid #CCD6E2;
        margin-left: 20px;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 14px 8px;
    }
    .regiter-login {
        background: #fff !important;
        color: #1578fc !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 14px;
        width: 75px !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }
    .logintp-btn {
        background: #1578fc !important;
        color: #fff !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 14px;
        width: 72px !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }
}

@media (min-width: 1200px) and (max-width: 1303px) {
    .nav-down .col-md-4 {
        width: 40%
    }
    .nav-down .col-md-8 {
        width: 60%
    }
}

@media (min-width: 1171px) and (max-width: 1250px) {
    .search-icon {
        display: none !important;
    }
    header .logo img {
        width: 100%;
        margin: 0 auto 0 0%;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 14px 6px;
    }
    .navbar-nav li a {
        color: #343b45;
        font-size: 14px;
        padding: 13px 5px;
        font-weight: 400;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
    }
    .dashbord-btn {
        background: #fff !important;
        color: #1578fc !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 0px !important;
        border: 1px solid #1578fc !important;
        margin-left: 7px;
        width: 124px !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }
    .dashbord-btn:hover,
    .dashbord-btn.active {
        background: #1578fc !important;
        color: #fff !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 0px !important;
        border: 1px solid #1578fc !important;
        margin-left: 7px;
        width: 124px !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }
    .regiter-login {
        background: #fff !important;
        color: #1578fc !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 0px !important;
        border: 1px solid #1578fc !important;
        margin-left: 7px;
        width: 75px !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }
    .logintp-btn {
        background: #1578fc !important;
        color: #fff !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 0px !important;
        border: 1px solid #1578fc !important;
        margin-left: 7px;
        width: 75px !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }
    header .header-field input[type=text] {
        background: #fff;
        float: left;
        width: 224px;
        padding: 10px 15px;
        border-radius: 5px;
        color: #425062;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 700 !important;
        font-size: 15px !important;
        outline: none;
        box-shadow: none !important;
        border: 1px solid #CCD6E2;
        margin-left: 24px;
    }
}

@media (min-width: 992px) and (max-width: 1350px) {
    .nav>li>a {
        position: relative;
        display: block;
        padding: 14px 8px;
    }
}

@media (min-width: 992px) and (max-width: 1170px) {
    .col-md-5 {
        width: 30%
    }
    .col-md-7 {
        width: 70%
    }
}

@media (min-width: 992px) and (max-width: 1170px) {
    .ipad-hide {
        display: none;
    }
    a.search-icon {
        /* background: #00d080;*/
        padding: 13px 0px !important;
        border-radius: 5px;
        outline: none;
        color: #00d080 !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 700;
        font-size: 20px !important;
        line-height: 22px;
        border: none;
        position: absolute;
        display: block !important;
        left: -5px;
        top: 0px;
        width: auto !important;
    }
    .show-serch {
        width: 100%;
        position: absolute;
        background: #fff;
        top: 65px;
        display: block;
        left: 0;
    }
    #search_text {
        width: 84%;
        padding: 10px 10px;
        border-radius: 5px;
        border: 1px solid #ddd;
        margin-left: 16px;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 700 !important;
        font-size: 15px !important;
        outline: none;
        box-shadow: none !important;
        border: 1px solid #CCD6E2;
    }
    .show-serch button {
        background: #1578fc;
        float: right;
        padding: 10px 20px;
        border-radius: 5px;
        outline: none;
        color: #fff;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 700;
        font-size: 15px;
        line-height: 22px;
        margin-top: 1px;
        margin-right: 11px;
        border: none;
    }
    .regiter-login {
        background: #fff !important;
        color: #1578fc !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 14px;
        width: 76px !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }
    .logintp-btn {
        background: #1578fc !important;
        color: #fff !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 14px;
        width: 79px !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    a.search-icon {
        display: none;
    }
    .banner-faqbg {
        background: url(../img/faq.png) no-repeat center;
        background-color: #f4f8fa;
        width: 100%;
        height: 216px;
        margin-top: 0px;
        position: relative;
        background-size: 765px auto;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
        background: #fff;
    }
    .navbar-header .collapse,
    .navbar-toggle {
        display: block !important;
        display: block !important;
        top: -66px;
        right: 0px;
    }
    .navbar-right {
        float: right !important;
        margin-right: 0px;
        margin-top: 0;
        background: #fff;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 14px 15px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: #fff;
    }
    .navbar-default .navbar-toggle {
        border-color: #ddd;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ddd;
    }
    header .logo img {
        width: 100%;
        margin: 0 auto 0 0%;
    }
    #filtersDiv {
        margin-top: 13%;
    }
    .love-krank ul li {
        width: 293px;
        float: left;
        background: #fff;
        padding: 15px;
        text-align: center;
        margin-left: 5%;
        min-height: 320px;
        border-radius: 5px;
        margin-bottom: 24px;
    }
    .create-accou {
        background: #00d080;
        color: #fff;
        padding: 0px 15px;
        border-radius: 6px;
        outline: none;
        color: #fff;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 700;
        font-size: 13px;
        border: none !important;
        margin-top: 20px;
        margin-left: 10px;
        width: 43%;
        margin-bottom: 80px;
        outline: none;
        height: 40px;
        line-height: 40px;
    }
    #custom_carousel a p span {
        display: none;
    }
    #custom_carousel .controls a p {
        font-size: 32px;
        margin-top: 5px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 300;
        line-height: 15px;
        padding: 3px 25px 0 31px;
        float: left;
        margin-left: 2px;
        color: #425062;
        /* width: 174px; */
        text-align: center;
        /* display: inline-block; */
    }
    #custom_carousel .controls li {
        /* display: table-cell; */
        /* width: 18%; */
        float: left;
        margin-left: 6%;
    }
    .time-main h1 {
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        width: 100%;
        font-size: 35px;
        float: left;
        margin-top: 4%;
        text-align: center;
        color: #fff;
    }
    .time-main {
        width: 100%;
        float: left;
        background: url(../img/blue-bgn.png) no-repeat;
        height: 319px;
        background-size: 100% 100%;
        padding: 0;
        margin-bottom: -1%;
    }
    .arrow-box {
        background: none;
        width: 100%;
        margin: 30px auto 30px auto;
        position: relative;
        float: left;
        height: 304px;
    }
    .arrow-box .arrow-one {
        width: 107px;
        height: 120px;
        background: url(../img/point.png) no-repeat top;
        position: absolute;
        top: 10px;
        left: 7%;
    }
    .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 31px 0 0 45px;
        float: left;
    }
    .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 63% 0 0 0px;
        text-align: center;
        float: left;
        width: 100%;
    }
    .arrow-box .arrow-two {
        width: 107px;
        height: 120px;
        background: url(../img/point.png) no-repeat top;
        position: absolute;
        top: 10px;
        left: 24.5%;
    }
    .arrow-box .arrow-two .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 63% 0 0 0px;
        text-align: center;
        float: left;
        width: 100%;
    }
    .arrow-box .arrow-three {
        width: 107px;
        height: 120px;
        background: url(../img/point.png) no-repeat top;
        position: absolute;
        top: 10px;
        left: 42.4%;
    }
    .arrow-box .arrow-three .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 31px 0 0 45px;
        float: left;
        /* width: 100%; */
    }
    .arrow-box .arrow-three .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 61% 0 0 1px;
        text-align: center;
        float: left;
        width: 100%;
    }
    .arrow-box .arrow-four {
        width: 107px;
        height: 120px;
        background: url(../img/point.png) no-repeat top;
        position: absolute;
        top: 10px;
        left: 61%;
    }
    .arrow-box .arrow-four .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 31px 0 0 44px;
        float: left;
    }
    .arrow-box .arrow-four .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 60% 0 0 5px;
        text-align: center;
        float: left;
        width: 100%;
    }
    .arrow-box .arrow-five {
        width: 107px;
        height: 120px;
        background: url(../img/point.png) no-repeat top;
        position: absolute;
        top: 10px;
        left: 80%;
    }
    .arrow-box .arrow-five .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 31px 0 0 45px;
        float: left;
    }
    .arrow-box .arrow-five .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 61% 0 0 2px;
        text-align: center;
        float: left;
        width: 100%;
    }
    a.learnmoe-btn,
    a.learnmoe-btn:hover {
        width: 417px;
        height: 73px;
        position: absolute;
        bottom: 10px;
        background: url(../img/green-btn.png) no-repeat;
        text-align: center;
        left: 22%;
        padding-top: 18px;
        color: #fff;
        font-size: 25px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        text-decoration: none;
    }
    .howwork-area ul li {
        width: 293px;
        float: left;
        background: #fff;
        padding: 15px;
        text-align: center;
        margin-left: 5%;
        min-height: 433px;
        margin-bottom: 40px;
        border-radius: 5px;
    }
    .btn-build-white {
        background: #fff;
        padding: 20px 30px;
        border-radius: 5px;
        outline: none;
        color: #1578fc;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 700;
        font-size: 15px;
        border: none !important;
        margin-top: 5px;
        margin-left: 15px;
        line-height: 20px;
        margin-bottom: 0px;
        text-decoration: none;
        width: 35%;
    }
    .resp {
        width: 33%;
        text-align: center;
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background: none;
    }
    header .header-field {
        margin-top: 5px;
        border-top: none !important;
        width: auto !important;
        float: none !important;
    }
    header .header-field input[type=text] {
        background: #fff;
        float: left;
        width: 74%;
        padding: 10px 20px;
        border-radius: 5px;
        color: #425062;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 700 !important;
        font-size: 15px !important;
        outline: none;
        box-shadow: none !important;
        border: 1px solid #CCD6E2;
        margin-top: 0px;
    }
    header .header-field button {
        background: #1578fc;
        float: left;
        padding: 10px 20px;
        border-radius: 5px;
        outline: none;
        color: #fff;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 700;
        font-size: 15px;
        line-height: 22px;
        margin-top: 1px;
        margin-left: 11px;
        border: none;
        width: auto;
    }
    .create-marketplace figure img {
        width: 100%;
        margin: 20px auto;
    }
    .invit-dealr figure img {
        width: 86%;
        margin: 20px auto;
    }
    /*	.arrow-box {*/
    background: url(../img/arrow-box.png) no-repeat;
    width: 850px;
    height: 322px;
    margin: 90px auto 84px auto;
    position: relative;
}

.banner-how {
    background: url(../img/how-bg.png) no-repeat center;
    background-color: #f4f8fa;
    width: 100%;
    height: 297px;
    margin-top: 0px;
    position: relative;
    float: left;
}

.banner-feature {
    background: url(../img/feature-bg.png) no-repeat center;
    background-color: #f4f8fa;
    width: 100%;
    height: 297px;
    margin-top: 0px;
    float: left;
}

.want-learn .btn-build-red,
.want-learn .btn-build-red:hover {
    background: #eb5751 !important;
    padding: 0px 15px;
    border-radius: 56px;
    outline: none;
    color: #fff;
    font-family: 'Poppins-bold', sans-serif !important;
    font-size: 16px;
    border: none !important;
    margin-top: 0px;
    margin-left: 10px;
    line-height: 40px;
    margin-bottom: 18px;
    width: 170px;
    height: 40px;
    text-align: center;
}

.want-learn .btn-build-green {
    background: #00d080 !important;
    padding: 20px 0px;
    border-radius: 55px;
    outline: none;
    color: #fff;
    font-family: 'Poppins-bold', sans-serif !important;
    font-weight: 700;
    font-size: 20px;
    border: none !important;
    margin-top: 0;
    margin-left: 10px;
    line-height: 20px;
    margin-bottom: 23px;
    width: 250px;
    text-align: center;
}

.want-learn p {
    font-family: 'Poppins', sans-serif !important;
    color: #455671;
    font-weight: 300;
    font-size: 16px;
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 39px;
    padding: 0 0px;
    margin-top: 8px;
}

.footer-copyright {
    width: 100%;
    float: left;
    color: #8E8E8E;
    padding: 0px;
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    font-weight: 300;
    text-align: left;
    margin-top: 0px !important;
    font-size: 12px;
}

.panel-title>a,
.panel-title>a:active {
    display: block;
    padding: 6px 0;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Avenir Next LT Pro Regular', sans-serif;
    font-weight: 500;
    color: #1578fc;
    /* opacity: 0.90; */
    line-height: 20px;
}

h3.faq-head {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 40px;
    font-family: 'Avenir Next LT Pro Regular', sans-serif !important;
    font-weight: 500 !important;
    margin-top: 8%;
    padding: 0;
    color: #425062;
}

a.register-header,
a.register-header:hover {
    background: #0ED679;
    color: #fff;
    font-family: 'Avenir Next LT Pro Bold';
    font-size: 13px;
    height: 40px;
    text-align: center;
    border-radius: 6px;
    padding: 0 15px;
    margin-left: 10px;
    float: right;
    margin-top: 9px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 700;
    width: 48%;
}

a.login-header,
a.login-header:hover {
    background: #1578FC;
    color: #fff;
    font-family: 'Avenir Next LT Pro Bold';
    font-size: 13px;
    min-width: 48%;
    height: 40px;
    text-align: center;
    border-radius: 6px;
    margin-left: 10px;
    float: right;
    margin-top: 8px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-weight: 700;
    margin-bottom: 40px;
}

.topnav.responsive {
    position: relative;
    float: right;
    width: 100%;
    text-align: right;
    background: #fff;
}


}
@media (min-width: 823px) and (max-width: 840px) {
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 14px 15px;
        margin-top: 7px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .navbar-right {
        float: right !important;
        margin-right: 0px;
        /*   margin-top: -17px;*/
    }

    .search-icon {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 800px) {
    .zero-pad {
        padding: 15px;
    }

    .min-margin {
        margin-top: -153px;
        width: 40%;
    }

    .container.margntp-opt .col-md-3 {
        padding-left: 0px;
        padding-right: 0;
    }

    .banner-contact {
        background: url(../img/contact-bg.png) no-repeat center;
        background-color: #f4f8fa;
        width: 100%;
        height: 297px;
        margin-top: 0px;
        position: relative;
        float: left;
        margin-bottom: 30px;
    }

    .banner-feature {
        background: url(../img/feature-bg.png) no-repeat center;
        background-color: #f4f8fa;
        width: 100%;
        height: 297px;
        margin-top: 0px;
        float: left;
    }

    .banner-about {
        background: url(../img/about-bg.png) no-repeat center;
        background-color: #1578fc;
        width: 100%;
        height: 297px;
        margin-top: 0px;
        position: relative;
        float: left;
    }

    .banner-how {
        background: url(../img/how-bg.png) no-repeat center;
        background-color: #f4f8fa;
        width: 100%;
        height: 297px;
        margin-top: 0px;
        position: relative;
        float: left;
    }
}
@media (min-width: 731px) and (max-width: 736px) {
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: -46px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .search-icon {
        display: none !important;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
        background: #fff;
        margin-top: 13px;
        /* height: 248px;
    overflow: scroll;*/
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
        padding-left: 28px;
    }

    .regiter-login {
        background: #fff !important;
        color: #1578fc !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 28px;
        width: 80% !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }

    .logintp-btn {
        background: #1578fc !important;
        color: #fff !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 12px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 28px;
        width: 80% !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }

    header .header-field {
        margin-top: 5px;
        border-top: 1px solid #ddd;
        width: 100%;
        float: left;
    }

    header .header-field input[type=text] {
        background: #fff;
        float: left;
        width: 88%;
        padding: 10px 20px;
        border-radius: 5px;
        color: #425062;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 700 !important;
        font-size: 15px !important;
        outline: none;
        box-shadow: none !important;
        border: 1px solid #CCD6E2;
        margin-top: 20px;
    }

    header .header-field button {
        background: #1578fc;
        float: left;
        padding: 10px 20px;
        border-radius: 5px;
        outline: none;
        color: #fff;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 700;
        font-size: 15px;
        line-height: 22px;
        margin-top: 10px;
        margin-left: 0px;
        border: none;
        width: 88%;
    }

    .industry-logo span {
        width: 122px;
        height: 110px;
        float: left;
        text-align: center;
        /* background: #F4F8FA; */
        margin: 0 10px 0 32px;
    }

    #custom_carousel .controls li {
        /* display: table-cell; */
        /* width: 18%; */
        float: left;
        margin-left: 11%;
    }

    #custom_carousel .controls a p {
        font-size: 27px;
        margin-top: 5px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 300;
        line-height: 15px;
        padding: 3px 5px 0 5px;
        float: left;
        margin-left: 4px;
        color: #425062;
        /* width: 174px; */
        text-align: center;
        /* display: inline-block; */
    }

    .time-main {
        width: 100%;
        float: left;
        background: url(../img/blue-bgn.png) no-repeat;
        height: 389px;
        background-size: 100% 100%;
        padding: 0;
        margin-bottom: 4%;
    }

    footer .col-md-12 .col-md-8 .col-md-4 {
        width: 33%;
        float: left;
    }

    .footer-copyright {
        width: 50% !important;
        float: left;
        color: #8E8E8E;
        padding: 0px;
        font-family: 'Avenir Next LT Pro regular', sans-serif;
        font-weight: 300;
        text-align: left;
        margin-top: 15px;
        font-size: 12px;
    }

    .social-icon,
    .social-icon a {
        float: right;
        font-size: 20px;
        color: #C2C6C9;
        margin-top: 0px !important;
    }

    .company-logo {
        width: 33%;
        float: left;
        padding: 31px 0px;
        text-align: center;
        background: #fff;
        margin-top: 41px;
        margin-left: 36%;
        border: 0.5px solid #e7e7e7;
    }

    .about-row a {
        padding: 10px 20px;
        border: 2px solid #00d080;
        border-radius: 5px;
        color: #00d080;
        font-size: 16px;
        font-family: 'Avenir Next LT Pro regular', sans-serif;
        font-weight: 500;
        text-decoration: none;
        float: left;
        margin: 14px 0 68px 36%;
        width: 33%;
        text-align: center;
    }

    .zero-pad {
        padding: 15px;
    }

    .arrow-box {
        background: none;
        width: 98%;
        height: 702px;
        margin: 0px auto 84px auto;
        position: relative;
        float: left;
    }

    .arrow-box .arrow-one {
        width: 85%;
        height: 120px;
        background: url(../img/point.png) no-repeat left;
        position: absolute;
        top: 10px;
        left: 6%;
        background-size: 90px 100px;
    }

    .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Avenir Next LT Pro regular', sans-serif;
        font-weight: 500;
        padding: 31px 0 0 37px;
        float: left;
    }

    .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Avenir Next LT Pro regular', sans-serif;
        font-weight: 500;
        padding: 8% 0 0 53px;
        text-align: center;
        float: left;
        width: 58%;
    }

    .arrow-box .arrow-two {
        width: 85%;
        height: 120px;
        background: url(../img/point.png) no-repeat left;
        position: absolute;
        top: 123px;
        left: 6%;
        background-size: 90px 100px;
    }

    .arrow-box .arrow-two .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Avenir Next LT Pro regular', sans-serif;
        font-weight: 500;
        padding: 5% 0 0 0px;
        text-align: center;
        float: left;
        width: 64%;
    }

    .arrow-box .arrow-three {
        width: 85%;
        height: 220px;
        background: url(../img/point.png) no-repeat left;
        position: absolute;
        top: 195px;
        left: 6%;
        background-size: 90px 100px;
    }

    .arrow-box .arrow-three .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Avenir Next LT Pro regular', sans-serif;
        font-weight: 500;
        padding: 83px 0 0 37px;
        float: left;
    }

    .arrow-box .arrow-three .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Avenir Next LT Pro regular', sans-serif;
        font-weight: 500;
        padding: 16% 0 0 48px;
        text-align: center;
        float: left;
        width: 59%;
    }

    .arrow-box .arrow-four {
        width: 85%;
        height: 220px;
        background: url(../img/point.png) no-repeat left;
        position: absolute;
        top: 319px;
        left: 6%;
        background-size: 90px 100px;
    }

    .arrow-box .arrow-four .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Avenir Next LT Pro regular', sans-serif;
        font-weight: 500;
        padding: 82px 0 0 37px;
        float: left;
    }

    .arrow-box .arrow-four .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Avenir Next LT Pro regular', sans-serif;
        font-weight: 500;
        padding: 16% 0 0 40px;
        text-align: center;
        float: left;
        width: 58%;
    }

    .arrow-box .arrow-five {
        width: 85%;
        height: 220px;
        background: url(../img/point.png) no-repeat left;
        position: absolute;
        top: 444px;
        left: 6%;
        background-size: 90px 100px;
    }

    .arrow-box .arrow-five .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Avenir Next LT Pro regular', sans-serif;
        font-weight: 500;
        padding: 83px 0 0 37px;
        float: left;
    }

    .arrow-box .arrow-five .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Avenir Next LT Pro regular', sans-serif;
        font-weight: 500;
        padding: 16% 0 0 43px;
        text-align: center;
        float: left;
        width: 58%;
    }

    a.learnmoe-btn {
        width: 53%;
        height: 73px;
        position: absolute;
        bottom: 0px;
        background: url(../img/green-btn.png) no-repeat;
        text-align: center;
        left: 25%;
        padding-top: 14px;
        color: #fff;
        font-size: 23px;
        font-family: 'Avenir Next LT Pro regular', sans-serif;
        font-weight: 500;
        background-size: 100% auto;
    }

    a.learnmoe-btn:hover {
        width: 95%;
        height: 73px;
        position: absolute;
        bottom: 0px;
        background: url(../img/green-btn.png) no-repeat;
        text-align: center;
        left: 1%;
        padding-top: 8px;
        color: #fff;
        font-size: 23px;
        font-family: 'Avenir Next LT Pro regular', sans-serif;
        font-weight: 500;
        background-size: 100% auto;
    }

    .howwork-area ul li {
        width: 100%;
        float: left;
        background: #fff;
        padding: 15px;
        text-align: center;
        margin-left: 0%;
        min-height: 433px;
        border-radius: 5px;
        margin-bottom: 18px;
    }

    .invit-dealr {
        width: 100%;
        float: left;
        margin: 15px 0%;
        background: #fff;
        padding: 20px 15px 20px 15px;
    }

    .invit-dealr figure {
        width: 100%;
        float: left;
        margin-right: 10px;
        text-align: center;
    }

    .invit-dealr figure img {
        width: 34%;
        margin: 0 auto;
    }

    .invit-dealr .detail {
        width: 100%;
        float: left;
    }

    .invit-dealr .detail h1 {
        font-family: 'Avenir Next LT Pro regular', sans-serif;
        font-weight: 500;
        font-size: 20px;
        float: left;
        color: #425062;
        width: 100%;
        margin-bottom: 10px;
        margin-top: 15px;
        text-align: center;
    }

    .create-marketplace {
        width: 100%;
        float: left;
        margin: 15px 0% 5% 0%;
        background: #fff;
        padding: 20px 15px 20px 0px;
    }

    .create-marketplace figure {
        width: 100%;
        float: left;
        margin-right: 10px;
        text-align: center;
        margin-bottom: 15px;
    }

    .create-marketplace figure img {
        width: 41%;
        margin: 0 auto;
    }

    .create-marketplace .detail {
        width: 100%;
        margin-left: 14px;
        float: left;
    }

    .create-marketplace .detail h1 {
        font-family: 'Avenir Next LT Pro regular', sans-serif;
        font-weight: 500;
        font-size: 20px;
        float: left;
        color: #425062;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    .create-marketplace .detail p {
        font-family: 'Avenir Next LT Pro regular', sans-serif;
        font-weight: 300;
        font-size: 15px;
        float: left;
        color: #425062;
        width: 100%;
    }
}
@media (min-width: 568px) and (max-width: 767px) {
    .search-icon {
        display: none !important;
    }

    .hs_submit.hs-submit .hs-button {
        margin-bottom: 20px;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: -48px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
        background: #fff;
        margin-top: 13px;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
        padding-left: 28px;
    }

    .regiter-login {
        background: #fff !important;
        color: #1578fc !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 28px;
        width: 80% !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }

    .logintp-btn {
        background: #1578fc !important;
        color: #fff !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 12px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 28px;
        width: 80% !important;
        font-family: 'Avenir Next LT Pro Bold', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }

    header .header-field {
        margin-top: 5px;
        border-top: 1px solid #ddd;
        width: 100%;
        float: left;
    }

    header .header-field input[type=text] {
        background: #fff;
        float: left;
        width: 100%;
        padding: 10px 20px;
        border-radius: 5px;
        color: #425062;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 700 !important;
        font-size: 15px !important;
        outline: none;
        box-shadow: none !important;
        border: 1px solid #CCD6E2;
        margin-top: 20px;
    }

    header .header-field button {
        background: #1578fc;
        float: left;
        padding: 10px 20px;
        border-radius: 5px;
        outline: none;
        color: #fff;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 700;
        font-size: 15px;
        line-height: 22px;
        margin-top: 10px;
        margin-left: 0px;
        border: none;
        width: 100%;
    }

    .desi-heavy p {
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #425062;
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
        padding: 0 39px;
        margin-top: 10px;
    }

    .industry-logo span {
        width: 122px;
        height: 110px;
        float: left;
        text-align: center;
        /* background: #F4F8FA; */
        margin: 0 10px 0 35px;
    }

    .love-krank ul li {
        width: 228px;
        float: left;
        background: #fff;
        padding: 15px;
        text-align: center;
        margin-left: 5%;
        min-height: 320px;
        border-radius: 5px;
        margin-bottom: 23px;
    }

    .marketplace-main p {
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #425062;
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 30px;
        padding: 0 18px;
        margin-top: 10px;
    }

    #custom_carousel .controls li {
        /* display: table-cell; */
        /* width: 18%; */
        float: left;
        margin-left: 9%;
    }

    #custom_carousel .controls a p {
        font-size: 31px;
        margin-top: 5px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 300;
        line-height: 15px;
        padding: 3px 5px 0 5px;
        float: left;
        margin-left: 2px;
        color: #425062;
        /* width: 174px; */
        text-align: center;
        /* display: inline-block; */
    }

    .time-main {
        width: 100%;
        float: left;
        background: url(../img/blue-bgn.png) no-repeat;
        height: 452px;
        background-size: 100% 100%;
        padding: 0;
        margin-bottom: 4%;
    }

    .resp {
        width: 100%;
        float: left;
        text-align: center;
    }

    .resp a {
        margin-left: 37%;
        width: auto;
        float: left;
    }

    .resp a.resp {
        margin-left: 1%;
        width: auto;
        float: left;
    }

    .company-logo {
        width: 49%;
        float: left;
        padding: 31px 0px;
        text-align: center;
        background: #fff;
        margin-top: 41px;
        border: 0.5px solid #e7e7e7;
        margin-left: 27%;
    }

    .about-row a {
        padding: 10px 20px;
        border: 2px solid #00d080;
        border-radius: 5px;
        color: #00d080;
        font-size: 16px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        text-decoration: none;
        float: left;
        margin: 14px 0 38px 28%;
        width: 47%;
        text-align: center;
    }

    .about-row a {
        padding: 10px 20px;
        border: 2px solid #00d080;
        border-radius: 5px;
        color: #00d080;
        font-size: 16px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        text-decoration: none;
        float: left;
        margin: 14px 0 73px 28%;
        width: 47%;
        text-align: center;
    }

    .zero-pad {
        padding: 15px;
    }

    .arrow-box {
        background: none;
        width: 98%;
        height: 702px;
        margin: 0px auto 84px auto;
        position: relative;
        float: left;
    }

    .arrow-box .arrow-one {
        width: 85%;
        height: 120px;
        background: url(../img/point.png) no-repeat left;
        position: absolute;
        top: 10px;
        left: 6%;
        background-size: 90px 100px;
    }

    .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 31px 0 0 37px;
        float: left;
    }

    .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 8% 0 0 21px;
        text-align: center;
        float: left;
        width: 58%;
    }

    .arrow-box .arrow-two {
        width: 85%;
        height: 120px;
        background: url(../img/point.png) no-repeat left;
        position: absolute;
        top: 123px;
        left: 6%;
        background-size: 90px 100px;
    }

    .arrow-box .arrow-two .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 8% 0 0 0px;
        text-align: center;
        float: left;
        width: 64%;
    }

    .arrow-box .arrow-three {
        width: 85%;
        height: 220px;
        background: url(../img/point.png) no-repeat left;
        position: absolute;
        top: 195px;
        left: 6%;
        background-size: 90px 100px;
    }

    .arrow-box .arrow-three .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 83px 0 0 37px;
        float: left;
    }

    .arrow-box .arrow-three .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 21% 0 0 48px;
        text-align: center;
        float: left;
        width: 59%;
    }

    .arrow-box .arrow-four {
        width: 85%;
        height: 220px;
        background: url(../img/point.png) no-repeat left;
        position: absolute;
        top: 319px;
        left: 6%;
        background-size: 90px 100px;
    }

    .arrow-box .arrow-four .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 82px 0 0 37px;
        float: left;
    }

    .arrow-box .arrow-four .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 22% 0 0 40px;
        text-align: center;
        float: left;
        width: 58%;
    }

    .arrow-box .arrow-five {
        width: 85%;
        height: 220px;
        background: url(../img/point.png) no-repeat left;
        position: absolute;
        top: 444px;
        left: 6%;
        background-size: 90px 100px;
    }

    .arrow-box .arrow-five .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 83px 0 0 37px;
        float: left;
    }

    .arrow-box .arrow-five .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        padding: 22% 0 0 43px;
        text-align: center;
        float: left;
        width: 58%;
    }

    a.learnmoe-btn {
        width: 78%;
        height: 73px;
        position: absolute;
        bottom: 0px;
        background: url(../img/green-btn.png) no-repeat;
        text-align: center;
        left: 15%;
        padding-top: 20px;
        color: #fff;
        font-size: 23px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        background-size: 100% auto;
    }

    a.learnmoe-btn:hover {
        width: 95%;
        height: 73px;
        position: absolute;
        bottom: 0px;
        background: url(../img/green-btn.png) no-repeat;
        text-align: center;
        left: 1%;
        padding-top: 8px;
        color: #fff;
        font-size: 23px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        background-size: 100% auto;
    }

    .want-learn .btn-build-green {
        background: #00d080 !important;
        padding: 20px 0px;
        border-radius: 5px;
        outline: none;
        color: #fff;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 700;
        font-size: 20px;
        border: none !important;
        margin-top: 20px;
        margin-left: 10px;
        line-height: 20px;
        margin-bottom: 1px;
        width: 250px;
        text-align: center;
    }

    .lft-pad {
        padding-left: 15px;
    }

    .send-form {
        background: #00d080;
        color: #fff;
        font-weight: 700;
        padding: 15px 0;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        margin: 0px auto;
        font-size: 18px;
        text-decoration: none;
        margin-top: 0px;
        width: 38%;
        float: right;
        margin-right: 10px;
        border: none;
        border-radius: 5px;
        outline: none;
        margin-bottom: 5%;
    }

    .create-accou {
        background: #00d080;
        color: #fff;
        padding: 15px 0;
        border-radius: 5px;
        outline: none;
        color: #fff;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 700;
        font-size: 16px;
        border: none !important;
        margin-top: 20px;
        margin-left: 10px;
        width: 57%;
        margin-bottom: 80px;
        outline: none;
    }

    .time-contact {
        margin-bottom: 0px;
        padding-bottom: 0px;
        height: 265px;
    }

    .howwork-area ul li {
        width: 100%;
        float: left;
        background: #fff;
        padding: 15px;
        text-align: center;
        margin-left: 0%;
        min-height: 433px;
        border-radius: 5px;
        margin-bottom: 18px;
    }

    .invit-dealr {
        width: 100%;
        float: left;
        margin: 15px 0%;
        background: #fff;
        padding: 20px 15px 20px 15px;
    }

    .invit-dealr figure {
        width: 100%;
        float: left;
        margin-right: 10px;
        text-align: center;
    }

    .invit-dealr figure img {
        width: 34%;
        margin: 0 auto;
    }

    .invit-dealr .detail {
        width: 100%;
        float: left;
    }

    .invit-dealr .detail h1 {
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 500;
        font-size: 20px;
        float: left;
        color: #425062;
        width: 100%;
        margin-bottom: 10px;
        margin-top: 15px;
        text-align: center;
    }

    .create-marketplace {
        width: 100%;
        float: left;
        margin: 15px 0% 5% 0%;
        background: #fff;
        padding: 20px 15px 20px 0px;
    }

    .create-marketplace figure {
        width: 100%;
        float: left;
        margin-right: 10px;
        text-align: center;
        margin-bottom: 15px;
    }

    .create-marketplace figure img {
        width: 41%;
        margin: 0 auto;
    }

    .create-marketplace .detail {
        width: 100%;
        margin-left: 14px;
        float: left;
    }

    .create-marketplace .detail h1 {
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 500;
        font-size: 20px;
        float: left;
        color: #425062;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    .create-marketplace .detail p {
        font-family: 'Avenir Next LT Pro Regular', sans-serif;
        font-weight: 300;
        font-size: 15px;
        float: left;
        color: #425062;
        width: 100%;
    }

    .zero-pad {
        padding: 15px;
    }
}
@media (min-width: 640px) and (max-width: 667px) {
    header .logo img {
        width: 100%;
        margin: 0 auto 0 0%;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: -49px;
        margin-right: 5px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background: none;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
        background: #fff;
        margin-top: 13px;
        /* height: 248px;
    overflow: scroll;*/
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
        padding-left: 28px;
    }

    .regiter-login {
        background: #fff !important;
        color: #1578fc !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 28px;
        width: 80% !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }

    .logintp-btn {
        background: #1578fc !important;
        color: #fff !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 12px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 28px;
        width: 80% !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }

    header .header-field {
        margin-top: 5px;
        border-top: 1px solid #ddd;
        width: 100%;
        float: left;
    }

    header .header-field input[type=text] {
        background: #fff;
        float: left;
        width: 88%;
        padding: 10px 20px;
        border-radius: 5px;
        color: #425062;
        font-family: 'Roboto', sans-serif;
        font-weight: 700 !important;
        font-size: 15px !important;
        outline: none;
        box-shadow: none !important;
        border: 1px solid #CCD6E2;
        margin-top: 20px;
    }

    header .header-field button {
        background: #1578fc;
        float: left;
        padding: 10px 20px;
        border-radius: 5px;
        outline: none;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 15px;
        line-height: 22px;
        margin-top: 10px;
        margin-left: 0px;
        border: none;
        width: 88%;
    }

    .search-icon {
        display: none !important;
    }

    .industry-logo span {
        width: 122px;
        height: 110px;
        float: left;
        text-align: center;
        /* background: #F4F8FA; */
        margin: 0 10px 0 15px;
    }

    .desi-heavy p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #425062;
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
        padding: 0 89px;
        margin-top: 10px;
    }

    .love-krank ul li {
        width: 278px;
        float: left;
        background: #fff;
        padding: 15px;
        text-align: center;
        margin-left: 3%;
        min-height: 320px;
        margin-bottom: 23px;
        border-radius: 5px;
    }

    .view-al-btn {
        background: #1578fc;
        padding: 15px 40px;
        border-radius: 5px;
        outline: none;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 15px;
        border: none !important;
        margin-top: 20px;
        line-height: 20px;
        margin-bottom: 6%;
        text-decoration: none;
        width: 73%;
    }

    .marketplace-main p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #425062;
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 30px;
        padding: 0px 79px;
        margin-top: 10px;
    }

    #custom_carousel .controls li {
        /* display: table-cell; */
        /* width: 18%; */
        float: left;
        margin-left: 10%;
    }

    #custom_carousel .controls a p {
        font-size: 27px;
        margin-top: 5px;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        line-height: 15px;
        padding: 3px 5px 0 5px;
        float: left;
        margin-left: 5px;
        color: #425062;
        /* width: 174px; */
        text-align: center;
        /* display: inline-block; */
    }

    .time-main {
        width: 100%;
        float: left;
        background: url(../img/blue-bgn.png) no-repeat;
        height: 390px;
        background-size: 100% 100%;
        padding: 0;
        margin-bottom: 4%;
    }

    footer .col-md-12 .col-md-8 .col-md-4 {
        width: 33%;
        float: left;
    }

    footer h1 {
        color: #425062;
        font-size: 19px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        width: 100%;
        float: left;
        margin-bottom: 10px;
        line-height: 28px;
        width: 100%;
        text-align: left !important;
    }

    ul.footer-list {
        width: 100%;
        float: left;
        list-style: none;
        margin-top: 0px;
        margin-bottom: 20px;
        text-align: left !important;
    }

    .company-logo {
        width: 40%;
        float: left;
        padding: 31px 0px;
        text-align: center;
        background: #fff;
        margin-top: 41px;
        border: 0.5px solid #e7e7e7;
        margin-left: 30%;
    }

    .about-row a {
        padding: 10px 37px;
        border: 2px solid #00d080;
        border-radius: 5px;
        color: #00d080;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        text-decoration: none;
        float: left;
        margin: 30px 0 69px 31%;
    }

    .zero-pad {
        padding: 15px;
    }

    .arrow-box {
        background: none;
        width: 100%;
        margin: 30px auto 30px auto;
        position: relative;
        float: left;
        height: 304px;
    }

    .arrow-box .arrow-one {
        width: 107px;
        height: 120px;
        background: url(../img/point.png) no-repeat top;
        position: absolute;
        top: 10px;
        left: 3%;
    }

    .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 31px 0 0 45px;
        float: left;
    }

    .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 63% 0 0 0px;
        text-align: center;
        float: left;
        width: 100%;
    }

    .arrow-box .arrow-two {
        width: 107px;
        height: 120px;
        background: url(../img/point.png) no-repeat top;
        position: absolute;
        top: 10px;
        left: 22.5%;
    }

    .arrow-box .arrow-two .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 63% 0 0 0px;
        text-align: center;
        float: left;
        width: 100%;
    }

    .arrow-box .arrow-three {
        width: 107px;
        height: 120px;
        background: url(../img/point.png) no-repeat top;
        position: absolute;
        top: 10px;
        left: 41.8%;
    }

    .arrow-box .arrow-three .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 31px 0 0 45px;
        float: left;
        /* width: 100%; */
    }

    .arrow-box .arrow-three .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 61% 0 0 1px;
        text-align: center;
        float: left;
        width: 100%;
    }

    .arrow-box .arrow-four {
        width: 107px;
        height: 120px;
        background: url(../img/point.png) no-repeat top;
        position: absolute;
        top: 10px;
        left: 61%;
    }

    .arrow-box .arrow-four .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 31px 0 0 44px;
        float: left;
    }

    .arrow-box .arrow-four .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 60% 0 0 5px;
        text-align: center;
        float: left;
        width: 100%;
    }

    .arrow-box .arrow-five {
        width: 107px;
        height: 120px;
        background: url(../img/point.png) no-repeat top;
        position: absolute;
        top: 10px;
        left: 80%;
    }

    .arrow-box .arrow-five .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 31px 0 0 45px;
        float: left;
    }

    .arrow-box .arrow-five .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 61% 0 0 2px;
        text-align: center;
        float: left;
        width: 100%;
    }

    a.learnmoe-btn {
        width: 417px;
        height: 73px;
        position: absolute;
        bottom: 10px;
        background: url(../img/green-btn.png) no-repeat;
        text-align: center;
        left: 16%;
        padding-top: 22px !important;
        color: #fff;
        font-size: 25px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        text-decoration: none;
    }

    .howwork-area ul li {
        width: 270px;
        float: left;
        background: #fff;
        padding: 15px;
        text-align: center;
        margin-left: 4%;
        min-height: 433px;
        border-radius: 5px;
        margin-bottom: 23px;
    }

    .invit-dealr {
        width: 89%;
        float: left;
        margin: 15px 5%;
        background: #fff;
        padding: 20px 15px 20px 15px;
    }

    .create-marketplace {
        width: 89%;
        float: left;
        margin: 15px 5% 5% 5%;
        background: #fff;
        padding: 20px 15px 20px 0px;
    }

    .online-krank p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 15px;
        float: left;
        color: #425062;
        width: 100%;
        margin-top: 15px;
        padding: 0px 7px 0 0;
    }

    .lft-pad {
        padding-left: 15px;
    }

    .send-form {
        background: #00d080;
        color: #fff;
        font-weight: 700;
        padding: 15px 0;
        font-family: 'Roboto', sans-serif;
        margin: 0px auto;
        font-size: 18px;
        text-decoration: none;
        margin-top: 0px;
        width: 37%;
        float: right;
        margin-right: 10px;
        border: none;
        border-radius: 5px;
        outline: none;
        margin-bottom: 5%;
    }

    .create-accou {
        background: #00d080;
        color: #fff;
        padding: 15px 0;
        border-radius: 5px;
        outline: none;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 16px;
        border: none !important;
        margin-top: 20px;
        margin-left: 10px;
        width: 44%;
        margin-bottom: 80px;
        outline: none;
    }

    .time-contact {
        margin-bottom: 0px;
        padding-bottom: 0px;
        height: 265px;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    .krank-info-res {
        margin-left: 0px;
    }

    .min-margin {
        margin-top: -153px;
        width: 100%;
    }

    .search-icon {
        display: none !important;
    }

    .zero-pad {
        padding: 15px;
    }

    .banner-faqbg {
        background: url(../img/faq.png) no-repeat center;
        background-color: #f4f8fa;
        width: 100%;
        height: 216px;
        margin-top: 81px;
        position: relative;
        background-size: 765px auto;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ddd;
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background: none;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
        background: #fff;
        margin-top: 13px;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
        padding-left: 28px;
    }

    .regiter-login {
        background: #fff !important;
        color: #1578fc !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 28px;
        width: 80% !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }

    .logintp-btn {
        background: #1578fc !important;
        color: #fff !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 12px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 28px;
        width: 80% !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }

    header .header-field {
        margin-top: 5px;
        border-top: 1px solid #ddd;
        width: 100%;
        float: left;
    }

    header .header-field input[type=text] {
        background: #fff;
        float: left;
        width: 100%;
        padding: 10px 20px;
        border-radius: 5px;
        color: #425062;
        font-family: 'Roboto', sans-serif;
        font-weight: 700 !important;
        font-size: 15px !important;
        outline: none;
        box-shadow: none !important;
        border: 1px solid #CCD6E2;
        margin-top: 20px;
    }

    header .header-field button {
        background: #1578fc;
        float: left;
        padding: 10px 20px;
        border-radius: 5px;
        outline: none;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 15px;
        line-height: 22px;
        margin-top: 10px;
        margin-left: 0px;
        border: none;
        width: 100%;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: -48px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    header .logo img {
        width: 100%;
        margin: 0 auto 0 0%;
    }

    .baner-txt {
        width: 100%;
        float: left;
        margin-top: 35%;
        text-align: center;
    }

    .baner-txt h1 {
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 50px;
        padding: 0;
        margin: 0;
        width: 100%;
        float: left;
        text-align: center;
    }

    .baner-txt span {
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 27px;
        width: 100%;
        float: left;
        text-align: center;
        margin-top: -10px;
    }

    .industry-logo span {
        width: 122px;
        height: 110px;
        float: left;
        text-align: center;
        /* background: #F4F8FA; */
        margin: 0 10px 0 11px;
    }

    .desi-heavy h1 {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 32px;
        color: #425062;
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 11px;
        padding: 0;
        margin-top: 10PX;
    }

    .desi-heavy p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #425062;
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
        padding: 0 0px;
        margin-top: 10px;
    }

    .love-krank ul li {
        width: 100%;
        float: left;
        background: #fff;
        padding: 15px;
        text-align: center;
        margin-left: 0%;
        min-height: 320px;
        border-radius: 5px;
        margin-bottom: 23px;
    }

    .view-al-btn {
        background: #1578fc;
        padding: 15px 40px;
        border-radius: 5px;
        outline: none;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 15px;
        border: none !important;
        margin-top: 0px;
        line-height: 20px;
        margin-bottom: 13%;
        text-decoration: none;
        width: 96%;
    }

    .marketplace-main p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #425062;
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 30px;
        padding: 0 0px;
        margin-top: 10px;
    }

    .marketplace-main h1 {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 25px;
        color: #425062;
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 6px;
        padding: 0;
        margin-top: 8%;
    }

    .marketplace-main ul li p {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 20px;
        color: #425062;
        padding: 0px 0px;
        margin-left: 0px;
        float: left;
        text-align: left;
        margin-top: 0px;
        width: 100%;
        height: 22px;
        cursor: pointer;
        line-height: 53px;
        text-align: center;
    }

    .marketplace-main ul li a.lisitng-list {
        background: #1578FC;
        float: right;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        width: 100%;
        text-align: center;
        font-size: 18px;
        border-radius: 0;
        height: 52px;
        cursor: pointer;
        padding: 13px 0px;
        text-decoration: none;
    }

    #custom_carousel .controls a p {
        font-size: 24px;
        margin-top: 5px;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        line-height: 15px;
        padding: 3px 5px 0 5px;
        float: left;
        margin-left: 2px;
        color: #425062;
        /* width: 174px; */
        text-align: center;
        /* display: inline-block; */
    }

    .min-mrgnn {
        margin-left: 0px;
    }

    .time-main {
        width: 100%;
        float: left;
        background: url(../img/blue-bgn.png) no-repeat;
        height: auto;
        background-size: 100% 100%;
        padding: 0;
        margin-bottom: 4%;
    }

    .time-main h1 {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        width: 100%;
        font-size: 26px;
        float: left;
        margin-top: 7%;
        text-align: center;
        color: #fff;
        line-height: 30px;
    }

    .time-contact {
        margin-bottom: 0px;
        padding-bottom: 0px;
        height: 196px;
    }

    .time-main p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #fff;
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 30px;
        padding: 0 0px;
        margin-top: 10px;
    }

    .btn-build-white {
        background: #fff;
        padding: 20px 30px;
        border-radius: 5px;
        outline: none;
        color: #1578fc;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 15px;
        border: none !important;
        margin-top: 5px;
        margin-left: 0px;
        line-height: 20px;
        margin-bottom: 0px;
        text-decoration: none;
        width: 100%;
    }

    .resp {
        width: 100%;
        text-align: center;
    }

    footer a img {
        float: none !important;
        margin-right: 25px;
        margin-bottom: 16px;
    }

    .baner-txt a {
        background: #00D080;
        color: #fff;
        border-radius: 5px;
        padding: 20px 44px;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin: 0px auto;
        font-size: 16px;
        text-decoration: none;
        outline: none;
    }

    .baner-txt a:hover {
        background: #00bd74;
        color: #fff;
        border-radius: 5px;
        padding: 20px 44px;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin: 0px auto;
        font-size: 18px;
    }

    .about-row a {
        padding: 10px 20px;
        border: 2px solid #00d080;
        border-radius: 5px;
        color: #00d080;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        text-decoration: none;
        float: left;
        margin: 14px 0 75px 15px;
        width: 89%;
        text-align: center;
    }

    .zero-pad {
        padding: 15px;
    }

    .banner-feature {
        background: url(../img/feature-bg.png) no-repeat center;
        background-color: #f4f8fa;
        width: 100%;
        height: 216px;
        margin-top: 67px;
        position: relative;
        background-size: 837px auto;
        float: left;
    }

    .want-learn p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #425082;
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 13px;
        padding: 0 0px;
        margin-top: 24px;
    }

    .want-learn .btn-build-red {
        background: #eb5751 !important;
        padding: 0px 15px;
        border-radius: 6px;
        outline: none;
        color: #fff;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 100;
        font-size: 15px;
        border: none !important;
        margin-top: 20px;
        margin-left: 10px;
        line-height: 40px;
        margin-bottom: 80px;
        height: 40px;
    }

    .want-learn .btn-build-green {
        background: #00d080 !important;
        padding: 0px 15px !important;
        border-radius: 6px;
        outline: none;
        color: #fff;
        font-family: 'Avenir Next LT Pro Bold', sans-serif;
        font-weight: 100;
        font-size: 15px;
        border: none !important;
        margin-top: 20px;
        line-height: 38px;
        margin-bottom: 80px;
        text-align: center;
        height: 40px;
    }

    .online-krank p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 15px;
        float: left;
        color: #425062;
        width: 100%;
        margin-top: 15px;
        padding: 0 0px 0 0;
    }

    .online-krank h1 {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 20px;
        float: left;
        color: #425062;
        width: 100%;
        margin-top: 20px;
    }

    .krank-yellow h3 {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 20px;
        float: left;
        color: #425062;
        width: 100%;
        text-align: center;
        line-height: 27px;
    }

    .krank-blue h3 {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 22px;
        float: left;
        color: #fff;
        width: 100%;
        text-align: center;
        line-height: 27px;
    }

    .banner-contact {
        background: url(../img/contact-bg.png) no-repeat center;
        background-color: #f4f8fa;
        width: 100%;
        height: 297px;
        margin-top: 7px;
        position: relative;
        /* background-size: 874px auto;*/
        float: left;
    }

    .privacy-DV h1 {
        padding-bottom: 10px;
        font-size: 30px;
        line-height: 40px;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 400 !important;
        color: #425062;
        float: left;
        margin-top: 10%;
        padding: 0 10px;
    }

    .privacy-DV p {
        margin: 5px 0;
        font-size: 14px;
        line-height: 22px;
        font-family: 'Avenir Next LT Pro Regular', sans-serif !important;
        font-weight: 500 !important;
        width: 100%;
        float: left;
        color: #727272;
        padding: 0 15px;
    }

    .lft-pad {
        padding-left: 15px !important;
    }

    .send-form {
        background: #00d080;
        color: #fff;
        font-weight: 700;
        padding: 0px 15px;
        font-family: 'Roboto', sans-serif;
        margin: 0px auto;
        font-size: 13px;
        text-decoration: none;
        margin-top: 0px;
        float: right;
        margin-right: 10px;
        border: none;
        border-radius: 6px;
        height: 40px;
        width: 100%;
    }

    .create-accou {
        background: #00d080;
        color: #fff;
        padding: 0px 15px;
        border-radius: 6px;
        outline: none;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 13px;
        border: none !important;
        margin-top: 20px;
        margin-left: 0px;
        margin-bottom: 80px;
        height: 40px;
        line-height: 40px;
    }

    .time-contact {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .banner-how {
        background: url(../img/how-bg.png) no-repeat center;
        background-color: #f4f8fa;
        width: 100%;
        height: 216px;
        margin-top: 7px;
        position: relative;
        background-size: 945px auto;
        float: left;
    }

    .arrow-box {
        background: none;
        width: 98%;
        height: 702px;
        margin: 0px auto 84px auto;
        position: relative;
        float: left;
    }

    .arrow-box .arrow-one {
        width: 85%;
        height: 120px;
        background: url(../img/point.png) no-repeat left;
        position: absolute;
        top: 10px;
        left: 6%;
        background-size: 90px 100px;
    }

    .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 31px 0 0 37px;
        float: left;
    }

    .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 9% 0 0 53px;
        text-align: center;
        float: left;
        width: 58%;
    }

    .arrow-box .arrow-two {
        width: 85%;
        height: 120px;
        background: url(../img/point.png) no-repeat left;
        position: absolute;
        top: 123px;
        left: 6%;
        background-size: 90px 100px;
    }

    .arrow-box .arrow-two .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 6% 0 0 0px;
        text-align: center;
        float: left;
        width: 69%;
    }

    .arrow-box .arrow-three {
        width: 85%;
        height: 220px;
        background: url(../img/point.png) no-repeat left;
        position: absolute;
        top: 195px;
        left: 6%;
        background-size: 90px 100px;
    }

    .arrow-box .arrow-three .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 83px 0 0 37px;
        float: left;
    }

    .arrow-box .arrow-three .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 18% 0 0 63px;
        text-align: center;
        float: left;
        width: 59%;
    }

    .arrow-box .arrow-four {
        width: 85%;
        height: 220px;
        background: url(../img/point.png) no-repeat left;
        position: absolute;
        top: 319px;
        left: 6%;
        background-size: 90px 100px;
    }

    .arrow-box .arrow-four .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 82px 0 0 37px;
        float: left;
    }

    .arrow-box .arrow-four .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 17% 0 0 63px;
        text-align: center;
        float: left;
        width: 58%;
    }

    .arrow-box .arrow-five {
        width: 85%;
        height: 220px;
        background: url(../img/point.png) no-repeat left;
        position: absolute;
        top: 444px;
        left: 6%;
        background-size: 90px 100px;
    }

    .arrow-box .arrow-five .number {
        color: #425062;
        font-size: 30px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 83px 0 0 37px;
        float: left;
    }

    .arrow-box .arrow-five .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 18% 0 0 66px;
        text-align: center;
        float: left;
        width: 58%;
    }

    a.learnmoe-btn {
        width: 75%;
        height: 87px;
        position: absolute;
        bottom: -43px;
        background: url(../img/green-btn.png) no-repeat;
        text-align: center;
        left: 15%;
        padding-top: 6px;
        color: #fff;
        font-size: 23px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        background-size: 100% auto;
    }

    a.learnmoe-btn:hover {
        width: 75%;
        height: 87px;
        position: absolute;
        bottom: -43px;
        background: url(../img/green-btn.png) no-repeat;
        text-align: center;
        left: 15%;
        padding-top: 6px;
        color: #fff;
        font-size: 23px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        background-size: 100% auto;
    }

    .howwork-area ul li {
        width: 100%;
        float: left;
        background: #fff;
        padding: 15px;
        text-align: center;
        margin-left: 0%;
        min-height: 433px;
        border-radius: 5px;
        margin-bottom: 18px;
    }

    .invit-dealr {
        width: 100%;
        float: left;
        margin: 15px 0%;
        background: #fff;
        padding: 20px 15px 20px 15px;
    }

    .invit-dealr figure {
        width: 100%;
        float: left;
        margin-right: 10px;
        text-align: center;
    }

    .invit-dealr figure img {
        width: 34%;
        margin: 0 auto;
    }

    .invit-dealr .detail {
        width: 100%;
        float: left;
    }

    .invit-dealr .detail h1 {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 20px;
        float: left;
        color: #425062;
        width: 100%;
        margin-bottom: 10px;
        margin-top: 15px;
        text-align: center;
    }

    .create-marketplace {
        width: 100%;
        float: left;
        margin: 15px 0% 5% 0%;
        background: #fff;
        padding: 20px 15px 20px 0px;
    }

    .create-marketplace figure {
        width: 100%;
        float: left;
        margin-right: 10px;
        text-align: center;
        margin-bottom: 15px;
    }

    .create-marketplace figure img {
        width: 41%;
        margin: 0 auto;
    }

    .create-marketplace .detail {
        width: 100%;
        margin-left: 14px;
        float: left;
    }

    .create-marketplace .detail h1 {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 20px;
        float: left;
        color: #425062;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    .create-marketplace .detail p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 15px;
        float: left;
        color: #425062;
        width: 100%;
    }

    .panel-title>a,
    .panel-title>a:active {
        display: block;
        padding: 6px 0;
        text-decoration: none;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        color: #1578fc;
        /* opacity: 0.90; */
        line-height: 20px;
    }

    h3.faq-head {
        padding-bottom: 14px;
        font-size: 16px;
        line-height: 20px;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 500 !important;
        margin-top: 12%;
        color: #425062;
    }
}
@media(max-width:767px) {
    .pad-rghtf {
        padding: 0 15px;
        margin-left: -10px;
    }

    .pad-rghtf .send-form {
        margin: 20px 0 20px 0;
    }

    #custom_page_div_contact h1 {
        font-size: 24px;
    }

  
    


}
@media(max-width:575px) {
    .container.cont-width .privacy-DV.mrgn-tp {
        margin-top: 80px;
    }
}
@media (max-width: 480px) {
    .hbspt-form fieldset .hs-form-field {
        padding: 0 0 15px;
    }

    .hs_submit.hs-submit {
        margin-right: 0;
    }

    .hbspt-form [class*="form-columns-"] {
        margin: 0 !important;
    }
}
@media (min-width: 365px) and (max-width: 375px) {
    a.learnmoe-btn {
        width: 75%;
        height: 87px;
        position: absolute;
        bottom: -43px;
        background: url(../img/green-btn.png) no-repeat;
        text-align: center;
        left: 15%;
        padding-top: 6px;
        color: #fff;
        font-size: 23px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        background-size: 100% auto;
    }
}
@media (max-width:425px) {
    .time-contact {
        height: 220px;
    }
}
@media (min-width: 360px) and (max-width: 520px) {
    .banner-faqbg {
        background: url(../img/faq.png) no-repeat center;
        background-color: #f4f8fa;
        width: 100%;
        height: 216px;
        margin-top: 7px;
        position: relative;
        background-size: 765px auto;
        float: left;
    }

    .zero-pad {
        padding: 15px;
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background: none;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: -47px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .industry-logo span {
        width: 101px;
        height: 110px;
        float: left;
        text-align: center;
        /* background: #F4F8FA; */
        margin: 0 10px 0 52px;
    }

    .love-krank ul li {
        width: 91%;
        float: left;
        background: #fff;
        padding: 15px;
        text-align: center;
        margin-left: 5%;
        min-height: 320px;
        border-radius: 5px;
        margin-bottom: 23px;
    }

    #custom_carousel .controls li {
        /* display: table-cell; */
        /* width: 18%; */
        float: left;
        margin-left: 6%;
    }

    .min-mrgnn {
        margin-left: -9px;
    }

    .baner-txt a {
        background: #00D080;
        color: #fff;
        border-radius: 5px;
        padding: 20px 44px;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin: 0px auto;
        font-size: 16px;
        text-decoration: none;
        outline: none;
    }

    .baner-txt a:hover {
        background: #00bd74;
        color: #fff;
        border-radius: 5px;
        padding: 20px 44px;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin: 0px auto;
        font-size: 16px;
    }

    .arrow-box .arrow-three .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 26% 0 0 55px;
        text-align: center;
        float: left;
        width: 59%;
    }

    .arrow-box .arrow-four .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 30% 0 0 63px;
        text-align: center;
        float: left;
        width: 58%;
    }

    .arrow-box .arrow-five .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 26% 0 0 66px;
        text-align: center;
        float: left;
        width: 58%;
    }

    .logintp-btn {
        background: #1578fc !important;
        color: #fff !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 12px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 28px;
        width: 83% !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }

    .regiter-login {
        background: #fff !important;
        color: #1578fc !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 28px;
        width: 83% !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }

    a.learnmoe-btn,
    a.learnmoe-btn:hover {
        width: 100%;
        height: 73px;
        position: absolute;
        bottom: 0px;
        background: url(../img/green-btn.png) no-repeat;
        background-size: auto;
        text-align: center;
        left: 1%;
        padding-top: 13px;
        color: #fff;
        font-size: 26px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        background-size: 100% auto;
    }

    .send-form {
        background: #00d080;
        color: #fff;
        font-weight: 700;
        padding: 0px 15px;
        font-family: 'Roboto', sans-serif;
        margin: 0px auto;
        font-size: 14px;
        text-decoration: none;
        margin-top: 0px;
        width: 97% !important;
        float: right;
        margin-right: 10px;
        border: none;
        border-radius: 45px;
        line-height: 38px;
        height: 45px;
    }

    .panel-title>a,
    .panel-title>a:active {
        display: block;
        padding: 6px 0;
        text-decoration: none;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        color: #1578fc;
        /* opacity: 0.90; */
        line-height: 20px;
    }

    h3.faq-head {
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 40px;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 500 !important;
        margin-top: 8%;
        padding: 0;
        color: #425062;
    }
}
@media (min-width: 360px) and (max-width: 375px) {
    .industry-logo span {
        width: 101px;
        height: 110px;
        float: left;
        text-align: center;
        /* background: #F4F8FA; */
        margin: 0 10px 0 34px;
    }
}
@media (min-width: 420px) and (max-width: 520px) {
    .industry-logo span {
        width: 20%;
        height: 110px;
        float: left;
        text-align: center;
        /* background: #F4F8FA; */
        margin: 0 10px 0 40px;
    }
}
@media (min-width: 411px) and (max-width: 420px) {
    .about-row a {
        padding: 10px 20px;
        border: 2px solid #00d080;
        border-radius: 5px;
        color: #00d080;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        text-decoration: none;
        float: left;
        margin: 14px 0 75px 15px;
        width: 92%;
        text-align: center;
    }
}
@media (min-width:320px) and (max-width: 375px) {
    .about-row a {
        padding: 10px 20px;
        border: 2px solid #00d080;
        border-radius: 5px;
        color: #00d080;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        text-decoration: none;
        float: left;
        margin: 14px 0 75px 15px;
        width: 90%;
        text-align: center;
    }
}
@media (min-width: 521px) and (max-width: 700px) {
    .banner-faqbg {
        background: url(../img/faq.png) no-repeat center;
        background-color: #f4f8fa;
        width: 100%;
        height: 216px;
        margin-top: 81px;
        position: relative;
        background-size: 765px auto;
    }

    .about-row a {
        padding: 10px 20px;
        border: 2px solid #00d080;
        border-radius: 5px;
        color: #00d080;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        text-decoration: none;
        float: left;
        margin: 14px 0 75px 15px;
        width: 92%;
        text-align: center;
    }

    .panel-title>a,
    .panel-title>a:active {
        display: block;
        padding: 6px 0;
        text-decoration: none;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        color: #1578fc;
        /* opacity: 0.90; */
        line-height: 20px;
    }

    h3.faq-head {
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 40px;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 500 !important;
        margin-top: 8%;
        padding: 0;
        color: #425062;
    }

    .logintp-btn {
        background: #1578fc !important;
        color: #fff !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 12px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 28px;
        width: 89% !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }

    .regiter-login {
        background: #fff !important;
        color: #1578fc !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 28px;
        width: 89% !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }
}
@media (min-width: 700px) and (max-width: 767px) {
    .banner-faqbg {
        background: url(../img/faq.png) no-repeat center;
        background-color: #f4f8fa;
        width: 100%;
        height: 216px;
        margin-top: 81px;
        position: relative;
        background-size: 765px auto;
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background: none;
    }

    .industry-logo span {
        width: 122px;
        height: 110px;
        float: left;
        text-align: center;
        /* background: #F4F8FA; */
        margin: 0 10px 0 22px;
    }

    #custom_carousel .controls li {
        /* display: table-cell; */
        /* width: 18%; */
        float: left;
        margin-left: 6%;
    }

    .baner-txt a {
        background: #00D080;
        color: #fff;
        border-radius: 5px;
        padding: 20px 44px;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin: 0px auto;
        font-size: 16px;
        text-decoration: none;
        outline: none;
    }

    .baner-txt a:hover {
        background: #00bd74;
        color: #fff;
        border-radius: 5px;
        padding: 20px 44px;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin: 0px auto;
        font-size: 18px;
    }

    number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 11% 0 0 0px;
        text-align: center;
        float: left;
        width: 77%;
    }

    .arrow-box .arrow-three .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 31% 0 0 48px;
        text-align: center;
        float: left;
        width: 59%;
    }

    .arrow-box .arrow-four .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 29% 0 0 52px;
        text-align: center;
        float: left;
        width: 58%;
    }

    .arrow-box .arrow-five .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 31% 0 0 66px;
        text-align: center;
        float: left;
        width: 58%;
    }

    .regiter-login {
        background: #fff !important;
        color: #1578fc !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 3px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 28px;
        width: 92% !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }

    .logintp-btn {
        background: #1578fc !important;
        color: #fff !important;
        padding: 10px 0px 10px 0 !important;
        margin-top: 12px !important;
        margin-right: 10px !important;
        border: 1px solid #1578fc !important;
        margin-left: 28px;
        width: 92% !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }

    .about-row a {
        padding: 10px 20px;
        border: 2px solid #00d080;
        border-radius: 5px;
        color: #00d080;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        text-decoration: none;
        float: left;
        margin: 14px 0 75px 15px;
        width: 91%;
        text-align: center;
    }

    .panel-title>a,
    .panel-title>a:active {
        display: block;
        padding: 6px 0;
        text-decoration: none;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        color: #1578fc;
        /* opacity: 0.90; */
        line-height: 20px;
    }

    h3.faq-head {
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 40px;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 500 !important;
        margin-top: 8%;
        padding: 0;
        color: #425062;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    .privacy-DV {
        width: 100%;
        margin: 20px auto;
    }

    .contact-dv {
        width: 100%;
        float: left;
        border-bottom: 1px solid #eff2f4;
        padding: 20px;
        margin-top: 4%;
        margin-left: 0px;
    }

    .technical-dv {
        width: 100%;
        float: left;
        padding: 20px;
        margin-top: 4%;
        margin-left: 0px;
        margin-bottom: 4%;
    }

    .subscribe-panel {
        width: 100%;
        /* float: left; */
        margin: 10px 0;
        border: 1px solid #ccc;
        padding: 20px;
        margin: 80px 0;
        margin: 50px auto;
        background: #fff;
    }

    .subscribe-panel a {
        margin-top: 0px;
        font-size: 14px;
        line-height: 20px;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 600 !important;
        color: #1578FC;
        width: 100%;
        float: left;
        margin-top: 20px;
    }

    .subcribe-area {
        width: 100%;
        float: left;
        background: #f4f8fa;
        margin-top: 24%;
    }
}
@media (max-width: 320px) {
    .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 21% 0 0 67px;
        text-align: center;
        float: left;
        width: 65%;
    }

    .arrow-box .arrow-two .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 15% 0 0 41px;
        text-align: center;
        float: left;
        width: 75%;
    }

    .arrow-box .arrow-three .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 35% 0 0 63px;
        text-align: center;
        float: left;
        width: 69%;
    }

    .arrow-box .arrow-four .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 33% 0 0 63px;
        text-align: center;
        float: left;
        width: 68%;
    }

    .arrow-box .arrow-five .number-txt {
        color: #425062;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        padding: 35% 0 0 66px;
        text-align: center;
        float: left;
        width: 68%;
    }
}
.error {
    color: #e10000 !important;
    border-color: #e10000 !important;
}
.error,
.error:active,
.error:focus {
    color: #c20000;
    border-radius: 6px !important;
    border: 1px solid rgba(244, 106, 106, .6) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 6px rgba(244, 106, 106, .6) !important;
}
label.error,
label.error:focus,
label.error:active,
label.error:hover {
    border: none !important;
    box-shadow: none !important;
    color: #e10000;
    margin-top: 3px;
    margin-bottom: 0px !important;
    margin-left: 5px;
    float: left;
    font-family: 'Avenir Next LT Pro Regular' !important;
}
.alert-danger,
.alert-error {
    background-color: #fdd9d7 !important;
    color: #922820;
    border-color: #f6695e;
}
.p-l-0 {
    padding-left: 0px !important;
}
.p-r-0 {
    padding-right: 0px !important;
}
.error.alert {
    box-shadow: none !important;
}
.error:-moz-placeholder {
    color: #e10000 !important
}
.error::-moz-placeholder {
    color: #e10000 !important
}
.error::-webkit-input-placeholder {
    color: #e10000 !important
}
.error:-ms-input-placeholder {
    color: #e10000 !important
}
.error:-ms-select2-placeholder {
    color: #e10000 !important
}
.error::-webkit-select2-placeholder {
    color: #e10000 !important
}
.error .select2-chosen {
    color: #e10000 !important;
    background-color: 000 !important;
}
.log-form .form-group .form-control.error:focus {
    background: none !important;
}
.kerror {
    color: #e10000 !important;
    border-color: #e10000 !important;
}
.kerror,
.kerror:active,
.kerror:focus {
    color: #c20000;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 6px rgba(244, 106, 106, .6) !important;
}
label.kerror,
label.kerror:focus,
label.kerror:active,
label.kerror:hover {
    border: none !important;
    box-shadow: none !important;
    color: #e10000;
    margin-top: 3px;
    margin-bottom: 5px;
    font-weight: 400;
    margin-left: 5px;
}
.kerror.alert {
    box-shadow: none !important;
}
.kerror:-moz-placeholder {
    color: #e10000 !important
}
.kerror::-moz-placeholder {
    color: #e10000 !important
}
.kerror::-webkit-input-placeholder {
    color: #e10000 !important
}
.kerror:-ms-input-placeholder {
    color: #e10000 !important
}
.no-marfket-cate li a,
.no-marfket-cate li p {
    cursor: default !important;
}

/* custom select css  */
.custom-select {
    position: relative;
    font-family: 'Poppins', sans-serif !important;
    width: 100%;
}
.custom-select select {
    display: none;
    /*hide original SELECT element:*/
}
.select-selected {
    background-color: #fff;
    color: #455671;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.428571;
    height: 29px;
    outline: none;
    display: flex;
    align-items: center;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-family: 'Poppins', sans-serif !important;
    height: 52px;
}

/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 20px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #455671 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #455671 transparent;
    top: 14px;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
    /* color: #ffffff; */

    padding: 8px 16px;
    /* border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; */

    cursor: pointer;
    user-select: none;
}

/*style items (options):*/
.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: 0 6px 20px rgb(0 0 0 / 8%);
    border-radius: 10px;
    height: 300px;
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-color: var(--main-brand-color) #fff;
    scrollbar-width: thin;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none !important;
}
.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

/* width */
.select-items::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.select-items::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
}

/* Handle */
.select-items::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

/* Handle on hover */
.select-items::-webkit-scrollbar-thumb:hover {
    background: #555;
}