.submit-ass-btn-shop{
    padding: 14px 45px;
    background-color: #3ECA66;
    color:#fff;
}
.submit-ass-btn-shop:hover{
    padding: 14px 45px;
    background-color: #3ECA66;
    color:#fff;
}
.product-side-ul li{
    font-size:14px;
    margin-bottom:10px;
    margin-left: 0px !important;
}
.product-side-box{
    background-color:#FAFAFA;
    padding:10px;
    border:1px dashed ;
}
.shop-h1{
    text-align:center;
    margin-bottom:50px;
}
.product-box{
    border:1px dashed #3ECA66;
    padding:20px;
}
.product-list-row{
    margin-bottom:50px;
}
.product-detail-btn{
    padding:14px 50px;
    background-color:#3ECA66;
    color:#fff;
}
.product-price{
    font-size:20px;
    margin-left:0px !important;
    padding-bottom:20px !important;
    color:#858585;
}
.product-h2{
    font-size:16px;
    padding-left:0px !important; 
    padding-top:0px !important;
    color:#595959;
    line-height:22px;
}
.shop-image{
    width:275px;
    height:160px;
}
#products{
    padding:20px;
}
.product-p{
    margin-left:0px !important;
}
.product-image{
    width:80%;
}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
    margin-top:-40px;
}
.navbar{
    min-height:0px !important;
}
@media screen and (max-width:640px){

.top-header-p{
    font-size:12px !important;
}
.whatsapp-side-image{
}
    .header-matlab{
    font-weight:700;
    font-size:24px !important;
    line-height: 24px !important;
    color:#393939;
}
 .top-content-home-left{
    padding:10px 5px !important;;
    
}   
 .top-content-home-right{
    padding:100px 50px;
    display:none !important;
}   
  .wms-text{
    padding:10px 5px !important;
}  
}

.blog-image{
    width:90%;
}
.blog-title{
    font-size:20px;
    padding-left:0px ;
}
.review-box {
    padding: 30px;
    margin-bottom: 20px;
    box-shadow: 1px 1px 5px #888888;
    background-color: white;
}
.checked {
    color: orange;
}
.services-box{
    background-color:#3ECA66;
    padding:20px;
    border:2px dashed #fff;
}
.services-icon{
    color:#216d37;
}
.wms-text{
    padding:20px 150px;
}
.services-box-column{
    padding:10px 30px;
}
.services-box-h3 a{
    font-size:17px;
    margin-left:0px;
    text-align:center;
    color:#fff !important;
}
.services-box-h3 a:hover{
    font-size:17px;
    margin-left:0px;
    text-align:center;
    color:#fff !important;
}
.top-cta-nav {
    background-color: #060D20;
    padding: 10px;
    color: white;
    font-size: 17px;
}
.top-nav-icon {
    color: #3ECA66;
}
.top-content-home-right{
    padding:100px 50px;
}
#fold-2 {
    background-color: #31372e;
}
.fold-2-h2 {
    text-align: right;
    color: #fff;
    font-size: 22px;
    padding: 20px;
    font-family: 'Raleway', sans-serif;
}
.top-nav-mh{
    padding-top:20px;
    border-bottom:1px solid #DBDBDB;
}
.resources-q-box {
    background-color: #fff;
    padding: 30px;
    margin: 30px 0px;
    border: 1px solid #E3E3E3;
}
.q-user {
    font-size: 14px;
}
.resources-q-box h2 {
    padding-left: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px;
    font-size: 23px;
}
.resources-q-box p {
    padding-left: 0px !important;
    font-size: 15px;
    margin-left: 0px !important
}
.blur-section {
    background-image: url(../images/pro-sample-blur-image.png);
    padding: 10% 20%;
}
.sample-content-box h1 {
   padding-left: 30px;
}
.resources-most-viewed-box {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #E3E3E3;
}
@media screen and (max-width: 640px){
 .blur-mid-content-box {
   padding: 3px !important;
   font-size: 12px;
}
.sample-order-btn{
    padding: 8px !important;
}
.navbar{
    padding-left: 70px !important;
}
.order-nw-btn{
    padding: 0px !important;
}
}
.sample-order-btn {
    padding: 13px 40px;
    background-color: #FE4D4D;
    color: #fff;
    border-radius: 5px;
}
.blur-mid-content-box {
    font-size: 16px;
    background-color: #DAECD0;
    padding: 50px;
    border: 2px dashed #31372F;
}
.sample-details{
    padding-left: 30px;
}
.short-form-offer {
    padding-top: 20px;
    border-radius: 5px;
}
.short-form-offer-entry {
    padding: 10px 20px;
    border: 1px solid #2F325D;
    border-radius: 3px;
    margin: 5px;
    width: 150px;
}
.short-form-offer-country {
    padding: 10px 20px;
    border: 1px solid #2F325D;
    border-radius: 3px;
    margin: 5px;
    width: 100px;
    height: 45px;
    background-color: white;
    color: #9F9F9F;
}
.short-form-button {
    padding: 11px 40px;
    border-style: none;
    background-color: #3ECA66;
    color: white;
}
#inner-page-nav{
    background-color:#5926C1;
}
.nav-review-stars{
    font-size:12px;
    color:#FFBF10;
}
.nav-review-icon{
    background-color:#3ECA66;
    padding:5px 10px;
}
#samples {
    padding: 60px;
}
.expert-th{
    padding:20px;
}
.expert-td{
    padding:25px;
}
.simulink-td{
    padding:10px;
}
.service-body-text-details{
    padding-top:20px;
}
.pro-ideas-text-details{
    margin:50px;
}
@media screen and (max-width:640px){

    .header-new-matlab{
    font-weight:700;
    font-size:42px !important;
    line-height: 46px;
    color:#fff;
    padding-left:10px !important;
    font-family: 'Didact Gothic', sans-serif;
}
    .top-content-new{
    color:#fff;
    margin-left:0px !important;
    padding-top:5px !important;
    padding-bottom:10px !important;
}
.ms-logo-new {
    padding-left:10px !important;
    width:13% !important;
    }
.top-header-new-p{
    margin-left: 0px !important;
    padding-left:10px !important;
    font-family: 'Didact Gothic', sans-serif;
    font-size:16px !important;
    margin-top:10px !important;
}
.new-head-btn{
    padding:8px 15px !important;
    font-size:12px !important;
    margin:5px !important;
    
}
.new-top-matlab-right{
    display:none !important;
}
.wms2{
    font-size:24px !important;
}
.wms-text2{
    padding:10px !important;
}
.new-feature-box-out{
    margin:20px 10px !important;
}
.new-feature-box-in{
    margin:20px 10px !important;
}
#fold-3{
    padding:10px !important;
}
.extra-feature-box{
    padding:10px !important;
    margin-left:0px !important;
    margin-right:0px !important;
    margin-top:15px !important;
}
.extra-feature-row{
    padding:5px !important;
}
#fold-4{
    padding:10px !important;
}
.fold-4-h2{
    margin-left:20px !important;
    font-size:26px !important;
}
.fold-4-p{
    margin-left:0px !important;
    padding:10px 20px !important;
}
.img-fold-4{
    width:30% !important;
    padding-left:20px !important;
}
#fold-5{
    padding:10px !important;
}
.mid-testimonial-box{
    padding:10px !important;
}
.fold-6-mid-image{
    display:none !important;
}
.new-service-box{
    padding:10px;
    margin:30px 10px !important;
}
.new-service-h3 a{
    font-size:16px !important;
    
}
.service-image{
    width:15% !important;
}
#fold-7{
    padding:10px !important;
}
#fold-8{
    padding:10px !important;
}
.top-content-new-projects{
    margin-left:10px !important;
    padding-top:0px !important;
    padding-bottom:10px !important;
}
.new-project-list-row{
    padding:10px !important;
    padding-bottom:30px !important;
}
.new-project-thumbnail{
    width:100% !important;
}
.new-project-body-text-details{
    padding:10px !important;
}
.new-project-h3{
    margin-left:0px !important;
    font-size:20px !important;
}
.new-project-p{
    margin-left:0px !important;
    font-size:13px !important;
    text-align:justify !important;
}
.new-project-on-btn{
    padding:12px 30px !important;
    margin-left:5px !important;
}
.new-project-rm-btn{
   padding:12px 30px !important;
    margin-left:5px !important;
}
.facebook_fixed{
    padding:0px !important;
}
.whatsApp_fixed{
    padding:0px !important;
}


}












