/*----header----*/
#blue-overlay {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 0;
    background-color: #0E4380;
    opacity: 0;
    transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
      -webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}
#blue-overlay.is-active {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
}
#mobile-push-menu {
    display: none;
    position: fixed;
    z-index: 10001;
    background-color: #fff;
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    width: 300px;
    height: 100%;
    overflow-y: auto;
    top: 0;
    left: 0;
    transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
}
#mobile-push-menu.is-active {
    display: block;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}
#page.has-push-left {
    transform: translateX(300px);
    -webkit-transform: translateX(300px);
}

body.has-active-menu {
  overflow: hidden;
}

.gray-gradient {
    background: linear-gradient(309.66deg, rgba(250,250,250,0) 0%, #F2F2F2 100%);
    height: 100%;
}

#mobile-push-menu ul {
    margin-bottom: 0;
}
#mobile-push-menu .account-buttom {
    width: 100%;
    max-width: none;
    margin: 15px 0;
}
#mobile-push-menu ul.main li a {
    padding: 15px;
    font-family: Ubuntu;
    font-size: 18px;
}
#mobile-push-menu hr {
    height: 2px;
    width: 75%;
    border: 1px solid #0077BF;
    opacity: 0.36;
    box-sizing: border-box;
}
#mobile-push-menu #logo {
    transform: skew(0deg, 4deg);
    -ms-transform: skew(0deg, 4deg);
    -webkit-transform: skew(0deg, 4deg);
}
#mobile-push-menu #logo img {
    height: 30px;
    width: auto;
    margin-top: 32px;
}

.white-slant {
    background-color: #fff;
    transform: skew(0deg, -4deg);
    -ms-transform: skew(0deg, -4deg);
    -webkit-transform: skew(0deg, -4deg);
    width: 100%;
    height: 85px;
    margin-bottom: 15px;
    margin-top: -20px;
}

/*----footer----*/
footer p {
    font-size: 11px;
    line-height: normal;
}
.footer-bottom a {
    font-size: 13px !important;
    line-height: normal !important;
}
footer .tradestation-buildin p {
    font-size: 14px;
}
.footer-top a {
    font-size: 15px;
    line-height: normal;
}
#mulymo h2.block-title,
#mulymo .top ul.footer-top li a {
    font-size: 15px;
    line-height: normal;
}
#mulymo .top ul.footer-top li a {
    padding: 15px 0;
}
#mulymo .top ul.footer-top {
    margin-bottom: 0;
}
.phone_number {
    font-size: 40px;
    line-height: 30px;
}
#mulymo .line {
    position: static;
    border-width: 1px 0 0 0;
}
#mulymo .maxolas {
    height: auto;
}
footer .social-media {
    margin: 0;
}
#mulymo .brokercheck-link {
    margin-top: 30px;
}
#mulymo .maxolas ul.footer-bottom li a {
    padding: 15px 20px 15px 0;
}
#mulymo .maxolas ul.footer-bottom {
    margin-bottom: 10px;
    padding-top: 0;
}

/*----home page----*/
.owl-item {
    visibility: hidden;
}
.owl-item.active {
    visibility: visible;
}

.images_bg.path-img-646:first-of-type {
    width: 40%;
    top: 10%;
    left: 5%;
    z-index: 46;
}
.images_bg.path-img-646:last-of-type {
    width: 29%;
    top: -12%;
    right: 0;
    z-index: 46;
}
.images_bg.path-img-647 {
    width: 52.7%;
    top: 5%;
    right: 0;
    z-index: 46;
}
.images_bg.path-img-648 {
    width: 47%;
    top: 24%;
    left: 0%;
    z-index: 46;
}
.images_bg.path-img-649 {
    width: 62%;
    top: -2%;
    left: 40%;
    z-index: 46;
}

