@font-face {
	font-family: 'TrajanProRegular';
	src: url('../fonts/TrajanProRegular.eot');
	src: local('TrajanProRegular'), url('../fonts/TrajanProRegular.woff') format('woff'), url('../fonts/TrajanProRegular.ttf') format('truetype');
}

/*style.css*/
.wp-caption{}
.wp-caption-text {}
.alignleft{float:left; margin-right:10px;}
.alignright{float:right; margin-left:10px;}
.aligncenter {margin:auto;text-align:center;}
.sticky {}
.bypostauthor {}
.gallery-caption {}
.right{text-align:right;}
/* Sortable Portfolio */
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

.Grid_latest .flv-sort{margin-bottom:40px}
.Grid_latest div.hidden_port{margin-bottom:0px}

 
.sf-menu li.active.first-list-item ,.sf-menu li.current-menu-item.first-list-item ,.sf-menu li.current-menu-ancestor.first-list-item {
    border-top: 2px solid #e54e2b;
 }
.sf-menu li.active.first-list-item a.first-link ,.sf-menu li.current-menu-item.first-list-item a.first-link,.sf-menu li.current-menu-ancestor.first-list-item a.first-link{
    border-bottom: 2px solid #e54e2b;
 }

 .hidden_comments,.hidden_posts,.hidden_grid_posts,.hidden_shortcode,.hidden_port, li.hidden_port,.hide,.Grid_latest {	display:none;	height:0px;}