.new-project-list{
    margin-bottom:40px;
}    
.new-project-list-row{
    padding:40px;
    background-color:#F3F3F3;
    border:1px dashed #3ECA65;
}
.new-project-body-text-details{
    padding:50px;
}
.new-project-p{
    font-size:15px;
}
.new-project-rm-btn{
    color:#fff;
    background-color:#257d3e;
    padding:15px 40px;
    font-size:15px;
    margin-left:30px;
    font-family: 'Didact Gothic', sans-serif;
}
.new-project-on-btn{
    color:#424242;
    background-color:transparent;
    padding:14px 40px;
    font-size:15px;
    margin-left:30px;
    font-family: 'Didact Gothic', sans-serif;
    border:1px solid #424242;
}
.new-project-rm-btn:hover{
    color:#fff;
    background-color:#257d3e;
    padding:15px 40px;
    font-size:15px;
    margin-left:30px;
    font-family: 'Didact Gothic', sans-serif;
}
.new-project-on-btn:hover{
    color:#424242;
    background-color:transparent;
    padding:14px 40px;
    font-size:15px;
    margin-left:30px;
    font-family: 'Didact Gothic', sans-serif;
    border:1px solid #424242;
}
.project-idea-new-h2{
    font-size:20px;
    font-family: 'Oswald', sans-serif;
    
}
.project-idea-tile{
    background-color:#F9F9F9;
    border:1px dashed #3ECA64;
    padding-bottom:20px;
    margin-bottom:20px;
}
.project-idea-new-icon{
    font-size:32px;
    margin-bottom:20px;
    color:#3ECA65;
}













.navbar-collapse{
    padding-left: 0px !important;
}
    
#fold-8{
    background-color:#3eca65;
    padding:50px;
}
.wms2w{
    font-family: 'Poppins', sans-serif;
    color:white;
}
.fold-8-h3{
    font-family: 'Oswald', sans-serif;
    margin-left:0px !important;
    font-size:20px;
}
.fold-8-learn-more{
    font-size:15px;
}
#fold-7{
    padding:50px;
}
.fold-7-h3{
    font-family: 'Oswald', sans-serif;
    margin-left:0px !important;
}
.fold-7-img{
    width:45%;
}
.text-bottom-cta{
    background-color:#F7F7F7;
    padding:20px;
    margin-left:30px;
    margin-top:50px;
    border:2px dashed #3eca65;
}
.text-bottom-cta-p{
    font-size:15px;
}
#top-banner-new-home{
    background:url(images/msss-back-new.jpg);
    padding:20px 0;
}
#top-banner-new-projects{
    background:url(images/home-top-back-new.jpg);
    padding:10px 0;
    background-repeat: no-repeat;
    background-size: cover;
}
#top-banner-new-project-ideas{
    padding:10px 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.ms-logo-new{
    width:15%;
    margin-left: 50px;
}
.header-new-matlab{
    font-weight:700;
    font-size:52px;
    line-height: 46px;
    color:#fff;
    padding-left:15px;
    font-family: 'Didact Gothic', sans-serif;
}
.top-header-new-p{
    margin-left: 0px !important;
    padding-left:15px;
    font-family: 'Didact Gothic', sans-serif;
    font-size:24px;
    margin-top:50px;
}
.new-head-btn{
    color:white;
    font-size:14px;
    border:1px solid #fff;
    padding:16px 40px;
    margin:40px 20px;
    
}
.new-head-btn:hover{
    color:white;
    font-size:14px;
    border:1px solid #fff;
    padding:16px 40px;
    margin:40px 20px;
    
}
.top-content-new{
    color:#fff;
    margin-left:50px;
    padding-top:140px;
    padding-bottom:50px;
}
.new-top-matlab-right{
   width:95%;
}
.top-content-new-right{
    padding-top:130px;
}
.top-content-new-projects{
    color:#fff;
    margin-left:50px;
    padding-top:80px;
    padding-bottom:50px;
}

.top-content-new-right-projects{
    padding-top:80px;
}
.wms2{
    font-family: 'Poppins', sans-serif;
}
.wms-text2{
    font-family: 'Roboto', sans-serif;
    padding:20px 150px;
}
.new-feature-box-out{
    box-shadow: 0 4px 8px rgba(59,64,69,0.2) ;
    margin:70px 60px;
    padding-bottom:40px;
}
.new-feature-box-in{
    box-shadow: 0 4px 8px rgba(59,64,69,0.2) ;
    margin:10px 60px;
    padding-bottom:40px;
}
.new-feature-heading{
    font-size:22px;
    font-family: 'Roboto', sans-serif;
    text-align:center;
    margin-bottom:10px;
    margin-left:0px !important;
    
}
.new-cta-button-out{
    font-size:15px;
    color:#fff;
    background-color:#3ECA65;
    padding:15px 45px;
    font-family: 'Roboto', sans-serif;
}
.new-cta-button-in{
     font-size:15px;
    color:#fff;
    background-color:#223f43;
    padding:15px 45px;
    font-family: 'Roboto', sans-serif;
}
.new-cta-button-out:hover{
    color:#fff !important;
}
.new-cta-button-in:hover{
    color:#fff !important;
}
.new-feature-p{
    margin-left:0px !important;
    padding:20px;
    font-size:16px;
    
}
#fold-3{
    background-color:#faf8f8;
    padding:50px;
}
.extra-feature-row{
    padding:40px;
}
.extra-feature-box{
    background-color:#fff;
    padding:20px;
    box-shadow: 0 4px 8px rgba(59,64,69,0.2) ;
    margin-left:0px !important;
    margin-right:0px !important;
}
.ef-out{
    padding-right:20px;
}
.extra-feature-p{
    font-size:14px;
    padding-top:20px;
}
.img-fold-4{
    width:20%;
}
#fold-4{
    padding:50px;
}
.fold-4-h2{
    font-family: 'Oswald', sans-serif;
    padding-left:0px !important;
    padding-top:10px !important;
}
.fold-4-p{
    margin-left:0px !important;
    padding:20px 140px 0 0;
}
#fold-5{
    padding:100px;
}
.mid-testimonial-row{
    background-color:#223f43;
}
.mid-testimonial-p{
    color:#fff;
    font-size:22px;
    padding:20px;
}
.mid-test-ratings{
    font-size:18px;
    color:#ffc600;
}

