@import url('https://fonts.googleapis.com/css?family=Ubuntu');

row {
    margin: 0;
    padding: 0;
}

.dymenu {
    background-color: transparent;
    float: right;
    width: 40%;
    border: none;
}

.dyfixmenu {
    background-color: #e01c1c;
    position: fixed;
    z-index: 999;
    top: 0px;
    width: 100%;
    min-height: 85px;
    box-shadow: 0px 0px 0px #808080;
}

body {
    background-color: #eee;
}

.logo > img {
    /*width: 10%;*/
    /* height: 65px; */
    float: left;
    margin-left: 86px;
}

@media only screen and (max-width: 640px) {
    .logo > img {
        width: 39%;
        float: left;
        margin-left: 24px;
    }
}

.menuback {
    background-color: #eee;
    min-height: 127px;
    width: 100%;
    position: fixed;
    top: 0px;
}

.whitecolor {
    color: #000 !important;
}

.mapcontain {
    margin-top: -40px;
}
/*Default css*/

.default {
    min-height: 191px;
    background: #eee;
    box-shadow: 0px -5px 27px orange;
    margin-top: 1px;
    padding-left: 30px;
    padding-top: 5px;
    text-align: center;
}


.lowercontainer {
    margin-top: -270px;
}

.lowerpara {
    color: #fff;
    text-align: center;
}

.getcontiner {
    margin-top: 125px;
}

.trialrow {
    margin-top: 40px;
}

.conficontain {
    margin-top: -140px;
}

#F3-Col1-Row1 {
    padding: 200px 0px;
    min-height: 870px;
    background: url(/images/b.png) no-repeat center 0px, url() 1348px top !important;
    background-size: contain;
}

@media only screen (max-width: 959px) {
    F3-Col1-Row1 {
        padding: 33px 0px!important;
        background: url() 2000px bottom #a4cb5a!important;
        background-size: contain;
    }
}

@media only screen (max-width: 580px) {
    F3-Col1-Row1 {
        padding: 33px 0px!important;
    }
}



.circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    background: rgba(108, 183, 51, 0.9);
    border: 2px solid #fff;
    margin-left: 75px;
    padding-top: 20px;
}

.img-circle {
    margin-top: -20px;
}

.welcometxt {
    font-weight: 700;
    font-style: normal;
    font-family: 'Ubuntu', sans-serif;
    color: #e01c1c;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0px;
}

.welcomeparatxt {
    font-weight: 300;
    font-style: normal;
    font-family: 'Ubuntu', sans-serif;
    color: #a4260a;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 2px;
}

.diffenceskill {
    font-weight: 300;
    font-style: normal;
    font-family: 'Ubuntu', sans-serif;
    color: #333333;
    font-size: 35px;
    line-height: 1.2;
    letter-spacing: 0px;
}

.diffencehead {
    font-weight: 500;
    font-style: normal;
    font-family: 'Ubuntu', sans-serif;
    color: #333333;
    font-size: 45px;
    line-height: 1.5;
    letter-spacing: 0px;
}

@media only screen (max-width: 580px) {
    diffencehead {
        font-size: 35px;
    }
}

.diffencetxt {
    font-weight: 500;
    font-style: normal;
    font-family: 'Ubuntu', sans-serif;
    color: #5d5d5d;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0px;
}

#F4-Col1-Row1 {
    padding: 200px 0px;
    min-height: 970px;
    background: url(/ncsolution/images/mt-0497-home-parallax1.png) no-repeat right 115px, url() 1348px top #fff !important;
    background-size: contain;
}

@media only screen (max-width: 959px) {
    F4-Col1-Row1 {
        padding: 33px 0px!important;
        background: url() 2000px bottom #a4cb5a!important;
        background-size: contain;
    }
}

@media only screen (min-width: 560px) {
    F4-Col1-Row1 {
        background-color: #000 !important;
    }
}


.trial {
    font-weight: 700;
    font-style: normal;
    font-family: 'Ubuntu', sans-serif;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0px;
}

