.div-line.blocks{
    background-color: #919eab!important;
}
.button-white.color{
    background-color: #383c58!important;
}
.readmore{
    color: #2e6180;
    /*color: #919eab;*/
}
.blog-preview-date{
    color: #2e6180;
}
.bootstrap .pagination > .active > a, .bootstrap .pagination > .active > span, .bootstrap .pagination > .active > a:hover, .bootstrap .pagination > .active > span:hover, .bootstrap .pagination > .active > a:focus, .bootstrap .pagination > .active > span:focus {
    background-color: #2e6180;
    border-color: #2e6180;
}
.bootstrap .pagination > li > a, .bootstrap .pagination > li > span {
    color: #2e6180;
}
.bootstrap .pagination > li > a:hover, .bootstrap .pagination > li > span:hover, .bootstrap .pagination > li > a:focus, .bootstrap .pagination > li > span:focus {
    color: #2e6180;
}
.plan-h2{
    /*color: #2e6180;*/
    color: #383c58;
}
.submit{
    color:#383c58 ;
}
.newsletter{
    background-color:#383c58 ;
}
.row-info{
    border-bottom: 2px solid #919eab;
}

#how_it_works hr{
    background-color: #919eab;
}
#what_next hr{
    background-color: #919eab;

}
#what_next .btn{
    background-color:#383c58!important;
}
#users hr{
    background-color: #919eab;
}
.item blockquote p:before{
    color: #8fdad6 !important;
}
.item blockquote p:after{
     color: #8fdad6 !important;
 }
.robopro_mainpage #home-tab:focus, .robopro_mainpage #home-tab:hover{
    color: #8085af !important;
}
.robopro_mainpage #profile-tab:focus, .robopro_mainpage #profile-tab:hover
{
    color: #8085af !important;
 }
.robopro_mainpage #contact-tab:focus, .robopro_mainpage #contact-tab:hover{
    color: #8085af !important;
  }
.robopro_mainpage .nav-tabs .active{
  color:   #8085af !important;
}

.robopro_mainpage input[type="radio"] + label span {
    border: 4px solid #8b8fbc;
}
.robopro_mainpage input[type="radio"]:checked + label span {
    /* border: 2px solid #47a848; */
    border: 5px solid #8b8fbc;
    background: #6a6d90;
}
.robopro_mainpage .slider {
    background-color: #7d82ac;

}
.prev:hover, .next:hover{
    background-color: #4A4D67;
}
.btn-success {
    background-color: #383c58;
}
.robopro_mainpage .next{
    background-color:  #383c58;
}
.robopro_mainpage .next:hover{
    background-color: #4A4D67;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    background-color: #4A4D67;
    border-color: #4A4D67!important;
}
.robopro_mainpage .next:active {
    border-color: #4A4D67!important;
}
.robopro_mainpage .next {
    border-color: #4A4D67!important;
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem #4A4D67;
}
#learning-path .btn{
 background-color: #383c58!important;
}
#what-next .btn{
    background-color: #383c58!important;

}
.robopro_mainpage .prev:hover{
    background-color: #4A4D67;
    color: white;
}


a:hover {
text-decoration: none!important;
}
#result {
     margin-top: 0px;
}
.bootstrap .modal-content {
    border-bottom: 4px solid #8fdad6!important;
}


.bootstrap .btn-garden {
    color: #fff;
    background-color: #383c58!important;
}
.bootstrap .form-control:focus, form textarea:focus {
    border-color: #383c58 !important;
}
.bootstrap .border-right-theme-garden-1px {
    border-right: 1px solid #383c58!important;
}
.social-blok-links:hover {
    color: #8fdad6;
}
.alertify-notifier .ajs-message.ajs-success{
    background-color:#383c58 !important; ;
}
.grade-buttons{
    background-color: #383c58;
}
#professional_banner {
    /*background-image: url(https://s3-us-west-2.amazonaws.com/robogarden-new/Professional/RoboPro+Banner.jpg) ;*/
    height: 662px;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*height: 100%;*/
    /*height: 662px;*/

    /*height: -webkit-fill-available;*/

    background: url(https://s3-us-west-2.amazonaws.com/robogarden-professional/web+images/landing+page+banner-Final_optimized.jpg) no-repeat center #383c58;
    /*#38a3ad;*/
    /*center*/
    /*height: 662px;*/

    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*-o-background-size: cover;*/
    background-size: cover;
}

#robopro_banner_button {
    /*position: absolute;*/
    /*bottom: 40px;*/

    position: sticky;
    /* right: 0; */
    /*margin-bottom: 40px;*/
    margin-top: auto;

    margin-bottom: 60px;
    /*margin-left: 27%;*/
    /*margin-left: 428px;*/
    margin-right: 500px;
}
#robopro_banner_button_color {
    background-color: #383c58 !important;
    /*#383c58;*/
}

.navlink2:hover {
    border: 2px solid #383c58;
}
.navlink2 {
    color: #383c58 !important;
}
.navlink2
{
    border: 2px solid #383c58;
}
.navlink2:hover {
    background-color:#383c58;
    color: white !important;
    /*border: 2px solid #fff !important;*/
}

.hero-sections-blogs{
    background-image: linear-gradient(180deg, rgb(56, 60, 88, 0.7), rgb(56, 60, 88, 0.7)), url(https://images.pexels.com/photos/1181233/pexels-photo-1181233.jpeg) !important;
    /* linear-gradient(180deg, rgba(94, 100, 144, 0.7), rgb(56, 60, 88, 0.7)), url(../images/hero1bw.jpg) !important */
}
@media (max-width: 768px)
{
    .navbar {
        background-color: transparent;
    }
    .navlink2 {
        border-bottom-width: 2px;
        border-bottom-color: #383c58;
    }
}
@media (max-width: 479px)
{
    .navbar {
        display: block;
    }
}

.peecircle
{
    display: none !important;
}
#navigate_to_learning_path
{
    display:none;
    margin-right: 4px;
}
#navbar_blog{
    margin-right: 4px;
}
#how_it_works_roboscale_result .hiw-icons {
    width: 170px;
    margin-bottom: 15px;
}

#how_it_works_roboscale_result .green-arrow {
    /*bottom: 100px;*/
    bottom: 40%;
}
#discover_section {
    background-image: linear-gradient(180deg, rgb(56, 60, 88, 0.7), rgb(56, 60, 88, 0.7)), url(https://images.pexels.com/photos/1181233/pexels-photo-1181233.jpeg?auto=compress&cs=tinysrgb&h=650&w=940) !important;
}
.roboscaleSections{
    padding-bottom: 0px!important;
    padding-top: 0px!important;
}
.heightAuto{
    height: auto !important;
}
.robopro_questionnaire_background
{
    /*background: url(https://s3-us-west-2.amazonaws.com/robogarden-new/Professional/RoboScale-Background.jpg) no-repeat top #65c6bf;*/
    /*background: url(https://s3-us-west-2.amazonaws.com/robogarden-new/Professional/RoboScale-Background.jpg) no-repeat top darkcyan;*/

    /*background: url(https://s3-us-west-2.amazonaws.com/robogarden-new/Professional/RoboScale-Background.jpg) no-repeat top center fixed;*/
    background: url(https://s3-us-west-2.amazonaws.com/robogarden-new/Professional/RoboScale-Background.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.robopro_questionnaire_background .hero-sections
{
    background-image: none;
}
.questionnaireInput{
    margin-top: -50px;
    cursor:not-allowed!important; ;
}
.carousel-control.right {
    background-image: none !important;
}

.carousel-control.left {
    background-image: none !important;
}

.borderLeftNone {
    border-left: none !important;
}
.item{
    height: 200px;
    align-content: center;
    text-align: center;
}
.divConP
{
    /*width:300px;*/
    height:200px;
    display: table;
    /*background:#ccddcc;*/
}
.pInsideDiv {
    text-align:center;
    vertical-align: middle;
    display: table-cell;
}
.cursolColor{
    color:black;
    font-size: 35px;
}
.carousel-indicators .active{
    background-color: black!important;

}
.carousel-indicators li {
    border: 1px solid black;
}
.height350{
    height: 350px;
}
.top200{
    top:200px;
}
@media screen and (max-width: 479px) {
    .top200{
        top:250px;
    }
}
.buttonReset{
    float: left;
    margin-right: 10px;
}
.center_photo{
    display: table;
    margin: auto;
}
.roboscale_result_body
{
    padding-top: 0px !important;
}

.roboscale_result_body .result_container_margin
{
    margin-top: 50px;
}
@import url('https://fonts.googleapis.com/css?family=Varela+Round');
@import url("https://fonts.googleapis.com/css?family=Hind:400,700");

html,
body {
    font-family: 'Varela Round', sans-serif;
    margin: 0;
    padding: 0;
    /* background-color: #fff; */
    width: 100%;
    height: 100%;
}

.header h1 {
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
}


.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/**************** Start Result Section ****************/
#result a {
    text-decoration: none;
    box-shadow: 0 5px 50px -12px rgba(0, 0, 0, .5);
}


#result {
    margin-top: 15px;
    background: linear-gradient(180deg, #e3e3e3 -50%, #ffffff);
    border-radius: 15px;
    padding: 20px;
}

#result .btn {
    padding-top: 16px;
    padding-bottom: 16px;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 5px 50px -12px rgba(0, 0, 0, .5);
    transition: box-shadow .3s ease, transform .3s ease, -webkit-transform .3s ease;
    padding-right: 30px;
    padding-left: 30px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: bold;
}

#result .btn:focus {
    outline: 0;
}


#result .btn:active {
    transform: translate(4px);
}


#result .social-media {
    /*top: -44px;*/
    margin-top: 10px;
    position: relative;
}


#result hr {
    width: 30%;
    background-color: #47a848;
    height: 2px;
    border-top: 1px solid #47a848;
}

#result h4 {
    margin: 15px;
    font-weight: 700;
}


#result p {
    /*margin-bottom: 30px;*/
}


#result .btn {
    padding: 9px;
    padding-right: 20px;
    padding-left: 20px;
}

.social-btns .btn-f,
.social-btns .btn-f:before,
.social-btns .btn-f .fab {
    transition: all 0.35s;
    transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}

.social-btns .btn-f:before {
    top: 90%;
    left: -110%;
}

.social-btns .btn-f .fab {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.social-btns .btn-f.facebook:before {
    background-color: #3b5998;
}

.social-btns .btn-f.facebook .fab {
    color: #3b5998;
}

.social-btns .btn-f.twitter:before {
    background-color: #3cf;
}

.social-btns .btn-f.twitter .fab {
    color: #3cf;
}


.btn-f.facebook:hover .fab {
    color: #fff;
}

.btn-t.twitter:hover .fab {
    color: #fff;
}


/*.social-btns .btn-f:focus:before,*/
.social-btns .btn-f:hover:before {
    top: -10%;
    left: -10%;
}

/*.social-btns .btn-f:focus,*/
.social-btns .btn-f:hover {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.social-btns .btn-f {
    display: inline-block;
    background-color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 5px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 28%;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    opacity: 0.99;
}

.social-btns .btn-f:before {
    content: '';
    width: 120%;
    height: 120%;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.social-btns .btn-f .fab {
    font-size: 38px;
    vertical-align: middle;
}

/************ End Result Section *****************/




/************ start Learning Path Section *****************/
#learning-path .steps-form-2 {
    margin-top: 10px;
    position: relative;
    padding: 30px;
}

#learning-path hr {
    width: 30%;
    background-color: #47a848;
    height: 2px;
    border-top: 1px solid #47a848;
}


#learning-path .card {
    border-radius: 15px;
    box-shadow: 7px 7px 38px #d0cdcd;
    width: 90%;
    height: 100%;

}

#learning-path .card-body {
    padding: 10px;
}

#learning-path .card-image {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.img {
    display: none;
    animation-name: appear;
    animation-duration: 4s;
    animation-fill-mode: forwards;
}

#learning-path .btn {
    padding-top: 16px;
    padding-bottom: 16px;
    /*background-color: #47a848 !important;*/
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 5px 50px -12px rgba(0, 0, 0, .5);
    transition: box-shadow .3s ease, transform .3s ease, -webkit-transform .3s ease;
    margin-top: 80px;
    margin-bottom: 100px;
    padding-right: 30px;
    padding-left: 30px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: bold;
}


#learning-path .btn:active {
    background-color: #3e8e41;
    transform: translate(4px);
}

#learning-path h4 {
    color: #5f5f5f;
    font-weight: 600;
    padding: 20px;
}


.next-card:after,
.next-card:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.next-card:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #ffffff;
    border-width: 30px;
    margin-top: -30px;
}

.next-card:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #e5e4e4;
;
    border-width: 36px;
    margin-top: -36px;
}



@media only screen and (max-width: 768px) {
    #learning-path .card {
        width: 100%;
    }
    #learning-path .col-md-4 {
        margin-bottom: 30px;
    }

    .next-card:after,
    .next-card:before {
        left: 42%;
        top: 109%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        transform: rotate(90deg);
    }

    .next-card:after {
        border-color: rgba(136, 183, 213, 0);
        border-left-color: #ffffff;
        border-width: 30px;
        margin-top: -30px;
    }

}



/************ End Learning Path Section *************/



/********** Start Guidelines Section ***************/
#guideline hr {
    width: 10%;
    background-color: #47a848;
    height: 2px;
    border-top: 1px solid #47a848;
}

/********** End Guidelines Section  ***************/




/********** Start What Next Section ***************/
#what-next img {
    width: 150px;
    margin-bottom: 20px;
}

#what-next h4 {
    font-weight: 600;
}

#what-next .btn {
    padding-top: 10px;
    padding-bottom: 10px;
    /*background-color: #47a848 !important;*/
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 5px 50px -12px rgba(0, 0, 0, .5);
    transition: box-shadow .3s ease, transform .3s ease, -webkit-transform .3s ease;
    margin-top: 50px;
    margin-bottom: 100px;
    padding-right: 30px;
    padding-left: 30px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: bold;
}

#what-next .btn:active {
    background-color: #3e8e41;
    transform: translate(4px);
}

#what-next hr {
    width: 10%;
    background-color: #47a848;
    height: 2px;
    border-top: 1px solid #47a848;
}

@media screen and (max-width: 1200px){
    #professional_banner{
        height: 554px;
    }
    .firstCard{
        margin-bottom: 43px;
    }
}
@media screen and (max-width: 991px) {
    #professional_banner {
        height: 420px;
    }
    #robopro_banner_button{
        margin-bottom: 35px;
    }
    .firstCard{
        margin-bottom: 73px;
    }
    .thirdCard{
        margin-bottom: 42px;
    }
}
@media (max-width: 768px) and (min-width: 479px)
{
    #professional_banner {
        height: 260px;
    }
    #robopro_banner_button{
        margin-bottom: 0px;
        position: unset;
        width: 200px;
        margin-left:auto;

    }
    .firstCard{
        margin-bottom: 32px;
    }
    .thirdCard{
        margin-bottom: 10px;
    }
}
@media (max-width: 739px) and (min-width: 623px)
{
    .firstCard{
        margin-bottom: 53px;
    }
    .thirdCard{
        margin-bottom: 32px;
    }
}

