@charset "UTF-8";

/*==========================
========== GOLBAL ==========
==========================*/

* {
	margin: 0;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100% !important;
	max-width: 100% !important;
	background: #fafafa;
	color: #222;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}



.black { 
	margin:0;
	background: #000;
	opacity: 0.1;
	z-index:1;
	width:100%;
	height:100%;
	display:block;}
	
#bg-home .black {opacity: 0.2;   position: absolute;}	
.none {	display: none;}
.mobilenone {	display: block; }
.mobiletrue {	display: none;}
b {	font-weight: 700; }


a {	
	font-weight: 700;
	text-decoration: none;
	color: #201a5a;
	
	-webkit-transition-duration:.2s;
	-moz-transition-duration:.2s;
	transition-duration: .2s;}

a:hover {
	text-decoration : none;
	color: #8cc63e;
	-webkit-transition-duration:.25s;
	-moz-transition-duration:.25s;
	transition-duration: .25s;
}


h1 {
	font: 700 33px "Montserrat", Helvetica Neue, Helvetica, sans-serif;	
	margin: 135px auto; 	
	position: absolute;
	left: 50%;
  -webkit-transform: translateX(-50%) translateY(0);
		  transform: translateX(-50%) translateY(0);
	letter-spacing: 0.2em;	
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 90%;
	color: #fff;
	text-align: center;
	z-index: 2;
	opacity: 0;
	-webkit-animation: h1ani 1s ease-in-out 0.2s forwards;
	 		animation: h1ani 1s ease-in-out 0.2s forwards;}
@-webkit-keyframes h1ani {
    0%   {opacity: 0; 
  -webkit-transform: translateX(-50%) translateY(-20px);
		  transform: translateX(-50%) translateY(-20px); }
    100% {opacity: 1; 
  -webkit-transform: translateX(-50%) translateY(0px);
		  transform: translateX(-50%) translateY(0px); }	
}	 
	 
@keyframes h1ani {
    0%   {opacity: 0; 
  -webkit-transform: translateX(-50%) translateY(-20px);
		  transform: translateX(-50%) translateY(-20px); }
    100% {opacity: 1; 
  -webkit-transform: translateX(-50%) translateY(0px);
		  transform: translateX(-50%) translateY(0px); }	
}


.line {
	background: url('../../images/line.jpg') center center no-repeat;
	width: 120px;
	height: 5px;
	margin: 55px auto;
	display:block;
	z-index:2;
	opacity: 0;
	-webkit-animation: line 0.25s ease-in-out 1.2s forwards;
	 		animation: line 0.25s ease-in-out 1.2s forwards;
  -webkit-transform: translateX(0);
		  transform: translateX(0); 
		  }
	
@-webkit-keyframes line {
    0%   {opacity: 1;
	width: 0px;
  -webkit-transform: translateX(50%);
		  transform: translateX(50%);
		  
  -webkit-transition: all .25s ease-out;
          transition: all .25s ease-out; }
    100% {opacity: 1;
	width: 120px;
  -webkit-transform: translateX(0);
		  transform: translateX(0);
		  
  -webkit-transition: all .25s ease-out;
          transition: all .25s ease-out;}	
}	
@keyframes line {
    0%   {opacity: 1;
	width: 0px;
  -webkit-transform: translateX(50%);
		  transform: translateX(50%); }
    100% {opacity: 1;
	width: 120px;
  -webkit-transform: translateX(0);
		  transform: translateX(0);}	
}

h5 {				/*contact us smaller blue text*/
	font: 700 13px/150% "Montserrat", Helvetica Neue, Helvetica, sans-serif;
	color: #201a5a;
	text-transform: uppercase;
	letter-spacing: 0.2em;	
	margin:  5px 0 -2px 0;
	text-align: center;
}	
	

.button, .bblock:after, .clicktextwrap:after {
	margin: 0 auto;
	padding: 12px 35px;
	display: inline-block;
	color: #fff;
	background: none;
	 border: 3px solid #fff;
	font: 700 10px "Montserrat", Helvetica Neue, Helvetica, sans-serif;
	letter-spacing: .2em;
	text-transform: uppercase;	
	-webkit-border-radius: 30px; 
	-moz-border-radius: 30px; 
	border-radius: 30px; 
}

.button:hover  {
	background: #8cc63e;
	border: 3px solid transparent;
	color:#fff;
	opacity:1; }

	
.click .button:hover	{background: none;	border: 2px solid #fff;}

header {	
	clear:both;
	margin: 70px 0 0; 
	z-index: -40;
	overflow:hidden;
	 width: 100%; height: 300px;
}

#h1 { background: url('../../images/header_1.jpg') no-repeat center center;}
#h2 { background: url('../../images/header_2.jpg')  no-repeat center 40%; }
#h3 { background: url('../../images/header_3.jpg') no-repeat center center;}
#h4 { background: url('../../images/header_4.jpg') no-repeat center center;}
#h5 { background: url('../../images/header_5.jpg') no-repeat center center;}
#h6 { background: url('../../images/header_6.jpg') no-repeat center center;}
#h1, #h2, #h3, #h4, #h5, #h6 { background-size: cover; }

section {
	margin: 50px auto 120px;
	width: 100%;
	max-width: 1024px;}
	
.contentbox {
	margin: 30px auto;
	z-index: -1;
	background: #fff;
	clear:both;
}

.text-wrap {
	max-width: 800px;
	width: 66%;
	margin: 0 auto;
	padding: 40px;
}
.txt-wrap-m {
	max-width: 900px;
	width: 90%;
	margin: 0 auto;
	padding: 30px;
	}
.text-wrap p {
	font: 400 13px  'Libre Baskerville', Baskerville,Times New Roman, serif;
	line-height: 26px;
	padding: 0 0 20px;
}

.text-wrap p:first-child {
	font: 400 16px 'Libre Baskerville', Baskerville,Times New Roman, serif;
	line-height: 28px;
	text-align: center;
	padding-bottom: 30px;
}
.text-wrap p:last-child {
	padding: 0;
}
footer {
	position:fixed;
	bottom: 0;
	width:100%;
	height:70px;
	clear: both;
	margin: 0;
	z-index: 90;
	background:#fff;
	border:0;
	}
	
footer p {
	padding: 30px;
	text-align: right;
	font: 700 9px 'Montserrat', Helvetica Neue, Helvetica, sans-serif;
	color: #201a5a;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	word-spacing: -1px;
	list-style-type: none;
	margin: 0;
}

footer#homef {border-top:0; background: rgba(255,255,255,0); width: 100%;}
footer#homef p {color: rgba(255,255,255,.75); }


#logos {
	position: relative;
    float: left;
    margin: 14px 30px;
	}
#logos div {
	display: inline-block ;
	margin: 0 20px 0 0;
	background-size: contain;}	