.personal {
    font-weight: 300;
    font-style: normal;
    font-family: 'Ubuntu', sans-serif;
    color: #fd8469;
    font-size: 35px;
    line-height: 1.2;
    letter-spacing: 0px;
}

.personalhead {
    font-weight: 500;
    font-style: normal;
    font-family: 'Ubuntu', sans-serif;
    color: #e01c1c;
    font-size: 35px;
    line-height: 1.5;
    letter-spacing: 0px;
}

.persoalparatxt {
    font-weight: 600;
    font-style: normal;
    font-family: 'Ubuntu', sans-serif;
    color: #000;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0px;
}

.personaltxtspan {
    color: #fff;
}

#F5-Col1-Row1 {
    padding: 100px 0px;
    min-height: 100px;
    background: url(/ncsolution/images/footer.png) no-repeat center 60px, url() 1348px top #fff !important;
    background-size: contain;
}
/*@media only screen (max-width: 959px) {
    #F4-Col1-Row1 {
        padding: 33px 0px!important;
        background: url() 2000px bottom #a4cb5a!important;
        background-size: contain;
    }

    @media only screen (max-width: 580px) {
        #F4-Col1-Row1 {
            padding: 33px 0px!important;
        }
    }*/
/*about css*/
.parallax {
    /* The image used */
    /*background-image:ur();*/
    /* Full height */
    height: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.aboutcontain {
    margin-top: 150px;
}

.f7container {
    margin-top: 30px;
    min-height: 500px;
    padding-top: 100px;
}

#F7-Col1-Row1 {
    padding: 160px 0px;
    min-height: 500px;
    background: url(/ncsolution/images/about.jpg) no-repeat center 115px, url() 1348px top #fff !important;
    background-size: contain;
}

/*@media only screen (max-width: 959px) {
        #F7-Col1-Row1 {
            padding: 33px 0px!important;
            background: url() 2000px bottom #a4cb5a!important;
            background-size: contain;
        }

        @media only screen (max-width: 580px) {
            #F7-Col1-Row1 {
                padding: 33px 0px!important;
            }
        }*/

/*Instructors*/
.insnamehead {
    font-weight: 500;
    font-style: normal;
    font-family: 'Ubuntu', sans-serif;
    color: #333333;
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: 0px;
}

.normaltxt {
    font-weight: 300;
    font-style: normal;
    font-family: 'Ubuntu', sans-serif;
    color: #13a88a;
    font-size: 18px;
    line-height: 1.7;
    letter-spacing: 0px;
}

/*courses css*/
.coursecontain {
    margin-top: 200px;
}

#F8-Col1-Row1 {
    padding: 209px 0px;
    min-height: 1000px;
    background: url(/ncsolution/images/mt-0497-courses-parallax1.png) no-repeat center 50px, url() 1348px top #fff !important;
    background-size: contain;
}

/*@media only screen (max-width: 959px) {
            #F8-Col1-Row1 {
                padding: 33px 0px!important;
                background: url() 2000px bottom #a4cb5a!important;
                background-size: contain;
            }
        }

        @media only screen (max-width: 580px) {
            #F8-Col1-Row1 {
                padding: 33px 0px!important;
            }
        }*/
.Coursecircle {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    font-size: 30px;
    font-weight: 100;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
}

.onebg {
    background-color: #d85922;
}

.twobg {
    background-color: #87ba3b;
}

.threebg {
    background-color: #f6e706;
}

.fourbg {
    background-color: #13a88a;
}

.coursesalign {
    color: #fff;
    text-align: left;
}

.loweroursetxt {
    font-weight: 300;
    font-style: normal;
    font-family: 'Ubuntu', sans-serif;
    color: #333333;
    font-size: 35px;
    line-height: 1.2;
    letter-spacing: 0px;
}

.coursetxt_2 {
    font-weight: 500;
    font-style: normal;
    font-family: 'Ubuntu', sans-serif;
    color: #333333;
    font-size: 33px;
    line-height: 1.3;
    letter-spacing: 0px;
}