@media (max-width: 623px) and (min-width: 583px)
{
    .thirdCard{
        margin-bottom: 28px;
    }
}
@media screen and (max-width: 479px) {
    #how_it_works_roboscale_result {
        padding-top: 70px;
    }
}
.grayBack{
    background-color: #f6f6f6;
}
@media screen and (max-width: 767px){
    .item{
        height:300px;
    }
}
@media screen and (max-width: 479px) {
    #how_it_works_roboscale_result {
        padding-top: 70px;
    }
    .item{
        height:500px;
    }

}
.height740{
    height: 740px;
}
#contactPage{
    background-image: linear-gradient(180deg, rgb(56, 60, 88, 0.7), rgb(56, 60, 88, 0.7)), url(https://images.pexels.com/photos/1181233/pexels-photo-1181233.jpeg?auto=compress&cs=tinysrgb&h=650&w=940) !important;

}
.backText{
    font-family: 'Montserrat', sans-serif;
    font-variant-caps: all-petite-caps;
    color: white;
    font-size: 70px;
    font-weight: 900;
    margin-bottom: 40px;
    line-height: 40px;
    text-align: center;
}
@media (min-width: 991px) and (max-width: 1200px) {
    .backText {
        font-size: 60px;
        font-weight: 900;
        margin-bottom: 5px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .backText{
        font-size: 35px;
        margin-bottom: 5px;
        line-height: 25px;
    }
}
@media screen and (max-width: 768px){
    .backText{
        font-size: 20px;
        margin-bottom: 0px;
        line-height: 20px;
    }
}

#explore_learningPath{
    width: 18%;
    text-transform: capitalize
}
.margin5{
    margin:5px;
}
.width15{
    width: 15%;
}
.marginBottom20{
    margin-bottom: 20px;
}
.pUniversity{
    color: white;
    font-size: 17px;
}
@media (min-width: 991px) and (max-width: 1200px) {
    .pUniversity{
        font-size: 15px;
        margin-left: 5px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .pUniversity{
        font-size: 14px;
        margin-left: 25px;
    }
}
@media screen and (max-width: 768px){

    .pUniversity{
        font-size: 12px;
        margin-left: 25px;
    }
}
.navlink.w--current {
    border-color: #383c58;
    background-color: #383c58;
    color: white !important;
}

.roboscale {
    /* Text White Color*/
    /* -------- Solid Color Background ---------- */
    /* Bg White Color*/
    /* -------- Transparent Background Color ---------- */
    /* -------- Font Weight ---------- */
    /* -------- Font Size ---------- */
    /* -------- Letter Spacing ---------- */
    /* -------- z-index ---------- */
    /* -------- Line Height ---------- */
    /* -------- Custom Margin Padding ---------- */
    /* -------- Border ---------- */
    /* -------- Border Radius ---------- */
    /* -------- Position ---------- */
    /* -------- Background Image ---------- */
    /* -------- Absolute Image Positioning ---------- */
    /* -------- Responsive Classes ---------- */
    /* Small Devices, Tablets */
    /* Small Devices, Tablets */
    /* Extra Small Devices, Phones */
    /* -------- Opening Hourse ---------- */
    /* -------- Multi Row Clearfix ---------- */
    /*common styles*/
    /* Start Header Section */
    /* Satrt How it works */
    /*Start Sections*/
    /* Ribbon 1 */
    /* Start Review Section */
    /*Testimonial Carousel*/
    /*
   * 1.2 -> Basic Padding
   * -----------------------------------------------
   */
    /*
   * 1.3 -> Margin top
   * -----------------------------------------------
   */
    /*
   * 1.4 -> Margin right
   * -----------------------------------------------
   */
    /*
   * 1.5 -> Margin bottom
   * -----------------------------------------------
   */
    /*
   * 1.6 -> Margin left
   * -----------------------------------------------
   */
    /*
   * 1.7 -> Padding top
   * -----------------------------------------------
   */
    /*
   * 1.8 -> Padding right
   * -----------------------------------------------
   */
    /*
   * 1.9 -> Padding bottom
   * -----------------------------------------------
   */
    /*
   * 1.10 -> Padding left
   * -----------------------------------------------
   */
    /*
   * 2 -> lg: min-width:1200px
   * -----------------------------------------------
   */
    /*
   * 3 -> md: max-width:1199px
   * -----------------------------------------------
   */
    /*
   * 4 -> sm: max-width:991px
   * -----------------------------------------------
   */
    /*
   * 5 -> xs: max-width 767px
   * -----------------------------------------------
   */
    /*
   * 6 -> xxs: max-width 479px
   * -----------------------------------------------
   */
}
.roboscale .text-black {
    color: #000 !important;
}
.roboscale .text-black-111 {
    color: #111 !important;
}
.roboscale .text-black-222 {
    color: #222 !important;
}
.roboscale .text-black-333 {
    color: #333 !important;
}
.roboscale .text-black-444 {
    color: #404040 !important;
}
.roboscale .text-black-555 {
    color: #555 !important;
}
.roboscale .text-black-666 {
    color: #666 !important;
}
.roboscale .text-black-777 {
    color: #777 !important;
}
.roboscale .text-black-888 {
    color: #808080 !important;
}
.roboscale .text-black-999 {
    color: #999 !important;
}
.roboscale .text-gray-dimgray {
    color: #666 !important;
}
.roboscale .text-gray-light {
    color: #777 !important;
}
.roboscale .text-gray {
    color: #808080 !important;
}
.roboscale .text-gray-darkgray {
    color: #a9a9a9 !important;
}
.roboscale .text-gray-silver {
    color: #c0c0c0 !important;
}
.roboscale .text-gray-lightgray {
    color: #d3d3d3 !important;
}
.roboscale .text-gray-gainsboro {
    color: #fff !important;
}
.roboscale .text-gray-lighter {
    color: #eee !important;
}
.roboscale .text-gray-aaa {
    color: #eee !important;
}
.roboscale .text-gray-bbb {
    color: #eee !important;
}
.roboscale .text-gray-ccc {
    color: #eee !important;
}
.roboscale .text-gray-ddd {
    color: #eee !important;
}
.roboscale .text-gray-eee {
    color: #eee !important;
}
.roboscale .text-white {
    color: #fff !important;
}
.roboscale .text-white-f1 {
    color: #f1f1f1 !important;
}
.roboscale .text-white-f2 {
    color: #f2f2f2 !important;
}
.roboscale .text-white-f3 {
    color: #f3f3f3 !important;
}
.roboscale .text-white-f4 {
    color: #f4f4f4 !important;
}
.roboscale .text-white-f5 {
    color: #f5f5f5 !important;
}
.roboscale .text-white-f6 {
    color: #f6f6f6 !important;
}
.roboscale .text-white-f7 {
    color: #f7f7f7 !important;
}
.roboscale .text-white-f8 {
    color: #f8f8f8 !important;
}
.roboscale .text-white-f9 {
    color: #f9f9f9 !important;
}
.roboscale .text-white-fa {
    color: #fafafa !important;
}
.roboscale .text-white-fc {
    color: #fcfcfc !important;
}
.roboscale .text-white-fd {
    color: #fdfdfd !important;
}
.roboscale .text-white-fe {
    color: #fefefe !important;
}
.roboscale .bg-deep {
    background-color: #f1f1f1 !important;
}
.roboscale .bg-light {
    background-color: #f5f5f5 !important;
}
.roboscale .bg-lighter {
    background-color: #f7f7f7 !important;
}
.roboscale .bg-lightest {
    background-color: #fcfcfc !important;
}
.roboscale .bg-silver-light {
    background-color: #f7f8fa !important;
}
.roboscale .bg-black {
    background-color: #000 !important;
}
.roboscale .divider-dark {
    background-color: #252525 !important;
}
.roboscale footer.bg-deep {
    background-color: #191919 !important;
}
.roboscale .bg-black-111 {
    background-color: #111 !important;
}
.roboscale .bg-black-222 {
    background-color: #222 !important;
}
.roboscale .bg-black-333 {
    background-color: #333 !important;
}
.roboscale .bg-black-444 {
    background-color: #404040 !important;
}
.roboscale .bg-black-555 {
    background-color: #555 !important;
}
.roboscale .bg-gray-dimgray {
    background-color: #666 !important;
}
.roboscale .bg-gray-light {
    background-color: #777 !important;
}
.roboscale .bg-gray {
    background-color: #808080 !important;
}
.roboscale .bg-gray-darkgray {
    background-color: #a9a9a9 !important;
}
.roboscale .bg-gray-silver {
    background-color: #c0c0c0 !important;
}
.roboscale .bg-gray-lightgray {
    background-color: #d3d3d3 !important;
}
.roboscale .bg-gray-gainsboro {
    background-color: #dcdcdc !important;
}
.roboscale .bg-gray-lighter {
    background-color: #eee !important;
}
.roboscale .bg-white {
    background-color: #fff !important;
}
.roboscale .bg-white-f1 {
    background-color: #f1f1f1 !important;
}
.roboscale .bg-white-f2 {
    background-color: #f2f2f2 !important;
}
.roboscale .bg-white-f3 {
    background-color: #f3f3f3 !important;
}
.roboscale .bg-white-f4 {
    background-color: #f4f4f4 !important;
}
.roboscale .bg-white-f5 {
    background-color: #f5f5f5 !important;
}
.roboscale .bg-white-f6 {
    background-color: #f6f6f6 !important;
}
.roboscale .bg-white-f7 {
    background-color: #f7f7f7 !important;
}
.roboscale .bg-white-f8 {
    background-color: #f8f8f8 !important;
}
.roboscale .bg-white-f9 {
    background-color: #f9f9f9 !important;
}
.roboscale .bg-white-fa {
    background-color: #fafafa !important;
}
.roboscale .bg-white-fb {
    background-color: #fbfbfb !important;
}
.roboscale .bg-white-fc {
    background-color: #fcfcfc !important;
}
.roboscale .bg-white-fd {
    background-color: #fdfdfd !important;
}
.roboscale .bg-white-fe {
    background-color: #fefefe !important;
}
.roboscale .bg-school-footer {
    background-color: #4e5665 !important;
}
.roboscale .bg-white-transparent-9 {
    background-color: rgba(255, 255, 255, 0.9);
}
.roboscale .bg-white-transparent-8 {
    background-color: rgba(255, 255, 255, 0.8);
}
.roboscale .bg-white-transparent-7 {
    background-color: rgba(255, 255, 255, 0.7);
}
.roboscale .bg-white-transparent-6 {
    background-color: rgba(255, 255, 255, 0.6);
}
.roboscale .bg-white-transparent-5 {
    background-color: rgba(255, 255, 255, 0.5);
}
.roboscale .bg-white-transparent-4 {
    background-color: rgba(255, 255, 255, 0.4);
}
.roboscale .bg-white-transparent-3 {
    background-color: rgba(255, 255, 255, 0.3);
}
.roboscale .bg-white-transparent-2 {
    background-color: rgba(255, 255, 255, 0.2);
}
.roboscale .bg-white-transparent-1 {
    background-color: rgba(255, 255, 255, 0.1);
}
.roboscale .bg-dark-transparent-9 {
    background-color: rgba(0, 0, 0, 0.9);
}
.roboscale .bg-dark-transparent-8 {
    background-color: rgba(0, 0, 0, 0.8);
}
.roboscale .bg-dark-transparent-7 {
    background-color: rgba(0, 0, 0, 0.7);
}
.roboscale .bg-dark-transparent-6 {
    background-color: rgba(0, 0, 0, 0.6);
}
.roboscale .bg-dark-transparent-5 {
    background-color: rgba(0, 0, 0, 0.5);
}
.roboscale .bg-dark-transparent-4 {
    background-color: rgba(0, 0, 0, 0.4);
}
.roboscale .bg-dark-transparent-3 {
    background-color: rgba(0, 0, 0, 0.3);
}
.roboscale .bg-dark-transparent-2 {
    background-color: rgba(0, 0, 0, 0.2);
}
.roboscale .bg-dark-transparent-1 {
    background-color: rgba(0, 0, 0, 0.1);
}
.roboscale .font-weight-100 {
    font-weight: 100 !important;
}
.roboscale .font-weight-200 {
    font-weight: 200 !important;
}
.roboscale .font-weight-300 {
    font-weight: 300 !important;
}
.roboscale .font-weight-400 {
    font-weight: 400 !important;
}
.roboscale .font-weight-500 {
    font-weight: 500 !important;
}
.roboscale .font-weight-600 {
    font-weight: 600 !important;
}
.roboscale .font-weight-700 {
    font-weight: 700 !important;
}
.roboscale .font-weight-800 {
    font-weight: 800 !important;
}
.roboscale .font-weight-900 {
    font-weight: 900 !important;
}
.roboscale .font-9 {
    font-size: 9px !important;
}
.roboscale .font-10 {
    font-size: 10px !important;
}
.roboscale .font-11 {
    font-size: 11px !important;
}
.roboscale .font-12 {
    font-size: 12px !important;
}
.roboscale .font-13 {
    font-size: 13px !important;
}
.roboscale .font-14 {
    font-size: 14px !important;
}
.roboscale .font-15 {
    font-size: 15px !important;
}
.roboscale .font-16 {
    font-size: 16px !important;
}
.roboscale .font-17 {
    font-size: 17px !important;
}
.roboscale .font-18 {
    font-size: 18px !important;
}
.roboscale .font-19 {
    font-size: 19px !important;
}
.roboscale .font-20 {
    font-size: 20px !important;
}
.roboscale .font-21 {
    font-size: 21px !important;
}
.roboscale .font-22 {
    font-size: 22px !important;
}
.roboscale .font-23 {
    font-size: 23px !important;
}
.roboscale .font-24 {
    font-size: 24px !important;
}
.roboscale .font-25 {
    font-size: 25px !important;
}
.roboscale .font-26 {
    font-size: 26px !important;
}
.roboscale .font-27 {
    font-size: 27px !important;
}
.roboscale .font-28 {
    font-size: 28px !important;
}
.roboscale .font-29 {
    font-size: 29px !important;
}
.roboscale .font-30 {
    font-size: 30px !important;
}
.roboscale .font-32 {
    font-size: 32px !important;
}
.roboscale .font-36 {
    font-size: 36px !important;
}
.roboscale .font-38 {
    font-size: 38px !important;
}
.roboscale .font-40 {
    font-size: 40px !important;
}
.roboscale .font-42 {
    font-size: 42px !important;
}
.roboscale .font-44 {
    font-size: 44px !important;
}
.roboscale .font-46 {
    font-size: 46px !important;
}
.roboscale .font-48 {
    font-size: 48px !important;
}
.roboscale .font-50 {
    font-size: 50px !important;
}
.roboscale .font-54 {
    font-size: 3.85714rem !important;
}
.roboscale .font-60 {
    font-size: 4.28571rem !important;
}
.roboscale .font-64 {
    font-size: 4.57143rem !important;
}
.roboscale .font-72 {
    font-size: 5.14286rem !important;
}
.roboscale .font-78 {
    font-size: 5.57143rem !important;
}
.roboscale .font-90 {
    font-size: 6.42857rem !important;
}
.roboscale .font-100 {
    font-size: 7.14286rem !important;
}
.roboscale .font-150 {
    font-size: 10.71429rem !important;
}
.roboscale .font-200 {
    font-size: 14.28571rem !important;
}
.roboscale .letter-space-0 {
    letter-spacing: 0px;
}
.roboscale .letter-space-1 {
    letter-spacing: 1px;
}
.roboscale .letter-space-2 {
    letter-spacing: 2px;
}
.roboscale .letter-space-3 {
    letter-spacing: 3px;
}
.roboscale .letter-space-4 {
    letter-spacing: 4px;
}
.roboscale .letter-space-5 {
    letter-spacing: 5px;
}
.roboscale .letter-space-6 {
    letter-spacing: 6px;
}
.roboscale .letter-space-7 {
    letter-spacing: 7px;
}
.roboscale .letter-space-8 {
    letter-spacing: 8px;
}
.roboscale .letter-space-9 {
    letter-spacing: 9px;
}
.roboscale .letter-space-10 {
    letter-spacing: 10px;
}
.roboscale .z-index--1 {
    z-index: -1 !important;
}
.roboscale .z-index-0 {
    z-index: 0 !important;
}
.roboscale .z-index-1 {
    z-index: 1 !important;
}
.roboscale .z-index-2 {
    z-index: 2 !important;
}
.roboscale .z-index-3 {
    z-index: 3 !important;
}
.roboscale .z-index-4 {
    z-index: 4 !important;
}
.roboscale .z-index-5 {
    z-index: 5 !important;
}
.roboscale .z-index-99 {
    z-index: 99 !important;
}
.roboscale .z-index-111 {
    z-index: 111 !important;
}
.roboscale .z-index-1111 {
    z-index: 1111 !important;
}
.roboscale .z-index-9999 {
    z-index: 9999 !important;
}
.roboscale .line-height-0 {
    line-height: 0px;
}
.roboscale .line-height-1 {
    line-height: 1;
}
.roboscale .line-height-20 {
    line-height: 20px;
}
.roboscale .line-height-50 {
    line-height: 50px;
}
.roboscale .line-height-80 {
    line-height: 80px;
}
.roboscale .line-height-100 {
    line-height: 100px;
}
.roboscale .line-height-110 {
    line-height: 110px;
}
.roboscale .line-height-120 {
    line-height: 120px;
}
.roboscale .line-height-130 {
    line-height: 130px;
}
.roboscale .line-height-150 {
    line-height: 150px;
}
.roboscale .line-height-200 {
    line-height: 200px;
}
.roboscale .line-height-1em {
    line-height: 1em;
}
.roboscale .line-height-1 {
    line-height: 1 !important;
}
.roboscale .mb-5 {
    margin-bottom: 5px !important;
}
.roboscale .ml-5 {
    margin-left: 5px !important;
}
.roboscale .mr-5 {
    margin-right: 5px !important;
}
.roboscale .mt-5 {
    margin-top: 5px !important;
}
.roboscale .mt-12 {
    margin-top: 12px !important;
}
.roboscale .mb-25 {
    margin-bottom: 25px !important;
}
.roboscale .pb-5 {
    padding-bottom: 5px !important;
}
.roboscale .pl-5 {
    padding-left: 5px !important;
}
.roboscale .pr-5 {
    padding-right: 5px !important;
}
.roboscale .pt-5 {
    padding-top: 5px !important;
}
.roboscale .p-25 {
    padding: 25px !important;
}
.roboscale .no-border {
    border: none !important;
}
.roboscale .border-1px {
    border: 1px solid #eee !important;
}
.roboscale .border-2px {
    border: 2px solid #eee !important;
}
.roboscale .border-3px {
    border: 3px solid #eee !important;
}
.roboscale .border-4px {
    border: 4px solid #eee !important;
}
.roboscale .border-5px {
    border: 5px solid #eee !important;
}
.roboscale .border-6px {
    border: 6px solid #eee !important;
}
.roboscale .border-7px {
    border: 7px solid #eee !important;
}
.roboscale .border-8px {
    border: 8px solid #eee !important;
}
.roboscale .border-9px {
    border: 9px solid #eee !important;
}
.roboscale .border-10px {
    border: 10px solid #eee !important;
}
.roboscale .border-left {
    border-left: 1px solid #dcdcdc !important;
}
.roboscale .border-right {
    border-right: 1px solid #dcdcdc !important;
}
.roboscale .border-top {
    border-top: 1px solid #dcdcdc !important;
}
.roboscale .border-bottom {
    border-bottom: 1px solid #eee !important;
}
.roboscale .border-bottom-2px {
    border-bottom: 2px solid #eee !important;
}
.roboscale .border-bottom-gray {
    border-bottom: 1px solid #d3d3d3 !important;
}
.roboscale .border-gray {
    border-color: #eee !important;
}
.roboscale .border-radius-5px {
    border-radius: 5px;
}
.roboscale .border-radius-10px {
    border-radius: 10px;
}
.roboscale .border-radius-15px {
    border-radius: 15px;
}
.roboscale .border-radius-20px {
    border-radius: 20px;
}
.roboscale .border-radius-25px {
    border-radius: 25px;
}
.roboscale .border-radius-30px {
    border-radius: 30px;
}
.roboscale .border-radius-35px {
    border-radius: 35px;
}
.roboscale .border-radius-40px {
    border-radius: 40px;
}
.roboscale .border-radius-45px {
    border-radius: 45px;
}
.roboscale .border-radius-50px {
    border-radius: 50px;
}
.roboscale .relative {
    position: relative !important;
}
.roboscale .absolute {
    position: absolute !important;
}
.roboscale .absolute-inherit {
    position: inherit !important;
}
.roboscale .position-relative {
    position: relative !important;
}
.roboscale .position-absolute {
    position: absolute !important;
}
.roboscale .position-static {
    position: static !important;
}
.roboscale .position-fixed {
    position: fixed !important;
}
.roboscale .position-inherit {
    position: inherit !important;
}
.roboscale .position-unset {
    position: unset !important;
}
.roboscale .no-bg {
    background: none !important;
}
.roboscale .bg-no-repeat {
    background-repeat: no-repeat !important;
}
.roboscale .bg-img-fixed {
    background-attachment: fixed !important;
}
.roboscale .bg-img-cover {
    background-size: cover !important;
}
.roboscale .bg-img-center-bottom {
    background-position: center bottom !important;
}
.roboscale .bg-img-center {
    background-position: center center !important;
}
.roboscale .bg-img-left-bottom {
    background-repeat: no-repeat;
    background-position: left bottom;
}
.roboscale .bg-img-right-top {
    background-repeat: no-repeat;
    background-position: right top;
}
.roboscale .bg-img-left-top {
    background-repeat: no-repeat;
    background-position: left top;
}
.roboscale .img-fullwidth {
    width: 100% !important;
}
.roboscale .overflow-visible {
    overflow: visible !important;
}
.roboscale .overflow-hidden {
    overflow: hidden !important;
}
.roboscale .overflow-x-hidden {
    overflow-x: hidden !important;
}
.roboscale .overflow-y-hidden {
    overflow-y: hidden !important;
}
.roboscale .box-absolute {
    position: absolute !important;
}
.roboscale .img-absolute-parent {
    position: relative !important;
}
.roboscale .img-absolute-parent img.img-absolute {
    position: absolute !important;
}
.roboscale .img-absolute-parent img.img-pos-left {
    left: 0 !important;
}
.roboscale .img-absolute-parent img.img-pos-top {
    top: 0 !important;
}
.roboscale .img-absolute-parent img.img-pos-bottom {
    bottom: 0 !important;
}
.roboscale .img-absolute-parent img.img-pos-right {
    right: 0 !important;
}
.roboscale .img-absolute-parent img.img-pos-center {
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
}
@media only screen and (max-width: 991px) {
    .roboscale .sm-display-block {
        display: block !important;
    }
    .roboscale .sm-text-center {
        text-align: center !important;
    }
    .roboscale .sm-text-right {
        text-align: right !important;
    }
    .roboscale .sm-text-left {
        text-align: left !important;
    }
    .roboscale .sm-pull-none, .roboscale .pull-left.flip.sm-pull-none, .roboscale .pull-right.flip.sm-pull-none {
        float: none !important;
    }
    .roboscale .sm-pull-left {
        float: left !important;
    }
    .roboscale .sm-pull-right {
        float: right !important;
    }
    .roboscale .sm-fullwidth {
        width: 100%;
    }
    .roboscale .sm-height-auto {
        min-height: auto !important;
    }
    .roboscale .sm-hide-bg-img {
        background: none !important;
    }
    .roboscale .maxwidth400 {
        margin-left: auto;
        margin-right: auto;
        max-width: 400px;
    }
    .roboscale .maxwidth500 {
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
    }
    .roboscale .maxwidth600 {
        margin-left: auto;
        margin-right: auto;
        max-width: 600px;
    }
}
@media only screen and (max-width: 767px) {
    .roboscale .xs-display-block {
        display: block;
    }
    .roboscale .xs-text-center {
        text-align: center !important;
    }
    .roboscale .xs-text-right {
        text-align: right !important;
    }
    .roboscale .xs-text-left {
        text-align: left !important;
    }
    .roboscale .xs-fullwidth {
        width: 100%;
    }
    .roboscale .xs-height-auto {
        min-height: auto !important;
    }
    .roboscale .xs-hide-bg-img {
        background: none !important;
    }
    .roboscale .xs-pull-none {
        float: none !important;
    }
    .roboscale .xs-pull-left {
        float: left !important;
    }
    .roboscale .xs-pull-right {
        float: right !important;
    }
    .roboscale .xs-pull-center {
        display: table;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .roboscale .xs-list-inline-none li {
        display: table;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 20px !important;
        padding-left: 0 !important;
    }
}
@media only screen and (max-width: 479px) {
    .roboscale .xxs-text-center {
        text-align: center !important;
    }
    .roboscale .xxs-height-auto {
        min-height: auto !important;
    }
    .roboscale .font-15 {
        font-size: 10px !important;
    }
}
.roboscale .opening-hours ul li {
    padding-bottom: 10px !important;
}
.roboscale .multi-row-clearfix .col-xs-6:nth-child(2n + 3) {
    clear: left;
}
.roboscale .multi-row-clearfix .col-xs-4:nth-child(3n + 4) {
    clear: left;
}
.roboscale .multi-row-clearfix .col-xs-3:nth-child(4n + 5) {
    clear: left;
}
.roboscale .multi-row-clearfix .col-xs-2:nth-child(6n + 7) {
    clear: left;
}
.roboscale .multi-row-clearfix .col-xs-1:nth-child(12n + 13) {
    clear: left;
}
@media (min-width: 768px) {
    .roboscale {
        /* reset previous grid */
        /* clear first in row for small columns */
    }
    .roboscale .multi-row-clearfix .col-xs-6:nth-child(2n + 3) {
        clear: none;
    }
    .roboscale .multi-row-clearfix .col-xs-4:nth-child(3n + 4) {
        clear: none;
    }
    .roboscale .multi-row-clearfix .col-xs-3:nth-child(4n + 5) {
        clear: none;
    }
    .roboscale .multi-row-clearfix .col-xs-2:nth-child(6n + 7) {
        clear: none;
    }
    .roboscale .multi-row-clearfix .col-xs-1:nth-child(12n + 13) {
        clear: none;
    }
    .roboscale .multi-row-clearfix .col-sm-6:nth-child(2n + 3) {
        clear: left;
    }
    .roboscale .multi-row-clearfix .col-sm-4:nth-child(3n + 4) {
        clear: left;
    }
    .roboscale .multi-row-clearfix .col-sm-3:nth-child(4n + 5) {
        clear: left;
    }
    .roboscale .multi-row-clearfix .col-sm-2:nth-child(6n + 7) {
        clear: left;
    }
    .roboscale .multi-row-clearfix .col-sm-1:nth-child(12n + 13) {
        clear: left;
    }
}
@media (min-width: 992px) {
    .roboscale {
        /* reset previous grid */
        /* clear first in row for medium columns */
    }
    .roboscale .multi-row-clearfix .col-sm-6:nth-child(2n + 3) {
        clear: none;
    }
    .roboscale .multi-row-clearfix .col-sm-4:nth-child(3n + 4) {
        clear: none;
    }
    .roboscale .multi-row-clearfix .col-sm-3:nth-child(4n + 5) {
        clear: none;
    }
    .roboscale .multi-row-clearfix .col-sm-2:nth-child(6n + 7) {
        clear: none;
    }
    .roboscale .multi-row-clearfix .col-sm-1:nth-child(12n + 13) {
        clear: none;
    }
    .roboscale .multi-row-clearfix .col-md-6:nth-child(2n + 3) {
        clear: left;
    }
    .roboscale .multi-row-clearfix .col-md-4:nth-child(3n + 4) {
        clear: left;
    }
    .roboscale .multi-row-clearfix .col-md-3:nth-child(4n + 5) {
        clear: left;
    }
    .roboscale .multi-row-clearfix .col-md-2:nth-child(6n + 7) {
        clear: left;
    }
    .roboscale .multi-row-clearfix .col-md-1:nth-child(12n + 13) {
        clear: left;
    }
}
@media (min-width: 1200px) {
    .roboscale {
        /* reset previous grid */
        /* clear first in row for large columns */
    }
    .roboscale .multi-row-clearfix .col-md-6:nth-child(2n + 3) {
        clear: none;
    }
    .roboscale .multi-row-clearfix .col-md-4:nth-child(3n + 4) {
        clear: none;
    }
    .roboscale .multi-row-clearfix .col-md-3:nth-child(4n + 5) {
        clear: none;
    }
    .roboscale .multi-row-clearfix .col-md-2:nth-child(6n + 7) {
        clear: none;
    }
    .roboscale .multi-row-clearfix .col-md-1:nth-child(12n + 13) {
        clear: none;
    }
    .roboscale .multi-row-clearfix .col-lg-6:nth-child(2n + 3) {
        clear: left;
    }
    .roboscale .multi-row-clearfix .col-lg-4:nth-child(3n + 4) {
        clear: left;
    }
    .roboscale .multi-row-clearfix .col-lg-3:nth-child(4n + 5) {
        clear: left;
    }
    .roboscale .multi-row-clearfix .col-lg-2:nth-child(6n + 7) {
        clear: left;
    }
    .roboscale .multi-row-clearfix .col-lg-1:nth-child(12n + 13) {
        clear: left;
    }
}
.roboscale body, .roboscale html {
    height: 100%;
}
.roboscale .center {
    margin: 0 auto;
    display: table;
}
.roboscale .high-index {
    z-index: 10000 !important;
}
.roboscale .img-width-100 {
    width: 100% !important;
}
.roboscale .btn:focus, .roboscale .btn:active, .roboscale .btn:active:focus {
    outline: none;
    outline: 0;
}
.roboscale #header {
    height: 80%;
}
.roboscale #header > .bg {
    background-image: url(../images/assess-header-bg.png) !important;
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 10px solid #00b388;
}
.roboscale #header > .content {
    position: absolute;
    top: 20%;
    left: 15%;
    width: 70%;
}
.roboscale .content-h1 {
    color: #7df8f0 !important;
}
.roboscale .play-button {
    cursor: pointer;
}
.roboscale .play-button > img {
    width: 6%;
}
.roboscale .main-btn {
    background-color: #00ce93;
    border-radius: 27px;
}
.roboscale #functionality {
    height: 260px;
    background-color: #00263e;
}
.roboscale #functionality > .bg {
    background-image: url(../images/net.png) !important;
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.roboscale #functionality > .content {
    position: absolute;
    top: 82%;
    width: 70%;
    left: 15%;
}
.roboscale #ribbon {
    background: #ffb500;
    height: 55px;
    width: auto;
    min-width: 16%;
    top: -56%;
    left: 0%;
    display: inline-block;
    /* margin: 150px auto; */
    color: #fff;
    line-height: 30px;
    padding: 0px 20px;
    filter: drop-shadow(-1px 3px 2px #4ea5df);
}
.roboscale #ribbon:after {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 0px;
    right: -29px;
    border-top: 26px solid #ffb500;
    border-bottom: 29px solid #ffb500;
    border-left: 15px solid #ffb500;
    border-right: 28px solid transparent;
}
.roboscale .title {
    font-weight: 600;
    color: #009b72;
}
.roboscale #steps {
    height: auto;
    background-color: #f8f8f8;
}
.roboscale #steps > .bg {
    background-image: url(../images/section.png) !important;
    height: 100%;
    /*background-position: right;*/
    background-repeat: no-repeat;
    background-size: contain;
}
.roboscale #steps .card {
    height: auto;
    border-radius: 25px;
    border-bottom: 10px solid #00ce93;
    /* box-shadow: 2px 0px 10px #eee; */
    box-shadow: 1px 0px 7px -1px #808080 ee;
}
.roboscale .card-data {
    box-shadow: 2px 2px 15px 2px #eee;
    height: 220px;
    border-radius: 27px;
}
.roboscale .step-btn {
    background-color: #00ce93;
    border-radius: 15px;
    font-weight: 600;
}
.roboscale #reviews {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #f8f8f8;
    /* background-image: url(../images/s-notch-bottom.png), url(../images/s-notch-top.png); */
    background-position: 50% 100%, 50% 0px;
    background-size: auto, auto;
    background-repeat: repeat-x, repeat-x;
    text-align: center;
}
.roboscale #quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 60px;
}
.roboscale #quote-carousel .carousel-control {
    background: none;
    color: #cacaca;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 10%;
    opacity: 1 !important;
}
.roboscale #quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 20px;
    margin-right: -19px;
}
.roboscale #quote-carousel .carousel-indicators li {
    width: 40px;
    height: 40px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s ease-in;
    vertical-align: middle;
}
.roboscale #quote-carousel .carousel-indicators .active {
    width: 80px;
    height: 80px;
    opacity: 1;
    transition: all 0.2s;
}
.roboscale .item blockquote {
    border-left: none;
    margin: 0;
}
.roboscale .item blockquote p:before {
    content: "\f10d" !important;
    color: #00ce93 !important;
    font-family: 'Fontawesome' !important;
    float: left !important;
    margin-right: 10px !important;
    font-size: 30px;
}
.roboscale .item blockquote p:after {
    content: "\f10e" !important;
    color: #00ce93 !important;
    font-family: 'Fontawesome' !important;
    float: right !important;
    margin-right: 10px !important;
    font-size: 30px;
}
.roboscale .fa-new {
    font-size: 100px;
    color: #ffb500;
}
.roboscale .m-0 {
    margin: 0px !important;
}
.roboscale .m-5 {
    margin: 5px !important;
}
.roboscale .m-10 {
    margin: 10px !important;
}
.roboscale .m-15 {
    margin: 15px !important;
}
.roboscale .m-20 {
    margin: 20px !important;
}
.roboscale .m-25 {
    margin: 25px !important;
}
.roboscale .m-30 {
    margin: 30px !important;
}
.roboscale .m-40 {
    margin: 40px !important;
}
.roboscale .m-50 {
    margin: 50px !important;
}
.roboscale .m-60 {
    margin: 60px !important;
}
.roboscale .m-70 {
    margin: 70px !important;
}
.roboscale .m-80 {
    margin: 80px !important;
}
.roboscale .m-90 {
    margin: 90px !important;
}
.roboscale .m-100 {
    margin: 100px !important;
}
.roboscale .m-110 {
    margin: 110px !important;
}
.roboscale .m-120 {
    margin: 120px !important;
}
.roboscale .m-130 {
    margin: 130px !important;
}
.roboscale .m-140 {
    margin: 140px !important;
}
.roboscale .m-150 {
    margin: 150px !important;
}
.roboscale .m-160 {
    margin: 160px !important;
}
.roboscale .m-170 {
    margin: 170px !important;
}
.roboscale .m-180 {
    margin: 180px !important;
}
.roboscale .m-190 {
    margin: 190px !important;
}
.roboscale .m-200 {
    margin: 200px !important;
}
.roboscale .p-0 {
    padding: 0 !important;
}
.roboscale .p-5 {
    padding: 5px !important;
}
.roboscale .p-10 {
    padding: 10px !important;
}
.roboscale .p-15 {
    padding: 15px !important;
}
.roboscale .p-20 {
    padding: 20px !important;
}
.roboscale .p-30 {
    padding: 30px !important;
}
.roboscale .p-40 {
    padding: 40px !important;
}
.roboscale .p-50 {
    padding: 50px !important;
}
.roboscale .p-60 {
    padding: 60px !important;
}
.roboscale .p-70 {
    padding: 70px !important;
}
.roboscale .p-80 {
    padding: 80px !important;
}
.roboscale .p-90 {
    padding: 90px !important;
}
.roboscale .p-100 {
    padding: 100px !important;
}
.roboscale .p-110 {
    padding: 110px !important;
}
.roboscale .p-120 {
    padding: 120px !important;
}
.roboscale .p-130 {
    padding: 130px !important;
}
.roboscale .p-140 {
    padding: 140px !important;
}
.roboscale .p-150 {
    padding: 150px !important;
}
.roboscale .p-160 {
    padding: 160px !important;
}
.roboscale .p-170 {
    padding: 170px !important;
}
.roboscale .p-180 {
    padding: 180px !important;
}
.roboscale .p-190 {
    padding: 190px !important;
}
.roboscale .p-200 {
    padding: 200px !important;
}
.roboscale .mt-0 {
    margin-top: 0 !important;
}
.roboscale .mt-5 {
    margin-top: 5px !important;
}
.roboscale .mt-10 {
    margin-top: 10px !important;
}
.roboscale .mt-15 {
    margin-top: 15px !important;
}
.roboscale .mt-20 {
    margin-top: 20px !important;
}
.roboscale .mt-30 {
    margin-top: 30px !important;
}
.roboscale .mt-40 {
    margin-top: 40px !important;
}
.roboscale .mt-50 {
    margin-top: 50px !important;
}
.roboscale .mt-60 {
    margin-top: 60px !important;
}
.roboscale .mt-70 {
    margin-top: 70px !important;
}
.roboscale .mt-80 {
    margin-top: 80px !important;
}
.roboscale .mt-90 {
    margin-top: 90px !important;
}
.roboscale .mt-100 {
    margin-top: 100px !important;
}
.roboscale .mt-110 {
    margin-top: 110px !important;
}
.roboscale .mt-120 {
    margin-top: 120px !important;
}
.roboscale .mt-130 {
    margin-top: 130px !important;
}
.roboscale .mt-140 {
    margin-top: 140px !important;
}
.roboscale .mt-150 {
    margin-top: 150px !important;
}
.roboscale .mt-160 {
    margin-top: 160px !important;
}
.roboscale .mt-170 {
    margin-top: 170px !important;
}
.roboscale .mt-180 {
    margin-top: 180px !important;
}
.roboscale .mt-190 {
    margin-top: 190px !important;
}
.roboscale .mt-200 {
    margin-top: 200px !important;
}
.roboscale .mr-0 {
    margin-right: 0 !important;
}
.roboscale .mr-5 {
    margin-right: 5px !important;
}
.roboscale .mr-10 {
    margin-right: 10px !important;
}
.roboscale .mr-15 {
    margin-right: 15px !important;
}
.roboscale .mr-20 {
    margin-right: 20px !important;
}
.roboscale .mr-30 {
    margin-right: 30px !important;
}
.roboscale .mr-40 {
    margin-right: 40px !important;
}
.roboscale .mr-50 {
    margin-right: 50px !important;
}
.roboscale .mr-60 {
    margin-right: 60px !important;
}
.roboscale .mr-70 {
    margin-right: 70px !important;
}
.roboscale .mr-80 {
    margin-right: 80px !important;
}
.roboscale .mr-90 {
    margin-right: 90px !important;
}
.roboscale .mr-100 {
    margin-right: 100px !important;
}
.roboscale .mr-110 {
    margin-right: 110px !important;
}
.roboscale .mr-120 {
    margin-right: 120px !important;
}
.roboscale .mr-130 {
    margin-right: 130px !important;
}
.roboscale .mr-140 {
    margin-right: 140px !important;
}
.roboscale .mr-150 {
    margin-right: 150px !important;
}
.roboscale .mr-160 {
    margin-right: 160px !important;
}
.roboscale .mr-170 {
    margin-right: 170px !important;
}
.roboscale .mr-180 {
    margin-right: 180px !important;
}
.roboscale .mr-190 {
    margin-right: 190px !important;
}
.roboscale .mr-200 {
    margin-right: 200px !important;
}
.roboscale .mb-0 {
    margin-bottom: 0 !important;
}
.roboscale .mb-5 {
    margin-bottom: 5px !important;
}
.roboscale .mb-10 {
    margin-bottom: 10px !important;
}
.roboscale .mb-15 {
    margin-bottom: 15px !important;
}
.roboscale .mb-20 {
    margin-bottom: 20px !important;
}
.roboscale .mb-30 {
    margin-bottom: 30px !important;
}
.roboscale .mb-40 {
    margin-bottom: 40px !important;
}
.roboscale .mb-50 {
    margin-bottom: 50px !important;
}
.roboscale .mb-60 {
    margin-bottom: 60px !important;
}
.roboscale .mb-70 {
    margin-bottom: 70px !important;
}
.roboscale .mb-80 {
    margin-bottom: 80px !important;
}
.roboscale .mb-90 {
    margin-bottom: 90px !important;
}
.roboscale .mb-100 {
    margin-bottom: 100px !important;
}
.roboscale .mb-110 {
    margin-bottom: 110px !important;
}
.roboscale .mb-120 {
    margin-bottom: 120px !important;
}
.roboscale .mb-130 {
    margin-bottom: 130px !important;
}
.roboscale .mb-140 {
    margin-bottom: 140px !important;
}
.roboscale .mb-150 {
    margin-bottom: 150px !important;
}
.roboscale .mb-160 {
    margin-bottom: 160px !important;
}
.roboscale .mb-170 {
    margin-bottom: 170px !important;
}
.roboscale .mb-180 {
    margin-bottom: 180px !important;
}
.roboscale .mb-190 {
    margin-bottom: 190px !important;
}
.roboscale .mb-200 {
    margin-bottom: 200px !important;
}
.roboscale .ml-0 {
    margin-left: 0 !important;
}
.roboscale .ml-5 {
    margin-left: 5px !important;
}
.roboscale .ml-10 {
    margin-left: 10px !important;
}
.roboscale .ml-15 {
    margin-left: 15px !important;
}
.roboscale .ml-20 {
    margin-left: 20px !important;
}
.roboscale .ml-30 {
    margin-left: 30px !important;
}
.roboscale .ml-40 {
    margin-left: 40px !important;
}
.roboscale .ml-50 {
    margin-left: 50px !important;
}
.roboscale .ml-60 {
    margin-left: 60px !important;
}
.roboscale .ml-70 {
    margin-left: 70px !important;
}
.roboscale .ml-80 {
    margin-left: 80px !important;
}
.roboscale .ml-90 {
    margin-left: 90px !important;
}
.roboscale .ml-100 {
    margin-left: 100px !important;
}
.roboscale .ml-110 {
    margin-left: 110px !important;
}
.roboscale .ml-120 {
    margin-left: 120px !important;
}
.roboscale .ml-130 {
    margin-left: 130px !important;
}
.roboscale .ml-140 {
    margin-left: 140px !important;
}
.roboscale .ml-150 {
    margin-left: 150px !important;
}
.roboscale .ml-160 {
    margin-left: 160px !important;
}
.roboscale .ml-170 {
    margin-left: 170px !important;
}
.roboscale .ml-180 {
    margin-left: 180px !important;
}
.roboscale .ml-190 {
    margin-left: 190px !important;
}
.roboscale .ml-200 {
    margin-left: 200px !important;
}
.roboscale .pt-0 {
    padding-top: 0 !important;
}
.roboscale .pt-5 {
    padding-top: 5px !important;
}
.roboscale .pt-10 {
    padding-top: 10px !important;
}
.roboscale .pt-15 {
    padding-top: 15px !important;
}
.roboscale .pt-20 {
    padding-top: 20px !important;
}
.roboscale .pt-30 {
    padding-top: 30px !important;
}
.roboscale .pt-40 {
    padding-top: 40px !important;
}
.roboscale .pt-50 {
    padding-top: 50px !important;
}
.roboscale .pt-60 {
    padding-top: 60px !important;
}
.roboscale .pt-70 {
    padding-top: 70px !important;
}
.roboscale .pt-80 {
    padding-top: 80px !important;
}
.roboscale .pt-90 {
    padding-top: 90px !important;
}
.roboscale .pt-100 {
    padding-top: 100px !important;
}
.roboscale .pt-110 {
    padding-top: 110px !important;
}
.roboscale .pt-120 {
    padding-top: 120px !important;
}
.roboscale .pt-130 {
    padding-top: 130px !important;
}
.roboscale .pt-140 {
    padding-top: 140px !important;
}
.roboscale .pt-150 {
    padding-top: 150px !important;
}
.roboscale .pt-160 {
    padding-top: 160px !important;
}
.roboscale .pt-170 {
    padding-top: 170px !important;
}
.roboscale .pt-180 {
    padding-top: 180px !important;
}
.roboscale .pt-190 {
    padding-top: 190px !important;
}
.roboscale .pt-200 {
    padding-top: 200px !important;
}
.roboscale .pr-0 {
    padding-right: 0 !important;
}
.roboscale .pr-5 {
    padding-right: 5px !important;
}
.roboscale .pr-10 {
    padding-right: 10px !important;
}
.roboscale .pr-15 {
    padding-right: 15px !important;
}
.roboscale .pr-20 {
    padding-right: 20px !important;
}
.roboscale .pr-30 {
    padding-right: 30px !important;
}
.roboscale .pr-40 {
    padding-right: 40px !important;
}
.roboscale .pr-50 {
    padding-right: 50px !important;
}
.roboscale .pr-60 {
    padding-right: 60px !important;
}
.roboscale .pr-70 {
    padding-right: 70px !important;
}
.roboscale .pr-80 {
    padding-right: 80px !important;
}
.roboscale .pr-90 {
    padding-right: 90px !important;
}
.roboscale .pr-100 {
    padding-right: 100px !important;
}
.roboscale .pr-110 {
    padding-right: 110px !important;
}
.roboscale .pr-120 {
    padding-right: 120px !important;
}
.roboscale .pr-130 {
    padding-right: 130px !important;
}
.roboscale .pr-140 {
    padding-right: 140px !important;
}
.roboscale .pr-150 {
    padding-right: 150px !important;
}
.roboscale .pr-160 {
    padding-right: 160px !important;
}
.roboscale .pr-170 {
    padding-right: 170px !important;
}
.roboscale .pr-180 {
    padding-right: 180px !important;
}
.roboscale .pr-190 {
    padding-right: 190px !important;
}
.roboscale .pr-200 {
    padding-right: 200px !important;
}
.roboscale .pb-0 {
    padding-bottom: 0 !important;
}
.roboscale .pb-5 {
    padding-bottom: 5px !important;
}
.roboscale .pb-10 {
    padding-bottom: 10px !important;
}
.roboscale .pb-15 {
    padding-bottom: 15px !important;
}
.roboscale .pb-20 {
    padding-bottom: 20px !important;
}
.roboscale .pb-30 {
    padding-bottom: 30px !important;
}
.roboscale .pb-40 {
    padding-bottom: 40px !important;
}
.roboscale .pb-50 {
    padding-bottom: 50px !important;
}
.roboscale .pb-60 {
    padding-bottom: 60px !important;
}
.roboscale .pb-70 {
    padding-bottom: 70px !important;
}
.roboscale .pb-80 {
    padding-bottom: 80px !important;
}
.roboscale .pb-90 {
    padding-bottom: 90px !important;
}
.roboscale .pb-100 {
    padding-bottom: 100px !important;
}
.roboscale .pb-110 {
    padding-bottom: 110px !important;
}
.roboscale .pb-120 {
    padding-bottom: 120px !important;
}
.roboscale .pb-130 {
    padding-bottom: 130px !important;
}
.roboscale .pb-140 {
    padding-bottom: 140px !important;
}
.roboscale .pb-150 {
    padding-bottom: 150px !important;
}
.roboscale .pb-160 {
    padding-bottom: 160px !important;
}
.roboscale .pb-170 {
    padding-bottom: 170px !important;
}
.roboscale .pb-180 {
    padding-bottom: 180px !important;
}
.roboscale .pb-190 {
    padding-bottom: 190px !important;
}
.roboscale .pb-200 {
    padding-bottom: 200px !important;
}
.roboscale .pl-0 {
    padding-left: 0 !important;
}
.roboscale .pl-5 {
    padding-left: 5px !important;
}
.roboscale .pl-10 {
    padding-left: 10px !important;
}
.roboscale .pl-15 {
    padding-left: 15px !important;
}
.roboscale .pl-20 {
    padding-left: 20px !important;
}
.roboscale .pl-30 {
    padding-left: 30px !important;
}
.roboscale .pl-40 {
    padding-left: 40px !important;
}
.roboscale .pl-50 {
    padding-left: 50px !important;
}
.roboscale .pl-55{
    padding-left: 55px !important;

}
.roboscale .pl-60 {
    padding-left: 60px !important;
}
.roboscale .pl-70 {
    padding-left: 70px !important;
}
.roboscale .pl-80 {
    padding-left: 80px !important;
}
.roboscale .pl-90 {
    padding-left: 90px !important;
}
.roboscale .pl-100 {
    padding-left: 100px !important;
}
.roboscale .pl-110 {
    padding-left: 110px !important;
}
.roboscale .pl-120 {
    padding-left: 120px !important;
}
.roboscale .pl-130 {
    padding-left: 130px !important;
}
.roboscale .pl-140 {
    padding-left: 140px !important;
}
.roboscale .pl-150 {
    padding-left: 150px !important;
}
.roboscale .pl-160 {
    padding-left: 160px !important;
}
.roboscale .pl-170 {
    padding-left: 170px !important;
}
.roboscale .pl-180 {
    padding-left: 180px !important;
}
.roboscale .pl-190 {
    padding-left: 190px !important;
}
.roboscale .pl-200 {
    padding-left: 200px !important;
}
@media (min-width: 1200px) {
    .roboscale {
        /*
     * 2.1 -> Basic Margin
     * -----------------------------------------------
     */
        /*
     * 2.2 -> Basic Padding
     * -----------------------------------------------
     */
        /*
     * 2.3 -> Margin top
     * -----------------------------------------------
     */
        /*
     * 2.4 -> Margin right
     * -----------------------------------------------
     */
        /*
     * 2.5 -> Margin bottom
     * -----------------------------------------------
     */
        /*
     * 2.6 -> Margin left
     * -----------------------------------------------
     */
        /*
     * 2.7 -> Padding top
     * -----------------------------------------------
     */
        /*
     * 2.8 -> Padding right
     * -----------------------------------------------
     */
        /*
     * 2.9 -> Padding bottom
     * -----------------------------------------------
     */
        /*
     * 2.10 -> Padding left
     * -----------------------------------------------
     */
    }
    .roboscale .m-lg-0 {
        margin: 0px !important;
    }
    .roboscale .m-lg-5 {
        margin: 5px !important;
    }
    .roboscale .m-lg-10 {
        margin: 10px !important;
    }
    .roboscale .m-lg-15 {
        margin: 15px !important;
    }
    .roboscale .m-lg-20 {
        margin: 20px !important;
    }
    .roboscale .m-lg-30 {
        margin: 30px !important;
    }
    .roboscale .m-lg-40 {
        margin: 40px !important;
    }
    .roboscale .m-lg-50 {
        margin: 50px !important;
    }
    .roboscale .m-lg-60 {
        margin: 60px !important;
    }
    .roboscale .m-lg-70 {
        margin: 70px !important;
    }
    .roboscale .m-lg-80 {
        margin: 80px !important;
    }
    .roboscale .m-lg-90 {
        margin: 90px !important;
    }
    .roboscale .m-lg-100 {
        margin: 100px !important;
    }
    .roboscale .m-lg-110 {
        margin: 110px !important;
    }
    .roboscale .m-lg-120 {
        margin: 120px !important;
    }
    .roboscale .m-lg-130 {
        margin: 130px !important;
    }
    .roboscale .m-lg-140 {
        margin: 140px !important;
    }
    .roboscale .m-lg-150 {
        margin: 150px !important;
    }
    .roboscale .m-lg-160 {
        margin: 160px !important;
    }
    .roboscale .m-lg-170 {
        margin: 170px !important;
    }
    .roboscale .m-lg-180 {
        margin: 180px !important;
    }
    .roboscale .m-lg-190 {
        margin: 190px !important;
    }
    .roboscale .m-lg-200 {
        margin: 200px !important;
    }
    .roboscale .p-lg-0 {
        padding: 0 !important;
    }
    .roboscale .p-lg-5 {
        padding: 5px !important;
    }
    .roboscale .p-lg-10 {
        padding: 10px !important;
    }
    .roboscale .p-lg-15 {
        padding: 15px !important;
    }
    .roboscale .p-lg-20 {
        padding: 20px !important;
    }
    .roboscale .p-lg-30 {
        padding: 30px !important;
    }
    .roboscale .p-lg-40 {
        padding: 40px !important;
    }
    .roboscale .p-lg-50 {
        padding: 50px !important;
    }
    .roboscale .p-lg-60 {
        padding: 60px !important;
    }
    .roboscale .p-lg-70 {
        padding: 70px !important;
    }
    .roboscale .p-lg-80 {
        padding: 80px !important;
    }
    .roboscale .p-lg-90 {
        padding: 90px !important;
    }
    .roboscale .p-lg-100 {
        padding: 100px !important;
    }
    .roboscale .p-lg-110 {
        padding: 110px !important;
    }
    .roboscale .p-lg-120 {
        padding: 120px !important;
    }
    .roboscale .p-lg-130 {
        padding: 130px !important;
    }
    .roboscale .p-lg-140 {
        padding: 140px !important;
    }
    .roboscale .p-lg-150 {
        padding: 150px !important;
    }
    .roboscale .p-lg-160 {
        padding: 160px !important;
    }
    .roboscale .p-lg-170 {
        padding: 170px !important;
    }
    .roboscale .p-lg-180 {
        padding: 180px !important;
    }
    .roboscale .p-lg-190 {
        padding: 190px !important;
    }
    .roboscale .p-lg-200 {
        padding: 200px !important;
    }
    .roboscale .mt-lg-0 {
        margin-top: 0 !important;
    }
    .roboscale .mt-lg-5 {
        margin-top: 5px !important;
    }
    .roboscale .mt-lg-10 {
        margin-top: 10px !important;
    }
    .roboscale .mt-lg-15 {
        margin-top: 15px !important;
    }
    .roboscale .mt-lg-20 {
        margin-top: 20px !important;
    }
    .roboscale .mt-lg-30 {
        margin-top: 30px !important;
    }
    .roboscale .mt-lg-40 {
        margin-top: 40px !important;
    }
    .roboscale .mt-lg-50 {
        margin-top: 50px !important;
    }
    .roboscale .mt-lg-60 {
        margin-top: 60px !important;
    }
    .roboscale .mt-lg-70 {
        margin-top: 70px !important;
    }
    .roboscale .mt-lg-80 {
        margin-top: 80px !important;
    }
    .roboscale .mt-lg-90 {
        margin-top: 90px !important;
    }
    .roboscale .mt-lg-100 {
        margin-top: 100px !important;
    }
    .roboscale .mt-lg-110 {
        margin-top: 110px !important;
    }
    .roboscale .mt-lg-120 {
        margin-top: 120px !important;
    }
    .roboscale .mt-lg-130 {
        margin-top: 130px !important;
    }
    .roboscale .mt-lg-140 {
        margin-top: 140px !important;
    }
    .roboscale .mt-lg-150 {
        margin-top: 150px !important;
    }
    .roboscale .mt-lg-160 {
        margin-top: 160px !important;
    }
    .roboscale .mt-lg-170 {
        margin-top: 170px !important;
    }
    .roboscale .mt-lg-180 {
        margin-top: 180px !important;
    }
    .roboscale .mt-lg-190 {
        margin-top: 190px !important;
    }
    .roboscale .mt-lg-200 {
        margin-top: 200px !important;
    }
    .roboscale .mr-lg-0 {
        margin-right: 0 !important;
    }
    .roboscale .mr-lg-5 {
        margin-right: 5px !important;
    }
    .roboscale .mr-lg-10 {
        margin-right: 10px !important;
    }
    .roboscale .mr-lg-15 {
        margin-right: 15px !important;
    }
    .roboscale .mr-lg-20 {
        margin-right: 20px !important;
    }
    .roboscale .mr-lg-30 {
        margin-right: 30px !important;
    }
    .roboscale .mr-lg-40 {
        margin-right: 40px !important;
    }
    .roboscale .mr-lg-50 {
        margin-right: 50px !important;
    }
    .roboscale .mr-lg-60 {
        margin-right: 60px !important;
    }
    .roboscale .mr-lg-70 {
        margin-right: 70px !important;
    }
    .roboscale .mr-lg-80 {
        margin-right: 80px !important;
    }
    .roboscale .mr-lg-90 {
        margin-right: 90px !important;
    }
    .roboscale .mr-lg-100 {
        margin-right: 100px !important;
    }
    .roboscale .mr-lg-110 {
        margin-right: 110px !important;
    }
    .roboscale .mr-lg-120 {
        margin-right: 120px !important;
    }
    .roboscale .mr-lg-130 {
        margin-right: 130px !important;
    }
    .roboscale .mr-lg-140 {
        margin-right: 140px !important;
    }
    .roboscale .mr-lg-150 {
        margin-right: 150px !important;
    }
    .roboscale .mr-lg-160 {
        margin-right: 160px !important;
    }
    .roboscale .mr-lg-170 {
        margin-right: 170px !important;
    }
    .roboscale .mr-lg-180 {
        margin-right: 180px !important;
    }
    .roboscale .mr-lg-190 {
        margin-right: 190px !important;
    }
    .roboscale .mr-lg-200 {
        margin-right: 200px !important;
    }
    .roboscale .mb-lg-0 {
        margin-bottom: 0 !important;
    }
    .roboscale .mb-lg-5 {
        margin-bottom: 5px !important;
    }
    .roboscale .mb-lg-10 {
        margin-bottom: 10px !important;
    }
    .roboscale .mb-lg-15 {
        margin-bottom: 15px !important;
    }
    .roboscale .mb-lg-20 {
        margin-bottom: 20px !important;
    }
    .roboscale .mb-lg-30 {
        margin-bottom: 30px !important;
    }
    .roboscale .mb-lg-40 {
        margin-bottom: 40px !important;
    }
    .roboscale .mb-lg-50 {
        margin-bottom: 50px !important;
    }
    .roboscale .mb-lg-60 {
        margin-bottom: 60px !important;
    }
    .roboscale .mb-lg-70 {
        margin-bottom: 70px !important;
    }
    .roboscale .mb-lg-80 {
        margin-bottom: 80px !important;
    }
    .roboscale .mb-lg-90 {
        margin-bottom: 90px !important;
    }
    .roboscale .mb-lg-100 {
        margin-bottom: 100px !important;
    }
    .roboscale .mb-lg-110 {
        margin-bottom: 110px !important;
    }
    .roboscale .mb-lg-120 {
        margin-bottom: 120px !important;
    }
    .roboscale .mb-lg-130 {
        margin-bottom: 130px !important;
    }
    .roboscale .mb-lg-140 {
        margin-bottom: 140px !important;
    }
    .roboscale .mb-lg-150 {
        margin-bottom: 150px !important;
    }
    .roboscale .mb-lg-160 {
        margin-bottom: 160px !important;
    }
    .roboscale .mb-lg-170 {
        margin-bottom: 170px !important;
    }
    .roboscale .mb-lg-180 {
        margin-bottom: 180px !important;
    }
    .roboscale .mb-lg-190 {
        margin-bottom: 190px !important;
    }
    .roboscale .mb-lg-200 {
        margin-bottom: 200px !important;
    }
    .roboscale .ml-lg-0 {
        margin-left: 0 !important;
    }
    .roboscale .ml-lg-5 {
        margin-left: 5px !important;
    }
    .roboscale .ml-lg-10 {
        margin-left: 10px !important;
    }
    .roboscale .ml-lg-15 {
        margin-left: 15px !important;
    }
    .roboscale .ml-lg-20 {
        margin-left: 20px !important;
    }
    .roboscale .ml-lg-30 {
        margin-left: 30px !important;
    }
    .roboscale .ml-lg-40 {
        margin-left: 40px !important;
    }
    .roboscale .ml-lg-50 {
        margin-left: 50px !important;
    }
    .roboscale .ml-lg-60 {
        margin-left: 60px !important;
    }
    .roboscale .ml-lg-70 {
        margin-left: 70px !important;
    }
    .roboscale .ml-lg-80 {
        margin-left: 80px !important;
    }
    .roboscale .ml-lg-90 {
        margin-left: 90px !important;
    }
    .roboscale .ml-lg-100 {
        margin-left: 100px !important;
    }
    .roboscale .ml-lg-110 {
        margin-left: 110px !important;
    }
    .roboscale .ml-lg-120 {
        margin-left: 120px !important;
    }
    .roboscale .ml-lg-130 {
        margin-left: 130px !important;
    }
    .roboscale .ml-lg-140 {
        margin-left: 140px !important;
    }
    .roboscale .ml-lg-150 {
        margin-left: 150px !important;
    }
    .roboscale .ml-lg-160 {
        margin-left: 160px !important;
    }
    .roboscale .ml-lg-170 {
        margin-left: 170px !important;
    }
    .roboscale .ml-lg-180 {
        margin-left: 180px !important;
    }
    .roboscale .ml-lg-190 {
        margin-left: 190px !important;
    }
    .roboscale .ml-lg-200 {
        margin-left: 200px !important;
    }
    .roboscale .pt-lg-0 {
        padding-top: 0 !important;
    }
    .roboscale .pt-lg-5 {
        padding-top: 5px !important;
    }
    .roboscale .pt-lg-10 {
        padding-top: 10px !important;
    }
    .roboscale .pt-lg-15 {
        padding-top: 15px !important;
    }
    .roboscale .pt-lg-20 {
        padding-top: 20px !important;
    }
    .roboscale .pt-lg-30 {
        padding-top: 30px !important;
    }
    .roboscale .pt-lg-40 {
        padding-top: 40px !important;
    }
    .roboscale .pt-lg-50 {
        padding-top: 50px !important;
    }
    .roboscale .pt-lg-60 {
        padding-top: 60px !important;
    }
    .roboscale .pt-lg-70 {
        padding-top: 70px !important;
    }
    .roboscale .pt-lg-80 {
        padding-top: 80px !important;
    }
    .roboscale .pt-lg-90 {
        padding-top: 90px !important;
    }
    .roboscale .pt-lg-100 {
        padding-top: 100px !important;
    }
    .roboscale .pt-lg-110 {
        padding-top: 110px !important;
    }
    .roboscale .pt-lg-120 {
        padding-top: 120px !important;
    }
    .roboscale .pt-lg-130 {
        padding-top: 130px !important;
    }
    .roboscale .pt-lg-140 {
        padding-top: 140px !important;
    }
    .roboscale .pt-lg-150 {
        padding-top: 150px !important;
    }
    .roboscale .pt-lg-160 {
        padding-top: 160px !important;
    }
    .roboscale .pt-lg-170 {
        padding-top: 170px !important;
    }
    .roboscale .pt-lg-180 {
        padding-top: 180px !important;
    }
    .roboscale .pt-lg-190 {
        padding-top: 190px !important;
    }
    .roboscale .pt-lg-200 {
        padding-top: 200px !important;
    }
    .roboscale .pr-lg-0 {
        padding-right: 0 !important;
    }
    .roboscale .pr-lg-5 {
        padding-right: 5px !important;
    }
    .roboscale .pr-lg-10 {
        padding-right: 10px !important;
    }
    .roboscale .pr-lg-15 {
        padding-right: 15px !important;
    }
    .roboscale .pr-lg-20 {
        padding-right: 20px !important;
    }
    .roboscale .pr-lg-30 {
        padding-right: 30px !important;
    }
    .roboscale .pr-lg-40 {
        padding-right: 40px !important;
    }
    .roboscale .pr-lg-50 {
        padding-right: 50px !important;
    }
    .roboscale .pr-lg-60 {
        padding-right: 60px !important;
    }
    .roboscale .pr-lg-70 {
        padding-right: 70px !important;
    }
    .roboscale .pr-lg-80 {
        padding-right: 80px !important;
    }
    .roboscale .pr-lg-90 {
        padding-right: 90px !important;
    }
    .roboscale .pr-lg-100 {
        padding-right: 100px !important;
    }
    .roboscale .pr-lg-110 {
        padding-right: 110px !important;
    }
    .roboscale .pr-lg-120 {
        padding-right: 120px !important;
    }
    .roboscale .pr-lg-130 {
        padding-right: 130px !important;
    }
    .roboscale .pr-lg-140 {
        padding-right: 140px !important;
    }
    .roboscale .pr-lg-150 {
        padding-right: 150px !important;
    }
    .roboscale .pr-lg-160 {
        padding-right: 160px !important;
    }
    .roboscale .pr-lg-170 {
        padding-right: 170px !important;
    }
    .roboscale .pr-lg-180 {
        padding-right: 180px !important;
    }
    .roboscale .pr-lg-190 {
        padding-right: 190px !important;
    }
    .roboscale .pr-lg-200 {
        padding-right: 200px !important;
    }
    .roboscale .pb-lg-0 {
        padding-bottom: 0 !important;
    }
    .roboscale .pb-lg-5 {
        padding-bottom: 5px !important;
    }
    .roboscale .pb-lg-10 {
        padding-bottom: 10px !important;
    }
    .roboscale .pb-lg-15 {
        padding-bottom: 15px !important;
    }
    .roboscale .pb-lg-20 {
        padding-bottom: 20px !important;
    }
    .roboscale .pb-lg-30 {
        padding-bottom: 30px !important;
    }
    .roboscale .pb-lg-40 {
        padding-bottom: 40px !important;
    }
    .roboscale .pb-lg-50 {
        padding-bottom: 50px !important;
    }
    .roboscale .pb-lg-60 {
        padding-bottom: 60px !important;
    }
    .roboscale .pb-lg-70 {
        padding-bottom: 70px !important;
    }
    .roboscale .pb-lg-80 {
        padding-bottom: 80px !important;
    }
    .roboscale .pb-lg-90 {
        padding-bottom: 90px !important;
    }
    .roboscale .pb-lg-100 {
        padding-bottom: 100px !important;
    }
    .roboscale .pb-lg-110 {
        padding-bottom: 110px !important;
    }
    .roboscale .pb-lg-120 {
        padding-bottom: 120px !important;
    }
    .roboscale .pb-lg-130 {
        padding-bottom: 130px !important;
    }
    .roboscale .pb-lg-140 {
        padding-bottom: 140px !important;
    }
    .roboscale .pb-lg-150 {
        padding-bottom: 150px !important;
    }
    .roboscale .pb-lg-160 {
        padding-bottom: 160px !important;
    }
    .roboscale .pb-lg-170 {
        padding-bottom: 170px !important;
    }
    .roboscale .pb-lg-180 {
        padding-bottom: 180px !important;
    }
    .roboscale .pb-lg-190 {
        padding-bottom: 190px !important;
    }
    .roboscale .pb-lg-200 {
        padding-bottom: 200px !important;
    }
    .roboscale .pl-lg-0 {
        padding-left: 0 !important;
    }
    .roboscale .pl-lg-5 {
        padding-left: 5px !important;
    }
    .roboscale .pl-lg-10 {
        padding-left: 10px !important;
    }
    .roboscale .pl-lg-15 {
        padding-left: 15px !important;
    }
    .roboscale .pl-lg-20 {
        padding-left: 20px !important;
    }
    .roboscale .pl-lg-30 {
        padding-left: 30px !important;
    }
    .roboscale .pl-lg-40 {
        padding-left: 40px !important;
    }
    .roboscale .pl-lg-50 {
        padding-left: 50px !important;
    }
    .roboscale .pl-lg-60 {
        padding-left: 60px !important;
    }
    .roboscale .pl-lg-70 {
        padding-left: 70px !important;
    }
    .roboscale .pl-lg-80 {
        padding-left: 80px !important;
    }
    .roboscale .pl-lg-90 {
        padding-left: 90px !important;
    }
    .roboscale .pl-lg-100 {
        padding-left: 100px !important;
    }
    .roboscale .pl-lg-110 {
        padding-left: 110px !important;
    }
    .roboscale .pl-lg-120 {
        padding-left: 120px !important;
    }
    .roboscale .pl-lg-130 {
        padding-left: 130px !important;
    }
    .roboscale .pl-lg-140 {
        padding-left: 140px !important;
    }
    .roboscale .pl-lg-150 {
        padding-left: 150px !important;
    }
    .roboscale .pl-lg-160 {
        padding-left: 160px !important;
    }
    .roboscale .pl-lg-170 {
        padding-left: 170px !important;
    }
    .roboscale .pl-lg-180 {
        padding-left: 180px !important;
    }
    .roboscale .pl-lg-190 {
        padding-left: 190px !important;
    }
    .roboscale .pl-lg-200 {
        padding-left: 200px !important;
    }
}
@media (max-width: 1199px) {
    .roboscale {
        /*
     * 3.1 -> Basic Margin
     * -----------------------------------------------
     */
        /*
     * 3.2 -> Basic Padding
     * -----------------------------------------------
     */
        /*
     * 3.3 -> Margin top
     * -----------------------------------------------
     */
        /*
     * 3.4 -> Margin right
     * -----------------------------------------------
     */
        /*
     * 3.5 -> Margin bottom
     * -----------------------------------------------
     */
        /*
     * 3.6 -> Margin left
     * -----------------------------------------------
     */
        /*
     * 3.7 -> Padding top
     * -----------------------------------------------
     */
        /*
     * 3.8 -> Padding right
     * -----------------------------------------------
     */
        /*
     * 3.9 -> Padding bottom
     * -----------------------------------------------
     */
        /*
     * 3.10 -> Padding left
     * -----------------------------------------------
     */
    }
    .roboscale .m-md-0 {
        margin: 0px !important;
    }
    .roboscale .m-md-5 {
        margin: 5px !important;
    }
    .roboscale .m-md-10 {
        margin: 10px !important;
    }
    .roboscale .m-md-15 {
        margin: 15px !important;
    }
    .roboscale .m-md-20 {
        margin: 20px !important;
    }
    .roboscale .m-md-30 {
        margin: 30px !important;
    }
    .roboscale .m-md-40 {
        margin: 40px !important;
    }
    .roboscale .m-md-50 {
        margin: 50px !important;
    }
    .roboscale .m-md-60 {
        margin: 60px !important;
    }
    .roboscale .m-md-70 {
        margin: 70px !important;
    }
    .roboscale .m-md-80 {
        margin: 80px !important;
    }
    .roboscale .m-md-90 {
        margin: 90px !important;
    }
    .roboscale .m-md-100 {
        margin: 100px !important;
    }
    .roboscale .m-md-110 {
        margin: 110px !important;
    }
    .roboscale .m-md-120 {
        margin: 120px !important;
    }
    .roboscale .m-md-130 {
        margin: 130px !important;
    }
    .roboscale .m-md-140 {
        margin: 140px !important;
    }
    .roboscale .m-md-150 {
        margin: 150px !important;
    }
    .roboscale .m-md-160 {
        margin: 160px !important;
    }
    .roboscale .m-md-170 {
        margin: 170px !important;
    }
    .roboscale .m-md-180 {
        margin: 180px !important;
    }
    .roboscale .m-md-190 {
        margin: 190px !important;
    }
    .roboscale .m-md-200 {
        margin: 200px !important;
    }
    .roboscale .p-md-0 {
        padding: 0 !important;
    }
    .roboscale .p-md-5 {
        padding: 5px !important;
    }
    .roboscale .p-md-10 {
        padding: 10px !important;
    }
    .roboscale .p-md-15 {
        padding: 15px !important;
    }
    .roboscale .p-md-20 {
        padding: 20px !important;
    }
    .roboscale .p-md-30 {
        padding: 30px !important;
    }
    .roboscale .p-md-40 {
        padding: 40px !important;
    }
    .roboscale .p-md-50 {
        padding: 50px !important;
    }
    .roboscale .p-md-60 {
        padding: 60px !important;
    }
    .roboscale .p-md-70 {
        padding: 70px !important;
    }
    .roboscale .p-md-80 {
        padding: 80px !important;
    }
    .roboscale .p-md-90 {
        padding: 90px !important;
    }
    .roboscale .p-md-100 {
        padding: 100px !important;
    }
    .roboscale .p-md-110 {
        padding: 110px !important;
    }
    .roboscale .p-md-120 {
        padding: 120px !important;
    }
    .roboscale .p-md-130 {
        padding: 130px !important;
    }
    .roboscale .p-md-140 {
        padding: 140px !important;
    }
    .roboscale .p-md-150 {
        padding: 150px !important;
    }
    .roboscale .p-md-160 {
        padding: 160px !important;
    }
    .roboscale .p-md-170 {
        padding: 170px !important;
    }
    .roboscale .p-md-180 {
        padding: 180px !important;
    }
    .roboscale .p-md-190 {
        padding: 190px !important;
    }
    .roboscale .p-md-200 {
        padding: 200px !important;
    }
    .roboscale .mt-md-0 {
        margin-top: 0 !important;
    }
    .roboscale .mt-md-5 {
        margin-top: 5px !important;
    }
    .roboscale .mt-md-10 {
        margin-top: 10px !important;
    }
    .roboscale .mt-md-15 {
        margin-top: 15px !important;
    }
    .roboscale .mt-md-20 {
        margin-top: 20px !important;
    }
    .roboscale .mt-md-30 {
        margin-top: 30px !important;
    }
    .roboscale .mt-md-40 {
        margin-top: 40px !important;
    }
    .roboscale .mt-md-50 {
        margin-top: 50px !important;
    }
    .roboscale .mt-md-60 {
        margin-top: 60px !important;
    }
    .roboscale .mt-md-70 {
        margin-top: 70px !important;
    }
    .roboscale .mt-md-80 {
        margin-top: 80px !important;
    }
    .roboscale .mt-md-90 {
        margin-top: 90px !important;
    }
    .roboscale .mt-md-100 {
        margin-top: 100px !important;
    }
    .roboscale .mt-md-110 {
        margin-top: 110px !important;
    }
    .roboscale .mt-md-120 {
        margin-top: 120px !important;
    }
    .roboscale .mt-md-130 {
        margin-top: 130px !important;
    }
    .roboscale .mt-md-140 {
        margin-top: 140px !important;
    }
    .roboscale .mt-md-150 {
        margin-top: 150px !important;
    }
    .roboscale .mt-md-160 {
        margin-top: 160px !important;
    }
    .roboscale .mt-md-170 {
        margin-top: 170px !important;
    }
    .roboscale .mt-md-180 {
        margin-top: 180px !important;
    }
    .roboscale .mt-md-190 {
        margin-top: 190px !important;
    }
    .roboscale .mt-md-200 {
        margin-top: 200px !important;
    }
    .roboscale .mr-md-0 {
        margin-right: 0 !important;
    }
    .roboscale .mr-md-5 {
        margin-right: 5px !important;
    }
    .roboscale .mr-md-10 {
        margin-right: 10px !important;
    }
    .roboscale .mr-md-15 {
        margin-right: 15px !important;
    }
    .roboscale .mr-md-20 {
        margin-right: 20px !important;
    }
    .roboscale .mr-md-30 {
        margin-right: 30px !important;
    }
    .roboscale .mr-md-40 {
        margin-right: 40px !important;
    }
    .roboscale .mr-md-50 {
        margin-right: 50px !important;
    }
    .roboscale .mr-md-60 {
        margin-right: 60px !important;
    }
    .roboscale .mr-md-70 {
        margin-right: 70px !important;
    }
    .roboscale .mr-md-80 {
        margin-right: 80px !important;
    }
    .roboscale .mr-md-90 {
        margin-right: 90px !important;
    }
    .roboscale .mr-md-100 {
        margin-right: 100px !important;
    }
    .roboscale .mr-md-110 {
        margin-right: 110px !important;
    }
    .roboscale .mr-md-120 {
        margin-right: 120px !important;
    }
    .roboscale .mr-md-130 {
        margin-right: 130px !important;
    }
    .roboscale .mr-md-140 {
        margin-right: 140px !important;
    }
    .roboscale .mr-md-150 {
        margin-right: 150px !important;
    }
    .roboscale .mr-md-160 {
        margin-right: 160px !important;
    }
    .roboscale .mr-md-170 {
        margin-right: 170px !important;
    }
    .roboscale .mr-md-180 {
        margin-right: 180px !important;
    }
    .roboscale .mr-md-190 {
        margin-right: 190px !important;
    }
    .roboscale .mr-md-200 {
        margin-right: 200px !important;
    }
    .roboscale .mb-md-0 {
        margin-bottom: 0 !important;
    }
    .roboscale .mb-md-5 {
        margin-bottom: 5px !important;
    }
    .roboscale .mb-md-10 {
        margin-bottom: 10px !important;
    }
    .roboscale .mb-md-15 {
        margin-bottom: 15px !important;
    }
    .roboscale .mb-md-20 {
        margin-bottom: 20px !important;
    }
    .roboscale .mb-md-30 {
        margin-bottom: 30px !important;
    }
    .roboscale .mb-md-40 {
        margin-bottom: 40px !important;
    }
    .roboscale .mb-md-50 {
        margin-bottom: 50px !important;
    }
    .roboscale .mb-md-60 {
        margin-bottom: 60px !important;
    }
    .roboscale .mb-md-70 {
        margin-bottom: 70px !important;
    }
    .roboscale .mb-md-80 {
        margin-bottom: 80px !important;
    }
    .roboscale .mb-md-90 {
        margin-bottom: 90px !important;
    }
    .roboscale .mb-md-100 {
        margin-bottom: 100px !important;
    }
    .roboscale .mb-md-110 {
        margin-bottom: 110px !important;
    }
    .roboscale .mb-md-120 {
        margin-bottom: 120px !important;
    }
    .roboscale .mb-md-130 {
        margin-bottom: 130px !important;
    }
    .roboscale .mb-md-140 {
        margin-bottom: 140px !important;
    }
    .roboscale .mb-md-150 {
        margin-bottom: 150px !important;
    }
    .roboscale .mb-md-160 {
        margin-bottom: 160px !important;
    }
    .roboscale .mb-md-170 {
        margin-bottom: 170px !important;
    }
    .roboscale .mb-md-180 {
        margin-bottom: 180px !important;
    }
    .roboscale .mb-md-190 {
        margin-bottom: 190px !important;
    }
    .roboscale .mb-md-200 {
        margin-bottom: 200px !important;
    }
    .roboscale .ml-md-0 {
        margin-left: 0 !important;
    }
    .roboscale .ml-md-5 {
        margin-left: 5px !important;
    }
    .roboscale .ml-md-10 {
        margin-left: 10px !important;
    }
    .roboscale .ml-md-15 {
        margin-left: 15px !important;
    }
    .roboscale .ml-md-20 {
        margin-left: 20px !important;
    }
    .roboscale .ml-md-30 {
        margin-left: 30px !important;
    }
    .roboscale .ml-md-40 {
        margin-left: 40px !important;
    }
    .roboscale .ml-md-50 {
        margin-left: 50px !important;
    }
    .roboscale .ml-md-60 {
        margin-left: 60px !important;
    }
    .roboscale .ml-md-70 {
        margin-left: 70px !important;
    }
    .roboscale .ml-md-80 {
        margin-left: 80px !important;
    }
    .roboscale .ml-md-90 {
        margin-left: 90px !important;
    }
    .roboscale .ml-md-100 {
        margin-left: 100px !important;
    }
    .roboscale .ml-md-110 {
        margin-left: 110px !important;
    }
    .roboscale .ml-md-120 {
        margin-left: 120px !important;
    }
    .roboscale .ml-md-130 {
        margin-left: 130px !important;
    }
    .roboscale .ml-md-140 {
        margin-left: 140px !important;
    }
    .roboscale .ml-md-150 {
        margin-left: 150px !important;
    }
    .roboscale .ml-md-160 {
        margin-left: 160px !important;
    }
    .roboscale .ml-md-170 {
        margin-left: 170px !important;
    }
    .roboscale .ml-md-180 {
        margin-left: 180px !important;
    }
    .roboscale .ml-md-190 {
        margin-left: 190px !important;
    }
    .roboscale .ml-md-200 {
        margin-left: 200px !important;
    }
    .roboscale .pt-md-0 {
        padding-top: 0 !important;
    }
    .roboscale .pt-md-5 {
        padding-top: 5px !important;
    }
    .roboscale .pt-md-10 {
        padding-top: 10px !important;
    }
    .roboscale .pt-md-15 {
        padding-top: 15px !important;
    }
    .roboscale .pt-md-20 {
        padding-top: 20px !important;
    }
    .roboscale .pt-md-30 {
        padding-top: 30px !important;
    }
    .roboscale .pt-md-40 {
        padding-top: 40px !important;
    }
    .roboscale .pt-md-50 {
        padding-top: 50px !important;
    }
    .roboscale .pt-md-60 {
        padding-top: 60px !important;
    }
    .roboscale .pt-md-70 {
        padding-top: 70px !important;
    }
    .roboscale .pt-md-80 {
        padding-top: 80px !important;
    }
    .roboscale .pt-md-90 {
        padding-top: 90px !important;
    }
    .roboscale .pt-md-100 {
        padding-top: 100px !important;
    }
    .roboscale .pt-md-110 {
        padding-top: 110px !important;
    }
    .roboscale .pt-md-120 {
        padding-top: 120px !important;
    }
    .roboscale .pt-md-130 {
        padding-top: 130px !important;
    }
    .roboscale .pt-md-140 {
        padding-top: 140px !important;
    }
    .roboscale .pt-md-150 {
        padding-top: 150px !important;
    }
    .roboscale .pt-md-160 {
        padding-top: 160px !important;
    }
    .roboscale .pt-md-170 {
        padding-top: 170px !important;
    }
    .roboscale .pt-md-180 {
        padding-top: 180px !important;
    }
    .roboscale .pt-md-190 {
        padding-top: 190px !important;
    }
    .roboscale .pt-md-200 {
        padding-top: 200px !important;
    }
    .roboscale .pr-md-0 {
        padding-right: 0 !important;
    }
    .roboscale .pr-md-5 {
        padding-right: 5px !important;
    }
    .roboscale .pr-md-10 {
        padding-right: 10px !important;
    }
    .roboscale .pr-md-15 {
        padding-right: 15px !important;
    }
    .roboscale .pr-md-20 {
        padding-right: 20px !important;
    }
    .roboscale .pr-md-30 {
        padding-right: 30px !important;
    }
    .roboscale .pr-md-40 {
        padding-right: 40px !important;
    }
    .roboscale .pr-md-50 {
        padding-right: 50px !important;
    }
    .roboscale .pr-md-60 {
        padding-right: 60px !important;
    }
    .roboscale .pr-md-70 {
        padding-right: 70px !important;
    }
    .roboscale .pr-md-80 {
        padding-right: 80px !important;
    }
    .roboscale .pr-md-90 {
        padding-right: 90px !important;
    }
    .roboscale .pr-md-100 {
        padding-right: 100px !important;
    }
    .roboscale .pr-md-110 {
        padding-right: 110px !important;
    }
    .roboscale .pr-md-120 {
        padding-right: 120px !important;
    }
    .roboscale .pr-md-130 {
        padding-right: 130px !important;
    }
    .roboscale .pr-md-140 {
        padding-right: 140px !important;
    }
    .roboscale .pr-md-150 {
        padding-right: 150px !important;
    }
    .roboscale .pr-md-160 {
        padding-right: 160px !important;
    }
    .roboscale .pr-md-170 {
        padding-right: 170px !important;
    }
    .roboscale .pr-md-180 {
        padding-right: 180px !important;
    }
    .roboscale .pr-md-190 {
        padding-right: 190px !important;
    }
    .roboscale .pr-md-200 {
        padding-right: 200px !important;
    }
    .roboscale .pb-md-0 {
        padding-bottom: 0 !important;
    }
    .roboscale .pb-md-5 {
        padding-bottom: 5px !important;
    }
    .roboscale .pb-md-10 {
        padding-bottom: 10px !important;
    }
    .roboscale .pb-md-15 {
        padding-bottom: 15px !important;
    }
    .roboscale .pb-md-20 {
        padding-bottom: 20px !important;
    }
    .roboscale .pb-md-30 {
        padding-bottom: 30px !important;
    }
    .roboscale .pb-md-40 {
        padding-bottom: 40px !important;
    }
    .roboscale .pb-md-50 {
        padding-bottom: 50px !important;
    }
    .roboscale .pb-md-60 {
        padding-bottom: 60px !important;
    }
    .roboscale .pb-md-70 {
        padding-bottom: 70px !important;
    }
    .roboscale .pb-md-80 {
        padding-bottom: 80px !important;
    }
    .roboscale .pb-md-90 {
        padding-bottom: 90px !important;
    }
    .roboscale .pb-md-100 {
        padding-bottom: 100px !important;
    }
    .roboscale .pb-md-110 {
        padding-bottom: 110px !important;
    }
    .roboscale .pb-md-120 {
        padding-bottom: 120px !important;
    }
    .roboscale .pb-md-130 {
        padding-bottom: 130px !important;
    }
    .roboscale .pb-md-140 {
        padding-bottom: 140px !important;
    }
    .roboscale .pb-md-150 {
        padding-bottom: 150px !important;
    }
    .roboscale .pb-md-160 {
        padding-bottom: 160px !important;
    }
    .roboscale .pb-md-170 {
        padding-bottom: 170px !important;
    }
    .roboscale .pb-md-180 {
        padding-bottom: 180px !important;
    }
    .roboscale .pb-md-190 {
        padding-bottom: 190px !important;
    }
    .roboscale .pb-md-200 {
        padding-bottom: 200px !important;
    }
    .roboscale .pl-md-0 {
        padding-left: 0 !important;
    }
    .roboscale .pl-md-5 {
        padding-left: 5px !important;
    }
    .roboscale .pl-md-10 {
        padding-left: 10px !important;
    }
    .roboscale .pl-md-15 {
        padding-left: 15px !important;
    }
    .roboscale .pl-md-20 {
        padding-left: 20px !important;
    }
    .roboscale .pl-md-30 {
        padding-left: 30px !important;
    }
    .roboscale .pl-md-40 {
        padding-left: 40px !important;
    }
    .roboscale .pl-md-50 {
        padding-left: 50px !important;
    }
    .roboscale .pl-md-60 {
        padding-left: 60px !important;
    }
    .roboscale .pl-md-70 {
        padding-left: 70px !important;
    }
    .roboscale .pl-md-80 {
        padding-left: 80px !important;
    }
    .roboscale .pl-md-90 {
        padding-left: 90px !important;
    }
    .roboscale .pl-md-100 {
        padding-left: 100px !important;
    }
    .roboscale .pl-md-110 {
        padding-left: 110px !important;
    }
    .roboscale .pl-md-120 {
        padding-left: 120px !important;
    }
    .roboscale .pl-md-130 {
        padding-left: 130px !important;
    }
    .roboscale .pl-md-140 {
        padding-left: 140px !important;
    }
    .roboscale .pl-md-150 {
        padding-left: 150px !important;
    }
    .roboscale .pl-md-160 {
        padding-left: 160px !important;
    }
    .roboscale .pl-md-170 {
        padding-left: 170px !important;
    }
    .roboscale .pl-md-180 {
        padding-left: 180px !important;
    }
    .roboscale .pl-md-190 {
        padding-left: 190px !important;
    }
    .roboscale .pl-md-200 {
        padding-left: 200px !important;
    }
}
@media (max-width: 991px) {
    .roboscale {
        /*
     * 4.1 -> Basic Margin
     * -----------------------------------------------
     */
        /*
     * 4.2 -> Basic Padding
     * -----------------------------------------------
     */
        /*
     * 4.3 -> Margin top
     * -----------------------------------------------
     */
        /*
     * 4.4 -> Margin right
     * -----------------------------------------------
     */
        /*
     * 4.5 -> Margin bottom
     * -----------------------------------------------
     */
        /*
     * 4.6 -> Margin left
     * -----------------------------------------------
     */
        /*
     * 4.7 -> Padding top
     * -----------------------------------------------
     */
        /*
     * 4.8 -> Padding right
     * -----------------------------------------------
     */
        /*
     * 4.9 -> Padding bottom
     * -----------------------------------------------
     */
        /*
     * 4.10 -> Padding left
     * -----------------------------------------------
     */
    }
    .roboscale .m-sm-0 {
        margin: 0px !important;
    }
    .roboscale .m-sm-5 {
        margin: 5px !important;
    }
    .roboscale .m-sm-10 {
        margin: 10px !important;
    }
    .roboscale .m-sm-15 {
        margin: 15px !important;
    }
    .roboscale .m-sm-20 {
        margin: 20px !important;
    }
    .roboscale .m-sm-30 {
        margin: 30px !important;
    }
    .roboscale .m-sm-40 {
        margin: 40px !important;
    }
    .roboscale .m-sm-50 {
        margin: 50px !important;
    }
    .roboscale .m-sm-60 {
        margin: 60px !important;
    }
    .roboscale .m-sm-70 {
        margin: 70px !important;
    }
    .roboscale .m-sm-80 {
        margin: 80px !important;
    }
    .roboscale .m-sm-90 {
        margin: 90px !important;
    }
    .roboscale .m-sm-100 {
        margin: 100px !important;
    }
    .roboscale .m-sm-110 {
        margin: 110px !important;
    }
    .roboscale .m-sm-120 {
        margin: 120px !important;
    }
    .roboscale .m-sm-130 {
        margin: 130px !important;
    }
    .roboscale .m-sm-140 {
        margin: 140px !important;
    }
    .roboscale .m-sm-150 {
        margin: 150px !important;
    }
    .roboscale .m-sm-160 {
        margin: 160px !important;
    }
    .roboscale .m-sm-170 {
        margin: 170px !important;
    }
    .roboscale .m-sm-180 {
        margin: 180px !important;
    }
    .roboscale .m-sm-190 {
        margin: 190px !important;
    }
    .roboscale .m-sm-200 {
        margin: 200px !important;
    }
    .roboscale .p-sm-0 {
        padding: 0 !important;
    }
    .roboscale .p-sm-5 {
        padding: 5px !important;
    }
    .roboscale .p-sm-10 {
        padding: 10px !important;
    }
    .roboscale .p-sm-15 {
        padding: 15px !important;
    }
    .roboscale .p-sm-20 {
        padding: 20px !important;
    }
    .roboscale .p-sm-30 {
        padding: 30px !important;
    }
    .roboscale .p-sm-40 {
        padding: 40px !important;
    }
    .roboscale .p-sm-50 {
        padding: 50px !important;
    }
    .roboscale .p-sm-60 {
        padding: 60px !important;
    }
    .roboscale .p-sm-70 {
        padding: 70px !important;
    }
    .roboscale .p-sm-80 {
        padding: 80px !important;
    }
    .roboscale .p-sm-90 {
        padding: 90px !important;
    }
    .roboscale .p-sm-100 {
        padding: 100px !important;
    }
    .roboscale .p-sm-110 {
        padding: 110px !important;
    }
    .roboscale .p-sm-120 {
        padding: 120px !important;
    }
    .roboscale .p-sm-130 {
        padding: 130px !important;
    }
    .roboscale .p-sm-140 {
        padding: 140px !important;
    }
    .roboscale .p-sm-150 {
        padding: 150px !important;
    }
    .roboscale .p-sm-160 {
        padding: 160px !important;
    }
    .roboscale .p-sm-170 {
        padding: 170px !important;
    }
    .roboscale .p-sm-180 {
        padding: 180px !important;
    }
    .roboscale .p-sm-190 {
        padding: 190px !important;
    }
    .roboscale .p-sm-200 {
        padding: 200px !important;
    }
    .roboscale .mt-sm-0 {
        margin-top: 0 !important;
    }
    .roboscale .mt-sm-5 {
        margin-top: 5px !important;
    }
    .roboscale .mt-sm-10 {
        margin-top: 10px !important;
    }
    .roboscale .mt-sm-15 {
        margin-top: 15px !important;
    }
    .roboscale .mt-sm-20 {
        margin-top: 20px !important;
    }
    .roboscale .mt-sm-30 {
        margin-top: 30px !important;
    }
    .roboscale .mt-sm-40 {
        margin-top: 40px !important;
    }
    .roboscale .mt-sm-50 {
        margin-top: 50px !important;
    }
    .roboscale .mt-sm-60 {
        margin-top: 60px !important;
    }
    .roboscale .mt-sm-70 {
        margin-top: 70px !important;
    }
    .roboscale .mt-sm-80 {
        margin-top: 80px !important;
    }
    .roboscale .mt-sm-90 {
        margin-top: 90px !important;
    }
    .roboscale .mt-sm-100 {
        margin-top: 100px !important;
    }
    .roboscale .mt-sm-110 {
        margin-top: 110px !important;
    }
    .roboscale .mt-sm-120 {
        margin-top: 120px !important;
    }
    .roboscale .mt-sm-130 {
        margin-top: 130px !important;
    }
    .roboscale .mt-sm-140 {
        margin-top: 140px !important;
    }
    .roboscale .mt-sm-150 {
        margin-top: 150px !important;
    }
    .roboscale .mt-sm-160 {
        margin-top: 160px !important;
    }
    .roboscale .mt-sm-170 {
        margin-top: 170px !important;
    }
    .roboscale .mt-sm-180 {
        margin-top: 180px !important;
    }
    .roboscale .mt-sm-190 {
        margin-top: 190px !important;
    }
    .roboscale .mt-sm-200 {
        margin-top: 200px !important;
    }
    .roboscale .mr-sm-0 {
        margin-right: 0 !important;
    }
    .roboscale .mr-sm-5 {
        margin-right: 5px !important;
    }
    .roboscale .mr-sm-10 {
        margin-right: 10px !important;
    }
    .roboscale .mr-sm-15 {
        margin-right: 15px !important;
    }
    .roboscale .mr-sm-20 {
        margin-right: 20px !important;
    }
    .roboscale .mr-sm-30 {
        margin-right: 30px !important;
    }
    .roboscale .mr-sm-40 {
        margin-right: 40px !important;
    }
    .roboscale .mr-sm-50 {
        margin-right: 50px !important;
    }
    .roboscale .mr-sm-60 {
        margin-right: 60px !important;
    }
    .roboscale .mr-sm-70 {
        margin-right: 70px !important;
    }
    .roboscale .mr-sm-80 {
        margin-right: 80px !important;
    }
    .roboscale .mr-sm-90 {
        margin-right: 90px !important;
    }
    .roboscale .mr-sm-100 {
        margin-right: 100px !important;
    }
    .roboscale .mr-sm-110 {
        margin-right: 110px !important;
    }
    .roboscale .mr-sm-120 {
        margin-right: 120px !important;
    }
    .roboscale .mr-sm-130 {
        margin-right: 130px !important;
    }
    .roboscale .mr-sm-140 {
        margin-right: 140px !important;
    }
    .roboscale .mr-sm-150 {
        margin-right: 150px !important;
    }
    .roboscale .mr-sm-160 {
        margin-right: 160px !important;
    }
    .roboscale .mr-sm-170 {
        margin-right: 170px !important;
    }
    .roboscale .mr-sm-180 {
        margin-right: 180px !important;
    }
    .roboscale .mr-sm-190 {
        margin-right: 190px !important;
    }
    .roboscale .mr-sm-200 {
        margin-right: 200px !important;
    }
    .roboscale .mb-sm-0 {
        margin-bottom: 0 !important;
    }
    .roboscale .mb-sm-5 {
        margin-bottom: 5px !important;
    }
    .roboscale .mb-sm-10 {
        margin-bottom: 10px !important;
    }
    .roboscale .mb-sm-15 {
        margin-bottom: 15px !important;
    }
    .roboscale .mb-sm-20 {
        margin-bottom: 20px !important;
    }
    .roboscale .mb-sm-30 {
        margin-bottom: 30px !important;
    }
    .roboscale .mb-sm-40 {
        margin-bottom: 40px !important;
    }
    .roboscale .mb-sm-50 {
        margin-bottom: 50px !important;
    }
    .roboscale .mb-sm-60 {
        margin-bottom: 60px !important;
    }
    .roboscale .mb-sm-70 {
        margin-bottom: 70px !important;
    }
    .roboscale .mb-sm-80 {
        margin-bottom: 80px !important;
    }
    .roboscale .mb-sm-90 {
        margin-bottom: 90px !important;
    }
    .roboscale .mb-sm-100 {
        margin-bottom: 100px !important;
    }
    .roboscale .mb-sm-110 {
        margin-bottom: 110px !important;
    }
    .roboscale .mb-sm-120 {
        margin-bottom: 120px !important;
    }
    .roboscale .mb-sm-130 {
        margin-bottom: 130px !important;
    }
    .roboscale .mb-sm-140 {
        margin-bottom: 140px !important;
    }
    .roboscale .mb-sm-150 {
        margin-bottom: 150px !important;
    }
    .roboscale .mb-sm-160 {
        margin-bottom: 160px !important;
    }
    .roboscale .mb-sm-170 {
        margin-bottom: 170px !important;
    }
    .roboscale .mb-sm-180 {
        margin-bottom: 180px !important;
    }
    .roboscale .mb-sm-190 {
        margin-bottom: 190px !important;
    }
    .roboscale .mb-sm-200 {
        margin-bottom: 200px !important;
    }
    .roboscale .ml-sm-0 {
        margin-left: 0 !important;
    }
    .roboscale .ml-sm-5 {
        margin-left: 5px !important;
    }
    .roboscale .ml-sm-10 {
        margin-left: 10px !important;
    }
    .roboscale .ml-sm-15 {
        margin-left: 15px !important;
    }
    .roboscale .ml-sm-20 {
        margin-left: 20px !important;
    }
    .roboscale .ml-sm-30 {
        margin-left: 30px !important;
    }
    .roboscale .ml-sm-40 {
        margin-left: 40px !important;
    }
    .roboscale .ml-sm-50 {
        margin-left: 50px !important;
    }
    .roboscale .ml-sm-60 {
        margin-left: 60px !important;
    }
    .roboscale .ml-sm-70 {
        margin-left: 70px !important;
    }
    .roboscale .ml-sm-80 {
        margin-left: 80px !important;
    }
    .roboscale .ml-sm-90 {
        margin-left: 90px !important;
    }
    .roboscale .ml-sm-100 {
        margin-left: 100px !important;
    }
    .roboscale .ml-sm-110 {
        margin-left: 110px !important;
    }
    .roboscale .ml-sm-120 {
        margin-left: 120px !important;
    }
    .roboscale .ml-sm-130 {
        margin-left: 130px !important;
    }
    .roboscale .ml-sm-140 {
        margin-left: 140px !important;
    }
    .roboscale .ml-sm-150 {
        margin-left: 150px !important;
    }
    .roboscale .ml-sm-160 {
        margin-left: 160px !important;
    }
    .roboscale .ml-sm-170 {
        margin-left: 170px !important;
    }
    .roboscale .ml-sm-180 {
        margin-left: 180px !important;
    }
    .roboscale .ml-sm-190 {
        margin-left: 190px !important;
    }
    .roboscale .ml-sm-200 {
        margin-left: 200px !important;
    }
    .roboscale .pt-sm-0 {
        padding-top: 0 !important;
    }
    .roboscale .pt-sm-5 {
        padding-top: 5px !important;
    }
    .roboscale .pt-sm-10 {
        padding-top: 10px !important;
    }
    .roboscale .pt-sm-15 {
        padding-top: 15px !important;
    }
    .roboscale .pt-sm-20 {
        padding-top: 20px !important;
    }
    .roboscale .pt-sm-30 {
        padding-top: 30px !important;
    }
    .roboscale .pt-sm-40 {
        padding-top: 40px !important;
    }
    .roboscale .pt-sm-50 {
        padding-top: 50px !important;
    }
    .roboscale .pt-sm-60 {
        padding-top: 60px !important;
    }
    .roboscale .pt-sm-70 {
        padding-top: 70px !important;
    }
    .roboscale .pt-sm-80 {
        padding-top: 80px !important;
    }
    .roboscale .pt-sm-90 {
        padding-top: 90px !important;
    }
    .roboscale .pt-sm-100 {
        padding-top: 100px !important;
    }
    .roboscale .pt-sm-110 {
        padding-top: 110px !important;
    }
    .roboscale .pt-sm-120 {
        padding-top: 120px !important;
    }
    .roboscale .pt-sm-130 {
        padding-top: 130px !important;
    }
    .roboscale .pt-sm-140 {
        padding-top: 140px !important;
    }
    .roboscale .pt-sm-150 {
        padding-top: 150px !important;
    }
    .roboscale .pt-sm-160 {
        padding-top: 160px !important;
    }
    .roboscale .pt-sm-170 {
        padding-top: 170px !important;
    }
    .roboscale .pt-sm-180 {
        padding-top: 180px !important;
    }
    .roboscale .pt-sm-190 {
        padding-top: 190px !important;
    }
    .roboscale .pt-sm-200 {
        padding-top: 200px !important;
    }
    .roboscale .pr-sm-0 {
        padding-right: 0 !important;
    }
    .roboscale .pr-sm-5 {
        padding-right: 5px !important;
    }
    .roboscale .pr-sm-10 {
        padding-right: 10px !important;
    }
    .roboscale .pr-sm-15 {
        padding-right: 15px !important;
    }
    .roboscale .pr-sm-20 {
        padding-right: 20px !important;
    }
    .roboscale .pr-sm-30 {
        padding-right: 30px !important;
    }
    .roboscale .pr-sm-40 {
        padding-right: 40px !important;
    }
    .roboscale .pr-sm-50 {
        padding-right: 50px !important;
    }
    .roboscale .pr-sm-60 {
        padding-right: 60px !important;
    }
    .roboscale .pr-sm-70 {
        padding-right: 70px !important;
    }
    .roboscale .pr-sm-80 {
        padding-right: 80px !important;
    }
    .roboscale .pr-sm-90 {
        padding-right: 90px !important;
    }
    .roboscale .pr-sm-100 {
        padding-right: 100px !important;
    }
    .roboscale .pr-sm-110 {
        padding-right: 110px !important;
    }
    .roboscale .pr-sm-120 {
        padding-right: 120px !important;
    }
    .roboscale .pr-sm-130 {
        padding-right: 130px !important;
    }
    .roboscale .pr-sm-140 {
        padding-right: 140px !important;
    }
    .roboscale .pr-sm-150 {
        padding-right: 150px !important;
    }
    .roboscale .pr-sm-160 {
        padding-right: 160px !important;
    }
    .roboscale .pr-sm-170 {
        padding-right: 170px !important;
    }
    .roboscale .pr-sm-180 {
        padding-right: 180px !important;
    }
    .roboscale .pr-sm-190 {
        padding-right: 190px !important;
    }
    .roboscale .pr-sm-200 {
        padding-right: 200px !important;
    }
    .roboscale .pb-sm-0 {
        padding-bottom: 0 !important;
    }
    .roboscale .pb-sm-5 {
        padding-bottom: 5px !important;
    }
    .roboscale .pb-sm-10 {
        padding-bottom: 10px !important;
    }
    .roboscale .pb-sm-15 {
        padding-bottom: 15px !important;
    }
    .roboscale .pb-sm-20 {
        padding-bottom: 20px !important;
    }
    .roboscale .pb-sm-30 {
        padding-bottom: 30px !important;
    }
    .roboscale .pb-sm-40 {
        padding-bottom: 40px !important;
    }
    .roboscale .pb-sm-50 {
        padding-bottom: 50px !important;
    }
    .roboscale .pb-sm-60 {
        padding-bottom: 60px !important;
    }
    .roboscale .pb-sm-70 {
        padding-bottom: 70px !important;
    }
    .roboscale .pb-sm-80 {
        padding-bottom: 80px !important;
    }
    .roboscale .pb-sm-90 {
        padding-bottom: 90px !important;
    }
    .roboscale .pb-sm-100 {
        padding-bottom: 100px !important;
    }
    .roboscale .pb-sm-110 {
        padding-bottom: 110px !important;
    }
    .roboscale .pb-sm-120 {
        padding-bottom: 120px !important;
    }
    .roboscale .pb-sm-130 {
        padding-bottom: 130px !important;
    }
    .roboscale .pb-sm-140 {
        padding-bottom: 140px !important;
    }
    .roboscale .pb-sm-150 {
        padding-bottom: 150px !important;
    }
    .roboscale .pb-sm-160 {
        padding-bottom: 160px !important;
    }
    .roboscale .pb-sm-170 {
        padding-bottom: 170px !important;
    }
    .roboscale .pb-sm-180 {
        padding-bottom: 180px !important;
    }
    .roboscale .pb-sm-190 {
        padding-bottom: 190px !important;
    }
    .roboscale .pb-sm-200 {
        padding-bottom: 200px !important;
    }
    .roboscale .pl-sm-0 {
        padding-left: 0 !important;
    }
    .roboscale .pl-sm-5 {
        padding-left: 5px !important;
    }
    .roboscale .pl-sm-10 {
        padding-left: 10px !important;
    }
    .roboscale .pl-sm-15 {
        padding-left: 15px !important;
    }
    .roboscale .pl-sm-20 {
        padding-left: 20px !important;
    }
    .roboscale .pl-sm-30 {
        padding-left: 30px !important;
    }
    .roboscale .pl-sm-40 {
        padding-left: 40px !important;
    }
    .roboscale .pl-sm-50 {
        padding-left: 50px !important;
    }
    .roboscale .pl-sm-60 {
        padding-left: 60px !important;
    }
    .roboscale .pl-sm-70 {
        padding-left: 70px !important;
    }
    .roboscale .pl-sm-80 {
        padding-left: 80px !important;
    }
    .roboscale .pl-sm-90 {
        padding-left: 90px !important;
    }
    .roboscale .pl-sm-100 {
        padding-left: 100px !important;
    }
    .roboscale .pl-sm-110 {
        padding-left: 110px !important;
    }
    .roboscale .pl-sm-120 {
        padding-left: 120px !important;
    }
    .roboscale .pl-sm-130 {
        padding-left: 130px !important;
    }
    .roboscale .pl-sm-140 {
        padding-left: 140px !important;
    }
    .roboscale .pl-sm-150 {
        padding-left: 150px !important;
    }
    .roboscale .pl-sm-160 {
        padding-left: 160px !important;
    }
    .roboscale .pl-sm-170 {
        padding-left: 170px !important;
    }
    .roboscale .pl-sm-180 {
        padding-left: 180px !important;
    }
    .roboscale .pl-sm-190 {
        padding-left: 190px !important;
    }
    .roboscale .pl-sm-200 {
        padding-left: 200px !important;
    }
}
@media (max-width: 767px) {
    .roboscale {
        /*
     * 5.1 -> Basic Margin
     * -----------------------------------------------
     */
        /*
     * 5.2 -> Basic Padding
     * -----------------------------------------------
     */
        /*
     * 5.3 -> Margin top
     * -----------------------------------------------
     */
        /*
     * 5.4 -> Margin right
     * -----------------------------------------------
     */
        /*
     * 5.5 -> Margin bottom
     * -----------------------------------------------
     */
        /*
     * 5.6 -> Margin left
     * -----------------------------------------------
     */
        /*
     * 5.7 -> Padding top
     * -----------------------------------------------
     */
        /*
     * 5.8 -> Padding right
     * -----------------------------------------------
     */
        /*
     * 5.9 -> Padding bottom
     * -----------------------------------------------
     */
        /*
     * 5.10 -> Padding left
     * -----------------------------------------------
     */
    }
    .roboscale .m-xs-0 {
        margin: 0px !important;
    }
    .roboscale .m-xs-5 {
        margin: 5px !important;
    }
    .roboscale .m-xs-10 {
        margin: 10px !important;
    }
    .roboscale .m-xs-15 {
        margin: 15px !important;
    }
    .roboscale .m-xs-20 {
        margin: 20px !important;
    }
    .roboscale .m-xs-30 {
        margin: 30px !important;
    }
    .roboscale .m-xs-40 {
        margin: 40px !important;
    }
    .roboscale .m-xs-50 {
        margin: 50px !important;
    }
    .roboscale .m-xs-60 {
        margin: 60px !important;
    }
    .roboscale .m-xs-70 {
        margin: 70px !important;
    }
    .roboscale .m-xs-80 {
        margin: 80px !important;
    }
    .roboscale .m-xs-90 {
        margin: 90px !important;
    }
    .roboscale .m-xs-100 {
        margin: 100px !important;
    }
    .roboscale .m-xs-110 {
        margin: 110px !important;
    }
    .roboscale .m-xs-120 {
        margin: 120px !important;
    }
    .roboscale .m-xs-130 {
        margin: 130px !important;
    }
    .roboscale .m-xs-140 {
        margin: 140px !important;
    }
    .roboscale .m-xs-150 {
        margin: 150px !important;
    }
    .roboscale .m-xs-160 {
        margin: 160px !important;
    }
    .roboscale .m-xs-170 {
        margin: 170px !important;
    }
    .roboscale .m-xs-180 {
        margin: 180px !important;
    }
    .roboscale .m-xs-190 {
        margin: 190px !important;
    }
    .roboscale .m-xs-200 {
        margin: 200px !important;
    }
    .roboscale .p-xs-0 {
        padding: 0 !important;
    }
    .roboscale .p-xs-5 {
        padding: 5px !important;
    }
    .roboscale .p-xs-10 {
        padding: 10px !important;
    }
    .roboscale .p-xs-15 {
        padding: 15px !important;
    }
    .roboscale .p-xs-20 {
        padding: 20px !important;
    }
    .roboscale .p-xs-30 {
        padding: 30px !important;
    }
    .roboscale .p-xs-40 {
        padding: 40px !important;
    }
    .roboscale .p-xs-50 {
        padding: 50px !important;
    }
    .roboscale .p-xs-60 {
        padding: 60px !important;
    }
    .roboscale .p-xs-70 {
        padding: 70px !important;
    }
    .roboscale .p-xs-80 {
        padding: 80px !important;
    }
    .roboscale .p-xs-90 {
        padding: 90px !important;
    }
    .roboscale .p-xs-100 {
        padding: 100px !important;
    }
    .roboscale .p-xs-110 {
        padding: 110px !important;
    }
    .roboscale .p-xs-120 {
        padding: 120px !important;
    }
    .roboscale .p-xs-130 {
        padding: 130px !important;
    }
    .roboscale .p-xs-140 {
        padding: 140px !important;
    }
    .roboscale .p-xs-150 {
        padding: 150px !important;
    }
    .roboscale .p-xs-160 {
        padding: 160px !important;
    }
    .roboscale .p-xs-170 {
        padding: 170px !important;
    }
    .roboscale .p-xs-180 {
        padding: 180px !important;
    }
    .roboscale .p-xs-190 {
        padding: 190px !important;
    }
    .roboscale .p-xs-200 {
        padding: 200px !important;
    }
    .roboscale .mt-xs-0 {
        margin-top: 0 !important;
    }
    .roboscale .mt-xs-5 {
        margin-top: 5px !important;
    }
    .roboscale .mt-xs-10 {
        margin-top: 10px !important;
    }
    .roboscale .mt-xs-15 {
        margin-top: 15px !important;
    }
    .roboscale .mt-xs-20 {
        margin-top: 20px !important;
    }
    .roboscale .mt-xs-30 {
        margin-top: 30px !important;
    }
    .roboscale .mt-xs-40 {
        margin-top: 40px !important;
    }
    .roboscale .mt-xs-50 {
        margin-top: 50px !important;
    }
    .roboscale .mt-xs-60 {
        margin-top: 60px !important;
    }
    .roboscale .mt-xs-70 {
        margin-top: 70px !important;
    }
    .roboscale .mt-xs-80 {
        margin-top: 80px !important;
    }
    .roboscale .mt-xs-90 {
        margin-top: 90px !important;
    }
    .roboscale .mt-xs-100 {
        margin-top: 100px !important;
    }
    .roboscale .mt-xs-110 {
        margin-top: 110px !important;
    }
    .roboscale .mt-xs-120 {
        margin-top: 120px !important;
    }
    .roboscale .mt-xs-130 {
        margin-top: 130px !important;
    }
    .roboscale .mt-xs-140 {
        margin-top: 140px !important;
    }
    .roboscale .mt-xs-150 {
        margin-top: 150px !important;
    }
    .roboscale .mt-xs-160 {
        margin-top: 160px !important;
    }
    .roboscale .mt-xs-170 {
        margin-top: 170px !important;
    }
    .roboscale .mt-xs-180 {
        margin-top: 180px !important;
    }
    .roboscale .mt-xs-190 {
        margin-top: 190px !important;
    }
    .roboscale .mt-xs-200 {
        margin-top: 200px !important;
    }
    .roboscale .mr-xs-0 {
        margin-right: 0 !important;
    }
    .roboscale .mr-xs-5 {
        margin-right: 5px !important;
    }
    .roboscale .mr-xs-10 {
        margin-right: 10px !important;
    }
    .roboscale .mr-xs-15 {
        margin-right: 15px !important;
    }
    .roboscale .mr-xs-20 {
        margin-right: 20px !important;
    }
    .roboscale .mr-xs-30 {
        margin-right: 30px !important;
    }
    .roboscale .mr-xs-40 {
        margin-right: 40px !important;
    }
    .roboscale .mr-xs-50 {
        margin-right: 50px !important;
    }
    .roboscale .mr-xs-60 {
        margin-right: 60px !important;
    }
    .roboscale .mr-xs-70 {
        margin-right: 70px !important;
    }
    .roboscale .mr-xs-80 {
        margin-right: 80px !important;
    }
    .roboscale .mr-xs-90 {
        margin-right: 90px !important;
    }
    .roboscale .mr-xs-100 {
        margin-right: 100px !important;
    }
    .roboscale .mr-xs-110 {
        margin-right: 110px !important;
    }
    .roboscale .mr-xs-120 {
        margin-right: 120px !important;
    }
    .roboscale .mr-xs-130 {
        margin-right: 130px !important;
    }
    .roboscale .mr-xs-140 {
        margin-right: 140px !important;
    }
    .roboscale .mr-xs-150 {
        margin-right: 150px !important;
    }
    .roboscale .mr-xs-160 {
        margin-right: 160px !important;
    }
    .roboscale .mr-xs-170 {
        margin-right: 170px !important;
    }
    .roboscale .mr-xs-180 {
        margin-right: 180px !important;
    }
    .roboscale .mr-xs-190 {
        margin-right: 190px !important;
    }
    .roboscale .mr-xs-200 {
        margin-right: 200px !important;
    }
    .roboscale .mb-xs-0 {
        margin-bottom: 0 !important;
    }
    .roboscale .mb-xs-5 {
        margin-bottom: 5px !important;
    }
    .roboscale .mb-xs-10 {
        margin-bottom: 10px !important;
    }
    .roboscale .mb-xs-15 {
        margin-bottom: 15px !important;
    }
    .roboscale .mb-xs-20 {
        margin-bottom: 20px !important;
    }
    .roboscale .mb-xs-30 {
        margin-bottom: 30px !important;
    }
    .roboscale .mb-xs-40 {
        margin-bottom: 40px !important;
    }
    .roboscale .mb-xs-50 {
        margin-bottom: 50px !important;
    }
    .roboscale .mb-xs-60 {
        margin-bottom: 60px !important;
    }
    .roboscale .mb-xs-70 {
        margin-bottom: 70px !important;
    }
    .roboscale .mb-xs-80 {
        margin-bottom: 80px !important;
    }
    .roboscale .mb-xs-90 {
        margin-bottom: 90px !important;
    }
    .roboscale .mb-xs-100 {
        margin-bottom: 100px !important;
    }
    .roboscale .mb-xs-110 {
        margin-bottom: 110px !important;
    }
    .roboscale .mb-xs-120 {
        margin-bottom: 120px !important;
    }
    .roboscale .mb-xs-130 {
        margin-bottom: 130px !important;
    }
    .roboscale .mb-xs-140 {
        margin-bottom: 140px !important;
    }
    .roboscale .mb-xs-150 {
        margin-bottom: 150px !important;
    }
    .roboscale .mb-xs-160 {
        margin-bottom: 160px !important;
    }
    .roboscale .mb-xs-170 {
        margin-bottom: 170px !important;
    }
    .roboscale .mb-xs-180 {
        margin-bottom: 180px !important;
    }
    .roboscale .mb-xs-190 {
        margin-bottom: 190px !important;
    }
    .roboscale .mb-xs-200 {
        margin-bottom: 200px !important;
    }
    .roboscale .ml-xs-0 {
        margin-left: 0 !important;
    }
    .roboscale .ml-xs-5 {
        margin-left: 5px !important;
    }
    .roboscale .ml-xs-10 {
        margin-left: 10px !important;
    }
    .roboscale .ml-xs-15 {
        margin-left: 15px !important;
    }
    .roboscale .ml-xs-20 {
        margin-left: 20px !important;
    }
    .roboscale .ml-xs-30 {
        margin-left: 30px !important;
    }
    .roboscale .ml-xs-40 {
        margin-left: 40px !important;
    }
    .roboscale .ml-xs-50 {
        margin-left: 50px !important;
    }
    .roboscale .ml-xs-60 {
        margin-left: 60px !important;
    }
    .roboscale .ml-xs-70 {
        margin-left: 70px !important;
    }
    .roboscale .ml-xs-80 {
        margin-left: 80px !important;
    }
    .roboscale .ml-xs-90 {
        margin-left: 90px !important;
    }
    .roboscale .ml-xs-100 {
        margin-left: 100px !important;
    }
    .roboscale .ml-xs-110 {
        margin-left: 110px !important;
    }
    .roboscale .ml-xs-120 {
        margin-left: 120px !important;
    }
    .roboscale .ml-xs-130 {
        margin-left: 130px !important;
    }
    .roboscale .ml-xs-140 {
        margin-left: 140px !important;
    }
    .roboscale .ml-xs-150 {
        margin-left: 150px !important;
    }
    .roboscale .ml-xs-160 {
        margin-left: 160px !important;
    }
    .roboscale .ml-xs-170 {
        margin-left: 170px !important;
    }
    .roboscale .ml-xs-180 {
        margin-left: 180px !important;
    }
    .roboscale .ml-xs-190 {
        margin-left: 190px !important;
    }
    .roboscale .ml-xs-200 {
        margin-left: 200px !important;
    }
    .roboscale .pt-xs-0 {
        padding-top: 0 !important;
    }
    .roboscale .pt-xs-5 {
        padding-top: 5px !important;
    }
    .roboscale .pt-xs-10 {
        padding-top: 10px !important;
    }
    .roboscale .pt-xs-15 {
        padding-top: 15px !important;
    }
    .roboscale .pt-xs-20 {
        padding-top: 20px !important;
    }
    .roboscale .pt-xs-30 {
        padding-top: 30px !important;
    }
    .roboscale .pt-xs-40 {
        padding-top: 40px !important;
    }
    .roboscale .pt-xs-50 {
        padding-top: 50px !important;
    }
    .roboscale .pt-xs-60 {
        padding-top: 60px !important;
    }
    .roboscale .pt-xs-70 {
        padding-top: 70px !important;
    }
    .roboscale .pt-xs-80 {
        padding-top: 80px !important;
    }
    .roboscale .pt-xs-90 {
        padding-top: 90px !important;
    }
    .roboscale .pt-xs-100 {
        padding-top: 100px !important;
    }
    .roboscale .pt-xs-110 {
        padding-top: 110px !important;
    }
    .roboscale .pt-xs-120 {
        padding-top: 120px !important;
    }
    .roboscale .pt-xs-130 {
        padding-top: 130px !important;
    }
    .roboscale .pt-xs-140 {
        padding-top: 140px !important;
    }
    .roboscale .pt-xs-150 {
        padding-top: 150px !important;
    }
    .roboscale .pt-xs-160 {
        padding-top: 160px !important;
    }
    .roboscale .pt-xs-170 {
        padding-top: 170px !important;
    }
    .roboscale .pt-xs-180 {
        padding-top: 180px !important;
    }
    .roboscale .pt-xs-190 {
        padding-top: 190px !important;
    }
    .roboscale .pt-xs-200 {
        padding-top: 200px !important;
    }
    .roboscale .pr-xs-0 {
        padding-right: 0 !important;
    }
    .roboscale .pr-xs-5 {
        padding-right: 5px !important;
    }
    .roboscale .pr-xs-10 {
        padding-right: 10px !important;
    }
    .roboscale .pr-xs-15 {
        padding-right: 15px !important;
    }
    .roboscale .pr-xs-20 {
        padding-right: 20px !important;
    }
    .roboscale .pr-xs-30 {
        padding-right: 30px !important;
    }
    .roboscale .pr-xs-40 {
        padding-right: 40px !important;
    }
    .roboscale .pr-xs-50 {
        padding-right: 50px !important;
    }
    .roboscale .pr-xs-60 {
        padding-right: 60px !important;
    }
    .roboscale .pr-xs-70 {
        padding-right: 70px !important;
    }
    .roboscale .pr-xs-80 {
        padding-right: 80px !important;
    }
    .roboscale .pr-xs-90 {
        padding-right: 90px !important;
    }
    .roboscale .pr-xs-100 {
        padding-right: 100px !important;
    }
    .roboscale .pr-xs-110 {
        padding-right: 110px !important;
    }
    .roboscale .pr-xs-120 {
        padding-right: 120px !important;
    }
    .roboscale .pr-xs-130 {
        padding-right: 130px !important;
    }
    .roboscale .pr-xs-140 {
        padding-right: 140px !important;
    }
    .roboscale .pr-xs-150 {
        padding-right: 150px !important;
    }
    .roboscale .pr-xs-160 {
        padding-right: 160px !important;
    }
    .roboscale .pr-xs-170 {
        padding-right: 170px !important;
    }
    .roboscale .pr-xs-180 {
        padding-right: 180px !important;
    }
    .roboscale .pr-xs-190 {
        padding-right: 190px !important;
    }
    .roboscale .pr-xs-200 {
        padding-right: 200px !important;
    }
    .roboscale .pb-xs-0 {
        padding-bottom: 0 !important;
    }
    .roboscale .pb-xs-5 {
        padding-bottom: 5px !important;
    }
    .roboscale .pb-xs-10 {
        padding-bottom: 10px !important;
    }
    .roboscale .pb-xs-15 {
        padding-bottom: 15px !important;
    }
    .roboscale .pb-xs-20 {
        padding-bottom: 20px !important;
    }
    .roboscale .pb-xs-30 {
        padding-bottom: 30px !important;
    }
    .roboscale .pb-xs-40 {
        padding-bottom: 40px !important;
    }
    .roboscale .pb-xs-50 {
        padding-bottom: 50px !important;
    }
    .roboscale .pb-xs-60 {
        padding-bottom: 60px !important;
    }
    .roboscale .pb-xs-70 {
        padding-bottom: 70px !important;
    }
    .roboscale .pb-xs-80 {
        padding-bottom: 80px !important;
    }
    .roboscale .pb-xs-90 {
        padding-bottom: 90px !important;
    }
    .roboscale .pb-xs-100 {
        padding-bottom: 100px !important;
    }
    .roboscale .pb-xs-110 {
        padding-bottom: 110px !important;
    }
    .roboscale .pb-xs-120 {
        padding-bottom: 120px !important;
    }
    .roboscale .pb-xs-130 {
        padding-bottom: 130px !important;
    }
    .roboscale .pb-xs-140 {
        padding-bottom: 140px !important;
    }
    .roboscale .pb-xs-150 {
        padding-bottom: 150px !important;
    }
    .roboscale .pb-xs-160 {
        padding-bottom: 160px !important;
    }
    .roboscale .pb-xs-170 {
        padding-bottom: 170px !important;
    }
    .roboscale .pb-xs-180 {
        padding-bottom: 180px !important;
    }
    .roboscale .pb-xs-190 {
        padding-bottom: 190px !important;
    }
    .roboscale .pb-xs-200 {
        padding-bottom: 200px !important;
    }
    .roboscale .pl-xs-0 {
        padding-left: 0 !important;
    }
    .roboscale .pl-xs-5 {
        padding-left: 5px !important;
    }
    .roboscale .pl-xs-10 {
        padding-left: 10px !important;
    }
    .roboscale .pl-xs-15 {
        padding-left: 15px !important;
    }
    .roboscale .pl-xs-20 {
        padding-left: 20px !important;
    }
    .roboscale .pl-xs-30 {
        padding-left: 30px !important;
    }
    .roboscale .pl-xs-40 {
        padding-left: 40px !important;
    }
    .roboscale .pl-xs-50 {
        padding-left: 50px !important;
    }
    .roboscale .pl-xs-60 {
        padding-left: 60px !important;
    }
    .roboscale .pl-xs-70 {
        padding-left: 70px !important;
    }
    .roboscale .pl-xs-80 {
        padding-left: 80px !important;
    }
    .roboscale .pl-xs-90 {
        padding-left: 90px !important;
    }
    .roboscale .pl-xs-100 {
        padding-left: 100px !important;
    }
    .roboscale .pl-xs-110 {
        padding-left: 110px !important;
    }
    .roboscale .pl-xs-120 {
        padding-left: 120px !important;
    }
    .roboscale .pl-xs-130 {
        padding-left: 130px !important;
    }
    .roboscale .pl-xs-140 {
        padding-left: 140px !important;
    }
    .roboscale .pl-xs-150 {
        padding-left: 150px !important;
    }
    .roboscale .pl-xs-160 {
        padding-left: 160px !important;
    }
    .roboscale .pl-xs-170 {
        padding-left: 170px !important;
    }
    .roboscale .pl-xs-180 {
        padding-left: 180px !important;
    }
    .roboscale .pl-xs-190 {
        padding-left: 190px !important;
    }
    .roboscale .pl-xs-200 {
        padding-left: 200px !important;
    }
}
@media (max-width: 479px) {
    .roboscale {
        /*
     * 6.1 -> Basic Margin
     * -----------------------------------------------
     */
        /*
     * 6.2 -> Basic Padding
     * -----------------------------------------------
     */
        /*
     * 6.3 -> Margin top
     * -----------------------------------------------
     */
        /*
     * 6.4 -> Margin right
     * -----------------------------------------------
     */
        /*
     * 6.5 -> Margin bottom
     * -----------------------------------------------
     */
        /*
     * 6.6 -> Margin left
     * -----------------------------------------------
     */
        /*
     * 6.7 -> Padding top
     * -----------------------------------------------
     */
        /*
     * 6.8 -> Padding right
     * -----------------------------------------------
     */
        /*
     * 6.9 -> Padding bottom
     * -----------------------------------------------
     */
        /*
     * 6.10 -> Padding left
     * -----------------------------------------------
     */
    }
    .roboscale .m-xxs-0 {
        margin: 0px !important;
    }
    .roboscale .m-xxs-5 {
        margin: 5px !important;
    }
    .roboscale .m-xxs-10 {
        margin: 10px !important;
    }
    .roboscale .m-xxs-15 {
        margin: 15px !important;
    }
    .roboscale .m-xxs-20 {
        margin: 20px !important;
    }
    .roboscale .m-xxs-30 {
        margin: 30px !important;
    }
    .roboscale .m-xxs-40 {
        margin: 40px !important;
    }
    .roboscale .m-xxs-50 {
        margin: 50px !important;
    }
    .roboscale .m-xxs-60 {
        margin: 60px !important;
    }
    .roboscale .m-xxs-70 {
        margin: 70px !important;
    }
    .roboscale .m-xxs-80 {
        margin: 80px !important;
    }
    .roboscale .m-xxs-90 {
        margin: 90px !important;
    }
    .roboscale .m-xxs-100 {
        margin: 100px !important;
    }
    .roboscale .m-xxs-110 {
        margin: 110px !important;
    }
    .roboscale .m-xxs-120 {
        margin: 120px !important;
    }
    .roboscale .m-xxs-130 {
        margin: 130px !important;
    }
    .roboscale .m-xxs-140 {
        margin: 140px !important;
    }
    .roboscale .m-xxs-150 {
        margin: 150px !important;
    }
    .roboscale .m-xxs-160 {
        margin: 160px !important;
    }
    .roboscale .m-xxs-170 {
        margin: 170px !important;
    }
    .roboscale .m-xxs-180 {
        margin: 180px !important;
    }
    .roboscale .m-xxs-190 {
        margin: 190px !important;
    }
    .roboscale .m-xxs-200 {
        margin: 200px !important;
    }
    .roboscale .p-xxs-0 {
        padding: 0 !important;
    }
    .roboscale .p-xxs-5 {
        padding: 5px !important;
    }
    .roboscale .p-xxs-10 {
        padding: 10px !important;
    }
    .roboscale .p-xxs-15 {
        padding: 15px !important;
    }
    .roboscale .p-xxs-20 {
        padding: 20px !important;
    }
    .roboscale .p-xxs-30 {
        padding: 30px !important;
    }
    .roboscale .p-xxs-40 {
        padding: 40px !important;
    }
    .roboscale .p-xxs-50 {
        padding: 50px !important;
    }
    .roboscale .p-xxs-60 {
        padding: 60px !important;
    }
    .roboscale .p-xxs-70 {
        padding: 70px !important;
    }
    .roboscale .p-xxs-80 {
        padding: 80px !important;
    }
    .roboscale .p-xxs-90 {
        padding: 90px !important;
    }
    .roboscale .p-xxs-100 {
        padding: 100px !important;
    }
    .roboscale .p-xxs-110 {
        padding: 110px !important;
    }
    .roboscale .p-xxs-120 {
        padding: 120px !important;
    }
    .roboscale .p-xxs-130 {
        padding: 130px !important;
    }
    .roboscale .p-xxs-140 {
        padding: 140px !important;
    }
    .roboscale .p-xxs-150 {
        padding: 150px !important;
    }
    .roboscale .p-xxs-160 {
        padding: 160px !important;
    }
    .roboscale .p-xxs-170 {
        padding: 170px !important;
    }
    .roboscale .p-xxs-180 {
        padding: 180px !important;
    }
    .roboscale .p-xxs-190 {
        padding: 190px !important;
    }
    .roboscale .p-xxs-200 {
        padding: 200px !important;
    }
    .roboscale .mt-xxs-0 {
        margin-top: 0 !important;
    }
    .roboscale .mt-xxs-5 {
        margin-top: 5px !important;
    }
    .roboscale .mt-xxs-10 {
        margin-top: 10px !important;
    }
    .roboscale .mt-xxs-15 {
        margin-top: 15px !important;
    }
    .roboscale .mt-xxs-20 {
        margin-top: 20px !important;
    }
    .roboscale .mt-xxs-30 {
        margin-top: 30px !important;
    }
    .roboscale .mt-xxs-40 {
        margin-top: 40px !important;
    }
    .roboscale .mt-xxs-50 {
        margin-top: 50px !important;
    }
    .roboscale .mt-xxs-60 {
        margin-top: 60px !important;
    }
    .roboscale .mt-xxs-70 {
        margin-top: 70px !important;
    }
    .roboscale .mt-xxs-80 {
        margin-top: 80px !important;
    }
    .roboscale .mt-xxs-90 {
        margin-top: 90px !important;
    }
    .roboscale .mt-xxs-100 {
        margin-top: 100px !important;
    }
    .roboscale .mt-xxs-110 {
        margin-top: 110px !important;
    }
    .roboscale .mt-xxs-120 {
        margin-top: 120px !important;
    }
    .roboscale .mt-xxs-130 {
        margin-top: 130px !important;
    }
    .roboscale .mt-xxs-140 {
        margin-top: 140px !important;
    }
    .roboscale .mt-xxs-150 {
        margin-top: 150px !important;
    }
    .roboscale .mt-xxs-160 {
        margin-top: 160px !important;
    }
    .roboscale .mt-xxs-170 {
        margin-top: 170px !important;
    }
    .roboscale .mt-xxs-180 {
        margin-top: 180px !important;
    }
    .roboscale .mt-xxs-190 {
        margin-top: 190px !important;
    }
    .roboscale .mt-xxs-200 {
        margin-top: 200px !important;
    }
    .roboscale .mr-xxs-0 {
        margin-right: 0 !important;
    }
    .roboscale .mr-xxs-5 {
        margin-right: 5px !important;
    }
    .roboscale .mr-xxs-10 {
        margin-right: 10px !important;
    }
    .roboscale .mr-xxs-15 {
        margin-right: 15px !important;
    }
    .roboscale .mr-xxs-20 {
        margin-right: 20px !important;
    }
    .roboscale .mr-xxs-30 {
        margin-right: 30px !important;
    }
    .roboscale .mr-xxs-40 {
        margin-right: 40px !important;
    }
    .roboscale .mr-xxs-50 {
        margin-right: 50px !important;
    }
    .roboscale .mr-xxs-60 {
        margin-right: 60px !important;
    }
    .roboscale .mr-xxs-70 {
        margin-right: 70px !important;
    }
    .roboscale .mr-xxs-80 {
        margin-right: 80px !important;
    }
    .roboscale .mr-xxs-90 {
        margin-right: 90px !important;
    }
    .roboscale .mr-xxs-100 {
        margin-right: 100px !important;
    }
    .roboscale .mr-xxs-110 {
        margin-right: 110px !important;
    }
    .roboscale .mr-xxs-120 {
        margin-right: 120px !important;
    }
    .roboscale .mr-xxs-130 {
        margin-right: 130px !important;
    }
    .roboscale .mr-xxs-140 {
        margin-right: 140px !important;
    }
    .roboscale .mr-xxs-150 {
        margin-right: 150px !important;
    }
    .roboscale .mr-xxs-160 {
        margin-right: 160px !important;
    }
    .roboscale .mr-xxs-170 {
        margin-right: 170px !important;
    }
    .roboscale .mr-xxs-180 {
        margin-right: 180px !important;
    }
    .roboscale .mr-xxs-190 {
        margin-right: 190px !important;
    }
    .roboscale .mr-xxs-200 {
        margin-right: 200px !important;
    }
    .roboscale .mb-xxs-0 {
        margin-bottom: 0 !important;
    }
    .roboscale .mb-xxs-5 {
        margin-bottom: 5px !important;
    }
    .roboscale .mb-xxs-10 {
        margin-bottom: 10px !important;
    }
    .roboscale .mb-xxs-15 {
        margin-bottom: 15px !important;
    }
    .roboscale .mb-xxs-20 {
        margin-bottom: 20px !important;
    }
    .roboscale .mb-xxs-30 {
        margin-bottom: 30px !important;
    }
    .roboscale .mb-xxs-40 {
        margin-bottom: 40px !important;
    }
    .roboscale .mb-xxs-50 {
        margin-bottom: 50px !important;
    }
    .roboscale .mb-xxs-60 {
        margin-bottom: 60px !important;
    }
    .roboscale .mb-xxs-70 {
        margin-bottom: 70px !important;
    }
    .roboscale .mb-xxs-80 {
        margin-bottom: 80px !important;
    }
    .roboscale .mb-xxs-90 {
        margin-bottom: 90px !important;
    }
    .roboscale .mb-xxs-100 {
        margin-bottom: 100px !important;
    }
    .roboscale .mb-xxs-110 {
        margin-bottom: 110px !important;
    }
    .roboscale .mb-xxs-120 {
        margin-bottom: 120px !important;
    }
    .roboscale .mb-xxs-130 {
        margin-bottom: 130px !important;
    }
    .roboscale .mb-xxs-140 {
        margin-bottom: 140px !important;
    }
    .roboscale .mb-xxs-150 {
        margin-bottom: 150px !important;
    }
    .roboscale .mb-xxs-160 {
        margin-bottom: 160px !important;
    }
    .roboscale .mb-xxs-170 {
        margin-bottom: 170px !important;
    }
    .roboscale .mb-xxs-180 {
        margin-bottom: 180px !important;
    }
    .roboscale .mb-xxs-190 {
        margin-bottom: 190px !important;
    }
    .roboscale .mb-xxs-200 {
        margin-bottom: 200px !important;
    }
    .roboscale .ml-xxs-0 {
        margin-left: 0 !important;
    }
    .roboscale .ml-xxs-5 {
        margin-left: 5px !important;
    }
    .roboscale .ml-xxs-10 {
        margin-left: 10px !important;
    }
    .roboscale .ml-xxs-15 {
        margin-left: 15px !important;
    }
    .roboscale .ml-xxs-20 {
        margin-left: 20px !important;
    }
    .roboscale .ml-xxs-30 {
        margin-left: 30px !important;
    }
    .roboscale .ml-xxs-40 {
        margin-left: 40px !important;
    }
    .roboscale .ml-xxs-50 {
        margin-left: 50px !important;
    }
    .roboscale .ml-xxs-60 {
        margin-left: 60px !important;
    }
    .roboscale .ml-xxs-70 {
        margin-left: 70px !important;
    }
    .roboscale .ml-xxs-80 {
        margin-left: 80px !important;
    }
    .roboscale .ml-xxs-90 {
        margin-left: 90px !important;
    }
    .roboscale .ml-xxs-100 {
        margin-left: 100px !important;
    }
    .roboscale .ml-xxs-110 {
        margin-left: 110px !important;
    }
    .roboscale .ml-xxs-120 {
        margin-left: 120px !important;
    }
    .roboscale .ml-xxs-130 {
        margin-left: 130px !important;
    }
    .roboscale .ml-xxs-140 {
        margin-left: 140px !important;
    }
    .roboscale .ml-xxs-150 {
        margin-left: 150px !important;
    }
    .roboscale .ml-xxs-160 {
        margin-left: 160px !important;
    }
    .roboscale .ml-xxs-170 {
        margin-left: 170px !important;
    }
    .roboscale .ml-xxs-180 {
        margin-left: 180px !important;
    }
    .roboscale .ml-xxs-190 {
        margin-left: 190px !important;
    }
    .roboscale .ml-xxs-200 {
        margin-left: 200px !important;
    }
    .roboscale .pt-xxs-0 {
        padding-top: 0 !important;
    }
    .roboscale .pt-xxs-5 {
        padding-top: 5px !important;
    }
    .roboscale .pt-xxs-10 {
        padding-top: 10px !important;
    }
    .roboscale .pt-xxs-15 {
        padding-top: 15px !important;
    }
    .roboscale .pt-xxs-20 {
        padding-top: 20px !important;
    }
    .roboscale .pt-xxs-30 {
        padding-top: 30px !important;
    }
    .roboscale .pt-xxs-40 {
        padding-top: 40px !important;
    }
    .roboscale .pt-xxs-50 {
        padding-top: 50px !important;
    }
    .roboscale .pt-xxs-60 {
        padding-top: 60px !important;
    }
    .roboscale .pt-xxs-70 {
        padding-top: 70px !important;
    }
    .roboscale .pt-xxs-80 {
        padding-top: 80px !important;
    }
    .roboscale .pt-xxs-90 {
        padding-top: 90px !important;
    }
    .roboscale .pt-xxs-100 {
        padding-top: 100px !important;
    }
    .roboscale .pt-xxs-110 {
        padding-top: 110px !important;
    }
    .roboscale .pt-xxs-120 {
        padding-top: 120px !important;
    }
    .roboscale .pt-xxs-130 {
        padding-top: 130px !important;
    }
    .roboscale .pt-xxs-140 {
        padding-top: 140px !important;
    }
    .roboscale .pt-xxs-150 {
        padding-top: 150px !important;
    }
    .roboscale .pt-xxs-160 {
        padding-top: 160px !important;
    }
    .roboscale .pt-xxs-170 {
        padding-top: 170px !important;
    }
    .roboscale .pt-xxs-180 {
        padding-top: 180px !important;
    }
    .roboscale .pt-xxs-190 {
        padding-top: 190px !important;
    }
    .roboscale .pt-xxs-200 {
        padding-top: 200px !important;
    }
    .roboscale .pr-xxs-0 {
        padding-right: 0 !important;
    }
    .roboscale .pr-xxs-5 {
        padding-right: 5px !important;
    }
    .roboscale .pr-xxs-10 {
        padding-right: 10px !important;
    }
    .roboscale .pr-xxs-15 {
        padding-right: 15px !important;
    }
    .roboscale .pr-xxs-20 {
        padding-right: 20px !important;
    }
    .roboscale .pr-xxs-30 {
        padding-right: 30px !important;
    }
    .roboscale .pr-xxs-40 {
        padding-right: 40px !important;
    }
    .roboscale .pr-xxs-50 {
        padding-right: 50px !important;
    }
    .roboscale .pr-xxs-60 {
        padding-right: 60px !important;
    }
    .roboscale .pr-xxs-70 {
        padding-right: 70px !important;
    }
    .roboscale .pr-xxs-80 {
        padding-right: 80px !important;
    }
    .roboscale .pr-xxs-90 {
        padding-right: 90px !important;
    }
    .roboscale .pr-xxs-100 {
        padding-right: 100px !important;
    }
    .roboscale .pr-xxs-110 {
        padding-right: 110px !important;
    }
    .roboscale .pr-xxs-120 {
        padding-right: 120px !important;
    }
    .roboscale .pr-xxs-130 {
        padding-right: 130px !important;
    }
    .roboscale .pr-xxs-140 {
        padding-right: 140px !important;
    }
    .roboscale .pr-xxs-150 {
        padding-right: 150px !important;
    }
    .roboscale .pr-xxs-160 {
        padding-right: 160px !important;
    }
    .roboscale .pr-xxs-170 {
        padding-right: 170px !important;
    }
    .roboscale .pr-xxs-180 {
        padding-right: 180px !important;
    }
    .roboscale .pr-xxs-190 {
        padding-right: 190px !important;
    }
    .roboscale .pr-xxs-200 {
        padding-right: 200px !important;
    }
    .roboscale .pb-xxs-0 {
        padding-bottom: 0 !important;
    }
    .roboscale .pb-xxs-5 {
        padding-bottom: 5px !important;
    }
    .roboscale .pb-xxs-10 {
        padding-bottom: 10px !important;
    }
    .roboscale .pb-xxs-15 {
        padding-bottom: 15px !important;
    }
    .roboscale .pb-xxs-20 {
        padding-bottom: 20px !important;
    }
    .roboscale .pb-xxs-30 {
        padding-bottom: 30px !important;
    }
    .roboscale .pb-xxs-40 {
        padding-bottom: 40px !important;
    }
    .roboscale .pb-xxs-50 {
        padding-bottom: 50px !important;
    }
    .roboscale .pb-xxs-60 {
        padding-bottom: 60px !important;
    }
    .roboscale .pb-xxs-70 {
        padding-bottom: 70px !important;
    }
    .roboscale .pb-xxs-80 {
        padding-bottom: 80px !important;
    }
    .roboscale .pb-xxs-90 {
        padding-bottom: 90px !important;
    }
    .roboscale .pb-xxs-100 {
        padding-bottom: 100px !important;
    }
    .roboscale .pb-xxs-110 {
        padding-bottom: 110px !important;
    }
    .roboscale .pb-xxs-120 {
        padding-bottom: 120px !important;
    }
    .roboscale .pb-xxs-130 {
        padding-bottom: 130px !important;
    }
    .roboscale .pb-xxs-140 {
        padding-bottom: 140px !important;
    }
    .roboscale .pb-xxs-150 {
        padding-bottom: 150px !important;
    }
    .roboscale .pb-xxs-160 {
        padding-bottom: 160px !important;
    }
    .roboscale .pb-xxs-170 {
        padding-bottom: 170px !important;
    }
    .roboscale .pb-xxs-180 {
        padding-bottom: 180px !important;
    }
    .roboscale .pb-xxs-190 {
        padding-bottom: 190px !important;
    }
    .roboscale .pb-xxs-200 {
        padding-bottom: 200px !important;
    }
    .roboscale .pl-xxs-0 {
        padding-left: 0 !important;
    }
    .roboscale .pl-xxs-5 {
        padding-left: 5px !important;
    }
    .roboscale .pl-xxs-10 {
        padding-left: 10px !important;
    }
    .roboscale .pl-xxs-15 {
        padding-left: 15px !important;
    }
    .roboscale .pl-xxs-20 {
        padding-left: 20px !important;
    }
    .roboscale .pl-xxs-30 {
        padding-left: 30px !important;
    }
    .roboscale .pl-xxs-40 {
        padding-left: 40px !important;
    }
    .roboscale .pl-xxs-50 {
        padding-left: 50px !important;
    }
    .roboscale .pl-xxs-60 {
        padding-left: 60px !important;
    }
    .roboscale .pl-xxs-70 {
        padding-left: 70px !important;
    }
    .roboscale .pl-xxs-80 {
        padding-left: 80px !important;
    }
    .roboscale .pl-xxs-90 {
        padding-left: 90px !important;
    }
    .roboscale .pl-xxs-100 {
        padding-left: 100px !important;
    }
    .roboscale .pl-xxs-110 {
        padding-left: 110px !important;
    }
    .roboscale .pl-xxs-120 {
        padding-left: 120px !important;
    }
    .roboscale .pl-xxs-130 {
        padding-left: 130px !important;
    }
    .roboscale .pl-xxs-140 {
        padding-left: 140px !important;
    }
    .roboscale .pl-xxs-150 {
        padding-left: 150px !important;
    }
    .roboscale .pl-xxs-160 {
        padding-left: 160px !important;
    }
    .roboscale .pl-xxs-170 {
        padding-left: 170px !important;
    }
    .roboscale .pl-xxs-180 {
        padding-left: 180px !important;
    }
    .roboscale .pl-xxs-190 {
        padding-left: 190px !important;
    }
    .roboscale .pl-xxs-200 {
        padding-left: 200px !important;
    }
}
.marginTopRes{
    margin-top: 30px;
}
.fontForHeader
{
    font-size: 50px;
}
.fontForP{
    font-size: 25px;
}
.paddingMobile{
    padding: 20px 50px 20px 50px;
    font-size: 17px;
}
.functionalityClass{
    position: absolute;
    /*top: 82%;*/
    width: 70%;
    left: 15%;
}
.pForFn{
    font-size: 30px;
}
.pForHint{
    font-size: 17px;
}
.marginTopHint{
    margin-top: 20px;
}
.headerFontSize{
    font-size: 5.57143rem !important;
}
.paddingImg{
    padding:0px;
    padding-right:15px;
}
.paddingTitle{
    padding-left: 10px;
}
.fontTitle{
    font-size: 20px;
    height: 80px;
    float: left;
}
.firstSectionSteps{
    position: absolute;
    top: 110%;
    left: 9%;
    margin-right: 100px;
}
.secondSectionSteps{
    position: absolute;
    top: 225%;
    left: 9%;
    width: 86%;
    margin-right: 100px;
}
.thirdSectionSteps{
    position: absolute;
    top: 340%;
    left: 9%;
    margin-right: 100px;
}
.numOfQuestions{
    height: 42px;
}
.heightOfDesc{
    height: 250px;
}

