@import url('css/reset.css');

/* 
Theme Name: Teatro
URL:
Author: Tom Batchelder
Author URL: http://formationdesigners.co.uk
*/

@font-face {
    font-family: 'CenturyGothic';
    src: url('fonts/CenturyGothic.eot');
    src: url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
         url('fonts/CenturyGothic.woff') format('woff'),
         url('fonts/CenturyGothic.ttf') format('truetype'),
         url('fonts/CenturyGothic.svg#centurygothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CenturyGothic';
    src: url('fonts/CenturyGothic-Bold.eot');
    src: url('fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/CenturyGothic-Bold.woff') format('woff'),
         url('fonts/CenturyGothic-Bold.ttf') format('truetype'),
         url('fonts/CenturyGothic-Bold.svg#centurygothic') format('svg');
    font-weight: bold;
    font-style: normal;
}

html,
#container{
	height: 100%;
}

*,*:before,*:after{
	box-sizing: border-box;	
}
body{
	height: 100%;
	font-family: Century Gothic,'CenturyGothic',sans-serif;
	font-size: 18px;
	color: #333;
	overflow-x: hidden;
}
section{
	position: relative;
	max-width: 1980px;	
	height: 100%;
	margin: 0 auto;
	padding: 0 20px;
}
section.small{
	max-width: 	1000px;
}

/** TEXT **/

h1,h2,h3{
	font-weight: bold;	
}
.page-title{
	font-size: 3.1em; 
	color: #1fc4ca;
	margin-bottom: 25px;
}
.section-title{
	font-size: 1.65em;
	color: #000;
	text-transform: uppercase;	
}
p{
	line-height: 140%;
	margin-bottom: 25px;
}
p:last-child{
	margin-bottom: 0;
}
a{
	color: #1fc4ca;
	text-decoration: none; 	
}
a:hover{
	color: #18a7ac;
}
strong{
	font-weight: bold;
}
em{
	font-style: italic;
}
.page-content h2{
	font-size: 1.4em;
	text-transform: uppercase;
	margin-top: 15px;
	margin-bottom: 20px;	
}
.page-content h2:first-child{
	margin-top: 0;
}
.page-content ul{
	list-style: disc;	
	line-height: 140%;
	padding-left: 25px;
	margin-bottom: 25px;
}
.page-content ul:last-child{
	margin-bottom: 0;
}
.page-content blockquote{
	position: relative;
	padding: 25px;
	background-color: #f2f2f2;
	margin-bottom: 25px;
	border-radius: 15px;
	margin-left: 35px;
	line-height: 140%;
	font-size: 0.9em;
	clear: both;
}
.page-content blockquote:nth-child(2n){
	margin-left: 0px;
	margin-right: 35px;	
}
.page-content blockquote:before{
	content: '';
	position: absolute;
	left: -8px;
	bottom: 10px;
	display: block;
	width: 20px;
	height: 20px;
	background-color: inherit;
	-webkit-transform: rotate(45deg);	
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);	
}
.page-content blockquote:nth-child(2n):before{
	left: auto;
	right: -8px;	
}

/** END TEXT **/
/** BUTTONS **/

.button,
input[type="submit"]{
	-webkit-appearance: none;
	cursor: pointer;
	display: inline-block;
	padding: 20px 35px;
	background-color: #aeaeae;
	border: 2px solid #aeaeae;
	color: #fff;
	text-transform: uppercase;
	font-size: 16.5px;
	font-family: inherit;
}
.button.heading-right:after{
	content: '\f0da';
	font-family: 'FontAwesome';
	font-size: 15.2px;
	margin-left: 12px;
}
.button.heading-left:before{
	content: '\f0d9';
	font-family: 'FontAwesome';
	font-size: 15.2px;
	margin-right: 12px;
}
.button-dark{
	border-color: #000;
	background-color: #000;	
}
.button-light{
	border-color: #1fc4ca;
	background-color: #1fc4ca; 	
}
.button-small{
	padding: 12px 25px;
}
.button:hover,
input[type="submit"]:hover{
	background-color: transparent;
	color: #aeaeae;	
}
.button-dark:hover{
	color: #000;
}
.button-light:hover{
	color: #1fc4ca;	
}

/** END BUTTONS **/
/** FORMS **/

