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

    ** Custom Stylesheet **

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

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

@media (min-width: 1300px) {
    .container { max-width: 1240px; }
}

@media (min-width: 1400px) {
    .container { max-width: 1340px; }
}

@media (min-width: 1500px) {
    .container { max-width: 1440px; }
}

p strong { color: #212529; }

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.1; }
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: "Work Sans", Helvetica, Arial, sans-serif; }

.top-header .wrapper .subheding { line-height: 1.4; }

.menu-wrap.fixed { z-index: 9910; }

.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;
}

.motpath-w { background: #1d262f; }
.sec-grad-grey-to-grey { background: #6083a6 !important; }

.signup-btn { margin: 20px 0 10px 0 !important; display: block; border-radius: 5px; }
.signup-row { margin-top: 30px; }
.plans-btn { margin: 15px 0 20px 0 !important; display: block; border-radius: 5px; }
.for-lg { display: none; }

.testimonials-wrapper { padding: 0 !important; }
.testimonials { padding: 30px 0; color: #FFF; position: relative; }
.testimonials .quote { display: block; font-weight: 700; font-size: 20px; }
.testimonials .auth { display: block; margin-top: 15px; font-weight: 900; font-size: 16px;     color: #fdd700; }
.testimonials .fa-angle-left { position: absolute; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); color: #FFF; font-size: 45px !important; left: 12px; z-index: 9900; }
.testimonials .fa-angle-right { position: absolute; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); color: #FFF; font-size: 45px !important; right: 12px; z-index: 9900; }
.testimonials .fa-angle-left:hover, .testimonials .fa-angle-right:hover { cursor: pointer; }
.testimonials blockquote { padding: 0 45px 0 50px; text-align: left; font-size: 15px; }
.testimonials blockquote i { padding-right: 8px; font-size: 24px !important;}

.testimonial-row blockquote { color: #000; text-align: center; width: 90%; margin: 0 auto 75px; }
.testimonial-row blockquote i { padding-right: 10px; }
.testimonial-row blockquote .quote { font-size: 20px; }
.testimonial-row blockquote .auth { display: block; font-size: 18px; margin-top: 15px; font-style: italic; }

.btn { text-transform: uppercase; font-weight: 700; font-size: 18px;  transition: all 0.1s; }

.btn-default-pink-fill:hover { background: #ee5586 !important; }
.btn-default-yellow-fill:hover { background: #fdd700!important; color: #000 !important;  }

@media (max-width: 991px) {
    .top-header .wrapper .subheding { font-size: 18px; line-height: 1.4; margin-top: 15px; }
}
@media (max-width: 768px) {

    .section-subheading { font-size: 14px; line-height: 26px; }
    h5 { font-size: 0.9rem; }
    .casestudy .author { font-size: 24px; }
}
@media (max-width: 767px) {
    .top-header { padding-top: 90px; }
}
@media (max-width: 576px) {
    .phone-container { display: none; }
    .top-banner .btn { padding: 17px 22px; }
    
}
@media (max-width: 420px) {
    .phone-container { display: none; }
    .top-banner .btn { padding: 17px 22px; }
    .top-header .wrapper .subheding { font-size: 18px; line-height: 1.4; margin-top: 15px; }
    
}
@media (min-width: 768px) {
    /* .home .menu-wrap { padding-top: 25px; } */
    h4 { font-size: 1.5rem; }
    .menu-wrap .logo-menu { width: 100px; }
    .testimonial-row blockquote { width: 75%; }
}
@media (min-width: 1024px) {
    .signup-row { margin-top: 60px; }
    .for-lg { display: block; }
    .for-sm { display: none; }
    .top-header .wrapper .subheding { margin-top: 15px; }
}
@media (min-width: 1200px) {
    .signup-btn { display: inline-block; margin: 25px 0 0 0 !important; border-radius: 50px; }
    .plans-btn { display: inline-block; margin: 25px 0 0 30px !important; border-radius: 50px; }
}


.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: 15px; padding: 2px 0; }
.pricing.special .list-info li.combined { font-size: 16px; font-weight: 600;}
.pricing .wrapper i { font-size: 22px; width: 30px; }
.pricing .wrapper span:not(.period) { display: block; line-height: 1.4; }
.pricing .wrapper .top-content .svg { display: none; }
.pricing.special .wrapper { height: 100%; display: flex; flex-direction: column; }
.pricing .list-info { flex: 1; padding-bottom: 10px; padding: 20px 45px 40px 45px; }
.pricing blockquote { margin-top: 30px; margin-bottom: 15px; }
.pricing .wrapper .title { font-weight: 700; text-transform: uppercase; }

.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; }

.bg-premier { background-color: #1d262f !important; }
.bg-international { background-color: #5f83a6 !important; }

@media (min-width: 768px) { 
    .pricing .wrapper i { font-size: 30px; width: 35px; }
    .pricing .wrapper .top-content .svg { display: block; }
    .pricing .wrapper span:not(.period) { display: block; line-height: 1.4; }
    .pricing.special .list-info li { padding: 8px 0; }
    .home .pricing-btn { margin-top: 0; }
    .sec-up-slider { padding: 50px 0; }
    .pricing blockquote { margin-top: 0; margin-bottom: 15px; }
}
@media (min-width: 1024px) { 
    .pricing-row-2 { margin-top: 30px; }
    .sec-up-slider { padding: 75px 0; }
    .pricing blockquote { margin-bottom: 75px;}
}

.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 #EE5586; }
.demo-slide:nth-child(3), .demo-slide:nth-child(4), .demo-slide:nth-child(5) { 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: 18%; } 
    .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), .demo-slide:nth-child(5) { 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; }

.faq .sidebar { display: none; }

.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; }

.signup-box { background: #6083a6; }
.signup h1 { text-align: center; color: #FFF; }
.signup h1 + p { font-size: 14px; text-align: center; color: #FFF; }
.signup blockquote { margin-top: 30px; width: 90%; margin-bottom: 10px; }
.signup blockquote .quote { font-size: 16px; }
.signup blockquote .auth { font-size: 14px; }
.signup .btn { width: 100%; }

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

.pricing .wrapper .top-content { padding: 20px 25px; }


.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; }

.cd-filter-block input, .cd-filter-block select, .btn { border-radius: 8px; }

.embedded-chart p { color: #FFF; font-size: 14px; }
.embedded-chart a { color: #ee5586 !important; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400; }

.top-header .wrapper .heading { text-transform: uppercase; font-weight: 700; font-size: 30px; }
.top-header .wrapper .subheding { font-weight: 500; }

#nav-toggle { padding-top: 7px; }
#nav-toggle span:after, #nav-toggle span:before, .menu-wrap #nav-toggle span { height: 4px; width: 30px; }
.menu-wrap.fixed #nav-toggle { padding-top: 17px; }

.nav-menu .main-menu a { font-size: 16px; font-weight: 600; }
.nav-menu .main-menu a:hover { color: #ee5586; }
.menu-wrap.fixed { background: #FFF; box-shadow: 0 2px 5px 0 rgb(62 62 79 / 83%); }

.pricing__plan { margin-bottom: 30px; }

.section-heading {
    font-family: "Work Sans";
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    color: #181b22;
    line-height: 1.1;
    font-weight: 700;
}

input::-webkit-input-placeholder {
    color: #000;
    font-weight: 700;
    font-family: "Work Sans", "Open Sans", "Trebuchet", sans-serif;
    font-size: 16px;
}
::-webkit-input-placeholder {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    font-family: "Work Sans", "Open Sans", "Trebuchet", sans-serif;

}
input::placeholder {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    font-family: "Work Sans", "Open Sans", "Trebuchet", sans-serif;
}
::placeholder {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    font-family: "Work Sans", "Open Sans", "Trebuchet", sans-serif;
}

.signup h1 { text-transform: uppercase; font-weight: 700; font-size: 32px; }
.signup-box .testimonial-row { margin-bottom: 15px; }
.signup-success a:not(.btn) { color: #ffd700 !important; border-bottom-color: #ffd700; }
.signup-success a:not(.btn):hover { color: #ffd700; }
.invalid-feedback { color: #ffd700 !important; }
.invalid-feedback a { color: #FFF; }

@media screen and (max-width: 500px) {
    .menu-wrap.mobile { background-color: #FFF; }
    .menu-wrap .logo-menu { -webkit-filter: invert(1); filter: invert(1); }
    #nav-toggle span:after, #nav-toggle span:before, .menu-wrap #nav-toggle span { background: #000; }
}

@media screen and (min-width: 768px) {
    .top-header .service-wrap { display: block; }
    .pricing .wrapper .top-content { padding: 40px 45px 40px 45px; }
    .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; }

    .menu-wrap.fixed { background: #ee5586; }

    .signup h1 { font-size: 48px; }
    .signup h1 + p { font-size: 20px; }
    .signup blockquote { margin-top: 0; margin-bottom: 30px; }
    .signup .btn { width: auto; }

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

    .home .news-row { margin-top: 90px; }
    .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; }

    .section-heading + h5 { font-size: 18px; }

    .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: 32px; }

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

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

    .signup-box .testimonial-row { margin-bottom: 30px; }
}


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


@media screen and (min-width: 1024px) {
    .faq .sidebar { display: block; }
    .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; }

    .signup blockquote { margin-top: 0; width: 75%; }
    .signup blockquote .quote { font-size: 20px; }
    .signup blockquote .auth { font-size: 18px; }

    .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: 50%; margin-bottom: 60px; }
    .home .exchange img { height: 50px; }

    .home .news-source { width: 33.333%; margin-bottom: 30px; }
    .home .news-source img { height: auto; max-width: 100%; padding: 0 45px 0 0; max-height: 50px; }

    .home .exchanges { margin: 0 0 0 15px; }
    .home .news-sources { margin: 0 0 0 30px; }

    .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: 48px; }

    .top-header .wrapper .subheding { font-size: 20px; }

    .signup-box .testimonial-row { margin-bottom: 45px; }
}

@media screen and (min-width: 1200px) {
    .home .exchange-list { padding: 60px 0 !important; }
    .section-cta { padding: 90px 0; }
    .top-header .wrapper .heading { font-size: 48px; }
    .home .news-source { width: 25%; margin-bottom: 30px; }
    .home .news-sources { margin: 0 0 0 90px; }
}

@media screen and (min-width: 1300px) {
    .top-header .wrapper .heading { font-size: 52px; }
    .top-header .wrapper .subheding { font-size: 20px; }
}

@media screen and (min-width: 1400px) {
    .top-header .wrapper .heading { font-size: 56px; }
    .top-header .wrapper .subheding { font-size: 22px; }
}

@media screen and (min-width: 1500px) {
    .col-xxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .col-xxl-4 { -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; }
    .top-header .wrapper .heading { font-size: 64px; }
    .top-header .wrapper .subheding { font-size: 26px; }
    .section-heading { font-size: 48px; }
    .section-heading + h5 { font-size: 26px; }
    .section-heading + .section-subheading { font-size: 20px; }
}


.home.blog { background-color: #F5F8FB; }
.blog #header { height: 60px; background-color: #1F262E; }
.blog .menu-wrap { padding-top: 20px; }
.blog .top-header { padding-bottom: 30px; padding-top: 30px; }
.blog .top-header:before { background-color: #000 !important; }
.blog .top-header img { max-width: 50px; display: block; margin: 45px auto 15px; }
.blog .top-header h3 { font-size: 18px !important; line-height: 1.3 !important; }
.blog h1 { font-size: 0.9rem; line-height: 1.3; font-weight: 500; font-family: 'Noto Sans JP', 'Work Sans', 'Helvetica', sans-serif; color: #000; }
.single h1 { font-size: 1.75rem; font-weight: 500; font-family: 'Noto Sans JP', 'Work Sans', 'Helvetica', sans-serif; color: #000; }
.blog time { line-height: 26px; font-size: 13px; color: grey; }
.blog .body-content p { font-family: 'Lora', 'Georgia', 'Work Sans', sans-serif; font-size: 15px; color: #000; }

.blog .article { margin-top: 15px; padding: 0 15px; transition: all 0.2s ease-in-out; }
.blog .article a { box-shadow: 0 5px 15px 0 rgba(110,110,110,.1); }
.blog .article:last-of-type { margin-bottom: 15px; } 
.blog .article .wrapper { display: flex; flex-direction: column; background: #fff; border-radius: 10px; margin: 0; position: relative; box-shadow: 0 5px 15px 0 rgba(110,110,110,.1); }
.blog .article .wrapper .top-content { padding: 15px 25px; }
.blog .article img { border-top-right-radius: 10px; border-top-left-radius: 10px; width: 100%; max-width: 100%; }
.blog article:hover { transform: scale(1.03); } 
.blog article > a { display: block; }
.blog article > a:hover { text-decoration: none; }

.single { background-color: #FFF; }
.single .container-fluid { max-width: 1400px; margin: 0 auto; padding: 0; }
.single #header { height: 60px; background-color: #1F262E; }
.single .menu-wrap { padding-top: 12px; }
.single .top-header { padding: 45px 0; margin-bottom: 45px; } 
.single .blogsingle { padding-top: 6vw; }
.single figure img { width: 100%; max-width: 100%; margin: 0 auto; }
.single header { padding: 0; text-align: center; }
.single header time { color: #6783A3; text-transform: uppercase; font-weight: 800; font-family: 'Montserrat', 'Helvetica', Arial, sans-serif;  }
.single header h1 { font-size: 1.75rem; margin-bottom: 30px; }
.single .body-content { transform: translateY(-130px); background-color: #FFF; z-index: 9000; padding: 15px 20px 30px; }
.single .body-content p { font-size: 18px; font-family: 'Lora', 'Georgia', 'Work Sans', sans-serif; color: #1F262E; }
.single .body-content .first-p { font-size: 20px; padding-bottom: 15px; }
.single .body-content h2 { font-family: 'Lora', 'Georgia', 'Work Sans', sans-serif; font-size: 1.5rem; font-weight: 600; margin-top: 45px;  }
.single .body-content img { border-radius: 0; margin: 5px auto; height: auto; }
.single .body-content .wp-block-separator { margin: 60px 0; }
.single .body-content a { color: #EE5586; }

.blogextras { padding: 0; }

@media screen and (max-width: 767px) {
    .single figure.featured-image { height: 350px; }
}

@media screen and (min-width: 768px) {
    .blog .article { flex: 1 1 300px; margin-top: 30px; }
    .blog .article:last-of-type { margin-bottom: 30px; }
    .blog .menu-wrap { padding-top: 12px; }
    .blog .top-header { padding-bottom: 60px; padding-top: 60px; }
    .blog .top-header img { max-width: 75px; }
    .blog .top-header h3 { font-size: 16px !important;; }
    .single .top-header { margin-bottom: 60px; }
    .single header h1 { font-size: 2rem; }
    .single .body-content { padding: 40px 45px 0; }
    .single .body-content .first-p { font-size: 22px; }
    .single .body-content img { margin: 15px auto; padding: 0 2%; }
} 

@media screen and (min-width: 1024px) {
    .single .top-header { margin-bottom: 90px; }
    .single header h1 { font-size: 3rem; }
    .single .body-content { transform: translateY(-200px); padding: 80px 90px 0; }
    .single .body-content .first-p { font-size: 26px; padding-bottom: 30px; }
    .single .body-content p { font-size: 20px; }
    
    .blog .top-header { padding-top: 100px; padding-bottom: 150px; }
    .blog .article h1 { font-size: 1.75rem; }
    .blog .article p { font-size: 18px; }
    .blog .article { width: auto; margin-top: 15px; }
    .blog .article:last-of-type { margin-bottom: 15px; }
    .blog .article .wrapper { flex-direction: row; height: 100%; }
    .blog .article .wrapper .top-content { padding: 40px 45px 40px 45px; }
    .blog .article img { border-top-right-radius: 0; border-bottom-left-radius: 10px; }
    .blog .article:first-of-type .top-content { width: 40%; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
    .blog .article:first-of-type .blog-image { margin: 0; list-style-type: none; flex: 1; padding: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 15px; border-top-left-radius: 15px; }
    .blog .article:first-of-type .blog-image img { border-bottom-left-radius: 10px; border-top-left-radius: 10px; }
    .blog .article:first-of-type { margin-top: -75px; }
}

@media screen and (min-width: 1400px) {
    .blogextras { padding: 90px 0; }
}