/*@import 'https://fonts.googleapis.com/css?family=Yantramanav:300';*/

@font-face {
  font-family: 'Yantramanav';
  src: url('../fonts/Yantramanav-Light.ttf')  format('truetype') /* Safari, Android, iOS */
}

/* ============================================================================================== 
This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)html 
is available at http://www.script-tutorials.com/bootstrap-one-page-template-with-parallax-effect/
Copyright (c) Script Tutorials. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
================================================================================================= */

/* general styles */
html, body {
  height: 100%;
  width: 100%;
}

body {
	padding-top:50px;
	font-family: 'Yantramanav', Arial;
	font-size:18px;	
}

/*
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     body {
		font-family: Arial;	
	}
}
@supports (-ms-accelerator:true) {
  body {
		font-family: Arial;	
	}
}
*/

iframe{
	width:100% !important;
}

/* padded section */
.pad-section {
  padding: 50px 0;
}
.pad-section img {
  /*width: 100%;*/
}

/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

/* vertical-centered text */
.text-vjustify {
  display: table-cell;
  text-align: justify;
  vertical-align: middle;
}

footer {
  padding: 20px 0;
  background-color:white;
}
footer .glyphicon {
  color: #333333;
  font-size: 60px;
}
footer .glyphicon:hover {
  color: #306d9f;
}

.hidden{	
	opacity:0;
}

.no-gutter {
  margin:0 !important;
  padding:0 !important;
 
}

.navbar-brand img{
    width: 7em;
    padding: 0.4em 0 0 0.4em;
}

.flagContainer {
    position: absolute;
    top: -0.15em;
    right: 0.5em;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.flagContainer img{
	width:1.5em;
}

#gallery{
	background:white;
}


/*==================Image effects =================*/

p.vignette {
  position: relative;
}
p.vignette img {
 display: block;
}
	
p.vignette:after {
 -moz-box-shadow: inset 0 0 2em #fff;  
 -webkit-box-shadow: inset 0 0 2em #fff;   
 box-shadow: inset 0 0 2em #fff;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 2;
 content: "";
}


/*===================== HomePage ================= */
#home {
  
  display: table;
  height: 70%;
  position: relative;
  width: 100%;
}

.carousel-inner .item{
		height:380px;
}
	
.item{
	padding: 1em;
	
}

.item img{
	vertical-align: middle;
    display: block;
    margin: auto;
	height:100% !important;
}

.quote{			
	font-size:4em;
	position:absolute;	
	right:10px; 
	bottom:0.3em;	
	opacity:0;
	
	-webkit-animation-duration: 8s; 
    animation-duration: 8s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 	
	
	-webkit-animation-name: quoteAnimation; 
	animation-name: quoteAnimation;
	
	color:transparent;
   	text-shadow: 0 0 15px rgba(255,255,255,0.5);
	
}

@media (max-width: 768px){
.quote{			
	font-size:2.5em;
	}
	
.flagContainer {
    right: 4em;
	}
}




#about {
	background-color: white;
}

#services {
  background-color: rgb(60, 83, 111);
  color: #ffffff;
}
#services .glyphicon {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  display: inline-block;
  font-size: 60px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  vertical-align: middle;
  width: 140px;
}

#services a{
 color:white;
}


.google_map{
  height: 400px;	
}

.slideshow { 
    position: fixed; 
    width: 100%; 
    height: 100%; 
	z-index:-1; 
	top: -10%;
}

.slideshow div{
	position: absolute;	
	bottom: 0;
    left:0;
	right:0;
	top:0;	
}


.slideshow img { 
    height:100%; 
	width:auto;
}

/*=====================================================*/

/*================= Subjects Group ====================*/

#subjectsInfo {
  
  display: table;
  height: 30%;
  position: relative;
  width: 100%;
	
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  /*background: url(/media/1077/home.jpg) no-repeat center center fixed; */
}

.subjectsContent{
  background-color: rgb(60, 83, 111);
  color: #ffffff;
  padding-top: 1em;
  min-height: 67px;
}


	
.subjectsContent .container{
	position:relative;
}

.subjectContent .container .carousel{
	max-height: 380px;
    overflow: hidden;
}

.subjectsContent .container .title{
	position:absolute;
	top:-1em;
	opacity: 1;
	text-shadow: 5px 0 5px rgb(60, 83, 111);
	color:rgba(255,255,255,1);
	font-size:4.5em;
	
}

.subjectsContent .container .titleMobile {
    top: -1em;
    font-size: 3em;
}

.subjects-pad-section {
  padding: 15px 0 0 0;			
}

.subjects-pad-section a{
	color:white;
}

.subjectsList {
	margin-top:2em;
	background-color:white;
	text-align:justify;
}
		
.subjectsList .titleMobile{
    font-size: 2.3em !important;
    padding-right: 0 !important;
}


.subjectsList .container .title{
	opacity: 1;
    color: rgb(60, 83, 111);
    font-size: 3em;
    text-align: right;
    padding-right: 0;
	padding-top: 1em;
	position:relative;
}

.title .subtitle{
	position: absolute;
    left: 0;
    top: 4.5em;
    font-size: 0.25em;
    font-family: 'Yantramanav', Arial;
}

.title .subtitleMobile{
    right: 0;
}

.subjectInfoCondensed{
	font-size: 0.9em;
    font-weight: bold;
    line-height: 1.8em;
    background-color: rgb(60, 83, 111);
    margin-top: 1em;
    color: white;
}

.subjectInfoCondensed a {
	color:white;
}

