@charset "utf-8";

*
{
    margin: 0px;
    padding: 0px;
}

body
{
    margin: 0px;
    text-align: justify !important;
    padding: 0px; font-family: 'Roboto', sans-serif!important;
}
#lblwelcomemsg{color:#999;}
.newlist{
    margin-left: 0px !important;
}
    .newlist li {background-image:url(../images/list.png); background-repeat:no-repeat; list-style:none; padding-left:30px!important; line-height:23px!important; background-position:left top;
    }
body, html
{
    overflow-x: hidden;
}

/** Misk Style Start **/

.cbox
{
    width: 20px;
    position: relative;
    top: 1px;
    border: none;
}

.backbox
{
    background: #eee;
    margin-bottom: 10px;
}

.img-responsives
{
    width: 100%;
}

.active
{
    color: #333 !important;
}

.sinfo a:link
{
    color: #70b031;
    text-decoration: none;
}

.sinfo a:visited
{
    color: #70b031;
    text-decoration: none;
}

.sinfo a:active
{
    color: #70b031;
    text-decoration: none;
}

.sinfo a:hover
{
    color: #0000ff;
    text-decoration: none;
}

.strong
{
    font-weight: 500;
    color: #6eae30;
    font-size: 17px;
}

.green
{
    color: #6eae30;
}

.blue
{
    color: #2061F1;
}

.titleText
{
    color: #2061F1;
}

    .titleText a:link
    {
        color: #2061F1;
    }

    .titleText a:visited
    {
        color: #2061F1;
    }

    .titleText a:active
    {
        color: #2061F1;
    }

    .titleText a:hover
    {
        color: #2061F1;
    }

.hzList
{
    float: left;
    font-size: .8em;
    padding-right: 20px;
}

h1, p
{
    font-family: 'Roboto', sans-serif;
}

.table
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #333;
}


/** Misk Tag Style End **/


/** Header Style Start **/


.glyphicon
{
    padding: 0 8px;
    font-size: 15px;
    line-height: 24px;
}

.glyphicon-comment:before, .glyphicon-lock:before,
.glyphicon-earphone:before
{
    position: relative !important;
    top: 2px !important;
    right: 0px !important;
}

.speLinks .glyphicon a
{
    font-size: .9em;
    font-family: 'Roboto', sans-serif;
}

.socialIcons
{
    /*background-color: #CCC;*/
    text-align: left;
    padding-left: 15px;
}

    .socialIcons img
    {
        margin: 5px 4px;
    }

.blogtxt
{
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    color: #999;
    margin-right: 0px;
    margin-left:0px;
}
    .blogtxt:hover {
    
    text-decoration:none;

    }

.banner_head
{
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
}

.sub_head
{
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
}

.amazingcarousel-title
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.eLearning
{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
}
/** Header Style End **/


/** Banner Style Start **/
.auto-size
{
    width: 100%;
    height: auto;
    min-width: 100%;
    min-height: auto;
    max-width: 100%;
    max-height: auto;
}

#carouselButtons
{
    margin-left: auto;
    position: absolute;
    top: 0px;
    right: 30px;
}

    #carouselButtons #playButton
    {
        margin-right: 5px;
    }

#myCarousel .carousel-indicators
{
    position: absolute;
    bottom: 0;
}

.carousel-captionR h1, .carousel-captionL h1
{
    font-family: 'Roboto', sans-serif;
    font-size: 3em;
    line-height: 55px;
    margin: 50px 0 0 0;
    color: #3a3838;
    text-shadow: none;
}

.carousel-captionR p, .carousel-captionL p
{
    /*	font-family:Arial, Helvetica, sans-serif;*/
    font-weight: normal;
    font-size: 1.65em;
    color: #605e5e;
    text-shadow: none;
}