.images_bg.path-img-681:nth-of-type(1) {
    width: 12%;
    top: 10%;
    left: 20%;
    z-index: 46;
}
.images_bg.path-img-681:nth-of-type(2) {
    width: 45%;
    top: 3%;
    right: 0;
}
.images_bg.path-img-681:nth-of-type(3) {
    width: 22%;
    top: 40%;
    right: 0;
    z-index: 46;
}
.images_bg.path-img-712 {
    width: 65%;
    top: 23%;
    left: 0%;
}
.images_bg.path-img-713:nth-of-type(1) {
    width: 45%;
    top: 18%;
    right: 0;
}
.images_bg.path-img-713:nth-of-type(2) {
    width: 11%;
    top: 45%;
    left: 43%;
}
.images_bg.path-img-715 {
    width: 42%;
    top: 19.5%;
    left: 15%;
    z-index: 46;
}

.button-mobile {
    width: 100%;
    max-width: 330px;
    height: 60px;
    border: 2px solid #3C424C;
    font-family: Ubuntu;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    padding: 20px 0;
    text-decoration: none;
    color: #3C424C;
    background: transparent;
    margin-top: 20px;
    text-transform: uppercase;
}
.route-block-text .mobile-well h3 {
    font-size: 22px;
}
.mobile-well {
    /*transition: height 0.5s;*/
    background-color: #fff;
    padding: 10px;
}


/*--------------sm screens------------*/
@media screen and (max-width: 991px) {

    /*----pricing page----*/
    .pricing-plan ul {
        font-size: 20px;
    }
    .pricing-plan .pricing_plan_cat {
        font-size: 45px;
    }
    .price_big label.sup-label {
        display: block;
        margin-top: 10px;
    }
    .price_big span {
        font-size: 230px;
    }
    h1.price_big.instruments {
        padding-left: 0;
    }
    h5.plan-price-title {
        width: 100%;
    }

    /*----home page----*/
    .slider_text h2 {
        font-size: 30px;
        line-height: normal;
    }
    .slider_text p {
        font-size: 18px;
        line-height: normal;
    }
    .buttom_url {
        font-size: 15px;
    }
    .blade-right-side,
    .blade-slider-left {
        width: 365px;
    }
    .blade-right-side {
        padding-right: 15px;
    }
    .blade-slider-left .blade-text,
    .overly-page-section.overly-page-left h3,
    .overly-page-section.overly-page-right h3 {
        width: 300px;
    }
    .overly-page-left .overly-page-section-container .owl-nav,
    .overly-page-right .overly-page-section-container .owl-nav {
        margin-top: -80px;
    }
    .close-sliding {
        top: -60px;
        right: 15px;
    }

    .images_bg.path-img-646:last-of-type {
        top: -5%;
    }
    .images_bg.path-img-713:nth-of-type(2) {
        top: 23%;
        left: 26%;
    }
    .images_bg.path-img-681:nth-of-type(3) {
        top: 27%;
    }
    .images_bg.path-img-712 {
        top: 17%;
    }
    .images_bg.path-img-715 {
        top: 8%;
    }
}