.halal, .sac, .e50-02,  .e50-03 {height: 45px;}
.halal { width: 46px; }
.sac, .e50-02, .e50-03 {	width: 64px ;}
.halal {	background: url(../../images/logo_halal.png) no-repeat;}
.sac {	background: url(../../images/logo_SAC.png) no-repeat;}
.e50-02 {	background: url(../../images/logo_E50-02.png) no-repeat; }
 .e50-03 {	background: url(../../images/logo_E50-03.png) no-repeat;}

/*==========================
======== HOME PAGE =========
==========================*/
#bg-home {
	background: url('../../images/bg_home.jpg') no-repeat center center fixed;
	-webkit-background-size: cover ; 	-moz-background-size: cover; 	background-size: cover;
	width: 100vw;
	height: 100vh;
	margin-top: 0px; 
	z-index: -1; 
	padding: 0;
}

section#home {
	margin: 0 auto; 
	width: 100%;
	max-width: 1024px;}
	
#home-wrap {
	text-align:center;
	position: absolute;
	color: #fff;
	margin: 0;		
	padding: 0;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) ;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	width: 70%;
	max-width: 940px;
	z-index:2;
}

#w-logo {
	display: block !important;
	visibility: visible;
	background: url('../../images/w-logo.png') center center no-repeat;
	background-size: contain;
	text-align: left;
    width: 100%;
    height: 90px;
    margin: 0 auto;
    padding: 0;
	opacity: 0;
	transform: translateY(0px);
	-webkit-animation: homeani .75s ease-in-out 1s forwards;
	 		animation: homeani .75s ease-in-out 1s forwards;
	}

	
#hometxt{ 		/*home main text*/
	font: 700 28px/42px "Montserrat", Helvetica Neue, Helvetica, sans-serif;
	letter-spacing: 0.2em;	
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 50px auto 75px;
	opacity: 0;
	-webkit-animation: homeani .75s ease-in-out 1.8s forwards;
	 		animation: homeani .75s ease-in-out 1.8s forwards;
}
h2{ 			/*home secondary msg text*/
	font: 400 20px 'Libre Baskerville', Baskerville,Times New Roman, serif;
	margin:  20px 0 0;
	letter-spacing: 0;	
	text-transform: none;
	opacity: 0;
	-webkit-animation: homeani .75s ease-in-out 2.6s forwards;
	 		animation: homeani .75s ease-in-out 2.6s forwards;
}

#bg-home a.button { 
	margin: 0 auto;
	opacity: 0;
	-webkit-animation: homeani 1.2s ease-in-out 3.4s forwards;
	 		animation: homeani 1.2s ease-in-out 3.4s forwards;}


@-webkit-keyframes homeani {
0%   {opacity: 0; transform: translateY(-20px);}
100% {opacity: 1; transform: translateY(0px);}
}	 
	 
@keyframes homeani {
0%   {opacity: 0; transform: translateY(-20px);}
100% {opacity: 1; transform: translateY(0px);}
}
		
