@font-face {
    font-family: 'LatoBlack';
    src: url('../../fonts/Frontend/Lato-Black.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Black.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoBlackItalic';
    src: url('../../fonts/Frontend/Lato-BlackItalic.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-BlackItalic.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-BlackItalic.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-BlackItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoBold';
    src: url('../../fonts/Frontend/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Bold.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoBoldItalic';
    src: url('../../fonts/Frontend/Lato-BoldItalic.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoHairline';
    src: url('../../fonts/Frontend/Lato-Hairline.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Hairline.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Hairline.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoHairlineItalic';
    src: url('../../fonts/Frontend/Lato-HairlineItalic.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-HairlineItalic.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-HairlineItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoHeavy';
    src: url('../../fonts/Frontend/Lato-Heavy.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Heavy.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Heavy.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoHeavyItalic';
    src: url('../../fonts/Frontend/Lato-HeavyItalic.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-HeavyItalic.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-HeavyItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoItalic';
    src: url('../../fonts/Frontend/Lato-Italic.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Italic.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoLight';
    src: url('../../fonts/Frontend/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Light.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoLightItalic';
    src: url('../../fonts/Frontend/Lato-LightItalic.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-LightItalic.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-LightItalic.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-LightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoMedium';
    src: url('../../fonts/Frontend/Lato-Medium.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Medium.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoMediumItalic';
    src: url('../../fonts/Frontend/Lato-MediumItalic.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-MediumItalic.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-MediumItalic.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-MediumItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoRegular';
    src: url('../../fonts/Frontend/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Regular.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoSemibold';
    src: url('../../fonts/Frontend/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoSemiboldItalic';
    src: url('../../fonts/Frontend/Lato-SemiboldItalic.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-SemiboldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoThin';
    src: url('../../fonts/Frontend/Lato-Thin.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-Thin.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Thin.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-Thin.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoThinItalic';
    src: url('../../fonts/Frontend/Lato-ThinItalic.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Frontend/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../fonts/Frontend/Lato-ThinItalic.woff2') format('woff2'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-ThinItalic.woff') format('woff'), /* Modern Browsers */
        url('../../fonts/Frontend/Lato-ThinItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


html {position: relative;min-height: 100%;}
body {/* Margin bottom by footer height */margin-bottom: 172px; font-family: 'LatoRegular';color:#505050;}
li{list-style: none;}
ul{padding: 0px;}
.clears{line-height:0px; font-size:0px; display:block; clear:both;}
.footer { position: absolute;bottom: 0; width: 100%;/* Set the fixed height of the footer here */height: 172px; background-color: #ffffff; font-size:13px; line-height:16px;
          text-align:center;  color:#a6a6a6; padding:27px 0 35px;}
.footer .container{}
.footer p{letter-spacing:1px; color:#a6a6a6; }
.footer p span {display:block;}

/*body > .container {padding: 172px 15px 0;}*/
.container .text-muted { margin: 20px 0; font-size:13px; color:#6f6f6f; line-height:18px; font-family: 'LatoRegular';}
.footer > .container { padding-right: 15px; padding-left: 15px;}
code {font-size: 80%;}
.navbar-default { background-color: #fff;border-color: #e7e7e7; border:0px;}
.navbar-fixed-top {top: 0; border-width: 0 0 1px;}
.navbar .btn-primary{background-color:#4c7fb4; outline:none; border:0px; margin:0px 0 0 18px; padding: 9px 44px; font-size:15px; font-family: 'LatoMedium';}
.navbar .btn-primary:hover, .navbar .btn-primary:focus{outline:none; border:0px;background-color:#5586b8;}
.footer .link-logo{text-align:center; clear:both; display:block; padding:0px 0 13px;}
.footer .link-logo ul{display: inline-block; list-style-type:none; margin:0px; padding:0px;}
.footer .link-logo ul li{margin:0 8px;display: inline-block; vertical-align: middle}
.container .text-muted {margin: 4px 0 0px;}
.header-bg{ background-image: url(../../img/Frontend/header-graphics.png); background-repeat:repeat-x; padding:149px 0 0px; /*min-height:734px;*/}
.head-home{ padding:200px 0 0px; height:634px;
            background-size: cover !important;
            -moz-background-size: cover !important;
            /* position: absolute;
          height: 100%;
          width: 100%;
          background-size: cover;*/
}
.hero1{ background: url(../../img/Frontend/header-home.jpg) no-repeat 50% 0;}
.hero2{ background: url(../../img/Frontend/herocontrast.jpg) no-repeat 50% 0;}
.hero3{ background: url(../../img/Frontend/header-home.jpg) no-repeat 50% 0;}
.hero4{ background: url(../../img/Frontend/wave.png) no-repeat;}
.header-bg h1, .head-home h1{font-size:45px; line-height:55px; color:#fff;  font-family: 'LatoMedium'; font-weight:400; letter-spacing:1.5px; padding:0px; margin:0px; }
.header-bg h1 span, .head-home h1 span{display:block;}
.header-bg h2, .head-home h2{font-size:20px; line-height:22px; color:#fff; letter-spacing:5px; font-family: 'LatoBold'; padding:0px 0 14px; margin:0px;}
.head-home h2{ padding:0px 0 27px; margin:0px; font-family: 'LatoBold';}
.header-bg .btn-success, .head-home.btn-success{background-color:#65953A; outline:none; border:0px; margin:28px 0 20px; width:142px;  padding: 9px 12px; font-size:15px; }
.header-bg .btn-primary{background-color:#4c7fb4;}
.header-bg .btn-success:hover, .header-bg .btn-success:focus, .head-home  .btn-success:hover,  .head-home .btn-success:focus {background-color:#5cb85c; outline:none; border:0px;}
.team-category-row{margin:2px 0 0; padding:0 0 0px; clear:both!important;}
.team-catg{padding-top:25px; background-color:#f5f5f5;}
.team-catg h2{text-align:center; padding-bottom:0 0 30px; font-size:40px; color:#474747; font-family: 'LatoRegular'; font-weight:400;}
.banner-button{margin:39px 0px 0px; display:block; clear:both;}
.banner-button .btn{width:142px; font-size:15px; font-family: 'LatoMedium'; letter-spacing:1px; border-radius:5px; padding: 8px 12px; outline:none;  border:0px; }
.banner-button .btn-success{background-color:#417b2f;}
.banner-button .btn-primary{background-color:#4776a9!important;}
.banner-button .btn:hover, .banner-button .btn:focus{outline:none; border:0px;}
.banner-button .btn-primary:hover, .banner-button .btn-primary:focus{background-color:#337ab7!important;}
.banner-button .btn:nth-child(2){margin:0 0 0 15px;}
.team-category-row .col-md-3{     width:253px!important;   margin-left:0px; margin-right:0px; padding:0px;}
.team-category-row .col-md-3 img{width:auto;}
.team-content{ text-align:center; width:253px; /*display:table!important;*/   padding:70px 0px 0px;
               position:relative!important;
               width:290px;margin-left: -0px;   padding:0px 20px 50px;
}
.team-content div{/*display:table-cell;     vertical-align: middle; display: table-cell;*/ clear:both; float:none; margin:35px 0 0; height:100%; position:relative;
    -webkit-box-shadow: 0px 11px 57px -14px rgba(0,0,0,0.16); position:relative;
    -moz-box-shadow: 0px 11px 37px -14px rgba(0,0,0,0.14)!important;
    box-shadow: 0px 11px 57px -14px rgba(0,0,0,0.16); background-color:#fff;  width:245px;
    height:438px;
    padding-top: 80px;
    margin-left: -0px;
}

.team-content a.learnmore{color:#4776a9; font-size:15px; letter-spacing:4px; position:absolute; left:0px; bottom:25px; width:100%; text-align:center;
                          font-family: 'LatoRegular';  font-weight:400; }
.team-content h4{font-size:15px; line-height:20px; color:#a8a8a8; font-family: 'LatoBold';   padding:0px 0px 0px; margin:38px 0px 0px; letter-spacing:1px; min-height:30px; clear:both!important; }
.team-content h4 span{display:block;}
.team-content  h3{font-size:20px; line-height:26px; color:#505050; font-family: 'LatoSemibold'; padding:18px 0px 0px; margin:0px; letter-spacing:2px;}
.team-content h3.titleh3 
{
font-size:22px; color:#505050; font-family: 'LatoRegular' ; 

}
.team-content a.learnmore{position:absolute; bottom:152px; left:0%;  text-align:center; }
.contact-row{padding:54px 0 45px; background-color:#f5f5f5;}
.contact-row p{color:#474747; font-size:14px; letter-spacing:1px;  font-family: 'LatoRegular'; background: url(../../img/Frontend/icon-email.png) no-repeat 0 50%; padding:0 0 0 33px; line-height:18px;}
.contact-row p span{display:block; font-size:13px; font-family: 'LatoMedium'; }
.contact-row p a{color:#303030; text-decoration:underline; font-family: 'LatoMedium';}
.contact-row p a:hover{ text-decoration:none;}

.contact-row .col-md-6{text-align:left;}
.contact-row .col-md-6:nth-child(2){text-align:right;}

/*.caption {
    position:absolute;
    bottom:50px;
    right:35px;
    background:rgba(90, 90, 90, 0.99);
    width:248px;
    height:438px;
    padding:0px;
    display: none;
    text-align: left;
    color:#fff !important;
    z-index:2;
        -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
        }

.caption p{padding:14px 14px; font-size:16px; line-height:19px; color:#fff; font-family: 'Lato', sans-serif; font-weight:400; letter-spacing:1px; text-align:left;}*/

.thumbnail {
    display: block;
    padding: 0px;
    margin: 0px 0px 0 0;
    line-height: 1.42857143;
    background-color: transparent;
    border: 0px solid #ddd;
    border-radius: 0px;
    position:relative;
    overflow:hidden;
    float:left;
    /*padding:10px 0px 50px;*/
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#carousel-example-generic .carousel-indicators {position: absolute;bottom: 10px; left: auto;top:50%;right:27px; z-index: 15; width: 13px;height:60px;  padding-left: 0;margin-left: 0;text-align: center;  list-style: none;}
#carousel-example-generic  .carousel-indicators .active { width: 12px; height: 12px; margin: 5px; background-color: #fff;}
#carousel-example-generic  .carousel-indicators li {display: block; width: 10px; height: 10px; margin: 5px; text-indent: -999px;  cursor: pointer; background-color: #000\9; background-color: rgba(0,0,0,0); border: 1px solid #fff; border-radius: 10px;clear:both;}
#carousel-example-generic  .carousel-control { position: absolute; top: 0; bottom: 0;  left: 0; width: 15%; font-size: 20px;  color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6);  background-color: rgba(0,0,0,0); filter: alpha(opacity=50); opacity: .5;display:none;}
#myCarousel.sr-only { position: absolute; width: 1px;  height: 1px;  padding: 0;  margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;border:1px solid #000;}
#myCarousel .carousel-indicators .active { width: 14px; height: 14px; margin: 1px; background: #474747!important; background: rgba(0, 0, 0, 0.9); cursor: default; border: 2px solid #474747}
#myCarousel  .carousel-indicators li {display: inline-block; width: 14px;height: 14px;
                                      margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0,0,0,0);  border: 2px solid #787878; border-radius: 10px;}

.team-catg #main { margin-left: 5px; margin-top: 0px; overflow: visible;}
#myCarousel .carousel-inner { position: relative;overflow: hidden;}
#myCarousel  .carousel-indicators {position: absolute;bottom: 0px; left: 0%;  z-index: 100;  width: 100%; padding-top:33px; padding-left: 0; margin-left: 0px; text-align: center;
                                   list-style: none; height:50px;}
#myCarousel {width: 282px; margin:0px auto 0px;}
#myCarousel  .carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: no-repeat;
    background: url(../../img/Frontend/arw-left.png) no-repeat 0 0;
    width:44px;
    height:44px;
    top:40%;
    left: -46px;
    outline:none!important;
    border:0px!important;
}
#myCarousel   .carousel-control.right {
    right: -33px;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: no-repeat;
    background: url(../../img/Frontend/arw-right.png) no-repeat 0 0;
    width:44px;
    height:44px;
    top:40%;
    outline:none!important;
    border:0px!important;
}
/*#myCarousel .carousel-control{top:;}*/
#myCarousel.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
}
.overlay {
    position: absolute;
    bottom: 49px;
    left: 20px;
    right: 0;
    background-color: #008CBA;
    overflow: hidden;
    width: 245px;
    height: 0;
    transition: .5s ease;
    -webkit-transition: .5s ease;
    /*transition-duration: 2s;
    -webkit-transition-duration: 2s ease;*/
}
.thumbnail:hover .overlay {
    height: 439px;
}
.thumb-orange .team-content div{background: url(../../img/Frontend/lm01.png) no-repeat 0 100% #fff; padding-bottom:0px;background-size:100%;}
.thumb-green .team-content  div{background: url(../../img/Frontend/lm02.png) no-repeat 0 100% #fff; padding-bottom:0px;}
.thumb-blue .team-content  div{background: url(../../img/Frontend/lm03.png) no-repeat 0 100% #fff; padding-bottom:0px;}
.thumb-violet .team-content  div{background: url(../../img/Frontend/lm04.png) no-repeat 0 100% #fff; padding-bottom:0px;}
.thumb-zero .team-content div{background: url(../../img/Frontend/Phase0.png) no-repeat #fff; padding-bottom:0px; background-size: 320%;}
.thumb-one .team-content  div{background: url(../../img/Frontend/Phase1.png) no-repeat  #fff; padding-bottom:0px; background-size: 320%}
.thumb-two .team-content  div{background: url(../../img/Frontend/Phase2.png) no-repeat #fff; padding-bottom:0px; background-size: 320%}
.thumb-three .team-content  div{background: url(../../img/Frontend/Phase3.png) no-repeat #fff; padding-bottom:0px; background-size: 320%}
.thumb-four .team-content  div{background: url(../../img/Frontend/Phase4.png) no-repeat #fff; padding-bottom:0px; background-size: 320%}
.thumb-five .team-content  div{background: url(../../img/Frontend/Phase5.png) no-repeat #fff; padding-bottom:0px; background-size: 320%}


.thumb-zero .overlay {
    background: #f5803a;
    background: -moz-linear-gradient(top, #f5803a 0%, #f39e6e 100%);
    background: -webkit-linear-gradient(top, #f5803a 0%, #f39e6e 100%);
    background: linear-gradient(to bottom, #f5803a 0%, #f39e6e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5803a', endColorstr='#f39e6e', GradientType=0);
}

.thumb-one .overlay {
    background: #4781bf;
    background: -moz-linear-gradient(top, #4781bf 0%, #73a0cd 100%);
    background: -webkit-linear-gradient(top, #4781bf 0%, #73a0cd 100%);
    background: linear-gradient(to bottom, #4781bf 0%, #73a0cd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4781bf', endColorstr='#73a0cd', GradientType=0);
}

.thumb-two .overlay {
    background: #4e2a84;
    background: -moz-linear-gradient(top, #4e2a84 0%, #8165a7 100%);
    background: -webkit-linear-gradient(top, #4e2a84 0%, #8165a7 100%);
    background: linear-gradient(to bottom, #4e2a84 0%, #8165a7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e2a84', endColorstr='#8165a7', GradientType=0)
}

.thumb-three .overlay {
    background: #83c15b;
    background: -moz-linear-gradient(top, #83c15b 0%, #9bc77e 100%);
    background: -webkit-linear-gradient(top, #83c15b 0%, #9bc77e 100%);
    background: linear-gradient(to bottom, #83c15b 0%, #9bc77e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c15b', endColorstr='#9bc77e', GradientType=0)
}

.thumb-four .overlay div {
    background: #b42529;
    background: -moz-linear-gradient(top, #b42529 0%, #c96162 100%);
    background: -webkit-linear-gradient(top, #b42529 0%, #c96162 100%);
    background: linear-gradient(to bottom, #b42529 0%, #c96162 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b42529', endColorstr='#c96162', GradientType=0);
}

.thumb-five .overlay div {
    background: #f4c360;
    background: -moz-linear-gradient(top, #f4c360 0%, #f5d089 100%);
    background: -webkit-linear-gradient(top, #f4c360 0%, #f5d089 100%);
    background: linear-gradient(to bottom, #f8c30d 0%, #f5d089 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4c360', endColorstr='#f5d089', GradientType=0);
}


.thumb-orange .overlay  div {background: #f8c30d;
                             background: -moz-linear-gradient(top, #f8c30d 0%, #f5a200 100%);
                             background: -webkit-linear-gradient(top, #f8c30d 0%,#f5a200 100%);
                             background: linear-gradient(to bottom, #f8c30d 0%,#f5a200 100%);
                             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8c30d', endColorstr='#f5a200',GradientType=0 );
}
.thumb-green .overlay {background: #84d169;
                       background: -moz-linear-gradient(top, #84d169 0%, #72a844 100%);
                       background: -webkit-linear-gradient(top, #84d169 0%,#72a844 100%);
                       background: linear-gradient(to bottom, #84d169 0%,#72a844 100%);
                       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84d169', endColorstr='#72a844',GradientType=0 );}
.thumb-blue .overlay {background: #6cccfd;
                      background: -moz-linear-gradient(top, #6cccfd 0%, #5487bc 100%);
                      background: -webkit-linear-gradient(top, #6cccfd 0%,#5487bc 100%);
                      background: linear-gradient(to bottom, #6cccfd 0%,#5487bc 100%);
                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cccfd', endColorstr='#5487bc',GradientType=0 );}
.thumb-violet .overlay {background: #a77bb7;
                        background: -moz-linear-gradient(top, #a77bb7 0%, #88519c 100%);
                        background: -webkit-linear-gradient(top, #a77bb7 0%,#88519c 100%);
                        background: linear-gradient(to bottom, #a77bb7 0%,#88519c 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a77bb7', endColorstr='#88519c',GradientType=0 )}
.thumb-blue .overlay  p{font-size:15px;}
.thumbnail .overlay .text {/*white-space: nowrap; color: white;*/font-size: 20px; position: absolute; overflow: hidden; height:100%; width:100%}
.thumbnail .overlay .text p{padding:14px 14px; font-size:16px; line-height:19px; color:#fff; font-family: 'LatoRegular';  letter-spacing:1px; text-align:left;}
.team-category-row  .overlay  a.learnmore { color:#fff; font-size:15px; margin:7px 0px 0px; padding:0px; position:relative; left:21.5%;
                                            font-family: 'LatoBold'; letter-spacing:4px; text-decoration:underline;}
.team-category-row  .overlay  a.learnmore:hover,  .team-category-row  .overlay  a.learnmore:focus{text-decoration:none;}
.slider {
    margin: 20px 0 10px!important;
}
.team-catg #main{}
.flexslider .slides img {width:auto;display: inline-block;}
.flexslider {margin: 0 0 0px;background: transparent; border: 0px solid #fff;position: relative; zoom: 1;-webkit-border-radius: 0px;-moz-border-radius: 0px;
             border-radius: 0px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
             box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);}
.flex-direction-nav a:after, .flex-direction-nav a:before {font-family: "";font-size: 40px; display: inline-block; content: '';
                                                           color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);opacity: 1;}
.flex-direction-nav .flex-next { right: 0px;text-align: right; opacity: 1;}
.flex-control-nav { width: 100%;  position: absolute; bottom: -20px; text-align: center;height:70px;padding-top:38px;}
.flex-direction-nav a { text-decoration: none; display: block; width: 40px;height: 40px; margin: -20px 0 0; position: absolute;  top: 50%;  z-index: 10;
                        overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
                        -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -ms-transition: all 0.3s ease-in-out;
                        -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.flex-control-nav li { margin: 0 4px!important; display: inline-block; zoom: 1;}
.flex-control-paging li a { width: 14px; height: 14px;  display: block;  background: transparent!important; border:2px solid #787878;
                            background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a.flex-active { background: #474747!important;background: rgba(0, 0, 0, 0.9);cursor: default;border:2px solid #474747;}
.flex-direction-nav .flex-prev { left: -40px!important;display:block!important;background-repeat: no-repeat;background: url(../../img/Frontend/arw-left.png) no-repeat 0 0;
                                 background-size:35px 35px; width:35px; height:35px; top:43%; line-height:0px!important; font-size:0px!important; outline:none!important; border:0px!important;}
.flex-direction-nav .flex-next { right: -40px!important; text-align: right; opacity: 1!important;z-index:1000!important;display:block!important; background-repeat: no-repeat;background: url(../../img/Frontend/arw-right.png) no-repeat 0 0;background-size:35px 35px;width:35px;height:35px;
                                 top:43%;line-height:0px!important;font-size:0px!important;outline:none!important; border:0px!important;}
.flex-direction-nav a:after, .flex-direction-nav a:before {font-family: "flexslider-icon"; font-size: 40px; display: inline-block;content: ''; color: rgba(0, 0, 0, 0.8);
                                                           text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); opacity: 1; line-height:0px!important; font-size:0px!important;}
.flex-direction-nav a {text-decoration: none; display: block; width: 40px; height: 40px;  margin: -20px 0 0; position: absolute; top: 50%; z-index: 10;  overflow: hidden; opacity: 1;  cursor: pointer;  color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;
                       -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.navbar {
    min-height: 80px;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 0px 15px;
}
.navbar-default{font-family: 'LatoRegular'; font-size:15px; line-height:38px;}
.navbar-default .navbar-nav > li > a {color: #505050; padding: 0px; margin: 0px 16px;line-height:38px;  font-family: 'LatoRegular';}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {font-family: 'LatoBold';background-color: transparent;color: #4c7fb4; /*border-bottom:1px solid #4c7fb4; text-decoration:underline;*/ }
.navbar-inner .navbar-nav li {margin: 8px 17px 0px;}
.navbar-inner .navbar-nav>li>a {color: #505050; padding: 0px; line-height:20px;}
.navbar-inner .navbar-nav>.active>a {color: #4c7fb4; border-bottom:1px solid #4c7fb4; padding-bottom:0px; }
.navbar-inner .navbar-nav>.active>a:hover {color: #4c7fb4;  }

/*About Us*/
.inner-sub{background-color:#fff;}
.about-wrap{background-image: url(../../img/Frontend/about-bg.png); background-repeat:no-repeat; background-position: 0% 90%; background-size:cover; background-color:#f5f5f5; /*height:735px;*/ padding:129px 0 0px; }
.module-wrap{background-image: url(../../img/Frontend/header-graphics.png); background-repeat:repeat-x; padding:149px 0 0px;}
.about-container{background-color:#fff; -webkit-box-shadow: 0px 11px 67px -14px rgba(0,0,0,0.36); position:relative;
                 -moz-box-shadow: 0px 11px 67px -14px rgba(0,0,0,0.36);
                 box-shadow: 0px 11px 67px -14px rgba(0,0,0,0.36);}
.about-content{width:778px; margin: 0 auto; padding:112px 0 128px;}
.about-content h1{font-size:40px; letter-spacing:1px; color:#505050; font-family: 'LatoLight';  margin:0 0 47px; padding:0px; text-align:center;}
.about-content p{font-size:16px; line-height:22px; font-family: 'LatoRegular';  color:#505050; letter-spacing:1px; text-align:justify; }
.module-wrap .about-content { padding: 112px 0 128px;}

/*Resources*/
.resource-wrap{background-image: url(../../img/Frontend/resource-bg.png); background-repeat:no-repeat; background-position: 50% 100%; background-size:cover; background-color:#f5f5f5; }
.resource-content { margin: 0 auto; padding:40px 60px 65px!important;}
.resource-content h1{color:#505050; font-family: 'LatoLight'; font-size:40px; padding:0px; margin:0 0 22px!important;}
.resource-border{border-left:2px solid #e7e7e7;}
.resource-right{width:748px; float:right; padding-left:55px; }
.tab-content{width:748px; float:right; padding:10px 25px 0 55px; border-left:2px solid #e7e7e7; height:601px; overflow-y:auto;}
.resource-left{width:265px; float:left;  padding:18px 0px 0px; }
.resource-content .nav-tabs{font-size:16px; font-weight:normal;color:#505050}
.resource-content  p{font-size:16px; line-height:20px; color:#505050; word-break: break-word;}
.resource-content  p a{color:#4c7fb4; text-decoration:underline;}
.resource-content  p a:hover{text-decoration:none;}
.resource-content .nav-tabs>li {float:none; margin-bottom: 0px;}
.resource-row{clear:both; display:block;}
.resource-content .nav>li {position: relative; display: block;margin:16px 0 0;line-height: 1.42857143;}
.resource-content .nav li:nth-child(1){margin-top:0px;}
.resource-content .nav-tabs>li>a:hover { border-color: transparent!important;}
.resource-content .nav>li>a:focus, .resource-content .nav>li>a:hover { text-decoration: none; background-color: transparent !important;font-family: 'LatoBold';color:#4c7fb4;}
.resource-content .nav>li>a { position: relative;  display: block; padding: 0px!important;font-family: 'LatoSemibold';}
.resource-content  .nav-tabs>li>a { margin-right: 0px; line-height: 1.42857143;border: 0px solid transparent; border-radius: 0px;}
.resource-content  .nav>li>a { position: relative;display: inline-block; padding: 0px!important;color:#505050;margin:0px!important;	}
.resource-content .nav-tabs>li.active>a, .resource-content .nav-tabs>li.active>a:focus, .resource-content .nav-tabs>li.active>a:hover { color: #4c7fb4!important; cursor: default;font-weight:normal; background-color: transparent!important;border: 0px solid #ddd;  border-bottom-color: transparent!important;margin:0px!important;padding: 0px!important;font-family: 'LatoBold';}
.resource-content .nav-tabs {  border-bottom: 0px solid #ddd;}
.module-left .panel-group {
    margin-bottom: 0;
}
.module-wrap .outline-scroller h5 {
    font-family: latoregular;
    letter-spacing: 0.5px;
    margin: 0;
    text-align: left;
}
.module-wrap .outline-scroller p {
    font-family: latolight;
    margin-bottom: 16px;
}
.module-wrap .outline-scroller p.lead {
    font-family: latoregular;
}
.module-wrap .outline-scroller p:last-child {
    margin-bottom: 0;
}
.module-wrap .outline-scroller p strong {
    font-family: latobold;
    font-weight: normal;
}

/*Module*/
.module-wrap{background-image: url(../../img/Frontend/module-bg.png); background-repeat:no-repeat; background-position: 50% 100%; background-size:cover; background-color:#f5f5f5; }
.module-wrap h1{text-align:center;}
.module-wrap h5{font-size:16px; line-height:20px; color:#505050; font-family: 'LatoMedium'; text-align:center;}
.module-wrap h5 span{display:block}
/* .module-row{margin:45px 0px 0px; clear:both; display:block;}
.module-left{width:428px; float:left;}
.module-right{width:560px; float:right; padding:40px 0 0;} */
.module-row {
    clear: both;
    display: table;
    margin: 45px 0 0;
    width: 100%;
}
.module-left {
    display: table-cell;
    padding: 20px 50px 0 10px;
    vertical-align: top;
    width: 40%;
}
.module-right {
    border-left: 1px solid #ccc;
    display: table-cell;
    padding: 30px 10px 0 50px;
    vertical-align: top;
    width: 60%;
}
.module-wrap .tab-content.outline-scroller .scroll-wrapper {
    height: 465px;
}
.module-wrap .tab-content.outline-scroller .scroll-wrapper .scroll-content{
    padding: 0 40px 0 0;
}
.module-video{width:537px; height:auto; background-color:#fff; -webkit-box-shadow: 0px 11px 67px -14px rgba(0,0,0,0.36); position:relative;
              -moz-box-shadow: 0px 11px 67px -14px rgba(0,0,0,0.36);
              box-shadow: 0px 11px 67px -14px rgba(0,0,0,0.36)}
.module-video img{width:100%;}
.module-wrap  .tab-content{width:auto; float:none; padding:0px; border-left:0px solid #e7e7e7; height:auto; overflow-y:none;}
.module-wrap ul.module-url{font-size:13px; line-height:15px; font-family: 'LatoRegular';}
.module-wrap ul.module-url li{padding-left:42px;}

.module-wrap .panel-group h4{font-family: 'LatoLight'; font-size:23px; color:#505050;}
.panel-default>.panel-heading {
    color: #333;
    background-color: transparent!important;
    border-color: #ddd;
}.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-heading {
    padding:0px 0px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.accordion-toggle{ }
.collapse{}
.in{  }
.collapsed{ }
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0px solid transparent!important;
}

.module-wrap  .panel-default {
    border: 0px solid transparent!important;
}
.module-wrap  .panel-default>.panel-heading {
    color: #333;
    background-color: transparent!important;
    border: 0px solid transparent!important;
}
.module-wrap .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05);
    /* box-shadow: 0 1px 1px rgba(0,0,0,.05); */
}

.panel-heading .accordion-toggle::after {
    color: grey;
    content: "\f106";
    font-family: "FontAwesome";
    font-size: 30px;
    left: 0;
    line-height: 22px;
    position: absolute;
    top: 0;
}

#menu6 .panel .fa {
    color: #4c7fb4;
}

#menu6 .panel p a {
    color: #4c7fb4;
    text-decoration: none;
    padding-left: 10px;
}

#menu7 .panel .fa {
    color: #4c7fb4;
}

#menu7 .panel p a {
    color: #4c7fb4;
    text-decoration: none;
    padding-left: 10px;
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\f107";
}

.panel-title > a, .panel-title > small, .panel-title > small > a {
    color: inherit;
    display: inline-block;
    padding-left: 30px;
    position: relative;
}

.module-wrap  .panel-title a:focus, .module-wrap  .panel-title  a:hover {text-decoration: none; color:#505050;}
.module-wrap .nav-tabs{font-size:13px; line-height:15px; font-family: 'LatoRegular'; color:#505050;}
.module-wrap .nav>li {    margin: 10px 0 0;}
.module-wrap .nav>li>a{color:#505050;background-image: url(../../img/Frontend/arrow-of.png); background-repeat: no-repeat; background-position: 0 3px; background-size: 17px 17px; line-height: 21px;
}
.module-wrap  .panel-body .nav-tabs li a {  padding-left:30px!important;}
.module-wrap  .nav-tabs>li.active>a{background-image: url(../../img/Frontend/arrow-on.png); background-repeat: no-repeat; background-position: 0 45%; background-size: 17px 17px;
                                    padding-left:30px!important;}
.module-wrap  .panel-body { padding-left: 2px; padding-right: 2px;}
.module-wrap  .nav-tabs li.active a, .module-wrap  .nav-tabs li.active a:hover, .module-wrap  .nav-tabs li.active a:focus{padding-left:30px!important;}




/*Login*/
.login-container{  background: url(../../img/Frontend/login-bg.png) no-repeat 50% 100% #f5f5f5; padding:149px 0 176px;   /*min-height:734px;*/}
.register-container{  background: url(../../img/Frontend/register-bg.png) no-repeat 50% 100% #f5f5f5; padding:149px 0 100px;}
.navbar-header-login{text-align:center; width:100%; padding: 15px 0px;}

.login-container h2{font-family: 'LatoBold'; text-align:center; font-size:16px; letter-spacing:1px; color:#a6a6a6; padding: 0px 0 4px;}
.login-container h1{font-family: 'LatoLight'; color:#505050; font-size:23px; text-align:center; letter-spacing:1px;}
.login-wrap{width:811px; margin:0 auto; background-color:#fff;  position:relative; padding:19px 0 75px; -webkit-box-shadow: 0px 11px 67px -14px rgba(0,0,0,0.36);
            -moz-box-shadow: 0px 11px 67px -14px rgba(0,0,0,0.36);
            box-shadow: 0px 11px 67px -14px rgba(0,0,0,0.36);}
.login-footer{background-color:#f5f5f5; width:100%; text-align:center; position:absolute; bottom:0px; height:75px;}
.login-footer p{line-height:77px; font-family: 'LatoRegular'; color:#505050; font-size:16px; font-weight:700; letter-spacing:1px;}
.login-footer p span{color:#65953A; font-family: 'LatoBold'; letter-spacing:5px; margin-left:17px;}
.login-footer p span a{color:#65953A;}
.login-in{width:677px; margin:37px auto 30px; padding:10px 0 45px; background: url(../../img/Frontend/divider.png) no-repeat 46% 0; }
.login-in-password  .login-in{ padding: 10px 0 45px;background-image:none; width: 294px;margin: 0px auto;}
.social-login{width:244px; float:left;  }
.login-form{width:294px; float:right; padding-top:40px; }
.login-form .btn{width:126px; font-size:15px; margin:0 auto; float:none;  font-family: 'LatoMedium'; background-color:#71a641; border:0px!important; padding: 9px 12px; outline:none!important; display:block;letter-spacing:1px; border-radius:7px;}
.login-form p{text-align:center; color:#a4a4a4; font-size:16px;  font-family: 'LatoRegular'; margin:24px 0 0;}
.login-form p a{color:#a4a4a4; text-decoration:underline;}
.login-form p a:hover{text-decoration:none;}
.login-form .margin60{margin:56px 0 0; letter-spacing:1px;}
.login-form label{font-size:13px; line-height:18px; color:#505050; font-family: 'LatoRegular'; letter-spacing:1px; font-weight:normal;display: block;}
.social-login ul{list-style-type:none; margin:0px; padding:0px;}
.social-login ul li{margin:22px 0 0;}
.social-login ul li:nth-child(1){margin:0px;}
.social-login ul li a:hover, .social-login ul li a:focus{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9;}
.login-form .input-group-addon, .register-wrap  .input-group-addon{ padding: 6px 13px; font-size: 14px; font-weight: 400; line-height: 1;color: #555; text-align: center; background-color: transparent;
                                                                    border: 0px solid #ccc; border-radius: 0px;}
.login-form  .input-group, .register-wrap  .input-group{background-color: transparent; border: 1px solid #ccc; border-radius: 5px; padding-top:2px; padding-bottom:2px;}
.input-group .input-group-addon .fa{color:#cccccc;}
.login-form  .form-control, .register-wrap  .form-control{display: block;width: 100%; height: 34px; padding: 4px 12px 8px 0px;font-size: 14px; line-height: 1.42857143; color: #505050; background-color: #fff; background-image: none;border: 0px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 
                                                          transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; font-family: 'LatoRegular'; color:#505050; font-size:16px;  letter-spacing:0.5px;}
.header-bg .login-form .btn-success{margin:17px 0px 0px 76px; float:none!important;  border-radius: 6px;}
.login-form  .input-group, .register-wrap .input-group{margin:0 0 20px;}
.register-wrap p{font-size:13px; line-height:24px; color:#505050; font-family: 'LatoRegular'; letter-spacing:0.5px;}
.register-wrap{padding:19px 0px 0px; }
.register-wrap .login-in{width:100%; margin:37px auto 30px; padding:39px 50px 45px; background: none; }
.register-container .login-in{    width: 100%;
                                  margin: 0px auto 30px;
                                  padding: 21px 50px 45px;
                                  background: none;
}
.register-wrap .col-register{width:350px; float:left; padding-right:57px; position:relative;}
.col-register:nth-child(1){padding-top:19px;}
.register-wrap .col-div{border-right:2px solid #e7e7e7; width:2px; min-height:320px; padding:0 54px; position:absolute; right:0px; top:0px;}
.register-container .register-divider{ background: url(../../img/Frontend/div.png) repeat-y 50% 0; padding-bottom:30px; padding-top:14px; margin-top:20px; margin-bottom:0px;}
.register-container .register-button-row{margin:0px; padding:0 50px 47px;}
.register-container .register-button-row .btn{margin:0px;     width: 165px; padding: 9px 12px; background-color:#a6a6a6; color:#ffffff; font-size:15px;
                                              font-family: 'LatoMedium'; letter-spacing:1px; border:0px; outline:none; border-radius:7px;}
.register-container .register-button-row .btn-success{background-color:#71a641;}
.register-container .register-button-row .btn-success:hover, .register-container .register-button-row .btn-success:focus{background-color:#398439!important;}
.btn-right{float:right; margin:0px;}
.register-wrap .col-register:nth-child(2){float:right; padding-left:57px; padding-right:0px;}
.login-in ::-webkit-input-placeholder { color:#505050;}
.login-in ::-moz-placeholder { color:#505050;}
.login-in :-ms-input-placeholder {color:#505050;}
.login-in :-moz-placeholder {color:#505050;}
.register-wrap .input-group{width:100%;}

.login-in select {margin: 0px; border: 1px solid #111; background: transparent; width: 100%;padding: 5px 35px 5px 10px; font-size: 16px; border: 0px solid #ccc; height: 34px;-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../../img/Frontend/dropdown.png) 96% 15% no-repeat #fff;outline:none!important;
                  font-family: 'LatoRegular'; color:#505050!important; font-size:16px;  letter-spacing:0.5px;}
.login-in select::-ms-expand {
    display: none; /* remove default arrow on ie10 and ie11 */}

.col-register02{width:362px; float:left;}
.col-register02b{width:322px; float:right;}
.col-register03{width:475px; float:left;}
.col-register03b{width:210px; float:right;}
.col-form-row{margin:0 0 8px; clear:both;}
.col-form-row .register-wrap .input-group { margin: 0 0 0px;}
.col-form-row label{font-size:13px; line-height:18px; color:#505050; font-family: 'LatoRegular'; letter-spacing:1px; font-weight:normal;}
.col-form-row label p{ margin:0 0 0 13px; padding:0px; font-size:13px; line-height:18px; color:#505050; font-family: 'LatoRegular'; letter-spacing:1px; font-weight:normal;}
.i-checks > i {float:left;}
.input-group-small{width:82px!important; padding:0px; text-align:center; float:left; margin-right:16px!important;  }
.input-group-small .form-control{text-align:center!important; padding-left:10px; padding-right:10px; }
.label-year label{padding:10px 0 0;}

/* Radio Buttons */
.i-checks {padding-left: 20px; cursor: pointer;font-size:13px;line-height:18px;font-family: 'LatoRegular'; letter-spacing:1px; }
.radio .i-checks {padding-left: 20px; cursor: pointer;font-size:13px;line-height:18px;font-family: 'LatoRegular'; letter-spacing:1px; color:#505050;}

.i-checks input { opacity: 0; position: absolute; margin-left: -20px;}
.i-checks input:checked + i {  border-color: #cacaca;}
.i-checks input:checked + i:before {left: 4px; top: 4px; width: 10px;height: 10px; background-color: #4c7fb4;  }
.i-checks input:checked + span .active { display: inherit;}
.i-checks input[type="radio"] + i, .i-checks input[type="radio"] + i:before {  border-radius: 50%;}
.i-checks input[disabled] + i, fieldset[disabled] .i-checks input + i { border-color: #dee5e7;}
.i-checks input[disabled] + i:before, fieldset[disabled] .i-checks input + i:before {  background-color: #dee5e7;}
.i-checks > i {width: 20px; height: 20px;line-height: 1; border: 1px solid #cacaca; background-color: #fff; margin-left: -20px; margin-top: -2px; display: inline-block;
               vertical-align: middle;  margin-right: 9px;  position: relative;content: "";}
.i-checks > i:before { content: ""; position: absolute; left: 10px; top: 10px; width: 0px; height: 0px; background-color: transparent;  -webkit-transition: all 0.2s; transition: all 0.2s;}
.i-checks > span {  margin-left: -20px;}
.i-checks > span .active { display: none;}

.i-checks input[type="checkbox"]:checked + i:before {left: 1px; top: 1px; width: 10px;height: 10px; background-color: transparent; content: "\f00c";
                                                     font-family: 'FontAwesome'!important; color: #4c7fb3; font-size:15px; border-radius:2px; }

.login-in .radio {
    position: relative;
    display: block;
    margin-top: 26px;
    margin-bottom: 0px;
}
.col-form-row .check-row{margin:21px 0 0px;}

#autoUpdate{float:left; margin:11px 0 0;  width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px);}
.col-form-row .label-sub{font-family: 'LatoMedium'; color:#505050; font-size:13px; padding:0 0 0; }
.register-container .padding20{  padding-bottom:11px; padding-top:32px;}
.additional-contact{text-align:center; padding:35px 0 0;}
.additional-contact p{font-size:15px; line-height:18px; color:#fff; font-family: 'LatoRegular'; letter-spacing:1px; }
.additional-contact p a{color:#fff; text-decoration:underline;}
.additional-contact p a:hover{color:#fff; text-decoration:none;}
.additional-contact p span{display:block;}
.register-add{padding-bottom:30px;}
#describe-box, #autoUpdate{ margin:7px 0 0 30px;}
#describe-box input, #autoUpdate input{ padding-left:10px; padding-right:10px;}
.check-other{float:left; margin-right:10px!important; margin-bottom:20px!important;}
#autoUpdate{float:right; margin:11px 0 0;  width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px);}
.thanks-wrap{min-height:388px; display: table; width: 100%; text-align: center;}
.thanks-wrap-in{ display: table-cell; vertical-align: middle;}
.thanks-wrap h1{font-size:40px; color:#505050; font-family: 'LatoLight'; padding:54px 0 77px;}
.padding0{padding-bottom:0px;}


/*Logged-in pages css starts here - Sathiyaraj*/
/*header css starts here*/
.navbar-default .navbar-nav > li > a{font-family: 'LatoSemibold';color: #505050;letter-spacing: 0.5px;margin: 0px 17px;}
.navbar-default .navbar-nav > li > a:hover{font-family: 'LatoBold';color:#4c7fb4; /*text-decoration: underline;*/}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background-color: transparent;color:#4c7fb4;}
.dropdown-menu{padding: 10px;border: none;border-radius: 0px;}
.dropdown-menu > li > a{font-size: 15px;line-height: 30px;color:#505050;font-family: 'LatoBold';letter-spacing: 0.5px;}
.dropdown-menu > li > a:before {font-size: 25px;padding-right: 10px;position: relative;top:2px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color: #eff9ff;}
.caret{margin-left: 8px;border-top: 5px dashed;}
/*common css for white background*/
.clsbody-wrapper{background: #f5f5f5 url(../../img/Frontend/loggedin-bg.png) no-repeat;padding: 140px 0 0px;background-position: 0% 100%;background-size: contain;}
.clswhite-wrapper{background-color: #fff;padding: 50px 50px 60px;-webkit-box-shadow: 0px 11px 27px -14px rgba(0,0,0,0.36); -moz-box-shadow: 0px 11px 27px -14px rgba(0,0,0,0.36);box-shadow: 0px 11px 27px -14px rgba(0,0,0,0.36);overflow: hidden;margin-bottom: 27px;}

/*Account information page css starts here*/
.blk-title{text-align: center;color:#505050;}
.blk-title h2{letter-spacing: 0.5px;font-size: 40px;margin: 50px 0 70px;font-family: 'LatoLight';}
.account-info{width: 625px;margin: 20px auto 40px;max-width: 100%;}
.account-info ul{overflow: hidden;margin: 0;}
.account-info ul li{padding-bottom: 30px;}
.account-info-field{padding-bottom: 40px;}
.field-container {position: relative;}
.field-container i{font-size: 17px;}
.field-container label {position: absolute;left: 20px;top: 14px;color:#cccccc;}
.field-container input{color:#505050;font-size: 16px;letter-spacing: 0.5px;}
.field-container .form-control{padding-left: 50px;padding-right: 20px;}
.field-container .ion-ios-locked:before {font-size: 20px;}
.field-container-select {color:#505050;}
.field-container ::-webkit-input-placeholder { color:#505050;}
.field-container ::-moz-placeholder { color:#505050;}
.field-container :-ms-input-placeholder {color:#505050;}
.field-container :-moz-placeholder {color:#505050;}

.receive-email label{
    font-size: 16px;
    color:#505050;
    font-weight: normal;
    padding: 10px 0;
    letter-spacing: 0.5px;
}
.field-container-select select{
    display: block;
    width: 100%;
    height: 46px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background: #fff url("../../img/Frontend/select_drop.png") no-repeat scroll right center;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    cursor: pointer;
    letter-spacing: 0.5px;
}
select::-ms-expand {
    display: none;
}
select:focus {
    outline: none;
}
select option {
    padding: 3px 3px 4px;
}
.gray-btn{
    text-align: center;
}
.gray-btn .btn{
    background: #a6a6a6;
    width: 165px;
    font-size: 15px;
    color: #ffffff;
    font-family: 'LatoMedium';
    letter-spacing: 0.5px;
    padding: 8px 12px;
}

/*welcome team page css starts here*/
.welcome-team p{
    font-size: 16px;
    padding-bottom: 15px;
    letter-spacing: 0.5px;
    color:#505050;
}
.interest-peoples{
    padding: 40px 0 50px;
}
.interest-peoples ul{
    overflow: hidden;
}
.interest-people-avathar {
    background: #fff;
    border-radius: 100px;
    height: 66px;
    position: relative;
    width: 66px;
    float: left;
}
.people-avathar-image {
    border-radius: 100px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.int-people-cont{
    display: table;
}
.int-people-cont span{
    font-size: 18px;
    vertical-align: middle;
    display: table-cell;
    padding-left: 5%;
    width: 95%;
    letter-spacing: 0.5px;
}
.citations p{
    padding-bottom: 0px;
    margin-bottom: 5px;
}


/*module page css starts here*/
.clsmodule-item{
    background-color: #fff;
    -webkit-box-shadow: 0px 11px 37px -14px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px 11px 37px -14px rgba(0,0,0,0.36);
    box-shadow: 0px 11px 37px -14px rgba(0,0,0,0.36);
    overflow: hidden;
    text-align: center;
    padding: 20px 10px;
}
.clsmodule-content{
    display: table;
    height: 180px;
    width: 100%;
}
.clsmodule-content h3{
    display: table-cell;
    vertical-align: middle;
    font-family: 'LatoSemibold';
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 25px;
    color:#505050;
}
.clsmodule-item h4{
    margin: 0px;
    font-family: 'LatoBold';
    font-size: 16px;
    color: #a6a6a6;
    letter-spacing: 0.5px;
    padding: 0px 0 10px;
}
.clsmodule-item a{
    color: #65953A;
    font-size: 15px;
    letter-spacing: 3px;
    font-family: 'LatoBlack';
    padding: 10px 0 15px;
    display: block;
}
.clsmodule-container ul li{
    padding-bottom: 30px;
}

/*Module with progress css starts here*/
.clsmd-progress .clsmodule-content{
    height:95px;
}
.clsmd-progress .clsmodule-content h3{
    vertical-align: top;
}
.progress-cont{
    padding: 0 25px;
    overflow: hidden;
    min-height: 87px;
}
.progress-bar{
    box-shadow: none;
    border-radius: 10px;
}
.progress-cont h4{
    font-family: 'LatoRegular';
    text-transform: uppercase;
    padding: 0px 0 15px;
}
.progress{
    height: 15px;
    border-radius: 10px;
    margin-bottom: 40px;
    box-shadow: none;
}
.progress-bar-info {
    background-color: #4c7fb4;
}
.progress-cont .progress-bar-success {
    background-color: #71a641;
}
.progress-cont .progress-bar-warning {
    background-color: #f7a933;
}
.log-out-pop{
    text-align: center;
}
.logout-body{
    padding: 20px;
}
.logout-body p{
    padding: 50px 0;
    font-family: 'LatoSemibold';
    font-size: 20px;
}
.modal-content{
    border-radius: 0px;
    box-shadow: none;
}
.logout-footer{
    padding-bottom: 40px;
}
.logout-footer .btn{
    width: 165px;
    margin: 0 10px 10px;
    font-size: 15px;
    font-family: 'LatoSemibold';
    max-width: 100%;
    padding: 8px 12px;
}

.gray-default {
    color: #ffffff;
    background-color: #a6a6a6;
    border: none;
}
.green-default {
    color: #ffffff;
    background-color: #417b2f;
    border: none;
}
.blue-btn{
    padding: 10px 0;
}
.module-details .module-dis-container .blue-btn{
    margin-top: 50px;
}
.blue-btn .btn {
    background: #4c7fb4;
    width: 130px;
    font-size: 15px;
    color: #ffffff;
    font-family: 'LatoMedium';
    letter-spacing: 0.5px;
    padding: 8px 12px;
}
.green-default.focus, .green-default:focus, .green-default:hover{
    color: #fff;
    background-color: #398439;
}
.gray-default.focus, .gray-default:focus, .gray-default:hover{
    color: #fff;
    background-color: #8b8989;
}

/*Module detail page css starts here*/
.clsmodule-detail{
    background: #ffffff;
    text-align: center;
    margin: 0 0 20px;
    padding: 20px;
}
.module-dis-container p{
    font-size: 16px;
    letter-spacing: 0.5px;
    color:#505050;
}
.clsmodule-detail img{
    width: 975px;
    max-width: 100%;
}
.module-details .nav {
    border-bottom: 0 none;
}
.module-details .nav > li:first-child {
    border-top: 0 none;
}
.module-details .nav > li {
    border-top: 1px solid #dddddd;
    float: none;
    margin: 0;
    padding: 10px 0;
}
.module-details .nav > li > a {
    border: 0 none;
    border-radius: 0;
    color: #505050;
    font-family: latobold;
    display: block;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 0;
}
.module-details .nav > li.active > a {
    background: transparent url("../../img/Frontend/module-arrow.png") no-repeat scroll right center;
    color: #00bbab;
}
.module-details .nav > li > a:hover, .module-details .nav > li > a:focus {
    background-color: transparent;
    border: 0 none;
    margin: 0;
}
.module-details .nav > li > a span {
    color: #a6a6a6;
    display: inline-block;
    font-family: latomedium;
    font-size: 15px;
    margin: 3px 0 0;
}
.module-details .module-row {
    margin: 0;
}
.module-details .module-left {
    padding: 10px 15px 10px 10px;
    width: 30%;
    /* TODO for prod academic 30*/
    /* position: relative; */
}
.module-details .tab-content {
    border: 0 none;
    float: none;
    height: auto;
    padding: 0;
    width: auto;
}
.module-details .module-right {
    border: 0 none;
    padding: 10px 10px 10px 15px;
    width: 70%;
    /* TDOO for pro academic 70 */
}
.module-details .blk-title h2 {
    font-family: LatoSemibold;
    font-size: 32px;
    letter-spacing: 0.5px;
    margin: 8px 0 13px;
    text-align: left;
}
.module-details .blk-title h5 {
    color: #00bbab;
    font-family: latobold;
    font-size: 20px;
    letter-spacing: 0.5px;
    margin: 10px 0 0;
    text-align: left;
}
.module-details .module-dis-container {
    margin-top: 20px;
}
.progress-value {
    text-align: left;
    /* position: absolute; */
    /* bottom: 0; */
}
.progress-value > span {
    color: #a6a6a6;
    vertical-align: top;
}
.progress-value .progress {
    display: inline-block;
    margin: 0 0 0 10px;
    width: 200px;
}
.progress-bar-module {
    background-color: #00bbab;
}
.clswhite-wrapper.module-details  {
    padding: 25px 65px 20px;
}
/** arrow breadcrumb **/
.breadcrumb.lightblue .glyphicon {
    color: #4c7fb4;
    margin-right: 8px;
}
.breadcrumb.lightblue { 
    list-style: none; 
    overflow: hidden; 
    font: 18px Helvetica, Arial, Sans-Serif;
    margin: 40px;
    padding: 0;
}
.breadcrumb.lightblue li { 
    float: left;
    position: relative; 
}
.breadcrumb.lightblue li a {
    color: #a6a6a6;
    font-size: 14px;
    text-decoration: none; 
    padding: 10px 0 10px 55px;
    background: #ffffff;
    position: relative; 
    display: block;
    line-height: 18px;
    float: left;
}
.breadcrumb.lightblue li a:after { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 40px solid #00bbab;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    left: 100%;
    z-index: 2; 
}   
.breadcrumb.lightblue li a::before {
    content: ">";
    display: block;
    height: 10px;
    margin-top: -5px;
    position: absolute;
    right: -30px;
    top: 40%;
    width: 10px;
    z-index: 3;
}
.breadcrumb.lightblue li:first-child a {
    padding-left: 10px;
}
.breadcrumb.lightblue li:last-child a {
    background: #00bbab;
}
.breadcrumb.lightblue li:last-child a:after {
    border-left-color: #00bbab;
}
.breadcrumb.lightblue li:last-child a {
    color: #ffffff;
    padding-left: 35px;
}
.breadcrumb.lightblue li:last-child a::before {
    display: none;
}
.breadcrumb.lightblue li:nth-child(2) a::before {
    display: none;
}
.breadcrumb.lightblue li a       { background:        #ffffff; }
.breadcrumb.lightblue li a:after { border-left-color: #ffffff; }
.breadcrumb.lightblue li a:hover { background: #00bbab; color: #ffffff; }
.breadcrumb.lightblue li a:hover .glyphicon { color: #ffffff; }
.breadcrumb.lightblue li a:hover:after { border-left-color: #00bbab !important; }
.breadcrumb.lightblue {
    margin: 0 0 20px;
}
.clsbody-wrapper.module-wrapper {
    padding-top: 100px;
}
section#module_video_section {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 20px;
    padding: 40px 50px;
}
.module_video {
    background: #fff none repeat scroll 0 0;
    min-height: 554px;
    position: relative;
}
.course_iframe{
    border: none;
    background-color: #fff;
}
.module_video_poster {
    background: transparent url("../../img/Frontend/video-cover.jpg") no-repeat scroll center center;
    background-size: cover;
    bottom: 0;
    left: 0;
    margin: auto;
    min-height: 554px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}
.module_video_cover {
    color: #fff;
    left: 50%;
    margin-left: -250px;
    margin-top: -170px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 500px;
    z-index: 5;
}
.module_video_data.media_play .module_video_poster, .module_video_data.media_play .module_video_cover {
    display: none;
}
#module_video_object {
    background-color: #fff;
    background-position: center center;
    background-size: contain;
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 3;
}
.module_video_info > span {
    font-size: 18px;
}
.module_video_info > h4 {
    font-size: 26px;
    margin: 0 0 30px;
}
.module_video_info > p {
    font-size: 16px;
    margin-bottom: 5px;
}
.module_video_info .video_play {
    background: transparent url("../../img/Frontend/video-play.png") no-repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    height: 158px;
    width: 158px;
}
/*Logged-in pages css ends here - Sathiyaraj*/

/*Module ProgressV2*/
.moduleprogress02{background-color: #f5f5f5; background-image:none; padding: 120px 0 0px; background-position: 0%; background-size: auto;}
.clsmodule-orange{ background: url(../../img/Frontend/lm01.png) no-repeat 0 100% #fff; padding-bottom:90px;background-size: 100%;}
.clsmodule-green{background: url(../../img/Frontend/lm02.png) no-repeat 0 100% #fff; padding-bottom:90px; background-size: 100%;}
.clsmodule-blue{background: url(../../img/Frontend/lm03.png) no-repeat 0 100% #fff; padding-bottom:90px; background-size: 100%;}
.clsmodule-violet{background: url(../../img/Frontend/lm04.png) no-repeat 0 100% #fff; padding-bottom:90px; background-size: 100%;}

/* .thumb-zero .team-content div{background: url(../../img/Frontend/Phase0.png) no-repeat #fff; padding-bottom:0px; background-size: 320%;} */


.clsmodule-zero{ background: url(../../img/Frontend/Phase0.png) no-repeat #fff; padding-top:90px; background-size: 320%;}
.clsmodule-one{background: url(../../img/Frontend/Phase1.png) no-repeat #fff; padding-top:90px; background-size: 320%;}
.clsmodule-two{background: url(../../img/Frontend/Phase2.png) no-repeat #fff; padding-top:90px; background-size: 320%;}
.clsmodule-three{background: url(../../img/Frontend/Phase3.png) no-repeat #fff; padding-top:90px; background-size: 320%;}
.clsmodule-four{background: url(../../img/Frontend/Phase4.png) no-repeat #fff; padding-top:90px; background-size: 320%;}
.clsmodule-five{background: url(../../img/Frontend/Phase5.png) no-repeat #fff; padding-top:90px; background-size: 320%;}

.module-icon{margin:0 0 30px; clear:both!important;}
.progress-cont { padding: 0 15px;}
.navbar-default .navbar-nav > li > a.dropdown-toggle{color:#4c7fb4; text-decoration:none;}
.navbar-default .navbar-nav > li > a > span.caret {color:#505050;}
.moduleprogress02 .progress-cont h4 { font-family: 'LatoRegular'; text-transform: uppercase; padding: 0px 0 9px;}
.progress-cont .progress-bar-warning {background-color: #f7b933;}

/*Register Step04 New*/
.col-form-row .check-row {margin: 21px 0 0px;}
.referrer-section{clear:both; display:block; width:100%; margin:2px 0 0;}
.referrer-section .col-md-6{  padding:0px;}
.referrer-row .col-md-6:nth-child(1){width:335px; }
.referrer-row .col-md-6:nth-child(2){ width:350px; float:right;}
.referrer-row .col-md-6 label{font-family: 'LatoMedium'; letter-spacing:0.5px; font-size:13px; }
.referrer-row .col-md-6 label span{display:block;}
.referrer-row .col-md-6 label.label-refer{float:left; width:105px; color:#959595; font-family: 'LatoRegular'; letter-spacing:0px;}
.referrer-row .col-md-6 label.label-spacer{margin-top:9px;}
.referrer-row .input-group {width:235px; float:right; margin:0px; padding-left:10px; padding-right:10px;}
.referrer-row{clear:both; display:block; margin:13px 0 0;}
.referrer-row .col-md-6:nth-child(1) .input-group{width:220px;}



/*Account Information*/
.navbar-default .navbar-nav > li.dropdown > a {margin: 0px 0px 0 17px;}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left:12%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 9px 6px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #ccc;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);

    -webkit-box-shadow: -1px 3px 28px -9px rgba(0,0,0,0.34);
    -moz-box-shadow: -1px 3px 28px -9px rgba(0,0,0,0.34);
    box-shadow: -1px 3px 28px -9px rgba(0,0,0,0.34);
}
.nav-new>.dropdown-menu > li > a:before {
    font-size: 22px;
    padding-right: 10px;
    position: relative;
    top: 2px;
}
.nav-new>.navbar-nav>li>.dropdown-menu {
    margin-top: 4px;
    border-radius: 0;
    width:179px;
    right:0px;
}
.nav-new .dropdown-menu>li>a {
    display: block;
    padding: 6px 9px 7px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.account-additional{margin-bottom:0px;}
.col-account-row{}
.account-additional .receive-email{padding-left:0px;}
.account-additional .receive-email label {padding:0px;}
.account-row-div{border-top:1px solid #dddddd; padding:36px 0 0;}
.account-additional .account-info-field{padding-bottom: 0px;}
.col-account label p{font-size:16px; /*line-height:18px;*/ line-height:20px; letter-spacing:0.5px;}
.account-additional .col-form-row .radio {    margin-top: 10px; margin-bottom: 20px;}
.account-additional .gray-btn{margin-top:50px;}
.account-additional #describe-box .input-group { position: relative;display: table;border-collapse: separate; width: 100%;}

.account-upload{clear:both; display:block; padding-bottom:27px;}
.upload-wrap{padding:0px 10px 16px 0px; clear:both; float:none; display:block; }
.upload-wrap02{border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px;
               background-color:#fff; padding:10px 10px 7px; height:161px; position:relative; }
.upload-wrap02 h5{text-align:center; color:#cccccc; font-size:17px; text-transform:uppercase; position:absolute; top:70px; left:210px;  }
.upload-wrap02 h5 a{color:#cccccc;text-decoration:underline;  }
.upload-wrap02 h5 a:hover{text-decoration:none;  }
.account-upload .btn{width:165px;  border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; height:36px; font-size:15px; font-family: 'LatoRegular'; background-color:#a6a6a6; color:#fff; margin:28px 0 0; outline:none; border:0px;}

/*--input-file Styling--*/
.file-upload, .file-upload-post{ padding:0 15px; height:36px; background:#4c7fb4; float:left;
                                 margin:38px 0 0 21px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #4c7fb4; cursor: pointer;}
.file-upload-post{color:#fff; text-align:center; position:relative;padding:0; width:165px; height:36px;float:left;margin:28px 12px 0 0; padding:0px;cursor: pointer;}
.file-upload-post:before{content: "Upload"; position:absolute; display:block;width:165px; font-size:15px; font-family: 'LatoRegular'; padding-top:7px;cursor: pointer;}
.file-upload input[type="file"], .file-upload-post input[type="file"]{  width:165px; height:36px;
                                                                        filter:alpha(opacity=0); -moz-opacity:0.0;-khtml-opacity: 0.0;opacity: 0.0; margin:0px; padding:0px;  cursor: pointer;}
.file-upload-post input[type=file]::-webkit-file-upload-button{
    cursor: pointer;
}
#x { display:none; position:absolute; z-index:200; right:3px; top:3px; cursor:pointer; }
#previewPane { display: inline-block;background-color:#fff; border-radius:70px; -webkit-border-radius:70px; -moz-border-radius:70px; height:90px; width:90px;
               display:block;float:left; position:relative; margin:0 30px 0 0; }
#img_prev{width:91px; height:91px; background: url(../../img/Frontend/preview.png) no-repeat 0 0; border-radius:70px; -webkit-border-radius:70px; -moz-border-radius:70px;
          display:block;  }
#img_prev img{border:0px!important; outline:0px;}


/*Bala*/
.login-form #notification_messages, .register-wrap #notification_messages{text-align: center; margin-bottom: 10px}
#notification_messages #flash_message .success{color: green}
#notification_messages #flash_message .error, #notification_messages .loginError{color: red}
label.error{
    color:red;
    font-weight: normal !important;
    margin-bottom:10px
}
.account-info ul.errorvalid li{
    min-height: 96px !important;
    padding-bottom: 0px;
}
label.error1 {
    color: red;
    font-weight: normal !important;
    margin-bottom: 0px;
    position:relative;
    top:-15px;
}
.approx_time {
    color: #a6a6a6;
    float: right;
    /* margin-top: -18px; */
}
.approx_time .fa {
    color: #00bbab;
    font-size: 16px;
    margin-right: 2px;
    vertical-align: middle;
}

/* Assessment Preview Popup updates */
.clsquestion_section {
    max-height: 652px;
    overflow-y: auto;
    padding: 25px;
    font-weight: normal
}
form#addassessmentscores fieldset {
    margin-bottom:13px
}
.clsquestion_table tbody tr td{
    text-align: center;
    border-color: #ddd;
    vertical-align: middle;
}
.clsquestion_table > tbody > tr > td:first-of-type{
    border-right: 1px solid #ddd;
}
.clsquestion_view_blk{
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 10px;
}
.clsanswers_list{
    padding-left: 0;
}
.clsanswers_list li{
    list-style-type: upper-alpha;
    list-style-position: inside;
    margin: 20px 0;
    padding: 10px;
    background: #eee;
    width: 100%;
}
.knw_answers_review_list li{    
    list-style-position: inside;
    margin: 10px 0 20px;
    padding: 5px 5px 5px 25px;
    line-height: 25px
}
.border_left{
    padding-left: 10px !important;
    border-left: 1px solid #ccc;
}
.ques_number p, .your_answer p, .correct_ansr p{
    font-style: italic;
    margin-top:10px
}
.correct_text p span{
    font-style: normal !important;
}
.knw_answers_review_list li span{    
    padding: 5px 10px 5px 0;
    display: inline-block;
    vertical-align: top
}
.expand_collapse{
    font-size: 22px;
}
.clsincorrect_ans_blk{
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 10px;
}
.clsincorrect_list{
    padding-left: 0;
}
.clsincorrect_list li{
    border-bottom: 1px solid #ddd;
    list-style: outside none none;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.clsfinal_score_blk{
    padding: 25px;
}
.clsfinal_score_blk h5{
    font-size: 50px;
    padding: 40px 0;
}
.clssurvey_section ul{
    padding-left: 0;
}
.clssurvey_section ul li{
    list-style: none;
    padding-bottom: 25px;
}

/* Assessment preview update*/
div#field_error{
    color:red;
}
.modal-content.clsquestion_section h3 {
    color: #8b0000;
}
.modal-content .Self-assessment h4, .AttitudesaboutTeamScience h4, .Knowledge h4, .Survey h4{
    color: #8b0000;
}

label span.correctanss{
    float: right;
}
.knowledge_question_group div.form-group label {
    display: block !important;
} 
.flexsliderimg{
    width: 54px !important;
    height: 60px !important;
}
/* End of Assessment Preview Popup updates*/

/*outline list css*/

.outline-list li{
    list-style :inside;
    font-size: 16px
}

.outline-orlist li{    
    list-style-type :insert;
}

.outline-image {
    height:300px;
    width:550px;
}

.learnmore-btn-white{
    text-align:center !important;
}

.learnmore-btn-white button{
    background-color :#fff;
    border:none;
    padding:08px 10px;
}
.description-height{
    min-height: 350px;
}
.skipbtn{
    margin-right: 10px
}

.modal-watchvideo .close {
    position: absolute;
    top: -25px;
    right: 0;
    color: #fff;
    opacity: 1;
}
.modal-watchvideo .close:hover {
    color: #fff;
}
#watch_video_object {
    width: 100%;
    display: block;
}

.logout_footer .btn{
    width: 165px;
    margin: 0 10px 10px;
    font-size: 15px;
    font-family: 'LatoSemibold';
    max-width: 100%;
    padding: 8px 12px;
}
.scrolling .tab-pane{
    padding-bottom:25px;
}
.linksize{
    font-size: 16px;
}
.disabled_link{
    pointer-events: none;
    cursor: default;
    opacity: 0.3;
}
.presentations_topcontent{
    font-size: 16px;
    line-height: 20px;
    color: #505050;
    word-break: break-word;
    width: 100%;
}
.presentations_left, .presentations_right{
    width: 40%;
    float: left;
}
.resources_youtubeurl{
    margin-top: 95px
}

.modify .tab-content{
    width:auto; 
    float:none;
    word-wrap: break-word;
}
.modify .resource-left{
    width:auto; 

}
.modify .resource-right{
    width:auto; 

}
.book_img{
    display: inline-block;
    margin:4px 2px;
}
.outlne-list li{
    list-style :inside;
    font-size: 16px;
    color:#FFF;

}

/*Rajasekar*/
.cls404_body{
    margin-bottom: 0px;
}
.cls404_section{
    background: #fff;
    padding: 50px 0 70px;
}
.cls404_blk{
    background: #f5f5f5;
    padding: 100px 50px 125px;
    margin-top: 60px;
    text-align: center;
}
.cls404_blk h2{
    font-size: 40px;
    color: #474747;
    padding-top: 35px;
}
.cls404_blk p{
    font-family: 'LatoRegular';
    font-size: 17px;
}
.cls404_blk p a{
    font-family: 'LatoBold';
    color: #2e4c8a;
    text-decoration: underline;
}

/*Rajasekar END*/
/*.modal {  
  text-align: center;
  padding: 0!important;
}
.modal:before { 
 content: ''; 
 display: inline-block; 
 height: 100%;  
 vertical-align: middle; 
 margin-right: -4px;
}
.modal-dialog {  
  display: inline-block;
  text-align: left; 
  vertical-align: middle; 
}*/

.btn-success {
color: #fff;
background-color: #417b2f;
border-color: #417b2f;
}
.second_modal .modal-dialog{
    text-align: left;
}

.knowledge_score_container {
    width: 180px; 
    height: 70px; 
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px; 
    text-align: center; 
    color: #333; 
    position: absolute; 
    right: 35px; 
    top: 65px;    
    font-family: 'LatoSemibold';
}
.score_label {
    font-size: 15px;
}
.knowledge_score {
    color: #71A641;
    font-size: 26px
}
.pre_knowledge_score_container {
    width: 100%; 
    height: 70%; 
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 8%; 
    text-align: center; 
    color: #a6a6a6;    
    font-family: 'LatoSemibold';
    margin: 15px 0 15px 0;
}
.pre_score_label #first_text{
    font-size: 16px;
}
.pre_score_label #second_text{
    font-size: 26px;
}
.pre_knowledge_score {
    color: #72a547;
    font-size: 88px
}
.expander {
    height: 2.9em;
    overflow: hidden;
    cursor: pointer
}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
    position: absolute;
    right: 13px;
    top: -6px;
    font-size: 24px;
    color: #555;
}
.clsknowledge_review_table .table > tbody > tr > td{
    border-bottom: 9px solid #fff;
}
.clsknowledge_review_table .table > tbody > tr > td p{
    position: relative;
    margin-bottom: 0px;
    padding: 0 32px 0 0px;
}
.clsknowledge_review_table .table > tbody > tr > td p a:hover, .clsknowledge_review_table .table > tbody > tr > td p a:focus{
    text-decoration: none;
}
.whitespace_nowrap{
    white-space: nowrap
}
.whitespace_unset{
    white-space: normal
}
.your_answer, .correct_ansr, .more{
    border-left: 1px solid #ddd
}
.register-wrap legend{
border-bottom: 0 none;
}
 .inline_img{
    float: left;
    margin-right: 20px;}
    .about-author{
        margin-bottom:20px;
    }
@media screen and (min-width:0\0) {
    .col-register select { background:none\9; padding: 5px\9;}
}

@media (min-width: 1367px){
    .login-container{ background: url(../../img/Frontend/login-bg@2x.jpg) no-repeat 50% 100%; background-size:cover;      padding: 220px 0 217px; }
    .register-container{  background: url(../../img/Frontend/register-bg@2X.jpg) no-repeat 50% 100%; background-size:cover;      padding: 220px 0 141px; }
    .register-add{padding-bottom:30px;}
}
@media (min-width: 1280px){
    #myCarousel{display:none;}
    #main{display:block;}
    .modal-watchvideo{
        width: 1090px;
    }
}
@media (max-width: 1279px){
    #myCarousel{display:block;}
    #main{display:none;}
    .caption p {
        font-size: 14px;
        line-height: 17px;
    }
    .team-content{ text-align:center; width:253px; /*display:table!important;*/   padding:70px 0px 0px;
                   position:relative!important;
                   width:290px; margin-left: -0px;   padding:0px 20px 50px;
    }
    .team-content div{/*display:table-cell;     vertical-align: middle; display: table-cell;*/ clear:both; float:none; margin:35px 0 0; height:100%; position:relative;
        -webkit-box-shadow: 0px 11px 47px -14px rgba(0,0,0,0.16); position:relative;
        -moz-box-shadow: 0px 11px 37px -14px rgba(0,0,0,0.14)!important;
        box-shadow: 0px 11px 47px -14px rgba(0,0,0,0.16); background-color:#fff;  width:245px;
        height:438px;
        padding-top:57px;
        margin-left: -0px;
    }
    .modal-watchvideo {
        margin-top: 40px;
        width: 90%;
    }
}
@media (min-width: 768px){
    .navbar-nav {float:right; margin:19px 0 0;}
    .navbar-nav>li>a {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .modal-middle {
        margin: 10% auto;
    }
}
@media (max-width: 1199px){
    .header-bg h1 { font-size: 30px;line-height:35px;}
    .header-bg h1 span { display:inline}
    #clickk, #clickk02, #clickk03, #clickk04 {width:100%; margin-left: 15px;  height:438px; position:absolute; top:0;  right:15px;  position:relative;}
    .team-category-row .col-md-3{     float:left;  margin-left:12px; margin-right:10px; padding-left:0px; padding-right:0px;}
    .team-category-row .col-md-3:nth-child(4){margin-top:40px;}
    .resource-right{width:70%; float:right; padding-left:55px;  }
    .tab-content{width:70%; float:right; padding:0 20px 0 55px; border-left:2px solid #e7e7e7; height:601px; overflow-y:auto;}
    .resource-left{width:30%; float:left;  padding:18px 0px 0px; }

    .module-left{width:40%; float:left;}
    .module-right{width:50%; float:right; padding:40px 0 0;}
    .module-video{width:auto; height:339px; }
}


@media (max-width: 991px){

    .contact-row .col-md-6{text-align:center;}
    .contact-row .col-md-6:nth-child(2){text-align:center; }
    .contact-row p{color:#a6a6a6; font-size:14px; font-family: 'MuseoSans300';background: url(../../img/Frontend/icon-email.png) no-repeat 50% 0; padding:22px 0 0 0px; margin:0 0 20px;}
    .footer p span {display:inline}
    .footer {  padding:17px 0 25px;}
    .team-category-row .col-md-3 {padding-bottom:70px; margin:0px 15px 0px 15px;}
    .team-category-row .col-md-3:nth-child(3), .team-category-row .col-md-3:nth-child(4){ margin:0px 15px 0px 15px;}
    .team-category-row {margin: 24px auto 0; padding:0px; clear: both !important; width:590px;}
    .team-category-row .col-md-3:nth-child(1), .team-category-row .col-md-3:nth-child(3){ margin-left:0px;}
    .about-content{width:100%; margin: 0 auto; padding:90px 50px 100px;}

    .login-wrap{width:90%; margin:0 auto; }
    .login-in{width:90%; background: url(../../img/Frontend/divider.png) no-repeat 43% 0; }
    .social-login{width:50%; float:left;  }
    .login-form{width:50%; float:right; }
    .login-in-password  .login-in{ padding: 10px 0 45px;background-image:none; width: 294px;margin: 0px auto;}
    .login-in-password  .login-form{width:100%; float:none; }

    .resource-right{width:100%; float:none; padding-left:0px; border:0px solid #000; }
    .tab-content{width:100%; float:none; padding:0 20px 0px 0px; border-left:0px solid #e7e7e7; height:400px; margin:35px 0 0; }
    .resource-left{width:100%; float:none;  padding:18px 0px 0px; }
    .resource-content .nav-tabs>li {float: left; margin: 0px 20px 0px 0px; padding:5px 0;}
    .resource-content .nav-tabs {border-bottom: 2px solid #ddd; padding:0 0 15px;}
    .resource-content{padding-left: 30px !important; padding-right: 30px !important;}
    .module-row{display: block;}
    .module-left{width:100%; float:none; display: block; padding-left: 0px; padding-right: 0px;}
    .module-right{width:100%; float:none; padding:40px 0 0; border-left: 0 none;}
    .module-video{width:auto; height:339px; }
    .module-wrap h5  span{display:inline;}
    .module-wrap .nav-tabs {border-bottom: 0px solid #ddd; padding: 0 0 0px;}
    .module-wrap .panel-body { padding-bottom: 10px;}

    /*Loggedin pages css start here*/
    .account-info ul li.receive-email {padding-bottom: 10px;}
    .interest-peoples ul li{padding-bottom: 20px;}
    .clsbody-wrapper {background-size: inherit;}
    .clswhite-wrapper.module-details {
        padding: 20px;
    }
    .module-details .tab-content {
        margin: 0;
    }	
    section#module_video_section {
        background: #fff none repeat scroll 0 0;
        padding: 20px;
    }
    .module_video {
        min-height: 300px;
    }
    /*Loggedin pages css end here*/
    .account-additional .account-row-div .col-md-6, .account-additional .receive-email, .account-additional .col-md-4 {padding-left:0px; padding-right:0px;}
    .referrer-section .col-md-6{  float:left;}
    .knowledge_score_container{
        position: static;
    }
    #knowledge_review_fieldset {
        padding-right: 25px
    }
    button.close{
        position: fixed;
        right: 20px;
    }
    .module-right .tab-content .tab-pane .scrollbar-inner img{
        max-width: 100%;
        height: 100%;
    }
}



@media (max-width: 889px){
    .col-register{float:none!important; margin:0 auto!important;}
    .register-container .register-divider{background-image:none!important;  margin-top: 0px; padding-bottom: 0px;}
    .register-wrap .col-register {width: 350px;padding-right: 0px;position: relative;}
    .register-wrap .col-register:nth-child(2) {float: none; padding-left: 0px;padding-right: 0px;}
    .register-container .register-button-row {width: 350px; margin:0 auto;  padding: 0 0px 35px;}
    .col-register02{width:100%; margin:0px; float:none; clear:both;}
    .col-register02 label{margin:0 0 10px;}
    .col-form-row {margin: 0 0 30px; clear:both!important; width:360px; margin:0 auto 30px;}
    .col-register02b{width:100%; margin:0px; float:none; clear:both; margin:0;}
    .col-register03{width:100%; margin:0px; float:none; clear:both;}
    .col-register03b{width:100%; margin:10px 0px 0px; float:none; clear:both;}
    .login-container h1{font-size:23px;}
    .col-form-row .col-register02 .input-group , .col-form-row .col-register02b .input-group{margin: 0 0 0px;}
    .register-container .padding20 {padding-bottom: 5px;}
    .register-container .thanks-wrap  h1{font-size: 30px; line-height: 35px;  padding:35px 0 45px;}

    .account-additional .col-form-row { margin: 0 0 30px; clear: both !important;width: 100%; margin: 0 auto 30px;}
    .register-wrap .col-register {width: 350px;padding-right: 0px;position: relative;}

    .referrer-section {width: 350px; margin: 2px auto 0px;}
    .referrer-row .col-md-6{width:100%; margin-top:10px; }
    .referrer-row .col-md-6 label{float:none; width:100%; }
    .referrer-row .col-md-6 label.label-spacer{margin-top:0px;}
    .referrer-row .input-group {width:100%; float:none; margin:0px; }
    .referrer-row{clear:both; display:block; margin:13px 0 0;}
    .referrer-row .col-md-6:nth-child(1) .input-group{width:100%;}
    .referrer-row .col-md-6 label.label-refer{width:100%;}
    .referrer-row .col-md-6 label.label-refer  span{display:inline;}
    .referrer-row .col-md-6:nth-child(1) {width: 100%; float: none;}
    .referrer-row .col-md-6:nth-child(2) {float: none; width: 100%;}

}

@media (max-width: 768px){
    .about-content { padding: 50px 50px 100px;}
    .about-content h1{margin:0 0 14px; }
    .login-in{background: url(../../img/Frontend/divider.png) no-repeat 45% 0; }

    .head-home h1 {font-size: 30px;line-height: 38px;}
    .team-catg h2 {font-size: 30px;line-height: 38px;}
    .team-content h3 {
        font-size: 18px;
        line-height: 26px;
        padding: 30px 0px;
    }
    .module-video {
        width: auto;
        height: auto;
    }  
}
@media (max-width: 767px){
    .navbar-collapse.in {overflow-y: auto; margin-top: 0px;}
    .navbar .btn-primary {margin: 10px 0 0 17px; padding: 9px 44px;}
    .nav > li > a { display: inline;}
    .nav > li {margin-left:0px; text-align:left;}
    .navbar-nav{/*padding-bottom:20px;*/}
    .navbar-toggle { margin-top: 35px; margin-right: 35px; padding: 0px; border: 0px solid transparent;border-radius: 0px;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent;}

    .about-content p{font-size:15px; line-height:19px; }

    .login-wrap{width:90%; margin:0 auto; position:relative; }
    .login-in{width:245px; background-image: none; margin: 0px auto 20px;}
    .social-login{width:100%; float:none;  }
    .login-form{width:100%; float:none; margin: 24px 0 0; }
    .header-bg .login-form .btn-success{margin:0px 0px 0px 0px; float:none!important;  border-radius: 6px; width:100%;}
    .login-container{padding-bottom: 120px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent!important;  }
    .navbar-nav {margin: 20px -15px;}
    .register-add { padding-bottom: 30px;}
    .i-checks > i { margin-right: 0px;  }
    .register-container .padding20 {padding-bottom: 5px;}
    .resource-content .nav-tabs {font-size: 13px;}
    .resource-content h1 { margin: 0 0 15px!important;}
    .module-details .module-left, .module-details .module-right {
        display: block;
        width: auto;
    }  
    .modal-watchvideo {
        margin: 40px 10px 10px;
        width: auto;
    }
    /*Rajasekar*/        
    .cls404_section img{            
        display: inline-block;            
        max-width: 100%;            
        height: auto;        
    }        
    .cls404_blk{            
        padding: 50px 50px 50px;            
        margin-top: 45px;        
    }        
    .cls404_blk h2{            
        font-size: 26px;        
    }
.inline_img{
width: 100%;
height: auto;
margin-bottom: 20px;
float: none;  
margin-right: 0px;
}


    
}

@media (max-width: 640px){
    .team-category-row .col-md-3{float:none!important; clear:both!important; margin:0px!important;}
    .team-category-row {margin: 64px auto 0; padding:0px; width:300px;}

    .head-home h1 {font-size: 25px;line-height: 30px;}
    .head-home h1 span{display:inline;}
    .head-home h2 {font-size: 16px;line-height: 18px;}
    .team-catg h2 {font-size: 25px;line-height: 30px;}
    .team-content h3 {
        font-size: 18px;
        line-height: 26px;
        padding: 30px 0px;
    }
    .module-wrap .panel-group h4 {font-size: 20px!important;}
    .breadcrumb.lightblue li a::before, .breadcrumb.lightblue li a::after {
        display: none;
    }
    .breadcrumb.lightblue > li + li::before {
        color: #a6a6a6;
        content: "/ ";
        left: -7px;
        padding: 0 5px;
        position: absolute;
        top: 7px;
        z-index: 10;
    }
    .breadcrumb.lightblue li a {
        padding: 10px;
    }
    .breadcrumb.lightblue li:last-child a {
        border-radius: 0 4px 4px 0;
        padding-left: 10px;
    }

    .file-upload-post{float:none!important; display:block; margin:20px auto 0px;}
    .account-upload .btn{float:none!important; display:block; margin:10px auto 0px;}
    #previewPane{float:none; display:block; margin:0 auto;}
}
@media (max-width: 540px){
    .header-bg h1 { font-size: 25px;line-height:30px;}
    .team-content a.learnmore {font-size: 12px;}
    .team-content h3 { padding: 20px 0px;}
    .container .text-muted { padding-bottom:40px;}
    .register-wrap .col-register {width: 100%;}
    .col-form-row {margin: 0 0 30px; clear:both!important; width:100%; margin:0 auto 30px;}
    .additional-contact p{padding:0 25px;}
    .additional-contact p span {display: inline;}
    .module-wrap .panel-group h4 {font-size: 18px!important; line-height:16px;}
    .panel-heading .accordion-toggle:after {font-size:20px;    line-height:12px;}

    /*Loggedin pages css start here*/
    .clsmodule-container ul li{width: 100%;}
    /*Loggedin pages css end here*/

    .clsmodule-orange{padding-bottom:90px; background-size: 100% 82px;}
    .clsmodule-green{padding-bottom:90px; background-size: 100% 82px;}
    .clsmodule-blue{ padding-bottom:90px; background-size: 100% 82px;}
    .clsmodule-violet{padding-bottom:90px; background-size: 100% 82px;}
    .referrer-section {width: 100%;}
}

@media (max-width: 380px){
    .login-in-password  .login-in{ padding: 10px 0 45px;background-image:none; width: 80%;margin: 0px auto;}
    .login-in-password  .login-form{width:100%; float:none; }
}
@media (max-width: 340px){
    .login-in {margin: 7px auto 0px;}
    .social-login ul li{margin:20px 0 0;}
    .banner-button .btn {
        width: auto;
        font-size: 15px;
        border-radius: 5px;
        padding: 8px 12px;
        outline: none;
        border: 0px;
    }
}
@media (max-width: 480px){
    .header-bg h1 { font-size: 22px;line-height:27px;}
    .team-content h3 {font-size: 20px;line-height: 25px;}
    .team-content h4 {font-size: 14px;line-height: 18px;}
    .about-content p{text-align:left; }
    .navbar-brand > img { display: block; width:140px;}
    .navbar-header-login img{width:140px; }
    .navbar-header-login{padding: 22px 0px; }
    .navbar-brand { padding: 22px 15px;}

    #myCarousel  .carousel-control.left {
        width:44px;
        height:44px;
        top:-35px;
        left: 37.5%;
        background-size:25px 25px;
    }
    #myCarousel   .carousel-control.right {
        right: 37.5%;
        left: auto;
        background-size:25px 25px;
        width:44px;
        height:44px;
        top:-35px;
    }
    .register-container .login-in {padding: 21px 30px 45px;}
    .register-container .register-button-row {width: 100%; margin:0 auto;  padding: 0 30px 35px;}
    .register-container .thanks-wrap .register-button-row  .btn{width: 142px;}
    .register-container .thanks-wrap  h1{font-size: 25px;line-height: 32px; padding-left:20px; padding-right:20px;}

    /*Loggedin pages css start here*/
    .clswhite-wrapper{padding: 20px;}
    /*Loggedin pages css end here*/
    .pre_score_label #first_text{font-size: 12px;}
    .pre_score_label #second_text{font-size: 22px;}
    .pre_knowledge_score {font-size: 60px}
}

@media (max-width: 479px){
    .bx-wrapper .bx-prev{left:0px;}
    .bx-wrapper .bx-next{right:0px;}
    .footer .link-logo ul li {margin:0 1px; }
    .footer .link-logo ul li {float:none; text-align:center;display:inline;  }

    .footer .link-logo a img { width:auto!important; margin:0px auto; text-align:center; }
    .login-footer p span{display:block; margin-left:0px;}
    .login-wrap{padding:26px 0 0px;}
    .login-footer{ width:100%; bottom:0px; height:auto; position:relative; padding:20px 0px;}
    .login-footer p { line-height: 25px;}
    .register-container .register-button-row  .btn{width: 100%;margin:10px 0px 0px;}
    .register-container .register-divider {padding-bottom: 0px;}
    .register-container .padding20 {padding-bottom: 0px;}
    .check-other{float:none!important; clear:both!important; margin-right:0px!important;}
    #autoUpdate{float:none!important;  margin:11px 0 0 30px;  width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px);}
    .resource-content {margin: 0 auto;padding: 40px 30px 65px!important;}
    .module-wrap .panel-group h4 {font-size: 16px!important; line-height:14px; word-break: break-word;}    
}

@media(max-width: 1399px){
    .clsquestion_section{
        max-height: 620px;
    }
}