@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

@import url('https://fonts.google.com/specimen/Teko');
@import url('https://fonts.google.com/specimen/Roboto');
@import url("../font/css.css");
body{
	width: 100%;
	height: 100%;
	color: #000;
	background-color: #FFF;
	/* font-family: "Open Sans", serif; */
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}
h1, h2, h3, h4, h5{
	/* font-family: 'Teko', sans-serif; */
	font-family: 'Roboto', sans-serif;
}

body, p, div{
	font-family: 'Roboto', sans-serif;
}
/*loader section starts*/
.js div#preloader { 
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	overflow: visible;
	//background: #333 url('http://files.mimoymima.com/images/loading.gif') no-repeat center center;
	background: black;
}


@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/*loader ends*/
#about, #courses,#contact,#accreditation{
	padding: 45px 0px 0px;
}
.containerInner{
	width: 1204px;
}
.bgColorWhite{
	color: #f99121 !important;
	background-color: #4a4642 !important;
	background-color: rgba(0, 0, 0, 0.85) !important;
	//background: linear-gradient(to right,     rgba(125,125,125,1) 0%,     rgba(0,0,0,0.7) 47%,     rgba(29, 28, 28, 0.7) 100%,     rgba(10, 10, 10, 0.94) 52%,     rgba(10, 10, 10, 0.97) 57%) !important;
	box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.2);
	-ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.bgColorWhite img{
	/* width: 175px;
	height: 50px; */
}
.bgColor{
	background-color: #f99121 !important;
}
.pad0{
	padding: 0px;
}
.padTop10{
	padding-top: 10px;
}
.padEash10{
	padding-top: 15px; 
	padding-bottom: 15px; 
}
.clear ::after{
	clear : both;
}
#ContactInfo{
	display: block;
	color: #fff;
}
/*--- nav bar section---*/
#navbarButton{
	display: none;
}
.callButtonNav{
	font-size: 20px;
}
.navbar {
    margin-bottom: 0;
    background-color: rgba(241, 241, 241, 0);;
    z-index: 9999;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
}

.navbar li a, .navbar .navbar-brand {
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
}

.navbar.bgColorWhite li a, .navbar .navbar-brand, .bgColorWhite #ContactInfo{
    color: #fff !important;
}
ul.dropdown{
	display: none;
	position: absolute;
}
.navbar-nav>li.dropdownLink:hover ul.dropdown{
	display: block !important;
	padding: 0px;
}
.dropdown li {
    list-style: none;
    background-color: rgba(0, 0, 0, 0.85);
    min-width: 260px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-decoration: none;
}
.navbar-nav li a:hover, .navbar-nav li.active a,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.active>a:focus{
    color: #fff !important;
    background-color: #f99121 ;
}
.dropdown li a{
	padding: 10px 23px;
    display: block;
}
.subMenu{
	background-color: #262626  !important;
}
.dropdown li a:hover{
	text-decoration: none;
	color: #fff !important;
    background-color: #f99121 !important;
}
.subMenu :hover{
	color: #fff !important;
    background-color: #f99121 ;
}
/*.dropdown li a {
    color: black;

    padding: 12px 16px;
    text-decoration: none;
    display: block;
}*/

.navbar-default .navbar-toggle {
	border-color: transparent;
	color: #fff !important;
}
/*---nav bar section end ---*/
.captionAbout>h1{
	word-wrap: break-word;
    text-align: right;
    line-height: .9999999;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 65px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.aboutIcon{
	font-size: 33px;
    color: #f99121;
}
.aboutWhyUs{
	padding-top: 150px;
}
.aboutWhyUs>.captionAbout>h1{
	font-size: 66px;
}
.aboutWhyUs .row2{
	padding-top: 45px;
}
.aboutDesc p{
	line-height: 1.8em;
    font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 300 !important;
}
.contactUs{
	padding-top: 75px;
}
.courses{
	width: 100%;
	background-color: #000;
	background-image: url("../coueses.jpg");
    color: #fff;
    background-attachment: fixed;
    background-size: cover;
}
.coursesCaption{
	line-height: .9999999;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 70px;
    padding: 3%;
    display: inline-block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.courseDetails>a{
	width: 100%;
    display: inline-block;
    margin-top: 22px;
}
.courseName,.courseIcon{
	color: #fff;
}
.courseIcon{
	font-size: 25px;
	margin-right: 20px;
}
.courseIcon>span, .courseIcon>i{
	box-shadow: inset 0 0 0 1px #7df5f9;
	-webkit-box-shadow: inset 0 0 0 1px #7df5f9;
    border-radius: 100%;
    /*padding: 12%;*/
    height: 46px;
    width: 46px;
    line-height: 46px;
    text-align: center;
}
.courseName>h3{
	margin-top: 12px;
	font-weight: 700;
}
.courseName{
	display: table-cell;
	font-size: 35px;
}
.courseDetails a{
	text-decoration: none !important;
}
.courseDetails a:hover .courseIcon>span,.courseDetails a:hover .courseIcon>i{
	text-decoration: none !important;
	background: #f99121;
    box-shadow: inset 0 0 0 1px #7df5f9;
	-webkit-box-shadow: inset 0 0 0 3px #7df5f9;
}
.courseDetails a:hover .courseName{
	color: #7df5f9;
}
.coursesFadeIn{
	visibility: visible;
    animation-duration: 1.5s;
    animation-name: fadeInRight;
}
#accreditation img{
	margin: 0 auto;
}
#accreditation h1{
	color: #56575b;
    font-size: 38px;
    font-weight: 500;
}
.send{
	background-color: #f99121;
    color: #fff;
    padding: 1% 7%;
    margin: 2% 0%;
    -webkit-transition-duration: 0.4s;
}
.send:hover{
	background-color: #fff;
    color: #f99121;
    border: 1px solid #f99121;
}
.contactWrap{
	width: 100%;
	height: auto;
	padding-top: 10px;
}
.clear{
	clear: both;
}
.sectionLeft{
	display: block;
	width: 15%;
	font-size: 26px;
	color: #f99121;
}
.sectionRight{
	display: block;
	width: 85%;
}
/*----footer--------*/
.footer{
	position: relative;
    background-color: #242424;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: #aaaaaa;
    //padding-bottom: 15px;
}