/*==========================
====== SERVICES PAGE =======
==========================*/
h3 {			/*services, contact us blue text*/
	font: 700 16px "Montserrat", Helvetica Neue, Helvetica, sans-serif;
	color: #201a5a;
	text-transform: uppercase;
	letter-spacing: 0.2em;	
	margin:  15px 0 0;
	text-align: center;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}	
	
/*wrapper boxes*/
.servicebox {
	width: 98%;
	max-width: 1024px; 
	margin: 0 auto;
	padding: 8px 0 40px;}	
/*blue boxes*/
.servbox { 
	position: relative;
	list-style:none;
	display: inline-block;
	padding: 0;
	background: #201a5a;
	margin: 0.5%;
	width: 32.0%;
	webkit-transition-duration:.25s; -moz-transition-duration:.25s; transition-duration: .25s;
	}
	.servbox:hover { 
	 transform: scale(0.96,0.96);
	 webkit-transition-duration:.25s; -moz-transition-duration:.25s; transition-duration: .25s;;
	}
.sv { 
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	margin:0 auto;
	height: 110px;
	width: 100%;
	display: block;	
	webkit-transition-duration:.25s; -moz-transition-duration:.25s; transition-duration: .25s;}
.servbox:hover .sv { 
	-webkit-transform: translateY(-50%) scale(1.04,1.04);
	-moz-transform: translateY(-50%) scale(1.04,1.04);
	 transform: translateY(-50%) scale(1.04,1.04);
	 webkit-transition-duration:.25s; -moz-transition-duration:.25s; transition-duration: .25s;;
	}	
	
/*servicebox text*/
.sv-txt { 
	position: relative;	
	margin: 25px auto 0;
	width: 80%;	
	font: 700 14px "Montserrat", Helvetica Neue, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.2em;	
	text-align: center;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	webkit-transition-duration:.3s; -moz-transition-duration:.3s; transition-duration: .3s;
}


#svicon1 {background: url('../../images/services_1.png') center center no-repeat; background-size: 70px 70px; }
#svicon2 {background: url('../../images/services_2.png') center center no-repeat; background-size: 70px 70px; }
#svicon3 {background: url('../../images/services_3.png') center center no-repeat; transform: translateY(1%);background-size: 70px 70px; }
#svicon4 {background: url('../../images/services_4.png') center center no-repeat; background-size: 70px 70px; }
#svicon5 {background: url('../../images/services_5a.png') center center no-repeat; transform: translateY(-1%);background-size: 70px 70px; }
#svicon6 {background: url('../../images/services_6.png') center center no-repeat; background-size: 70px 70px; }


#sv1:hover #svicon1 {
	-webkit-animation: sv1hover 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) infinite alternate;
	 		animation: sv1hover 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) infinite alternate;
	background: url('../../images/services_1d.png') center center no-repeat;
	background-size: 70px 70px;
	 }
@-webkit-keyframes sv1hover {
    0%  {background: url('../../images/services_1d.png') center center no-repeat;
	background-size: 70px 70px; }
    15%  {background: url('../../images/services_1d.png') center center no-repeat;
	background-size: 70px 70px;  }
    20% {background: url('../../images/services_1c.png') center center no-repeat;
	background-size: 70px 70px;  }
    35% {background: url('../../images/services_1c.png') center center no-repeat;
	background-size: 70px 70px;  }
    40% {background: url('../../images/services_1b.png') center center no-repeat;
	background-size: 70px 70px; }
    55% {background: url('../../images/services_1b.png') center center no-repeat;
	background-size: 70px 70px; }
    70% {background: url('../../images/services_1.png') center center no-repeat;
	background-size: 70px 70px; }
    100% {background: url('../../images/services_1.png') center center no-repeat;
	background-size: 70px 70px; }
}	 
	 
@keyframes sv1hover {
    0%  {background: url('../../images/services_1d.png') center center no-repeat;
	background-size: 70px 70px; }
    15%  {background: url('../../images/services_1d.png') center center no-repeat;
	background-size: 70px 70px;  }
    20% {background: url('../../images/services_1c.png') center center no-repeat;
	background-size: 70px 70px;  }
    35% {background: url('../../images/services_1c.png') center center no-repeat;
	background-size: 70px 70px;  }
    40% {background: url('../../images/services_1b.png') center center no-repeat;
	background-size: 70px 70px; }
    55% {background: url('../../images/services_1b.png') center center no-repeat;
	background-size: 70px 70px; }
    70% {background: url('../../images/services_1.png') center center no-repeat;
	background-size: 70px 70px; }
    100% {background: url('../../images/services_1.png') center center no-repeat;
	background-size: 70px 70px; }
}	 
#sv2:hover #svicon2 {
	-webkit-animation: sv2hover cubic-bezier(0.23, 1, 0.32, 1) 1s infinite;
	 		animation: sv2hover cubic-bezier(0.23, 1, 0.32, 1) 1s infinite; 

	 }