/*inka */
.flvcontactform label{font-weight:normal;}
.btn i{font-size:1.4em;}
.textwidget .flvcontactform label{font-style:italic;}
.flv_space{margin-bottom:30px;}
.widget .list-social-widget > li span i{font-size:4.4em;}
.services.services-description h4{color:#333333;}
.demo-icons i { margin:3px}

.list-unstyled.social-icons.flv_special_social > li a{
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #75E2BC ;
  border: 1px dashed #eee ;
  border-radius: 50%;
  -webkit-transition: color 0.1s ease-in;
          transition: color 0.1s ease-in;
}

.list-unstyled.social-icons.flv_special_social > li a:hover,
.list-unstyled.social-icons.flv_special_social > li a:focus{

  text-decoration: none;
  color:#fff !important;
  border-color:#75E2BC !important;
}

.twitter-feed-container.flv_styled .tweet_text a {font-size:12px !important;}
.flexslide i{color:#fff;}
#flv_layout{}

.widget_search .search-form form input[type="text"] {
border:1px solid #D3D3D3;
background: rgba(255, 255, 255, 0.8);
}
.widget_search .search-form form input[type="text"]:focus {
border:1px solid #D3D3D3;
background: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.widget_search {padding:15px}
.blog-single-tags { font-family: 'georgia'; }
#comments ol li{list-style:none;}

 img.attachment-team {height:auto}
#flv_layout > .wpb_row {margin:0px !important;padding:0px !important;}
#flv_layout > .wpb_row >.vc_span12{margin:0px !important;padding:0px !important;}

ul.woo_sortable  li{width:100% !important;}
.owl-item .portfolio-item-container {padding-bottom:30px !important;}
.single-portfolio-slider .flexslider{padding-top:0px;}

.portfolio-related-container, li.product {
-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);}

.portfolio-related-container:hover, li.product:hover {
-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.4);
box-shadow: 0 0 3px 0 rgba(0,0,0,0.4);}
.services-title-container h4.title{color:#333 !important;}
.scroll_section .flexslider  h4.title{color:#333;}
.recent-articles-container h4.title{color:#fff;}
.flexslider ul.slides{padding-bottom:30px;}
.flexslider.recent-articles-container ul.slides{padding-bottom:60px;}
.flexslider.recent-articles-container{margin-bottom:0px;padding-bottom:0px;}
.flexslider .captions p {
   font: 30px 'Rokkitt',sans-serif;
margin:0
}
.control-nav-up .flex-control-nav {
    bottom: 20px !important;
}
.homepage-flex-slider.flexslider ul.slides{padding-bottom:0px;}



@media only screen and (max-width:790px) {
.wpb_wrapper .container{

    margin-left:15px;
    margin-right:15px;
    overflow:hidden
}
}
@media only screen and (max-width:768px) {
.user-pic img{
    float:none;
    margin:0 auto;
    margin-right:0
}
}
.contact-img img {
    width:100%
}
.insta_1 {
    position:relative;
    z-index:999
}

.user-pic img{
    margin:-3px 20px 0 0
}

.white-text {
    color:#fff !important
}
.owl-item h5.title, .portfolio-related-content h4.title, .portfolio-content-container .team-inner-container .latest-description .title {
    text-transform:uppercase
}

.portfolio-related-v2 .portfolio-related-img .overlay .overlay-links {
   bottom: 10px !important;
}

.page-template-portfolio-template-php .portfolio-related-v2 .portfolio-related-img .overlay .overlay-links {
   bottom: 5px !important;
}


.widget-posts-container img.attachment-widget_small {
    margin-bottom:15px
}


.control-nav-up .flex-control-nav {
    bottom: 20px !important;
}

img.avatar {
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.socials-block{
	padding-bottom:40px  !important
}


.social-icons-container ul.social-icons{
	position:relative; 
	top:10px
}


.wpb_row.icon-row *:after {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.portfolio-content-container .team-inner-container .latest-description .title {
	text-transform:uppercase !important
}

.latest-pictures-2 img {width:100%}

@media only screen and (max-width:990px) {

}
@media screen (min-width:767px) and (max-width: 991px) {
	
.navbar-toggle{ margin-top:30px;}
	
.sf-menu li:hover  a.first-link, .sf-menu li.active a.first-link, .sf-menu li:hover a.first-link {
	border-bottom: 1px solid #dedfe6;
}
	
.sf-menu a.first-link {
	padding:0.8em !important;
    color: #FFF;
    font: 20px 'Rokkitt',sans-serif;
}

  a.menu-link, a.menu-link:visited {
    display: block;
    padding: .5em;
    margin-top: 20px;
    font-family: 'Rokkitt', sans-serif;
	font-size:25px;
    color: #fff;
    text-align: center;
    text-decoration: none;
	font-style:normal;
	text-transform:uppercase
  }
  a.menu-link:before {
    content: "+";
  }
  a.menu-link.active:before {
    content: "-";
  }
  .menu,
  .menu > ul ul {
    clear: both;
    -webkit-transition: all 0.5s ease-out;
       -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;
  }
  .js .menu,
  .js .menu > ul ul {
    max-height: 0;
    overflow: hidden;
  }
  .menu.active,
  .js .menu > ul ul.active {
  max-height:100em;
  }
  .menu > ul {
    border-top: 1px solid #dedfe6;
  }
  .menu li a {
    position: relative;
    display: block;
    padding: 0.8em;
    color: #8b8c94;
    text-decoration: none;
    border-bottom: 1px solid #dedfe6;
  }
  .menu li.menu-item-has-children > a:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0.3em 0.5em;
    font-size: 1.5em;
    content: '+';
  }
  .menu li.menu-item-has-children > a.active:after {
    content: "-";
  }
  .menu li.menu-item-has-children  > a:after {
    content: "+";
    display: block;
    font-size: 1.5em;
    padding: 0.3em 0.5em;
    position: absolute;
    right: 0;
    top: 0;
}

  .menu,
  .menu li,
  .menu ul {
    padding: 0 !important;
    margin: 0;
  }
  .menu li {
    background: #111;
  }
  .menu li li, ul.level-2 {
    background: #f5f3f3;
  }
  .menu li li li, ul.level-3 {
    background: #fff;
  }

.sf-menu { 
	width:100%; 
	max-width:500px; 
	list-style-type:none; 
	margin:0 auto; 
	margin-bottom:20px !important; 
	float:none}
.sf-menu a{
	text-align:left
}

.sf-menu a.first-link {   
    display: block;
padding: 2.7em .5em 2.0em .7em !important;
}
.socials > li  { 
	width:38px
}

.navbar-default .navbar-nav > li > a{
	color:#fff;}

.sf-menu a.first-link{
	font: 18px 'Rokkitt',sans-serif;
	}
.sf-menu{
	margin-bottom:0px !important;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
	color:#fff;}
	.navbar-wrapper .logo{
		margin-top:30px;}
.sf-menu .first-list-item:hover {
    background: #294474;
    border-top: 2px solid;
}
.sf-menu li.active.first-list-item, .sf-menu li.current-menu-item.first-list-item, .sf-menu li.current-menu-ancestor.first-list-item, .sf-menu li.active.first-list-item a.first-link, .sf-menu li.current-menu-item.first-list-item a.first-link, .sf-menu li.current-menu-ancestor.first-list-item a.first-link, .sf-menu .first-list-item:hover {
    border-color: #fff;
    font-family: 'Georgia', serif;
}
.sf-menu li.active.first-list-item, .sf-menu li.current-menu-item.first-list-item, .sf-menu li.current-menu-ancestor.first-list-item {
    border-top: 2px solid;
}





/***************************************/
a.menu-link {
  	display: none;
}
  
  .sf-menu,
  .sf-menu * {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .sf-menu {
    float: right;
  }
  .sf-menu ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    display: none;
    min-width: 12em;
    margin-top: 0px;
	 -webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
	box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
  }
  .sf-menu > li {
    float: left;
  }
  .sf-menu a {
    position: relative;
    display: block;
    padding: .5em 1em;
    font: 20px 'Rokkitt', sans-serif;
    color: #fff;
    text-decoration: none;
    zoom: 1;
  }
  
  .sf-menu li {
    position: relative;
    white-space: nowrap;
	margin-right:2px
  }
  .sf-menu li li {
	  margin-right:0
	 }
  .sf-menu > li > ul:after {
    position: absolute;
    top: -13px;
    left: 20px;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #fff;
    border-left: 13px solid transparent;
    content: '';
  }
  .sf-menu li ul {
    background-color: #fff;
  
  }
  .sf-menu li ul li, .sf-menu li ul li:hover {
    border-bottom: 1px solid #dedfe6;
  }
  .sf-menu li ul li:last-child {
    border-bottom: 0;
  }
  .sf-menu li ul li a {
    padding: 1em 1.5em;
    font: 17px 'Rokkitt', sans-serif;
    color: #222;
  }

  .sf-menu li ul li ul {
    margin-top: 0;
  }
  .sf-menu li:hover > ul,
  .sf-menu li.sfHover > ul {
    display: block;
  }
  .sf-menu ul ul {
    top: 0;
    left: 100%;
  }
  a.menu-link {
    display: none;
  }
  .sf-menu li li ul {
	  background: url("../img/textures/diag.png") repeat scroll 0 0 #F6F5F5; 
 }



.sf-menu .first-list-item { 
	
	cursor:pointer;
	padding-bottom:0px;  
	margin-bottom:0;  
	
}

.sf-menu .first-list-item:hover {
	background:#294474; 
	border-top:2px solid;
}
.sf-menu li.active.first-list-item ,.sf-menu li.current-menu-item.first-list-item ,.sf-menu li.current-menu-ancestor.first-list-item {
    border-top: 2px solid;
	
	
 }
 
 .sf-menu li.first-list-item {
	 border-bottom:0
	 
 }
 .sf-menu li a.first-link {
    
 }
 .sf-menu li a.first-link:hover {
    border-bottom: 2px solid #fff;
 }
.sf-menu li.active.first-list-item a.first-link ,.sf-menu li.current-menu-item.first-list-item a.first-link,.sf-menu li.current-menu-ancestor.first-list-item a.first-link{
    border-bottom: 2px solid ;
 }
 
 .sf-menu li.active.first-list-item, .sf-menu li.current-menu-item.first-list-item, .sf-menu li.current-menu-ancestor.first-list-item, .sf-menu li.active.first-list-item a.first-link, .sf-menu li.current-menu-item.first-list-item a.first-link, .sf-menu li.current-menu-ancestor.first-list-item a.first-link, .sf-menu .first-list-item:hover {border-color:#DEDFE6 !important; }
}


.widget.widget_icl_lang_sel_widget{overflow:visible !important;padding: 10px;}

.widget.widget_icl_lang_sel_widget #lang_sel li a{   height: 30px;    margin: 3px 0;}


 .widget_calendar {float: left; width:100%}
#wp-calendar {width: 90%;margin:auto }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; text-align: center; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }


/***********************MY STYLE HOME PAGE******************************/
.tc{ text-align:center;}

.tl{ text-align:left;}

.fr{ float:right;}



.pdb30{ padding-bottom:30px;}

.lh40{line-height: 40px !important;}

.postitle{  font-family: 'TrajanProRegular' !important;color:#000; font-weight:600;}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}


.hovereffect:hover img {
  filter: grayscale(0) blur(0px);
  -webkit-filter: grayscale(0) blur(0px);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/************Cover Photo*****************/
#poscover { position: relative;} 

#poscover .caption { position: absolute; max-width: 100%; height: 50px; bottom: 0px; left: 0px; color: #ffffff; background:url(../images/textback.png); text-align:center; font-weight:bold;}

.caption p{padding: 10px;font-size: 25px;}

.wp-post-image{
	width:100%;}
	
@media (min-width:768px)and (max-width:799px){
	.container {
    width: 700px;
}
	}

/***************Contact Page******************/
.form-group {
    margin-bottom: 15px !important;
}

/*****************POSITION**********************/


.tocenter{
	padding:0px;}
.tend{
	text-align:right;}

#tabHolder{ display: none; background: rgba(0,0,0,.7); width: 100%; height: 100%; position: fixed; z-index: 99999999; }
.tabContent{ display:none; margin-top: 10px; overflow-y: scroll; height: 100%; }

#tabHolder01{ display: none; background: rgba(0,0,0,.7); width: 100%; height: 100%; position: fixed; z-index: 99999999; }
.tabContent01{ display:none; margin-top: 10px; overflow-y: scroll; height: 100%; }

#tabHolder02{ display: none; background: rgba(0,0,0,.7); width: 100%; height: 100%; position: fixed; z-index: 99999999; }
.tabContent02{ display:none; margin-top: 10px; overflow-y: scroll; height: 100%; }

#tabHolder03{ display: none; background: rgba(0,0,0,.7); width: 100%; height: 100%; position: fixed; z-index: 99999999; }
.tabContent03{ display:none; margin-top: 10px; overflow-y: scroll; height: 100%; }

#tabHolder04{ display: none; background: rgba(0,0,0,.7); width: 100%; height: 100%; position: fixed; z-index: 99999999; }
.tabContent04{ display:none; margin-top: 10px; overflow-y: scroll; height: 100%; }

		.theme-red{ background: #AF1533; }
/*		.theme-maroon{ background: #891531; }*/
	.theme-maroon{ background:#fff;}
	.tabContent .container{ background: #FFF; margin-bottom: 10%;}
	.tabContent .container .row{ padding: 30px 15px; }
	.tabContent .container h1{ font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 300; color: #000; margin: -5px 0 12px; }

	.tabContent01 .container{ background: #FFF; margin-bottom: 10%;}
	.tabContent01 .container .row{ padding: 30px 15px; }
	.tabContent01 .container h1{ font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 300; color: #000; margin: -5px 0 12px; }
	
	.tabContent02 .container{ background: #FFF; margin-bottom: 10%;}
	.tabContent02 .container .row{ padding: 30px 15px; }
	.tabContent02 .container h1{ font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 300; color: #000; margin: -5px 0 12px; }
	
	.tabContent03 .container{ background: #FFF; margin-bottom: 10%;}
	.tabContent03 .container .row{ padding: 30px 15px; }
	.tabContent03 .container h1{ font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 300; color: #000; margin: -5px 0 12px; }	
	
	.tabContent04 .container{ background: #FFF; margin-bottom: 10%;}
	.tabContent04 .container .row{ padding: 30px 15px; }
	.tabContent04 .container h1{ font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 300; color: #000; margin: -5px 0 12px; }	
	
		
		#context{ padding: 36px 0 !important; }
		#context h1{ font-size: 26px; font-family: "Raleway",sans-serif; font-weight: 700; text-align: center; color: #FFF; line-height: 26px; margin-bottom: 20px; }
		#context p{ padding: 0 5%; color: #FFF; font-family: 'Roboto'; font-size: 20px; font-weight: 300; text-align:justify !important; }
		#blimgtext p{padding: 0 2%; color: #FFF; font-family: 'Roboto'; font-size: 20px; font-weight: 300; text-align:justify;}
		#context-img img{ max-width: 100%; padding: 10px;}
		
.ui-tabs-anchor { font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 16px !important; }	

.ui-tabs-anchor:hover,.ui-tabs-anchor.active{background: #fff;color: #CE1432 !important;border-radius: 10px;}

.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header { background: #CE1432 !important; border: medium none !important; }

.ui-tabs.ui-corner-all.ui-widget.ui-widget-content { border: 0 none !important; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{ background: #CE1432 !important; border: 0 !important;  }
.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab { background: #CE1432 none repeat scroll 0 0; border: medium none !important;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{ color: #fff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff !important;}
.ui-tabs .ui-tabs-panel { border-top: 1px solid #CCC !important; } 

#closeTabs { cursor: pointer; float: right; position: absolute; right: 80px;top: 15px; }
#closeTabs01{ cursor: pointer; float: right; position: absolute; right: 80px;top: 15px; }
#closeTabs02{ cursor: pointer; float: right; position: absolute; right: 80px;top: 15px; }
#closeTabs03{ cursor: pointer; float: right; position: absolute; right: 80px;top: 15px;}
#closeTabs04{ cursor: pointer; float: right; position: absolute; right: 80px;top: 15px;}

#our-courses h1{ margin: 0 0 30px; }
#context .col-md-4 {border-right: 1px solid #E5E5E5; margin-bottom: 30px;  }
#context .col-md-4:last-child { border: none; }

.courses tr td:nth-child(1){ text-align: right; padding-right: 15px; }
.courses tr td{ width: 50%; border: none !important; line-height: 12px !important; color: #FFF; font-size: 15px; font-family: 'Roboto', sans-serif;}

#admission-procedure a{ color: #fff; font-weight: bold; max-width: 350px; width: 100%;  }
	.download-admission{ border-radius: 3px; display: inline-block;  max-width: 350px; width: 100%; color: #FFF; border: 2px solid #FFF; background: transparent; font-size: 16px; padding: 10px 10px; text-decoration: none; text-transform: uppercase; margin: 15px 0 !important; transition: 0.7s ease; -webkit-transition: 0.7s ease; -moz-transition: 0.7s ease;}
		.download-admission:hover{ text-decoration: none; background: #2ecc71; border: 2px solid #2ecc71; }

#faq-holder{ margin: 20px; color: #FFF;  font-family: 'Roboto', sans-serif;}
#faq-holder li{ font-weight: bold; font-size: 18px; cursor: pointer; border-bottom: 2px dotted #fff; padding: 10px 40px 10px 10px; margin: 5px 0; }
	#faq-holder li div{ background: #891531 none repeat scroll 0 0 !important; display: none; font-size: 16px; font-weight: normal; margin: 12px 12px 16px;padding: 10px 20px 4px; -webkit-transition:height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;}
	#faq-holder li:last-child{ border: none; }
	#faq-holder li .fa-plus{ right: 30px; position: absolute; }
	.showAnswer{ display: block !important;	}
			

/* Validate */
.valid{ 
	border: 1px solid rgb(86, 180, 239) !important;
		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(82, 168, 236, 0.8);
	}
.error, .invalid {
	border: 2px solid #D31537 !important;
		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08) inset, 0px 0px 8px rgba(225, 22, 68, 0.8);
  	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  	transform: translate3d(0, 0, 0);
  	backface-visibility: hidden;
  	perspective: 1000px; 
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}


.flip-image{ display: inline-block; margin-top: 40px; padding:0px;}
	.flip-image li{ margin: 25px 0; display: block; }

.figure {
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  perspective: 800px;
}
.card {
  -webkit-transition: all .8s ease-out;
  -moz-transition: all .8s ease-out;
  transition: all .8s ease-out;
  width: auto;
  height: auto;
  position: relative;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  border: 5px solid #ffffff;
  border-radius: 5px;
}
.figure:hover .card {
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.front,
.back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  top: 0;
  left: 0;
  text-align: center;
  color: white;
  font-weight: bold;
}
.front {
  background-color: #AF1533;
  z-index: 2;
}
.front img{ max-width: 100% !important; height: auto; }
.back {
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #D1D150;
  height: 100%;
  display: block;
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  padding: 25px 0;
}
	.back h1{
		font-weight: 900;
		font-family: 'TrajanProRegular' !important;
		font-size: 36px;
		color: #000;
	}
	.clearline{
		display: block;
		height: 2px;
		background: #000;
		width: 70%;
		margin: 20px auto;
	}
	.back .italic{
		font-family: 'Roboto', sans-serif;
		font-style: italic;
		font-size: 25px;
		line-height: 25px;
		color: #3D1F27;
	}
	.back p{
		font-family: 'Roboto', sans-serif;
		color: #000;
		font-size: 18px;
		padding: 0 40px;
	}
		.back p span{
			display: block;
			margin-top: 10px;
			font-weight: 400;
			font-size: 14px;
			color: #3D1F27;
			font-style: normal;
		}
	.back .cta-readmore{
		font-size: 16px;
		display: inline-block;
		border: 2px solid #000;
		text-align: center;
		padding: 8px 20px;
		color: #000;
		text-decoration: none;
		transition: 0.7s ease;
		-moz-transition: 0.7s ease;
		-webkit-transition: 0.7s ease;
	}
		.back .cta-readmore:hover{
			background: #FFF;
			border: 2px solid #000;
			color: #CE1432;
		}

#mid{ padding: 50px 0;text-align: center; border-bottom: 2px solid #CE1432;}
#mid h1{ font-size: 50px; font-weight: 300; color: #CE1432; }
#mid img{ margin: 20px 0 30px; }
#mid p{ font-size: 21px; font-weight: 300; }
#mid p a{ color: #000; text-decoration: none; }

.scrolltop { display:none;width:100%; margin:0 auto; position:fixed; bottom: 50%; transition: 0.7s ease; -webkit-transition: 0.7s ease; -moz-transition: 0.7s ease; }
.scroll { position: absolute; right: -4px;  top: 45%; }
	#apply_now{ cursor: pointer; text-decoration: none; border-radius: 5px; color: #FFF; background: #CE1432; padding: 10px 15px; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 900; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s;}
		#apply_now:hover{ background: #BA122B;}


.servicelist{
	padding-left: 10%;
	color: #fff;
	font-family: 'Roboto';
	font-size: 20px;
	font-weight: 300;
	list-style: disc;
	}
#campus{
	padding: 0 5%;
	color: #FFF;
	font-family: 'Roboto';
	font-size: 20px;
	font-weight: 300;
	}
	
#left-list{
	padding-right:10px;
	}

#right-list{
	padding-left:10px;
	}
/*
* Media Queries
*/

@media only screen and (min-width: 320px) and (max-width : 420px) {
	.back{ padding: 5px 0; }
	.back h1 { font-size: 14px; }
	.clearline{ margin: 5px auto; }
	.back .italic{ font-size: 11px; line-height: 12px; }
	.back p { font-size: 11px; padding: 0 10px; line-height: 12px; }
	.back p span{ font-size: 10px; }
	.services .services-title .title, .pattern-title .title, .title.retro3{font-size:25px;}
	.postitle{font-size:23px;}
	.theme-maroon{
		overflow-y: auto;
		max-height: calc(400px - 100px);}
}

@media only screen and (min-width: 421px) and (max-width : 525px) {
	.back{ padding: 8px 0; }
	.back h1 { font-size: 18px; }
	.clearline{ margin: 5px auto; }
	.back .italic{ font-size: 13px; line-height: 15px; }
	.back p { font-size: 12px; padding: 0 10px; line-height: 13px; }
	.back p span{ font-size: 12px; }
	.services .services-title .title, .pattern-title .title, .title.retro3{font-size:23px;}
	.postitle{font-size:23px;}
	.theme-maroon{
		overflow-y: auto;
		max-height: calc(280px - 100px);}
		.theme-maroon h2{
		font-size:30px;
		}
}

@media only screen and (min-width: 526px) and (max-width : 601px) {
	.back{ padding: 10px 0; }
	.back h1 { font-size: 20px; }
	.clearline{ margin: 7px auto; }
	.back .italic{ font-size: 18px; line-height: 21px; }
	.back p { font-size: 18px; padding: 0 15px; line-height: 20px; }
	.back p span{ font-size: 15px; }
	.services .services-title .title, .pattern-title .title, .title.retro3{font-size:25px;}
	.postitle{font-size:23px;}

}
@media only screen and (min-width: 602px) and (max-width : 700px) {
	.theme-maroon{
		overflow-y: auto;
		max-height: calc(300px - 100px);
		}
	.theme-maroon h2{
		font-size:30px;
		}

	}

@media only screen and (max-width : 725px) {
	#mid h1 {  font-size: 30px; }
	
}

@media only screen and (max-width : 768px) {	
	#loader > img { display: block; margin: 50% auto 0; padding: 0 30px; }
	#banner{ padding: 20px 25px; height: auto !important;}
	#banner .col-md-8{ width: 100%; margin: 0 }
	#banner h1{ font-size: 50px;}
	#banner h1 span{ font-size: 30px;}
		.fleft, .fright{ display: block; float: none; margin: 20px auto;}
	.flip-image{ margin-top: 0; }
		.tocenter{ text-align:center;}
	.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab { border-radius: 0 !important; display: inline-block; margin: 0 auto; padding: 0;  width: 50%;}

	#context .col-md-4 {
		border-right: 0;
	    border-bottom: 1px solid #e5e5e5;
	    margin-bottom: 30px;
	}
	.theme-maroon h2{
		font-size:33px;
		}

}

@media only screen and (max-width : 987px) {
	
	#context-img{ width: 100%; text-align: center; padding: 20px 0 !important; }
	#context-img img{ border-radius: 100%; margin: 15px; width: 100%; max-width: 250px; }
	#context{ padding: 20px !important; }
	.tocenter{text-align:center}
	.theme-maroon h2{font-size:35px;}
	
}

@media only screen and (max-width : 1024px) {
	#context-img{ width: 100%; text-align: center; padding: 20px 0 !important; }
		#context-img img{ border-radius: 100%; margin: 15px; width: 100%; max-width: 250px; }
	#context{ padding: 20px !important; }
	.tocenter{
		text-align:center;
		padding:10px;}
}