.mid-testimonial-box{
    padding:70px;
}
.mid-test-name{
    color:#fff;
    font-size:18px;
}
.new-service-h3{
    font-size:18px;
    font-family: 'Roboto', sans-serif;
    margin-left:0px !important;
    padding-bottom:5px;
    
}
.new-service-h3 a{
    color:#545454;
    font-size:18px;
    font-family: 'Roboto', sans-serif;
    margin-left:0px !important;
    padding-bottom:5px;
    
}
.new-service-box{
    padding:10px;
    box-shadow: 0 4px 8px rgba(59,64,69,0.2) ;
    margin-top:40px;
}
.new-service-box:hover{
    padding:10px;
    box-shadow: 0 4px 8px rgba(59,64,69,0.4) ;
    margin-top:40px;
}
.fold-6-mid-image{
    padding-top:40px;
}





















@media screen and (max-width:640px){
    
    
    
    .order-now-entry-text-area{
        width:250px !important;
    }
    .matlab-projects-btn{
        margin-bottom:10px !important;
        margin-top:10px !important;
    }
    .order-now-button{

    padding: 14px 45px !important;
   }
   .project-ideas-btn{
    padding:10px 40px !important;

    }
    .order-entry{
    width:240px !important;

}
.order-now-entry{
    width:240px !important;
    
}

.order-entry-text-area{

    width:240px !important;

}
.order-entry-list{
width:240px !important;
}
.order-now-box{
    padding:2px !important;
    margin-left:2px !important;
    margin-left:2px !important;
}
.order-box{
  padding:2px !important;
    margin-left:2px !important;
    margin-left:2px !important;
}}

#book-top-section{
    background-color:#F7F7F7;
    padding-bottom:40px;
    border-bottom:1px solid #DCDCDC;
}
.book-cover{
    width:70%;
   box-shadow: 10px 10px 0px 2px rgba(230,230,230,1);
}
.side-book-cover{
    width:40%;
   
}
.book-desc-image{
    width:80%;
}
.book-desc-row{
    padding-top:20px;
}
.book-name{
    font-size:26px;
    font-family: 'Poppins', sans-serif;
    margin-top:50px;
}
.book-type{
    font-size:20px;
    font-family: 'Poppins', sans-serif;
    color:#757575;
   
}
.book-author{
    font-size:15px;
     margin-top:10px !important;
}
.book-ratings{
    font-size:15px;
    color:#FFC900;
    font-family: 'Poppins', sans-serif;
    }
.book-price{
    font-family: 'Poppins', sans-serif;
    font-size:22px;
    background-color:#D5FFD3;
    padding:12px 25px;
    border:2px dashed #3ECA65;
    font-weight:bold;
    
}
.book-price-box{
    background-color:white;
    margin-top:40px;
    margin-left:30px;
    margin-right:70px;
    padding:40px 20px 50px 20px;
    border:3px dashed #3ECA65;
}
.price-box-h6{
    font-size:15px;
}
.price-cut{
    font-size:16px;
    text-decoration: line-through; 
}
.price-box-price{
    font-size:20px;
    color:#CA4000;
}
.save-price{
    font-size:14px;
    color:#CA4000;
}
.inclusive{
    font-size:13px;
}
.book-download-btn{
    background-color:#3ECA65;
    padding:16px 40px;
}
.book-download-btn:hover{
    background-color:#3ECA65;
    padding:16px 40px;
    color:white !important;
}
.book-download{
    text-align:center;
    padding-top:30px;
}
.book-download1{
    margin-top:60px;
}
.book-download1 a{
    color:white;
}
.book-download1 a:hover{
    color:white;
}
.book-download a{
    color:white;
}
.book-download a:hover{
    color:white;
}
#book-desc{
    padding:50px 80px 5px 0px;
}
#book-pages{
    padding:5px 80px 30px 80px;
}
.book-decription{
    padding-bottom:10px;
    font-family: 'Poppins', sans-serif;
    font-size:22px;
    padding-left:0px;
}
.side-service-h3{
    border-bottom:1px solid #3ECA66;
    padding-bottom:10px;
    margin-bottom:20px;
}
.side-service-link {
    font-size:17px;
    font-weight:normal !important;
    font-family: 'Quicksand', sans-serif;
    margin-left:30px !important;
}
.side-service-link a{
    color:black;
}
.footer-cta{
background: url(../css/images/sea.svg) bottom no-repeat #fff;
    background-size: cover;
}
.footer-cta-form{
    padding:10px 0px 150px 0px;
}
.footer-cta-h3{
    padding-top:100px;
    font-weight:bold;
    font-size:30px;
}
.fcf-entry{
    width:100px;
    padding:8px;
    margin-left:10px;
    font-size:13px;
    border-radius:5px;
    border-style:none;
    border:1px solid;
    margin-top:20px;
}
.fcf-btn{
    background-color:#3ECA66;
    padding:8px 30px;
    font-weight:bold;
    color:white;
    margin-left:20px;
}
.fcf-entry-country{
    height:35px;
    width:100px;
    border:1px solid black;
    font-size:13px;
    background-color:white;
    color:grey;
}




.top-service-details{
    padding-top:40px;
}
.project-ideas-btn{
    background-color:transparent;
    color:#393939;
    border-style:none;
    border:1px solid #393939;
    padding:10px 30px;
    border-radius:5px;
}
.top-offer{
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color:white;
    padding:15px 0 2px 0;}
    
    .top-offer-p{
    font-size:17px;
}
.login-icon{
    border:1px solid #000;
    padding:13px 20px;
   
}
.login-li{
     margin-top:14px;
}
.login-icon a{
    color:#000;
}
.login-icon a:hover{
    color:#000;
}
.top-cta-login{
   margin-left:28px;
}
.matlab-projects-btn{
    background-color:#3ECA66;
    color:white;
    border-style:none;
    padding:10px 30px;
    border-radius:5px;
    border:1px solid #3ECA65;
}