.bg-pro{
    background-color: #383c58 !important;
}

.paddingHeader{
    padding: 15px!important;
}
#ribbon{
    float: left;
    margin-right: 33px;
    /*width: 40%!important;*/
    font-size: 20px;
}
.title{
    padding-top: 10px;
}
@media (max-width: 1200px) and (min-width: 991px){
    .marginTopRes{
        margin-top: 13px;
    }
    .functionalityClass {
        /*top: 78%;*/
    }

    .paddingImg{
        padding-right:10px;
    }
    .paddingTitle{
        padding-left: 0px;
    }
    .fontTitle{
        font-size: 15px;
    }
    .heightOfDesc {
        height: 315px;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    .marginTopRes{
        margin-top: 13px;
    }
    .fontForHeader{
        font-size: 40px;
    }
    .fontForP{
        font-size: 20px;
    }
    .functionalityClass {
        /*top: 80%;*/
    }
    .pForFn{
        font-size:25px ;
    }

    .firstSectionSteps{
        top: 110%;
    }
    .secondSectionSteps{
        top: 295%;
    }
    .thirdSectionSteps{
        top: 425%;
    }
    .fontTitle{
        font-size: 20px;
        float: none;
        height:auto;
    }
    .numOfQuestions{
        height:auto;
    }
    .heightOfDesc{
        height:auto;
    }
    .roboscale #steps .card {
        margin-bottom: 15px;
    }
}
@media (max-width: 768px) and (min-width: 438px){
    .marginTopRes{
        margin-top: 13px;
    }
    .fontForHeader{
        font-size: 24px;
    }
    .fontForP{
        font-size: 16px;
    }
    .pForFn{
        font-size: 16px;
    }
    .pForHint{
        font-size: 14px;
    }
    .marginTopHint{
        margin-top: 10px;
    }
    .headerFontSize {
        font-size: 4rem !important;
    }
    .roboscale #steps .card {
        margin-bottom: 15px;
    }
    .fontTitle {
        font-size: 13px;
        height:auto;
    }
    .paddingHeader{
        padding: 0px!important;
        height: 125px;
    }
    .numOfQuestions{
        height:auto;
    }
    .heightOfDesc{
        height:auto;
    }
    #ribbon{
        float: left;
        margin-right: 33px;
        width: 40%!important;
        font-size: 18px;
    }
   .play-button > img {
        width: 12%!important;
    }
}
@media screen and (max-width: 438px) {
    .fontForP{
        /*display: none;*/
        font-size: 18px;
        line-height: 24px;

    }
    .paddingMobile{
        padding: 20px 30px 20px 30px;
        font-size: 15px;
    }
    .pForFn{
        /*display: none!important;*/
        font-size: 18px;
        line-height: 24px;
    }
    .headerFontSize {
        font-size: 4rem !important;
    }
    .roboscale #steps .card {
        margin-bottom: 15px;
    }
    .fontTitle {
        font-size: 13px;
        height:auto;
    }
    .paddingHeader{
        padding: 0px!important;
        height: 125px;
    }
    .numOfQuestions{
        height:auto;
    }
    .heightOfDesc{
        height:auto;
    }
    #ribbon{
        float: left;
        margin-right: 33px;
        width: 43%!important;
        font-size: 18px;
    }
    .title{
        width:46%;
        padding-top: 0px;
    }
    .roboscale .pl-100{
        padding-left: 0px!important;
    }
    .roboscale .pr-100{
        padding-right: 0px!important;

    }
    .roboscale .pl-55{
        padding-left: 40px!important;
    }
    .roboscale .play-button > img {
        width: 12%!important;
    }
}
.aForTaskDesc{
    width: 225px;
}
@media (min-width: 991px) and (max-width:1199px)
{
    .aForTaskDesc{
        width: 285px;
    }
}
.floatLeftClass{
    float: left!important;
}