@-webkit-keyframes sv2hover {
    0%  {background: url('../../images/services_2.png') center center no-repeat;
	background-size: 70px 70px; }
    50%  {background: url('../../images/services_2.png') center center no-repeat;
	background-size: 70px 70px; }	
    55%  {background: url('../../images/services_2_hover.png') center center no-repeat;
	background-size: 70px 70px; }
    100% {background: url('../../images/services_2_hover.png') center center no-repeat;
	background-size: 70px 70px; }
}	 
	 
@keyframes sv2hover {
    0%  {background: url('../../images/services_2.png') center center no-repeat;
	background-size: 70px 70px; }
    50%  {background: url('../../images/services_2.png') center center no-repeat;
	background-size: 70px 70px; }	
    55%  {background: url('../../images/services_2_hover.png') center center no-repeat;
	background-size: 70px 70px; }
    100% {background: url('../../images/services_2_hover.png') center center no-repeat;
	background-size: 70px 70px; }
}
#sv3:hover #svicon3 {
	-webkit-animation: sv3hover 0.5s cubic-bezier(1, 0, 0, 1) infinite alternate;
	 		animation: sv3hover 0.5s cubic-bezier(1, 0, 0, 1) infinite alternate;
			 transform: translateY(1%);
	 }
@-webkit-keyframes sv3hover {
    0%  {background: url('../../images/services_3b.png') center center no-repeat;
	background-size: 70px 70px; }
    30%  {background: url('../../images/services_3b.png') center center no-repeat;
	background-size: 70px 70px; }	
    35%  {background: url('../../images/services_3.png') center center no-repeat;
	background-size: 70px 70px; }	
    65%  {background: url('../../images/services_3.png') center center no-repeat;
	background-size: 70px 70px; }	
    70%  {background: url('../../images/services_3c.png') center center no-repeat;
	background-size: 70px 70px; }	
    100% {background: url('../../images/services_3c.png') center center no-repeat;
	background-size: 70px 70px; }
}	 
	 
@keyframes sv3hover {
    0%  {background: url('../../images/services_3b.png') center center no-repeat;
	background-size: 70px 70px; }
    30%  {background: url('../../images/services_3b.png') center center no-repeat;
	background-size: 70px 70px; }	
    35%  {background: url('../../images/services_3.png') center center no-repeat;
	background-size: 70px 70px; }	
    65%  {background: url('../../images/services_3.png') center center no-repeat;
	background-size: 70px 70px; }	
    70%  {background: url('../../images/services_3c.png') center center no-repeat;
	background-size: 70px 70px; }	
    100% {background: url('../../images/services_3c.png') center center no-repeat;
	background-size: 70px 70px; }
}

#sv4:hover #svicon4 {
	-webkit-animation: sv4hover 0.5s cubic-bezier(1, 0, 0, 1) infinite alternate;
	 		animation: sv4hover 0.5s cubic-bezier(1, 0, 0, 1) infinite alternate;
	 }
@-webkit-keyframes sv4hover {
    0%  {background: url('../../images/services_4.png') center center no-repeat;
	background-size: 70px 70px; }	
	30%  {background: url('../../images/services_4.png') center center no-repeat;
	background-size: 70px 70px; }	
    35%  {background: url('../../images/services_4b.png') center center no-repeat;
	background-size: 70px 70px; }
    65%  {background: url('../../images/services_4b.png') center center no-repeat;
	background-size: 70px 70px; }
    70%  {background: url('../../images/services_4c.png') center center no-repeat;
	background-size: 70px 70px; }
    100%  {background: url('../../images/services_4c.png') center center no-repeat;
	background-size: 70px 70px; }
}	 
	 
@keyframes sv4hover {
    0%  {background: url('../../images/services_4.png') center center no-repeat;
	background-size: 70px 70px; }	
	30%  {background: url('../../images/services_4.png') center center no-repeat;
	background-size: 70px 70px; }	
    35%  {background: url('../../images/services_4b.png') center center no-repeat;
	background-size: 70px 70px; }
    65%  {background: url('../../images/services_4b.png') center center no-repeat;
	background-size: 70px 70px; }
    70%  {background: url('../../images/services_4c.png') center center no-repeat;
	background-size: 70px 70px; }
    100%  {background: url('../../images/services_4c.png') center center no-repeat;
	background-size: 70px 70px; }
}

#sv5:hover #svicon5 {
	-webkit-animation: sv5hover 1s cubic-bezier(1, 0, 0, 1) infinite;
	 		animation: sv5hover 1s cubic-bezier(1, 0, 0, 1) infinite;
			transform: translateY(-1%);
	 }
@-webkit-keyframes sv5hover {
    0%  {background: url('../../images/services_5a.png') center center no-repeat;
	background-size: 70px 70px; }	
	30%  {background: url('../../images/services_5b.png') center center no-repeat;
	background-size: 70px 70px; }	
    35%  {background: url('../../images/services_5c.png') center center no-repeat;
	background-size: 70px 70px; }
    65%  {background: url('../../images/services_5d.png') center center no-repeat;
	background-size: 70px 70px; }
    100%  {background: url('../../images/services_5a.png') center center no-repeat;
	background-size: 70px 70px; }
}	 
	 