.footerIconPad{
	//padding: 2px 0px;
	padding: 30px 38px;
	/*background-color: #291f1c;*/
	/*color: #fff;*/
}
.footer .glyphicon {
	font-size: 25px;
	margin-bottom: 20px;
	color: #f4511e;
	color: #a05a44;
}
.footerNav ,footer ul{
	padding: 0px 0px 0px 10px;
}
.footer ul li{
	list-style-type: none;
	text-decoration: none;
	margin-bottom: 8px;
} 
.footer ul li a{
	color: #aaaaaa;
    line-height: 1.77777777772;
}
.footer ul li a:hover{
	color: #f99121;
	text-decoration: none;
}
.footer h4{
	color: #fff;
}
.footer .form-group input[type="text"], .footer .form-group input[type="email"],.footer .form-group textarea{
	position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 8px 16px;
    height: 40px;
    color: #cccccc;
    font-size: 14px;
    border-radius: 3px;
    background: #333333;
    border: navajowhite;
}
.footer button{
	background: #f99121;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 3% 5%;
    border-radius: 3px;
    padding: 8px 32px;
    -webkit-transition-duration: 0.4s;
}
.footer button:hover{
	background-color: #242424;
    color: #f99121;
    /*box-shadow: 1px solid #f99121;*/
    box-shadow: inset 0 0 0 1px #f99121;
}
.footer .copyright{
	margin: 15px auto 0px;
	padding: 10px 0px;
	background-color: #000;
}

/*-------*/

/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}
/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}
.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.footerSocialLinks a {
 background-color: #333333;   
}


/*---courses page ----*/
.coursesSectionMargin{
    margin-top: 120px;
}
.coursesPage .row .col-sm-6.eachRow{
	margin: 15px 0px;
}
.courseDetailsDiv{
	width: 100%;
	padding: 5%;
	border: 1px solid #ccc;
	border-radius: 8px;
	color: #000;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}
.courseDetailsDiv:hover{
	//box-shadow: 0 18px 16px 0 rgba(0,0,0,0.2);
	box-shadow: 30px 35px 31px -10px rgba(0,0,0,0.2);
	cursor: pointer;
}
.courseDetailsDiv h1{
	color: #000;
}
.readMoreSection{
	padding: 5% 0 0 0;
}
.readMoreSection button{
	padding: 3% 4%;
    border: none;
    background: #f99121;
    color: #fff;
    border-radius: 7px;
}
.readMoreSection button:hover{
	background: #fff;
    color: #f99121;
    box-shadow: inset 0 0 0 1px #f99121;
    -webkit-box-shadow: inset 0 0 0 1px #f99121;
}
.readMoreSection::after{
	clear: both;
	box-sizing: border-box;
}
.coursePageDetails{
	padding: 0%;
}
.courseDetailsRight{
	padding: 10px 0px;
}
.CSDetails{
	font-weight: 300;
    line-height: 1.8em;
    font-style: italic;
}
.csIconsOuter{
	width: 100%;
	margin: 0 auto;
}
.csIcons{
	border-radius: 50%;
    width: 90px;
    margin: 0 auto;
}
.carousel-control.left{
	background-color: rgb(0,0,0,0);
}
/*slide and mobile menu*/

.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
body {
    font-family: "Lato", sans-serif;
}

.sidenav {
    height: 100%;
    width: 250px;
    margin-left: -250px;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 22px;
    color: #fff;
    display: block;
    transition: 0.3s;
}
.closebtn{
	color: #f99121 !important;
}
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#main {
    transition: margin-left .5s;
    padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.mobileDropDown{
	padding: 0px 0px 0px 20px;
}
.arrowDown{
	padding-left: 30px;
	top: 3px;
}
/*---Responsive section ----*/
@media screen and (max-width: 992px){
	.overlay{
		width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, 0.69);
	    z-index: 99999;
	    position: fixed;
	    //margin-left: -100%;
	    display: none;
	}
	/* #myNavbar{
		display: none !important;
	} */
	#navbarButton,.navbar-toggle{
		display: block !important;
	}
	.navbar-toggle{
		float: left;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background-color: #f99121;
	}
	.navMobile img{
		width: 175px;
		/* height: 50px; */
	}
}
@media screen and (max-width: 768px){
	
	.captionAbout>h1,.captionAboutHead{
		text-align: center;
	}
	.coursesCaption ,.captionAbout>h1,.aboutWhyUs>.captionAbout>h1{
		font-size: 32px;
	}
	.coueseLinks>a{
		width: 50%;
	    margin:	22px auto 0px;
	    display: inherit;
	}
	.aboutWhyUs {
	   padding-top: 100px;
	}
}
@media screen and (max-width: 466px){
	.coueseLinks>a{
		width: 61%;
	}
}


@media screen and (max-width: 388px){
	.coueseLinks>a{
		width: 76%;
	}
}