body { font-size:12px; line-height: 24px; letter-spacing: 1.5px;  }
body.home { height:100vh; overflow:hidden; }
body.home.loaded { height:auto; overflow:auto; }
#loader-wrapper { position:fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background:#2f2f2f; }
/*
#loader { display: block; position: relative; left: 50%; top: 50%; width: 120px; height: 120px; margin:-60px 0 0 -60px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db;
	background:url(../images/logo-shape.png) 50% 50% no-repeat; background-size:cover; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index: 1001; }
*/
#loader { display: block; position: relative; left: 50%; top: 50%; width: 120px; height: 120px; margin:-60px 0 0 -60px; border-radius:50%; border:3px solid #ffc10e;
	background:url(../images/loader.gif) 50% 50% no-repeat; background-size:cover; z-index: 1001;  }

@-webkit-keyframes spin {
	0%   { 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
@keyframes spin {
	0%   { 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}

#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background:#2f2f2f;
	z-index: 1000;
	
}


.loaded #loader {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;  
			transition: all 0.2s ease-out;
}
.loaded #loader-wrapper {
	visibility: hidden;
}

/* JavaScript Turned Off */
/*.no-js #loader-wrapper { display: none; }
.no-js h1 { color: #222222; }*/

.menu li ul { margin:0 0 20px 25px; }
.menu li ul li { list-style:disc; }
.o-main { min-height:100vh; }
.submenu ul { display:none; }