@keyframes sv5hover {
    0%  {background: url('../../images/services_5a.png') center center no-repeat;
	background-size: 70px 70px; }	
	30%  {background: url('../../images/services_5b.png') center center no-repeat;
	background-size: 70px 70px; }	
    35%  {background: url('../../images/services_5c.png') center center no-repeat;
	background-size: 70px 70px; }
    65%  {background: url('../../images/services_5d.png') center center no-repeat;
	background-size: 70px 70px; }
    100%  {background: url('../../images/services_5a.png') center center no-repeat;
	background-size: 70px 70px; }
}
#sv6:hover #svicon6 {
	-webkit-animation: sv6hover 1s infinite;
	 		animation: sv6hover 1s infinite;
	 }
@-webkit-keyframes sv6hover {
    0%   {background: url('../../images/services_6.png') center center no-repeat;
	background-size: 70px 70px; }
    7.5%   {background: url('../../images/services_6_hover.png') center center no-repeat;
	background-size: 70px 70px; }
    12.5%   {background: url('../../images/services_6_hover.png') center center no-repeat;
	background-size: 70px 70px; }
    20%  {background: url('../../images/services_6.png') center center no-repeat;
	background-size: 70px 70px; }
    25%  {background: url('../../images/services_6.png') center center no-repeat;
	background-size: 70px 70px; }
    32.2%  {background: url('../../images/services_6_hover.png') center center no-repeat;
	background-size: 70px 70px; }
    37.2%  {background: url('../../images/services_6_hover.png') center center no-repeat;
	background-size: 70px 70px; }
	45%  {background: url('../../images/services_6.png') center center no-repeat;
	background-size: 70px 70px; }
	50%  {background: url('../../images/services_6.png') center center no-repeat;
	background-size: 70px 70px; }
    57.5%  {background: url('../../images/services_6_hover.png') center center no-repeat;
	background-size: 70px 70px; }
    62.5%  {background: url('../../images/services_6_hover.png') center center no-repeat;
	background-size: 70px 70px; }
    75% {background: url('../../images/services_6.png') center center no-repeat;
	background-size: 70px 70px; }	
    70% {background: url('../../images/services_6.png') center center no-repeat;
	background-size: 70px 70px; }	
    100% {background: url('../../images/services_6.png') center center no-repeat;
	background-size: 70px 70px; }	
}	 
	 
@keyframes sv6hover {
    0%   {background: url('../../images/services_6.png') center center no-repeat;
	background-size: 70px 70px; }
    12.5%   {background: url('../../images/services_6_hover.png') center center no-repeat;
	background-size: 70px 70px; }
    25%  {background: url('../../images/services_6.png') center center no-repeat;
	background-size: 70px 70px; }
    37.2%  {background: url('../../images/services_6_hover.png') center center no-repeat;
	background-size: 70px 70px; }
	50%  {background: url('../../images/services_6.png') center center no-repeat;
	background-size: 70px 70px; }
    62.5%  {background: url('../../images/services_6_hover.png') center center no-repeat;
	background-size: 70px 70px; }
    75% {background: url('../../images/services_6.png') center center no-repeat;
	background-size: 70px 70px; }	
    100% {background: url('../../images/services_6.png') center center no-repeat;
	background-size: 70px 70px; }	
}
#svicon1, #svicon2, #svicon3, #svicon4, #svicon5, #svicon6  {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 70px;	
	height: 70px;
	background-size: contain;
	-webkit-transition-duration:.1s;
	-moz-transition-duration:.1s;
	transition-duration: .1s;
}
/*==========================
======= GALLERY PAGE =======
==========================*/
.gallerywrapper { width:984px; display: block; margin: 0 auto; padding: 35px 0 ;}
.fakebox1 {  width:738px; display: inline-block; margin: 0; padding: 0;}
.fakebox2 {  width:246px; display: inline-block; margin: 0; padding: 0;}