.pro-icon{
    color:#393939;
    font-size:40px;
    padding:15px;
}
.arrow-icon{
    color:#393939;
    padding-top:50px;
}
.pro-p{
    color:#393939;
    text-align:center;
}

.login-btn{
    border:1px solid white;
    padding:0px 35px 0px 25px;

}
.login-left-box{
    background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
}
.matlab-solutions{
    padding-top:25%;
    color:#fff;
    
    font-size:68px;
}
.back-to-home{
    padding-bottom:400px;
    
}
.back-arrow-txt{
    border:1px solid white;
    padding:15px 30px 15px 30px;
    border-radius:50px;
    color:#fff;
    font-size:14px;
}

.order-nw-btn{
    padding:0px 30px 0px 20px;
    background-color:#3ECA66;
}
.order-btn-nav{
    color:#fff !important;
}
.red-price{
    color:red;
    text-decoration: line-through;

}



@media screen and (max-width:640px){
    .top-content {
    margin-left:5px !important;
    }
    .form-entry{
        width:450px !important;
    }
    .form-control{
        width:450px !important;
    }
    .add-assignment-box{
    background-color:white;
    padding:30px 70px 50px 30px !important;
    border:1px solid #B9B9B9;
    }
    .offer-image{
        display:none;
    }
}
@media screen and (max-width:640px){
    .only-order-submit-btn {
    margin-left:5px !important;
    padding: 12px 45px !important;
    }
}
.search-form{
    margin-top:10px;
}
.search-input{
    padding:10px;
}
.search-btn{
    height:48px;
    width:50px;
    padding:5px;
    background-color:#3eca66;
    color:white;
}
.save-input{
    width:200px;
    height:40px;
}
.save-btn{
    padding:5px;
    font-size:22px;
    color:#3ECA66;
    margin-top:10px;
}
.cancel-btn{
    padding:10px;
    font-size:22px;
    margin-top:10px;
    color:red;
}
.save-cancel{
    margin-top:10px;
    margin-left:10px;
}
.order-form-heading{
    font-size:20px;
    color:#3ECA66;
    margin-left:0px;
}
.order-feature-box{
    background-color:white;
    padding:40px;
    margin-right:50px;
    box-shadow: 2px 5px 10px #A5A5A5;
}
.order-features{
    margin-top:40px;
}
.order-feature-heading{
    font-size:26px;
}
.order-feature-text{
    font-size:14px;
}
.submit-new-h3{
    margin-left:0px !important;
}
.order-entry{
    padding:10px;
    font-size:14px;
    width:300px;
    margin-top:10px;
    margin-bottom:10px;
    border-radius:5px;
    border-style:none;
    border:1px solid grey;
}
.order-now-entry{
    padding:10px;
    font-size:14px;
    width:180px;
    margin-top:5px;
    margin-bottom:5px;
    border-radius:5px;
    border-style:none;
    border:1px solid grey;
    height:40px;
}
.order-entry-text-area{
    padding:10px;
    font-size:14px;
    width:650px;
    margin-top:10px;
    margin-bottom:30px;
    border-radius:5px;
    border-style:none;
    border:1px solid grey;
}
.order-now-entry-text-area{
    padding:10px;
    font-size:13px;
    width:390px;
    margin-top:10px;
    margin-bottom:30px;
    border-radius:5px;
    border-style:none;
    border:1px solid grey;
}
.order-entry-list{
    padding:10px;
    font-size:14px;
    width:300px;
    margin-top:10px;
    border-radius:0px;
    background-color:white;
    height:40px;
}
.order-now-entry-list{
    padding:10px;
    font-size:14px;
    width:180px;
    margin-top:5px;
    border-radius:0px;
    background-color:white;
    height:40px;
}
.footer-cta-entry-list{
    padding:10px;
    font-size:14px;
    width:100px;
    margin-top:-3px;
    border-radius:0px !important;
    background-color:white;
    height:40px;
    border:1px solid;
}
.login-form{
    margin-left:30px;
}
.form-separation{
    border-bottom:2px solid grey;
    margin-bottom:20px;
}


#popup {
    width:500px;
    height:300px;
    padding:100px;
    background-color:white;    
    position:absolute;
    top:200px;
    left:100px;
    display:none;
    border:2px solid #3ECA67;
}
.form-entry-country {
    background-color: transparent !important;
    border-style: none !important;
    border-bottom: 1px solid white !important;
    color: white !important;
    font-size: 14px !important;
    width: 200px !important;
}

.pay-text{
    font-size:12px;
}
.assign-price{
    font-size:32px;
    margin-top:50px;
    border:2px dashed #606060;
    padding:10px;
}
.assign-details-h3{
    border-bottom:1px solid #606060;
    padding-bottom:10px;
    margin-bottom:30px;
    font-size:22px;
}
.login-h3{
    padding-bottom:10px;
    margin-bottom:30px;
    font-size:26px;
    padding-top:140px;
}
.assign-table-th{
    padding:20px;
}
.assign-table-top-tr{
    border-bottom:2px solid #606060;
}
.assign-table-td{
    padding:10px;
}
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}
.offer-image{
    padding-left:30px;
    margin-bottom:20px;
}
.sub-new-h3{
    font-size:20px;
    padding-left:0px !important;
    margin-left:0px !important;
}
.my-assignments{
    padding-left:40px;
    font-size:16px;
}
.submit-new-assignment{
    padding-left:40px;
    font-size:16px;
}
.dash-side-bar{
    padding-top:40px;
}
.dasboard-main{
    background-color:#E5E5E5;
}

.order-assignment{
    background-color:#fff;
}
.dash-side-h3{
    font-size:20px;
}
.assignment-box{
    padding:40px;
}
.my-assignment-box{
    padding:40px 40px 250px 40px;
    
}

.assignment-list-box{
    background-color:white;
    padding:120px 70px 100px 120px;
    border:1px solid #B9B9B9;
}
.add-assignment-box{
    background-color:white;
    padding:70px 70px 250px 120px;
    border:1px solid #B9B9B9;
}
.my-assignment-list-box{
    background-color:white;
    padding:30px 70px 100px 30px;
    border:1px solid #B9B9B9;
}
.login-page-box{
    background-color:white;
    padding:30px 70px 100px 60px;
   
}
.order-now-box{
    background-color:white;
    padding:10px 70px 0px 30px;
    box-shadow: 2px 5px 10px #A5A5A5;
    margin-left:40px;
    margin-right:20px;
}
.order-box{
    background-color:#fff;
    padding:30px 70px 0px 30px;
    border:2px dashed #31B8A8;
    margin-left:40px;
    margin-right:20px;
    border-radius:5px;
}
#dashboard-nav-section{
    background-color:#474747;
    padding-top:15px;
}
#order-nav-section{
    background-color:#474747;
    padding-top:15px;
}
.ex-contents{
    border-right: 2px solid #3ECA67;
    position: fixed;
}
.active-ex-link{
    font-size: 14px;
    color:black; 
}
.inactive-ex-link{
    color:#B7B7B7; 
}