.contact { font-size:0; }
.contact .address { width:30%; font-size:12px; display:inline-block; vertical-align:top; margin-bottom:30px; }
.contact .map { width:69%; display:inline-block; vertical-align:top; margin:30px 0; padding-left:20px; }
.contact .map iframe { height:400px; }
.contact .address a { color:#f1f1f1; text-decoration:none; }
.contact .address a:hover { color:#e0b500; }

.director-page { font-size:0; margin:0; padding:20px; }
.director-page li { position:relative; }
.director-page .img { width:49%; display:inline-block; vertical-align:top; }
.director-page .data { width:50%; padding-left:20px; padding-right:50px; padding-bottom:30px; font-size:12px; line-height:24px; display:inline-block; vertical-align:top; letter-spacing:1.5px; }
.director-page .data h2,
.o-container h2, .director-page h2, .o-container__body h2 { font-size:16px; margin-bottom:15px; }
.director-page .data p { text-align:justify; }
.director-page .data a { color:#f1f1f1; text-decoration:none; }
.director-page .data a:hover { color:#e0b500; }
.director-page .data .share-btn { position:absolute; bottom:0; margin:0; }

.directors .row--boxes {
    margin-top: 20px;
	padding:20px;
}
.row.row--boxes .row--boxes__box {
    width: 50%;
	float: left;
    overflow: hidden;
    position: relative;
	font-size: 16px;
    color: #fff;
    text-decoration: none;
}
.row.row--boxes .row--boxes__box img {
    display: inline-block;
    left: auto;
    right: auto;
    width: 100%;
    vertical-align: middle;
    -webkit-transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
}
.box img {
    float: left;
    margin: 0 4% 0 0;
}
.row.row--boxes .row--boxes__cont {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    background: rgba(46,46,51,1);
    transition: opacity 200ms ease-out, transform 200ms ease-out;
}
.row.row--boxes .row--boxes__box .tab {
    width: 100%;
    height: 100%;
}
.tab {
    display: table;
}
.tab__c {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}
.row.row--boxes .row--boxes__box h2 {
    padding-right: 0;
    padding-bottom: 10px;
}
.row.row--boxes h2 {
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
    padding-right: 20px;
    padding-bottom: 0 !important;
	margin-bottom:0;
	color:#fff;
	letter-spacing:1px;
}
.row.row--boxes h2 span { font-size:14px; text-transform:none; padding-top:5px; display:block; }
.row.row--boxes .row--boxes__box:hover img {
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}
.row.row--boxes .row--boxes__box:hover .row--boxes__cont {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.v-middle {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
    min-height:100vh;
}

.about { width:100%; background:url(../images/about.jpg) 50% 50% no-repeat; background-size:cover; padding:100px 20px; margin:100px 0 0 0; position:relative; }
.about:before { position:absolute; content:""; background:rgba(38,38,38,0.9); width:100%; height:100%; left:0; top:0; }
.about p { position:relative; font-size:12px; line-height:24px; letter-spacing: 1.5px;  }

.team { width:100%; padding:80px 0; background:#262626; }
.team .directors { width:80%; margin: 0 auto; }
.team .row.row--boxes .row--boxes__cont { position:relative; padding:10px; }
.team .row.row--boxes .row--boxes__box { width:calc(50% - 10px); margin:10px 5px; }
.team .directors .row--boxes { margin-top:0; padding:0;  }


.photo { background: #2e2e2e; }
.photo.row.row--boxes .row--boxes__box { width:100%; }
.fl { float: left !important; }
.fr { float: right !important; }
.tiles-boxes { margin-top: 30px; padding:0 10px; }
.tileCol:after { content: ''; clear: both; float: none }
.tileCol img { width: 100% }
.tileCol .showMe { border:5px solid #2e2e2e; position: relative; overflow: hidden }
.tile-1-same { width: 33.333% }
.tile-2-same { width: 33.333% }
.tile-3-same { width: 50% }
.tile-4-full { width:100% }
.row-1-tile-1 { }
.row-1-tile-2 { }
.tile-1-big { width: 66.666%; }
.row-2-tile-1 { width: 33.333% }
.row-2-tile-2 { width: 33.333% }
.row-2-tile-2 { width: 33.333% }
.row-2-tile-3 { width: 33.333% }
.row-2-tile-center { width: 33.333% }
.row-2-tile-4 { width: 66.666% }
.row-4-tile-1 { width: 33.333% }
.row-4-tile-2 { width: 33.333% }
.row-4-tile-3 { width: 33.333% }
.mb10px { margin-bottom: 1%; }
.paddingRyt { padding-right: 0.7%; }
.paddingLeft { padding-left: 0.7%; }
.paddingbotom { padding-bottom: 0.7%; }
.tileCol div.noBorder { border: none }
.tileCol div.noleftBorder { border-left: none }
.tileCol div.noryttBorder { border-right: none }
.tileCol div.notopBorder { border-top: none }
.tileCol div.nobottomtBorder { border-bottom: none }
/*
.tileCol div.ShowOnHover { position: absolute; top: 0%; left: -100%; width: 100%; z-index: 1; text-align: center; color: #fff; border: transparent solid 2px !important; border-radius: 2px; height: 100%; transition: all 0.4s; opacity: 0; background: rgba(0,0,0,0.8); }
.tileCol div.ShowOnHover div { border: none !important }
.ShowOnHover a { color: #fff; font-size: 22px; text-transform:uppercase; display: block; height: inherit;letter-spacing: 1.5px;}
.ShowOnHover a h2 { transition: all 0.6s; transform: translateX(100%); color: #fff; font-size: 22px; text-decoration: none; font-family: 'gilroymedium';letter-spacing: 1.5px;width: auto;display: inline-block;border-bottom: 1px solid #fff;padding-bottom: 5px; margin-bottom:10px;}
.ShowOnHover a p { transition: all 0.6s; transform: translateX(100%); color: #fff; font-size:14px; text-decoration: none; font-family: 'gilroymedium';letter-spacing: 1.5px; margin-top:15px; display:inline-block; width:auto; }
.tileCol div.showMe:hover .ShowOnHover p { text-shadow: 0 0 10px rgba(0, 0, 0, 0.4); transform: translateX(0%); }
.tileCol div.showMe img { display: block; width: 100%; transition: all .8s; }
.tileCol div.showMe:hover .ShowOnHover { opacity: 1; left: 0 }
.tileCol div.showMe:hover .ShowOnHover h2 { text-shadow: 0 0 10px rgba(0, 0, 0, 0.4); transform: translateX(0%); }
.tileCol div.showMe:hover img { opacity: 1; transform: scale(1.04); }
*/