.box1, .box2, .box3, .box4 { display: inline-block; float:left; margin: 8px;}
.box1 { width:476px; height: 476px;}	/*big square*/
.box2 { width:230px; height: 476px;}	/*vertical rect*/
.box3 { width:476px; height: 230px;} /*horizontal rect*/
.box4 { width:230px; height: 230px;} /*small square*/
.box1 .bblock:after { margin: 215px 0 0 150px;}
.box2 .bblock:after { margin: 215px 0 0 26px; }
.box3 .bblock:after { margin: 95px 0 0 150px; }
.box4 .bblock:after { margin: 95px 0 0 26px; }
.right { float:right; }
.bblock {background:rgba(32, 26, 90, 0.5); width: 100%; height: 100%; opacity: 0;
-webkit-transition-duration:.3s; -moz-transition-duration:.3s; transition-duration: .3s; } 
.galleryimg:hover .bblock { opacity: 1;}
.bblock:after, .clicktextwrap:after {
	content:"Click to view";
}
a.galleryimg {
   pointer-events: unset;
   cursor: pointer;
}
/*gallery images*/
.gall1 {background: url('../../images/gall_1.jpg') no-repeat center center ; background-size: cover;}
.gall2 {background: url('../../images/gall_2.jpg') no-repeat center center; background-size: cover;}
.gall3 {background: url('../../images/gall_3.jpg') no-repeat center center; background-size: cover;}
.gall4 {background: url('../../images/gall_4.jpg') no-repeat center center; background-size: cover;}
.gall6 {background: url('../../images/gall_6.jpg') no-repeat center center; background-size: cover;}
.gall7 {background: url('../../images/gall_7.jpg') no-repeat center center; background-size: cover;}
.gall8 {background: url('../../images/gall_8.jpg') no-repeat center center; background-size: cover;}
.gall9 {background: url('../../images/gall_9.jpg') no-repeat center center; background-size: cover;}
.gall10 {background: url('../../images/gall_10.jpg') no-repeat center center; background-size: cover;}
.gall11 {background: url('../../images/gall_11.jpg') no-repeat center center; background-size: cover;}
.gall12 {background: url('../../images/gall_12.jpg') no-repeat center center; background-size: cover;}
.gall13 {background: url('../../images/gall_13.jpg') no-repeat center center; background-size: cover;}
.gall14 {background: url('../../images/gall_14.jpg') no-repeat center center; background-size: cover;}
.gall15 {background: url('../../images/gall_15.jpg') no-repeat center center; background-size: cover;}
.gall16 {background: url('../../images/gall_16.jpg') no-repeat center center; background-size: cover;}
.gall17 {background: url('../../images/gall_17.jpg') no-repeat center center; background-size: cover;}
.gall18 {background: url('../../images/gall_18.jpg') no-repeat center center; background-size: cover;}
.gall19 {background: url('../../images/gall_19.jpg') no-repeat center center; background-size: cover;}
.gall20 {background: url('../../images/gall_20.jpg') no-repeat center center; background-size: cover;}


/*==========================
======= ACHIEVEMENTS =======
==========================*/
#achievements {
	padding: 60px 0;
	width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	background: #fff;
	text-align: center;
	font: 400 13px 'Libre Baskerville', Baskerville, Times New Roman, serif;
}
h6 {
	display: block;
	padding: 0;
	color: #201a5a;
	font: 700 13px 'Montserrat', Helvetica Neue, Helvetica, sans-serif;
	letter-spacing: .2em;
	text-transform: uppercase;
	margin: 0 0 25px;
	text-align: center;
	color: #fff;
}

#achievements .textwrap {
	position: absolute;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	padding: 30px;
	display: block;
	text-align: center;
}

#achievements #wrapper {
	margin: 0 auto;
	width: 1024px !important;
}

.news {
	position: relative;
	display: block;
	color: #fff;
	background: #201a5a;
	overflow: hidden;
}

a.click {
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	background: none;
}

.clicktextwrap {
	position: absolute;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	padding: 0;
	display: block;
	text-align: center;
	width: 100%;
	opacity: 0;
}

a.click:hover .clicktextwrap {
	opacity: 1;
}
.news div {border: 0;}

/* row1 */
#row1 #col1 {
	position: relative;
	float: left;
	padding: 0;
	max-width: 190px !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 300px !important;
	border-right: 1px solid #465786;
}

#row1 #col2 {
	position: relative;
	float: left;
	width: 100% !important;
	height: 100% !important;
	max-width: 242px !important;
	min-height: 300px !important;
	border-right: 1px solid #465786;
}
	
	#row1 #col2 #r1, #row1 #col2 #r2 {
		position: absolute;
		left: 0;
		border-bottom: 1px solid #465786;
		padding: 0;
		height: 50% !important;
		min-width: 242px !important;
	}
	
	#row1 #col2 #r1 {
		border-bottom: 1px solid #465786;
	}

	#row1 #col2 #r2 {
		top: 50%;
	}

#row1 #col3 {
	position: relative;
	float: left;
	width: 100% !important;
	height: 100% !important;
	max-width: 590px !important;
	min-height: 300px !important;
}
	
	#row1 #col3 a {
		display: block;
		background: url("../../images/news_1.png") center center no-repeat;
		background-size: cover;
		
		width: 100% !important;
		height: 100% !important;
		max-width: 590px !important;
		min-height: 300px;
	}
	
	#row1 #col3 a:hover {
		background: url("../../images/news_1_hover.png") center center no-repeat #00113f; background-size: cover;
	}