.carousel-captionL
{
    width: 35%;
    position: absolute;
    left: 7%;
    top: 20%;
    position: absolute;
    z-index: 10;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.carousel-captionR
{
    width: 35%;
    position: absolute;
    left: 57%;
    top: 20%;
    position: absolute;
    z-index: 10;
    text-align: right;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.carousel-control
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 8%;
    font-size: 5em;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5;
}

/** Banner Style End **/


/** Index Body Style Start **/

.img1
{
    width: 162px;
    height: 102px;
    padding-top: 10px;
}

.siteInfo
{
    /*background-color: #CCC;
	padding: 20px 10px;*/
    margin: 0;
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: /*#719B33*/ #70b031;
    text-align: center;
    box-shadow: 4px 4px 6px #999;
    z-index: 100;
    position: relative;
    
}

    .siteInfo img
    {
        margin: 0 auto;
    }

    .siteInfo h2, .siteInfo p
    {
        color: #ffffff;
    }

.productCarousel
{
    background-image: url(../images/bg.png);
    background-repeat: repeat;
}

.newProductsBG
{
    background-image: url(../images/tiny_grid.png);
    background-repeat: repeat;
}

.newProducts
{
    padding-bottom: 25px;
    margin-bottom: 10px;
}

.siteFeatures
{
    /*background-color: #CCC;*/
    padding: 20px 10px;
    text-align: center;
    box-shadow: 0px 0px 10px #999;
    z-index: 20;
    position: relative;
    
}

    .siteFeatures img
    {
        margin: 0 auto;
    }

    .siteFeatures h3
    {
        margin-top: 20px;
        margin-bottom: 5px;
        /*font-family:'bebasregular';*/
        color: #3e3d3d;
    }

    .siteFeatures p
    {
        /*	color:#999999;*/
    }



.siteAnswers
{
    /*background-color: #CCC;*/
    padding: 20px 10px;
    margin: 0;
    text-align: center;
    background-image: url(../images/tiny_grid.png);
    background-repeat: repeat;
    position: relative;
   
}


.ansImg
{
    transition: all 2s linear;
    -moz-transition: all 2s linear;
    -webkit-transition: all 2s linear;
    -o-transition: all 2s linear;
    -ms-transition: all 2s linear;
}

    .ansImg:hover
    {
        transform: rotate(720deg);
        -moz-transform: rotate(720deg);
        -webkit-transform: rotate(720deg);
        -o-transform: rotate(720deg);
        -ms-transform: rotate(720deg);
    }

    .ansImg.img-responsive
    {
        text-align: center;
        margin: 0 auto;
    }

.siteAnswers p
{
    text-align: justify;
    padding: 10px;
    color: #666;
}

.siteAnswers h4
{
    text-align: center;
    background-color: #e9e9e9;
    padding: 12px;
    border-radius: 5px;
    color: #3e3d3d;
    //font-size:2em;
}

.helpDesk
{
    /*background-color: #CCC;*/
    font-family: 'Roboto', sans-serif;
    text-align: right;
    font-size: 3.5em;
    color: #b7b5b5;
    opacity: 0.5;
    padding-top: 30px;
    padding-right: 20px;
    margin-bottom: 0;
    padding-bottom: 10px;
    line-height: 0;
}

/** Index Body Style End **/


/** Inner Pages Body Style Start **/

.headingContainer
{
    background-color: #368A2D;
}

.pageHeading
{
    //margin:0% 0 1% 17%;
    font-family: 'Roboto', sans-serif;
    //font-variant:small-caps;
    font-size: 20px;
    color: #333;    line-height: 36px;
}

.breadcrumb
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #999;
    margin: 0px !important;
}

    .breadcrumb a:link
    {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        color: #999;
        text-decoration: none;
    }

    .breadcrumb a:visited
    {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        color: #999;
        text-decoration: none;
    }

    .breadcrumb a:active
    {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        color: #999;
        text-decoration: none;
    }

    .breadcrumb a:hover
    {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        color: #333;
        text-decoration: none;
    }

.detailInfo ul
{
    list-style-type: circle;
    margin-left: 20px;
}

    .detailInfo ul li
    {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        line-height: 24px;
        margin-top: 10px;
    }

.detailInfo ol
{
    margin-left: 20px;
}

    .detailInfo ol li
    {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        line-height: 24px;
        margin-top: 10px;
    }

.detailInfo .adtitle
{
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #555;
    background-color: #efefef;
    padding: 10px;
}


.detailInfo .dinfo
{
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-size: 15px;
    line-height: 24px;
    color: #555;
}

    .detailInfo .dinfo a:link
    {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        color: #2061F1;
        text-decoration: underline;
    }

    .detailInfo .dinfo a:visited
    {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        color: #2061F1;
        text-decoration: underline;
    }

    .detailInfo .dinfo a:active
    {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        color: #2061F1;
        text-decoration: underline;
    }

    .detailInfo .dinfo a:hover
    {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        color: #2061F1;
        text-decoration: underline;
    }

.detailInfo .text-center a
{
    font-size: 1.4em;
}