.examples-h3{
    margin-top:15px;
    margin-left: 0px !important;
    font-size: 20px;
    margin-bottom: 25px;
}
.examples-h2{
    border-bottom: 1px solid #3ECA67;
    padding-bottom: 10px;
    padding-left: 0px !important;
}
.examples-h4{
    padding-left: 0px !important;
     margin-left: 0px !important;
     margin-bottom: 15px;
     color: #3ECA67;
}

.examples-p{
    margin-left:0px !important;
    font-size: 13px;
}
.example-box{
    box-shadow: -5px 10px 26px 0px rgba(199,199,199,1);
    padding: 15px;
}
.code-box{
    background-color: #F6F6F6;
    color: black;
    font-family: code;
}


.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




.code-box {
    padding: 20px;
    font-family: monospace;
    font-size: 14px;
    background-color: #F3F2F2;
    border: 1px solid;
}

.caret-green{
    color: #3ECA66;
}

.dropmenu-li{
    border-bottom: 1px solid #B8B8B9 !important;

}

.services-drop-box{
    border-radius: 10px !important;
    
}

.code-dark-blue {
    color: blue;
}

.code-blue {
    color: #a020f0;
}
.code-green {
    color: forestgreen;
}

.facebook_fixed {
    position: fixed;
    z-index: 99;
    bottom: 35%;
    right: 0px;
    border-right: none;
    background-color: #CACACA;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid black;

}

.whatsApp_fixed {
    position: fixed;
    z-index: 99;
    bottom: 25%;
    right: 0px;
    border-right: none;
    background-color: #CACACA;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid black;
}
.whatsApp_fixed2 {
    position: fixed;
    z-index: 99;
    bottom: 35%;
    right: 0px;
    border-right: none;
}


.position-tiles-row{padding:10px;}
.position-box{border-left:15px solid #3eca67; box-shadow: -5px 10px 26px 0px rgba(199,199,199,1); margin-top:50px; padding:20px;}
.position-drop-item{color:black; font-size:14px;}
.career-position{font-size:16px; font-weight:bold;}

.experts{background-color:#ECECEC;}
.expert-dp{width:100px; height:100px; border-radius:500px;}
.expert-box{margin-top:10px; background-color:white;}
.project-ideas-table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  padding:10px;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
.project-ideas-td{
    padding:15px;
}
tr:nth-child(even) {
  background-color: #dddddd;
}
/*
VIEW IN FULL SCREEN MODE
FULL SCREEN MODE: http://salehriaz.com/404Page/404.html

DRIBBBLE: https://dribbble.com/shots/4330167-404-Page-Lost-In-Space
*/

@import url('https://fonts.googleapis.com/css?family=Dosis:300,400,500');

@-moz-keyframes rocket-movement { 100% {-moz-transform: translate(1200px,-600px);} }
@-webkit-keyframes rocket-movement {100% {-webkit-transform: translate(1200px,-600px); } }
@keyframes rocket-movement { 100% {transform: translate(1200px,-600px);} }
@-moz-keyframes spin-earth { 100% { -moz-transform: rotate(-360deg); transition: transform 20s;  } }
@-webkit-keyframes spin-earth { 100% { -webkit-transform: rotate(-360deg); transition: transform 20s;  } }
@keyframes spin-earth{ 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); transition: transform 20s; } }

@-moz-keyframes move-astronaut {
    100% { -moz-transform: translate(-160px, -160px);}
}
@-webkit-keyframes move-astronaut {
    100% { -webkit-transform: translate(-160px, -160px);}
}
@keyframes move-astronaut{
    100% { -webkit-transform: translate(-160px, -160px); transform:translate(-160px, -160px); }
}
@-moz-keyframes rotate-astronaut {
    100% { -moz-transform: rotate(-720deg);}
}
@-webkit-keyframes rotate-astronaut {
    100% { -webkit-transform: rotate(-720deg);}
}
@keyframes rotate-astronaut{
    100% { -webkit-transform: rotate(-720deg); transform:rotate(-720deg); }
}

@-moz-keyframes glow-star {
    40% { -moz-opacity: 0.3;}
    90%,100% { -moz-opacity: 1; -moz-transform: scale(1.2);}
}
@-webkit-keyframes glow-star {
    40% { -webkit-opacity: 0.3;}
    90%,100% { -webkit-opacity: 1; -webkit-transform: scale(1.2);}
}
@keyframes glow-star{
    40% { -webkit-opacity: 0.3; opacity: 0.3;  }
    90%,100% { -webkit-opacity: 1; opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); border-radius: 999999px;}
}

.spin-earth-on-hover{
    
    transition: ease 200s !important;
    transform: rotate(-3600deg) !important;
}