/* row2 */
#row2 #col1 {
	position: relative;
	float: left;
	width: 100% !important;
	height: 100% !important;
	max-width: 342px !important;
	min-height: 430px !important;
}

	#row2 #col1 a {
		display: block;
		background: url("../../images/news_2.png") center center no-repeat;
		background-size: cover;
		
		width: 100% !important;
		height: 100% !important;
		max-width: 342px !important;
		min-height: 430px !important;
	}
	
	#row2 #col1 a:hover {
		background: url("../../images/news_2_hover.png") center center no-repeat #00113f;background-size: cover;
	}

#row2 #col2 {
	position: relative;
	float: left;
	width: 682px !important;
	height: 430px !important;
	background: url("../../images/news_3.png") center center no-repeat;
	background-size: cover;
	
}

/* row3 */
#row3 #col1 {
	position: relative;
	float: left;
	width: 525px !important;
	height: 420px !important;
	background: url("../../images/news_4.png") center center no-repeat;
	background-size: cover;
	
}

#row3 #col2 {
	position: relative;
	float: left;
	width: 100% !important;
	height: 100% !important;
	max-width: 297px !important;
	min-height: 420px !important;
}
	
	#row3 #col2 a {
		display: block;
		background: url("../../images/news_5.png") center center no-repeat;
		background-size: cover;
		
		width: 100% !important;
		height: 100% !important;
		max-width: 297px !important;
		min-height: 420px !important;
	}
	
	#row3 #col2 a:hover {
		background: url("../../images/news_5_hover.png") center center no-repeat #00113f;
		background-size: cover;
	}

#row3 #col3 {
	position: relative;
	float: left;
	padding: 0;
	max-width: 200px !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 420px !important;
}
/* row4 */
#row4 #col1 {
	position: relative;
	float: left;
	width: 438px !important;
	height: 438px !important;
	background-size: cover;
	
}
#row4 #col1 a {
		display: block;
		background: url("../../images/news_6.png") center center no-repeat;
		background-size: cover;
		
		width: 100% !important;
		height: 100% !important;
		max-width: 438px !important;
		min-height: 438px !important;
	}
	
	#row4 #col1 a:hover {
		background: url("../../images/news_6_hover.png") center center no-repeat #00113f;
		background-size: cover;
	}



	
#row4 #col2 {
	position: relative;
	float: left;
	width: 317px !important;
	height: 438px !important;
	background-size: cover;
	
}

	#row4 #col2 a {
		display: block;
		background: url("../../images/news_7.png") center center no-repeat;
		background-size: cover;	
		width: 100% !important;
		height: 100% !important;
		max-width: 317px !important;
		min-height: 438px !important;
	}
	
	#row4 #col2 a:hover {
		background: url("../../images/news_7_hover.png") center center no-repeat #00113f;background-size: cover;
	}
	
#row4 #col3 {
	position: relative;
	float: left;
	width: 100% !important;
	height: 100% !important;
	max-width: 269px !important;
	min-height: 438px !important;
}
	
	#row4 #col3 a {
		display: block;
		background: url("../../images/news_8.png") center center no-repeat;
		background-size: cover;
		
		width: 100% !important;
		height: 100% !important;
		max-width: 269px !important;
		min-height: 438px !important;
	}
	
	#row4 #col3 a:hover {
		background: url("../../images/news_8_hover.png") center center no-repeat #00113f;background-size: cover;
	}
	
/* row5 */
#row5 #col1 {
	position: relative;
	float: left;
	width: 100% !important;
	height: 100% !important;
	max-width: 512px !important;
	min-height: 370px !important;
}
	
	#row5 #col1 a {
		display: block;
		background: url("../../images/news_9.png") center center no-repeat;
		background-size: cover;
		width: 100% !important;
		height: 100% !important;
		max-width: 512px !important;
		min-height: 370px !important;
	}
	
	#row5 #col1 a:hover {
		background: url("../../images/news_9_hover.png") center center no-repeat #00113f;
		background-size: cover;
	}

#row5 #col2 {
	position: relative;
	float: left;
	width: 512px !important;
	height: 370px !important;
	background: url("../../images/news_10.png") center center no-repeat;background-size: cover;
	
}	

	
/* row6 */
#row6 #col1 {
	position: relative;
	float: left;
	padding: 0;
	max-width: 200px !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 453px !important;
}

#row6 #col2 {
	position: relative;
	float: left;
	width: 100% !important;
	height: 100% !important;
	max-width: 824px !important;
	min-height: 45px !important;
}

	#row6 #col2 a {
		display: block;
		background: url("../../images/news_11.png") center center no-repeat;
		background-size: cover;
		width: 100% !important;
		height: 100% !important;
		max-width: 824px !important;
		min-height: 453px !important;
	}
	
	#row6 #col2 a:hover {
		background: url("../../images/news_11_hover.png") center center no-repeat #00113f;
		background-size: cover;
	}
	


