/*This is customised css by mikeflame*/

nav > ul > li > a {
    position: relative;
    background: transparent !important;
    padding: 0 .9rem;
    margin: 1px 0 0;
    min-height: 60px;
    height: 100%;
}

.mymenuul {
    padding: 0px 0px;
    width: 1800px;
    border-radius: 0;
    margin-top: 0px;
}

    .mymenuul > ul li {
        display: inline-block;
        float: left;
        font-size: 0.94rem;
        padding: 3px 0px;
    }

    .mymenuul li.mega-menu-column {
        margin-right: 20px;
        width: 150px;
    }



.justify {
    text-align: justify;
}

.floatl {
    float: left;
}

.floatr {
    float: right;
}

.colorblue {
    color: blue;
}

.ptcblue {
    color: #0a0969;
}

    .ptcblue:hover {
        color: #444;
    }

.fwhite {
    color: #ffffff !important;
}

footer ul > li > a {
    text-decoration: none !important;
}

    footer ul > li > a:hover {
        color: #0fbedc;
    }

.info-footer {
    color: #428bca;
}

.noneuline {
    text-decoration: none !important;
}

.ptcwhite {
    color: #ffffff !important;
}

.milestone-block.myalignach {
    display: inline-block !important;
    margin-bottom: 25px !important;
    margin-right: 57px !important;
}

.mfi {
    font-size: 25px !important;
    color: #ffffff !important;
}

.fs40 {
    font-size: 40px;
}

.talignl {
    text-align: left;
}

.ml15 {
    margin-left: 0px;
}

.mtop70 {
    margin-top: 70px;
}

.mtop50 {
    margin-top: 50px;
}

.mtop100 {
    margin-top: 100px;
}

.marginb20 {
    padding-bottom: 20px;
}

.text-blue {
    color: #428bca;
}

.slider-b-row-margin {
    margin: 0px 105px;
}

/*<sliding transition Scrolling Start >*/
.example1 {
    height: 136px;
    overflow: hidden;
    position: relative;
}

    .example1 h3 {
        font-size: 11em;
        color: #ffffff5e;
        /*text-shadow: 10px 10px 25px #000000;*/
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        line-height: 97px;
        text-align: center;
        /* Starting position */
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        /* Apply animation to this element */
        -moz-animation: example1 15s linear infinite;
        -webkit-animation: example1 15s linear infinite;
        animation: example1 20s linear infinite;
    }