.bg-purple{
    background: url(http://salehriaz.com/404Page/img/bg_purple.png);
    background-repeat: repeat-x;
    background-size: cover;
    background-position: left top;
    height: 100%;
    overflow: hidden;
    
}

.btn-request{
    padding: 10px 25px;
    border: 1px solid #FFCB39;
    border-radius: 100px;
    font-weight: 400;
}

.btn-request:hover{
    background-color: #FFCB39;
    color: #fff;
    transform: scale(1.05);
    box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
}

.btn-go-home{
    position: relative;
    z-index: 200;
    margin: 15px auto;
    width: 100px;
    padding: 10px 15px;
    border: 1px solid #3ECA67;
    border-radius: 100px;
    font-weight: 400;
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
    letter-spacing : 2px;
    font-size: 11px;
    
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.btn-go-home:hover{
    background-color: #3ECA67;
    color: #fff;
    transform: scale(1.05);
    box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
}

.central-body{
/*    width: 100%;*/
    padding: 17% 5% 10% 5%;
    text-align: center;
}

.objects img{
    z-index: 90;
    pointer-events: none;
}

.object_rocket{
    z-index: 95;
    position: absolute;
    transform: translateX(-50px);
    top: 75%;
    pointer-events: none;
    animation: rocket-movement 200s linear infinite both running;
}

.object_earth{
    position: absolute;
    top: 20%;
    left: 15%;
    z-index: 90;
/*    animation: spin-earth 100s infinite linear both;*/
}

.object_moon{
    position: absolute;
    top: 12%;
    left: 25%;
/*
    transform: rotate(0deg);
    transition: transform ease-in 99999999999s;
*/
}

.earth-moon{
    
}

.object_astronaut{
    animation: rotate-astronaut 200s infinite linear both alternate;
}

.box_astronaut{
    z-index: 110 !important;
    position: absolute;
    top: 60%;
    right: 20%;
    will-change: transform;
    animation: move-astronaut 50s infinite linear both alternate;
}

.image-404{
    position: relative;
    z-index: 100;
    pointer-events: none;
}

.stars{
    background: url(http://salehriaz.com/404Page/img/overlay_stars.svg);
    background-repeat: repeat;
    background-size: contain;
    background-position: left top;
}

.glowing_stars .star{
    position: absolute;
    border-radius: 100%;
    background-color: #fff;
    width: 3px;
    height: 3px;
    opacity: 0.3;
    will-change: opacity;
}

.glowing_stars .star:nth-child(1){
    top: 80%;
    left: 25%;
    animation: glow-star 2s infinite ease-in-out alternate 1s;
}
.glowing_stars .star:nth-child(2){
    top: 20%;
    left: 40%;
    animation: glow-star 2s infinite ease-in-out alternate 3s;
}
.glowing_stars .star:nth-child(3){
    top: 25%;
    left: 25%;
    animation: glow-star 2s infinite ease-in-out alternate 5s;
}
.glowing_stars .star:nth-child(4){
    top: 75%;
    left: 80%;
    animation: glow-star 2s infinite ease-in-out alternate 7s;
}
.glowing_stars .star:nth-child(5){
    top: 90%;
    left: 50%;
    animation: glow-star 2s infinite ease-in-out alternate 9s;
}

@media only screen and (max-width: 600px){
    .navbar-links{
        display: none;
    }
    
    .custom-navbar{
        text-align: center;
    }
    
    .brand-logo img{
        width: 120px;
    }
    
    .box_astronaut{
        top: 70%;
    }
    
    .central-body{
        padding-top: 25%;
    }
}

@media screen and (max-width:640px){
    .tutorial-video {
    width: 350px !important;
    height: 250px !important;
    }
}


@media screen and (max-width:640px){
    #search-bar-top {
    width: 270px;
    }
}

@media screen and (max-width:640px){
    .areas-image {
    display: none;
    }
}



@media screen and (max-width:640px){
#top-banner-home{
    background-size:cover
}
}

@media screen and (max-width:640px){
.wms{
    font-size: 19px;
font-weight: bold;}
}

@media screen and (max-width:640px){
    .service-h3-left{font-size: 18px; float: left !important; mar}
    .service-p-left {float: left !important;}
    }

@media screen and (max-width:640px){
    .services-right{border: none !important; padding-left: 0px !important;}}


 @media screen and (max-width:640px){
    .course-heading{
    font-weight:bold;
    font-size:22px !important;
    line-height: 30px !important;  
    margin-top:0px !important;
}}

@media screen and (max-width:640px){
.top-content-courses{
color:#fff;
margin-left:10px !important;
padding-bottom: 10px;
    
}}

@media screen and (max-width:640px){
.are-you-stuck-image{
display: none;
    
}}

@media screen and (max-width:640px){
    .free-tutorial-image{display: none;}}

@media screen and (max-width:640px){
    .body-h2{font-size: 24px !important; font-weight: bold !important;}}

@media screen and (max-width:640px){
    .feature-box{
    border-radius: 10px;
    box-shadow: 0px 0px 15px 5px rgba(222,222,222,1); 
    margin-bottom: 20px;
    padding-top: 30px; 
    background-color:white;}
}
@media screen and (max-width:640px){
    .wms-text{
    text-align: justify !important;}
}

@media screen and (max-width:640px){
    .top-service-p{text-align: justify !important;}}

@media (max-width: 640px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff !important;
}}
@media (max-width: 640px){
    .header-service{
    font-weight:700;
    font-size:34px;
    line-height: 48px;
    color:#fff;
    margin-top: 0px !important;   
}}
@media (max-width: 640px){
    .top-content-service{
    margin-left:25px !important;
    margin-right:25px !important;
}}

@media screen and (max-width:640px){
    .logo-h2-gets{
    margin-top:550px !important;
    font-weight: bold !important;
    font-size: 26px !important;
}}
@media screen and (max-width:640px){
    .submit-form{
    background-color: #2D2D2D !important;
    padding-bottom: 30px !important;
}}

@media screen and (max-width:640px){
    .get-solution-h2{margin-top:20px !important;}}


.our-team-nav{background-color:black; padding-top:10px;}
.project-idea-h2{font-size:18px; padding:0px; margin-left:30px;}
.thank-you-h3{
    font-size:48px;
}

.get-solution-h2{color:white; margin-top:130px;}
.get-solution-content{color:white; }
.g-s-i{ font-size:20px;}

.thank-you-content{
    color:white;
    margin-top:150px;
    font-weight:bold;
    
}

.footer-h2 a:hover{
    text-decoration:none;
}

.ask-help-button{
	background-color: #3eca67;
	border-color: #3eca67;
	margin-top: 10px;
	padding: 6px 20px 6px 20px;
	border-radius: 40px;
	color: #fff;

}