.subjectInfoCondensed a:hover {
    color: white;
    text-decoration: none;
}

.subjectInfoCondensed a:hover .subjectInfoButton{
	transition: background-color 0.5s ease;
    background-color: rgba(82, 18, 18, 0.7); /*rgba(105, 36, 62, 0.7);*/
}

.featuresCondensed{
	margin-top:2em;
	font-size: 0.8em;
    font-weight: bold;
}
		
.featuresCondensed:before{
	content:"Features:";
}

.subjectInfoButton{
	transition: background-color 0.5s ease;
	clear: both;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 1em;
    line-height: 2.5em;
	background-color: rgba(134, 58, 58, 0.7); /*rgba(156, 54, 93, 0.7);*/
}

/*============== Subject ========================*/

.subjectContent{
	background-color:white;
	padding-top:3em;
	padding-bottom:3em;
}


.rating {
  unicode-bidi: bidi-override;
  direction: ltr;
  float:left;
  
}
.rating > span {
  display: inline-block;
  position: relative;
  width: 1.1em;
  font-size:1.3em;
}

 .star-1 span:nth-child(1):before{
   content: "\2605";
   position: absolute;
	color:gold;
}

 .star-2 span:nth-child(1):before, .star-2 span:nth-child(2):before{
   content: "\2605";
   position: absolute;
	color:gold;
}
		
 .star-3 span:nth-child(1):before, .star-3 span:nth-child(2):before, .star-3 span:nth-child(3):before{
   content: "\2605";
   position: absolute;
	color:gold;
}
				
 .star-4 span:nth-child(1):before, .star-4 span:nth-child(2):before, .star-4 span:nth-child(3):before, .star-4 span:nth-child(4):before{
   content: "\2605";
   position: absolute;
	color:gold;
}

 .star-5 span:nth-child(5):before, .star-5 span:nth-child(4):before, .star-5 span:nth-child(3):before, .star-5 span:nth-child(2):before, .star-5 span:nth-child(1):before{
   content: "\2605";
   position: absolute;
	color:gold;
}

.userRatings{
	background-color: rgb(60, 83, 111);
	padding-top:2em;
	margin-bottom:3em;
	padding-bottom:2em;
	color:white;
}

.subjectInfoTable table{
	
	border-spacing: 0;
	width:100%;
	height:100%;
	margin:1em 0 0 0;
	padding:0px;
	line-height:3em;
}

.subjectInfoTable table tr td{
	border-style: solid;
    border: 0;
    border-bottom: 1px dotted #E2E2E2;
}	
	
.subjectInfoTable table tr td:nth-child(1){
	text-align:left;
	padding-left:1em;
}

.subjectInfoTable table tr td:nth-child(2){
	text-align:right;
	padding-right:1em;
}

.subjectDescription{
	display:inline-block;	
}
	
.subjectDescription .carousel{
	width:60%;
	float:right;
	padding: 0 0 0 1em;
}
			
@media (max-width: 768px){
	.subjectDescription .carousel{
		width:100%;
		clear:both;
		display:block;
		padding: 0;
	}
}			
	
/*============== FreeStyle ==========================*/
	
.freeStyleContent img{
	float:right;
	padding: 1em 0 1em 1em;
}
	
	
/*============== BootstrapOverrides ==================*/

.fa{
	font-size:2em;
}

.navbar{
	/*background-color:rgb(60, 83, 111);*/
}
	
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: initial !important;
}

.navbar-brand {
	padding: 0 !important;
	height:100% !important;
}

@media (min-width: 768px){
.navbar-right {    
    margin-right: 4em !important;
	}
}
	
.row{
	margin-left:0 !important;
	margin-right:0 !important;
}

.carousel-control.left, .carousel-control.right{
	background-image:none !important;
}

.panel-default>.panel-heading {
    color: white;
    background-color: rgb(60, 83, 111);
    border-color: white;
}

/*
.dropdown-menu li:hover .sub-menu {
    visibility: visible !important;
}

.dropdown:hover .dropdown-menu {
    display: block !important;
}*/
/*=====================================================*/





/* Chrome, Safari, Opera */
@-webkit-keyframes quoteAnimation {
     0% {opacity: 0;right:10px; color:transparent;text-shadow: 0 0 15px rgba(255,255,255,1);} 
    60% {opacity: 1;text-shadow: 5px 0 5px rgba(0,0,0,0.8);color:rgba(255,255,255,0.8);} 
	100% {opacity: 0;right:2%; color:transparent;text-shadow: 0 0 15px rgba(255,255,255,1);} 
}

/* Standard syntax */
@keyframes quoteAnimation {
     0% {opacity: 0;right:10px; color:transparent;text-shadow: 0 0 15px rgba(255,255,255,1);} 
	60% {opacity: 1;text-shadow: 5px 0 5px rgb(60, 83, 111);color:rgba(255,255,255,0.8);} 
    /*60% {opacity: 1;text-shadow: 5px 0 5px rgba(199, 67, 117, 1);color:rgba(255,255,255,0.8);} */
	100% {opacity: 0;right:2%; color:transparent;text-shadow: 0 0 15px rgba(255,255,255,1);} 
}



@media screen and (max-width: 767px) {
.mobile-text-center { 
    text-align:center;
	}
			
.mobile-text-center .rating{ 
    float:initial;
	}
	
}

@media screen and (min-width: 1200px) {
.slideshow img { 
    width:100%; 
	height:inherit;
	}
		
.slideshow { 
	top: -30%;
	}
	
}


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

		
.slideshow { 
	left: -30%;
	}
	
}

	

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */