*{ margin:0px; padding:0px;}
@font-face {
    font-family: 'ambleregular';	
	src:url(../../font/Amble-Regular-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'raleway.regular';	
	src:url(../../font/raleway.regular.ttf) format('truetype');
}
body
{
font-size:16px; color:#333333;
background-color:#F8F7F7 !important;
overflow-x:hidden !important;
}
/**helping css classes**/

.red{ color:#ba1a1a !important}
.blue{ color:#016ab3 !important}
.black{ color:#2b2c2b !important}
.green{ color:#1b9347 !important}
.aqua{ color:#32c6d3 !important}
.seagreen{ color:#0eba87 !important}
.orange{ color:#d85224 !important}
.yellow{ color:#dfc803 !important}
.purple{ color:#c60167 !important}
.violet{ color:#764299 !important}

.pull-top-sm{ margin-top:-10px !important;}
.pull-top-md{ margin-top:-20px !important;}
.pull-top-lg{ margin-top:-30px !important;}

.pull-down-sm{ margin-top:10px !important;}
.pull-down-md{ margin-top:20px !important;}
.pull-down-lg{ margin-top:30px !important;}

.pull-left-sm{ margin-left:10px !important;}
.pull-left-md{ margin-left:20px !important;}
.pull-left-lg{ margin-left:30px !important;}
.push{ margin-top:15px; margin-bottom:15px;}
.push-right-sm{ margin-left:-10px !important;}
.push-right-md{ margin-left:-20px !important;}
.push-right-lg{ margin-left:-30px !important;}

.pull-center{ margin-left:auto !important; margin-right:auto !important; display:table !important}

.heading-sm{ font-size:1.2em !important;}
.heading-md{ font-size:1.8em !important;}
.heading-lg{ font-size:2.4em !important;}

.txt-sm{ line-height:22px !important; font-size:1em !important;}
.txt-md{ line-height:30px !important; font-size:1.5em !important;}
.txt-lg{ line-height:35px !important; font-size:2em !important;}

/**helping css classes end**/

/**rules for header start**/
#headerTop{ background-color:#FFFFFF !important;}
.navbarfixed{ position:fixed; top:0; width:100%; z-index:999999999 !important}
.brandImg{ max-width:100%; min-height:70px;}
.listHeaderTop{ list-style-type:none; margin:0px; padding-top:5px; float:right;}
.listHeaderTop li{ display:inline-block; margin-right:15px;}
.listHeaderTop li:last-child{ margin-right:0px;}
.listHeaderTop li img{ max-height:80px;}

.navbar{ border-radius:0px !important; box-shadow:0px 3px 4px #7F8081}
.navbar-brand{ color:#E95824 !important}
.brandImg{ max-height:90px !important; margin-top:0px;}
/* header rules end */

/* footer rules start */

/**** footer ****/
.footerWrapper
{ 
	background-color:#EBEBEB; margin:0px; padding:0px;
	box-shadow: 0px -3px 5px rgb(150, 150, 150);
	-moz-box-shadow: 0px -3px 5px rgb(150, 150, 150);
	-ms-box-shadow: 0px -3px 5px rgb(150, 150, 150);
	-o-box-shadow: 0px -3px 5px rgb(150, 150, 150);
	-webkit-box-shadow: 0px -3px 5px rgb(150, 150, 150);
	margin-top:10px;
}

.footer-heading{ font-family: 'ambleregular'; font-size:2em; padding:10px 0 10px 0; color:#292A2D; border-bottom:2px solid #292A2D}
.flinks{ list-style-type:none; margin:0px; padding:0px;}
.flinks li{ float:none; margin-bottom:10px; color:#727273; font-size:1.1em}
.flinks li a{ font-size:1.1em; font-family: 'ambleregular'; display:block; color:#727273; text-decoration:none;}
.flinks li img{ margin-top:-4px;}
.flinks li a:hover{ color:#46A9D7;}
.push-left-lg{ margin-left:50px}

.footer-text{ color:#424243; padding:15px 0 0 0; font-family: 'ambleregular'; font-size:1em; font-weight: normal; text-align:center;}

/* footer rules end */

#headerBottomWrapper{}
.content-box
{
	background-color:#fbfcfd !important;
	box-shadow:inset 0px 0px 5px 3px #8c9094;
	-webkit-box-shadow:inset 0px 0px 5px 3px #8c9094;
	-moz-box-shadow:inset 0px 0px 5px 3px #8c9094;
	-o-box-shadow:inset 0px 0px 5px 3px #8c9094;
	-ms-box-shadow:inset 0px 0px 5px 3px #8c9094;
}

.btn-wrap{font-family: 'ambleregular'; background-color:#E1E1E1; margin:0px !important; padding:11px 5px 11px 5px;}
.btn-wrap:first-child a{ margin-right:10px;}
.btn-wrap:last-child a{ margin-left:50px;}

.welcomeBox{ background-color:#1796BA !important; border-radius:6px;}
.welcomeHeading{ color:#ECC057 !important; font-size:2em !important; text-align:center; font-family: 'ambleregular'; border-bottom:1px dotted #CCC; margin:10px 0 10px 0 !important}
.welcome-txt{ color:#F1F7F9; font-size:1.2em; text-align:center; font-family: 'raleway.regular';}
.box{ background-color:#F1F1F1; padding:15px;}
.card{ background-color:#FFFFFF; padding:10px; box-shadow:1px 2px 3px #999; -webkit-box-shadow:1px 2px 3px #999; -o-box-shadow:1px 2px 3px #999; -moz-box-shadow:1px 2px 3px #999}
.boxHeading{font-family: 'ambleregular'; background-color:#E1E1E1; color:#28363A !important; padding:0 0 0 15px; margin:0px !important; padding:15px; font-size:1.7em}
.courseWrap{ list-style-type:none; margin:0px; padding:0px; margin:0px;}
.courseWrap li{ display:inline-block; margin-right:90px; margin-top:15px; margin-bottom:15px;}
.courseWrap li:last-child{margin-right:0px;}

.circleBtn{ display:block; background-color:#2CAED3; color:#FBFDFD; min-width:175px; min-height:165px; border-radius:100px !important; line-height:160px; text-align:center; text-decoration:none; transition:all ease-in-out .5s; border:7px solid #D0D2D3 !important; font-size:3em; margin-left:auto; margin-right:auto; display:table}
.circleBtn:hover{ color:#2D3B40 !important; text-decoration:none !important; border:7px solid #B7E0ED !important; box-shadow:0px 0px 3px 1px #999}
.courseLabel{ font-size:1.3em; text-align:center; padding:15px 0; font-family: 'raleway.regular'; cursor:pointer !important; color:#1D2C40; font-weight:700}
.thumbFuture{margin:0px 20px 10px 0px !important; float:left !important;}
.aboutTxt{ font-size:1.2em; line-height:23px; text-align:justify;}

.courDetailWrap{ list-style-type:none; margin:0px; padding:0px;}
.courDetailWrap li{ float:none; margin-bottom:15px; display:block; font-size:18px; color:#D75921; background-color:#FFFFFF}
.courDetailWrap li p{ color:#484C4E; font-size:16px; text-align:left; margin-top:10px;}
.courDetailWrap li span{ color:#484C4E; font-size:16px; margin-left:5px;}

@media (max-width:768px)
{
	.courseWrap li{ margin-right:30px !important;}
}
@media (max-width:480px)
{
	.courseWrap li{ margin-right:25px !important;}
	.circleBtn{ min-width:110px !important; min-height:100px !important; line-height:100px !important}
}
/**rules for header end**/

/**News**/

.ptbr{ padding:7px; border-radius:3px 3px 0 0; border-bottom:3px solid #F68517}
.tab-heading{ background-color:#19232C; color:#E5E0DF; font-size:16px; font-weight:500;}
.inputWrapper{ padding:0px !important;}

.news-item
{
    padding:6px 4px 4px 10px;
    margin:0px;
    border-bottom:1px dotted #C66342; 
}
.news-heading
{
	background-color:#E07F5F;
	padding:10px 10px 7px 30px; color:#7C2205;
	border-radius:6px 6px 0 0;
	border-bottom:3px solid #C84D5F;
	background-image:url(../img/news.png);
	background-repeat:no-repeat;
	background-position:left 5px center;
}
.news-footer
{
	background-color:#E07F5F;
	padding:5px; color:#FFF;
	border-radius:0 0 6px 6px;
	border-top:3px solid #C84D5F;
}

.panel ul{ list-style-type:none !important;}
.demo2
{
	background-color:transparent;
	min-height:260px !important; max-height:260px !important;
	padding:0px; margin:0px; list-style:none;
}
.demo2 li
{
	color:#7D4E1A; line-height:20px; text-align:justify !important;
}
.demo2 li a
{
	color:#C84D5F !important; text-decoration:none; transition:all ease .3s;
}
.demo2 li a:hover{color:#8CC739 !important; text-decoration:none;}

.demo1
{
	min-height:130px !important; max-height:130px !important;
	padding:0px; margin-top:-10px; list-style:none;
	background-color:#fbfcfd !important;
	box-shadow:inset 0px 0px 5px 3px #8c9094;
	-webkit-box-shadow:inset 0px 0px 5px 3px #8c9094;
	-moz-box-shadow:inset 0px 0px 5px 3px #8c9094;
	-o-box-shadow:inset 0px 0px 5px 3px #8c9094;
	-ms-box-shadow:inset 0px 0px 5px 3px #8c9094;
}
.circularWrap1
{
	min-height:250px !important; max-height:250px !important;
	padding:0px; margin-top:-10px; list-style:none;
	background-color:#F7F4E4 !important;
	box-shadow:inset 0px 0px 5px 3px #8c9094;
	-webkit-box-shadow:inset 0px 0px 5px 3px #8c9094;
	-moz-box-shadow:inset 0px 0px 5px 3px #8c9094;
	-o-box-shadow:inset 0px 0px 5px 3px #8c9094;
	-ms-box-shadow:inset 0px 0px 5px 3px #8c9094;
}
.circularWrap2
{
	min-height:250px !important; max-height:250px !important;
	padding:0px; margin-top:-10px; list-style:none;
	background-color:#F1F8ED !important;
	box-shadow:inset 0px 0px 5px 3px #8c9094;
	-webkit-box-shadow:inset 0px 0px 5px 3px #8c9094;
	-moz-box-shadow:inset 0px 0px 5px 3px #8c9094;
	-o-box-shadow:inset 0px 0px 5px 3px #8c9094;
	-ms-box-shadow:inset 0px 0px 5px 3px #8c9094;
}
.dwWrap
{
	padding:0px; margin-top:-10px; list-style:none;
}
.dwWrap li:last-child{ border-bottom:0px !important}
/**News End**/

/** webticker start **/
.tickerWrapper{ background-color:#DAECFD !important; padding-bottom:2px;}
.brk-nws-container{float:right; width:90%;}
.break-nws{ margin-top:0px; position:absolute; min-width:120px; z-index:99999;}
.brk-txt{ background-color:#19232C; border-right:3px dashed #F68517; color:#D4D4D4; font-size:14px; text-transform:uppercase; padding:5px; z-index:99999;}

.tickercontainer {
width: 1250px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
padding-left: 10px;
padding-right: 10px;
top: 8px;
height: 18px;
/*width: 718px;*/
overflow: hidden;
}
ul.newsticker { 
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;
position: relative;
margin-left: 20px;
font: bold 12px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding-right: 15px;
/*background: #fff;*/
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font-size:14px;
font: bold 12px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
.supportLinkWrapper
{
	box-shadow:inset 0px 0px 5px 3px #8c9094;
	-webkit-box-shadow:inset 0px 0px 5px 3px #8c9094;
	-moz-box-shadow:inset 0px 0px 5px 3px #8c9094;
	-o-box-shadow:inset 0px 0px 5px 3px #8c9094;
	-ms-box-shadow:inset 0px 0px 5px 3px #8c9094;
}
.supportLinks{ list-style-type:none; margin:0px; padding:10px;}
.supportLinks li{ display:inline-block; margin-right:50px; text-align:center !important;}
.supportLinks li:last-child{ margin-right:0px;}
.supportLinks li a{ text-decoration:none; color:#F36D14 !important}
.supportLinks li a:hover{ text-decoration:none !important; color:#7FD42C !important}
.grow
{
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}
.grow:hover { transform: scale(1.1); }
.contactBox{ background-color:#E1E1E1 !important; padding:10px;}
.contactHeading{ color:#363434 !important; text-align:center; margin-top:30px; font-size:2em}
.formWrapper { border:1px dotted #673E76; padding:40px 10px 0 10px; margin-bottom:30px; position:relative; margin-top:50px; background-color:#E1E1E1 !important}
.legend{ position:absolute; top:-35px; left:100px; z-index:99999 !important; background-color:#E1E1E1 !important;}

/**webticker end**/

/**footer start**/

.footer-box{ background-color:#1F2D33 !important; box-shadow:inset 0px 0px 5px 2px #39C; -webkit-box-shadow:inset 0px 0px 5px 2px #39C; -o-box-shadow:inset 0px 0px 5px 2px #39C; -moz-box-shadow:inset 0px 0px 5px 2px #39C; -ms-box-shadow:inset 0px 0px 5px 2px #39C;}
.memList{ list-style-type:none;}
.memList li{ display:inline-block; margin-right:15px; font-size:16px; font-weight:700; color:#E7541A; line-height:30px;}
.memList li a{ text-decoration:none; color:#FAF9FB;}
.memList li:last-child{ margin-right:0px;}
.memList li span{ font-size:14px; color:#FAF9FB; font-weight:500; margin-left:5px;}

/***footer end**/

/**media query**/
@media screen and (max-width: 780px) {
    .social-line{ list-style-type:none; margin:0px; padding:0px; float:left !important;}
	.api2{ margin-left:-10px !important; margin-top:-15px !important}
	.widget-head2{ left:15px !important; top:-30px !important;}
	.api-box1{ margin-top:0px !important; margin-left:auto !important; margin-right:auto !important; display:table !important}
	.api-box2{ margin-top:0px !important; margin-left:auto !important; margin-right:auto !important; display:table !important}
	.api-box3{ margin-top:0px !important; margin-left:auto !important; margin-right:auto !important; display:table !important}
	.api-box4{ margin-top:0px !important; margin-left:auto !important; margin-right:auto !important; display:table !important}
	.supportLinks li{ margin-right:10px !important;}
	.brandImg{ margin-left:auto !important; margin-right:auto !important; display:table !important}
	.brand{ min-height:80px !important; margin-left:auto !important; margin-right:auto !important; display:table !important;}
	.listHeaderTop{ float:none !important; margin-top:10px !important; margin-bottom:5px !important; margin-left:auto !important; margin-right:auto; display:table !important;}
	.listHeaderTop li img{ max-width:50px !important;}

}
/* login model */
#login-modal .modal-dialog {
    width: 350px;
}

#login-modal input[type=text], input[type=password] {
	margin-top: 10px;
}

#div-login-msg,
#div-lost-msg,
#div-register-msg {
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
}

#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5;
}

#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1;
}

#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
    background-color: #68c3a3 !important;
}

#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
    background-color: #eb575b !important;
}

#img_logo {
    max-height: 100px;
    max-width: 100px;
}

/* #########################################
   #    override the bootstrap configs     #
   ######################################### */

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

.modal-content {
    background-color: #ececec;
    border: 1px solid #bdc3c7;
    border-radius: 0px;
    outline: 0;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px 15px 15px 15px;
    border-bottom: 0px;
}

.modal-body {
    position: relative;
    padding: 5px 15px 5px 15px;
}

.modal-footer {
    padding: 15px 15px 15px 15px;
    text-align: left;
    border-top: 0px;
}

.checkbox {
    margin-bottom: 0px;
}

.btn {
    border-radius: 0px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.btn-lg, .btn-group-lg>.btn {
    border-radius: 0px;
}

.btn-link {
    padding: 5px 10px 0px 0px;
    color: #95a5a6;
}

.btn-link:hover, .btn-link:focus {
    color: #2c3e50;
    text-decoration: none;
}

.glyphicon {
    top: 0px;
}

.form-control {
  border-radius: 0px;
}

/*Frenchieses form*/
.lavelfont label{ font-weight:200 !important;}

.welcomeHeading{ font-size:2.2em; color:#372B25; border-bottom:2px solid #372B25; text-shadow:1px 1px 3px #524D4B; padding-bottom:5px;}
.bottom-box
{
    box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.4);
}
.glryTitle{ background-color:#232222; color:#F5F5F6; font-size:1.2em; text-align:center; padding:10px; border-radius:6px;}

.glry_img{width:100%; padding:0px 5px; list-style:none;}
.glry_img li{width:190px; height:160px; float:left;}
.glry_img img{margin:5px; border-radius:2px; width:180px; height:150px;}