.free-tutorial-cta-banner{background-color:#47497a;}
.free-tutorial-image{float:right; margin-right:0px;}

.qa-top-h1{font-size: 28px; font-weight: bold;margin-top: 30px;margin-bottom: 30px;border:2px solid white; padding: 10px;}

.top-nav-dark{
    background-color: black;
    padding-top: 15px;
    padding-left: 20px;
}

.submit-form{
    padding:10px 50px 0 50px;
    color: #CCCCCC;
}
.submit-form-apply{
    padding:20px 50px 0 50px;
    color: #CCCCCC;
    background-color:#303030;
}
.form-label{
    font-size: 12px;
    margin-top: 20px;
}
.form-h2{
    color: white; 
    font-size: 22px;
    padding-left: 15px;
    padding-bottom: 20px;
}

.input-form{
    background-color:transparent; 
    border-style: none;
    border-bottom: 1px solid white;
    color: white;
    font-size: 14px;
    width: 200px;
}
.input-form-top{
    padding:5px;
    background-color:white; 
    border-style: none;
    color: black;
    font-size: 14px;
    width: 190px;
    height:32px;
    margin-top:7px;
    border-radius:5px;
    border:1px solid #3ECA66;
}
.input-form:focus{
    outline: none;
    color: #3ECA67;
}
  
#comment{width: 420px;}
.submit-form-button{
background-color: #3eca67;
border-style: none;
border-radius: 50px;
padding: 10px 35px 10px 35px;
color: white;
}    

.form-entry{
	border:1px solid #3eca67 !important; 
	padding: 5px !important; 
	margin-top: 5px; 
	margin-bottom: 5px;	
	width: 190px !important;
}

.side-features{margin-top: 20px; margin-left:10px;padding-left:30px;}
.content-top-h2{color: white;padding: 0px;margin-top: 80px; font-size: 24px;}
.content-top-h1{color: #000;font-size: 32px; margin-top: 30px;
    border-bottom:2px solid #F0F0F0; padding-bottom:10px;
}
.rating-stars{margin-left: 30px; color: #FFE000;}
.search-bar-head{width: 450px; }
.search-bar-service{
    width: 450px; margin-bottom: 300px;}

.search-bar-content{
    width: 450px; 
    margin-top: 20px;
}   

body{
    overflow-x:hidden;
   
    width: 100%;
       margin: 0%;    
}

.features{padding: 20px 10px 40px 10px;}

.feature-box{
    border-radius: 5px;
    box-shadow: 5px 10px 10px 5px rgba(222,222,222,1); 
    padding:5px; 
    background-color:white;
    width:320px;
    
}
.feature-box-image{
    border-radius: 5px;
    box-shadow: 5px 10px 10px 5px rgba(222,222,222,1); 
    background-color:white;
    
}

.blog-feature-image{box-shadow: 0px 0px 40px 5px #EBEBEB; padding-left: 5px;}
.feature-heading{font-weight: bold;font-size:20px;}
.feature-p{margin-left: 40px; margin-right: 40px; font-size: 15px;} 
.service-h3-left{font-size: 18px; float: right;}
.service-h3-right{font-size: 18px; float: left; text-transform: uppercase;}
.service-h3-right a:hover{text-decoration: none;}

.service-p-left{font-size: 15px; float: right;}
.service-p-right{font-size: 15px; float: left;}
.services-left{padding-right: 30px;}
.services-right{border-left: 2px solid #3eca67; padding-left: 30px;}

.projects{margin-top: 50px;}

.tutorial-h3{font-size:20px; font-weight:bold;}
.body-h2{font-size: 36px;}
.body-h2-line{font-size:22px; border-bottom: double #3ECA67; padding-bottom: 10px;  }
.body-p{font-size: 15px; text-align:justify;}

.course-shorts{margin-top:50px; background-color:#3ECA67;padding:20px 0 30px 30px; border-radius:20px; color:white;}
.tutorial-icon{background-color:grey; color:white; border-radius:200px;padding:10px;}
.projects{margin-top: 40px;}

.blog-h2{padding:0px; font-size:20px; font-weight: bold; padding-top: 10px; padding-left: 15px;}
.learn-more{padding:0px;}
.video-icon{color: red;}
.footer{background-color: #F6F6F6; padding-top: 30px;}
.logo-h2{font-weight: bolder; font-size: 24px;}
.footer-h2{font-weight: bolder; font-size: 20px; color: #555555;}
.social-icons{color: #797979; font-size: 26px;}
.social-icons:hover{color: #3ECA67; }
.footer-links{
    color: #2C2C2C; 
    font-family: 'Quicksand', sans-serif; 
    font-weight:bold;
    
}
.copyright{margin-top: 20px; padding: 0px;}

.second-nav{ background-color: #3eca67; margin-top: 0px;}
.nav-h3{font-size: 16px; color: #fff; border-right: 1px solid white; font-weight: bold;}

.footer-rating{
    color:#4F4F4F;
}
.search-bar-button{
	color: #fff;
    background-color: #3eca67;
    border-color: #3eca67;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    
    overflow: visible;
}

.cta-button{
	color: #fff;
    background-color: #3eca67;
    border-color: #3eca67;
    display: inline-block;
    padding: 9px 20px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;	
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 50px;
    overflow: visible;
}
.only-order-submit-btn{
    margin-left:70px;
    margin-top:15px;
	color: #fff;
    background-color: #3eca67;
    border-color: #3eca67;
    display: inline-block;
    padding: 12px 70px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;	
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 5px;
    overflow: visible;
}

.cta-button-pay{
	color: #fff;
    background-color: #3eca67;
    border-color: #3eca67;
    display: inline-block;
    padding: 14px 28px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;	
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 5px;
    overflow: visible;
}
.order-now-button{
	color: #fff;
    background-color: #3eca67;
    border-color: #3eca67;
    display: inline-block;
    padding: 14px 130px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;	
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 5px;
    overflow: visible;
}

.login-button{
    margin-top:30px;
	color: #fff;
    background-color: #3eca67;
    border-color: #3eca67;
    display: inline-block;
    padding: 14px 80px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;	
    touch-action: manipulation;
    cursor: pointer;
    border-radius: 5px;
    overflow: visible;
}
.change-pass-button{
	color: #fff;
    background-color: #3eca67;
    border-color: #3eca67;
    display: inline-block;
    padding: 14px 85px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;	
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 5px;
    overflow: visible;
}
.login-entry{
    width:500px;
    padding:15px;
    font-size:14px;
    border-style:none;
    border-bottom:1px solid #34B588;
}
.forgot-pass{
    color:#3ECA66;
    font-size:13px;
    float:left;
    padding-left:25px;
}
.signup-span{
    font-size:13px;
    float:right;
}
.cta-button-chat{
	color: #fff;
    background-color: #3eca67;
    border-color: #3eca67;
    display: inline-block;
    padding: 14px 22px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;	
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 5px;
    overflow: visible;
}

.cta-button-white{
    color: #1B9DFF;
    background-color: #fff;
    border-color: white;
    display: inline-block;
    padding: 9px 20px;
    margin-top: 40px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation; 
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 50px;
    overflow: visible;
}
.cta-button-white:hover{
    color: white;
    background-color: #000;
    border-color: white;
    display: inline-block;
    padding: 9px 20px;
    margin-top: 40px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation; 
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 50px;
    overflow: visible;
}
.client-pic{
background-image: url(images/client-pic.png);
width: 100%; height: 390px; background-repeat: no-repeat;
}

.team-first-row{padding:50px;}
.team-name{ font-size: 20px;font-weight: bold;padding: 0px;color: #555555; }
.team-position{font-size: 17px;font-weight: bold;padding-left: 0px; margin-left: 0px; color: #838383 ;}
.top-header-p{margin-left: 0px !important; color:#393939;}
.top-course-p{margin-left: 0px !important; margin-bottom: 100px;}
.top-blog-p{margin-left: 0px !important;}
.tutorial-home-p{margin-left: 0px !important; margin-bottom: 10px;}
.top-team-p{
    margin-left: 0px !important; 
    margin-bottom: 10;
    color: #5D5D5D;
    font-weight: bold;
}
.top-service-p{margin-left: 0px !important;color:#fff;padding-left:15px;}
.top-service-p-new{margin-left: 0px !important;color:#393939;;font-size:20px;}
.offer-p{
    color:white;
    margin-top:20px;
    background-color:#31B8A8;
    padding:10px;

}
.service-top-h3{color:#393939; font-size:32px;padding-bottom:15px;}
.sponsorship-p{margin-left: 0px !important; color: white;}
.sup{
    color:#ffc900
}

.header-service{
    font-weight:700;
    font-size:34px;
    line-height: 48px;
    color:#fff;
    margin-top: 100px;
    padding-left:15px;
}
.header-service-new{
    font-size:36px;
    line-height: 48px;
    color:#393939;
    margin-top: 50px;
}

.header-tutoring{
    font-weight:700;
    font-size:34px;
    line-height: 48px;
    color:black;
    margin-top: 50px;    
}

a:link:hover {
  text-decoration: none;
  color:#3ECA67;
}


.header-sponsorship{
    font-weight:700;
    font-size:34px;
    line-height: 48px;
    color:white;
    margin-top: 100px;
    
}

#top-banner-home{
    background-size: cover;
    border-bottom:2px solid #F0F0F0;
}
#top-banner-tutoring{
    background:url(images/top-banner-tutoring.png);
    padding:20px 0;
    background-size:cover
}
#top-banner-service{
    background:url(images/top-banner-service.png);
    padding:5px 0;
    background-size:cover
}
#top-service{
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    padding-bottom:50px;
    background-size:cover;
}
#top-shop{
    padding-bottom:50px;
    background-size:cover;
}
#top-banner-sponsorship{
    background:url(images/top-banner-sponsorship.png);
    padding:20px 0;
    background-size:cover
}
#top-banner-about-us{
    background:url(images/top-banner-about-us.png);
    padding:20px 0;
    background-size:cover
}
#top-banner-team{
    background:url(images/top-banner-team.png);
    width: 100%;
    height: 650px;
    
    background-size:cover
}
#top-banner-contact{
    background:url(images/top-banner-contact2.png);
    width: 100%;
    height: 650px;
    padding-top:20px;
    background-size:cover
}

#top-banner-course{
    background:url(images/matlab-free-course-banner.png);
    padding:20px 0;
    background-size:cover;
    background-position: center; 
}

#top-banner-course-parts{
    background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
    padding:20px 0;
    background-size:cover
}

#top-banner-books{
    background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
    padding:20px 0;
}
#top-banner-tool{
   background-color: #5923C1;
    padding:20px 0;
    background-size:cover;
    width:100%; height: 100px;
}

#top-banner-blogs{
    background-size:cover;
}

#top-banner-qa{
    background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
    padding:20px 0;
    background-size:cover
}

.navbar-default{
    background:0 0!important;
    border:none!important
}
.navbar-default .navbar-nav>li>a{
    color:#000!important;
    padding-right:0!important;
    font-family: 'Muli', sans-serif !important;;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{
    color:#fff!important;
    background-color:transparent!important;
    border-radius:50px
}
.navbar-default .navbar-nav>.open>a{
    color:#555;
    background-color:transparent!important
}
.top-content-home-left{
    padding:120px 20px;
    
}
.top-content-service{
    margin-bottom:50px;
    margin-left:50px;
}

.header-matlab{
    font-weight:700;
    font-size:44px;
    line-height: 54px;
    color:#393939;
}

.course-heading{
    font-weight:700;
    font-size:36px;
    line-height: 50px; 
    margin-top:80px;
    margin-left:-30px;
}
.books-heading{
    font-weight:700;
    font-size:36px;
    line-height: 50px;  
    color:#fff;
    margin-top:40px;
}

.course-parts-heading-active{
    font-weight:700;
    font-size:16px;
    color:#fff;
    padding: 0 0 0 0 !important;
}

.course-parts-heading{
    font-weight:700;
    font-size:16px;
    color:#000;
    padding: 0 0 0 0 !important;
}

.course-parts-heading:hover{
    font-weight:700;
    font-size:16px;
    color:#fff;
    padding: 0 0 0 0 !important;
}

.course-h3{margin-left: 0px !important;}

body{
    font-size:18px!important;
    margin:0!important
}
a{
    color:#0d405f;
    font-weight:700
}
a:hover{
    text-decoration:none
}
h1{
    color:#0d405f;
    font-size:32px;
    font-weight:700;
    margin-left:0
}
h2{
    font-weight:700;
    font-size:24px;
    font-family:sans-serif;
    color:#0d405f;
    padding-left:30px;
    padding-top:20px
}
h3{
    margin-left:30px;
    font-size:18px;
    font-family:sans-serif;
    font-weight:700;
    color:#fe7058
}
h4{
    margin-left:50px;
    font-size:18px;
    font-family:sans-serif;
    font-weight:700;
    color:#282828
}
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0;
    width:250px
}
li{
    padding-right:10px;
    margin-left:30px!important
}
p{
    font-size:16px;
    margin-left:30px!important
}
.top-nav-bar{
    overflow:hidden
}
.top-nav-bar a{
    text-decoration:none;
    color:#0d405f
}
.top-banner-home{
    width:100%;
    height:650px;
    padding:0!important;
    
}

.top-nav-bar{
    height:100px;
    width:100%;
    text-decoration-style:none
}
.nav-bar{
    text-decoration-style:none;
    list-style-type:none;
    padding:0;
    padding-right:0
}
li{
    padding-right:0;
    font-family:sans-serif;
    font-size:17px;
    margin-left:30px!important
}
.services{
    margin-left:30px
}
.nav-submit{
    margin-left:10px
}
.nav-submit-button{
    background-color:#fc5216;
    font-size:16px;
    padding:10px 28px;
    border-radius:40px;
    color:#fff
}
.top-content{
    color:#fff;
    margin-left:50px;
    
}
.team-heading{
    color:#373737;
    margin-left:0;
    font-weight: bold;
}
.tutor-box{border:1px solid #D8D7D7; padding: 20px; border-radius: 30px;}
.tutor-pic{box-shadow: 0px 0px 15px 1px rgba(222,222,222,1);}
.mobile-tutoring-pic{margin-top: 50px; margin-bottom: 50px;}
.tutor-h2{font-size: 24px; }
.tutorial-gif-pic{box-shadow: 0px 0px 15px 5px rgba(222,222,222,1);border:15px solid grey; border-radius: 20px;}

.top-content-courses{
color:#fff;
margin-left:100px;
padding-bottom: 10px;
    
}
.top-content-course{
color:#fff;
margin-left:30px;
padding-bottom: 30px;
    
}
.top-content-books{
color:#fff;
padding-bottom: 20px;
    
}

.top-content-blog{
margin-left:50px;
padding-bottom: 50px;
    
}

#tutoring-cta{background-color: #EAEAEA; margin-top: 20px;}

.course-parts-top-box{ margin-top: 30px; }

.top-content-course-parts{
    color:#fff;
    margin-left:50px;
    overflow-y: scroll;
    height: 400px;
    border:2px solid #fff;
    padding-left:20px;
}

.books-mid{margin-top: 20px;margin-bottom: 50px;}
.book-list-row{padding-top: 100px;}

#blogs{padding: 30px;}