/* row7 */
#row7 #col1 {
	position: relative;
	float: left;
	width: 100% !important;
	height: 100% !important;
	max-width: 506px !important;
	min-height: 353px !important;
}
	
	#row7 #col1 a {
		display: block;
		background: url("../../images/news_12.png") center center no-repeat;
		background-size: cover;
		width: 100% !important;
		height: 100% !important;
		max-width: 506px !important;
		min-height: 353px !important;
	}
	
	#row7 #col1 a:hover {
		background: url("../../images/news_12_hover.png") center center no-repeat #00113f;background-size: cover;
	}

#row7 #col2 {
	position: relative;
	float: left;
	width: 518px !important;
	height: 353px !important;
	background: url("../../images/news_13.png") center center no-repeat;
	background-size: cover;
	
}

/* row8 */
#row8 #col1 {
	position: relative;
	float: left;
	width: 100% !important;
	height: 100% !important;
	max-width: 683px !important;
	min-height: 427px !important;
	background: url("../../images/news_14.png") center center no-repeat;
	background-size: cover;
}
	
	

#row8 #col2 {
	position: relative;
	float: left;
	width: 341px !important;
	height: 427px !important;
	
}
	#row8 #col2 a {
		display: block;
		
		width: 100% !important;
		height: 100% !important;
		max-width: 341px !important;
		min-height: 427px !important;
		background: url("../../images/news_15.png") center center no-repeat;	background-size: cover;
	}
	
	#row8 #col2 a:hover {
		background: url("../../images/news_15_hover.png") center center no-repeat #00113f;background-size: cover;
	}
/* row9 */
#row9 #col1 {
    position: relative;
    float: left;
    padding: 0;
    max-width: 198px !important;
    width: 100%;
    height: 100%;
    min-height: 252px !important;
}
#row9 #col1 h6 {margin:0 !important;}
#row9 #col2 {
	position: relative;
	float: left;
	width: 242px !important;
	height: 252px !important;

}
	#row9 #col2 a {
		display: block;
		float: left;
		width: 100%;
		height: 100%;
		max-width: 242px !important;
		min-height: 252px !important;
		background: url("../../images/news_16.png") center center no-repeat;
		background-size: cover;
	}

	#row9 #col2 a:hover {
		background: url("../../images/news_16_hover.png") center center no-repeat;
		background-size: cover;
	}


#row9 #col3 {
	position: relative;
	float: left;
	width: 584px !important;
	height: 252px !important;

}
	#row9 #col3 a {
		display: block;

		width: 100%;
		height: 100%;
		max-width: 584px !important;
		min-height: 252px !important;
		background: url("../../images/news_17.png") center center no-repeat;	background-size: cover;
	}

	#row9 #col3 a:hover {
		background: url("../../images/news_17_hover.png") center center no-repeat;
		background-size: cover;
	}
/* row10 */
#row10 #col1 {
	position: relative;
	float: left;
	width: 438px !important;
	height: 335px !important;

}
	#row10 #col1 a {
		display: block;

		width: 100%;
		height: 100%;
		max-width: 438px !important;
		min-height: 335px !important;
		background: url("../../images/news_18.png") center center no-repeat;	background-size: cover;
	}

	#row10 #col1 a:hover {
		background: url("../../images/news_18_hover.png") center center no-repeat;
		background-size: cover;
	}
#row10 #col2 {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	max-width: 586px !important;
	min-height: 335px !important;
	background: url("../../images/news_19.png") center center no-repeat;
	background-size: cover;
}

/*==========================
======== NAVIGATION ========
==========================*/


.overlay, .button_container {
  display: none; }

/*desktop*/

nav#desktop {
	position: fixed;
	top: 0;
	height: 70px;
	min-width: 100%;
	background: #fff;	
	z-index: 50;
	border-bottom: 1px solid #eee;
	overflow:hidden;
	display: block;
}

nav#desktop ul {
	position: relative;
	margin: 0 auto;
	padding: 0 ;
	display: block;
	overflow: hidden;
	
	width: 100% !important;
	max-width: 975px !important;
	font: 700 11px 'Montserrat', Helvetica Neue, Helvetica, sans-serif;
	color: #201a5a;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	word-spacing: -1px;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
nav#desktop li {	 
	float: left;
	margin: 0;
	padding: 28px 15px;
	height: 70px;
}
nav#desktop li.logo {	 
	margin: 10px 10px 0 0;
	padding: 0;
	background: none ;
}
.navlogo{ 
    background: url('../../images/logo.jpg') no-repeat;
	margin: 0;
    height: 55px;
	width: 102px;
    background-size: contain;
}

#desktop .active {	 
	background:#8cc63e!important ;
	color:#fff;
}



/* Sweep To Bottom */
#desktop .nav {
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  
}


#desktop .nav:before, #desktop .active .nav:before  {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#8cc63e ;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
#desktop .nav:hover, #desktop .nav:focus, #desktop .active {  
	color: white; 
	}
#desktop .nav:hover:before, #desktop .nav:focus:before, #desktop .nav:active:before, #desktop .active .nav:before  {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}