input[type="text"],
input[type="email"],
input[type="tel"]{
	-webkit-appearance: none;
	height: 35px;
	line-height: 35px;
	padding-left: 8px;
	font-size: inherit;
	font-family: inherit;
	color: #333;
	border: 1px solid #d4d4d4;
	background-color: #fff;
	border-radius: 0px;
}
textarea{
	-webkit-appearance: none;
	height: 175px;
	padding: 8px;
	font-size: inherit;
	font-family: inherit;
	color: #333;
	border: 1px solid #d4d4d4;
	background-color: #fff;
	border-radius: 0px;
}

/** END FORMS **/
/** LAYOUT **/

.banner-container{
	min-height: 180px;
	position: relative;
	overflow: hidden;
}
.banner-container:before{
	content: '';
	display: block;
	padding-top: 17.5%; 	
}
.banner-background{
	position: absolute;
	top: 0;
	left: 50%;
	min-height: 100%;
	z-index: 1;	
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.banner-title{
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.60);
	padding: 25px 0;	
	z-index: 2;
}
.banner-title h1,
.banner-title h2{
	font-size: 2.2em;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.main-content{
	padding: 40px 0;
	background-color: #fff;	
}
.main-content:after{
	content: '';
	display: block;
	clear: both;
}
.sidebar-nav-container{
	width: 200px;
	float: left;	
}
.sidebar-nav-container + .page-content{
	width: calc(100% - 200px);
	float: left;
	padding-left: 40px;	
}

.sidebar-nav > li{
	margin-bottom: 20px;
}
.sidebar-nav > li:last-child{
	margin-bottom: 0;
}
.sidebar-nav > li a{
	position: relative;
	display: block;
	width: 100%;
	height: 55px;
	line-height: 55px;
	padding: 0 16px;
	background-color: #ebebeb;
	color: #333;	
}
.sidebar-nav > li a:hover,
.sidebar-nav > li.current_page_item a{
	background-color: #1fc4ca;
	color: #fff;	
}
.sidebar-nav > li.current_page_item a:after{
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 50%;
	right: -7.5px;
	background-color: inherit;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);	
}

/** END LAYOUT **/
/** HEADER **/