.blacktxt {
    color: #000;
}

.courseparartxtcolor {
    color: #888888;
}

.courserow {
    margin-top: 25px;
}

.thingscontainer {
    margin-top: -85px;
}

.navbar-inverse .navbar-nav > li > a {
    color:#fff;
    font-family: ubantu;
    font-size: 14pt;
    margin-top: 19px;
}
    .navbar-inverse .navbar-nav > li > a:hover {
        background-color:#e01c1c;
        color:yellow;
        
    }
a:hover {
    color: #000;
}

/*Css For Reachus*/
.contact {
    font-size: 35px;
    text-align: center;
    font-family: "Lato";
    padding-top: 80px;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #e01c1c;
}

.reachus {
    margin-top: 50px;
}

.topmargin {
    margin-top: 20px;
}

.sendbttn {
    text-align: right;
    padding-right: 28px;
    font-size: 11pt;
}

.contacttxt {
    word-spacing: 0;
    margin: 0 auto;
    max-width: 850px;
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    padding-top: 30px;
    color: #a90f0f;
    font-family: "Lato";
}

.contact_color {
    background-color: #F7F7F7;
    min-height: 294px;
}

.contact_banner {
    min-height: 344px;
    width: auto;
}

.contact_bannerpad {
    padding-top: 65px;
}

.contact_banner h3 {
    color: #fff;
    margin-bottom: 33px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.contact_banner p {
    line-height: 23px;
    font-size: 16px;
    font-family: "Geargia";
    color: #fff;
    font-style: italic;
}

.spancolor {
    height: 2px;
    width: 108px;
    background-color: #2A9DD6;
    display: block;
    /*margin-left: 605px;*/
    text-align: center;
    margin-top: 10px;
}

.banner_txt {
    color: blue;
    font-family: "Lato";
}

.contact_control {
    background-color: #f7f7f7;
    min-height: 593px;
    padding-top: 50px;
}

input[type="text"] {
    height: 52px;
    width: 100%;
    background: #f9f9f9;
    border-radius: 3px;
    font-family: "Lato";
}

input[type="textarea"] {
    background-color: #f7f7f7;
}

.txt_padding {
    margin-top: 29px;
}

.parallax {
    /* The image used */
    /*background-image: url(http://sbps.local/includes/images/banner.png);*/
    /* Full height */
    height: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*our services*/

.servicehead {
    font-size: 35px;
    text-align: center;
    font-family: "Lato";
    padding-top: 80px;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 88px;
    color: #e01c1c;
}

.servicetxt {
    word-spacing: 0;
    margin: 0 auto;
    max-width: 1125px;
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    padding-top: 30px;
    color: #a71c1c;
    font-family: "Lato";
}

.allservice {
    margin-top: 50px;
}

.ourseervice {
    min-height: 191px;
    background: #FFF;
    box-shadow: 0px 1px 1px #aaa;
    margin-top: 1px;
    padding-left: 12px;
    padding-top: 5px;
}

    .ourseervice > p {
        line-height: 1.8;
    }

.service_title {
    font-size: 14px;
    line-height: 21px;
    margin: 8px 0;
    font-style: italic;
    color: #777;
}

.home_box_heading {
    font-weight: bold;
    color: #e01c1c;
}

.title_line {
    margin-left: -30px;
}

/*footer css*/

.footer {
    width: auto;
    height: auto;
    margin-top: 20px;
    color: #000;
}

.fotcolor {
    background-color: #e01c1c;
}

.fotter_para {
    color: #fff;
}

.footer_row {
    padding-top: 25px;
}

.footer_menu_align {
    text-align: center;
}

.copyright {
    width: auto;
    height: auto;
    text-align: center;
    margin-top: 5px;
    font-size: 14px;
    color: #000;
}

.copyright_pad {
    margin-bottom: 10px;
}

a {
    color: #fff;
}
    
.scroll {
    height: 318px;
    overflow: scroll;
}
