/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

p strong { color: #212529; }


.menu-wrap .logo-menu { max-height: none; width: 125px; }
.menu-wrap { padding-top: 25px; }

h5 { line-height: 1.4; }
h4 { font-size: 1.25rem; }

.bg-blue { background-color: #1F262E !important; }

.section-subheading--white { color: #F5F5F5; }

/* Home */
.top-header.top-header--signup, .top-header.top-header--login { padding-top: 60px; padding-bottom: 30px;}
.phone-container { display: flex; align-items: center; margin-bottom: 45px; }
.phone-m-info { margin-left: 10px; }
.phone-m-info p { font-size: 13px; text-align: left; line-height: 1.4 }
.top-banner .heading { text-align: left; letter-spacing: 0; }
.fromer { font-family: "Open Sans", Helvetica, Arial, sans-serif; }
section.pricing .pricing__plan--international { margin-top: 30px; }
section.pricing .pricing__plan--international .wrapper { flex-direction: row; }
section.pricing .pricing__plan--international .list-info { border-bottom-left-radius: 0; border-top-right-radius: 15px; }
section.pricing .pricing__plan--international .top-content { width: 40%; }
.top-header .wrapper .subheding { line-height: 1.7; }

.bg-rgba5 {
    background: rgba(0,0,0,.5)!important;
}
.services .service-wrap .service-section {
    border-radius: 15px;
    background-color: #fff;
    position: relative;
    padding: 50px;
    margin-top: 50px;
    box-shadow: 0 5px 15px 0 rgba(110,110,110,.1);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

@media (max-width: 991px) {
    .top-banner .subheading { font-size: 16px; }
}
@media (max-width: 768px) {
    .pricing__plan { margin-top: 30px; }
    section.pricing .pricing__plan--international { margin-top: 30px; }
    section.pricing .pricing__plan--international .wrapper { flex-direction: column; }
    section.pricing .pricing__plan--international .list-info { border-bottom-left-radius: 15px; border-top-right-radius: 0; }
    section.pricing .pricing__plan--international .top-content { width: auto; }
    .section-subheading { font-size: 14px; line-height: 26px; }
    h5 { font-size: 0.9rem; }
    .casestudy .author { font-size: 24px; }
}
@media (max-width: 576px) {
    .phone-container { display: none; }
    .top-banner .btn { padding: 17px 22px; }
    
}
@media (min-width: 768px) {
    .home .menu-wrap { padding-top: 25px; }
    h4 { font-size: 1.5rem; }
}


.megamenu .start-offer.company-menu .inner { border-bottom-left-radius: 12px; border-top-left-radius: 12px; border-bottom-right-radius: 0; border-top-right-radius: 0; }
.megamenu .start-offer.company-menu .inner-content { color: #FFF; }
.menu-item--company .megamenu { left: 20%; right: 20%; }


.pricing.special .list-info li { display: flex; align-items: center; font-size: 14px; padding: 8px 0; }
.pricing.special .list-info li.combined { font-size: 16px; font-weight: 600;}
.pricing .wrapper i { font-size: 30px; width: 35px; }
.pricing.special .wrapper { height: 100%; display: flex; flex-direction: column; }
.pricing .list-info { flex: 1; padding-bottom: 10px; padding: 20px 45px 40px 45px; }


.home .exchanges { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin: 30px 0; }
.home .exchange { width: 50%; text-align: center; margin-bottom: 30px; }
.home .exchange img { height: 35px; }
.home .news-sources { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin: 30px 0; }
.home .news-source { width: 33.3333333%; margin-bottom: 15px; text-align: center; }
.home .news-source img { height: auto; max-width: 100%; padding: 0 30px 0 0; max-height: 30px; }

.home .main-bg { background-image: url(../img/home-banner.jpg); }
.home .main-bg:before { background-color: transparent; }
.home .pricing-btn { margin-top: 15px; }

@media (min-width: 768px) { 
    .home .pricing-btn { margin-top: 0; }
    .sec-up-slider { padding: 50px 0; }
}
@media (min-width: 1024px) { 
    .sec-up-slider { padding: 75px 0; }
}

.pricing #features svg > path:first-of-type { fill: #18181B; }
.pricing #features img { border: 0 none; border-radius: 15px; }


.info-content p img { margin-top: 30px; }

.best-plans .table td { font-size: 0.9rem; }


.login-window { display: none; opacity: 0; transition: opacity 0.3s ease-in-out; }
.login h1 { font-size: 1.5rem; font-weight: 600; }
@media screen and (min-width: 768px) {
    .login h1 { font-size: 2rem; }
};

.maping .datacenters { border: solid 2px #fff; width: 22px; height: 22px; border-radius: 24px; cursor: pointer; position: absolute; }
.maping .datacenters.sanfrancisco { top: 43%; left: 12.2%; }
.maping .datacenters.newyork { top: 44%; left: 27%; }
.maping .datacenters.amsterdam { top: 36%; left: 48.5%; }
.maping .datacenters.london { top: 38%; left: 46%; }
.maping .datacenters.frankfurt { top: 40%; left: 50%; }
.maping .datacenters.toronto { top: 42%; left: 25%; }
.maping .datacenters.singapore { top: 63%; left: 77%; }
.maping .datacenters.bangalore { top: 57.5%; left: 69.5%; }


.brand .sec-normal .row { padding-bottom: 0; }
.brand .brand--black { background-color: #FFF; }
.brand .brand--pink { background-color: #F6F6F6; }
.brand .brand--white { background-color: #EE5586; }
.brand .brand--dark { background-color: #1f262e; color: #FFF; display: flex; align-items: center; }
.brand .brand--dark p { font-size: 22px; padding: 30px; line-height: 1.6; font-weight: 500; }
.brand .brand-element { padding: 110px 60px; box-sizing: content-box; }
.brand .brand-element img { max-width: 100%; width: 100%; }
.brand .brand-element + a.download { position: absolute; bottom: 15px; left: 15px; width: 20px; }
.brand .brand-element + a.download img { filter: grayscale(1) brightness(0); }
.brand .full-row img { max-width: 350px; }

.weekly-gains img { max-width: 100%; }
.weekly-gain { background-color: #19191c; margin-top: 25px; }
.weekly-gains .col-md-6:nth-child(5), .weekly-gains .col-md-6:nth-child(6) { display: none; }

.demo-window img, .demo-slides img { max-width: 100%; }
.demo-slides { margin-top: 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.demo-slide { width: 44%; margin: 0 7.5px; border: 1px solid #E1705E; }
.demo-slide:nth-child(3), .demo-slide:nth-child(4) { margin-top: 25px; }
.demo-slide img:hover { cursor: pointer; }
.demo-info { text-align: center; color: #F5F5F5; margin-top: 15px; padding: 15px; }
.demo-info p { margin: 0; font-size: 0.9rem; }

.mini-cta { margin: 75px auto 0; text-align: center; }


@media screen and (min-width: 768px) {
    .demo-slide { width: 47%; }
    .demo-info p { margin: 0; font-size: 1rem; }
    .mini-cta .btn { padding: 27px 46px; font-size: 1.1rem; }
    .weekly-gains .col-md-6:nth-child(5), .weekly-gains .col-md-6:nth-child(6) { display: block; }
}

@media screen and (min-width: 1200px) {
    .demo-info p { font-size: 1.1rem; }
    .demo-slide { width: 23%; } 
    .demo-slide:first-of-type { margin-left: 0; }
    .demo-slide:last-of-type { margin-right: 0; }
    .demo-slide:nth-child(3), .demo-slide:nth-child(4) { margin-top: 0; }
}

.featherlight .featherlight-content { background-color: #131722; }
.featherlight .featherlight-close-icon { background: rgba(255,255,255,.9); }


.section-cta { text-align: center; }


.status.status--good { background-color: #98D34C; display: inline-block; border-radius: 50%; width: 10px; height: 10px; transform: translateY(1px); margin-right: 2px; }


.alerts-demo.phone, .alerts-demo.phone * { box-sizing: border-box; }
.alerts-demo.phone {
    width: 200px;
    min-width: 200px;
    height: 375px;
    border:solid #383838 1px;
    border-radius: 30px;
    align-items: center;
    box-shadow: 0px 28px 56px rgba(22, 68,130, 0.14);
    background-color: #e5e6e8;
    display: flex;
    justify-content: center;
    position: relative;
}
.alerts-demo.phone:before{
    width: 190px;
    height: 365px;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 23px;
    content: '';
    background-color: #fff;
    z-index: 1;
}
.alerts-demo .screen{
    width: 190px;
    height: 275px;
    border:1px solid #cdd2d8;
    background-color: white;
    z-index: 99;
    position: relative;
    display: block;
    padding:5px;
    overflow: hidden;
    top: 15px; 
    border-left: 0;
    border-right: 0;
}
.alerts-demo .message_RC { margin-top: 2px; margin-bottom: 2px; }
.alerts-demo .msg {
    clear: both;
    max-width: 90%;
    width: 90%;
    border-radius: 14px;
    padding: 9px;
    clear: both;
    font-size: 1px;
    position: relative;
    opacity: 0;
    line-height: 1.4;
    transition: opacity 0.3s ease-in-out;
    font-size: 12px !important; 
}
.alerts-demo .message_RC {
    background-color: rgba(224,230,237,0.5);
    float: left;
    text-align: left;
}
.alerts-demo .message_ST { background-color: #0084ff; float: right; text-align: right; color: white; }
.phone.alerts-demo img { display: block; width: 50px; margin: 0 auto 5px auto; }
.phone.alerts-demo span { display: block; font-size: 11px; color: #808080; }
.phone.alerts-demo .phone-contact { position: absolute; text-align: center; top: 10px; z-index: 9999; }

@media (max-width: 576px) {
    .alerts-demo.phone { width: 125px; min-width: 125px; height: 234px; border-radius: 30px; }
    .alerts-demo.phone:before { width: 115px; height: 224px; top: 4px; left: 4px; border-radius: 23px; }
    .alerts-demo .screen { width: 115px; height: 244px; padding:5px; top: 15px; }
}

#plans { display: none; }
.best-plans .table td { font-size: 0.8rem; max-width: 190px; }
.best-plans .table td:first-child { min-width: 180px; }

@media screen and (min-width: 1200px) {
    #plans { display: block; }
    .best-plans .table td:first-child { min-width: 200px; }
}

.hosting_title { margin-bottom: 0; }
.erp_title h2 { margin-bottom: 0; }
.erp_features_img_two { padding-top: 15px; }
.erp_item_features:first-of-type { margin-top: 40px; }
.erp_features_area_two .text-right { text-align: left !important; }
.title-sample { font-size: 20px; text-align: left; color: #000; }
.feature--controls img { max-width: 345px !important; }


.banner--company-about { background-image: url(../img/company-about.jpg); }
.banner--features-pricing { background-image: none; }
.banner--features-pricing:before { background-color: #1F262E !important; }


.company-mission .info-content h4 { line-height: 36px !important; }
.company-banner-details { display: none; }
.article-break { background-color: #EFEFEF; padding: 15px; margin: 15px 0; border: 1px solid #DfDfDf; }
.article-break .graphic svg { width: 150px; margin: 0 0 15px 0 }


.about .included { margin-bottom: 45px;}
.about:not(.inner) .sec-main { padding: 30px 15px; }

.features-table .fa-check { color: #ee5586 !important }
.features-table .fa-times { color: #c6c6c6 !important; }
.features-table .btn { padding: 12px 13px; }

.history-section .row { padding-bottom: 30px; }
.history-section.feat01 hr { margin-bottom: 30px; }

.sec-grad-yellow-to-black-right { background: #15212a !important; }

.best-plans .table td { padding: 10px 10px; }
.best-plans .table td:first-child { padding-left: 0; }
.pricing .sec-main { padding: 40px; }

.top-header { padding-bottom: 15px; } 

.menu-wrap.mobile ul ul { padding-left: 0; }

.sec-normal { padding-top: 30px; }
.sec-normal--pb { padding-bottom: 150px; }

.help .help-container { margin-top: 15px; }

.contact-form .sec-main { padding: 15px 15px; }
.contact-email button i { color: #000; margin-left: 5px; transform: translateY(2px) rotate(90deg); display: inline-block; }

.login .sec-main, .signup .sec-main { padding: 15px 15px; }

.invalid-feedback { font-weight: 600; }

.pricing .wrapper .top-content {
    padding: 40px 45px 40px 45px;
}

.w-ticker { display: none; background-color: rgba(19, 23, 34, .15); position: relative; margin-bottom: 25px; }
.home .w-ticker { display: block; }
.w-ticker__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 999999; background-color: transparent; }

@media screen and (min-width: 768px) {
    .phone-container { display: block; margin-bottom: 0; }
    .phone-m-info { display: none; }
    .title-sample { display: none; }
    .feature--controls img { max-width: 360px !important; }
    .company-banner-details { display: block; }
    .about:not(.inner) .sec-main { padding: 80px 15px; }

    .home .exchange { width: 20%; margin-bottom: 0; }
    .home .exchange img { height: 35px; }

    .home .news-row { margin-top: 30px; }
    .home .news-source { width: 20%; margin-bottom: 15px; }
    .home .news-source img { height: auto; max-width: 100%; padding: 0 30px 0 0; max-height: 30px; }

    .history-section .row { padding-bottom: 80px; }
    .history-section.feat01 hr { margin-bottom: 80px; }

    .top-header { padding-bottom: 70px; } 

    .menu-wrap.mobile ul ul { padding-left: 40px; }

    .sec-normal { padding-top: 80px; }

    .help .help-container { margin-top: 30px; }

    .top-header .wrapper .heading { font-size: 36px; }

    .contact-form .sec-main { padding: 30px 60px; }

    .login .sec-main, .signup .sec-main { padding: 80px 30px; }
}


@media (max-width: 991px) and (min-width: 767px) {
    .nav-menu .main-menu a { margin-right: 23px; }
}


@media screen and (min-width: 1024px) {
    .alerts-demo.phone { width: 240px; height: 450px; margin-bottom: 0; }
    .alerts-demo.phone:before { width: 230px; height: 440px; }
    .alerts-demo .screen { width: 224px; height: 350px; }
    .alerts-demo .msg { font-size: 13px !important; max-width: 80%; width: auto;  }
    .alerts-demo .message_RC { margin-top: 5px; margin-bottom: 5px; }
    .hosting_title { margin-bottom: 70px; }
    .erp_features_img_two { padding-top: 50px; }
    .erp_title h2 { margin-bottom: 15px; }
    .erp_item_features:first-of-type { margin-top: 0; }
    .erp_features_area_two .text-right { text-align: right !important; }

    .article-break { display: flex; align-items: center; justify-content: space-between; margin: 30px 0; }
    .article-break .graphic svg { width: 200px; margin: 0 45px 0 0; }
    .article-break p { font-size: 18px; line-height: 34px; }
    
    .home .exchange { width: 20%; }
    .home .exchange img { height: 50px; }

    .home .news-row { margin-top: 0; }
    .home .news-source { width: 15%; margin-bottom: 20px; }
    .home .news-source img { height: auto; max-width: 100%; padding: 0 45px 0 0; max-height: 50px; }

    .features-table .btn { padding: 17px 26px; }

    .sec-grad-yellow-to-black-right { background: linear-gradient(90deg,#15212a 70%,#fdd700 10%)!important; }

    .best-plans .table td { padding: 20px 20px; }
    .best-plans .table td:first-child { padding-left: 0; }

    .pricing .sec-main { padding: 80px; }

    .help .help-container { margin-top: 50px; }

    .top-header .wrapper .heading { font-size: 42px; }
}


@media screen and (min-width: 1200px) {
    .home .exchanges { margin: 30px 0 90px; }
    .home .exchange-list { padding: 120px 0 !important; }

    .home .news-sources { margin: 30px 0 90px; }
    
    
    .section-cta { padding: 90px 0; }
}