header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #fff;	
	z-index: 100;
}
.logo{
	display: block;
	float: left;
	width: 140px;
	height: 50px;
	background-image: url('images/logo.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;	
	text-indent: -300em;
	transition: all 400ms ease;
	opacity: 1;
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}
.logo-hidden{
	opacity: 0;	
	-webkit-transform: translate(0,-10px);
	-ms-transform: translate(0,-10px);
	transform: translate(0,-10px);
}
.header-info{
	width: calc((100% - 140px)/2);
	float: left;	
}
.header-left{
	padding-left: 20px;
	text-align: left;	
}
.header-right{
	padding-right: 20px;
	text-align: right;	
}
.menu-btn{
	display: inline-block;
	vertical-align: middle;
	line-height: 17px;
	cursor: pointer;
	font-weight: bold;
}
.menu-bars{
	width: 30px;
	height: 17px;	
	display: inline-block;
	vertical-align: top;
	margin-right: 16px;
}
.menu-bars span{
	display: block;
	width: 100%;
	height: 3px;
	margin-bottom: 4px;
	background-color: #333; 	
}
.menu-btn span:last-child{
	margin-bottom: 0;
}
.header-social-list{
	display: inline-block;
	vertical-align: middle;
	line-height: 100%;	
}
.header-social-list > li{
	display: inline-block;
	margin-left: 10px; 		
}
.header-social-list > li a{
	color: #1fc4ca;
	text-decoration: none;	
}
.header-social-list > li a:before{
	font-family: 'FontAwesome';
	font-size: 20px;	
}
.header-social-list > li a.twitter:before{
	content: '\f081';	
}
.header-social-list > li a.facebook:before{
	content: '\f082';	
}
.header-social-list > li a.youtube:before{
	content: '\f166';	
}
.header-social-list > li a.flikr:before{
	content: '\f16e';	
}
.header-spacer{
	display: block;
	width: 100%;
	height: 50px;
}

/** END HEADER **/
/** HOME **/

.slider-container{
	position: relative;
	display: block;
	width: 100%;
	height: calc(100% - 50px);	
	z-index: 1;
}
.slider-arrow{
	position: absolute;
	bottom: 10%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2;	
	display: block;
	width: 50px;
	height: 30px;
	background-image: url('images/slider-arrow.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center; 
	-webkit-animation: arrow-pulse 600ms ease infinite alternate;
	animation: arrow-pulse 600ms ease infinite alternate;
	cursor: pointer;
}
@-webkit-keyframes arrow-pulse{
	to{
		-webkit-transform: translate(-50%,20px);
		-ms-transform: translate(-50%,20px);
		transform: translate(-50%,20px);	
	}
}
@keyframes arrow-pulse{
	to{
		-webkit-transform: translate(-50%,20px);
		-ms-transform: translate(-50%,20px);
		transform: translate(-50%,20px);	
	}
}

.slider-logo{
	display: block;
	width: 80%;
	max-width: 535px;
	height: 130px;
	background-image: url('images/logo.svg');
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	text-indent: -300em;
	position: absolute;
	top: 45%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);	
}

.home-sections{
	padding: 10px 0;	
}
.home-sections + .main-content{
	background-color: #ebebeb;	
}
.home-sections:after{
	content: '';
	display: block;
	clear: both;
}
.home-section{
	position: relative;
	display: block;
	width: calc(50% - 5px);
	margin-right: 10px;
	float: left;
	overflow: hidden;
}
.home-section .splash-background{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 1;	
}
.home-section:before{
	content: '';
	display: block;
	padding-top: 72%;	
}
.home-section:last-child{
	margin-right: 0;
}
.home-section-background{
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 215px 245px 215px;
	border-color: transparent transparent rgba(0,0,0,0.70) transparent;
	z-index: 2;	
	transition: all 250ms ease-out;
}
.home-section:hover .home-section-background{
	border-width: 0 275px 320px 275px;
}
.home-section-title{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;	
	padding-bottom: 35px;
	z-index: 3;
	font-size: 2.2em;
	color: #fff;
	line-height: 120%;
	transition: all 250ms ease-out;
	min-height: 175px;
}
.home-section:hover .home-section-title{
	padding-bottom: 75px;	
}
.home-section-title:before{
	content: '';
	display: inline-block;
	vertical-align: bottom;
	height: 100%;
}
.home-section-title > span{
	display: inline-block;
	vertical-align: bottom;
	max-width: 370px;
	font-weight: bold;
}
.home-section-enter{
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;	
}
.home-section-enter:after{
	content: '\f0da';
	font-family: 'FontAwesome';
	margin-left: 15px;	
}
.home-intro-content{
	padding: 80px 0;
}
.homepage-content{
	display: block;
	width: 100%;
	max-width: 670px;
	margin: 0 auto;
}
.homepage-content-button-container{
	width: 100%;
	text-align: center;	
	margin-top: 45px;
}

.latest-news-container{
	padding: 50px;
	margin-bottom: -50px;
}
.latest-news-container section{
	padding: 0;	
}
.latest-news-container:after,
.latest-news-box:after{
	content: '';
	display: block;
	clear: both;	
}
.latest-news-box{
	position: relative;
	width: calc(33.333333% - 34px);
	margin-right: 50px;
	margin-bottom: 50px;
	float: left;
	background-color: #ebebeb;
}
.latest-news-box:nth-child(3n){
	margin-right: 0;	
}
.latest-news-image{
	width: 40%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center center;
}
.latest-news-image a{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;	
}
.latest-news-content{ 
	position: relative;
	width: 60%;
	float: right;
	padding: 40px 30px;
	text-align: center;
	min-height: 365px;
}
.latest-news-content p{
	font-size: 0.85em;
}
.latest-news-title{
	font-size: 1.8em;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 15px;	
	line-height: 120%;	
}
.latest-news-title a,
.latest-news-title a:hover{
	color: inherit;
	text-decoration: none;
}
.latest-news-button-container{
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	text-align: center;
}

/** END HOME **/
/** NEWS ARTICLES **/

.news-headline{
	font-size: 2.2em;
	font-weight: bold;
	margin-bottom: 30px;	
}
.news-meta{
	margin: 30px 0;
	color: #adadad;
}
.alignright{
	float: right;
	margin-left: 40px;
	margin-bottom: 40px;
}
.alignleft{
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;	
}
.alignright,
.alignleft{
	max-width: 50%;
	height: auto;
}

/** END NEWS ARTICLES **/
/** TEAM MEMBERS **/

.team-members-container{
	padding-top: 20px;	
}
.team-members-container .section-title{
	margin-bottom: 30px;
}
.page-content .team-members{
	list-style: none;
	padding: 0;
}
.team-members{
	margin-bottom: -20px;	
}
.team-members > li{
	width: calc(50% - 10px);
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;	
	background-color: #ebebeb;
}
.team-members > li:nth-child(2n){
	margin-right: 0;
}
.team-members:after,
.team-members > li:after{
	content: '';
	display: block;
	clear: both;
}

.team-member-image{
	width: 285px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: #aeaeae;
}
.team-member-content{
	width: 100%;
	padding: 30px;
}
.team-member-name{
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 25px;	
}
.team-member-short-bio{
	font-size: 0.9em;
}

/** END TEAM MEMBERS **/
/** WORKSHOPS **/

.workshops-container{
	padding: 0 40px 40px;	
}
.workshops:after,
.workshops > li:after{
	content: '';
	display: block;
	clear: both;
}
.workshops > li{
	width: calc(50% - 20px);
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
	background-color: #ebebeb;
	padding: 40px;
}
.workshops > li:nth-child(2n){
	margin-right: 0;	
}
.workshop-content{
	width: calc(100% - 250px);
	float: left;
	padding-left: 40px;	
}
.workshop-info-container{
	width: 250px;
	float: left;
	font-size: 0.9em;
	text-align: center;	
}
.workshop-info-container img{
	display: inline-block;
	margin-bottom: 25px;	
}
.workshop-info > li{
	position: relative;
	border-bottom: 1px solid #d4d4d4;
	line-height: 140%;
	padding: 10px 0 10px 40px;
	text-align: left;
}
.workshop-info > li:first-child{
	border-top: 1px solid #d4d4d4;
	padding-top: 10px;
}
.workshop-info > li:last-child{
	margin-bottom: 0;
}
.workshop-info > li:before{
	position: absolute;
	display: block;
	width: 20px;
	text-align: center;
	top: 10px;
	left: 5px;
	font-family: 'FontAwesome';
	font-size: 22px;
}
.workshop-info > li.age:before{ content: '\f007'; }
.workshop-info > li.dates:before{ content: '\f073'; }
.workshop-info > li.time:before{ content: '\f017'; }
.workshop-info > li.address:before{ content: '\f041'; }
.workshop-info > li.cost:before{ content: '£'; font-family: inherit; font-weight: bold; }

/** END WORKSHOPS **/
/** CONTACT US PAGE **/

.send-message-box{
	background-color: #ebebeb;
	padding: 35px 35px 20px;	
	margin-bottom: 40px;
}
.send-message-box .section-title{
	margin-bottom: 20px;
}
.send-message-box:after{
	content: '';
	display: block;
	clear: both;	
}
.send-message-col{
	width: calc(50% - 17.5px);
	margin-right: 35px;
	margin-bottom: 15px;
	float: left;
}
.send-message-col + .send-message-col{
	margin-right: 0;
}
.send-message-box input[type="text"],
.send-message-box input[type="email"],
.send-message-box input[type="tel"]{
	width: 100%;
	margin-bottom: 15px;	
}
.send-message-box textarea{
	width: 100%;	
}
.send-message-box-button-container{
	margin-top: 15px;
	text-align: right;
}

div.wpcf7-response-output{
	clear: both;
	margin-top: 0;
	margin-bottom:15px;
	padding: 20px;
}
div.wpcf7 img.ajax-loader{
	display: none;
}

.contact-details .section-title{
	margin-bottom: 20px;	
}
.contact-details:after{
	content: '';
	display: block;
	clear: both;
}
.contact-info-col{
	width: 280px;
	float: left;
}
.contact-emails,
.contact-phone-numbers{
	line-height: 140%;	
}
.contact-map-col{
	width: calc(100% - 280px);
	float: left;	
}
.contact-map-container{
	position: relative;
	width: 100%;	
}
.contact-map-container:before{
	content: '';
	display: block;
	padding-top: 66%;
}
.contact-map-container iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/** END CONTACT US PAGE **/
/** VIDEOS **/

.videos-container{
	padding: 40px 0;
}
.videos:after{
	content: '';
	display: block;
	clear: both;
}
.videos{
	margin-bottom: -20px;	
}
.videos > li{
	width: calc(20% - 16px);
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	background-color: #ebebeb;
}
.videos > li:nth-child(5n){
	margin-right: 0;
}
.video-thumb{
	position: relative;
	width: 100%;
	background: no-repeat;
	background-position: center center;
	background-size: cover;
}
.video-thumb:before{
	content: '';
	display: block;
	padding-top: 56%;
}
.video-thumb a{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.60);
}
.video-thumb a:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.video-thumb:hover a{
	display: block;
}
.video-play-button{
	display: inline-block;
	vertical-align: middle;
	max-width: 95%;
	width: 75px;
	height: 55px;
	background-image: url('images/play-icon.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.video-content{
	padding: 30px;
}
.video-title{
	overflow: hidden;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	line-height: 120%;
	margin-bottom: 15px;
}
.video-title a{
	color: inherit;
}
.video-title a:hover{
	color: #18a7ac;
}
.video-stars-container{
	display: inline-block;
	height: 22px;
	position: relative;
	top: -3px;
}
.video-views + .video-stars-container{
	display: block;
	margin-top: 15px;
	top: 0;
}
.video-stars-container + .video-views{
	display: inline-block;
	height: 22px;
	line-height: 22px;
}
.video-star{
	display: inline-block;
	vertical-align: middle;
	vertical-align: top;
	margin-right: 4px;
}
.video-star:before{
	content: '\f005';
	font-family: 'FontAwesome';
	color: #1fc4ca;
	font-size: 22px;
}
.video-modal-meta{
	margin-bottom: 15px;
}
.video-date{
	opacity: 0.7;
}

/** END VIDEOS **/
/** MODAL **/

.modal-overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
	z-index: 10000;
}
.modal-overlay:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;	
}
.modal{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-color: #fff;
	padding: 30px;
	text-align: left;
	width: 95%;
	max-height: 95%;
	overflow-y: auto;
	max-width: 660px;
	-webkit-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
	-webkit-animation: modal-entrance 250ms ease;
	animation: modal-entrance 250ms ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.modal p{
	font-size: 0.9em;	
}
.modal-close{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	background-color: #000;
	cursor: pointer;
	z-index: 10;
}
.modal-title{
	font-size: 1.8em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 25px;	
}
.modal-video-container{
	position: relative;
	width: calc(100% + 60px);
	margin-left: -30px;
	margin-top: -30px;
	margin-bottom: 20px;
}
.modal-video-container:before{
	content: '';
	display: block;
	padding-top: 56.2%;
}
.modal-video-container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@-webkit-keyframes modal-entrance{
	to{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes modal-entrance{
	to{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

/** END MODAL **/
/** LOADER **/

.loader{
	display: inline-block;
	vertical-align: middle;
}
.loader span{
	display: inline-block;
	width: 25px;
	height: 25px;
	background-color: #fff;
	border-radius: 50%;
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-animation: loader-pulse 600ms ease-in-out alternate infinite;
	animation: loader-pulse 600ms ease-in-out alternate infinite;
}
.loader span:nth-child(2){
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
}
.loader span:nth-child(3){
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms;
}

@-webkit-keyframes loader-pulse{
	to{
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes loader-pulse{
	to{
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

/** END LOADER **/
/** FOOTER **/

.twitter-bar{
	padding: 70px 0;
	background-color: #ebebeb;
	background-image: url('images/twitter-bird.svg');
	background-repeat: no-repeat;
	background-size: 300px;
	background-position: bottom left 10%;
}
.twitter-bar .section-title{
	text-align: center;
	margin-bottom: 60px;	
}
.tweets:after{
	content: '';
	display: block;
	clear: both;
}
.tweets > li{
	width: calc(33% - 37px);
	margin-right: 55px;
	float: left;
	font-size: 0.9em;
	line-height: 120%;
}
.tweets > li small{
	display: block;	
	font-size: 0.9em;
	margin-top: 25px;
}
.tweets > li:last-child{
	margin-right: 0;
}

footer{
	padding: 80px 0;
	background-color: #111;
	font-size: 0.8em;
	color: #eee;
	line-height: 160%;	
}
footer p{
	line-height: 160%;
}
footer a{
	color: inherit;
}
footer a:hover{
	color: #fff;	
}
footer:after{
	content: '';
	display: block;
	clear: both;
}
.footer-col{
	width: 25%;
	float: left;
}
.footer-header{
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 20px;
	text-transform: uppercase; 	
}
.footer-rights{
	margin-top: 20px;
}
.footer-social-media a:before{
	font-family: 'FontAwesome';	
	font-size: 0.8em;
	margin-right: 10px;
}
.footer-social-media a.facebook:before{
	content: '\f082';	
}
.footer-social-media a.twitter:before{
	content: '\f081';	
}
.footer-social-media a.flikr:before{
	content: '\f16e';		
}
.footer-social-media a.youtube:before{
	content: '\f166';	
}

/** END FOOTER **/
/** OTHERS **/

table{
	margin-bottom: 25px;
}
table th{
	padding: 12px;
	background-color: #ebebeb;	
}
table td{
	padding: 12px;
	border: 1px solid #ebebeb;	
}

/** END OTHERS **/
/** RESPONSIVE **/

@media screen and (max-width: 1690px){
	.latest-news-container{
		padding: 50px 30px;
	}
	.latest-news-title{
		font-size: 1.3em;	
	}
	.latest-news-content{
		padding: 30px 20px;	
	}
	.video-title{
		font-size: 1.05em;	
	}
	.video-content{
		padding: 20px;	
	}
}
@media screen and (max-width: 1470px){
	.latest-news-box{
		width: calc(33.333333% - 20px);
		margin-right: 30px;
		margin-bottom: 30px;	
	}
	.latest-news-container{
		margin-bottom: -30px;
		padding: 40px 25px;
	}
	.latest-news-button-container{
		bottom: 25px;	
	}
	.videos > li{
		width: calc(25% - 15px);
	}
	.videos > li:nth-child(5n){
		margin-right: 20px;	
	}
	.videos > li:nth-child(4n){
		margin-right: 0;	
	}
	.video-title{
		font-size: 1em;	
	}
}
@media screen and (max-width: 1270px){
	.latest-news-box:last-child{
		display: none;
	}
	.latest-news-box{
		width: calc(50% - 15px);	
	}
	.latest-news-box:nth-child(2){
		margin-right: 0;	
	}
	.latest-news-content{
		min-height: 305px;	
	}
}
@media screen and (max-width: 1055px){
	.videos > li{
		width: calc(33.3333% - 14.4px);	
	}
	.videos > li:nth-child(4n){
		margin-right: 20px;	
	}
	.videos > li:nth-child(3n){
		margin-right: 0;	
	}
	.video-content{
		padding: 15px;	
	}
}
@media screen and (max-width: 1000px){
	.button,
	input[type="submit"]{
		padding: 15px 25px;
	}
	.banner-title{
		padding: 20px 0;	
	}
	.banner-title h1,
	.banner-title h2{
		font-size: 1.8em;	
	}
}
@media screen and (max-width: 960px){
	.sidebar-nav-container{
		width: calc(100% + 40px);
		float: none;
		padding: 12px 0;
		margin-top: -40px;
		margin-left: -20px;
		margin-bottom: 30px;
		background-color: #ebebeb;
	}
	.sidebar-nav-container + .page-content{
		width: 100%;
		float: none;
		padding-left: 0px;	
	}
	.sidebar-nav{
		white-space: nowrap;
		overflow: auto;	
	}
	.sidebar-nav > li{
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 0;
	}
	.sidebar-nav > li a{
		background-color: #d4d4d4;	
	}
	.sidebar-nav > li:first-child{
		margin-left: 20px;
	}
	.sidebar-nav > li:last-child{
		margin-right: 20px;	
	}
	.sidebar-nav > li a{
		height: auto;
		line-height: 100%;
		padding: 14px 20px;	
	}
	.sidebar-nav > li.current_page_item a:after{
		display: none;	
	}
}
@media screen and (max-width: 935px){
	.latest-news-title{
		font-size: 1.2em;	
	}
	.latest-news-content p{
		font-size: 0.8em;	
	}
}
@media screen and (max-width: 870px){
	footer,
	.twitter-bar{
		padding: 50px 0;
	}
	body{
		font-size: 	16px;
	}
	.home-section-title{
		font-size: 1.8em;
	}
	.home-section-background{
		border-width: 0 160px 220px 160px;	
	}
}
@media screen and (max-width: 775px){
	.latest-news-box{
		width: 100%;
		margin-right: 0;	
	}
	.latest-news-content{
		min-height: 0px;
		padding: 30px 20px 70px;
	}
}
@media screen and (max-width: 740px){
	.footer-col{
		width: 50%;
		margin-bottom: 20px;
	}
	.footer-col:nth-child(3){
		clear: both;	
	}
	.videos{
		margin-bottom: -15px;	
	}
	.videos > li{
		width: calc(50% - 7.5px);
		margin-bottom: 15px;
		margin-right: 15px;	
	}
	.videos > li:nth-child(3n),
	.videos > li:nth-child(4n),
	.videos > li:nth-child(5n){
		margin-right: 15px;	
	}
	.videos > li:nth-child(2n){
		margin-right: 0;	
	}
	.video-title{
		font-size: 0.9em;	
	}
}
@media screen and (max-width: 690px){
	.tweets > li{
		width: calc(33.333333% - 20px);
		margin-right: 30px;	
	}
}	
@media screen and (max-width: 630px){
	.sidebar-nav-container{
		margin-top: -35px;	
	}
	footer,
	.twitter-bar,
	.main-content,
	.home-intro-content{
		padding: 35px 0;	
	}
	.videos-container{
		padding: 20px 0;	
	}
	.twitter-bar .section-title{
		margin-bottom: 35px;	
	}
	.send-message-box{
		padding: 25px 25px 10px;			
	}
	.send-message-col{
		width: calc(50% - 12.5px);
		margin-right: 25px;	
	}
	.contact-info-col{
		width: 220px;	
	}
	.contact-map-col{
		width: calc(100% - 220px);	
	}
	.alignright{
		float: right;
		margin-left: 20px;
		margin-bottom: 20px;
	}
	.alignleft{
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;	
	}
}
@media screen and (max-width: 590px){
	.tweets > li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;	
	}
	.tweets > li small{
		margin-top: 5px;
		font-style: italic;	
	}
	.twitter-bar{
		background-image: none;	
	}
}
@media screen and (max-width: 565px){
	.send-message-col{
		width: 100%;
		margin-right: 0;	
	}
	.contact-info-col,
	.contact-map-col{
		width: 100%;	
	}
	.contact-map-col{
		margin-top: 20px;	
	}
	.team-members > li{
		width: 100%;
		min-height: 0px !important;
		margin-right: 0;	
	}
}
@media screen and (max-width: 510px){
	.header-right{
		display: none;
	}
	.home-section{
		width: 100%;
		margin: 0 0 10px;	
	}
	.home-section:nth-child(2){
		margin-bottom: 0;
	}
	.home-section:before{
		padding-top: 50%;	
	}
	.alignright,
	.alignleft{
		max-width: 90%;
		display: block;
		float: none;
		margin: 15px auto;
	}
}
@media screen and (max-width: 450px){
	.menu-btn{
		font-size: 0px;	
	}
	.footer-col{
		width: 100%;
		clear: both;	
	}
	.footer-col:last-child{
		margin-bottom: 0;	
	}
	.footer-header{
		cursor: pointer;
		margin-bottom: 0;	
	}
	.footer-header:after{
		content: '\f055';
		font-family: 'FontAwesome';
		float: right;	
	}
	.footer-header.content-open:after{
		content: '\f056';
	}
	.footer-content{
		display: none;
		padding-top: 15px;
	}
	.latest-news-image{
		display: none;	
	}
	.latest-news-content{
		width: 100%;	
	}
}
@media screen and (max-width: 380px){
	.videos > li,
	.videos > li:nth-child(3n),
	.videos > li:nth-child(4n),
	.videos > li:nth-child(5n){
		width: 100%;
		margin-right: 0;	
	}
}

/** END RESPONSIVE **/