@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800');
body{
   font-family: 'Roboto', sans-serif;
	margin:0;
	padding:0;
	background:#ffffff;
 }
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	font-family: 'Roboto', sans-serif;
}
ul{
margin:0;
padding:0;
}
/*--header--*/
.top-bar {
  padding: 2px 0;
  background: #29166F;
}
.top-link{
  color: #FFF;
  font-size:1em;
  font-weight:500;
}
.contact-grid ul li a{
	color:#000;
	font-weight:bold;
}
.contact-grid ul {
list-style:none
}
.top-link li{
  margin: 0;
  list-style:none;
  color:#FFF;
  text-transform: none;
  font-size:0.950em;
  font-weight:600;
  letter-spacing:1px;
  display:inline-block;
  margin-right:2%;
  text-decoration:none;
}
.top-link li a{
  margin: 0;
  list-style:none;
  color:#FFF;
  text-transform:none;
  font-size:0.950em;
  font-weight:600;
  letter-spacing:1px;
  text-decoration:none;
}
.top-link li a:hover{
 color: #FFFF00;
 text-decoration:none;
}

.social{
  text-align: right;
}

.social-share{
 display: inline-block;
 list-style: none;
 padding: 0;
 margin: 0;
}

ul.social-share li {
  display: inline-block;
}

ul.social-share li a {
  display: inline-block;
  color: #29166F;
  background: #FFF;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius:0px;
  padding-top:20%;
}

ul.social-share li a:hover {
  background: #f66d26;
  color: #FFF;
}
ul.follow-link li {
  display: inline-block;
  margin-top:2%;
  margin-right:1%;
}
ul.follow-link li a {
  display: inline-block;
  color: #29166F;
  background: #FFF;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius:5px;
  padding-top:30%;
}
ul.follow-link li a:hover {
  background: #F66D26;
  color: #FFF;
}
ul.follow-link li span {
color:#FFF;
text-align:left;
}
.call {
width:30%;
float:right;
margin-top:2.8%;
text-align:right;
}
.call li {
list-style:none;
display: inline-block;
padding-right:2%;
}
.call li i {
font-size:1em;
padding-right:2%;
}
.button {
    display: inline-block;
    padding:10px 20px;
    z-index: 0;
    color: #FFF;
    text-align: center;
    font-size: 1.1em;
    text-transform: uppercase;
	 background-color:#29166f;
    font-weight: 500;
    text-decoration: none;
}
.button:hover {
 color: #FFF;
 background-color:#f66d26;
 text-decoration: none;
}

.button1 {
    display: inline-block;
    padding:10px 20px;
    z-index: 0;
    color: #FFF;
    text-align: center;
    font-size: 1.1em;
    text-transform: uppercase;
	 background-color:#f66d26;
    font-weight: 500;
    text-decoration: none;
}
.button1:hover {
 color: #FFF;
 background-color:#29166f;
 text-decoration: none;
}

.button2 {
    display: inline-block;
    padding:10px 20px;
    z-index: 0;
    color: #FFF;
    text-align: center;
    font-size: 1.1em;
    text-transform: uppercase;
	 background-color:#5d5a56;
    font-weight: 500;
    text-decoration: none;
}
.button2:hover {
 color: #FFF;
 background-color:#000;
 text-decoration: none;
}
form p{ padding: 5px 0;}
form .title{ width: 100%; display: inline-block; }
form input[type=text], form input[type=password]{ border: 1px solid #ccc; padding: 5px;}
.overlay{ z-index:5; background: rgba(0, 0, 0, .50); display: block; position:fixed; width: 100%; height: 100%; }
.popup{ padding: 10px 10px 35px; background: #fff; z-index: 999; display: none; position: absolute; right: 0; width:20%; }
.close{ font-weight: bold; color:#000; float: right; position: absolute; bottom:10px; right: 10px; font-family:Calibri; font-size:1.2em; }

.tab-menu {
width:100%;
float:left;
background-color:#F66D26;
}
.logo {
  float: left;
  width:60%;
  padding:0;
}
.logo img {
width:155px;
}
.top-menu {
  float: right;
}
.home-header {
width:100%;
}
.home-header-left {
width:50%;
float:left;
border-right:1px solid #FFF;
}
.home-header-right {
width:50%;
float:left;
background-color:#3F2B87;
background-image:url(../images/bg-home.png);
background-position:center top;
}
.home-header-right-content {
width:90%;
margin:0 auto;
}
.home-header-right h1 {
text-align:center;
font-size: 1.5em;
text-transform: uppercase;
border-bottom: 1px solid #584795;
line-height: 2em;
font-weight: 600;
letter-spacing: 0px;
color: #FFF;
width: 100%;
margin: 0 auto;
}
.home-header-right h1 span {
background: #FFF;
display: block;
height: 4px;
width: 15%;
margin: 0 auto;
}
.home-header-right h2 {
text-align:center;
font-size: 1.1em;
font-weight:600;
color:#B1A1ED;
padding:3%;
text-transform: uppercase;
}
.home-header-right p {
color:#FFF;
line-height:1.6em;
padding-bottom:2%;
text-align:center;
}
.home-banner {
width:100%;
background-color:#F4F4F4;
padding:3%;
border-bottom:1px solid#DDDDDD;
}
.home-banner-grid {
width:32%;
float:left;
margin-left:1%;
padding:1%;
background-color:#FFF;
border:1px solid#D0D0D0;
background-image:url(../images/grid-bg.png);
background-position:center top;
}
.home-banner-grid:hover {
background-color:#F3F0FC;
}
.home-banner-grid:nth-child(1) {
border-bottom:6px solid#3F2B87;
}
.home-banner-grid:nth-child(2) {
border-bottom:6px solid#474645;
}
.home-banner-grid:nth-child(3) {
border-bottom:6px solid#F66D26;
}
.grid-pic {
width:32%;
float:left;
margin-left:3%;
padding:1%;
}
.grid-pic img {
width:100%;
}
.grid-title {
width:60%;
float:left;
margin-left:5%;
padding:2%;
}
.grid-title h1 {
font-size:1.3em;
font-weight:400;
line-height:1.5em;
}
.grid-title h2 {
font-size:1.5em;
font-weight:600;
text-transform:uppercase;
color:#3F2B87;
line-height:1.5em;
}
.courses-home {
width:100%;
padding:2%;
margin-bottom:2%;
}
.courses-home-left {
width:49%;
float:left;
border:1px solid#DDDDDD;
background-color:#F4F4F4;
padding:2%;
border-radius: 8px;
}
.courses-home-left1 {
width:50%;
float:left;
}
.courses-home-left1 h2 {
font-size:1.4em;
font-weight:600;
text-transform:uppercase;
color:#3F2B87;
line-height:1.5em;
padding-bottom:5%;
}
.courses-home-left1 li {
list-style:none;
line-height:1.2em;
padding-bottom:2%;
padding-top:3%;
border-bottom:1px solid#DADADA;
padding-right:3%;
font-family:Calibri;
font-size:1em;
color:#1D1D1D;
}
.courses-home-left1 li a {
color:#1D1D1D;
}
.courses-home-left1 li a:hover {
color:#F66D26;
}
.courses-home-left1 li i {
font-size:.6em;
margin-right:2%;
line-height:0;
color:#1D1D1D;
}
.courses-home-left2 {
width:48%;
float:right;
height:260px;
}
.courses-home-left2 img {
border-radius: 8px;
}
.courses-home-right {
width:49%;
float:right;
border:1px solid#DDDDDD;
background-color:#F4F4F4;
padding:2%;
border-radius: 8px;
}
.home-icon {
width:100%;
background-color:#FFF;
text-align:center;
border-bottom:1px solid #DDDDDD;
padding:2%;
}
.home-icon-grid {
width:23.7%;
float:left;
margin-left:1%;
padding:1%;
background-color:#FFF;
border:1px solid#D0D0D0;
background-image:url(../images/grid-bg.png);
background-position:center top;
}
.home-icon-grid:hover {
background-color:#F3F0FC;
}
.home-icon-grid:nth-child(1) {
border-bottom:6px solid#009bde;
}
.home-icon-grid:nth-child(2) {
border-bottom:6px solid#51b948;
}
.home-icon-grid:nth-child(3) {
border-bottom:6px solid#F66D26;
}
.home-icon-grid:nth-child(4) {
border-bottom:6px solid#3f2b87;
}
.home-grid-pic {
width:100%;
padding:1%;
}
.home-grid-pic img {
width:40%;
}
.home-grid-pic-title {
width:100%;
float:left;
padding:2%;
}
.home-grid-pic-title h1 {
font-size:1.1em;
font-weight:400;
line-height:1.5em;
color:#444;
}
.home-grid-pic-title h2 {
font-size:1.5em;
font-weight:600;
text-transform:uppercase;
color:#3F2B87;
line-height:1.5em;
}
.how-works {
width:100%;
background-color:#FFF;
text-align:center;
}
.how-grid {
width:90%;
margin:0 auto;
padding-top:2%;
}
.how-grid-item {
width:16%;
float:left;
}
.how-grid-item img {
width:80%; 
}
.how-grid-item p {
font-size:1em;
font-weight:600;
color:#353535;
text-align: center;
padding:10%;
text-transform:uppercase;
}
.strip {
width:100%;
padding:0%;
background-color:#fdc689;
margin-top:2%;
}
.strip-left {
width:24%;
float:left;
padding:1%;
background-color:#F66D26;
}
.strip-left:hover {
background-color:#000;
}
.strip-left p {
font-size:1.3em;
color:#FFF;
font-weight:600;
}
.strip-left p a {
color:#FFF;
}
.strip-left p a:hover {
color:#FFF;
}
.strip-left p i {
margin-right:2%;
}
.strip-right {
width:70%;
float:right;
}
.strip-right h2 {
 font-family: 'Roboto Slab', serif;
 font-size:2.3em;
 color:#FFF;
 padding-top:1.6%;
}
.banner {
width:100%;
box-shadow: 0 5px 8px rgba(0,0,0,0.2);
margin-bottom:5px;
}
.page-content {
width:100%;
}
.page-content-left {
width:25%;
float:left;
background-color:#f66d26;
margin-top:2%;
}
.page-content-left h2 {
text-align:left;
font-size: 1.1em;
text-transform: uppercase;
border-bottom: 1px solid #f58b55;
line-height: 2em;
font-weight: 600;
letter-spacing: 0px;
padding-top:4%;
color: #FFF;
width:100%;
padding-left:5%;
background-color:#e8621c;
}
.page-content-left h2 span {
background: #FFF;
display: block;
height: 4px;
width: 15%;
}
.page-content-left li {
font-size:13px;
font-weight:500;
text-align:left;
list-style:none;
text-transform: capitalize;
color:#FFF;
padding-bottom:2%;
padding-top:2%;
padding-left:5%;
border-bottom:1px solid#f58b55;
background-color:#f66d26;
line-height:30px;
cursor:pointer;
width:100%;
}
.page-content-left li:hover{
background-color:#29166f;
}
.page-content-left li i {
font-size:8px;
padding-right:3%;
}
.page-content-right {
width:75%;
float:left;
padding-left:3%;
}
.page-content-right h2 {
text-align:left;
font-size: 1.3em;
border-bottom: 1px solid #F5F5F5;
text-transform: uppercase;
line-height: 2em;
font-weight:600;
letter-spacing: 0px;
margin-bottom:2%;
margin-top:1%;
color: #3E2A87;
width:100%;
}
.page-content-right h2 span {
background: #3E2A87;
display: block;
height: 4px;
width: 10%;
}
.page-content-right h3 {
text-align:left;
font-size: 1.1em;
border-bottom: 1px solid #F5F5F5;
text-transform: uppercase;
line-height: 2em;
font-weight:600;
letter-spacing: 0px;
margin-bottom:2%;
margin-top:1%;
color: #3E2A87;
width:100%;
}
.page-content-right h3 span {
background: #3E2A87;
display: block;
height: 4px;
width: 10%;
}
.page-content-right p {
padding-bottom:1%;
line-height:1.8em;
font-size:1em;
text-align:justify;
}
.page-content-right li {
font-size:1em;
font-weight:600;
text-align:left;
list-style:none;
text-transform: capitalize;
color:#333;
padding-bottom:1%;
padding-top:1%;
line-height:1.5em;
}
.page-content-right li a{
color:#333;
}
.page-content-right li a:hover{
color:#F66D26;
}
.page-content-right li i {
font-size:8px;
padding-right:1%;
}
.team-grid {
width:48%;
float:left;
margin-right:2%;
margin-bottom:2%;
padding:2%;
background-color:#FFF;
border:1px solid#ECECEC;
height:420px;
}
.team-grid:hover {
background-color:#F8F8FA;
}
.team-grid h2 {
text-align:center;
font-size: 1.2em;
border-bottom: 1px solid #F3F3F3;
text-transform: uppercase;
line-height: 1.5em;
font-weight:600;
letter-spacing: 0px;
color: #3E2A87;
width:80%;
margin:0 auto;
margin-bottom:2%;
margin-top:5%;
}
.team-grid h2 span {
background: #3E2A87;
display: block;
height: 4px;
width: 10%;
margin:0 auto;
}
.team-pic {
width:45%;
margin:0 auto;
}
.team-pic img {
width:100%;
}
.team-grid p {
padding:5%;
line-height:1.5em;
font-size:.950em;
text-align: center;
}

.courses-grid1 {
width:100%;
float:left;
margin-top:20px;
margin-right:2%;
margin-bottom:2%;
padding:2%;
background-color:#FFF;
border:1px solid#ECECEC;
}
.courses-grid1 img {
width:auto !important;
}
.courses-grid1 .team-pic {
width:100% !important;
}

.courses-grid {
width:48%;
float:left;
margin-right:2%;
margin-bottom:2%;
padding:2%;
background-color:#FFF;
border:1px solid#ECECEC;
height:480px;
}
.courses-grid:hover {
background-color:#F8F8FA;
}
.courses-grid:nth-child(4) {
height:410px;
}
.courses-grid:nth-child(5) {
height:410px;
}
.courses-grid:nth-child(7) {
height: auto;
}
.courses-grid h2 {
text-align:center;
font-size: 1.2em;
border-bottom: 1px solid #F3F3F3;
text-transform: uppercase;
line-height: 1.5em;
font-weight:600;
letter-spacing: 0px;
color: #3E2A87;
width:80%;
margin:0 auto;
margin-bottom:2%;
margin-top:5%;
}
.courses-grid h2 span {
background: #3E2A87;
display: block;
height: 4px;
width: 10%;
margin:0 auto;
}
.courses-grid p {
padding:5%;
line-height:1.5em;
font-size:.950em;
text-align:left;
}

.courses-pic {
width:45%;
margin:0 auto;
}
.courses-pic img {
width:100%;
}
.courses-grid li {
font-size:13px;
font-weight:600;
text-align:left;
list-style:none;
text-transform: capitalize;
color:#333;
padding-bottom:2%;
padding-top:2%;
border-bottom:1px solid#F1F1F1;
line-height:1.5em;
margin-left:2%;
margin-right:2%;
}
.courses-grid li a{
color:#333;
}
.courses-grid li a:hover{
color:#F66D26;
}
.courses-grid li i {
font-size:8px;
padding-right:3%;
}
.gmap {
width:100%;
float: left;
margin-top:2%;
}
.gmap h3 {
text-align:left;
font-size: 1.1em;
border-bottom: 1px solid #F5F5F5;
text-transform: uppercase;
line-height: 2em;
font-weight:600;
letter-spacing: 0px;
margin-bottom:2%;
margin-top:1%;
color: #3E2A87;
width:100%;
}
.gmap h3 span {
background: #3E2A87;
display: block;
height: 4px;
width: 10%;
}
.gmap iframe {
width:100%;
height:500px;
border:1px solid#E6E6E6;
padding:1%;
}
.contact-info {
width:45%;
float: left;
margin-top:2%;
margin-left:0%;
}
.contact-info h3 {
text-align:left;
font-size: 1.1em;
border-bottom: 1px solid #F5F5F5;
text-transform: uppercase;
line-height: 2em;
font-weight:600;
letter-spacing: 0px;
margin-bottom:2%;
margin-top:1%;
color: #3E2A87;
width:100%;
}
.contact-info h3 span {
background: #3E2A87;
display: block;
height: 4px;
width: 10%;
}
.contact-info p {
padding-bottom:1%;
line-height:1.8em;
font-size:1.1em;
text-align:justify;
}
.contact-info li {
font-size:1em;
font-weight:600;
text-align:left;
list-style:none;
text-transform: none;
color:#333;
padding-bottom:2%;
padding-top:2%;
line-height:1.8em;
}
.contact-info li a{
color:#333;
}
.contact-info li a:hover{
color:#F66D26;
}
.contact-info li i {
font-size:1.5em;
padding-right:2%;
}
.contact-info-right {
width:45%;
float: left;
}
.title-content {
position:absolute;
text-align:center;
top:80%;
width:100%;
margin:0 auto;
padding:1%;
}
.title-content h1 {
color:#FFF;
text-align: center;
font-size: 3em;
font-weight:600;
line-height: 1.5em;
text-transform:uppercase;
}
.title-content h2 {
color:#FFF;
text-align: center;
font-size: 1.5em;
font-weight:400;
line-height: 1.5em;
text-transform: capitalize;
}
.online-text {
    width: 100%;
    margin: 0 auto;
    margin-top: 2%;
    margin-bottom: 2%;
}
.online-text h4 {
    text-align: center;
    font-size: 1.5em;
    text-transform: uppercase;
    border-bottom: 1px solid #584795;
    line-height: 2em;
    font-weight: 600;
    letter-spacing: 0px;
    color: #FFF;
    width: 80%;
    margin: 0 auto;
}
.online-text h4 span {
    background: #FFF;
    display: block;
    height: 4px;
    width: 15%;
    margin: 0 auto;
}
.online-text p {
    text-align: center;
    font-size: 1.1em;
    font-weight: 600;
    padding: 2%;
    color: #CABDF9;
}
.welcome {
  padding: 3em 0 0;
}
.welcome h3 {
    text-align: center;
    font-size: 1.5em;
    text-transform: uppercase;
    border-bottom: 1px solid #EDEDED;
    line-height: 2.8em;
    letter-spacing: 0px;
    color: #000;
    width: 40%;
	font-weight:600;
    margin: 0 auto;
}
.welcome h3 span {
    background: #3F2B87;
    display: block;
    height: 4px;
    width: 15%;
    margin: 0 auto;
}
.welcome h5 {
  font-size: 1.1em;
  text-align: center;
  color: #666;
  font-weight:600;
  margin-top:2%;
}
/*--/features--*/
.about-section-grids{
	width:100%;
	margin:0 auto;
	margin-top:0%;
}
.form-text {
	float:left;
	width: 100%;
	padding-left:0em;
}
.form-text1 {
	float:left;
	width: 100%;
	padding:5%;
}
.form {
	margin-top: 0em;
	padding:0;
    border-radius: 10px;
	-webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.form2 {
	margin-top: 0em;
	padding:0;
    border-radius: 10px;
	-webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.form-text2 {
	float:left;
	width: 100%;
}
.field-name {
width:25%;
float:left;
}
.field-name h3 {
font-size:1.1em;
font-weight:600;
padding-top:4%;
color:#000;
text-transform:capitalize;
}
.field-input {
width:75%;
float:left;
}
.form textarea {
	color: #666;
	padding: 8px 8px;
	display: block;
	float: left;
	margin-bottom: 0em;
	margin-top:0em;
	width:97%;
	font-size:0.9em;
	background: #FFFFFF;
	border: 1px solid #F0F0F0;
	text-transform:capitalize;
	outline: none;
	-webkit-appearance: none;
}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: red;
}
.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}
.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
	pointer-events: none;
}
.form2 input.file {
    width:100%;
	float:left;
	padding: 15px 15px;
	border: 1px solid #E9E9E9;
	 border-radius:1px;
	font-size:1.1em;
	margin-right:1%;
	margin-bottom:2%;
	color: #666;
	outline: none;
	font-weight:600;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.form2 textarea {
	color: #666;
	padding: 15px 15px;
	display: block;
	float: left;
	margin-bottom: 0em;
	margin-top:0em;
	width:97%;
	font-size:1.1em;
	background: #FFFFFF;
	border: 1px solid #E9E9E9;
	text-transform:capitalize;
	outline: none;
	-webkit-appearance: none;
	font-weight:600;
}
.form select {
	width:100%;
	float:left;
	padding: 8px 8px;
	border: 1px solid #F0F0F0;
	 border-radius:1px;
	font-size:1.1em;
	margin-right:1%;
	margin-bottom: 1%;
	color: #666;
	outline: none;
	font-weight:600;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.form textarea{
	resize:none;
	height:96px;
	margin-bottom:1%;	
}
.form2 textarea{
	resize:none;
	height:120px;
	margin-bottom:1%;	
}
.form input[type="submit"]{
	background: #F66D26;
	/*padding: 6px 20px;*/
	margin-bottom: 14px;
	display: block;
	color: #FFF;
	font-size: 1.9em;
	border:none;
	outline: none;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	cursor: pointer;
	text-align:center;
	margin-top:0%;
	margin-left:0em;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.form input[type="submit"]:hover{
	background:#000;
	color:#fff;
}
.form-text input[type="text"],.contact-right textarea, .contact form select {
	width:48%;
	float:left;
	padding: 8px 8px;
	border: 1px solid #F0F0F0;
	 border-radius:1px;
	font-size:0.9em;
	margin-right:1%;
	margin-bottom: 1%;
	color: #666;
	outline: none;
	font-weight: 400;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.form-text2 input[type="text"],.contact-right textarea, .form-text2 select {
	width:100%;
	float:left;
	padding: 10px 10px;
	border: 1px solid #d5d5d5;
	 border-radius:1px;
	font-size:1.1em;
	margin-right:1%;
	margin-bottom: 1%;
	color: #666;
	outline: none;
	font-weight:600;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.form-text2 input[type="password"],.contact-right textarea, .form-text2 select {
	width:100%;
	float:left;
	padding: 10px 10px;
	border: 1px solid #E9E9E9;
	 border-radius:1px;
	font-size:1.1em;
	margin-right:1%;
	margin-bottom: 1%;
	color: #666;
	outline: none;
	font-weight:600;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.form1 input[type="submit"]{
	background: #F66D26;
	padding: 6px 20px;
	display: block;
	color: #FFF;
	font-size: 1.2em;
	border:none;
	outline: none;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	cursor: pointer;
	text-align:center;
	margin-top:0%;
	margin-left:5%;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.form1 input[type="submit"]:hover{
	background:#000;
	color:#fff;
}
.form-text1 input[type="text"],.contact-right textarea, .contact form select {
	width:100%;
	float:left;
	padding: 8px 8px;
	border: 1px solid #F0F0F0;
	 border-radius:1px;
	font-size:1.1em;
	margin-right:1%;
	margin-bottom: 1%;
	color: #666;
	outline: none;
	font-weight:600;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.form2 input[type="submit"]{
	background: #F66D26;
	padding: 10px 40px;
	display: block;
	color: #FFF;
	font-size: 1.3em;
	border:none;
	outline: none;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	cursor: pointer;
	text-align:center;
	margin-top:0%;
	margin-left:0em;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.form2 input[type="submit"]:hover{
	background:#000;
	color:#fff;
}
.form2 input[type="reset"]{
	background: #F66D26;
	padding: 10px 40px;
	display: block;
	color: #FFF;
	font-size: 1.3em;
	border:none;
	outline: none;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	cursor: pointer;
	text-align:center;
	margin-top:0%;
	margin-left:0em;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.form2 input[type="reset"]:hover{
	background:#000;
	color:#fff;
}


.ftr-nav {
background-color:#F1F1F1;
}
.contact-section-grid {
		width: 33.333%;
		float: left;
	}
.footernav li {
	font-size:13px;
	color: #444;
	list-style:none;
	line-height:1.5em;
	padding:2px;
	font-weight:600;
	}
	.footernav li a {
	font-size:13px;
	color: #444;
	list-style:none;
	line-height:1.5em;
	}
	.footernav li a:hover{
	font-size:13px;
	color: #3F2B87;
	padding-left:0;
	}
	.contact-grid {
	padding: 20px;
}
.contact-grid h5 {
    color: #3F2B87;
	font-size: 16px;
	font-weight:600;
	padding-bottom:0.3em;
	text-transform:uppercase;
}
.contact-grid p {
    color: #444;
	font-size: 13px;
	font-weight:normal;
	line-height:1.8em;
	font-weight:600;
}
.contact-grid p a {
    color: #444;
	font-size: 13px;
	font-weight:normal;
	line-height:1.8em;
	font-weight:600;
}
.contact-grid a.more {
	text-decoration: none;
	text-transform: capitalize;
	color: #999;
	font-size: 1.2em;
	font-weight: 700;
}
.contact-grid a:hover {
	color:#2098d1;
}
.contact-leftgrid {
	margin-bottom: 0.5em;
}

#footer {
  font-family: 'Poppins', sans-serif;
  color: #000;
  background: #FFF;
  font-size:14px;
  font-weight:100;
  padding-bottom:10px;
}

#footer a {
  color: #000;
}

#footer a:hover {
  color: #f66d26;
}
#footer ul {
  list-style: none;
  padding-top:8px;
  margin: 0;
}

#footer ul > li {
  display: inline-block;
  margin-left: 15px;
}
.btn {
    background: #FFF;
    color: #3F2B87;
    border-radius: 0px;
    display: inline-block;
    margin-top:1%;
	margin-bottom:2%;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.btn:hover,.btn:focus {
    color: #FFF;
    text-decoration: none;
	background: #F66D26;

}
.btns {
    background: #3F2B87;
    color: #FFF;
    border-radius: 0px;
    display: inline-block;
    margin-top:2%;
	margin-bottom:2%;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	padding:2%;
}
.btns:hover,.btn:focus {
    color: #FFF;
    text-decoration: none;
	background: #F66D26;

}
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; 
}
.row:after,
.clearfix:after {
  clear: both; 
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/*-- //contact --*/
/*--/inner-pages--*/
/*----responsive-menu-start--*/

.orange_btn {
	margin-top:10px;
	width:60%;
	text-align:center;
	background-color:#F66D26;
	color:#FFF;
	padding: 10px 40px;
	cursor:pointer;
}
.orange_btn:hover {
	background-color:#000;
	color:#FFF;
}
.icpem {
	display:block;
	visibility:visible;
}
@media (max-width: 1080px) {
.icpem {
	display:none;
	visibility:hidden;
}	
.logo {
    float: left;
    width:30%;
    padding: 1%;
}
.call {
    width:70%;
    float: right;
    margin-top: 2.8%;
    text-align: right;
}
.call li {
    list-style: none;
    display: inline-block;
    padding-right:1%;
}
.button1 {
    padding: 10px 10px;
    font-size:.8em;
}
.button {
    padding: 10px 10px;
    font-size:.8em;
}
.button2 {
    padding: 10px 10px;
    font-size:.8em;
}

.home-header-left {
    width: 50%;
    float: left;
    border-right: 1px solid#FFF;
    height: 570px;
    background-color: #000;
}
.home-banner {
    width: 100%;
    background-color: #F4F4F4;
    padding:3%;
    border-bottom: 1px solid#DDDDDD;
}
.container {
    width: 100%;
}
.strip-left {
    width:26%;
    float: left;
    padding: 1%;
    background-color: #F66D26;
}
.strip-left p {
    font-size: 1.1em;
    color: #FFF;
    font-weight: 600;
}
.home-banner-grid {
    width: 32%;
    float: left;
    margin-left:0%;
	margin-right:1%;
    padding: 1%;
    background-color: #FFF;
    border: 1px solid#D0D0D0;
    background-image: url(../images/grid-bg.png);
    background-position: center top;
	height:150px;
}
.form textarea {
    resize: none;
    height:40px;
    margin-bottom: 1%;
}
.online-text p {
    text-align: center;
    font-size: 1em;
    font-weight: 600;
    padding:1%;
    color: #CABDF9;
}
.form-text input[type="text"], .contact-right textarea, .contact form select {
    width: 48%;
    float: left;
    padding: 8px 8px;
    border: 1px solid #F0F0F0;
    border-radius: 1px;
    font-size: 0.8em;
    margin-right:.5%;
    margin-bottom:.5%;
    color: #666;
    outline: none;
    font-weight: 400;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
}
@media (max-width: 1050px) {
.logo {
    float: left;
    width:30%;
    padding: 1%;
}
.call {
    width:70%;
    float: right;
    margin-top: 2.8%;
    text-align: right;
}
.call li {
    list-style: none;
    display: inline-block;
    padding-right:1%;
}
.button1 {
    padding: 10px 10px;
    font-size:.8em;
}
.button {
    padding: 10px 10px;
    font-size:.8em;
}
.button2 {
    padding: 10px 10px;
    font-size:.8em;
}

.home-header-left {
    width: 50%;
    float: left;
    border-right: 1px solid#FFF;
    height: 570px;
    background-color: #000;
}
.home-banner {
    width: 100%;
    background-color: #F4F4F4;
    padding:3%;
    border-bottom: 1px solid#DDDDDD;
}
.container {
    width: 100%;
}
.strip-left {
    width:26%;
    float: left;
    padding: 1%;
    background-color: #F66D26;
}
.strip-left p {
    font-size: 1.1em;
    color: #FFF;
    font-weight: 600;
}
.home-banner-grid {
    width: 32%;
    float: left;
    margin-left:0%;
	margin-right:1%;
    padding: 1%;
    background-color: #FFF;
    border: 1px solid#D0D0D0;
    background-image: url(../images/grid-bg.png);
    background-position: center top;
	height:150px;
}
.form textarea {
    resize: none;
    height:40px;
    margin-bottom: 1%;
}
.online-text p {
    text-align: center;
    font-size: 1em;
    font-weight: 600;
    padding:1%;
    color: #CABDF9;
}
.form-text input[type="text"], .contact-right textarea, .contact form select {
    width: 48%;
    float: left;
    padding: 8px 8px;
    border: 1px solid #F0F0F0;
    border-radius: 1px;
    font-size: 0.8em;
    margin-right:.5%;
    margin-bottom:.5%;
    color: #666;
    outline: none;
    font-weight: 400;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
}
@media (max-width: 1024px) {
.logo {
    float: left;
    width:30%;
    padding: 1%;
}
.call {
    width:70%;
    float: right;
    margin-top: 2.8%;
    text-align: right;
}
.call li {
    list-style: none;
    display: inline-block;
    padding-right:1%;
}
.button1 {
    padding: 10px 10px;
    font-size:.8em;
}
.button {
    padding: 10px 10px;
    font-size:.8em;
}
.button2 {
    padding: 10px 10px;
    font-size:.8em;
}

.home-header-left {
    width: 50%;
    float: left;
    border-right: 1px solid#FFF;
    height: 570px;
    background-color: #000;
}
.home-banner {
    width: 100%;
    background-color: #F4F4F4;
    padding:3%;
    border-bottom: 1px solid#DDDDDD;
}
.container {
    width: 100%;
}
.strip-left {
    width:26%;
    float: left;
    padding: 1%;
    background-color: #F66D26;
}
.strip-left p {
    font-size: 1.1em;
    color: #FFF;
    font-weight: 600;
}
.home-banner-grid {
    width: 32%;
    float: left;
    margin-left:0%;
	margin-right:1%;
    padding: 1%;
    background-color: #FFF;
    border: 1px solid#D0D0D0;
    background-image: url(../images/grid-bg.png);
    background-position: center top;
	height:150px;
}
.form textarea {
    resize: none;
    height:40px;
    margin-bottom: 1%;
}
.online-text p {
    text-align: center;
    font-size: 1em;
    font-weight: 600;
    padding:1%;
    color: #CABDF9;
}
.form-text input[type="text"], .contact-right textarea, .contact form select {
    width: 48%;
    float: left;
    padding: 8px 8px;
    border: 1px solid #F0F0F0;
    border-radius: 1px;
    font-size: 0.8em;
    margin-right:.5%;
    margin-bottom:.5%;
    color: #666;
    outline: none;
    font-weight: 400;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.home-header-right p {
color:#FFF;
line-height:1.2em;
padding-bottom:1%;
text-align:center;
}
.home-header-right h1 {
text-align:center;
font-size: 1.4em;
text-transform: uppercase;
border-bottom: 1px solid #584795;
line-height: 1.6em;
font-weight: 600;
letter-spacing: 0px;
color: #FFF;
width: 80%;
margin: 0 auto;
}
.online-text h4 {
    text-align: center;
    font-size: 1.2em;
    text-transform: uppercase;
    border-bottom: 1px solid #584795;
    line-height: 1.5em;
    font-weight: 600;
    letter-spacing: 0px;
    color: #FFF;
    width: 80%;
    margin: 0 auto;
}
}
@media (max-width: 980px) {
.top-link {
display:none;
}
.social {
    text-align: center;
}
.logo {
    float: left;
    width:30%;
    padding-top: 1%;
}
.logo img {
  width: 100%;
}
.call {
    width:70%;
    float:left;
    padding:1%;
	margin-left:0%;
	margin-top:1%;
	text-align:center;
}
.call li {
    list-style: none;
    display: inline-block;
    padding-right:1%;
	padding-bottom:0%;
}

.call p {
    font-size: 0.8em;
}
p {
    margin:0;
}
.button {
    display: inline-block;
    background: #F86C24;
    padding: 10px 10px;
    z-index: 0;
    color: #fff;
    font-family: Calibri;
    font-size: .8em;
    text-transform: uppercase;
    font-weight:500;
}
.button1 {
    display: inline-block;
    padding: 10px 10px;
    z-index: 0;
    color: #FFF;
    text-align: center;
    font-size:.8em;
    text-transform: uppercase;
    background-color: #f66d26;
    font-weight:500;
    text-decoration: none;
}
.button2 {
    display: inline-block;
    padding: 10px 10px;
    z-index: 0;
    color: #FFF;
    text-align: center;
    font-size:.8em;
    text-transform: uppercase;
    background-color: #5d5a56;
    font-weight: 500;
    text-decoration: none;
}
.popup {
    padding: 10px 10px 35px;
    background: #fff;
    z-index: 999;
    display: none;
    position: absolute;
    right: 0;
    width: 50%;
}
.tab-menu {
    width: 100%;
    float: left;
    background-color: #F86C24;
}
.col-sm-6 {
    width: 100%;
}
.home-header-left {
    width:50%;
    float: left;
    border-right:none;
	height:auto;
    background-color: #000;
}
.home-header-right {
    width:50%;
    float: left;
    background-color: #3F2B87;
    padding: 2.3%;
    background-image: url(../images/bg-home.png);
    background-position: center top;
}
.home-header-right h1 {
    text-align: center;
    font-size: 1.7em;
    text-transform: uppercase;
    border-bottom: 1px solid #584795;
    line-height: 2em;
    font-weight: 600;
    letter-spacing: 0px;
    color: #FFF;
    width: 80%;
    margin: 0 auto;
}
.home-header-right h2 {
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
    color: #B1A1ED;
    padding: 5%;
    text-transform: uppercase;
}
.home-header-right p {
    font-size:1.2em;
    color: #FFF;
    line-height:1.5em;
    padding-bottom:3%;
    text-align: center;
	height:291px;
	overflow:none;
}
.contact-grids {
    border-bottom: 1px solid #CCC;
    margin-bottom: 1%;
}
.strip-right h2 {
    font-family: 'Roboto Slab', serif;
    font-size:1.5em;
    color: #FFF;
    padding-top:2.4%;
}

.title-content {
display:none;
}
.home-banner {
    width: 100%;
    background-color: #F4F4F4;
    padding: 2%;
    border-bottom: 1px solid#DDDDDD;
}
.home-banner-grid {
    width:32%;
    float:left;
    margin-left: 1%;
	margin-right:0%;
	margin-bottom:2%;
	margin-top:1%;
    padding: 1%;
    background-color: #FFF;
    border: 1px solid#D0D0D0;
    background-image: url(../images/grid-bg.png);
    background-position: center top;
	height:120px;
}
.grid-title h2 {
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    color: #3F2B87;
    line-height: 1.5em;
}
.courses-home-left {
    width: 49%;
    float: left;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
	margin-bottom:2%;
}
.courses-home-left1 {
    width: 100%;
    float: left;
	padding:4%;
}
.courses-home-left2 {
display:none;
}
.courses-home-right {
    width: 49%;
    float: right;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
}
.how-grid-item {
    width: 16.5%;
    float: left;
}
.how-grid-item p {
    font-size: .8em;
    font-weight: 600;
    color: #353535;
    text-align: center;
    padding: 10%;
    text-transform: uppercase;
}
.col-md-3 {
width:25%;
float:left;
height: auto;
}
.strip {
    width: 100%;
    padding: 0%;
    background-color: #F66D26;
    margin-top: 2%;
}
.strip-left {
    width:45%;
    float: left;
    padding: 1%;
    background-color: #F66D26;
}
.strip-left p {
    font-size: 1.2em;
    color: #FFF;
    font-weight: 600;
}
ul.follow-link li span {
display:none;
}
.strip-right {
display:block;
width: 50%;
float: right;
padding:1%;
}
.banner {
    width: 100%;
    box-shadow: 0 5px 8px rgba(0,0,0,0.2);
    margin-bottom:0px;
}
.page-content-left {
display:none;
}
.page-content-right {
    width:100%;
    float: left;
    padding-left:0%;
}
.team-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height: 400px;
}
.courses-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height:460px;
}
.courses-grid li {
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    list-style: none;
    text-transform: capitalize;
    color: #333;
    padding-bottom: 2%;
    padding-top: 2%;
    border-bottom: 1px solid#F1F1F1;
    line-height: 1.5em;
    margin-left: 2%;
    margin-right: 2%;
}
.page-content-right p {
    padding-bottom: 1%;
    line-height: 1.5em;
    font-size: .9em;
    text-align: left;
}
.gmap {
    width:50%;
    float: left;
    margin-top: 2%;
}
.gmap iframe {
    width: 100%;
    height: 250px;
    border: 1px solid#E6E6E6;
    padding: 1%;
}
.contact-info {
    width:45%;
    float: left;
    margin-top: 2%;
    margin-left:5%;
}
.col-xs-8 {
    width: 100%;
}
.welcome {
    padding: 1em 0 0;
}
.monogram {
display:none;
}
.pull-right {
display:none;
}
.welcome h3 {
    text-align: center;
    font-size: 1.6em;
    text-transform: uppercase;
    border-bottom: 1px solid #EDEDED;
    line-height: 1.5em;
    letter-spacing: 1px;
    color: #000;
    width: 80%;
    margin: 0 auto;
}
.welcome h5 {
    font-size: 1.1em;
    text-align: center;
    color: #666;
    font-weight: 600;
    margin-top: 4%;
}
.online-text {
display:none;
}
.home-form {
display:block;
}
.about-section-grids {
display: block;
}
.form-text input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
    padding: 8px 8px;
    border: 1px solid #F0F0F0;
    border-radius: 1px;
    font-size: 0.9em;
    margin-right: 1%;
    margin-bottom: 2%;
    color: #666;
    outline: none;
    font-weight: 400;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.form textarea {
    color: #666;
    padding: 8px 8px;
    display: block;
    float: left;
    margin-bottom: 2%;
    margin-top: 0em;
    width:100%;
    font-size: 0.9em;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    text-transform: capitalize;
    outline: none;
    -webkit-appearance: none;
}
.form-text2 input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
}
.form-text2 input[type="text"], .contact-right textarea, .form-text2 select {
    width:100%;
    float: left;
}
.form2 textarea {
    float: left;
    width: 100%;
}
}
@media (max-width: 900px) {
.top-link {
display:none;
}
.social {
    text-align: center;
}
.logo {
    float: left;
    width:30%;
    padding-top: 1%;
}
.logo img {
  width: 100%;
}
.call {
    width:70%;
    float:left;
    padding:1%;
	margin-left:0%;
	margin-top:1%;
	text-align:center;
}
.call li {
    list-style: none;
    display: inline-block;
    padding-right:1%;
	padding-bottom:0%;
}

.call p {
    font-size: 0.8em;
}
p {
    margin:0;
}
.button {
    display: inline-block;
    background: #F86C24;
    padding: 10px 10px;
    z-index: 0;
    color: #fff;
    font-family: Calibri;
    font-size: .8em;
    text-transform: uppercase;
    font-weight:500;
}
.button1 {
    display: inline-block;
    padding: 10px 10px;
    z-index: 0;
    color: #FFF;
    text-align: center;
    font-size:.8em;
    text-transform: uppercase;
    background-color: #f66d26;
    font-weight:500;
    text-decoration: none;
}
.button2 {
    display: inline-block;
    padding: 10px 10px;
    z-index: 0;
    color: #FFF;
    text-align: center;
    font-size:.8em;
    text-transform: uppercase;
    background-color: #5d5a56;
    font-weight: 500;
    text-decoration: none;
}
.popup {
    padding: 10px 10px 35px;
    background: #fff;
    z-index: 999;
    display: none;
    position: absolute;
    right: 0;
    width: 50%;
}
.tab-menu {
    width: 100%;
    float: left;
    background-color: #F86C24;
}
.col-sm-6 {
    width: 100%;
}
.home-header-left {
    width:100%;
    float: left;
    border-right:none;
	height:auto;
    background-color: #000;
}
.home-header-right {
    width:100%;
    float: left;
    background-color: #3F2B87;
    padding: 2.3%;
    background-image: url(../images/bg-home.png);
    background-position: center top;
}
.home-header-right h1 {
    text-align: center;
    font-size: 1.7em;
    text-transform: uppercase;
    border-bottom: 1px solid #584795;
    line-height: 2em;
    font-weight: 600;
    letter-spacing: 0px;
    color: #FFF;
    width: 80%;
    margin: 0 auto;
}
.home-header-right h2 {
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
    color: #B1A1ED;
    padding: 5%;
    text-transform: uppercase;
}
.home-header-right p {
    font-size:1.2em;
    color: #FFF;
    line-height:1.5em;
    padding-bottom:3%;
    text-align: center;
	height:255px;
	overflow:none;
}
.contact-grids {
    border-bottom: 1px solid #CCC;
    margin-bottom: 1%;
}
.strip-right h2 {
    font-family: 'Roboto Slab', serif;
    font-size:1.5em;
    color: #FFF;
    padding-top:2.4%;
}

.title-content {
display:none;
}
.home-banner {
    width: 100%;
    background-color: #F4F4F4;
    padding: 2%;
    border-bottom: 1px solid#DDDDDD;
}
.home-banner-grid {
    width:32%;
    float:left;
    margin-left: 1%;
	margin-right:0%;
	margin-bottom:2%;
	margin-top:1%;
    padding: 1%;
    background-color: #FFF;
    border: 1px solid#D0D0D0;
    background-image: url(../images/grid-bg.png);
    background-position: center top;
	height:120px;
}
.grid-title h2 {
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    color: #3F2B87;
    line-height: 1.5em;
}
.courses-home-left {
    width: 49%;
    float: left;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
	margin-bottom:2%;
}
.courses-home-left1 {
    width: 100%;
    float: left;
	padding:4%;
}
.courses-home-left2 {
display:none;
}
.courses-home-right {
    width: 49%;
    float: right;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
}
.how-grid-item {
    width: 16.5%;
    float: left;
}
.how-grid-item p {
    font-size: .8em;
    font-weight: 600;
    color: #353535;
    text-align: center;
    padding: 10%;
    text-transform: uppercase;
}
.col-md-3 {
width:25%;
float:left;
height: auto;
}
.strip {
    width: 100%;
    padding: 0%;
    background-color: #F66D26;
    margin-top: 2%;
}
.strip-left {
    width:45%;
    float: left;
    padding: 1%;
    background-color: #F66D26;
}
.strip-left p {
    font-size: 1.2em;
    color: #FFF;
    font-weight: 600;
}
ul.follow-link li span {
display:none;
}
.strip-right {
display:block;
width: 50%;
float: right;
padding:1%;
}
.banner {
    width: 100%;
    box-shadow: 0 5px 8px rgba(0,0,0,0.2);
    margin-bottom:0px;
}
.page-content-left {
display:none;
}
.page-content-right {
    width:100%;
    float: left;
    padding-left:0%;
}
.team-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height: 400px;
}
.courses-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height:460px;
}
.courses-grid li {
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    list-style: none;
    text-transform: capitalize;
    color: #333;
    padding-bottom: 2%;
    padding-top: 2%;
    border-bottom: 1px solid#F1F1F1;
    line-height: 1.5em;
    margin-left: 2%;
    margin-right: 2%;
}
.page-content-right p {
    padding-bottom: 1%;
    line-height: 1.5em;
    font-size: .9em;
    text-align: left;
}
.gmap {
    width:50%;
    float: left;
    margin-top: 2%;
}
.gmap iframe {
    width: 100%;
    height: 250px;
    border: 1px solid#E6E6E6;
    padding: 1%;
}
.contact-info {
    width:45%;
    float: left;
    margin-top: 2%;
    margin-left:5%;
}
.col-xs-8 {
    width: 100%;
}
.welcome {
    padding: 1em 0 0;
}
.monogram {
display:none;
}
.pull-right {
display:none;
}
.welcome h3 {
    text-align: center;
    font-size: 1.6em;
    text-transform: uppercase;
    border-bottom: 1px solid #EDEDED;
    line-height: 1.5em;
    letter-spacing: 1px;
    color: #000;
    width: 80%;
    margin: 0 auto;
}
.welcome h5 {
    font-size: 1.1em;
    text-align: center;
    color: #666;
    font-weight: 600;
    margin-top: 4%;
}
.online-text {
display:none;
}
.home-form {
display:block;
}
.about-section-grids {
display: block;
}
.form-text input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
    padding: 8px 8px;
    border: 1px solid #F0F0F0;
    border-radius: 1px;
    font-size: 0.9em;
    margin-right: 1%;
    margin-bottom: 2%;
    color: #666;
    outline: none;
    font-weight: 400;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.form textarea {
    color: #666;
    padding: 8px 8px;
    display: block;
    float: left;
    margin-bottom: 2%;
    margin-top: 0em;
    width:100%;
    font-size: 0.9em;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    text-transform: capitalize;
    outline: none;
    -webkit-appearance: none;
}
.form-text2 input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
}
.form-text2 input[type="text"], .contact-right textarea, .form-text2 select {
    width:100%;
    float: left;
}
.form2 textarea {
    float: left;
    width: 100%;
}
}
@media (max-width: 800px) {
.top-link {
display:none;
}
.social {
    text-align: center;
}
.logo {
    float: left;
    width:45%;
    padding-top: 1%;
}
.logo img {
  width: 100%;
}
.call {
    width:50%;
    float:left;
    padding:2%;
	margin-left:5%;
	text-align:center;
}
.call li {
    list-style: none;
    display: inline-block;
    padding-right: 2%;
	padding-bottom:2%;
}

.call p {
    font-size: 0.8em;
}
p {
    margin:0;
}
.button {
    display: inline-block;
    background: #F86C24;
    padding: 10px 15px;
    z-index: 0;
    color: #fff;
    font-family: Calibri;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
}
.button1 {
    display: inline-block;
    background: #F86C24;
    padding: 10px 15px;
    z-index: 0;
    color: #fff;
    font-family: Calibri;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
}
.button2 {
    display: inline-block;
    padding: 10px 15px;
    z-index: 0;
    color: #FFF;
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    background-color: #5d5a56;
    font-weight: 500;
    text-decoration: none;
}

.popup {
    padding: 10px 10px 35px;
    background: #fff;
    z-index: 999;
    display: none;
    position: absolute;
    right: 0;
    width: 50%;
}
.tab-menu {
    width: 100%;
    float: left;
    background-color: #F86C24;
}
.col-sm-6 {
    width: 100%;
}
.home-header-left {
    width:50%;
    float: left;
    border-right:none;
	height:auto;
    background-color: #000;
}
.home-header-right {
    width:50%;
    float: left;
    background-color: #3F2B87;
    padding: 2.3%;
    background-image: url(../images/bg-home.png);
    background-position: center top;
}
.home-header-right h1 {
    text-align: center;
    font-size: 1.5em;
    text-transform: uppercase;
    border-bottom: 1px solid #584795;
    line-height: 2em;
    font-weight: 600;
    letter-spacing: 0px;
    color: #FFF;
    width: 80%;
    margin: 0 auto;
}
.home-header-right h2 {
    text-align: center;
    font-size: 1.1em;
    font-weight: 600;
    color: #B1A1ED;
    padding: 4%;
    text-transform: uppercase;
}
.home-header-right p {
    font-size:1.1em;
    color: #FFF;
    line-height:1.7em;
    padding-bottom:2%;
    text-align: center;
	height:230px;
	overflow:none;
}
.strip-right h2 {
    font-family: 'Roboto Slab', serif;
    font-size:1.5em;
    color: #FFF;
    padding-top:2.5%;
}
.contact-grids {
    border-bottom: 1px solid #CCC;
    margin-bottom: 1%;
}

.title-content {
display:none;
}
.home-banner {
    width: 100%;
    background-color: #F4F4F4;
    padding: 2%;
    border-bottom: 1px solid#DDDDDD;
}
.home-banner-grid {
    width:32%;
    float:left;
    margin-left: 1%;
	margin-right:0%;
	margin-bottom:2%;
	margin-top:1%;
    padding: 1%;
    background-color: #FFF;
    border: 1px solid#D0D0D0;
    background-image: url(../images/grid-bg.png);
    background-position: center top;
	height:120px;
}
.grid-title h2 {
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    color: #3F2B87;
    line-height: 1.5em;
}
.courses-home-left {
    width: 49%;
    float: left;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
	margin-bottom:2%;
}
.courses-home-left1 {
    width: 100%;
    float: left;
	padding:4%;
}
.courses-home-left2 {
display:none;
}
.courses-home-right {
    width: 49%;
    float: right;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
}
.how-grid-item {
    width: 16.5%;
    float: left;
}
.how-grid-item p {
    font-size: .8em;
    font-weight: 600;
    color: #353535;
    text-align: center;
    padding: 10%;
    text-transform: uppercase;
}
.col-md-3 {
width:25%;
float:left;
height: auto;
}
.strip {
    width: 100%;
    padding: 0%;
    background-color: #F66D26;
    margin-top: 2%;
}
.strip-left {
    width:45%;
    float: left;
    padding: 1%;
    background-color: #F66D26;
}
.strip-left p {
    font-size: 1.2em;
    color: #FFF;
    font-weight: 600;
}
ul.follow-link li span {
display:none;
}
.strip-right {
display:block;
width: 50%;
float: right;
padding:1%;
}
.banner {
    width: 100%;
    box-shadow: 0 5px 8px rgba(0,0,0,0.2);
    margin-bottom:0px;
}
.page-content-left {
display:none;
}
.page-content-right {
    width:100%;
    float: left;
    padding-left:0%;
}
.team-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height: 400px;
}
.courses-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height:460px;
}
.courses-grid li {
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    list-style: none;
    text-transform: capitalize;
    color: #333;
    padding-bottom: 2%;
    padding-top: 2%;
    border-bottom: 1px solid#F1F1F1;
    line-height: 1.5em;
    margin-left: 2%;
    margin-right: 2%;
}
.page-content-right p {
    padding-bottom: 1%;
    line-height: 1.5em;
    font-size: .9em;
    text-align: left;
}
.gmap {
    width: 50%;
    float: left;
    margin-top: 2%;
}
.gmap iframe {
    width: 100%;
    height: 250px;
    border: 1px solid#E6E6E6;
    padding: 1%;
}
.contact-info {
    width:45%;
    float: left;
    margin-top: 2%;
    margin-left:5%;
}
.col-xs-8 {
    width: 100%;
}
.welcome {
    padding: 1em 0 0;
}
.monogram {
display:none;
}
.pull-right {
display:none;
}
.welcome h3 {
    text-align: center;
    font-size: 1.6em;
    text-transform: uppercase;
    border-bottom: 1px solid #EDEDED;
    line-height: 1.5em;
    letter-spacing: 1px;
    color: #000;
    width: 80%;
    margin: 0 auto;
}
.welcome h5 {
    font-size: 1.1em;
    text-align: center;
    color: #666;
    font-weight: 600;
    margin-top: 4%;
}
.online-text {
display:none;
}
.home-form {
display:block;
}
.about-section-grids {
display: block;
}
.form-text input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
    padding: 8px 8px;
    border: 1px solid #F0F0F0;
    border-radius: 1px;
    font-size: 0.9em;
    margin-right: 1%;
    margin-bottom: 2%;
    color: #666;
    outline: none;
    font-weight: 400;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.form textarea {
    color: #666;
    padding: 8px 8px;
    display: block;
    float: left;
    margin-bottom: 2%;
    margin-top: 0em;
    width:100%;
    font-size: 0.9em;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    text-transform: capitalize;
    outline: none;
    -webkit-appearance: none;
}
.form-text2 input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
}
.form-text2 input[type="text"], .contact-right textarea, .form-text2 select {
    width:100%;
    float: left;
}
.form2 textarea {
    float: left;
    width: 100%;
}
}
@media (max-width: 768px) {
.affcenter img {
width:100% !important;
}
.faculty-center img {
	width:100%;
}
	.placement img {
width:100% !important;
}

.top-link {
display:none;
}
.social {
    text-align: center;
}
.logo {
    float: left;
    width: 100%;
    padding-top: 1%;
}
.logo img {
  width: 100%;
}
.call {
    width:100%;
    float:left;
    padding:2%;
	margin-left:5%;
	text-align:center;
}
.call li {
    list-style: none;
    display: inline-block;
    padding-right: 2%;
	padding-bottom:2%;
}

.call p {
    font-size: 0.8em;
}
p {
    margin:0;
}
.button {
    display: inline-block;
    background: #F86C24;
    padding: 10px 15px;
    z-index: 0;
    color: #fff;
    font-family: Calibri;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
}
.popup {
    padding: 10px 10px 35px;
    background: #fff;
    z-index: 999;
    display: none;
    position: absolute;
    right: 0;
    width: 50%;
}
.tab-menu {
    width: 100%;
    float: left;
    background-color: #f66d26;
}
.col-sm-6 {
    width: 100%;
}
.home-header-left {
    width:100%;
    float: left;
    border-right:none;
	height:auto;
    background-color: #000;
}
.home-header-right {
    width:100%;
    float: left;
    background-color: #3F2B87;
    padding: 2.3%;
    background-image: url(../images/bg-home.png);
    background-position: center top;
}
.home-header-right h1 {
    text-align: center;
    font-size: 1.5em;
    text-transform: uppercase;
    border-bottom: 1px solid #584795;
    line-height: 2em;
    font-weight: 600;
    letter-spacing: 0px;
    color: #FFF;
    width: 80%;
    margin: 0 auto;
}
.home-header-right h2 {
    text-align: center;
    font-size: 1.1em;
    font-weight: 600;
    color: #B1A1ED;
    padding: 3%;
    text-transform: uppercase;
}
.home-header-right p {
    font-size:1em;
    color: #FFF;
    line-height:1.8em;
    padding-bottom:2%;
    text-align: center;
	height:222px;
	overflow:none;
}
.home-grid-pic-title h2 {
    font-size: 1.3em;
}
.strip-right h2 {
    font-family: 'Roboto Slab', serif;
    font-size:1.5em;
    color: #FFF;
    padding-top:2.5%;
}
.contact-grids {
border-bottom:1px solid#CCC;
margin-bottom:1%;
}
.title-content {
display:none;
}
.home-banner {
    width: 100%;
    background-color: #F4F4F4;
    padding: 2%;
    border-bottom: 1px solid#DDDDDD;
}
.home-banner-grid {
    width:32%;
    float:left;
    margin-left: 1%;
	margin-right:0%;
	margin-bottom:2%;
	margin-top:1%;
    padding: 1%;
    background-color: #FFF;
    border: 1px solid#D0D0D0;
    background-image: url(../images/grid-bg.png);
    background-position: center top;
	height:120px;
}
.grid-title h2 {
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    color: #3F2B87;
    line-height: 1.5em;
}
.courses-home-left {
    width: 49%;
    float: left;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
	margin-bottom:2%;
}
.courses-home-left1 {
    width: 100%;
    float: left;
	padding:4%;
}
.courses-home-left2 {
display:none;
}
.courses-home-right {
    width: 49%;
    float: right;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
}
.how-grid-item {
    width: 16.5%;
    float: left;
}
.how-grid-item p {
    font-size: .8em;
    font-weight: 600;
    color: #353535;
    text-align: center;
    padding: 10%;
    text-transform: uppercase;
}
.col-md-3 {
width:25%;
float:left;
height: auto;
}
.strip {
    width: 100%;
    padding: 0%;
    background-color: #F66D26;
    margin-top: 2%;
}
.strip-left {
    width:45%;
    float: left;
    padding: 1%;
    background-color: #F66D26;
}
.strip-left p {
    font-size: 1.2em;
    color: #FFF;
    font-weight: 600;
}
ul.follow-link li span {
display:none;
}
.strip-right {
display:block;
width: 50%;
float: right;
padding:1%;
}
.banner {
    width: 100%;
    box-shadow: 0 5px 8px rgba(0,0,0,0.2);
    margin-bottom:0px;
}
.page-content-left {
display:none;
}
.page-content-right {
    width:100%;
    float: left;
    padding-left:0%;
}
.team-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height: 400px;
}
.courses-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height:460px;
}
.courses-grid li {
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    list-style: none;
    text-transform: capitalize;
    color: #333;
    padding-bottom: 2%;
    padding-top: 2%;
    border-bottom: 1px solid#F1F1F1;
    line-height: 1.5em;
    margin-left: 2%;
    margin-right: 2%;
}
.page-content-right p {
    padding-bottom: 1%;
    line-height: 1.5em;
    font-size: .9em;
    text-align: left;
}
.gmap {
    width: 50%;
    float: left;
    margin-top: 2%;
}
.gmap iframe {
    width: 100%;
    height: 250px;
    border: 1px solid#E6E6E6;
    padding: 1%;
}
.contact-info {
    width: 45%;
    float: left;
    margin-top: 2%;
    margin-left: 5%;
}
.col-xs-8 {
    width: 100%;
}
.welcome {
    padding: 1em 0 0;
}
.monogram {
display:none;
}
.pull-right {
display:none;
}
.welcome h3 {
    text-align: center;
    font-size: 1.6em;
    text-transform: uppercase;
    border-bottom: 1px solid #EDEDED;
    line-height: 1.5em;
    letter-spacing: 1px;
    color: #000;
    width: 80%;
    margin: 0 auto;
}
.welcome h5 {
    font-size: 1.1em;
    text-align: center;
    color: #666;
    font-weight: 600;
    margin-top: 4%;
}
.online-text {
display:none;
}
.home-form {
display:block;
}
.about-section-grids {
display: block;
}
.form-text input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
    padding: 8px 8px;
    border: 1px solid #F0F0F0;
    border-radius: 1px;
    font-size: 0.9em;
    margin-right: 1%;
    margin-bottom: 2%;
    color: #666;
    outline: none;
    font-weight: 400;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.form textarea {
    color: #666;
    padding: 8px 8px;
    display: block;
    float: left;
    margin-bottom: 2%;
    margin-top: 0em;
    width:100%;
    font-size: 0.9em;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    text-transform: capitalize;
    outline: none;
    -webkit-appearance: none;
}
.form-text2 input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
}
.form-text2 input[type="text"], .contact-right textarea, .form-text2 select {
    width:100%;
    float: left;
}
.form2 textarea {
    float: left;
    width: 100%;
}
}
@media (max-width: 667px) {
.top-link {
display:none;
}
.social {
    text-align: center;
}
.logo {
    float: left;
    width: 65%;
    padding-top: 1%;
}
.logo img {
  width: 100%;
}
.call {
    width:30%;
    float:left;
    padding:2%;
	margin-left:5%;
	text-align:center;
}
.call p {
    font-size: 0.8em;
}
p {
    margin:0;
}
.button {
    display: inline-block;
    background: #F86C24;
    padding: 10px 15px;
    z-index: 0;
    color: #fff;
    font-family: Calibri;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
}
.popup {
    padding: 10px 10px 35px;
    background: #fff;
    z-index: 999;
    display: none;
    position: absolute;
    right: 0;
    width: 50%;
}
.tab-menu {
    width: 100%;
    float: left;
    background-color: #000;
}
.home-header-left {
    width:50%;
    float: left;
    border-right:none;
	height:auto;
    background-color: #000;
}
.home-header-right {
    width:50%;
    float: left;
    background-color: #3F2B87;
    padding: 2.3%;
    background-image: url(../images/bg-home.png);
    background-position: center top;
}
.home-header-right h1 {
    text-align: center;
    font-size: 1.5em;
    text-transform: uppercase;
    border-bottom: 1px solid #584795;
    line-height: 2em;
    font-weight: 600;
    letter-spacing: 0px;
    color: #FFF;
    width: 80%;
    margin: 0 auto;
}
.home-header-right h2 {
    text-align: center;
    font-size: 1.1em;
    font-weight: 600;
    color: #B1A1ED;
    padding: 3%;
    text-transform: uppercase;
}
.home-header-right p {
    font-size:.925em;
    color: #FFF;
    line-height:1.5em;
    padding-bottom:2%;
    text-align: center;
	height: auto;
	overflow:none;
}
.title-content {
display:none;
}
.home-banner {
    width: 100%;
    background-color: #F4F4F4;
    padding: 2%;
    border-bottom: 1px solid#DDDDDD;
}
.home-banner-grid {
    width:32%;
    float:left;
    margin-left: 1%;
	margin-right:0%;
	margin-bottom:2%;
	margin-top:1%;
    padding: 1%;
    background-color: #FFF;
    border: 1px solid#D0D0D0;
    background-image: url(../images/grid-bg.png);
    background-position: center top;
	height:120px;
}
.grid-title h2 {
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    color: #3F2B87;
    line-height: 1.5em;
}
.courses-home-left {
    width: 49%;
    float: left;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
	margin-bottom:2%;
}
.courses-home-left1 {
    width: 100%;
    float: left;
	padding:4%;
}
.courses-home-left2 {
display:none;
}
.courses-home-right {
    width: 49%;
    float: right;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
}
.how-grid-item {
    width: 16.5%;
    float: left;
}
.how-grid-item p {
    font-size: .8em;
    font-weight: 600;
    color: #353535;
    text-align: center;
    padding: 10%;
    text-transform: uppercase;
}
.col-md-3 {
width:25%;
float:left;
height: auto;
}
.strip {
    width: 100%;
    padding: 0%;
    background-color: #F66D26;
    margin-top: 2%;
}
.strip-left {
    width:45%;
    float: left;
    padding: 1%;
    background-color: #F66D26;
}
.strip-left p {
    font-size: 1.2em;
    color: #FFF;
    font-weight: 600;
}
ul.follow-link li span {
display:none;
}
.strip-right {
display:block;
width: 50%;
float: right;
padding:1%;
}
.banner {
    width: 100%;
    box-shadow: 0 5px 8px rgba(0,0,0,0.2);
    margin-bottom:0px;
}
.page-content-left {
display:none;
}
.page-content-right {
    width:100%;
    float: left;
    padding-left:0%;
}
.team-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height: 400px;
}
.courses-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height:460px;
}
.courses-grid li {
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    list-style: none;
    text-transform: capitalize;
    color: #333;
    padding-bottom: 2%;
    padding-top: 2%;
    border-bottom: 1px solid#F1F1F1;
    line-height: 1.5em;
    margin-left: 2%;
    margin-right: 2%;
}
.page-content-right p {
    padding-bottom: 1%;
    line-height: 1.5em;
    font-size: .9em;
    text-align: left;
}
.gmap {
    width:50%;
    float: left;
    margin-top: 2%;
}
.gmap iframe {
    width: 100%;
    height: 250px;
    border: 1px solid#E6E6E6;
    padding: 1%;
}
.contact-info {
    width:45%;
    float: left;
    margin-top: 2%;
    margin-left:5%;
}
.col-xs-8 {
    width: 100%;
}
.welcome {
    padding: 1em 0 0;
}
.monogram {
display:none;
}
.pull-right {
display:none;
}
.welcome h3 {
    text-align: center;
    font-size: 1.6em;
    text-transform: uppercase;
    border-bottom: 1px solid #EDEDED;
    line-height: 1.5em;
    letter-spacing: 1px;
    color: #000;
    width: 80%;
    margin: 0 auto;
}
.welcome h5 {
    font-size: 1.1em;
    text-align: center;
    color: #666;
    font-weight: 600;
    margin-top: 4%;
}
.online-text {
display:none;
}
.home-form {
display:block;
}
.about-section-grids {
display: block;
}
.form-text input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
    padding: 8px 8px;
    border: 1px solid #F0F0F0;
    border-radius: 1px;
    font-size: 0.9em;
    margin-right: 1%;
    margin-bottom: 2%;
    color: #666;
    outline: none;
    font-weight: 400;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.form textarea {
    color: #666;
    padding: 8px 8px;
    display: block;
    float: left;
    margin-bottom: 2%;
    margin-top: 0em;
    width:100%;
    font-size: 0.9em;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    text-transform: capitalize;
    outline: none;
    -webkit-appearance: none;
}
.form-text2 input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
}
.form-text2 input[type="text"], .contact-right textarea, .form-text2 select {
    width:100%;
    float: left;
}
.form2 textarea {
    float: left;
    width: 100%;
}
}
@media (max-width: 736px) {
.top-link {
display:none;
}
.social {
    text-align: center;
}
.logo {
    float: left;
    width:100%;
    padding-top: 1%;
}
.logo img {
  width: 100%;
}
.call {
    width:100%;
    float:left;
    padding:2%;
	margin-left:5%;
	text-align:center;
}
.call li {
    list-style: none;
    display: inline-block;
    padding-right: 2%;
	padding-bottom:2%;
}

.call p {
    font-size: 0.8em;
}
p {
    margin:0;
}
.button {
    display: inline-block;
    background: #F86C24;
    padding: 10px 15px;
    z-index: 0;
    color: #fff;
    font-family: Calibri;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
}
.popup {
    padding: 10px 10px 35px;
    background: #fff;
    z-index: 999;
    display: none;
    position: absolute;
    right: 0;
    width: 50%;
}
.tab-menu {
    width: 100%;
    float: left;
    background-color: #000;
}
.home-header-left {
    width:50%;
    float: left;
    border-right:none;
	height:auto;
    background-color: #000;
}
.home-header-right-content {
    width:100%;
    margin: 0 auto;
}
.home-header-right {
    width:50%;
    float: left;
    background-color: #3F2B87;
    padding: 2.3%;
    background-image: url(../images/bg-home.png);
    background-position: center top;
}
.home-header-right h1 {
    text-align: center;
    font-size: 1.3em;
    text-transform: uppercase;
    border-bottom: 1px solid #584795;
    line-height: 2em;
    font-weight: 600;
    letter-spacing: 0px;
    color: #FFF;
    width: 80%;
    margin: 0 auto;
}
.home-header-right h2 {
    text-align: center;
    font-size: 1em;
    font-weight: 600;
    color: #B1A1ED;
    padding: 3%;
    text-transform: uppercase;
}
.home-header-right p {
    font-size: .9em;
    color: #FFF;
    line-height: 1.3em;
    padding-bottom: 1%;
    text-align: center;
    height:216px;
    overflow: hidden;
}
.home-grid-pic-title h2 {
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
    color: #3F2B87;
    line-height: 1.3em;
}
.strip-right h2 {
    font-family: 'Roboto Slab', serif;
    font-size:1.3em;
    color: #FFF;
    padding-top:2.8%;
}

.home-icon-grid:nth-child(2) {
padding:3.67%;
}

.title-content {
display:none;
}
.home-banner {
    width: 100%;
    background-color: #F4F4F4;
    padding: 2%;
    border-bottom: 1px solid#DDDDDD;
}
.home-banner-grid {
    width:32%;
    float:left;
    margin-left: 1%;
	margin-right:0%;
	margin-bottom:2%;
	margin-top:1%;
    padding: 1%;
    background-color: #FFF;
    border: 1px solid#D0D0D0;
    background-image: url(../images/grid-bg.png);
    background-position: center top;
	height:120px;
}
.grid-title h2 {
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    color: #3F2B87;
    line-height: 1.5em;
}
.courses-home-left {
    width: 49%;
    float: left;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
	margin-bottom:2%;
}
.courses-home-left1 {
    width: 100%;
    float: left;
	padding:4%;
}
.courses-home-left2 {
display:none;
}
.courses-home-right {
    width: 49%;
    float: right;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
}
.how-grid-item {
    width: 16.5%;
    float: left;
}
.how-grid-item p {
    font-size: .8em;
    font-weight: 600;
    color: #353535;
    text-align: center;
    padding: 10%;
    text-transform: uppercase;
}
.col-md-3 {
width:50%;
float:left;
height:190px;
}
.contact-grid {
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 10px;
}
.strip {
    width: 100%;
    padding: 0%;
    background-color: #F66D26;
    margin-top: 2%;
}
.strip-left {
    width:45%;
    float: left;
    padding: 1%;
    background-color: #F66D26;
}
.strip-left p {
    font-size: 1.2em;
    color: #FFF;
    font-weight: 600;
}
ul.follow-link li span {
display:none;
}
.strip-right {
display:block;
width: 50%;
float: right;
padding:1%;
}
.banner {
    width: 100%;
    box-shadow: 0 5px 8px rgba(0,0,0,0.2);
    margin-bottom:0px;
}
.page-content-left {
display:none;
}
.page-content-right {
    width:100%;
    float: left;
    padding-left:0%;
}
.team-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height: 400px;
}
.courses-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height:460px;
}
.courses-grid li {
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    list-style: none;
    text-transform: capitalize;
    color: #333;
    padding-bottom: 2%;
    padding-top: 2%;
    border-bottom: 1px solid#F1F1F1;
    line-height: 1.5em;
    margin-left: 2%;
    margin-right: 2%;
}
.page-content-right p {
    padding-bottom: 1%;
    line-height: 1.5em;
    font-size: .9em;
    text-align: left;
}
.gmap {
    width:50%;
    float: left;
    margin-top: 2%;
}
.gmap iframe {
    width: 100%;
    height: 250px;
    border: 1px solid#E6E6E6;
    padding: 1%;
}
.contact-info {
    width:45%;
    float: left;
    margin-top: 2%;
    margin-left:5%;
}
.col-xs-8 {
    width: 100%;
}
.welcome {
    padding: 1em 0 0;
}
.monogram {
display:none;
}
.pull-right {
display:none;
}
.welcome h3 {
    text-align: center;
    font-size: 1.6em;
    text-transform: uppercase;
    border-bottom: 1px solid #EDEDED;
    line-height: 1.5em;
    letter-spacing: 1px;
    color: #000;
    width: 80%;
    margin: 0 auto;
}
.welcome h5 {
    font-size: 1.1em;
    text-align: center;
    color: #666;
    font-weight: 600;
    margin-top: 4%;
}
.online-text {
display:none;
}
.home-form {
display:block;
}
.about-section-grids {
display: block;
}
.form-text input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
    padding: 8px 8px;
    border: 1px solid #F0F0F0;
    border-radius: 1px;
    font-size: 0.9em;
    margin-right: 1%;
    margin-bottom: 2%;
    color: #666;
    outline: none;
    font-weight: 400;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.form textarea {
    color: #666;
    padding: 8px 8px;
    display: block;
    float: left;
    margin-bottom: 2%;
    margin-top: 0em;
    width:100%;
    font-size: 0.9em;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    text-transform: capitalize;
    outline: none;
    -webkit-appearance: none;
}
.form-text2 input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
}
.form-text2 input[type="text"], .contact-right textarea, .form-text2 select {
    width:100%;
    float: left;
}
.form2 textarea {
    float: left;
    width: 100%;
}
}
@media (max-width: 667px) {
.top-link {
display:none;
}
.social {
    text-align: center;
}
.logo {
    float: left;
    width:100%;
    padding-top: 1%;
}
.logo img {
  width: 100%;
}
.call {
    width:100%;
    float:left;
    padding:2%;
	margin-left:5%;
	text-align:center;
}
.call li {
    list-style: none;
    display: inline-block;
    padding-right: 2%;
	padding-bottom:2%;
}

.call p {
    font-size: 0.8em;
}
p {
    margin:0;
}
.button {
    display: inline-block;
    background: #F86C24;
    padding: 10px 15px;
    z-index: 0;
    color: #fff;
    font-family: Calibri;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
}
.popup {
    padding: 10px 10px 35px;
    background: #fff;
    z-index: 999;
    display: none;
    position: absolute;
    right: 0;
    width: 50%;
}
.tab-menu {
    width: 100%;
    float: left;
    background-color: #f66d26;
}
.home-header-left {
    width:100%;
    float: left;
    border-right:none;
	height:auto;
    background-color: #000;
}
.home-header-right-content {
    width:100%;
    margin: 0 auto;
}
.home-header-right {
    width:100%;
    float: left;
    background-color: #3F2B87;
    padding: 2.3%;
    background-image: url(../images/bg-home.png);
    background-position: center top;
}
.home-header-right h1 {
    text-align: center;
    font-size: 1.3em;
    text-transform: uppercase;
    border-bottom: 1px solid #584795;
    line-height: 2em;
    font-weight: 600;
    letter-spacing: 0px;
    color: #FFF;
    width: 80%;
    margin: 0 auto;
}
.home-header-right h2 {
    text-align: center;
    font-size: 1em;
    font-weight: 600;
    color: #B1A1ED;
    padding: 3%;
    text-transform: uppercase;
}
.home-header-right p {
    font-size: .9em;
    color: #FFF;
    line-height: 1.3em;
    padding-bottom: 1%;
    text-align: center;
    height:184px;
    overflow: hidden;
}
.home-grid-pic-title h2 {
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
    color: #3F2B87;
    line-height: 1.3em;
}
.strip-right h2 {
    font-family: 'Roboto Slab', serif;
    font-size:1.3em;
    color: #FFF;
    padding-top:2.8%;
}

.home-icon-grid:nth-child(2) {
padding:3.67%;
}

.title-content {
display:none;
}
.home-banner {
    width: 100%;
    background-color: #F4F4F4;
    padding: 2%;
    border-bottom: 1px solid#DDDDDD;
}
.home-banner-grid {
    width:32%;
    float:left;
    margin-left: 1%;
	margin-right:0%;
	margin-bottom:2%;
	margin-top:1%;
    padding: 1%;
    background-color: #FFF;
    border: 1px solid#D0D0D0;
    background-image: url(../images/grid-bg.png);
    background-position: center top;
	height:120px;
}
.grid-title h2 {
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    color: #3F2B87;
    line-height: 1.5em;
}
.courses-home-left {
    width: 49%;
    float: left;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
	margin-bottom:2%;
}
.courses-home-left1 {
    width: 100%;
    float: left;
	padding:4%;
}
.courses-home-left2 {
display:none;
}
.courses-home-right {
    width: 49%;
    float: right;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
}
.how-grid-item {
    width: 16.5%;
    float: left;
}
.how-grid-item p {
    font-size: .8em;
    font-weight: 600;
    color: #353535;
    text-align: center;
    padding: 10%;
    text-transform: uppercase;
}
.col-md-3 {
width:50%;
float:left;
height:190px;
}
.contact-grid {
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 10px;
}
.strip {
    width: 100%;
    padding: 0%;
    background-color: #F66D26;
    margin-top: 2%;
}
.strip-left {
    width:45%;
    float: left;
    padding: 1%;
    background-color: #F66D26;
}
.strip-left p {
    font-size: 1.2em;
    color: #FFF;
    font-weight: 600;
}
ul.follow-link li span {
display:none;
}
.strip-right {
display:block;
width: 50%;
float: right;
padding:1%;
}
.banner {
    width: 100%;
    box-shadow: 0 5px 8px rgba(0,0,0,0.2);
    margin-bottom:0px;
}
.page-content-left {
display:none;
}
.page-content-right {
    width:100%;
    float: left;
    padding-left:0%;
}
.team-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height: 400px;
}
.courses-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height:460px;
}
.courses-grid li {
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    list-style: none;
    text-transform: capitalize;
    color: #333;
    padding-bottom: 2%;
    padding-top: 2%;
    border-bottom: 1px solid#F1F1F1;
    line-height: 1.5em;
    margin-left: 2%;
    margin-right: 2%;
}
.page-content-right p {
    padding-bottom: 1%;
    line-height: 1.5em;
    font-size: .9em;
    text-align: left;
}
.gmap {
    width:50%;
    float: left;
    margin-top: 2%;
}
.gmap iframe {
    width: 100%;
    height: 250px;
    border: 1px solid#E6E6E6;
    padding: 1%;
}
.contact-info {
    width:45%;
    float: left;
    margin-top: 2%;
    margin-left:5%;
}
.col-xs-8 {
    width: 100%;
}
.welcome {
    padding: 1em 0 0;
}
.monogram {
display:none;
}
.pull-right {
display:none;
}
.welcome h3 {
    text-align: center;
    font-size: 1.6em;
    text-transform: uppercase;
    border-bottom: 1px solid #EDEDED;
    line-height: 1.5em;
    letter-spacing: 1px;
    color: #000;
    width: 80%;
    margin: 0 auto;
}
.welcome h5 {
    font-size: 1.1em;
    text-align: center;
    color: #666;
    font-weight: 600;
    margin-top: 4%;
}
.online-text {
display:none;
}
.home-form {
display:block;
}
.about-section-grids {
display: block;
}
.form-text input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
    padding: 8px 8px;
    border: 1px solid #F0F0F0;
    border-radius: 1px;
    font-size: 0.9em;
    margin-right: 1%;
    margin-bottom: 2%;
    color: #666;
    outline: none;
    font-weight: 400;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.form textarea {
    color: #666;
    padding: 8px 8px;
    display: block;
    float: left;
    margin-bottom: 2%;
    margin-top: 0em;
    width:100%;
    font-size: 0.9em;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    text-transform: capitalize;
    outline: none;
    -webkit-appearance: none;
}
.form-text2 input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
}
.form-text2 input[type="text"], .contact-right textarea, .form-text2 select {
    width:100%;
    float: left;
}
.form2 textarea {
    float: left;
    width: 100%;
}
}
@media (max-width: 640px) {
.top-link {
display:none;
}
.social {
    text-align: center;
}
.logo {
    float: left;
    width:100%;
    padding-top: 1%;
}
.logo img {
  width: 100%;
}
.call {
    width:100%;
    float:left;
    padding:2%;
	margin-left:5%;
	text-align:center;
}
.call li {
    list-style: none;
    display: inline-block;
    padding-right: 2%;
	padding-bottom:2%;
}

.call p {
    font-size: 0.8em;
}
p {
    margin:0;
}
.button {
    display: inline-block;
    background: #F86C24;
    padding: 10px 15px;
    z-index: 0;
    color: #fff;
    font-family: Calibri;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
}
.popup {
    padding: 10px 10px 35px;
    background: #fff;
    z-index: 999;
    display: none;
    position: absolute;
    right: 0;
    width: 50%;
}
.tab-menu {
    width: 100%;
    float: left;
    background-color: #000;
}
.home-header-left {
    width:100%;
    float: left;
    border-right:none;
	height:auto;
    background-color: #000;
}
.home-header-right-content {
    width:100%;
    margin: 0 auto;
}
.home-header-right {
    width:100%;
    float: left;
    background-color: #3F2B87;
    padding: 2.3%;
    background-image: url(../images/bg-home.png);
    background-position: center top;
}
.home-header-right h1 {
    text-align: center;
    font-size: 1.3em;
    text-transform: uppercase;
    border-bottom: 1px solid #584795;
    line-height: 2em;
    font-weight: 600;
    letter-spacing: 0px;
    color: #FFF;
    width: 80%;
    margin: 0 auto;
}
.home-header-right h2 {
    text-align: center;
    font-size: 1em;
    font-weight: 600;
    color: #B1A1ED;
    padding: 3%;
    text-transform: uppercase;
}
.home-header-right p {
    font-size: .9em;
    color: #FFF;
    line-height: 1.3em;
    padding-bottom: 1%;
    text-align: center;
    height:172px;
    overflow: hidden;
}
.home-grid-pic-title h2 {
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
    color: #3F2B87;
    line-height: 1.3em;
}
.strip-right h2 {
    font-family: 'Roboto Slab', serif;
    font-size:1.3em;
    color: #FFF;
    padding-top:2.8%;
}

.home-icon-grid:nth-child(2) {
padding:3.67%;
}

.title-content {
display:none;
}
.home-banner {
    width: 100%;
    background-color: #F4F4F4;
    padding: 2%;
    border-bottom: 1px solid#DDDDDD;
}
.home-banner-grid {
    width:32%;
    float:left;
    margin-left: 1%;
	margin-right:0%;
	margin-bottom:2%;
	margin-top:1%;
    padding: 1%;
    background-color: #FFF;
    border: 1px solid#D0D0D0;
    background-image: url(../images/grid-bg.png);
    background-position: center top;
	height:120px;
}
.grid-title h2 {
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    color: #3F2B87;
    line-height: 1.5em;
}
.courses-home-left {
    width: 49%;
    float: left;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
	margin-bottom:2%;
}
.courses-home-left1 {
    width: 100%;
    float: left;
	padding:4%;
}
.courses-home-left2 {
display:none;
}
.courses-home-right {
    width: 49%;
    float: right;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
}
.how-grid-item {
    width: 16.5%;
    float: left;
}
.how-grid-item p {
    font-size: .8em;
    font-weight: 600;
    color: #353535;
    text-align: center;
    padding: 10%;
    text-transform: uppercase;
}
.col-md-3 {
width:50%;
float:left;
height:190px;
}
.contact-grid {
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 10px;
}
.strip {
    width: 100%;
    padding: 0%;
    background-color: #F66D26;
    margin-top: 2%;
}
.strip-left {
    width:45%;
    float: left;
    padding: 1%;
    background-color: #F66D26;
}
.strip-left p {
    font-size: 1.2em;
    color: #FFF;
    font-weight: 600;
}
ul.follow-link li span {
display:none;
}
.strip-right {
display:block;
width: 50%;
float: right;
padding:1%;
}
.banner {
    width: 100%;
    box-shadow: 0 5px 8px rgba(0,0,0,0.2);
    margin-bottom:0px;
}
.page-content-left {
display:none;
}
.page-content-right {
    width:100%;
    float: left;
    padding-left:0%;
}
.team-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height: 400px;
}
.courses-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height:460px;
}
.courses-grid li {
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    list-style: none;
    text-transform: capitalize;
    color: #333;
    padding-bottom: 2%;
    padding-top: 2%;
    border-bottom: 1px solid#F1F1F1;
    line-height: 1.5em;
    margin-left: 2%;
    margin-right: 2%;
}
.page-content-right p {
    padding-bottom: 1%;
    line-height: 1.5em;
    font-size: .9em;
    text-align: left;
}
.gmap {
    width:50%;
    float: left;
    margin-top: 2%;
}
.gmap iframe {
    width: 100%;
    height: 250px;
    border: 1px solid#E6E6E6;
    padding: 1%;
}
.contact-info {
    width:45%;
    float: left;
    margin-top: 2%;
    margin-left:5%;
}
.col-xs-8 {
    width: 100%;
}
.welcome {
    padding: 1em 0 0;
}
.monogram {
display:none;
}
.pull-right {
display:none;
}
.welcome h3 {
    text-align: center;
    font-size: 1.6em;
    text-transform: uppercase;
    border-bottom: 1px solid #EDEDED;
    line-height: 1.5em;
    letter-spacing: 1px;
    color: #000;
    width: 80%;
    margin: 0 auto;
}
.welcome h5 {
    font-size: 1.1em;
    text-align: center;
    color: #666;
    font-weight: 600;
    margin-top: 4%;
}
.online-text {
display:none;
}
.home-form {
display:block;
}
.about-section-grids {
display: block;
}
.form-text input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
    padding: 8px 8px;
    border: 1px solid #F0F0F0;
    border-radius: 1px;
    font-size: 0.9em;
    margin-right: 1%;
    margin-bottom: 2%;
    color: #666;
    outline: none;
    font-weight: 400;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.form textarea {
    color: #666;
    padding: 8px 8px;
    display: block;
    float: left;
    margin-bottom: 2%;
    margin-top: 0em;
    width:100%;
    font-size: 0.9em;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    text-transform: capitalize;
    outline: none;
    -webkit-appearance: none;
}
.form-text2 input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
}
.form-text2 input[type="text"], .contact-right textarea, .form-text2 select {
    width:100%;
    float: left;
}
.form2 textarea {
    float: left;
    width: 100%;
}
}
/*Portrait Tablet*/
@media (min-width: 480px) and (max-width: 600px) {
.top-link {
display:none;
}
.social {
    text-align: center;
}
.logo {
    float: left;
    width: 100%;
    padding-top: 2%;
}
.logo img {
  width: 100%;
}
.call {
    width:100%;
    float:left;
    padding:0%;
	margin-left:5%;
	text-align:center;
}
.call li {
    list-style: none;
    display:block;
    padding-right:0%;
	padding-bottom:2%;
}

.call p {
    font-size: 0.8em;
}
p {
    margin:0;
}
.button {
    display: inline-block;
    background: #F86C24;
    padding: 10px 15px;
    z-index: 0;
    color: #fff;
    font-family: Calibri;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
}
.popup {
    padding: 10px 10px 35px;
    background: #fff;
    z-index: 999;
    display: none;
    position: absolute;
    right: 0;
    width: 50%;
}
.tab-menu {
    width: 100%;
    float: left;
    background-color: #f66d26;
}
.home-header-left {
    width:100%;
    float: left;
    border-right:none;
	height:auto;
    background-color: #000;
}
.home-header-right-content {
    width: 100%;
    margin: 0 auto;
}
.home-header-right {
    width:100%;
    float: left;
    background-color: #3F2B87;
    padding: 2.3%;
    background-image: url(../images/bg-home.png);
    background-position: center top;
}
.home-header-right h1 {
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    border-bottom: 1px solid #584795;
    line-height: 1.8em;
    font-weight: 600;
    letter-spacing: 0px;
    color: #FFF;
    width:100%;
    margin: 0 auto;
}
.home-header-right h2 {
    text-align: center;
    font-size: .8em;
    font-weight: 600;
    color: #B1A1ED;
    padding: 3%;
    text-transform: uppercase;
}
.home-header-right p {
font-size:.9em;
    color: #FFF;
    line-height: 1.3em;
    padding-bottom: 1%;
    text-align: center;
	height:149px;
	overflow:hidden;
}
.title-content {
display:none;
}
.home-icon {
    width: 100%;
    background-color: #FFF;
    text-align: center;
    border-bottom: 1px solid #DDDDDD;
    padding:2%;
}
.home-icon-grid {
    width: 48%;
    float: left;
}
.home-icon-grid:nth-child(4) {
padding:2.62%;
}
.home-banner {
    width: 100%;
    background-color: #F4F4F4;
    padding: 2%;
    border-bottom: 1px solid#DDDDDD;
}
.home-banner-grid {
    width:48%;
    float:left;
    margin-left: 1%;
	margin-bottom:2%;
	margin-top:1%;
    padding: 1%;
    background-color: #FFF;
    border: 1px solid#D0D0D0;
    background-image: url(../images/grid-bg.png);
    background-position: center top;
	height: auto;
}
.home-banner-grid:nth-child(3) {
display:none;
}
.grid-title h2 {
    font-size: 1.3em;
    font-weight: 600;
    text-transform: uppercase;
    color: #3F2B87;
    line-height: 1.5em;
}
.courses-home-left {
    width:50%;
    float: left;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
	margin-bottom:2%;
}
.courses-home-left1 {
    width:100%;
    float: left;
	padding:4%;
}
.courses-home-left2 {
display:none;
}
.courses-home-right {
    width:49%;
    float: right;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
	height:343px;
}
.how-grid-item {
    width: 33.3333%;
    float: left;
}
.how-grid-item p {
    font-size: .8em;
    font-weight: 600;
    color: #353535;
    text-align: center;
    padding: 10%;
    text-transform: uppercase;
}
.col-md-3 {
width:50%;
float:left;
height:200px;
}
.contact-grid {
    padding: 10px 20px 20px 20px;
	border-bottom:1px solid#d5d5d5;
	margin-bottom:10px;
}
.strip {
    width: 100%;
    padding: 0%;
    background-color: #F66D26;
    margin-top: 2%;
}
.strip-left {
    width: 100%;
    float: left;
    padding: 1%;
    background-color: #F66D26;
}
.strip-right {
display:none;
}
.banner {
    width: 100%;
    box-shadow: 0 5px 8px rgba(0,0,0,0.2);
    margin-bottom:0px;
}
.page-content-left {
display:none;
}
.page-content-right {
    width:100%;
    float: left;
    padding-left:0%;
}
.team-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height: 450px;
}
.courses-grid {
    width: 48%;
    float: left;
    margin-right:1%;
	margin-left:1%;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height:460px;
}
.courses-grid li {
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    list-style: none;
    text-transform: capitalize;
    color: #333;
    padding-bottom: 2%;
    padding-top: 2%;
    border-bottom: 1px solid#F1F1F1;
    line-height: 1.5em;
    margin-left: 2%;
    margin-right: 2%;
}
.page-content-right p {
    padding-bottom: 1%;
    line-height: 1.5em;
    font-size: .9em;
    text-align: left;
}
.gmap {
    width: 100%;
    float: left;
    margin-top: 2%;
}
.gmap iframe {
    width: 100%;
    height: 250px;
    border: 1px solid#E6E6E6;
    padding: 1%;
}
.contact-info {
    width: 100%;
    float: left;
    margin-top: 2%;
    margin-left: 0%;
}
.col-xs-8 {
    width: 100%;
}
.welcome {
    padding: 1em 0 0;
}
.monogram {
display:none;
}
.pull-right {
display:none;
}
.welcome h3 {
    text-align: center;
    font-size: 1.6em;
    text-transform: uppercase;
    border-bottom: 1px solid #EDEDED;
    line-height: 1.5em;
    letter-spacing: 1px;
    color: #000;
    width: 80%;
    margin: 0 auto;
}
.welcome h5 {
    font-size: 1.1em;
    text-align: center;
    color: #666;
    font-weight: 600;
    margin-top: 4%;
}
.online-text {
display:none;
}
.home-form {
display:block;
}
.about-section-grids {
display: block;
}
.form-text input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
    padding: 8px 8px;
    border: 1px solid #F0F0F0;
    border-radius: 1px;
    font-size: 0.9em;
    margin-right: 1%;
    margin-bottom: 2%;
    color: #666;
    outline: none;
    font-weight: 400;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.form textarea {
    color: #666;
    padding: 8px 8px;
    display: block;
    float: left;
    margin-bottom: 2%;
    margin-top: 0em;
    width:100%;
    font-size: 0.9em;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    text-transform: capitalize;
    outline: none;
    -webkit-appearance: none;
}
.form-text2 input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
}
.form-text2 input[type="text"], .contact-right textarea, .form-text2 select {
    width:100%;
    float: left;
}
.form2 textarea {
    float: left;
    width: 100%;
}
}
@media (min-width: 533px) and (max-width: 534px) {
.home-header-right p {
font-size:.9em;
    color: #FFF;
    line-height: 1.3em;
    padding-bottom: 1%;
    text-align: center;
	height:173px;
	overflow:hidden;
}
}
@media (min-width: 568px) and (max-width: 569px) {
.home-header-right p {
font-size:.9em;
    color: #FFF;
    line-height: 1.3em;
    padding-bottom: 1%;
    text-align: center;
	height:188px;
	overflow:hidden;
}
}
@media (min-width: 600px) and (max-width: 601px) {
.home-header-right p {
font-size:.9em;
    color: #FFF;
    line-height: 1.3em;
    padding-bottom: 1%;
    text-align: center;
	height:204px;
	overflow:hidden;
}
}
/*
Landscape smart phone*/
@media (min-width: 320px) and (max-width: 479px) {
.top-link {
display:none;
}
.social {
    text-align: center;
}
.logo {
    float: left;
    width: 100%;
    padding-top: 1%;
}
.logo img {
  width: 100%;
}
.call {
    width:100%;
    float:left;
    padding:0%;
}
.call li {
    list-style: none;
    display: block;
    padding-right:0;
	padding-bottom:2%;
}

.call p {
    font-size: 0.8em;
}
p {
    margin:0;
}
.button {
    display: inline-block;
    background: #F86C24;
    padding: 10px 15px;
    z-index: 0;
    color: #fff;
    font-family: Calibri;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
}
.popup {
    padding: 10px 10px 35px;
    background: #fff;
    z-index: 999;
    display: none;
    position: absolute;
    right: 10%;
	left:10%;
    width: 80%;
}
.tab-menu {
    width: 100%;
    float: left;
    background-color: #f66d26;
}
.home-header-left {
    width:100%;
    float: left;
    border-right:none;
	height:auto;
    background-color: #000;
}
.home-header-right {
    width: 100%;
    float: left;
    background-color: #3F2B87;
    padding: 2.3%;
    background-image: url(../images/bg-home.png);
    background-position: center top;
}
.title-content {
display:none;
}
.home-icon-grid {
    width: 100%;
    float: left;
    margin-left: 1%;
    padding: 1%;
    background-color: #FFF;
    border: 1px solid #D0D0D0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(208, 208, 208);
    background-image: url(../images/grid-bg.png);
    background-position: center top;
}
.home-grid-pic-title h2 {
    font-size: 1.3em;
    font-weight: 600;
    text-transform: uppercase;
    color: #3F2B87;
    line-height: 1.5em;
}
.home-grid-pic {
    width: 70%;
    padding: 1%;
	margin:0 auto;
}

.home-banner {
    width: 100%;
    background-color: #F4F4F4;
    padding: 2%;
    border-bottom: 1px solid#DDDDDD;
}
.home-banner-grid {
    width: 100%;
    float: left;
    margin-left: 1%;
	margin-bottom:2%;
	margin-top:1%;
    padding: 1%;
    background-color: #FFF;
    border: 1px solid#D0D0D0;
    background-image: url(../images/grid-bg.png);
    background-position: center top;
	height: auto;
}
.courses-home-left {
    width: 100%;
    float: left;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
	margin-bottom:2%;
}
.courses-home-left1 {
    width: 100%;
    float: left;
	padding:4%;
}
.courses-home-left2 {
display:none;
}
.courses-home-right {
    width: 100%;
    float: right;
    border: 1px solid#DDDDDD;
    background-color: #F4F4F4;
    padding: 2%;
    border-radius: 8px;
}
.how-grid-item {
    width:33.3333%;
    float: left;
}
.how-grid-item p {
    font-size: .9em;
    font-weight: 600;
    color: #353535;
    text-align: center;
    padding: 10%;
    text-transform: uppercase;
}
.strip {
    width: 100%;
    padding: 0%;
    background-color: #F66D26;
    margin-top: 2%;
}
.strip-left {
    width: 100%;
    float: left;
    padding: 1%;
    background-color: #F66D26;
}
.strip-right {
display:none;
}
.banner {
    width: 100%;
    box-shadow: 0 5px 8px rgba(0,0,0,0.2);
    margin-bottom:0px;
}
.contact-grid {
    padding: 10px 10px 10px 10px;
	border-bottom:1px solid#d5d5d5;
	margin-bottom:10px;
}
.page-content-right h2 {
   line-height:1.5em;
   font-size: 1.3em;
}

.col-md-3 {
width:100%;
float:left;
height:auto;
}
.page-content-left {
display:none;
}
.page-content-right {
    width:100%;
    float: left;
    padding-left:0%;
}
.team-grid {
    width: 100%;
    float: left;
    margin-right:0;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height: auto;
}
.courses-grid {
    width: 100%;
    float: left;
    margin-right:0;
    margin-bottom:0;
	margin-top:4%;
    padding: 2%;
    background-color: #FFF;
    border: 1px solid#ECECEC;
    height: auto;
}
.page-content-right p {
    padding-bottom: 1%;
    line-height: 1.8em;
    font-size: 1em;
    text-align: left;
}
.gmap {
    width: 100%;
    float: left;
    margin-top: 2%;
}
.gmap iframe {
    width: 100%;
    height: 250px;
    border: 1px solid#E6E6E6;
    padding: 1%;
}
.contact-info {
    width: 100%;
    float: left;
    margin-top: 2%;
    margin-left: 0%;
}
.col-xs-8 {
    width: 100%;
}
.welcome {
    padding: 1em 0 0;
}
.monogram {
display:none;
}
.pull-right {
display:none;
}
.welcome h3 {
    text-align: center;
    font-size: 1.3em;
    text-transform: uppercase;
    border-bottom: 1px solid #EDEDED;
    line-height: 1.7em;
    letter-spacing: 0;
    color: #000;
    width: 80%;
    margin: 0 auto;
}
.welcome h5 {
    font-size: 1em;
    text-align: center;
	line-height:1.5em;
    color: #666;
    font-weight:500;
    margin-top:5%;
	margin-bottom:2%;
}
.online-text {
    width: 100%;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 0%;
	display:none;
}

.about-section-grids {
    width: 100%;
    margin: 0 auto;
    background-color:none;
    border: 0;
    margin-top: 0%;
	display:block;
}
.form-text input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
    padding: 8px 8px;
    border: 1px solid #F0F0F0;
    border-radius: 1px;
    font-size: 0.9em;
    margin-right: 1%;
    margin-bottom: 2%;
    color: #666;
    outline: none;
    font-weight: 400;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.form textarea {
    color: #666;
    padding: 8px 8px;
    display: block;
    float: left;
    margin-bottom: 2%;
    margin-top: 0em;
    width:100%;
    font-size: 0.9em;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    text-transform: capitalize;
    outline: none;
    -webkit-appearance: none;
}
.form-text2 input[type="text"], .contact-right textarea, .contact form select {
    width: 100%;
    float: left;
}
.form-text2 input[type="text"], .contact-right textarea, .form-text2 select {
    width:100%;
    float: left;
}
.form2 textarea {
    float: left;
    width: 100%;
}
}
/*
Portrait smart phone*/
.errormsg {
	font-size:13px;
	color:#F00;
	text-align:center;
	clear:both;
}
.uslink {
	
}
.uslink a {
	color:#000;
	text-decoration:none;
}
.uslink a:hover {
	color:#666;
	text-decoration:underline;
}
.redmsg {
	color:#F00;
}
.paid {
    color: #0C0;
    font-weight: bold;
}
.unpaid {
    color: #F00;
    font-weight: bold;
}
button.billbuy {
	border: 0;
	width: 86px;
	height: 21px;
	background-image:url(../images/btn_pay.png);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	cursor:pointer;
	background-color:#f8f8f8;
}
button.billbuy:hover {
	border: 0;
	width: 86px;
	height: 21px;
	background-image:url(../images/btn_pay.png);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	cursor:pointer;
	background-color:#f8f8f8;
}
.astmark {
	color:#FF0000;
}
button.buy1 {
	border: 0;
	width: 200px;
	height: 66px;
	background-image: url(../images/citrusbutton1.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	cursor:pointer;
	background-color:#ffffff;
}
button.buy1:hover{
	opacity: .7;
	filter: alpha(opacity=70);
}
.fixed2 {
    position: fixed;
    left: 0px;
    top: 285px;
    z-index: 1000000000;
}
.fixed4 {
    position: fixed;
    left: 0px;
    top: 450px;
    z-index: 1000000000;
}
.logintext {
	font-size:1em;
}
.affcenter {
	text-align:center;
}
.affcenter img {
	border:1px solid #CCC;
	margin-bottom:20px;
}
.faculty-center {
	text-align:center;
}
.faculty-center img {
	border:1px solid #CCC;
}



.coursesss{
  border: 1px solid #DDDDDD;
    background-color: #F4F4F4;
    padding: 10px;
    border-radius: 8px;
    margin-top: 60px;
}
.coursesss h2{
background: #fdc689;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 8px;
}
.coursesss a {
  text-decoration: none;
    background: #fdc689;
    color: #000;
    text-align: center;
    padding: 5px 0;
    border-radius: 3px;
    display: block;
    margin-top: 10px;
}
.saas{
  border: 2px solid #fdc689;
  
    padding: 5px;
    border-radius: 8px;
    margin-top: 30px;
}
.saas ul {
   list-style: inside
}
.saas ul li{
      list-style-type: square;
    margin-bottom:5px;
    font-weight:bold;
}
.saas h2 {
  text-decoration: none;
    background: #fdc689;
    color: #000;
    text-align: center;
    padding: 5px 0;
    border-radius: 3px;
    display: block;
    font-size:18px;
    font-weight:bold;
}
.coursesss p {
  font-size: 12px;
    text-align: justify;
    
}
.textareas p{
  font-size: 14px;
    text-align: justify;
}


.social strong{
    display: none !important;   
}
.contain{
  text-align: left;
  padding-left:5px;
}
.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 5px; /* 5px rounded corners */
  border:3px solid #F66D26;
  background:#F66D26;
}

.card h4{
 color:#fff;
 font-family: Nunito;
  padding: 10px 0;
	min-height:80px;
}
.card h5{
 color:#fff;
 font-family: Nunito;
  padding: 7px 0;
  text-align: left;
}

.card p{
 color:#fff;
 font-family: Nunito;
  padding: 3px 0;
}

/* Add rounded corners to the top left and the top right corner of the image */
.card img {
  border-radius: 5px 5px 0 0;
  width: 100%;
    height: 250px;
	  object-fit: cover;
  margin-bottom: 10px;
}
.fasten{
  margin-top: 40px;
}