/*--------------xs screens------------*/
@media screen and (max-width: 767px) {

    /*----header----*/
    #header .pidyfib-top {
        min-height: 120px;
    }
    #header .jadu .pidyfib-inner {
        height: 80px;
    }

    .site-branding {
        width: 60%;
        margin-left: 15px;
    }

    #mobile-menu-button {
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 10px;
    }
    #mobile-menu-button .icon-bar {
        background-color: #0077BF;
        width: 34px;
        height: 3px;
    }
    #mobile-menu-button .icon-bar + .icon-bar {
        margin-top: 8px;
    }

    /*----footer----*/
    #mulymo .top {
        text-align: center;
    }
    #mulymo .top ul.footer-top li,
    #mulymo .top ul.footer-top li a {
        width: 100%;
    }
    #mulymo .top ul.footer-top {
        display: inline;
    }
    #mulymo .brokercheck-link {
        margin-top: 0px;
        margin-bottom: 15px;
    }

    .phone_number {
        font-size: 40px;
        line-height: 30px;
    }

    /*----pricing page----*/
    .subheader-info__title {
        margin-bottom: 0;
        margin-top: 30px;
        font-size: 45px;
    }
    .subheader-info__detail-top {
        margin-top: 0;
    }
    .subheader-info__value {
        font-size: 90px;
    }
    .price {
        padding-bottom: 0;
        text-align: center;
    }
    .pricing-plan ul.futures {
        margin-left: 25px;
    }
    .price-description {
        text-align: left;
    }
    .price-detail-top {
        margin-left: 0;
    }
    #plan-4 .price-description {
        text-align: center;
        margin-top: 10px;
    }
    .per-trade {
        padding-left: 0;
    }
    .note-pricing-plan--other-investments {
        margin-left: 0px;
    }

    /*----home page----*/
    .buttom_url .buttom_url_text {
        font-size: 14px;
        padding: 16px;
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 12px !important;
        height: 12px !important;
    }
    .trade_main .jadu {
        width: 85%;
    }
    .trade_main .nav-tabs > li > a .button_route_area {
        height: 60px;
        border-width: 2px;
        font-size: 16px;
        line-height: 55px;
    }
    .trade_main .nav-tabs > li > a {
        padding: 0;
        float: none !important;
        margin-top: 15px;
    }
    .trade_main .nav-tabs > li > a .button_route_area_body {
        height: auto;
        font-size: 18px;
        padding: 15px 10px;
    }

    .images_bg.path-img-646:first-of-type {
        width: 60%;
        left: 5px;
    }
    .images_bg.path-img-646:last-of-type {
        width: 52%;
        top: 6%;
    }
    .images_bg.path-img-647 {
        width: 100%;
        top: 0;
    }
    .images_bg.path-img-648 {
        width: 85%;
        top: 7%;
    }
    .images_bg.path-img-649 {
        width: 100%;
        top: 4%;
        left: 10%;
    }

    .images_bg.path-img-681:nth-of-type(1) {
        width: 35%;
        left: 10%;
    }
    .images_bg.path-img-681:nth-of-type(2) {
        width: 60%;
        top: 10%;
    }
    .images_bg.path-img-681:nth-of-type(3) {
        width: 33%;
        top: 20%;
    }
    .images_bg.path-img-712 {
        width: 100%;
        top: 13%;
        left: 5%;
    }
    .images_bg.path-img-713:nth-of-type(1) {
        width: 75%;
        top: 2%;
    }
    .images_bg.path-img-713:nth-of-type(2) {
        width: 22%;
        top: 17%;
        left: 11%;
    }
    .images_bg.path-img-715 {
        width: 80%;
        top: 6%;
        left: 10%;
    }

    .create-account {
        width: 100%;
    }
    .button_route_area_body {
        display: none;
    }
    .active .button_route_area_body {
        display: block;
    }
    .trade_main h1 {
        font-family: "Diodrum Medium", sans-serif;
        font-size: 26px;
        font-weight: bold;
        line-height: normal;
    }
    .trade_main h2 {
        /*font-family: "Diodrum Light", sans-serif;*/
        font-size: 20px;
        line-height: normal;
        margin-bottom: 25px;
    }
    .route_left_section_child h3 {
        line-height: normal;
        font-size: 28px;
        margin-bottom: 10px;
    }
    .route_left_section_child p {
        font-size: 17px;
        line-height: normal;
    }

    .route_left_section_child {
        transition: height 0.5s;
    }
}

/*----------custom----------*/
@media screen and (min-width: 768px) and (max-width: 992px) {
  .phone_number {
      font-size: 30px;
      line-height: 30px;
  }
}

@media screen and (max-width: 785px)
{
    .slider_front .slider-image {
        width: 125% !important;
    }
}
@media screen and (min-width: 475px) and (max-width: 785px)
{
    .images_bg.path-img-646:first-of-type {
        width: 50%;
        left: 2px;
    }
    .images_bg.path-img-646:last-of-type {
        width: 45%;
        top: 8%;
    }
    .images_bg.path-img-647 {
        width: 68%;
    }
    .images_bg.path-img-649 {
        top: -5%;
    }
    .images_bg.path-img-712 {
        top: 0;
        left: 0;
    }
    .images_bg.path-img-715 {
        width: 67%;
        top: 5px;
        left: 14%;
    }
}