.detailInfo .faqList
{
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.detailInfo p .faqHeading
{
    font-family: 'Roboto', sans-serif;
    font-size: 1.2em;
    //color:#333;
}

.detailInfo .faqAnswer
{
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    color: #666;
}

.img-responsive.msbteImage
{
    margin: 2% auto 5% auto;
}

.img-responsive.partnerImage
{
    margin: 5% auto 5% auto;
}

.img-responsive.advisoryImage
{
    /*margin-left: 6%;
	margin-bottom: 2%;*/
    margin: 0 auto 4% auto;
}

.paymentOptions, .paymentAddress
{
    background-color: #f3f3f3;
    padding: 1.5%;
    border: 1px solid #666;
    text-align: center;
}

/** Inner Pages Body Style End **/


/** Footer Style Start **/

.credits
{
    background-color: #111;
    position: relative;

}


.headmenu
{
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 14px;
    padding: 10px 0px 0px 22px;
    font-weight: 700;
}

    .headmenu a:link
    {
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
    }

    .headmenu a:visited
    {
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
    }

    .headmenu a:active
    {
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
    }

    .headmenu a:hover
    {
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
    }

.headmenus
{
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 14px;
    padding: 3px 0px 0px 22px;
    font-weight: 700;
}

.foot .headmenus:link
{
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.foot .headmenus:visited
{
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.foot .headmenus:active
{
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.foot .headmenus:hover
{
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.subheadmenu
{
    font-family: 'Roboto', sans-serif;
    color: #ccc;
    font-size: 13px;
    position: relative;
    top: -8px;
    left: 21px;
    line-height: 17px;
}

    .subheadmenu a:link
    {
        font-family: 'Roboto', sans-serif;
        color: #ccc;
        font-size: 13px;
        text-decoration: none;
    }

    .subheadmenu a:visited
    {
        font-family: 'Roboto', sans-serif;
        color: #ccc;
        font-size: 13px;
        text-decoration: none;
    }

    .subheadmenu a:active
    {
        font-family: 'Roboto', sans-serif;
        color: #ccc;
        font-size: 13px;
        text-decoration: none;
    }

    .subheadmenu a:hover
    {
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-size: 13px;
        text-decoration: none;
    }

.copyRights, .designBy
{
    font-family: 'Roboto', sans-serif;
    color: #ccc;
    padding: 6px;
    font-size: 11px;
}

.copyRights
{
    text-align: left;
}

.designBy
{
    text-align: right;
}

    .designBy a:link
    {
        color: #ccc;
        text-decoration: none;
    }

    .designBy a:visited
    {
        color: #ccc;
        text-decoration: none;
    }

    .designBy a:active
    {
        color: #ccc;
        text-decoration: none;
    }

    .designBy a:hover
    {
        color: #fff;
        text-decoration: none;
    }

.copyRights p
{
    display: inline;
    margin-right: 10px;
}

.copyRights a
{
    color: #999;
    text-decoration: none;
}

    .copyRights a:hover
    {
        color: #f9f9f9;
        text-decoration: none;
    }

.shadow
{
    box-shadow: 2px 2px 10px #999999;
    -webkit-box-shadow: 2px 2px 10px #999999;
    -ms-box-shadow: 2px 2px 10px #999999;
    -o-box-shadow: 2px 2px 10px #999999;
    -moz-box-shadow: 2px 2px 10px #999999;
}

.latest-pdts div h2
{
    color: #3e3d3d;
}

.bg-banner
{
    background-color: #a6a7a9;
}

.borderimg
{
    border: #ccc solid 1px;
}

.colmcount
{
    column-count: 2;
    -moz-column-count: 2; /* Firefox */
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
}

/** Footer Style End **/


/********************  Media Screen Start **********************/


/**  Header Media Screen Start **/

@media (max-width: 2000px)
{

    .siteLogo img
    {
        padding: 0px 0px 0px 15px;
    }

    .index-hr
    {
        margin-top: 0px;
        margin-bottom: 0;
        border: 1px solid #eee;
    }

    .index-hr1
    {
        margin-top: 0px;
        margin-bottom: 0;
        border: 1px solid #eee;
    }

    .detailInfo
    {
        padding: 0px 185px 50px 90px;
    }

    .courseInfo
    {
        padding: 0px 72px;
    }

    .breadcrumb
    {
        padding: 8px 15px 8px 90px !important;
    }
}

@media (max-width: 1200px)
{ .siteInfo
{ position: relative;
    top:275px;
}
.siteFeatures
{
    position: relative;
    top: 260px;
}
.siteAnswers
{
  position: relative;
  top: 260px;
}
.credits
{
 position: relative;
 top: 264px;
}
.form-bg 
{
    padding: 0px 28px 4px 28px!important;
    top: 3px !important;
}

}
@media (max-width: 1024px)
{
 .form-bg 
{
    padding: 0px 28px 0px 28px!important;
}
.siteInfo { top: 250px;}
.siteFeatures { top: 251px;}
.siteAnswers {top: 252px;}
.credits { top: 252px;}

.index-hr
    {
        margin-top: 20px;
        margin-bottom: 0;
        border: 1px solid #eee;
    }
    .siteLogo img
    {
        text-align: center;
        margin: 0 auto;
    }

    .detailInfo
    {
        padding: 0px 185px 50px 90px;
    }

    .courseInfo
    {
        padding: 0px 72px;
    }

    .breadcrumb
    {
        padding: 8px 15px 8px 90px !important;
    }
}

@media (max-width: 992px)
{

    .detailInfo
    {
        padding: 0px 30px 50px 30px;
    }

    .courseInfo
    {
        padding: 0px 20px;
    }

    .breadcrumb
    {
        padding: 8px 15px 8px 30px !important;
    }

    .speLinks
    {
        padding: 35px 1px;
    }

    .col-sm-4.visible-sm .ssLogo
    {
        margin-top: 20px;
    }

    .index-hr
    {
        margin-top: 55px;
        margin-bottom: 0;
        border: 2px solid #eee;
    }
}

@media (max-width: 768px)
{

    .speLinks
    {
        padding: 15px 1px;
    }

    .speLinks, .socialIcons, .followus
    {
        text-align: center;
    }

    .index-hr
    {
        margin-top: 68px;
        margin-bottom: 0;
        border: 2px solid #eee;
    }
}

@media (max-width: 480px)
{

    .speLinks .glyphicon
    {
        font-size: 1em;
        line-height: 24px;
    }

        .speLinks .glyphicon a
        {
            font-size: 1em;
            line-height: 24px;
        }
}

/** Header Media Screen End **/


/** Banner Media Screen Start **/

@media (max-width: 1024px)
{

    .carousel-captionR h1, .carousel-captionL h1
    {
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        line-height: 30px;
        margin: 30px 0 0 0;
        color: #555;
        text-shadow: none;
    }

    .carousel-captionR p, .carousel-captionL p
    {
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-size: 1.2em;
        color: #7c7c7c;
        text-shadow: none;
    }

    .carousel-inner .btn.btn-default.btn-primary
    {
        padding: 4px 10px;
        font-size: 12px;
    }

    .carousel-captionL
    {
        width: 35%;
        position: absolute;
        left: 7%;
        top: 25%;
        position: absolute;
        z-index: 10;
        text-align: left;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }

    .carousel-captionR
    {
        width: 35%;
        position: absolute;
        left: 57%;
        top: 25%;
        position: absolute;
        z-index: 10;
        text-align: right;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }
}

@media (max-width: 925px)
{

    .carousel-captionR h1, .carousel-captionL h1
    {
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        line-height: 30px;
        margin: 30px 0 0 0;
        color: #555;
        text-shadow: none;
    }

    .carousel-captionR p, .carousel-captionL p
    {
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-size: 1em;
        color: #7c7c7c;
        text-shadow: none;
    }

    .carousel-inner .btn.btn-default.btn-primary
    {
        padding: 4px 10px;
        font-size: 12px;
    }

    .carousel-captionL
    {
        width: 35%;
        position: absolute;
        left: 7%;
        top: 18%;
        position: absolute;
        z-index: 10;
        text-align: left;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }

    .carousel-captionR
    {
        width: 35%;
        position: absolute;
        left: 57%;
        top: 18%;
        position: absolute;
        z-index: 10;
        text-align: right;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }
}

@media (max-width: 768px)
{


    #myCarousel .left.carousel-control .icon-prev, #myCarousel .right.carousel-control .icon-next
    {
        width: 30px;
        height: 30px;
        margin-top: -40px;
        margin-left: -15px;
    }

    .headingContainer .pageHeading
    {
        margin: 1% 0 1% 0%;
        font-family: 'Roboto', sans-serif;
        //font-variant:small-caps;
        font-size: 30px;
        color: #FFFFFF;
    }
}

@media (max-width: 650px)
{

    .coursefeature {
    width: 100%;
}
    #carouselButtons
    {
        margin-left: auto;
        position: absolute;
        top: 0px;
        right: 30px;
    }

        #carouselButtons #playButton
        {
            margin-right: 5px;
        }

    #myCarousel .carousel-indicators
    {
        position: absolute;
        bottom: 0;
    }

    .carousel-captionR h1, .carousel-captionL h1
    {
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        line-height: 28px;
        margin: 30px 0 0 0;
        color: #555;
        text-shadow: none;
    }

    .carousel-captionR p, .carousel-captionL p
    {
        font-size: 0;
    }

    .carousel-inner .btn.btn-default.btn-primary
    {
        padding: 4px 10px;
        font-size: 12px;
    }

    .carousel-captionL
    {
        width: 35%;
        position: absolute;
        left: 7%;
        top: 18%;
        position: absolute;
        z-index: 10;
        text-align: left;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }

    .carousel-captionR
    {
        width: 35%;
        position: absolute;
        left: 57%;
        top: 18%;
        position: absolute;
        z-index: 10;
        text-align: right;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }

    .carousel-control
    {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 8%;
        font-size: 5em;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
        filter: alpha(opacity=50);
        opacity: .5;
    }
}

@media (max-width: 480px)
{

    #carouselButtons
    {
        margin-left: auto;
        position: absolute;
        top: 0px;
        right: 30px;
        font-size: .4em;
    }

    #myCarousel .left.carousel-control .icon-prev, #myCarousel .right.carousel-control .icon-next
    {
        width: 12px;
        height: 20px;
        margin-top: -35px;
        margin-left: -10px;
        font-size: 50px;
    }

    #myCarousel #carouselButtons #playButton, #myCarousel #carouselButtons #pauseButton
    {
        padding: 1px 2px;
        font-size: 8px;
        line-height: 1.5;
        border-radius: 3px;
    }

    #carouselButtons #playButton
    {
        margin-right: 5px;
    }

    #myCarousel .carousel-indicators
    {
        position: absolute;
        bottom: 0;
    }

    .carousel-captionR h1, .carousel-captionL h1
    {
        font-family: 'Roboto', sans-serif;
        font-size: .9em;
        line-height: 20px;
        margin: 25px 0 0 0;
        color: #555;
        text-shadow: none;
    }

    .carousel-captionR p, .carousel-captionL p
    {
        font-size: 0;
    }

    .carousel-inner .btn.btn-default.btn-primary
    {
        padding: 4px 10px;
        font-size: 12px;
    }

    .carousel-captionL
    {
        width: 35%;
        position: absolute;
        left: 7%;
        top: 12%;
        position: absolute;
        z-index: 10;
        text-align: left;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }

    .carousel-captionR
    {
        width: 35%;
        position: absolute;
        left: 57%;
        top: 12%;
        position: absolute;
        z-index: 10;
        text-align: right;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }

    .carousel-control
    {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 8%;
        font-size: 5em;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
        filter: alpha(opacity=50);
        opacity: .5;
    }
}

/** Banner Media Screen End **/


/** Body Media Screen Start **/

@media (max-width: 1100px)
{

    .siteAnswers h4
    {
        font-size: 1.3em;
    }

    .helpDesk
    {
        font-size: 2em;
        padding-right: 10px;
    }
}

@media (max-width: 768px)
{

    .siteInfo img, .siteFeatures img
    {
        margin-top: 25px;
    }

    .ansImg.img-responsive
    {
        width: 90px;
    }

    .siteAnswers h4
    {
        line-height: 30px;
        font-size: 1.8em;
        margin-top: 15px;
    }
}


@media (max-width: 480px)
{

    .ansImg.img-responsive
    {
        margin-top: 12px;
    }

    .siteAnswers h4
    {
        font-size: 1.5em;
    }

    .helpDesk
    {
        font-size: 1.5em;
        padding-right: 0;
        text-align: center;
    }
}

/** Body Media Screen End **/


/** Footer Media Screen Start **/

@media (max-width: 1005px)
{

    .copyRights, .designBy
    {
        text-align: center;
    }
}


@media (max-width: 1000px)
{

    .copyRights, .designBy
    {
        font-size: 11px;
    }
}

@media (max-width: 480px)
{
   
}

@media only screen and (min-width : 320px) and (max-width : 979px)
{
    .first
    {
        display: none;
    }

    .last
    {
        font-size: 11px;
        text-align: center;
    }
}

@media only screen and (min-width : 980px) and (max-width : 2000px)
{
    .last
    {
        display: none;
    }
}


/** Footer Media Screen End **/

/********************  Media Screen End ************************/
.ulcatagory li
{
    width: 100%;
    height: 45px;
    background-color: #eee;
    list-style: none;
    border-left: 3px #ccc solid;
    font-size: 14px;
    color: #333;
    padding: 10px;
    font-family: Roboto,sans-serif;
    margin-bottom: 5px;
    text-transform: uppercase;
}

    .ulcatagory li:hover
    {
        width: 100%;
        height: 45px;
        background-color: #ddd;
        list-style: none;
        border-left: 3px #ccc solid;
        font-size: 14px;
        color: #333;
        padding: 10px;
        font-family: Roboto,sans-serif;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

.register-heading
{
    font-size: 20px;
    color: #333;
    font-family: Roboto,sans-serif;
    margin-bottom: 10px;
    padding: 7px 15px;
    border: solid 1px #333;
}

.cusror
{
    cursor: pointer;
}

.txtnone
{
    text-decoration: none;
    color: #333333;
}

    .txtnone li > a, li > a:hover
    {
        /*text-decoration: none;*/
        color: #333333;
    }

.coursedetail
{
    background-color: #333;
    padding: 7px 10px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}

.courseinnerdiv
{
    font-family: Roboto,sans-serif;
    text-align: justify;
    font-size: 14px;
    line-height: 24px;
    color: #999;
    margin-left: 55px;
}

.bbpage
{
    margin: 20px 0px 0px 5px;
    padding: 3px 5px;
    width: auto;
    font-family: 'open sans';
    font-size: 13px;
    background: #f1f1f1;
    color: #333;
    border: none;
    text-decoration: none;
    box-shadow: #999 1px 1px 1px;
}

    .bbpage:hover
    {
        margin: 20px 0px 0px 5px;
        padding: 3px 5px;
        width: auto;
        font-family: 'open sans';
        font-size: 13px;
        background: #666;
        color: #fff;
        border: none;
        text-decoration: none;
        box-shadow: #999 1px 1px 1px;
    }

.bbpage1
{
    margin: 20px 0px 0px 5px;
    padding: 5px 8px;
    width: auto;
    font-family: 'open sans';
    font-size: 13px;
    background: #666;
    color: #fff;
    border: none;
    text-decoration: none;
}

.roundedcorner1
{
    border-radius: 5px;
}

.modalBackground
{
    background-color: black;
    opacity: 0.15;
    filter: alpha(opacity=15);
    /*z-index: 9997;*/
    z-index: 100000000;
}

.pnlround
{
    border-radius: 5px;
}

.grids
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 20px;
    background-color: #5cb85c;
}

.gridsBlack
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 20px;
    background-color: #1b1b1b;
}


.frmhead
{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #fff;
    text-align: center;
    /*padding: 10px 0px;*/
}

.normalBlackText
{
    color: #000000;
    font-family: 'Roboto', sans-serif;
}

.txt11
{
    font-size: 11px;
}

.txt12
{
    font-size: 12px;
}

.txt13
{
    font-size: 13px;
}

.txt14
{
    font-size: 14px;
}

.txt15
{
    font-size: 15px;
    font-family: "open sans";
}

.txt18
{
    font-size: 18px;
    font-family: "open sans";
}

.curpointer
{
    cursor: pointer;
}

.checkout > input
{
    border-radius: 5px !important;
    background-color: #2061f1 !important;
    color: #fff !important;
    margin-right: 20px;
}

.txtbold {
    font-weight: bold;
}






/*.carousel-inner {
position: relative;
overflow: hidden;
width: 75% !important;
}*/


.form-bg {
    background-image: url(../images/f-bg.png);
    background-repeat: no-repeat;
    position: absolute;
    right:0px;
    top:-1px;
    left:0px;
    padding: 0px 28px 11px 28px;
    
    background-color:#D1CECE;
    width:100%;
    /*z-index: -999 !important;*/
    z-index: 0 !important;
}

.form-top {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
    background: #a58c4f;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0px;
}
.dinfo
{ margin: 0 0 10px !important;
}
 .fbspan {
            background: #4c69ba;
            background: linear-gradient(#4c69ba, #3b55a0);
            border-color: #4c69ba;
            height: 37px;
            width: 200px;
            padding-top: 8px;
            padding-bottom: 8px;
        }
        .fbspan :hover {
            /*background-color: #5675cb;627aad*/
            background: #ff6a00!important;
        }