/* Move it (define the animation) */
@-moz-keyframes example1 {
    0% {
        -moz-transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes example1 {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes example1 {
    0% {
        -moz-transform: translateX(100%); /* Firefox bug fix */
        -webkit-transform: translateX(100%); /* Firefox bug fix */
        transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%); /* Firefox bug fix */
        -webkit-transform: translateX(-100%); /* Firefox bug fix */
        transform: translateX(-100%);
    }
}

/*<sliding transition Scrolling Start >*/

.mbh3 {
    margin-bottom: 5px;
}

ul > li > strong {
    color: #48464e;
}

.mydd {
    color: #aaafb5;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    outline: none;
    width: 100%;
    padding: 7px 14px;
    display: block;
    margin-bottom: 10px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

ul > li > span {
    color: #2e3f90;
    font-size: 14px;
    font-weight: 600;
}

ul > li > p {
    color: #000;
    font-size: 13.5px;
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    margin: 0;
    font-weight: 500;
}

.widget > ul > li {
    color: #000;
    font-weight: 500;
    font-size: 13px;
    line-height: 23px;
}

.fleft {
    float: left;
}

.fonth4 {
    font-size: 18px !important;
}

.mycont {
    padding: 30px 209px !important;
}

.btn-large1 {
    font-size: 16px;
    padding: 9px 70px;
}

.brochurecolor {
    color: #fdff86;
    font-size: 31px;
}


/*show command hide mflame css Start*/
@media only screen and (min-width: 1349px) {
    /* For Disable on Pc  */
    .myhide {
        display: none;
    }
}

@media only screen and (max-width: 700px) {
    /* For Enable on Pc  */
    .myshow {
        display: none;
    }
}
/*show command hide mflame css End*/

.ptop22 {
    padding-top: 22px;
}

.myimgh200 {
    height: 200px;
}

.ul_school {
    list-style-type: disc;
    color: #111e5d;
    font-size: 14px;
    font-weight: 550;
}

/*my textbox code start*/
.mytb {
    color: #aaafb5;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    outline: none;
    width: 100%;
    padding: 7px 14px;
    display: block;
    margin-bottom: 10px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
/*my textbox code end*/

.mybtnsubmit {
    background-color: #0a0969;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.btntwhite {
    color: #ffffff !important;
}

.btnsubmitval {
    height: 227px !important;
    max-width: 750px !important;
}

.btndemo {
    height: 125px;
    max-width: 262px;
}


/*show command hide mflame css Start*/





@media only screen and (max-width: 1920px) {
    /* For Enable on Pc  */
    .myRmf {
        margin-left: 230px!important;
    }
}

@media only screen and (max-width: 1600px) {
    /* For Enable on Pc  */
    .myRmf {
        margin-left: 230px!important;
    }
}

@media only screen and (max-width: 1349px) {
    /* For Enable on Pc  */
    .myRmf {
        margin-left: 106px!important;
    }
}


@media only screen and (max-width: 1280px) {
    
    .myRmf {
        margin-left: 74px!important;
    }
}

@media only screen and (max-width: 1024px) {
   
    .myRmf {
        margin-left: 115px!important;
    }
}

@media only screen and (max-width: 768px) {
   
    .myRmf {
        margin-left: 40px!important;
    }
}

@media only screen and (max-width: 700px) {
    /* For Enable on Pc  */
    .myRmf {
        margin-left: 20px!important;
    }
}




@media only screen and (min-width: 1920px) {
    /* For Disable on Pc  */
    .mymf {
        margin-left: 660px!important;
    }
}

@media only screen and (min-width: 1600px) {
    /* For Disable on Pc  */
    .mymf {
        margin-left: 660px!important;
    }
}


@media only screen and (min-width: 1349px) {
    /* For Disable on Pc  */
    .mymf {
        margin-left: 660px!important;
    }
}
@media only screen and (max-width: 1280px) {
    /* For Enable on Pc  */
    .mymf {
        margin-left: 650px;
    }
}

@media only screen and (max-width: 1024px) {
    /* For Enable on Pc  */
    .mymf {
        margin-left: 500px;
    }
}

@media only screen and (max-width: 768px) {
    /* For Enable on Pc  */
    .mymf {
        margin-left: 464px!important;
    }
}

@media only screen and (max-width: 700px) {
    /* For Enable on Pc  */
    .mymf {
        margin-left: 168px!important;
    }
}







/*show command hide mflame css End*/

.myh5 {
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: center !important;
    color: #010066 !important;
}

    .myh5:hover {
        color: #19a210 !important;
        text-shadow: 2px 1px 7px #d2b0b0;
    }

.active {
    border-color: #0a0969;
    font-weight: 500;
}


/*Testimonial Start*/
/*@media only screen and (min-width: 1349px) {
    .tmonialheight {
        height: 130px !important;
    }
}

@media only screen and (max-width: 700px) {
    .tmonialheight {
        height: 230px !important;
    }
}*/
/*Testimonial End*/

@media only screen and (max-width: 700px) {
    .testimo {
        padding-bottom: 300px !important;
    }
}


@media only screen and (max-width: 700px) {
    .mycont {
        padding: 25px 15px !important;
    }
}

.mar-roachiev {
    margin-right: -100px !important;
}

@media only screen and (max-width: 700px) {
    .mar-roachiev {
        margin-left: 15px !important;
    }
}


/*logo Start*/
@media only screen and (min-width: 1349px) {
    .mylogo {
        height: 55px;
        /* padding-top: 14px; */
        /* padding-bottom: 6px; */
        margin-top: -15px;
    }
}


@media only screen and (max-width: 1280px) {
    .mylogo {
        height: 50px;
        padding-bottom: 2px;
        margin-top: -5px;
    }
}



@media only screen and (max-width: 1080px) {
    .mylogo
    {
        height: 51px;
        padding-bottom: 0px;
        margin-top: -13px;
        padding-left: 0px;
    }
}

@media only screen and (max-width: 823px) {
    .mylogo
    {
        height: 50px;
        padding-bottom: 2px;
        margin-top: -10px;
        padding-left: 0px;
    }
}

@media only screen and (max-width: 768px) {
    .mylogo {
        height: 46px;
        padding-bottom: 2px;
        margin-top: -10px;
        padding-left: 0px;
    }
}

@media only screen and (max-width: 700px) {
    .mylogo
    {
        height: 52px;
        padding-bottom: 0px;
        margin-top: -15px;
    }
}





/*Logo End*/


@media only screen and (max-width: 768px) {
    .mfslider-mob {
        margin-top: 111px;
    }
     .HRbtm
    {
        margin-bottom:20px;
    }
}

@media only screen and (max-width: 700px) {
    .mfslider-mob {
        margin-top: 105px;
    }
    .HRbtm
    {
        margin-bottom:20px;
    }
}

@media only screen and (min-width: 823px) {
    .mfslider-mob {
        margin-top: 111px;
    }
     .HRbtm
    {
        margin-bottom:40px;
    }
}

@media only screen and (min-width: 1349px) {
    .mfslider-mob {
        margin-top: 111px;
    }
     .HRbtm
    {
        margin-bottom:50px;
    }
}

@media only screen and (min-width: 1024px) {
    .mfslider-mob {
        margin-top: 111px;
    }
     .HRbtm
    {
        margin-bottom:40px;
    }
}

@media only screen and (min-width: 1600px) {
    .mfslider-mob {
        margin-top: 111px;
    }
 
    
}


/*Menu Start*/
@media only screen and (min-width: 1349px) {
    .navbar-default .navbar-nav {
        margin-right: -26px !important;
    }
}

@media only screen and (max-width: 700px) {
    .navbar-default .navbar-nav {
        margin-right: 10px !important;
    }
}

@media only screen and (max-width: 768px)
{
    .navbar-default .navbar-nav > li > a
    {

        padding: 28px 7px 28px 15px!important;
        
        font-size:10px;
    }
}

@media only screen and (max-width: 823px)
{
    .navbar-default .navbar-nav > li > a
    {
        
        font-size:10px;
    }
}

@media only screen and (max-width: 700px)
{
    .navbar-default .navbar-nav > li > a
    {
            padding: 0px 0px 8px 5px!important;
        font-size:13px;
    }

    
}

/*menu End*/

@media only screen and (max-width: 700px) {
    .page-content {
        margin-top: -150px !important;
    }
}

@media only screen and (min-width: 1349px) {
    #content {
        margin-top: -100px !important;
        padding-bottom: 15px !important;
    }

    .Cont_Page
    {
        padding-top: 0px !important;
        margin-top: 30px;
    }
}

ul.margin1 {
    margin-left: 5%;
    line-height: 1.5em;
    margin-top: 1%;
}

@media (max-width: 991px) {
    .right-sidebar {
        margin-top: 0px !important;
        padding-top: 15px !important;
        border-top: none !important;
    }
}

@media (max-width: 700px) {
    #content {
        padding-top: 50px !important;
        padding-bottom: 0px !important;
    }
    .Cont_Page
    {
        padding-top: 0px !important;
        margin-top: 10px;
    }
}


@media only screen and (max-width: 700px) {
    .myimgh200 {
        margin-left: 65px;
    }
}

@media only screen and (max-width: 700px) {
    .project-content {
        margin-top: 45px;
    }
}

.mm {
    max-width: 262px;
}

@media only screen and (max-width: 700px) {
    .mm {
        max-width: 382px;
    }
}

@media only screen and (min-width: 1349px) {
    .mm {
        max-width: 262px;
    }
}