header .logo .icon {
    position: relative;
    top: 0;
}

.scroll-down {
            position: absolute;
            bottom: 7%;
            width: 100%;
            text-align: center;
            cursor: pointer;
            overflow: hidden;
        }
        .mt-30{margin-top: 30px}
        .ldline{height: 30px;overflow: hidden;    position: relative;}
        .scroll-down .ldline:before {
            -webkit-animation: mymove 3s infinite;
            animation: mymove 3s infinite;
            position: absolute;
            content: "";
            height: 30px;
            top: -30px;
            width: 2px;
            background: #434bdf;
        }

        /* Safari 4.0 - 8.0 */
        @-webkit-keyframes mymove {
            0% , 100%  {top:-30px;}
            50% {top: 30px;}
        }

        /* Standard syntax */
        @keyframes mymove {
            0%, 100%   {top:-30px;}
            50% {top: 30px;}
        }
        .primary-btn{
            border: 2px solid #434bdf;
        }
        .secundary-btn.primary-btn{
            background: transparent !important;
            color: black !important;
            border: 2px solid #434bdf;
        }
        .text-blue{color:#434bdf;letter-spacing: 1px;}
        .p-0{padding: 0 !important}
        .mb-0{margin-bottom: 0 !important}
        .uppercase{text-transform: uppercase}
        .wnormal{font-weight: normal !important}

        .container h2 {
            font-size: 30px !important;
        }
        h5.lh17{line-height: 1.7;}
         .pt-120{padding-top: 190px;}

         .height-100{height: 100vh}
.vertical-align{position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.flexi{
    align-items: center;
        justify-content: center;
        display: flex;
}
.justify-between{justify-content: space-between;display: flex}
.section-mod{padding:120px 0 !important;}
.col-center{margin: auto;float: none}
.relative{position: relative;}
.ball.effect2{
    animation-name: rolling2;
}
.ball{
    width: 600px;
    height: 590px;

    top: -70px;
    border-radius: 10000px;
    background: #e5e7e9;
    animation-name: rolling;
    animation-duration: 25s;
    animation-timing-function: ease-in-out;
    Animation-iteration-count: 5000;
    animation-fill-mode: both;
    animation-direction: alternate;
    position: absolute;
}

@keyframes rolling {
  0% {transform: translateX(0) rotate(0turn);}
  20% {transform: translateX(20px) rotate(.5turn);}
  40% {transform: translateX(0) rotate(-.2turn);}
  70% {transform: translateX(20px) rotate(2.5turn);}
  100% {transform: translateX(0) rotate(-1.0turn);}
}
@keyframes rolling2 {
  0% {transform: translateX(10px) rotate(0turn);}
  20% {transform: translateX(2px) rotate(.1turn);}
  40% {transform: translateX(0) rotate(-.5turn);}
  70% {transform: translateX(2px) rotate(2turn);}
  100% {transform: translateX(100px) rotate(1turn);}
}

.computer{
    position: absolute;right: 0
}
.p0{padding:0 !important;}
/* ==============================
   Phone
   ============================== */
   section.pt-120{padding-top: 150px !important}
@media (max-width: 480px) and (min-width: 320px){
    .mobile-off{display: none !important}
    .mobile-on{display: block !important}
    .mobile-on2{display: inline-block !important;margin-left: 20px}
body .pt-120{padding-top: 0px;}
    .content ul li {
        padding: 0px 0 !important;
    }

    .price-plans-container .info-box {
        padding: 40px 10px !important;
        position: relative;
    }

    a.accordion-toggle.recomended{
        background:#051b34;color: white;
    }
    .panel-body{
        padding: 20px;
        background: white;
        margin-bottom: 10px;
        border-radius: 0px 0px 5px 5px;
    }
    .panel-heading>a{
        background: white;
        display: block;
        border-radius: 5px;
        padding: 15px;
        margin-bottom: 10px
    }

    body .container h2 {font-size: 20px !important; }
    body .container h5 {
        font-size: 16px !important;
    }
    .broff br{display: none !important}
    .cta-container, .section h5 {
        text-align: left !important;
    }
    .heightauto{
        height: auto !important;
        padding:150px 0 0 !important;
    }
    .container h1 {
        font-size: 23px !important;
    }

    .price-plans-container .info-box .mini-title {
        padding-left: 8px;
    }

    body .container h2.big {
        font-size: 30px !important;
    }
    .hg-item.mobile-on{
        font-weight: bold !important;
        display: block !important;
        padding: 20px 0 0 0 !important;
    }
    .cta-container a{margin-bottom: 20px; min-width: 100%}
    .text-xs-left{text-align: left !important}
    .heightauto >div{
        height: auto !important;
        position: relative; top: 0%; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);
    }
}