@import url('https://fonts.googleapis.com/css?family=Poppins');	
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');

/* 
DARK BLUE FONT 		= 012645 (Previously 3f4c6b)
LIGHT BLUE FONT		= rgba(65,182,230,1) #41b6e6
*/



@font-face {
  font-family: 'fa';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("fonts/fa-solid-900.eot");
  src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg"); }

.faZXD, {
  font-family: 'fa';
  font-weight: 900; }

@font-face {
	font-family: 'logofont';
	src: url('fonts/SpecifyPERSONALExtraexpanded-Bo.ttf')  format('truetype'), url('fonts/SpecifyPERSONALExtraexpanded-Bo.svg#SpecifyPERSONALExtraexpanded-Bo') format('svg');
	font-weight: normal;
	font-style: normal;		
}
@font-face {
  font-family: 'i';
  src: url('fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class*="el-icon-"] {font-family: 'i';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}



html{font-size:0; line-height:0; padding:0; margin:0;height:auto; min-height:100%; width:100%; position:relative;}
body {  display:block; height:100%; min-height:100%; width:inherit; padding:0; padding-top:0px; margin:0; position:relative; z-index:0; background: #3f4c6b; /* Old browsers */
background: -moz-linear-gradient(left,  #3f4c6b 0%, #606c88 50%, #3f4c6b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #3f4c6b 0%,#606c88 50%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #3f4c6b 0%,#606c88 50%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=1 ); /* IE6-9 */}
/******************************************************************************************************
HEADER
/*****************************************************************************************************/
.headerScroll{ background-color:rgba(0,0,0,0.6) !important; backdrop-filter: blur(7px);} 
.headerScroll h1 b{ opacity:0;}
.headerScrollperminant{ background-color:rgba(0,0,0,0.85) !important;}
#header{
	transition: background-color 1s; -moz-transition: background-color 1s;-webkit-transition: background-color 1s; position:fixed; z-index:98; top:0; left:0; margin:0; padding:0; 
	padding-top:25px !important; padding-bottom:25px !important; width:100%; height:30px; background:none; background-color:transparent; display:block; text-align:center;}
#mobilemenu a.logo:link, #mobilemenu a.logo:visited{
	transition: all 0.25s; -moz-transition: all 0.25s;-webkit-transition: all 0.25s; 
	text-decoration:none; display:block; width:auto; height:60px; margin:0; padding:0; 
	position:absolute; top:10px; left:60px; outline:none; border:none;transform: none;}
#header a.logo:link, #header a.logo:visited{
	transition: all 0.25s; -moz-transition: all 0.25s;-webkit-transition: all 0.25s; 
	text-decoration:none; display:none; width:auto; height:60px; margin:0; padding:0; 
	position:absolute; top:10px; left:60px; outline:none; border:none;transform: none;}
#header a img { height:inherit; width:auto; padding:0; margin:0; outline:none; border:none;}
#header a h1 {display:none; opacity:0; font-size:0; line-height:0;}
#header a h1 b{display:none; opacity:0; font-size:0; line-height:0;}
/******************************************************************************************************
END - HEADER
/*****************************************************************************************************/




/******************************************************************************************************
MENU
/*****************************************************************************************************/
.mobileonly, .mobileonly:after, .mobileonly:before, #mobilemenu ul li.mobileonly  {display:none;}

#mobilemenu div.logolink {float:left; margin-left:60px; }
#mobilemenu div.logolink a{ padding-top:0 !important; padding-bottom:0 !important;}
#mobilemenu div.logolink img{ width:auto; height:auto; max-height:60px; border:none; outline:none; margin-top:20px;}

#mobilemenu{
	background:rgba(63,76,107,0);
 	right 0.5s; -moz-transition: right 0.5s;-webkit-transition: right 0.5s;
	position: fixed; overflow:visible;
	display:table;
	top:0px;
	right:0%;
	width:100%;
	text-align:right;
	height:80px !important;
	padding:0px;
	color:#d0d3d4; 
	font-family:'Oswald',Verdana, Geneva, sans-serif;
	-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;
	z-index:997;
	opacity:1;}
.mobilemenuO{transition: opacity 0.5s; -moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s; opacity:1 !important ; -webkit-transform: translate3d(0px, 0, 0) !important;-moz-transform: translate3d(0px, 0, 0) !important;-ms-transform: translate3d(0px, 0, 0 !important);-o-transform: translate3d(0px, 0, 0) !important;transform: translate3d(0px, 0, 0) !important;	-webkit-backface-visibility:visible !important;-moz-backface-visibility: visible !important;-ms-backface-visibility: visible !important;-o-backface-visibility: visible !important;backface-visibility: visible !important;}
#mobilemenu ul{ z-index:1; position:relative; display:inline-table; padding:0px; margin:0px; 
	margin-right:0px; 
	margin-top:0px; width:auto; height:auto; list-style:none !important; text-align:left;}
#mobilemenu ul li{ white-space:nowrap;  position:relative; display:inline-block;margin:0px; padding:0px; width:auto; height:auto; vertical-align:top;}
#mobilemenu ul li:first-child{ border:none !important; }





#mobilemenu ul li a,#mobilemenu ul li a:link, #mobilemenu ul li a:visited{  
	cursor:pointer; position:relative; margin-left:0% !important; text-transform:uppercase; display:inline-table;margin:0px; 
	padding:33px; padding-left:30px; padding-right:30px; text-decoration:none; color: inherit; 
	font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:14px !important; line-height:14px !important; font-weight:600;} 



#mobilemenu ul li a.sm,#mobilemenu ul li a.sm:link, #mobilemenu ul li a.sm:visited{ font-family:'i'; display:inline-table; padding-left:0; padding-right:20px; }
#mobilemenu ul li a:hover { color:#fff;}
#mobilemenu button{ position:absolute; top:0px; right:7px; z-index:9;  display:block; cursor:pointer; padding:15px; padding-left:60px; padding-bottom:60px; margin:0px; width:auto !important; height:auto; color: #03F; font-family:'i'; background:none !important; background-color:transparent !important; font-size:60px; border:none; outline:none;}
#mobilemenu ul li.mobilemenuSUB{}
#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul { box-shadow:10px 10px 5px rgba(0,0,0,0.25);
	border-radius:2px;
	backdrop-filter: blur(3px);
	opacity:1; width:auto;  height:0; overflow:hidden; position:absolute; top:100%; left:30px; display:block; height:0; 
 	background-color:transparent; margin-top:0px; overflow:hidden;
 	transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;	}
#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul span { display:table-cell !important; vertical-align:top; position:relative; min-width:240px;}
#mobilemenu ul li.mobilemenuSUB a{ padding-right:42px;}
#mobilemenu ul li.mobilemenuSUB a:before {transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out; content:'\f078'; font-family:'i'; position:absolute; top:50%; right:22px; font-size:12px; line-height:12px; margin:0px; padding:0px; margin-top:-7px; color: inherit; }
#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul li {		
	border-top: none !important; display:table; width:100%;  margin-top:2px; background-color: rgba(45,189,239,0.75); }
#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul li:hover {background-color:rgba(255,255,255,0.5);}
#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul li:hover a {color:#012645;}
#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul li:first-child{ border-top-left-radius:3px; border-top-right-radius:3px;}
#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul li:last-child{ border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul a,
#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul a:link, 
#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul a:visited{
	transition: padding:0px; 
	padding-left:20px; padding-right:20px; padding-bottom:20px; padding-top:20px;  font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:14px !important; line-height:14px !important; font-weight:600;
	color:#fff;
} 
#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul a:before { display:none !important; }
#mobilemenu ul li a span, #mobilemenu ul li a:link span, #mobilemenu ul li a:visited span { display:table; font-size:12px; opacity:0.7;}
.iconlink{ padding-left:30px !important;}
.iconlink:before { display:inline-block; vertical-align:top; font-family:'i'; position:absolute; font-size:22px; line-height:22px; top:15px; left:20px; }
.iconlinkc:before {content:'\F003'; }
.iconlinkf:before {content:'\F082'; }
.iconlinkt:before {content:'\F081'; }
.iconlinkl:before {content:'\F08C'; }
.iconlinki:before {content:'\F083'; }


.mobilemenuSUBulopen{opacity:1; height:auto !important; font-size:14px !important;}
.mobilemenuSUBa{   color:#fff !important;}
.mobilemenuSUBa:before {-ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */transform: rotate(180deg);}
#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBulopen a,
#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBulopen a:link, 
#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBulopen a:visited{
		transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;padding:20px; font-size:14px !important; line-height:14px !important;}
.mobilemenut {/*display:inline-block;*/display:none;position: fixed;top:0px; right:0px;z-index:9999999;overflow: hidden;margin: 0;padding: 0;width: 80px;height:80px;font-size: 0;text-indent: -9999px;appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;transition: background 0.3s;}
.mobilemenut:focus {outline: none;}
.mobilemenut span {display: block;position: absolute;top: 48%;left: 33.3%;right: 33.3%;height: 3px;background: #fff;}
.mobilemenut span::before,
.mobilemenut span::after {position: absolute;display: block;left: 0;width: 100%;height: 100%;background-color:  #fff;content: "";}
.mobilemenut span::before {top: -350%;}
.mobilemenut span::after {bottom: -350%;}
.mobilemenut--htx {background-color:rgba(0,0,0,0);}
.mobilemenut--htx span {transition: background 0s 0.3s;}
.mobilemenut--htx span::before,
.mobilemenut--htx span::after {transition-duration: 0.3s, 0.3s;transition-delay: 0.3s, 0s;}
.mobilemenut--htx span::before {transition-property: top, transform;}
.mobilemenut--htx span::after {transition-property: bottom, transform;}
/* active state, i.e. menu open */
.mobilemenut--htx.is-active {background-color: rgba(255,255,255,1) !important;}
.mobilemenut--htx.is-active span {background: none;}
.mobilemenut--htx.is-active span::before {top: 0;transform: rotate(45deg); background:#236192;}
.mobilemenut--htx.is-active span::after {bottom: 0;transform: rotate(-45deg); background:#236192;}
.mobilemenut--htx.is-active span::before,
.mobilemenut--htx.is-active span::after {transition-delay: 0s, 0.3s;}

.pMAPLINK {}
.pCONATCTLINK {background: linear-gradient(-45deg, rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1)) !important;}

.pMAPLINK a{ padding-left:10px !important; }
/*.pMAPLINK a:hover, .pCONATCTLINK a:hover{ color:rgba(255,255,255,0.7) !important;}*/
.pMAPLINK:before { content:'\F278'; font-family:'i'; display:inline-block; padding:0; margin:0; padding-left:20px; color: inherit;}


.pSOCIALLINK a{ padding-left:10px !important; }
.pSOCIALLINK:before { padding-left:20px !important; color:#fff;}

.mobilemenuLAST{   /* background: linear-gradient(225deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1)) !important;*/}
.mobilemenuLAST a, .mobilemenuLAST a:link, .mobilemenuLAST a:visited{ padding-top:15px !important; padding-bottom:15px !important; }
.mobilemenuLAST a img{ height:48px; width:auto; opacity:0.5; } 
.mobilemenuLAST a:hover img{ opacity:1;} 

#mobilemenu ul li a.home {font-size:0px !important;}
#mobilemenu ul li a.home span { font-family:'i'; font-size:18px !important; font-weight:normal !important; opacity:1;  }
@media (max-width: 1380px) {
	#mobilemenu ul li.mobilemenuSUB a, #mobilemenu ul li a:link { padding-right: 15px;}
	#mobilemenu ul li.mobilemenuSUB a:before {right:-10px;}
}
@media (max-width: 1280px) {
	#mobilemenu ul li.mobilemenuSUB a, #mobilemenu ul li a:link { font-size:12px !important; line-height:12px !important;}
}
@media (max-width: 1100px) {
	#mobilemenu ul li.mobilemenuSUB a, #mobilemenu ul li a:link { padding-right: 5px;}
	#mobilemenu ul li.mobilemenuSUB a:before {right:-10px;}
	#mobilemenu a.logo:link, #mobilemenu a.logo:visited { left:30px;}
	#header a.logo:link, #header a.logo:visited { left:30px;}
	#sHOME div.scroll{ display:none !important;}
}
.mobilemenuHOME{ display:none !important;}
@media (max-width: 1100px) {#mobilemenu ul li a, #mobilemenu ul li a:link, #mobilemenu ul li a:visited{ padding-left:25px;}}
@media (min-width: 1000px) {
	#mobilemenu ul li:hover ul{opacity:1; height:auto !important; font-size:14px !important;}
}
@media (max-width: 1000px) {
	.mobilemenuHOME{ display:inline-block !important;}
	.pMAPLINK, .pCONATCTLINK { background:none !important;}
	.pMAPLINK a:hover, .pCONATCTLINK a:hover{ color:#012645 !important;}
	#header a.logo:link, #header a.logo:visited{ display:block;}
	#mobilemenu ul li a.home {font-size:14px !important;}
	#mobilemenu ul li a.home span { display:none !important;  }
	#mobilemenu a.logo:link, #mobilemenu a.logo:visited {display:none !important;}
	.mobilemenut {display:inline-block;}
	#mobilemenu{ padding-right:110px; right:-100%;}
	#mobilemenu{width:400px;height:100% !important;padding-right:0px;overflow:hidden;background:rgba(35,97,146,0.95);}
	#mobilemenu ul li{ width:90%; margin-left:5%; height:auto; border-top: 1px dotted rgba(255, 255, 255, 0.2);}
	#mobilemenu ul li.mobileonly{ display:inline-block !important;}
	.nomobile { display:none !important;}
	#mobilemenu ul li a,#mobilemenu ul li a:link, #mobilemenu ul li a:visited{ color:#eee; margin-left:0% !important; margin:0px; padding:10%; padding-left:0px; padding-bottom:20px; padding-top:20px;} 
		#mobilemenu ul li a:hover{color:rgba(255,255,255,1);}
	#mobilemenu ul li.mobilemenuSUB a, #mobilemenu ul li a:link { padding-right: 30px;}
	#mobilemenu ul li.mobilemenuSUB a:before { position:absolute; top:50%; right:5%;}
	#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul {background-color:rgba(255,255,255,255); border-radius:5px; width:100%; position:relative; top:auto; left:auto;}
	#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBulopen a:visited{padding:10%; padding-left:5%; padding-bottom:3%; padding-top:3%;}
	#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul li { display:inline-table;}
	#mobilemenu ul{margin-top:15px; box-sizing:border-box; width:100%; }
	.logolink {display:none !important;}
	#mobilemenu{width:100%; margin-top:80px;}
	#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul li { display:table !important;}
	.pMAPLINK {background:none !important;}
	.pMAPLINK:before { color:rgba(35,97,146,1);}
	#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul a:visited { color:rgba(35,97,146,1);}
	#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul {border-radius:1px; box-shadow:none; box-sizing:border-box; width:100%; }
	#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul li { background-color:#fff; margin-left: 15px;}
	#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul li:first-child{padding-top:10px;}
	#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul li:last-child{padding-bottom:10px;}
	#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBulopen a, #mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBulopen a:link, #mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBulopen a:visited { padding:10px; color:rgba(35,97,146,1);}
}
/******************************************************************************************************
END - MENU
/*****************************************************************************************************/



#sHOME div.scroll{ font-family:Verdana, Geneva, sans-serif; font-size:16px; font-weight:500; text-align:center; width:100%;  height:auto; position:fixed; bottom:25%; left:0; color:#fff; z-index:100; opacity:0.8}
#sHOME div.scroll div{ position:relative; display:inline-block; padding:0; margin:0; width:auto; height:24px;}
#sHOME div.scroll div .container {position: relative;width: auto;height: 80px;margin-left:-24px;}
#sHOME div.scroll div .chevron { position: absolute;width: 28px;height: 8px;opacity: 0;transform: scale3d(0.5, 0.5, 0.5);animation: move 3s ease-out infinite;}
#sHOME div.scroll div .chevron:first-child { animation: move 3s ease-out 1s infinite;}
#sHOME div.scroll div .chevron:nth-child(2) { animation: move 3s ease-out 2s infinite;}
#sHOME div.scroll div .chevron:before,#sHOME div.scroll div .chevron:after { content: ' '; position: absolute; top: 0; height: 100%; width: 51%; background: #fff;}
#sHOME div.scroll div .chevron:before {left: 0; transform: skew(0deg, 30deg);}
#sHOME div.scroll div .chevron:after { right: 0; width: 50%;  transform: skew(0deg, -30deg);}
#sHOME div.scroll .text {display: inline-block; font-family: "Open Sans",Arial, sans-serif; font-weight:400;font-size: 12px;color: #fff;text-transform: uppercase;white-space: nowrap; opacity: .25;  animation: pulse 2s linear alternate infinite;}


@keyframes move {
  25% {opacity: 1;}
  33% {opacity: 1;transform: translateY(30px);}
  67% {opacity: 1;transform: translateY(40px);}
  100% {opacity: 0;transform: translateY(55px) scale3d(0.5, 0.5, 0.5);}
}



#sHOME{display:table; width:100%; height:80%; padding:0; min-height:450px; margin:0; position:relative; overflow:hidden; z-index:0;}
#sHOME section {display:block; width:auto; height:auto; min-height:100%; position:fixed; top:0; left:0; z-index:0; padding:0; margin:0; }
#sHOME section div{ 
	 min-height:450px;
	transition:opacity 1s ease-in-out; -webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out; 
	width:auto; height:100%; 
	position:absolute; top:0; left:0; display:block;
	background: #236192;
	background: -moz-linear-gradient(top,  #236192 0%, #41b6e6 100%);
	background: -webkit-linear-gradient(top,  #236192 0%,#41b6e6 100%);
	background: linear-gradient(to bottom,  #236192 0%,#41b6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#236192', endColorstr='#41b6e6',GradientType=0 ); 
	background-size:100% 100%;background-position:0% 50%;} 
#sHOME section div:nth-child(1){ z-index:2; opacity:1;}
#sHOME section div:nth-child(2){ z-index:3; opacity:0;}
#sHOME section div:nth-child(3){ z-index:4; opacity:0;}
#sHOME section div:nth-child(4){ z-index:5; opacity:0;}
#sHOME section div:nth-child(5){ z-index:6; opacity:0;}
#sHOME section div:nth-child(6){ z-index:7; opacity:0;}
#sHOME section div:nth-child(7){ z-index:8; opacity:0;}
#sHOME section div:nth-child(8){ z-index:9; opacity:0;}
#sHOME section div:nth-child(9){ z-index:10; opacity:0;}
.zTOTOP{ z-index:999 !important;}
#sHOME section div div{ position:relative; width:100%; height:100%; padding:0; margin:0; display:table;} 
#sHOME section div div div{ background:none; display:table-cell; vertical-align:middle; text-align:center; z-index:2 !important; width:100%;}
#sHOME section div div div:before{
	mix-blend-mode:multiply; z-index:5; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+85,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
 position:absolute; bottom:0; left:0; width:100%; height:25%; padding:0; margin:0; content:'';}
#sHOME section div div div img.sHOMElogo{
	position:relative !important;
	display:inline-block !important;
	margin:0;
	width:auto !important;
	height:80px !important;
	transform:none !important;
	min-height:0; min-width:0;
	top:auto; left:auto;
	margin-bottom:30px !important;
	mix-blend-mode: difference;
	}
#sHOME section div div div h2, #sHOME section div div div h3{
	box-sizing:border-box;
	position:relative;
	display:inline-block !important;
	margin:0;
	color:#fff;
	letter-spacing: -1px;
    font-family: 'Montserrat',Verdana, Geneva, sans-serif;
    font-size: 72px;
    line-height: 72px;
    font-weight: 200;
	width:auto;
	padding-left:30px; padding-right:30px;
    text-transform: uppercase;
	text-shadow:15px 15px 10px rgba(0,0,0,0.2); z-index:9;}
	#sHOME section div div div h2 span, #sHOME section div div div h3 span
{
	display:inline-block; position:relative;
}
#sHOME section div div div h2 span:before, #sHOME section div div div h3 span:before
{
	position:absolute; top:-10px; left:0; content:''; background-color:rgba(65,182,230,1); width:100%; height:5px; z-index:9;	
}
#sHOME section div div div b{
	position:relative;
	display:inline-block !important;
	margin:0;
	color:#fff;
	letter-spacing: -1px;
    font-family: 'Poppins',Verdana, Geneva, sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: 200;
	width:auto;
    text-transform: uppercase;
	text-shadow:15px 15px 10px rgba(0,0,0,0.2);
	width:100%; text-align:center;
	opacity:0.7;}
#sHOME section div div div a,#sHOME section div div div a:link{
	 z-index:9;
    transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -moz-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    width: auto;
    display: inline-table;
    height: auto;
    text-decoration: none;
    padding: 0px;
    padding-top: 18px;
    padding-bottom: 18px;
	padding-left:30px;
	padding-right:30px;
    margin-top: 30px;
    background: rgba(0,0,0,0.15);
    color: #fff;
    border: solid;
    border-width: 1px;
    border-color: #fff;
    font-weight: 400;
    font-family: 'Open Sans',Verdana, Geneva, sans-serif;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    box-shadow: rgba(0,0,0,0.35) 5px 5px 15px;	#sHOME div.scroll
}
#sHOME section div div div a:hover{ background:rgba(65,182,230,1); border-color:rgba(65,182,230,1);}
#sHOME section div div div:after {display: none !important;}
#sHOME section div div img{ mix-blend-mode:soft-light; transition: opacity 3s; -moz-transition: opacity 3s;-webkit-transition: opacity 3s; 
width:auto; height:auto; min-height: 120%; min-width: 100%; padding:0; margin:0; z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  }
#sHOME section div div:after{
	mix-blend-mode:darken; display:block; content:''; width:inherit; height:inherit; padding:0; margin:0;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 40%, rgba(0,0,0,0.1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 40%,rgba(0,0,0,0.1) 100%); 
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 40%,rgba(0,0,0,0.1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#1a000000',GradientType=0 );
	z-index:1; position:absolute; top:0; left:0;}
@media (max-width: 700px){
	#sHOME section div div div h2, #sHOME section div div div h3 { letter-spacing: -1px; font-size: 54px; line-height: 54px;}
	#sHOME section div div div b{font-size: 18px; line-height: 18px;}	
	#sHOME section div div div a, #sHOME section div div div a:link {font-size: 14px; line-height: 14px;}
	
}
@media (max-width: 500px){#sHOME section div div div h2, #sHOME section div div div h3 {font-size: 36px; line-height: 36px; padding-top:30px; padding-left:10px; padding-right:10px;}}



/************************************************************************************************************************************************
HOME PAGE MIDDLE SECTION
************************************************************************************************************************************************/
div.section div.columnTEXT .columnTEXTt{ width:90%;  max-width: 900px; height:auto; display:inline-table; padding:0; margin:0; margin-bottom:30px; position:relative; text-align:center;}
div.section div.columnTEXT .columnTEXTt p{ display:table-cell; vertical-align:top; padding:0; margin:0; text-align:left; }
div.section div.columnTEXT .columnTEXTt p b{ display:inline; padding:0; margin:0; font-size:inherit; font-weight:600; color:rgba(65,182,230,1); font-family:inherit; text-transform:none;}
div.section div.columnTEXT .columnTEXTt p.columnTEXTtl{ width:45%; padding-right:5%; text-align:left;}
div.section div.columnTEXT .columnTEXTt p.columnTEXTtr{ width:45%; padding-left:5%; text-align:left;}
div.section div.columnTEXT .columnTEXTt span{ display:table !important; width:100%; vertical-align:top; padding:0; margin:0; }
div.section div.columnTEXT .columnTEXTt p.columnTEXTtll{ width:90%; display:inline-block !important;}
@media (max-width: 700px){
	
div.section div.columnTEXT .columnTEXTt p{ width:80% !important; display:inline-table; padding-right:0% !important; padding-left:0 !important;  vertical-align:top; padding:0; margin:0; margin-bottom:20px; text-align:left; }
}
/************************************************************************************************************************************************
END | HOME PAGE MIDDLE SECTION
************************************************************************************************************************************************/


/************************************************************************************************************************************************
PARALAX DIV
************************************************************************************************************************************************/
.section {
  position: relative;
  display: flex;
  height: auto;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow:hidden;
  background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
  border-top: solid;
  border-top-width:1px;
  border-top-color:#fff;


}
.column {
  width:100%;
  height:auto;
  background-color: #828282;
  color: #ffffff;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 0px;
}
.columnTEXT
{
	position:relative; display:table; width:100%; height:auto; z-index:2;  backdrop-filter: blur(5px);	

} 
.columnTEXT div
{
	font-size:14px; line-height:14px; color:#fff;
	display:table-cell; vertical-align:middle; text-align:center;
	padding-top:120px;
	padding-bottom:120px;
}
.columnTEXT div b{
	z-index: 2;
	font-weight: 200;
	font-family: 'Montserrat',Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-size: 36px;
	line-height: 36px;
	color: #fff;
	display: inline-block;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
	color:rgba(65,182,230,1);}
.columnTEXT div h2{
		text-align: center;
		z-index: 2;
		letter-spacing: -2px;
		font-weight: 300;
		font-family: 'Open Sans',Verdana, Geneva, sans-serif;
		font-size: 60px;
		line-height: 60px;
		color: #fff;
		display: inline-block;
		padding: 0;
		margin: 0;
		width: 100%;
		margin-bottom:20px;
}
.columnTEXT div p{
	
	display: inline-block;
	z-index: 2;
	font-weight: 300;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	max-width:900px;
	margin-bottom: 30px;
	width:90%;
}
.columnTEXT div a:link, .columnTEXT div a:visited {
	transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
	-moz-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
	width: auto;
	display: inline-table;
	height: auto;
	text-decoration: none;
	padding: 0px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 30px;
	background: rgba(0,0,0,0.15);
	color: #fff;
	border: solid;
	border-width: 1px;
	border-color: #fff;
	font-weight: 400;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	box-shadow: rgba(0,0,0,0.35) 5px 5px 15px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
.columnTEXT div a:hover {
	background: rgba(65,182,230,1);
	border-color: rgba(65,182,230,1);
}
.parallax_scroll {
	transition: all 0.5s; -moz-transition: all 0.5s;-webkit-transition: all 0.5s;
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
	position:absolute;
	z-index:1;
	width:100%; height:140%;
	top:-20%; left:0%;
	display:block;	
	opacity:0.9;
}
.parallax_scroll div{ display:block; width:100%; height:100%; padding:0; margin:0; position:relative; background-color:transparent; background:none; overflow:hidden;}
.parallax_scroll div img{mix-blend-mode: overlay; position:absolute; top:50%; left:50%; transform:translate(-50%,-55%); width:100%; height:auto; min-height:100%; min-width:100%; opacity:0.5; }
@media (max-width: 700px){
	.columnTEXT div h2{width:90%;font-size: 36px;line-height: 36px;	}
	.columnTEXT div p {font-size: 16px;	line-height: 24px; width:90%;}
	.columnTEXT div b {font-size: 24px;  line-height: 24px;}
	.columnTEXT div a:link, .columnTEXT div a:visited {font-size: 14px; line-height: 14px;}
}


/************************************************************************************************************************************************
END | PARALAX DIV
************************************************************************************************************************************************/


/************************************************************************************************************************************************
HOME VIDEO
************************************************************************************************************************************************/
div.homeVIDEO{display:block; padding:0px; margin:0px; width:100%; padding-top:15px; padding-bottom:0px; position:relative;background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );z-index:1;overflow:visible;}
div.homeVIDEO:after { display:block; width:100%; height:12px; position:absolute; bottom:-12px; left:0px; background-color:transparent; background-image:url(images/shadow960.png); background-size:100% 100%; background-position:50% 0%; background-repeat:no-repeat; content:'';}

div.homeVIDEO section.leftSlash{  filter: drop-shadow(20px 10px 20px rgba(0,0,0,0.5)); position:absolute; left:0; top:0; z-index:1; content:''; width:25%; height:100%;}
div.homeVIDEO section.rightSlash{ filter: drop-shadow(1px 10px 20px rgba(0,0,0,0.5));position:absolute; right:0; top:0; z-index:1; content:'';width:25%; height:100%;}
div.homeVIDEO section.leftSlash section{ float:left; background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));	clip-path: polygon(0 0, 0% 100%, 100% 100%); background-color:#fff; content:''; width:100%; height:100%;}
div.homeVIDEO section.rightSlash section{ float:right; background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1)); clip-path: polygon(100% 0, 0% 100%, 100% 100%); background-color:#fff; content:''; width:100%; height:100%;}



div.homeVIDEO section.leftSlashTop{  filter: drop-shadow(20px 10px 20px rgba(0,0,0,0.5)); position:absolute; left:0; top:0; z-index:0; content:''; width:25%; height:100%;}
div.homeVIDEO section.rightSlashTop{ filter: drop-shadow(1px 10px 20px rgba(0,0,0,0.5));position:absolute; right:0; top:0; z-index:0; content:'';width:25%; height:100%;}
div.homeVIDEO section.leftSlashTop section{ float:left; background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));	clip-path: polygon(0 0, 0 100%, 100% 0); background-color:#fff; content:''; width:100%; height:100%;}
div.homeVIDEO section.rightSlashTop section{ float:right; background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1)); clip-path: polygon(0 0, 100% 100%, 100% 0); background-color:#fff; content:''; width:100%; height:100%;}



div.homeVIDEO img{z-index:2; display:inline-block; width:120px; height:auto; padding:0; margin:0; margin-top:60px; opacity:1; }
div.homeVIDEO h3{z-index:2; display:block; width:100%; height:auto; padding:0; margin:0; margin-top:10px; margin-bottom:15px; font-family:'open sans',Verdana, Geneva, sans-serif; letter-spacing:-1px; font-size:42px; line-height:42px; font-weight:400; color:#012645; text-align:center; }
div.homeVIDEO h4{z-index:2; display:block; width:100%; height:auto; padding:0; margin:0; margin-top:0px; margin-bottom:60px; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:18px; font-weight:400; 
	color:#012645; text-align:center; text-transform:uppercase; position:relative;}

div.homeVIDEO div {z-index:2;transition: 3s ease-in-out; -webkit-transition: 3s ease-in-out;-moz-transition: 3s ease-in-out; overflow:hidden; display:block; width:100%; height:200px; vertical-align:top; position:relative; text-align:center;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+1,000000+100&0+0,1+40,1+60,0+100 */
   background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
} 

div.homeVIDEO a.playbutton {z-index:2; cursor:pointer;}
div.homeVIDEO a.playbutton img{ opacity:1; width:200px; height:auto; margin-top:0; margin-bottom:60px;} 
div.homeVIDEO a.playbutton:hover img{opacity:0.8;}

div.homeVIDEO div iframe{transition: opacity 3s ease-in-out; -webkit-transition:opacity 3s ease-in-out;-moz-transition:opacity 3s ease-in-out; opacity:0.5; width:150%; height:auto; display:inline-block;
padding:0; margin:0; z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

@media (max-width: 700px) {div.homeVIDEO section.leftSlash,div.homeVIDEO section.rightSlash,div.homeVIDEO section.rightSlashTop,div.homeVIDEO section.leftSlashTop {display:none;}}
/************************************************************************************************************************************************
END | HOME TABS
************************************************************************************************************************************************/















/************************************************************************************************************************************************
TESTI VIDEO
************************************************************************************************************************************************/
div.testimonials section.testiVIDEO{
	padding:0px; 
	margin:0px; 
	width:75%; 
	padding-top:0px; 
	padding-bottom:0px; 
	position:relative;
	background: #000;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
	
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	z-index:1;
	overflow:visible;
	display:inline-block;
	margin-top:0px;
	margin-bottom:30px;
	border-radius:5px;
	overflow:hidden;
}

div.testimonials section.testiVIDEO:after { display:block; width:100%; height:12px; position:absolute; bottom:-12px; left:0px; background-color:transparent; background-image:url(images/shadow960.png); background-size:100% 100%; background-position:50% 0%; background-repeat:no-repeat; content:'';}

div.testimonials section.testiVIDEO section.leftSlash{  filter: drop-shadow(20px 10px 20px rgba(0,0,0,0.5)); position:absolute; left:0; top:0; z-index:1; content:''; width:25%; height:100%;}
div.testimonials section.testiVIDEO section.rightSlash{ filter: drop-shadow(1px 10px 20px rgba(0,0,0,0.5));position:absolute; right:0; top:0; z-index:1; content:'';width:25%; height:100%;}
div.testimonials section.testiVIDEO section.leftSlash section{ float:left; background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));	clip-path: polygon(0 0, 0% 100%, 100% 100%); background-color:#fff; content:''; width:100%; height:100%;}
div.testimonials section.testiVIDEO section.rightSlash section{ float:right; background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1)); clip-path: polygon(100% 0, 0% 100%, 100% 100%); background-color:#fff; content:''; width:100%; height:100%;}



div.testimonials section.testiVIDEO section.leftSlashTop{  filter: drop-shadow(20px 10px 20px rgba(0,0,0,0.5)); position:absolute; left:0; top:0; z-index:0; content:''; width:25%; height:100%;}
div.testimonials section.testiVIDEO section.rightSlashTop{ filter: drop-shadow(1px 10px 20px rgba(0,0,0,0.5));position:absolute; right:0; top:0; z-index:0; content:'';width:25%; height:100%;}
div.testimonials section.testiVIDEO section.leftSlashTop section{ float:left; background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));	clip-path: polygon(0 0, 0 100%, 100% 0); background-color:#fff; content:''; width:100%; height:100%;}
div.testimonials section.testiVIDEO section.rightSlashTop section{ float:right; background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1)); clip-path: polygon(0 0, 100% 100%, 100% 0); background-color:#fff; content:''; width:100%; height:100%;}

div.testimonials section.testiVIDEO span
			{
				display:inline-block;
				width:75%;
				height:0;
				margin:0;
				padding:0;
				position:relative;
				padding-bottom:30%;
				z-index:-1 !important;
			}
div.testimonials section.testiVIDEO span iframe
			{
				position:absolute;
				top:0;
				left:0;
				height:100%;
				width:100%;
				border:none;
				outline:none;
				margin:0;
			}



div.testimonials section.testiVIDEO img{z-index:2; display:inline-block; width:120px; height:auto; padding:0; margin:0; margin-top:60px; opacity:1; }
div.testimonials section.testiVIDEO h3{z-index:2; display:block; width:100%; height:auto; padding:0; margin:0; margin-top:10px; margin-bottom:15px; font-family:'open sans',Verdana, Geneva, sans-serif; letter-spacing:-1px; font-size:42px; line-height:42px; font-weight:400; color:#012645; text-align:center; }
div.testimonials section.testiVIDEO h4{z-index:2; display:block; width:100%; height:auto; padding:0; margin:0; margin-top:0px; margin-bottom:60px; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:18px; font-weight:400; 
	color:#012645; text-align:center; text-transform:uppercase; position:relative;}

div.testimonials section.testiVIDEO div {z-index:2;transition: 3s ease-in-out; -webkit-transition: 3s ease-in-out;-moz-transition: 3s ease-in-out; overflow:hidden; display:block; width:100%; height:200px; vertical-align:top; position:relative; text-align:center;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+1,000000+100&0+0,1+40,1+60,0+100 */
   background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
} 

div.testimonials section.testiVIDEO a.playbutton {
				display:inline-block;
				cursor:pointer;
				position:relative;
				width:75px;}
div.testimonials section.testiVIDEO a.playbutton img{ opacity:0.7; width:100%; height:auto; margin-top:0; position:relative;} 
div.testimonials section.testiVIDEO a.playbutton:hover img{opacity:1;}


.YTthumb:after
						{
							position:absolute;
							 top:0%;
							 left:0%;
							 width:auto;
							 height:auto;
							 min-height:100%;
							 min-width:100%;
							 z-index:2;
							 content:'';
							 background:rgba(0,0,0,0.5);
						}
						.YTthumb img
						{
							position:absolute;
							 top:50%;
							 left:50%;
							 transform:translate(-50%,-50%);
							 width:auto;
							 height:auto;
							 min-height:100%;
							 min-width:100%;
							 z-index:1;
						}
						h5.YTthumbTitle 
						{
							position:absolute;
							 top:50%;
							 left:50%;
							 transform:translate(-50%,-50%);
							 width:auto;
							 height:auto;
							 z-index:2;
							 font-family: 'Montserrat',Verdana, Geneva, sans-serif;
							font-size: 48px;
							line-height: 60px;
							font-weight: 200;
							width:auto;
							height:auto;
							display:block;
							color:#fff;
							text-transform:uppercase;
							padding:0;
							margin:0;
						}



div.testimonials section.testiVIDEO div iframe{transition: opacity 3s ease-in-out; -webkit-transition:opacity 3s ease-in-out;-moz-transition:opacity 3s ease-in-out; opacity:0.5; width:150%; height:auto; display:inline-block;
padding:0; margin:0; z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

@media (max-width: 1350px) 
{
	
	div.testimonials section.testiVIDEO{
	
		width:90%;
	}	
	
}
@media (max-width: 900px) 
{
	
	div.testimonials section.testiVIDEO span
	{
		padding-bottom:40%;
	}	
	
}
@media (max-width: 800px) 
{
	
	div.testimonials section.testiVIDEO span
	{
		width:100%;
		padding-bottom:54%;
	}	
	
}
@media (max-width: 700px) {div.testimonials section.testiVIDEO section.leftSlash,div.testimonials section.testiVIDEO section.rightSlash,div.testimonials section.testiVIDEO section.rightSlashTop,div.testimonials section.testiVIDEO section.leftSlashTop {display:none;}}
/************************************************************************************************************************************************
END | TESTI VIDEO
************************************************************************************************************************************************/



/************************************************************************************************************************************************
HOME TABS
************************************************************************************************************************************************/
div.hometabs{
	/*BOTTOM RIGHT -TO- TOP LEFT*/
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1)); 
	display:block; padding:0px; margin:0px; width:100%; padding-top:15px; padding-bottom:90px; position:relative;


/*background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
*/
z-index:1;overflow:visible;}
div.hometabs:after { display:block; width:100%; height:12px; position:absolute; bottom:-12px; left:0px; background-color:transparent; background-image:url(images/shadow960.png); background-size:100% 100%; background-position:50% 0%; background-repeat:no-repeat; content:'';}
div.hometabs h2{ display:block; width:100%; height:auto; padding:0; margin:0; margin-top:60px; margin-bottom:15px; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:36px; line-height:36px; font-weight:400; color:#efefef; text-align:center; }
div.hometabs h3{ display:block; width:100%; height:auto; padding:0; margin:0; margin-top:0px; margin-bottom:30px; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:18px; font-weight:400; 
	color:#efefef; text-align:center;}
div.hometabs div {display:inline-block; width:22%; margin-right:4px; height:auto; min-height:460px; vertical-align:top; position:relative;} 
div.hometabs div:last-child { margin-right:0 !important;}
div.hometabs div section{ z-index:0; box-shadow:4px 4px 5px rgba(0,0,0,0.15); display:block; width:100%; height:auto; min-height:0 !important; min-width:0 !important; padding:0; margin:0; position:relative;}
div.hometabs div section section{box-shadow: none; width:100%; height:315px; position:relative; overflow:hidden; padding:0; margin:0;}
div.hometabs div section section img{ width:auto; height:inherit; min-height: 100%; min-width: 100%; padding:0; margin:0; z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index:0;}
div.hometabs div section h4, div.hometabs div section h3{ z-index:1; display:block; width:95%; text-align:left; height:auto; margin:0px; padding:10px; padding-left:5%; padding-right:0px; margin-bottom:15px; border:none; background-color:#3f4c6b; color:#ffffff; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; letter-spacing:7px; font-weight:normal; }

div.hometabs h3.h3ani, div.hometabs h4.h4ani{
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
	background-size: 400% 400%;
	animation: gradientBG 15s ease infinite;  }
div.hometabs div p{ display:inline-block; height:110px; color:#efefef; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:14px; letter-spacing:0px; font-weight:400; line-height:24px; padding:0; margin:0; margin-bottom:15px; padding-left:5px; padding-right:5px; }
div.hometabs div div.button{ position:absolute; bottom:0px; left:50%; width:200px; margin-left:-100px; min-height:0px !important;  }
div.hometabs div a {
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
	background-size: 400% 400%;
	animation: gradientBG 15s ease infinite; border:none;
	box-shadow:4px 4px 5px rgba(0,0,0,0.15);
}
div.hometabs div a:hover { color:rgba(65,182,230,1); }
@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@media (max-width: 1600px) {div.hometabs div { width:25%;}}
@media (max-width: 1350px) {div.hometabs div { width:30%;} #content section div{ width:85% !important;}}
@media (max-width: 1050px) {div.hometabs div { width:52%; margin-right:0 !important; margin-bottom:60px !important;}}
@media (max-width: 1050px) {div.hometabs div { width:52%; margin-right:0 !important; margin-bottom:60px !important;}}
@media (max-width: 900px) {div.hometabs div { width:60%;}}
@media (max-width: 700px) {div.hometabs div { width:70%;} }
@media (max-width: 600px) {div.hometabs div { width:80%;}}
/************************************************************************************************************************************************
END | HOME TABS
************************************************************************************************************************************************/




/************************************************************************************************************************************************
TESTIMONIALS
************************************************************************************************************************************************/
div.testimonials{
	/*BOTTOM RIGHT -TO- TOP LEFT*/
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1)); 
	display:block; padding:0px; margin:0px; width:100%; padding-top:90px; padding-bottom:90px; position:relative;
	z-index:1;overflow:visible;}
div.testimonials:before {
    display: block;
    width: 100%;
    height: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: transparent;
    background-image: url(images/shadow960.png);
    background-size: 100% 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    content: '';
}
div.testimonials:after { 
	display:block; width:auto; height:auto; 
	position:absolute; 
	top:0%; left:50%;
	content:'\F0D7';
	font-family:'i'; font-size:90px; line-height:90px; color:#eee; transform: translate(-50%,-45px); text-shadow:10px 10px 20px rgba(0,0,0,0.5);}

div.testimonials h2{ display:block; width:100%; height:auto; padding:0; margin:0; margin-top:60px; margin-bottom:15px; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:36px; line-height:36px; font-weight:400; color:#efefef; text-align:center; }
div.testimonials h3{ display:block; width:100%; height:auto; padding:0; margin:0; margin-top:0px; margin-bottom:30px; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:18px; font-weight:400; 
	color:#efefef; text-align:center;}
div.testimonials div {  display:inline-block; width:25%; margin-right:4px; height:auto; min-height:460px; vertical-align:top; position:relative;} 
div.testimonials div:last-child { margin-right:0 !important;}
div.testimonials div section{cursor:pointer; z-index:0; box-shadow:4px 4px 5px rgba(0,0,0,0.15); display:block; width:100%; height:auto; min-height:0 !important; min-width:0 !important; padding:0; margin:0; position:relative;}
div.testimonials div section section{box-shadow: none; width:100%; height:0px; position:relative; overflow:hidden; padding:0; margin:0; padding-bottom:56.25%;}
div.testimonials div section section img{ width:inherit; height:inherit; min-height: 100%; min-width: 100%; padding:0; margin:0; z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index:0;}
div.testimonials div section section:before{ 
	transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    -webkit-transition: opacity 0.25s ease-out;
	opacity:0; position:absolute; top:0; left:0; z-index:1; background-color:rgba(0,0,0,0.35); width:100%; height:100%; content:'';}
div.testimonials div section section:after{ 
	transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    -webkit-transition: opacity 0.25s ease-out;
	text-shadow:10px 10px 3px rgba(0,0,0,0.5);
	opacity:0; position:absolute; top:50%; left:50%; z-index:2; width:auto; height:auto; transform: translate(-50%,-50%); content:'\F144'; font-family:'i'; font-size:120px; line-height:120px; color:#fff;}
div.testimonials div section:hover section:after{ opacity:0.9;}
div.testimonials div section:hover section:before{ opacity:1;}
div.testimonials div section h3{ z-index:1; display:block; width:95%; text-align:left; height:auto; margin:0px; padding:10px; padding-left:5%; padding-right:0px; margin-bottom:15px; border:none; background-color:#3f4c6b; color:#ffffff; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:12px; letter-spacing:1px; text-transform:uppercase; font-weight:normal; }
div.testimonials div section h3 span{ display:inline-block; float:right; opacity:0.5; padding-right:10px;}
div.testimonials h3.h3ani{
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
	background-size: 400% 400%;
	animation: gradientBG 15s ease infinite;  }
div.testimonials div p{ width:90%; text-align:left; display:inline-block; height:75px; color:#efefef; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:14px; letter-spacing:0px; font-weight:400; line-height:24px; padding:0; margin:0; margin-bottom:15px; padding-left:5px; padding-right:5px; }
div.testimonials div div.button{ position:absolute; bottom:0px; left:50%; width:200px; margin-left:-100px; min-height:0px !important;  }
div.testimonials div a {
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
	background-size: 400% 400%;
	animation: gradientBG 15s ease infinite; border:none;
	box-shadow:4px 4px 5px rgba(0,0,0,0.15);
	color:rgba(65,182,230,1);
}
div.testimonials div a:hover { color:rgba(204,204,204,1);  }
div.testimonials div p a{ background:none; box-shadow:none; text-decoration:none; color:rgba(65,182,230,1);}
@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@media (max-width: 1600px) {div.testimonials div { width:25%;}}
@media (max-width: 1350px) {div.testimonials div { width:30%;} #content section div{ width:85% !important;}}
@media (max-width: 1050px) {div.testimonials div { width:45%; margin-bottom:30px !important;}}
@media (max-width: 900px) {div.testimonials div { width:60%;}}
@media (max-width: 700px) {div.testimonials div { width:70%; margin-bottom:0px !important;}}
@media (max-width: 600px) {div.testimonials div { width:80%;}}


.zxoVIDEOPLAYER {
	display:none; 	
	overflow:hidden; font-size:0; line-height:0; display:table; z-index:99999999; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); background-color:rgba(0,0,0,0.65); padding:0; margin:0; width:0px; height:0px; text-align:center;}
.zxoVIDEOPLAYER a{ display:none; padding:0; margin:0; position:absolute; top:40px; right:40px; color:#fff; font-family:'i'; font-weight:normal; font-size:36px; line-height:36px; cursor:pointer;}
.zxoVIDEOPLAYER a:hover{ color:#F00; } 
.zxoVIDEOPLAYER section{ overflow:hidden; width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; padding:0; margin:0; background-color:transparent; }
.zxoVIDEOPLAYER section iframe{ display:none; }

	

/************************************************************************************************************************************************
END | TESTIMONIALS
************************************************************************************************************************************************/

.zxoIMGPOP {
	display:none; 	
	overflow:hidden; font-size:0; line-height:0; display:block; z-index:99999999; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); background-color:rgba(0,0,0,0.65); padding:0; margin:0; width:0px; height:0px; text-align:center;}
.zxoIMGPOP a{ z-index:999; display:none; padding:0; margin:0; position:absolute; top:40px; right:40px; color:#fff; font-family:'i'; font-weight:normal; font-size:36px; line-height:36px; cursor:pointer;}
.zxoIMGPOP a:hover{ color:#F00; } 
.zxoIMGPOP section{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); overflow:hidden; width:90%; height:90%; display:inline-block; margin:0; padding:0; text-align:center;  background-color:transparent; }
.zxoIMGPOP section div{ display:table; width:100%; height:100%; overflow:hidden; position:relative; padding:0; margin:0;}
.zxoIMGPOP section div div{ display:table-cell; content:''; vertical-align:middle; width:100%; height:100%; padding:0; margin:0; position:relative; text-align:center;}
.zxoIMGPOP section div div img{ 
	transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:0; height:0; max-width:80%; max-height:95%; /*min-width:95%;*/ }

























/************************************************************************************************************************************************
projects
************************************************************************************************************************************************/
div.projects{
	/*BOTTOM RIGHT -TO- TOP LEFT*/
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1)); 
	display:block; padding:0px; margin:0px; width:100%; padding-top:0px; padding-bottom:90px; position:relative;
	z-index:0;overflow:visible; text-align:center;}
div.projects:before {
    display: block;
    width: 100%;
    height: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: transparent;
    background-image: url(images/shadow960.png);
    background-size: 100% 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    content: '';
	z-index:5;
}
/*
div.projects:after { 
	display:block; width:auto; height:auto; 
	position:absolute; 
	top:0%; left:50%;
	content:'\F0D7';
	font-family:'i'; font-size:90px; line-height:90px; color:#eee; transform: translate(-50%,-45px); text-shadow:10px 10px 20px rgba(0,0,0,0.5);}*/
div.projects div { text-align:left; display:inline-block; vertical-align:top; width:75%; background-color:#fff; height:100%;}



div.projects div.projectsCATS {text-align:left; width:25%; background: linear-gradient(-45deg, rgba(65,182,230,0), rgba(35,97,146,0.3), rgba(1,66,106,1), rgba(7,29,73,1));}
div.projects div.projectsCATS h2{ position:relative;  text-align:left; display:block; width:90%; height:auto; padding:0; padding-left:10%; margin:0; margin-top:90px; margin-bottom:15px; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:60px; line-height:60px; font-weight:200; color:#efefef;}
div.projects div.projectsCATS h2:after{ content:''; position:absolute; bottom:-15px; left:10%; width:inherit; border-bottom:dotted; border-bottom-color:rgba(65,182,230,1); border-bottom-width:1px;}
div.projects div.projectsCATS h3{ text-align:left; display:block; width:90%; height:auto; padding:0; padding-left:10%; margin:0; margin-top:0px; margin-bottom:15px; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:14px; line-height:14px; letter-spacing:5px; font-weight:400; color:rgba(65,182,230,1);}
div.projects div.projectsCATS ul{ text-align:left; display:block; width:100%; height:auto; padding:0; margin:0; margin-top:45px; margin-bottom:60px;}
div.projects div.projectsCATS ul li{display:block; width:100%; height:auto; padding:0; margin:0; background-color:transparent;}
div.projects div.projectsCATS ul li a{
	transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out; text-decoration:none; display:block; width:90%; height:auto; padding:20px; padding-left:10%; padding-right:0%; margin:0; margin-top:0px; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:18px; letter-spacing:2px; font-weight:400; color:#efefef;}
div.projects div.projectsCATS ul li a:before{
	transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out; font-family:'i'; content:'\F105'; padding-right:14px;}
div.projects div.projectsCATS ul li:hover{ background-color:#fff;}
div.projects div.projectsCATS ul li:hover a {color:#3f4c6b;}
div.projects div.projectsCATS ul li:hover a:before{ padding-left:10px; padding-right:4px;}


div.projects div.projectsCATS ul li.curr{ background-color:#fff !important;}
div.projects div.projectsCATS ul li.curr a{color:#3f4c6b !important;}

div.projects div h2{ display:block; width:100%; height:auto; padding:0; margin:0; margin-top:60px; margin-bottom:15px; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:36px; line-height:36px; font-weight:400; color:#efefef; text-align:center; }
div.projects div h3{ display:block; width:100%; height:auto; padding:0; margin:0; margin-top:0px; margin-bottom:30px; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:18px; font-weight:400; 
	color:#efefef; text-align:center;}
div.projects div div { cursor:pointer; display:inline-block; box-sizing:border-box; width:33%; padding:2%; padding-top:45px; vertical-align:top; height:auto; vertical-align:top; position:relative;} 
div.projects div div:last-child { margin-right:0 !important;}

div.projects div div section{ z-index:1; box-shadow:4px 4px 5px rgba(0,0,0,0.15); display:block; width:100%; height:auto; min-height:0 !important; min-width:0 !important; padding:0; margin:0; position:relative;}
div.projects div div div{ z-index:0; display:block; vertical-align:middle; width:100%; box-sizing:border-box;  height:auto; min-height:0 !important; min-width:0 !important; padding:0; padding-top:18px; margin:0; position:relative;}

div.projects div div section section{ display:block;box-shadow: none; width:100%; height:0px; position:relative; overflow:hidden; padding:0; margin:0; padding-bottom:56.25%;}

div.projects div div section section:before{ display:block; content:''; width:100%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; z-index:1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+40,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

div.projects div div section section img{ width:auto; height:100%; min-height: 100%; min-width: 100%; padding:0; margin:0; z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index:0;}
@media (max-width: 700px) {
	div.projects div div section, div.projects div div div{ display:block; width:100%; margin-bottom:30px;}
	div.projects div div section{ margin-bottom:15px;}
	div.projects div div div{padding-left: 0%;}
}
div.projects div div div h3{ 
	z-index:1; display:inline-block; width:auto; text-align:left; height:auto; 
	margin:0px; padding:0px; padding-bottom:10px; margin-bottom:0px; 
	border:none; color:rgba(65,182,230,1); font-family:'open sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:26px; letter-spacing:0px; text-transform:uppercase; font-weight:normal; }
div.projects div div div h3 span{ display:inline-block; float:right; opacity:0.5; padding-right:10px;}

div.projects div div div p{ width:100%; text-align:left; display:inline-block; 
	vertical-align:middle; height:auto; color:#012645; font-family:'open sans',Verdana, Geneva, sans-serif; 
	font-size:14px; letter-spacing:0px; font-weight:400; line-height:24px; padding:0; margin:0; padding-left:0px; padding-right:5px; }
div.projects div div div p a, div.projects div div div p a:link, div.projects div div div p a:visited{ text-decoration:none; color:inherit;}
div.projects div div div p a:hover{color: rgba(65,182,230,1);}








div.projectsIN{
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1)); 
	display:block; padding:0px; margin:0px; width:100%; padding-top:60px; padding-bottom:90px; position:relative;
	z-index:1;overflow:visible; text-align:center;}
div.projectsIN:before {
    display: block;
    width: 100%;
    height: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: transparent;
    background-image: url(images/shadow960.png);
    background-size: 100% 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    content: '';
}
div.projectsIN:after { 
	display:block; width:auto; height:auto; 
	position:absolute; 
	top:0%; left:50%;
	content:'\F0D7';
	font-family:'i'; font-size:90px; line-height:90px; color:#eee; transform: translate(-50%,-45px); text-shadow:10px 10px 20px rgba(0,0,0,0.5);}
div.projectsIN div { position:relative; text-align:left; display:inline-block; vertical-align:top; width:70%; padding:0; margin:0; padding-bottom:60px; background-color:#fff; height:100%;}
div.projectsIN div h2{    backdrop-filter: blur(7px); display:block; width:90%; height:auto; padding:0; padding-left:5%; margin:0; margin-top:60px; margin-bottom:15px; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:36px; line-height:36px; font-weight:400; color:#3f4c6b; }
div.projectsIN div section.my-gallery-header{ background-color:#000; position:relative; display:block; width:100%; height:auto; min-height:100px; padding:0; padding-bottom:30%; margin:0; margin-bottom:2px; overflow:hidden;}
div.projectsIN div section.my-gallery-header:before {
    opacity: 0.5;
    overflow: hidden;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); 
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
div.projectsIN div section.my-gallery-header h2{ text-transform:uppercase; z-index:2; position:absolute; bottom:0; left:0; 
	background-color:rgba(255,255,255,0.75);display:block; width:80%; height:auto; padding:0; padding-left:5%; margin:0; margin-bottom:60px; margin-top:0px; 
	font-family: 'Oswald',Verdana, Geneva, sans-serif; font-size:36px; line-height:36px; font-weight:200; color:#3f4c6b;}
@media (max-width: 850px) {
				div.projectsIN div section.my-gallery-header h2{margin-bottom:30px;}
			}
@media (max-width: 700px) {div.projectsIN div section.my-gallery-header h2{margin-bottom:15px;}}
@media (max-width: 600px) {div.projectsIN div section.my-gallery-header h2{margin-bottom:0px; width:95%;}}
div.projectsIN div section.my-gallery-header h2:before{ position:absolute; left:-7px; top:50%; transform: translate(0%,-50%); font-family:'i'; font-size:110px; line-height:110px; content:'\F105'; color:inherit; font-weight:normal;}
div.projectsIN div section.my-gallery-header h2 b{ display:block; width:100%; height:100%; padding:0; padding-top:60px; padding-bottom:60px;  margin:0; position:relative; font-weight:inherit;}
div.projectsIN div section.my-gallery-header h2 b img{ height:40px; width:auto; position:absolute; bottom:10px; right:10px; left:auto; top:auto; transform:none; min-height:0; min-width:0; z-index:3;}
div.projectsIN div section.my-gallery-header img{width:inherit; height:inherit; min-height: 100%; min-width: 100%; padding:0; margin:0; z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index:0;}
div.projectsIN div p{ display:block; width:65%; max-width:700px; height:auto; padding:0; padding-left:5%; margin:0; margin-top:60px; margin-bottom:15px; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:16px; line-height:28px; font-weight:400; color:#3f4c6b; }
div.projectsIN div ul {display:block; width:65%; max-width:700px;  margin-top:60px; margin-bottom:15px; }
div.projectsIN div ul li{ display:block; width:90%; height:auto; padding:0; padding-left:5%; margin:0;font-family:'open sans',Verdana, Geneva, sans-serif; font-size:16px; line-height:28px; font-weight:400; color:#3f4c6b; }
div.projectsIN div ul li span{ display:inline-block; padding:0; margin:0; width:240px; height:auto; font-weight:600;}
div.projectsIN div ul li.aadd { margin-top:30px;}
div.projectsIN div ul li.aadd span{ display:block;}
div.projectsIN div ul li em{ font-style:normal; font-size:10px;} 


div.projectsIN div ul li a, div.projectsIN div ul li a:link, div.projectsIN div ul li a:visited{ text-decoration:none; color:rgba(65,182,230,1);}
div.projectsIN div ul li a:hover{color:rgba(65,182,230,0.7);}

div.projectsIN div p.dp{margin-top:0px !important; margin-bottom:20px !important; padding-left:0 !important; width:100%; max-width:none;}
div.projectsIN div p.dpFIRST{margin-bottom:20px !important; padding-left:0 !important; width:100%; max-width:none;}
div.projectsIN div ul.dul { margin-left:5% !important; list-style:outside;margin-top:0px !important; margin-bottom:15px;}
div.projectsIN div ul.dul li{ display:list-item; padding-left:20px;}

div.projectsIN #photos
{
	width: 60%;
	padding-left:5%;
    max-width: 700px;
	box-sizing:border-box;
}
div.projectsIN div.dp{display:block; box-sizing:border-box; width:65%; max-width:700px; height:auto; padding:0; padding-left:5%; margin:0;  font-family:'open sans',Verdana, Geneva, sans-serif; font-size:16px; line-height:28px; font-weight:400; color:#3f4c6b;  margin-top:0px !important; margin-bottom:20px !important;}
@media (max-width: 1150px){
	
	
	div.projectsIN div.dp{width:55%; max-width:none;}
	div.projectsIN #photos
	{
		width: 55%;
		max-width:none;
		box-sizing:border-box;
	}
	
	
}
@media (max-width: 900px){

	div.projectsIN div.dp{width:95%; max-width:none;}
	div.projectsIN #photos
	{
		width: 95%;
		max-width:none;
		box-sizing:border-box;
	}	
}
ul.projectDETAILSLIST{ border-top:solid; border-top-color:#0e4e7a; border-top-width:1px;}
ul.projectDETAILSLIST li:first-child{ padding-top:30px !important;}




div.projectsIN div ul li a.dwnBUT,
div.projectsIN div ul li a.dwnBUT:link,
div.projectsIN div ul li a.dwnBUT:visited
{
	transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	width: auto;
	display: inline-table;
	height: auto;
	text-decoration: none;
	padding: 0px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 70px;
	padding-right: 30px;
	margin-top: 0px;
	background: rgba(65,182,230,1);
	color: #fff;
	border: solid;
	border-width: 1px;
	border-color: rgba(65,182,230,1);
	font-weight: 400;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	box-shadow: rgb(0 0 0 / 15%) 5px 5px 5px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	position:relative;
}
div.projectsIN div ul li a.dwnBUT:hover{background: rgba(255,255,255,1); color:rgba(65,182,230,1);}
div.projectsIN div ul li a.dwnBUT:before { 
transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
text-shadow:2px 2px 4px rgba(0,0,0,0.25); font-family:'i'; font-weight:normal; content:'\F0ED'; padding-right:10px; color:inherit; position:relative; font-size:36px; line-height:36px; display:inline-block; position:absolute; left: 20px; top:50%; transform:translate(0,-50%);}	


div.projectsIN div div.cookies { display:block; width:95%; box-sizing:border-box; height:auto; padding:0; padding-left:5%; margin:0;}
div.projectsIN div div.cookies a{ font-family:'Oswald',Verdana, Geneva, sans-serif; font-weight:500; text-transform:uppercase; display:inline-block; width:auto; height:auto; padding:0; padding-top:10px; padding-bottom:10px; margin:0; margin-bottom:10px; margin-top:10px; margin-left:15px;   color:#999; font-size:18px; line-height:18px; text-decoration:none;}
div.projectsIN div div.cookies a:before { content:'\F0DA'; font-family:'i'; color:inherit; padding-right:10px; }
div.projectsIN div div.cookies a:first-child { margin-left:0 !important; }
div.projectsIN div div.cookies a:first-child:before { display:none; }
div.projectsIN div div.cookies a:hover{ color:#09C;}
div.projectsIN div.testimonials { float:right !important; width:30% !important; background:none; background-color:transparent;}
div.projectsIN div.testimonials:after, div.projectsIN div.testimonials:before { display:none; }
div.projectsIN div.testimonials h4{
	text-align:left; 
	text-transform:uppercase; z-index:2; position:relative;
	display:block; width:100%; height:auto; padding:0; padding-bottom:15px; margin:0; margin-top:15px; margin-bottom:15px; 
	font-family: 'Oswald',Verdana, Geneva, sans-serif; 
	font-size:36px; line-height:36px; font-weight:200; 
	color:#3f4c6b;}
div.projectsIN div.testimonials h4:before {
    display: block;
    width: 100%;
    height: 12px;
    position: absolute;
    bottom: -10px;
    left: 0px;
    background-color: transparent;
    background-image: url(images/shadow960.png);
    background-size: 100% 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    content: '';
}
div.projectsIN div.testimonials h4:after {
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    bottom: -16px;
    left: 5px;
    content: '\F0D7';
    font-family: 'i';
    font-size: 36px;
    line-height: 36px;
    color:#09C;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.15);
}
div.projectsIN div.testimonials div{ width:90%; padding-bottom:30px; min-height:0;}
div.projectsIN div.testimonials div p{ margin-top:15px; margin-bottom:0; width:100%; padding-left: 0%;}
@media (max-width: 1700px){
	div.projects div.projectsCATS ul li a{ font-size:16px; line-height:16px;}
	div.projectsIN div { width:80%;}
}
@media (max-width: 1550px){
	div.projects div{ width:60%;}
	div.projects div.projectsCATS h2{ font-size:52px; line-height:52px;}
	div.projects div.projectsCATS h3{ letter-spacing:2px;}
	div.projects div.projectsCATS ul li a{ font-size:16px; line-height:16px; letter-spacing:1px;}
	div.projectsIN div { width:90%;}	
	div.projects div.projectsCATS ul { margin-top:30px;}
}
@media (max-width: 1350px){
	div.projects div.projectsCATS h2{ font-size:52px; line-height:52px; letter-spacing:0; margin-top:30px;}
	div.projects div.projectsCATS h3{ letter-spacing:0px; text-transform:uppercase;}
	div.projects div.projectsCATS ul li a{ font-size:14px; line-height:14px; letter-spacing:1px; padding:15px;}	
}
@media (max-width: 1150px){
	div.projects div.projectsCATS{ width:38%;}
	div.projectsIN div { width:98%;}
	div.projectsIN div ul, div.projectsIN div p{ width:55%;}
	div.projectsIN div.testimonials { width:40% !important; margin-left:2%; }
	div.projects div.projectsCATS ul li a{ letter-spacing:0px; padding:10px;}
}
@media (max-width: 900px){
	div.projects div{ width:96%;}
	div.projects div.projectsCATS{display:none;}
	div.projectsIN div ul, div.projectsIN div p{ width:90%;}
	div.projectsIN div.testimonials { display:none; }	
}
@media (max-width: 700px){	
	div.projectsIN div section.my-gallery-header h2{ font-size:24px; line-height:24px; }
	div.projectsIN div section.my-gallery-header h2 b{ padding-left:10%; width:90%;}
}
/************************************************************************************************************************************************
END | PROJECTS
************************************************************************************************************************************************/


/************************************************************************************************************************************************
BASIC PAGE
************************************************************************************************************************************************/
div.basicPAGE{
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1)); 
	display:block; padding:0px; margin:0px; width:100%; padding-top:60px; padding-bottom:90px; position:relative;
	z-index:1;overflow:visible; text-align:center;}
div.basicPAGE:before {
    display: block;
    width: 100%;
    height: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: transparent;
    background-image: url(images/shadow960.png);
    background-size: 100% 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    content: '';
}
div.basicPAGE:after { 
	display:block; width:auto; height:auto; 
	position:absolute; 
	top:0%; left:50%;
	content:'\F0D7';
	font-family:'i'; font-size:90px; line-height:90px; color:#eee; transform: translate(-50%,-45px); text-shadow:10px 10px 20px rgba(0,0,0,0.5);}
div.basicPAGE div { box-shadow:3px 3px 5px rgba(0,0,0,0.7); border-radius:5px; position:relative; text-align:center; display:inline-block; vertical-align:top; width:96%; max-width:1200px; padding:0; margin:0; padding-top:45px; padding-bottom:60px; background-color:#fff; height:100%;}


div.basicPAGE div section{ width:90%; text-align:left; padding:0; margin:0; margin-left:5%;}

div.basicPAGE div img.logo{ display:inline-block; padding:0px; margin:0; margin-bottom:15px; width:auto; height:120px; border:none; outline:none;}
div.basicPAGE div h2{
	box-shadow:3px 3px 5px rgba(0,0,0,0.7); border-radius:3px; 
	display:inline-block; width:90%; height:auto; 
	padding:0; margin:0; margin-bottom:30px; 
	font-family: 'Oswald',Verdana, Geneva, sans-serif; font-size:36px; line-height:36px; font-weight:200; color:#efefef;
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
	background-size: 300% 300%;
    animation: gradientBG 10s ease infinite;
}
div.basicPAGE div h2 b{ display:inline-block; font-weight:200; padding:20px; } 
div.basicPAGE div div.yt{ 
	display:inline-block; width:90%; height:0; 
	padding:0; padding-bottom:56%; margin-top:0px; margin-bottom:30px; position:relative;
}
div.basicPAGE div div.yt iframe{ position:absolute; width:100%; height:100%; padding:0; border:none; outline:none; top:0; left:0;}
div.basicPAGE div p, div.basicPAGE div ul, div.basicPAGE div ol{ 
	text-align:left;
	display:inline-block; width:90%; height:auto; 
	padding:0;  margin:0; margin-bottom:15px; 
	font-family:'open sans',Verdana, Geneva, sans-serif; font-size:16px; line-height:28px; font-weight:400; color:#012645;
}
div.basicPAGE div ol{
	margin-left:5px !important; 
	width:86% !important;
}
div.basicPAGE div section p, div.basicPAGE div section ul, div.basicPAGE div section ol {
	width:60% !important;
}
.btnIN {
	transition: all 0.125s linear;
	-moz-transition: all 0.125s linear;
	-webkit-transition: all 0.125s linear;
	width: auto;
	height: auto;
	display: inline-block;
	opacity: 1;
	padding: 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	color:#fff;
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
    background-size: 400% 400%;
    animation: gradientBG 15s ease infinite;
    border: none;
    box-shadow: 4px 4px 5px rgba(0,0,0,0.15);
}
.btnIN:hover {background:rgba(65,182,230,1);}
div.basicPAGE div p b { font-weight:600;}
div.basicPAGE div p strong { font-weight:600; color:rgba(65,182,230,1); font-size:24px; line-height:24px; display:inline-block; padding:0; margin:0; padding-bottom:15px; padding-top:15px;}
div.basicPAGE div ol li{ margin-bottom:15px; font-weight:600;}
div.basicPAGE div ol li ul li{ margin-bottom:5px;  font-weight:400;}
div.basicPAGE div ol{ list-style-position:outside; width:80%; margin-left:5%;  }
div.basicPAGE div ul{ list-style-position:outside; width:80%; margin-left:5%; }
div.basicPAGE div ol a, div.basicPAGE div ul a{ text-decoration:none; color:rgba(65,182,230,1);}
div.basicPAGE div ol a:hover, div.basicPAGE div ul a:hover{color:inherit;}

.imgfloat{ cursor:pointer; text-align:center; display:inline-block;  float:right; width:35%; height:auto; font-size:12px; line-height:16px; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:12px; line-height:16px; font-weight:400; color:#012645;}
.imgfloat div{ border-radius:0 !important; display:block; width:100%; height:0; padding:0; margin:0; margin-bottom:10px !important; padding-bottom:60% !important; overflow:hidden;}
.imgfloat div img{ display:block; width:auto; height:100%; min-width:100%; min-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}


.basicPAGE div.myaccountERROR{ background-color:#C00 !important; color:#fff !important; display:inline-block; padding:0%; margin:0px; margin-bottom:5% !important; position:relative; width:86%;     max-width: 1200px; 
transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; text-align:right;}
.basicPAGE div.myaccountERROR h3:before{ position:absolute; top:35px; left:0%; content:"\F058"; color:#FFF; font-weight:normal; font-family:'i'; font-size:72px; line-height:72px; padding:0; margin:0px; margin-left:-28px;}
.basicPAGE div.myaccountERROR h3 {display:inline-block; width:85% !important; text-align:left; position:relative; padding:5%; padding-top:45px; padding-bottom:0; margin:0px;font-family: 'Open Sans',Verdana, Geneva, sans-serif; width:auto;font-size: 60px;line-height: 60px; font-weight:400; width:auto;}
.basicPAGE div.myaccountERROR p {
	display:inline-block; width:85% !important; text-align:left; position:relative; padding:5%; padding-top:15px; margin:0px; width:auto;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif; width:auto;font-size: 18px;line-height: 24px; font-weight:400; color:#fff;}
.basicPAGE div.myaccountERROR a { cursor:pointer; position:absolute; top:8%; right:2%; padding:0px; margin:0px; color:#fff; font-size:48px; line-height:48px; font-weight:normal; font-family:'i';}
.basicPAGE div.myaccountERROR a:hover { opacity:0.75;}
.basicPAGE div.myaccountERRORh{ display:none; visibility:hidden; opacity:0; position:absolute; z-index:-1; width:0px; height:0px; padding:0px; margin:0px; overflow:hidden;}


.basicPAGE div.myaccountSUCCESS{ background-color:#9C0 !important; color:#fff !important; display:inline-block; padding:0%; margin:0px; margin-bottom:5% !important; position:relative; width:86%;     max-width: 1200px; 
transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; text-align:right;}
.basicPAGE div.myaccountSUCCESS h3 {display:inline-block; width:85% !important; text-align:left; position:relative; padding:5%; padding-top:45px; padding-bottom:0; margin:0px;     font-family: 'Open Sans',Verdana, Geneva, sans-serif; width:auto;font-size: 60px;line-height: 60px; font-weight:400;}
.basicPAGE div.myaccountSUCCESS h3:before{ position:absolute; top:35px; left:0%; content:"\F058"; color:#FFF; font-weight:normal; font-family:'i'; font-size:72px; line-height:72px; padding:0; margin:0px; margin-left:-28px;}
.basicPAGE div.myaccountSUCCESS p {
	display:inline-block; width:85% !important; text-align:left; position:relative; padding:5%; padding-top:15px; margin:0px; width:auto;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif; font-size: 18px;line-height: 24px; font-weight:400;color:#fff;}
.basicPAGE div.myaccountSUCCESS a { cursor:pointer; position:absolute; top:8%; right:2%; padding:0px; margin:0px; color:#fff; font-size:48px; line-height:48px; font-weight:normal; font-family:'i';}
.basicPAGE div.myaccountSUCCESS a:hover { opacity:0.75;}
.basicPAGE div.myaccountSUCCESSh{ display:none; visibility:hidden; opacity:0; position:absolute; z-index:-1; width:0px; height:0px; padding:0px; margin:0px; overflow:hidden;}

@media (max-width: 950px){
	.basicPAGE div.myaccountERROR,.basicPAGE div.myaccountSUCCESS{ width:95%; }
}
@media (max-width: 900px){
	.imgfloat{ display:none;}
	div.basicPAGE div section p, div.basicPAGE div section ul, div.basicPAGE div section ol {
		width:90% !important;
	}
	.basicPAGE div.myaccountSUCCESS h3, .basicPAGE div.myaccountSUCCESS p, .basicPAGE div.myaccountERROR h3, .basicPAGE div.myaccountERROR p { width:auto; padding-left:90px;}
	.basicPAGE div.myaccountSUCCESS h3:before, .basicPAGE div.myaccountERROR h3:before{ margin-left:20px;}
	
}
/************************************************************************************************************************************************
END  | BASIC PAGE
************************************************************************************************************************************************/



/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(images/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(images/default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
	display:none;
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 12px;
  line-height: 44px;
  color: #aaa;
  font-family:Verdana, Geneva, sans-serif;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: center;
  max-width: 420px;
  margin: 0 auto;
  font-size: 0px;
  padding: 10px;
  line-height: 0px;
  color: #777;
  letter-spacing:2px;
  font-family:Verdana, Geneva, sans-serif; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }
#photos {
  	display:inline-table;
	vertical-align:top;
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
	position:relative;
	font-size:0;
	background:none; 
}
#photos a:link,#photos a:visited{  background:none; background-color:transparent; outline:none; background-color:transparent; text-decoration:none; position:absolute; top:0; left:0; 
	width: 100%; height:100%; padding:0; margin:0;; display:block; overflow:hidden;}
#photos a div { background-color:#000; display:inline-block; width:100%; height:100%; position:relative; overflow:hidden; padding:0; margin:0;}
/*#photos a div:after { 
	font-family:'i'; 
	color:#fff;
	content:'\f030';
	z-index:8;  transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out; 
	display:table;
	background-color:rgba(153,204,51,0); padding:5%; width:90%; height:100%; position:absolute; top:0%; left:0%; font-size:24px; line-height:24px; opacity:0;  text-align:right;}
#photos a:hover div:after { background-color:rgba(0,0,0,0.75);  opacity:1; }
*/
#photos a div:before { 
	z-index:9; font-family:'i'; color:#fff; 
	transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out; 
	display:table; content:'\f002';  width:100%; height:auto; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size:0px; line-height:0px; text-align:center; opacity:0;}
#photos a:hover div:before { opacity:1; font-size:24px; line-height:24px; top:50%;}
#photos a div.v { margin-top:2px !important;}

#photos a div.v:before {content:'\f144'; font-size:36px; line-height:36px;}
#photos a div.v:after { display:none;}

#photos img:before { 
	z-index:9; font-family:'i'; color:#fff; 
	transition: all 0.75s ease-in-out; -moz-transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out; 
	display:table; content:'\f030';  width:100%; height:auto; position:absolute; top: 10%; right: 30%; transform: translate(-50%,-50%); font-size:0px; line-height:0px; text-align:center; opacity:0;}
#photos a:hover:before { opacity:1; font-size:24px; line-height:24px; right: 10%;}
#photos a div h4{font-family: 'Raleway',Verdana, Geneva, sans-serif; font-weight:400; font-size:18px; line-height:18px; color:#aaa; text-decoration:none; 
	margin-top:0px; padding-top:10px; padding-bottom:10px; text-align:center; position:absolute; bottom:0px; left:10%; width:80%; background-color:rgba(0,0,0,0.85); z-index:99; border-radius:15px; }
#photos a div.phototitle:before, #photos a div.phototitle:after { display:none !important;} 



#photos a div img {  transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;  width:auto; height:100%; min-height: 100%; min-width: 100%; padding:0; margin:0; z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#photos a:hover img { height:110%;}

#photos a.photoH div img {width:100%; height:auto;}

#photos figure{cursor:pointer; width:120px; max-width:120px; max-height:120px; height:120px; padding:0; margin:0; margin-right:2px; position:relative; display:inline-table; vertical-align:top;}

@media (max-width: 1200px) {
  #photos figure{ width:80px; padding-bottom:0%; height:80px;}
  .my-gallerynoMobileA { display:none !important;}
}


@media (max-width: 800px) {
   #photos figure{ width:60px; padding-bottom:0%; height:60px;}
   .my-gallerynoMobileB { display:none !important;}
}

























/************************************************************************************************************************************************
PAGE TITLES
************************************************************************************************************************************************/
.JNFpagetitleIMGcurr{ opacity:1 !important;}
#JNFpagetitle{transition: 0.25s ease-in-out; -webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out; display:table; width:100%; height:50%; min-height:300px; padding:0; padding-top:80px; margin:0; position:relative; overflow:hidden; z-index:0;}
#JNFpagetitle:after{mix-blend-mode:darken; display:block; content:''; width:150%; height:150%; padding:0; margin:0; background-color:rgba(0,0,0,0.15); z-index:98; position:absolute; top:0; left:0;}
#JNFpagetitle:before{opacity:0.5; overflow:hidden;  display:block; content:''; width:100%; height:100%; padding:0; margin:0;  z-index:1; position:absolute; top:0; left:0;background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));background-size:100% 100%;background-position:0% 50%;}
#JNFpagetitle section{ display:table-cell; width:100%; height:100%; position:relative; text-align:center; vertical-align:middle; padding:0; margin:0; z-index:99; }
@media (max-width: 1500px) {#JNFpagetitle section{ background-size:100% 50%;}}
@media (max-width: 1300px) {#JNFpagetitle section{ background-size:100% 40%;}}
@media (max-width: 1100px) {#JNFpagetitle section{ background-size:100% 30%;}}
@media (max-width: 1000px) {#JNFpagetitle section{ background-size:120% 30%; background-position:30% 100%;}}
#JNFpagetitle section span.s1{
	text-shadow:12px 12px 8px rgba(0,0,0,0.35); 
	position:relative; transition: 0.25s ease-in-out; -webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out; 
	font-family:'Oswald',Verdana, Geneva, sans-serif; font-size:98px; line-height:98px; font-weight:200; display:table; width:100%; height:98px; text-align:center; color:#fff; }
#JNFpagetitle section span.ss2{ 
	position:relative; transition: 0.25s ease-in-out; -webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out; 
	font-family:'Oswald',Verdana, Geneva, sans-serif; font-size:18px; line-height:18px; font-weight:200; display:table; width:100%; height:50px; text-align:center; color:#fff; }
#JNFpagetitle section span.s1:after{
	opacity:0;
	transition: right 0.5s ease-in-out, opacity 1s ease-in-out; -webkit-transition: right 0.5s ease-in-out, opacity 1s ease-in-out;-moz-transition: right 0.5s ease-in-out, opacity 1s ease-in-out;
	display:block; width:620px; height:1px; background-color:#fff; content:'';
	position:absolute; right:-630px; bottom:-5px;}
#JNFpagetitle section span.slul{}
#JNFpagetitle section span.slul:after{right:50%; margin-right:-310px; opacity:0.8;}
#JNFpagetitle section span em, #JNFpagetitle section span h2{ 
	text-transform:capitalize; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; white-space:nowrap;  
	position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-style:normal; display:inline-table; width:auto;
	    font-weight: 200 !important;
		font-size: 72px;
    	line-height: 72px;
		margin:0 !important;
}
#JNFpagetitle section span.s2{ position:absolute; top:0; left:50%; margin-left:-350px; margin-top: 10px; opacity: 1; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out; letter-spacing:3px; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:18px; font-weight:400; text-transform:uppercase; display:table; width:700px; text-align:center; color: rgba(65,182,230,1); margin-bottom:30px; }
#JNFpagetitle img {mix-blend-mode:overlay; filter: blur(4px); transition: opacity 3s; -moz-transition: opacity 3s;-webkit-transition: opacity 3s; width:auto; height:auto; min-width: 100%; padding:0; margin:0; z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity:0;} 
#JNFpagetitle img:nth-child(1){ z-index:50;}
#JNFpagetitle img:nth-child(2){ z-index:49;}
#JNFpagetitle img:nth-child(3){ z-index:48;}
#JNFpagetitle img:nth-child(4){ z-index:47;}
#JNFpagetitle img:nth-child(5){ z-index:46;}

#JNFpagetitle img:nth-child(6){ z-index:45;}
#JNFpagetitle img:nth-child(7){ z-index:44;}
#JNFpagetitle section form{ transform: scale(0.9); transition: all 2s; -moz-transition: all 2s;-webkit-transition: all 2s; opacity:0; border-radius:50px; box-shadow:5px 40px 50px rgba(0,0,0,0.5); font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:18px; font-weight:300; color:#333; line-height:18px; display:inline-table; width:100%; max-width:700px; padding:0; margin:0; position:relative;}
#JNFpagetitle section form:after{ z-index:-1; width:80%; position:absolute; left:10%; top:0px; height:80px; background-color:#fff; content:''; display:block;}
#JNFpagetitle section form.JNFpagetitleFORMload{opacity:0.9;transform: scale(1);}
#JNFpagetitle section form div{border-top-left-radius:50px;border-bottom-left-radius:50px; color:#fff; position:relative; display:table-cell; padding:0; margin:0; width:240px; vertical-align:middle; height:80px; background-color:#3f4c6b; border:none; }
#JNFpagetitle section form div:hover ul{ height:auto; padding-top:2px; overflow:visible;}
#JNFpagetitle section form div:hover ul li{margin-top:0px; opacity:1;}
#JNFpagetitle section form div a, #JNFpagetitle section form div select{ background:none !important; background-color:#3f4c6b !important; color:#fff; border:none; outline:none; cursor:pointer;font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:14px; line-height:14px; font-weight:400; display:block; width:auto; height:auto; position:relative;}
#JNFpagetitle section form div select{line-height:60px; margin-left:30px; -webkit-appearance:none;}
#JNFpagetitle section form div:before { 
	font-family:'i'; 
	content: '\F0DD';
    font: normal normal normal 12px/1 FontAwesome;
    color:#ffffff;
    right: 5%;
    top:34%;
	font-size:18px; line-height:18px;
    position: absolute;
    pointer-events: none;
	z-index:9;
	transform:translate(-100%,-50%;)}

#JNFpagetitle section form div a:after{transition: 0.25s linear; -webkit-transition: 0.25s linear;-moz-transition: 0.25s linear; position: absolute;bottom: 3px;right: 45px;padding: 0; margin: 0; margin-bottom: 0px; font-family: 'i'; content: '\f0d7'; font-size: 12px;  line-height: 12px; color:inherit;}
#JNFpagetitle section form div ul{ color:#3f4c6b; display:block; overflow:hidden; height:0; width:150px; position:absolute; top:100%; left:50px; background-color:transparent; background:none; padding:0; margin:0; z-index:9;}
#JNFpagetitle section form div ul li{ box-shadow:1px 2px 3px rgba(0,0,0,0.5);transition: all 0.25s; -moz-transition: all 0.25s;-webkit-transition: all 0.25s; display:table; position:relative; padding:0; margin:0;  width:inherit; background-color:#3f4c6b; color:#fff;  opacity:0; margin-top:60px; margin-bottom:2px !important;}
#JNFpagetitle section form div ul li a{transition: all 0.25s; -moz-transition: all 0.25s;-webkit-transition: all 0.25s; font-size:14px; line-height:14px; position:relative; cursor:pointer; display:table-cell; vertical-align:middle; padding:20px; padding-left:20px; padding-right:20px; text-align:left;}
#JNFpagetitle section form div ul li a:after{ display:none; }
#JNFpagetitle section form div ul li a:hover { background-color:rgba(255,255,255,0.8); color:#3f4c6b; font-weight:400;}
#JNFpagetitle section form div ul li:nth-child(1){transition: all 0.15s; -moz-transition: all 0.125s;-webkit-transition: all 0.15s;}
#JNFpagetitle section form div ul li:nth-child(2){transition: all 0.25s; -moz-transition: all 0.25s;-webkit-transition: all 0.25s;}
#JNFpagetitle section form div ul li:nth-child(3){transition: all 0.35s; -moz-transition: all 0.35s;-webkit-transition: all 0.35s;}
#JNFpagetitle section form div ul li:nth-child(4){transition: all 0.45s; -moz-transition: all 0.45s;-webkit-transition: all 0.45s;}
#JNFpagetitle section form div ul li:nth-child(5){transition: all 0.55s; -moz-transition: all 0.55s;-webkit-transition: all 0.55s;}
#JNFpagetitle section form div ul li:nth-child(6){transition: all 0.65s; -moz-transition: all 0.65s;-webkit-transition: all 0.65s;}
#JNFpagetitle section form div ul li:nth-child(7){transition: all 0.75s; -moz-transition: all 0.75s;-webkit-transition: all 0.75s;}
#JNFpagetitle section form input{ font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:18px; font-weight:300; color:#3f4c6b; position:relative; display:table-cell; padding:0; margin:0; vertical-align:middle; height:80px; width:360px; padding-left:20px; border:none; outline:none; }
#JNFpagetitle section form button {
	font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:18px; font-weight:400;  cursor:pointer; background-color:#3f4c6b; float:right; color:#fff; position:relative; 
	display:table-cell; padding:0; margin:0; vertical-align:middle; height:80px; width:80px; border:none; outline:none;
	border-top-right-radius:50px;
	border-bottom-right-radius:50px; z-index:99;}
#JNFpagetitle section form button:hover{animation: colorchange 5s infinite;-webkit-animation: colorchange 5s infinite;}
#JNFpagetitle section form button:after{transition: all 0.25s; -moz-transition: all 0.25s;-webkit-transition: all 0.25s; content:''; clip-path: polygon(100% 0, 0 50%, 100% 100%); display:block; padding:0; margin:0; width:0px; height:80px; position:absolute; left:0px; top:0; z-index:-1;}
#JNFpagetitle section form button:hover:after{width:40px; left:-39px; animation: colorchange 5s infinite;-webkit-animation: colorchange 5s infinite;}
@media (max-width: 750px) {
	#JNFpagetitle section form{border-radius:0px; box-shadow:5px 40px 50px rgba(0,0,0,0);}
	#JNFpagetitle section form:after { display:none;}
	#JNFpagetitle section form div{ width:75%; padding-left:5%; display:inline-table; border-bottom-left-radius:0px;border-top-left-radius:5px; border-top-right-radius:5px; background-color:#fff; color:#3f4c6b; margin-bottom:2px; text-align:left;}
	#JNFpagetitle div.scroll { display:none !important;}
	#JNFpagetitle section form div select{     padding-left: 0% !important;
    padding-right: 0% !important;   margin-left: 0px !important; line-height:80px  !important; width:90%; display:inline-table; padding-left:5%; padding-right:5%; background-color:#fff !important; background:#fff !important; color: #3f4c6b !important; }
	#JNFpagetitle section form div:before {color: #3f4c6b !important; }
	#JNFpagetitle section form input{ width:70%; display:inline-table; padding-left:5%; padding-right:5%;}
	#JNFpagetitle section form button{ float:none; display:inline-table; width:80%;border-top-right-radius:0px; border-bottom-right-radius:30px; border-bottom-left-radius:30px; }
	#JNFpagetitle section form div a { display:table-cell; vertical-align:middle;}
	#JNFpagetitle section form div a:after{bottom: 30px; right: 30px;}
	#JNFpagetitle section form div ul{ left:0;}
	#JNFpagetitle section form div ul li{min-width:200px;}
	#JNFpagetitle section span.s1{font-size:68px; line-height:68px; font-weight:300; height:68px;}
	#JNFpagetitle section span.s1:after{ width:430px;}
	#JNFpagetitle section span.slul:after{ margin-right:-215px;}
	#JNFpagetitle section span.s2 { letter-spacing:0px; font-size:16px; line-height:16px;}
}
#JNFpagetitle div.scroll .text {display: inline-block; font-family: "Open Sans",Arial, sans-serif; font-weight:400;font-size: 12px;color: #fff;text-transform: uppercase;white-space: nowrap; opacity: .25;  animation: pulse 2s linear alternate infinite;}

@media (max-width: 700px) {
#JNFpagetitle section span em, #JNFpagetitle section span h2{font-size: 36px; line-height: 36px; width:90%; white-space:normal;}
#JNFpagetitle section span.s1:after { width:60%; right:0%; margin-right:20%; bottom:-15px;}
#JNFpagetitle section span.s2{ margin-top:25px;}
}
/************************************************************************************************************************************************
END | PAGE TITLES
************************************************************************************************************************************************/


/************************************************************************************************************************************************
HOME SERVICES
************************************************************************************************************************************************/
.fixedbg {
	/*background-image:url(images/marketing.jpg) !important;
	background-repeat: no-repeat !important;
	background-position: center center;
	background-attachment:  !important;
	background-size: cover !important;
	padding: 5em 0;*/
}

#homeServices{display:block; width:100%; height:auto; padding:0;  overflow:hidden; position:relative; z-index:0;}
#homeServices:before{display:block; width:200%; height:200%; background-color:rgba(255,255,255,1); content:''; position:absolute; top:0; left:0; z-index:1;}
#homeServices section IMG{ opacity:0.5; display:block; position:absolute;mix-blend-mode:multiply;
	width:auto; height:auto; top:0%; left:50%; z-index:0; min-height:200%; min-width:150%;  transform: translate(-50%,-10%);
}
#homeServices section{display:block; width:100%; height:auto; padding:0; background:none; text-align:center; z-index:2; position:relative;

background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));

}
#homeServices section div{ z-index:2; overflow:hidden; text-align:center; display:inline-block; width:63%; padding:0; padding-top:120px; padding-bottom:120px; color:#aaa; position:relative; }
.paddingB60{ padding-bottom:60px !important;}
.paddingB0{ padding-bottom:0px !important;}
#homeServices section div b{ z-index:2; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:24px; line-height:24px; color:#fff; display:inline-block; padding:0; margin:0; margin-bottom:10px; width:100%;}
#homeServices section div h2{ z-index:2; letter-spacing:-2px; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:60px; line-height:60px; color:#fff; display:inline-block; padding:0; margin:0; width:100%;}
#homeServices section div h4{ z-index:2; letter-spacing:0px; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:28px; line-height:28px; color:#fff; display:inline-block; padding:0; margin:0; width:100%;}
#homeServices section div section.TB section b { margin-top:45px; text-align:left; display:inline-block; width:auto; height:auto; font-weight:400; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:24px; line-height:24px; color:#14153f; margin-bottom:15px;}
#homeServices section div section.TB section b:first-child { margin-top:0px; }
#homeServices section div section.TB section li{ position:relative; font-weight:400; display:table; padding:10px; text-transform:uppercase; padding-left:20px; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:14px; line-height:14px; color:#14153f;}
#homeServices section div section.TB section li:before{ font-family:'i'; content:'\F105'; position:absolute; top:9px; left:0; font-size:14px; line-height:14px;}
#homeServices section div section.TB section b.TBcont{margin-top:0px; font-size:16px;}
#homeServices section div section.TB{ display:table; width:100%; height:auto; position:relative; text-align:left;}
#homeServices section div section.TB section{ display:inline-table; width:33%; min-width:240px; vertical-align:top;}  
.IMGpageTITLE { height:120px !important; width:auto !important; position:relative !important; top:auto !important; right:auto !important; z-index:0 !important; display:inline; padding:0; margin:0; }
#homeServices section div p{display:inline-block; z-index:2; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:28px; color:#fff; width:80%; margin-bottom:30px;}
#homeServices section div img{ width:auto; height:75%; max-height:400px; position:absolute; top:10%; right:0; opacity:1; z-index:0;}
#homeServices section div img.pic{ width:auto; height:100%; max-height:600px; box-shadow: 1px 1px 3px rgba(0,0,0,0.35) !important; }
#homeServices section div ul{ display:block; z-index:2; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:28px; color:#14153f; width:60%; margin-bottom:30px;}
#homeServices section.al div img{ right:auto; left:0; width:35%; height:auto;}
#homeServices section.al div h2{ margin-left:40%;}
#homeServices section.al div h3{ margin-left:40%;}
#homeServices section.al div p{ margin-left:40%;}
.zindex0 { z-index:0 !important;}
#homeServices section div ul a:link, #homeServices section div ul a:visited{ 
	z-index:2; width:auto; display:inline; height:auto; 
	text-decoration:none; padding:0; padding-top:0; padding-bottom:0; 
	background:none; color:inherit; border:none; font-weight:inherit; font-family:inherit; font-size:inherit; line-height:inherit; text-decoration:none; }	
#homeServices section div ul a:hover{ color:#F60; }	










#homeServices section div a:link, #homeServices section div a:visited{
    transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -moz-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    width: auto;
    display: inline-table;
    height: auto;
    text-decoration: none;
    padding: 0px;
    padding-top: 18px;
    padding-bottom: 18px;
	padding-left:30px;
	padding-right:30px;
    margin-top: 30px;
    background: rgba(0,0,0,0.15);
    color: #fff;
    border: solid;
    border-width: 1px;
    border-color: #fff;
    font-weight: 400;
    font-family: 'Open Sans',Verdana, Geneva, sans-serif;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    box-shadow: rgba(0,0,0,0.35) 5px 5px 15px;	
	    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
#homeServices section div a:hover{ background:rgba(65,182,230,1); border-color:rgba(65,182,230,1);}









#homeServices section div.grid{ display:inline-table; width:100%; height:auto; padding-bottom:0; padding-top:0;  position:relative; text-align:center; font-size:0;}
#homeServices section div.grid section{
	cursor:pointer; 
	border:none; position:relative; text-decoration:none; 
	width:32.5%; 
	margin-left:5px; 
	display:table-cell;
	height:100%; 
	padding:0;  padding-top:0px; vertical-align:top; 
	background:rgba(0,0,0,0.1); text-align:center;  overflow:hidden;} 
#homeServices section div.grid section:first-child{padding-bottom:65px; height:auto !important;}
#homeServices section div.grid section:nth-child(2){ border-left:solid; border-left-color:#fff; border-left-width:2px; border-right:solid; border-right-color:#fff; border-right-width:2px;}
#homeServices section div.grid section h3{
	transition: all 0.125s ease-in-out; -moz-transition: all 0.125s ease-in-out;-webkit-transition: all 0.125s ease-in-out; font-weight:300; 
	font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:32px; line-height:32px; color:#222; text-align:left; display:inline-block; padding:0; margin:0; margin-top:30px; margin-bottom:15px; width:80%;}
#homeServices section div.grid section p{ font-weight:400; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:16px; line-height:32px; color:#444; text-align:left; display:inline-block; padding:0; margin:0; width:80%;}
#homeServices section div.grid section img{ display:inline-block; padding:0; margin:0; width:80%; height:auto !important; position:relative !important; top:auto !important; right:auto !important; left:auto !important; z-index:auto !important;}
#homeServices section div.grid section iframe{ display:inline-block; padding:0; margin:0; width:80%; height:auto; position:relative; overflow:hidden;}
#homeServices section div.grid section img{ display:inline-block; padding:0; margin:0; margin-bottom:10px; width:80%; height:auto; position:relative; overflow:hidden;}
#homeServices section div.grid section b{
	
	transition: all 0.125s ease-in-out; -moz-transition: all 0.125s ease-in-out;-webkit-transition: all 0.125s ease-in-out; font-weight:400; 
	font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:16px; line-height:32px; color:#222; text-align:left; display:inline-block; padding:0; margin:0; margin-top:10px; margin-bottom:15px; width:80%;}
#homeServices section div.grid section nav{ display:block; text-align:center; width:100%; padding:0; margin:0; font-size:28px; letter-spacing:10px; color:#fff; margin-top:10px; margin-bottom:10px; }
#homeServices section div.grid section nav em{ font-style:normal; color:#aaa;}
#homeServices section div.grid section:hover span { bottom:-30px;color:#ff670f; }
#homeServices section div.grid section:hover span span{ bottom:auto !important; }
#homeServices section div.grid section:hover span em{ font-size:150px !important; line-height:70px !important; color:#ff670f;}
#homeServices section div.grid section span {transition: all 0.125s ease-in-out; -moz-transition: all 0.125s ease-in-out;-webkit-transition: all 0.125s ease-in-out; position:absolute; bottom:-18px; left:0; margin:0; padding:0; text-align:center; width:100%; display:inline-block; 
	font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:18px; color:#222; font-weight:400;}
#homeServices section div.grid section span span{ opacity:0.5; position:relative !important; bottom:auto;}
#homeServices section div.grid section span em{transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out; font-style:normal; display:block; position:relative; padding:0; margin:0; 
	font-family:'i',Verdana, Geneva, sans-serif; font-size:70px; line-height:40px; color:#222; font-weight:normal;}

/************************************************************************************************************************************************
END | HOME SERVICES
************************************************************************************************************************************************/


/************************************************************************************************************************************************
MEMBERS
************************************************************************************************************************************************/
.members{ background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
    display: block;
    padding: 0px;
    margin: 0px;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 90px;
    position: relative;
    z-index: 1;
    overflow: visible;
    text-align: center;}
.members:before {
    display: block;
    width: 100%;
    height: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: transparent;
    background-image: url(images/shadow960.png);
    background-size: 100% 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    content: '';
}
.members:after {
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    top: 0%;
    left: 50%;
    content: '\F0D7';
    font-family: 'i';
    font-size: 90px;
    line-height: 90px;
    color: #eee;
    transform: translate(-50%,-45px);
    text-shadow: 10px 10px 20px rgba(0,0,0,0.5);
}
.members div{     box-shadow: 3px 3px 5px rgba(0,0,0,0.7);
    border-radius: 6px;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 96%;
    max-width: 1200px;
    padding: 0;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 60px;
    background-color: #fff;
    height: 100%; margin-bottom:30px;}
.members strong {
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
    position: relative;
    text-align: center;
    display: inline-table !important;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 0 !important;
	/*margin-bottom: 90px !important;*/
    padding-top: 60px !important;
    padding-bottom: 20px !important;
    border-bottom: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #fff;
    font-family: 'Oswald',Verdana, Geneva, sans-serif;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    color:rgba(255,255,255,1);
    text-shadow: 20px 20px 3px rgba(0,0,0,0.1);
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
.members strong span {
    position: relative;
    font-size: 12px;
    line-height: 12px;
    color: rgba(255,255,255,0.5);
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    letter-spacing: 8px;
    text-shadow: none !important;
}
.members div ul{ display:inline-block; width:100%; vertical-align:top; height:auto; position:relative; background-color:fff; text-align:center; padding:0; margin:0;  margin-bottom:30px;}
.members div ul li{ 
	text-align:left; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:16px; line-height:28px; color:#012645; 
	display:inline-table; box-sizing:border-box; width:45%; padding:0%; padding-left:18px; margin-left:1%; margin-right:1%; 
	max-width:500px; min-width:300px; height:auto; position:relative; margin-bottom:90px; border-left:solid; border-left-color:#888; border-left-width:1px;}
.members div ul li section{ text-align:left; display:table; position:relative; padding:0; margin:0; width:100%;}
.members div ul li section div{ border-radius:0px;  background-color:transparent; box-shadow:none; text-align:left; display:table-cell !important; position:relative; padding:0; margin:0; vertical-align:middle; width:auto;}
.members div ul li section div.l{  width:100px; overflow:hidden;} 
.members div ul li section div.l span{width:140px !important; height:auto !important; background-color:#fff; display:inline-block; margin:0; padding:0; margin-right:20px; vertical-align:middle; position:relative;}

/*
.members div ul li section div.l span.onetoone {width:120px; height:80px;}
.members div ul li section div.l span.landscape {border-radius:3px; width:120px; height:auto;}
.members div ul li section div.l span.portrait {border-radius:3px; width:120px; height:auto;}
.members div ul li section div.l span.portrait img{width:auto !important; height:inherit !important;}
*/
.members div ul li section div.l span img{width:100%; height:auto; min-height:100%; min-width:100%; opacity:1; padding:0; margin:0; position:relative;}


.clickable { cursor:pointer !important;}
.members div ul li section div h5{ margin:0; padding:0; margin-bottom:10px; font-family: 'Oswald',Verdana, Geneva, sans-serif; font-weight:200; font-size:36px; line-height:36px;}
.members div ul li section h4{ display:block; width:100%; padding:0; margin:0; border:none; border-bottom:dotted; border-bottom-color:#ccc; border-bottom-width:1px; font-weight:600; text-transform:uppercase; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:14px; line-height:14px; color:#ccc; letter-spacing:0px; margin-top:15px; margin-bottom:10px; padding-bottom:5px;}
.members div ul li section a,
.members div ul li section a:link,
.members div ul li section a:visited { text-decoration:none; display:table;width:100%; padding:0; margin:0; position:relative; height:auto; }

.members div ul li section a.memsocial{ display:inline-table !important; width:auto !important;}
.members div ul li section a div{ vertical-align:middle ;background-color:transparent; box-shadow:none; text-align:left; display:table-cell !important; position:relative; padding:0; margin:0; vertical-align:top; width:auto;}
.members div ul li section a div:first-child{width:80px; overflow:hidden;}
.members div ul li section a div:first-child span{ display:inline-block; width:60px; height:0px;  margin:0; padding:0; padding-bottom:60%; margin-right:20px; overflow:hidden; position:relative;}
.members div ul li section a div:first-child span img{width:inherit; height:auto; min-height:100%; min-width:100%; opacity:1; padding:0; margin:0; z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.members div ul li section a div h5{
	display:inline-block; padding:0; margin:0;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 400;
	color:#888 !important;
	text-transform:capitalize !important;}


.members div ul li section a, .members div ul li section a:hover, .members div ul li section a:visited { font-size:24px; line-height:24px; color:rgba(45,190,239,1); margin-right:5px;}
.members div ul li section a:hover { color:rgba(35,97,146,1);}
.members div ul li section button{
	transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -moz-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    width: auto;
    display: inline-table;
    height: auto;
    text-decoration: none;
    padding: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
	margin-right:5px;
	margin-bottom:5px;
    background: rgba(45,190,239,1);
    color: #fff;
    border:none;
    font-weight: 600;
    font-family: 'Open Sans',Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-transform: uppercase;
    opacity: 1;
    outline: none;
    cursor: pointer;
	position:relative;
	z-index:2;
	vertical-align:top;
}
.members div ul li section button:hover{ background: rgba(35,97,146,1); }
@media (max-width: 900px) {
	.members div ul{ width:100%;}
}
@media (max-width: 700px) {
	.members div ul li section div h5{ font-size:24px; line-height:24px;}
	.members div ul li { width:90%;}
}
/************************************************************************************************************************************************
END | MEMBERS
************************************************************************************************************************************************/





/************************************************************************************************************************************************
DIRECTORY
************************************************************************************************************************************************/
#directory{ box-shadow:none; display:inline-block; width:40%; vertical-align:top; height:auto; padding:0; margin:0; padding-bottom:90px; margin-top:0px; position:relative; text-align:center;}

#directory div{
	box-shadow:none;
    border-radius: 6px;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 90%;
    max-width: 1200px;
    padding: 0;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #fff;
    height: 100%; margin-bottom:30px;}
#directory strong {
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
    position: relative;
    text-align: left;
    display: inline-table !important;
    width: 80%;
    padding: 10%;
    margin: 0;
    margin-top: 0 !important;
	margin-bottom: 25px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    font-family: 'Oswald',Verdana, Geneva, sans-serif;
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    color:rgba(255,255,255,1);
    text-shadow: 20px 20px 3px rgba(0,0,0,0.1);
	border-radius:3px;
}
#directory strong span {
    position: relative;
    font-size: 12px;
    line-height: 12px;
    color: rgba(255,255,255,0.5);
    display: block;
    width:auto;
    text-align: left;
    margin-top: 10px;
    letter-spacing: 8px;
    text-shadow: none !important;
}
#directory b {
	
    position: relative;
    text-align: left;
    display: inline-table !important;
    width: 100%;
    padding: 0%;
    margin: 0;
    margin-top: 0 !important;
	margin-bottom: 45px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    font-family: 'Oswald',Verdana, Geneva, sans-serif;
    font-size: 24px;
    line-height: 24px;
	border-bottom:dotted;
	border-bottom-color:#ccc;
	border-bottom-width:1px;
    font-weight: 700;
    color:rgba(0,0,0,0.35);
	border-radius:3px;
}

#directory div ul{ display:inline-block; width:100%; height:auto; position:relative; background-color:fff; text-align:center; padding:0; margin:0;  margin-bottom:30px;}
#directory div ul li{ text-align:left; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:16px; line-height:28px; color:#222; display:inline-table; width:95%; max-width:500px; min-width:300px; height:auto; position:relative; margin-bottom:30px;}
#directory div ul li div{ box-shadow:none; text-align:left; display:table-cell !important; position:relative; padding:0; margin:0; vertical-align:top; width:auto;}
#directory div ul li div.l{ width:120px; overflow:hidden;} 
#directory div ul li div.l span{ border-radius:50%; display:inline-block; width:100px; height:100px; margin:0; padding:0; margin-right:20px; overflow:hidden; position:relative; background-color:#eee;}
#directory div ul li div.l span img{width:inherit; height:auto; min-height:100%; min-width:100%; opacity:1; padding:0; margin:0; z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#directory div ul li div h5{ margin:0; padding:0; margin-bottom:10px; font-family: 'Oswald',Verdana, Geneva, sans-serif; font-weight:200; font-size:28px; line-height:28px; padding-top:5px;}
#directory div ul li div p{ position:relative; font-style:normal; font-size:14px; line-height:28px;  font-family:'Open Sans',Verdana, Geneva, sans-serif; font-weight:400;}
#directory div ul li div em{ position:relative; font-style:normal; display:block; padding:0; margin:0;}
#directory div ul li div em b{ position:relative; font-weight:600;}
#directory div ul li div em:before{    
	position: relative;
    display: inline-block;
    width: 20px;
	text-align:left;
    color: inherit;
    font-family: 'i';
    font-size: inherit;
    line-height: inherit;}
#directory div ul li div em.phone:before{content:'\F095';}
#directory div ul li div em.fax:before{content:'\F02F';}





#directory div ul li div a.phone, #directory div ul li div a.phone:link, #directory div ul li div a.phone:visited{ 
	position:relative; font-style:normal; display:block; padding:0; margin:0;
	font-style:normal; font-size:14px; line-height:28px;  font-family:'Open Sans',Verdana, Geneva, sans-serif; font-weight:400;
	background:none; text-align:left; color:inherit !important; float:none !important;

}
#directory div ul li div a.phone b{ position:relative; font-weight:600;}
#directory div ul li div a.phone:before{    
	position: relative;
    display: inline-block;
    width: 20px;
	text-align:left;
    color: inherit;
    font-family: 'i';
    font-size: inherit;
    line-height: inherit;}
#directory div ul li div a.phone:before{content:'\F095';}

#directory div ul li div a.phone:hover{ color:rgba(45,190,239,1) !important;}



#directory div ul li a, #directory div ul li a:hover, #directory div ul li a:visited { 

	float:right;
	
	
	transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -moz-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    width: auto;
    display: inline-table;
    height: auto;
    text-decoration: none;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
	margin-right:0px;
	margin-top:5px;
	margin-bottom:20px;
    background: rgba(45,190,239,1);
    color: #fff;
    border:none;
    font-weight: 600;
    font-family: 'Open Sans',Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-transform: uppercase;
    opacity: 1;
    outline: none;
    cursor: pointer;
	position:relative;
	z-index:2;
	vertical-align:top;
}
#directory div ul li a:hover { background:rgba(35,97,146,1);}
#directory div ul li button{
	transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -moz-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    width: auto;
    display: inline-table;
    height: auto;
    text-decoration: none;
    padding: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
	margin-right:5px;
    background: rgba(45,190,239,1);
    color: #fff;
    border:none;
    font-weight: 600;
    font-family: 'Open Sans',Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-transform: uppercase;
    opacity: 1;
    outline: none;
    cursor: pointer;
	position:relative;
	z-index:2;
	vertical-align:top;
}
#directory div ul li button:hover{ background: rgba(35,97,146,1); }
@media (max-width: 700px) {
	#directory div ul li div h5{ font-size:24px; line-height:24px;}
}


.zxoEMAILPOP {	overflow:hidden; font-size:0; line-height:0; display:table !important; z-index:99999999; position:fixed !important; top:50%; left:50%; transform: translate(-50%,-50%); background-color:rgba(0,0,0,0.65); padding:0 !important; margin:0 !important; width:0% !important; height:0% !important; text-align:center;}
.zxoEMAILPOP a{ display:none !important;}

.zxoEMAILPOP section{ overflow:hidden; width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; padding:0; margin:0; background-color:transparent; }
.zxoEMAILPOP section iframe{
	transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
	opacity:0; display:inline-block; width:0%; height:0%; /*min-height:180px; min-width:320px;*/ border:none; outline:none; }
.zxoEMAILPOP form{ display:none !important;}
	
#zxoEMAILPOP { 
	overflow:visible; display:table; z-index:99999999; 
	position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); 
	background-color:rgba(0,0,0,0.85); 
	padding:0; margin:0; width:100%; height:100%;
	box-shadow:none; height:auto; text-align:center;}
#zxoEMAILPOP div { box-shadow:none; display:inline-block; /*width:40%;*/ width:80%; height:auto; padding:0 !important; margin:0 !important;position:relative; text-align:left; overflow:visible !important; }
#zxoEMAILPOP a{ display:block; padding:0; margin:0; position:absolute; top:40px; right:40px; color:#F00; font-family:'i'; font-weight:normal; font-size:36px; line-height:36px; cursor:pointer;}
#zxoEMAILPOP a:hover{ color:#fff; } 


#zxoEMAILPOP section{ overflow:hidden; width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; padding:0; margin:0; background-color:transparent; }

#zxoEMAILPOP div strong{
		position:relative;  text-align:left; 
		display:block;
		width:auto !important; padding:0; margin:0; margin-top:0 !important; margin-bottom:30px; padding-top:15px !important; padding-bottom:20px !important;
		border-bottom:dotted; border-bottom-width:1px; border-bottom-color:#3f4c6b; 
		font-family:'Oswald',Verdana, Geneva, sans-serif; font-size:60px; line-height:60px; font-weight:700; 
		color:rgba(65,182,230,1); text-shadow:20px 20px 3px rgba(0,0,0,0.1);}
#zxoEMAILPOP div strong span{position:relative;  font-size:16px; line-height:16px; font-weight:400; color:#ffffff; display:block; width:100%; text-align:left; margin-top:10px; letter-spacing:8px; text-shadow:none !important;}
#zxoEMAILPOP section #zxoEMAILPOPFORM { display:inline-block; width:90%; max-width:800px;}

#zxoEMAILPOP div p{
	display:inline-block;
	width:auto;
	font-size: 18px;
    line-height: 36px;
    font-family: 'Open Sans',Verdana, Geneva, sans-serif;
    color: #012645;
    font-weight: 400 !important;
	margin:0px; padding-top:0px !important;
	margin-bottom:20px;}
#zxoEMAILPOP div span.phone{
	font-size: 24px;
	line-height: 24px;
	float:right;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	color: #012645;
	letter-spacing:5px;
	font-weight: 400 !important;
	margin:0px;
	margin-bottom:20px;}
#zxoEMAILPOP div input{ 
	display:inline-block; width:100%; height:auto; padding:30px; margin:0; position:relative; 
	font-family: 'Open Sans',Verdana, Geneva, sans-serif; color:#222; font-weight:400; font-size:14px; line-height:18px; 
	border:none; outline:none; background:#efefef; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	box-shadow:rgba(0,0,0,0.25) 2px 2px 4px; -webkit-box-shadow:rgba(0,0,0,0.25) 2px 2px 4px; -moz-box-shadow:rgba(0,0,0,0.25) 2px 2px 4px;}
#zxoEMAILPOP div textarea{ 
	display:inline-block; width:100%; height:100%; min-height:180px; padding:30px; margin:0; position:relative; 
	font-family: 'Open Sans',Verdana, Geneva, sans-serif; color:#222; font-weight:400;  font-size:14px; line-height:18px;
	border:none; outline:none; background:#efefef; box-sizing: box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	box-shadow:rgba(0,0,0,0.25) 2px 2px 4px; -webkit-box-shadow:rgba(0,0,0,0.25) 2px 2px 4px; -moz-box-shadow:rgba(0,0,0,0.25) 2px 2px 4px;}
#zxoEMAILPOP div label{
	transition: opacity 1.5s; -moz-transition: opacity 1.5s; -webkit-transition: opacity 1.5s; box-sizing: border-box;
	display:table; width:auto; padding:0; margin:0; margin-left:0%; margin-top:7px; margin-bottom:20px; text-transform:uppercase; letter-spacing:3px;	
	font-family: 'Open Sans',Verdana, Geneva, sans-serif; color:#2f2f2f; font-weight:400;  font-size:11px; line-height:11px; opacity:0;
}
#zxoEMAILPOP div input[type="submit"]{ -webkit-appearance: none;
	display:inline-block; cursor:pointer; width:auto; height:auto; padding:30px; margin:0; position:relative;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif; color:#2f2f2f; font-weight:600; letter-spacing:5px; font-size:14px; line-height:18px; 
	border:none; outline:none; background:#efefef;
	box-shadow:rgba(0,0,0,0.25) 2px 2px 4px; -webkit-box-shadow:rgba(0,0,0,0.25) 2px 2px 4px; -moz-box-shadow:rgba(0,0,0,0.25) 2px 2px 4px;}
#zxoEMAILPOP div input[type="submit"]:hover{ background-color:#fff; }
#zxoEMAILPOP div input:valid + label, #zxoEMAILPOP div textarea:valid + label { opacity:0.6; color:#fff;}



/************************************************************************************************************************************************
END | DIRECTORY
************************************************************************************************************************************************/


#emailFORM { box-shadow:none; display:inline-block; width:60%; vertical-align:top; height:auto; padding:0; margin:0; padding-bottom:90px; margin-top:0px; position:relative; text-align:center;}
#emailFORM div { box-shadow:none; display:inline-block; /*width:40%;*/ width:80%; height:auto; padding:0 !important; margin:0 !important;position:relative; text-align:left; overflow:visible !important; }


#emailFORM div strong{
		position:relative;  text-align:left; 
		display:block;
		width:auto !important; padding:0; margin:0; margin-top:0 !important; margin-bottom:30px; padding-top:15px !important; padding-bottom:20px !important;
		border-bottom:dotted; border-bottom-width:1px; border-bottom-color:#3f4c6b; 
		font-family:'Oswald',Verdana, Geneva, sans-serif; font-size:60px; line-height:60px; font-weight:700; 
		color:rgba(65,182,230,1); text-shadow:20px 20px 3px rgba(0,0,0,0.1);}
#emailFORM div strong span{position:relative;  font-size:12px; line-height:12px; color:#3f4c6b; display:block; width:100%; text-align:left; margin-top:10px; letter-spacing:8px; text-shadow:none !important;}


#emailFORM div p{
	display:inline-block;
	width:auto;
	font-size: 18px;
    line-height: 36px;
    font-family: 'Open Sans',Verdana, Geneva, sans-serif;
    color: #012645;
    font-weight: 400 !important;
	margin:0px; padding-top:0px !important;
	margin-bottom:20px;}
#emailFORM div span.phone{
	font-size: 24px;
	line-height: 24px;
	float:right;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	color: #012645;
	letter-spacing:5px;
	font-weight: 400 !important;
	margin:0px;
	margin-bottom:20px;}
#emailFORM div input{ 
	display:inline-block; width:100%; height:auto; padding:30px; margin:0; position:relative; 
	font-family: 'Open Sans',Verdana, Geneva, sans-serif; color:#222; font-weight:400; font-size:14px; line-height:18px; 
	border:none; outline:none; background:#efefef; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	box-shadow:rgba(0,0,0,0.25) 2px 2px 4px; -webkit-box-shadow:rgba(0,0,0,0.25) 2px 2px 4px; -moz-box-shadow:rgba(0,0,0,0.25) 2px 2px 4px;}
#emailFORM div textarea{ 
	display:inline-block; width:100%; height:100%; min-height:180px; padding:30px; margin:0; position:relative; 
	font-family: 'Open Sans',Verdana, Geneva, sans-serif; color:#222; font-weight:400;  font-size:14px; line-height:18px;
	border:none; outline:none; background:#efefef; box-sizing: box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	box-shadow:rgba(0,0,0,0.25) 2px 2px 4px; -webkit-box-shadow:rgba(0,0,0,0.25) 2px 2px 4px; -moz-box-shadow:rgba(0,0,0,0.25) 2px 2px 4px;}
#emailFORM div label{
	transition: opacity 1.5s; -moz-transition: opacity 1.5s; -webkit-transition: opacity 1.5s; box-sizing: border-box;
	display:table; width:auto; padding:0; margin:0; margin-left:0%; margin-top:7px; margin-bottom:20px; text-transform:uppercase; letter-spacing:3px;	
	font-family: 'Open Sans',Verdana, Geneva, sans-serif; color:#2f2f2f; font-weight:400;  font-size:11px; line-height:11px; opacity:0;
}
#emailFORM div input[type="submit"]{ -webkit-appearance: none;
	display:inline-block; cursor:pointer; width:auto; height:auto; padding:30px; margin:0; position:relative;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif; color:#2f2f2f; font-weight:600; letter-spacing:5px; font-size:14px; line-height:18px; 
	border:none; outline:none; background:#efefef;
	box-shadow:rgba(0,0,0,0.25) 2px 2px 4px; -webkit-box-shadow:rgba(0,0,0,0.25) 2px 2px 4px; -moz-box-shadow:rgba(0,0,0,0.25) 2px 2px 4px;}
#emailFORM div input[type="submit"]:hover{ background-color:#fff; }
#emailFORM div input:valid + label, #emailFORM div textarea:valid + label { opacity:0.6;}
@media (max-width: 1300px) {
	
	#emailFORM { display:block !important; width:100% !important;}
	#directory{ width:100%; }
	#emailFORM div {width:60%;margin-left:20%;}
	
	#directory div ul li div.l{ width:240px;} 
	#directory div ul li div.l span{width:220px; height:220px;}
	#directory div ul li div { padding-top:20px;}	
	#directory div ul li div.l { padding-top:0px !important;}
	#directory div ul li div.l { padding-right:45px !important;}
	#directory div ul li { max-width:800px;}	


	
}
@media (max-width: 1100px) {#emailFORM div {width:80%;margin-left:10%;}}

@media (max-width: 800px) {	#directory div ul li div.l { padding-right:30px !important;}}

@media (max-width: 700px) {
	#emailFORM div h3{
	font-size: 24px;
    line-height: 24px;
	margin-bottom:10px;}
	#emailFORM div span.phone{
	font-size: 18px;
	line-height: 18px;
	margin-bottom:10px;}
	#emailFORM {margin-top:30px;}
	#emailFORM div input, #emailFORM div textarea{padding:20px;}
	#emailFORM div label{margin-bottom:5px;}
	
	
	#directory div ul li div.l{ width:140px;} 
	#directory div ul li div.l span{width:120px; height:120px;}
	#directory div ul li div { padding-top:10px;}	
	#directory div ul li div.l { padding-top:0px !important;}
	#directory div ul li div.l { padding-right:30px !important;}
	
	
}



/************************************************************************************************************************************************
FLIP BOX
************************************************************************************************************************************************/
.flip-boxWRAP{ text-align:center;display:block; width:100%; height:auto; padding:0; padding-bottom:0px; overflow:visible; position:relative; z-index:0; background-color:#fff;



}

.flip-boxWRAP:before {
    display: block;
    width: 100%;
    height: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: transparent;
    background-image: url(images/shadow960.png);
    background-size: 100% 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    content: '';
	z-index:1;
}
.flip-boxWRAP:after {
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    top: 0%;
    left: 50%;
    content: '\F0D7';
    font-family: 'i';
    font-size: 90px;
    line-height: 90px;
    color: #eee;
    transform: translate(-50%,-45px);
    text-shadow: 10px 10px 20px rgba(0,0,0,0.5);
	z-index:2;
}
.flip-boxWRAP div.flip-boxWRAPIN{ 
	z-index:0;
    background: linear-gradient(45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));	
	display:block; width:100%; height:auto; padding:0; margin:0; padding-top:0px; padding-bottom:90px; position:relative; 
}

.flip-boxWRAP div.flip-boxWRAPIN:before {
    display: block;
    width: 100%;
    height: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: transparent;
    background-image: url(images/shadow960.png);
    background-size: 100% 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    content: '';
	z-index:3;
}
.flip-boxWRAP div.flip-boxWRAPIN section.leftSlash{  filter: drop-shadow(20px 10px 20px rgba(0,0,0,0.5)); position:absolute; left:0; top:0; z-index:1; content:''; width:100%; height:100%;}

.flip-boxWRAP div.flip-boxWRAPIN section.rightSlash{ filter: drop-shadow(1px 10px 20px rgba(0,0,0,0.5));position:absolute; right:0; top:0; z-index:1; content:'';width:100%; height:100%;}

.flip-boxWRAP div.flip-boxWRAPIN section.leftSlash section{ float:left; background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));	clip-path: polygon(0 0, 0% 100%, 100% 100%); background-color:#fff; content:''; width:100%; height:100%;}

.flip-boxWRAP div.flip-boxWRAPIN section.rightSlash section{ float:right; background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1)); clip-path: polygon(100% 0, 0% 100%, 100% 100%); background-color:#fff; content:''; width:100%; height:100%;}


.flip-boxWRAP div.flip-boxWRAPININ{ z-index:5; text-align:center; display:inline-block; width:100%; max-width:1500px; height:auto; padding:0; padding-bottom:0px; padding-top:0px;  overflow:visible; position:relative; }
.flip-boxWRAP div.flip-boxWRAPININ strong{
		position:relative;  text-align:center; 
		display:block;
		width:100% !important; padding:0; margin:0; margin-top:0 !important;  padding-top:60px !important; 
		font-family:'Oswald',Verdana, Geneva, sans-serif; font-size:60px; line-height:60px; font-weight:700; 
		color:#FFFFFF; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.flip-boxWRAP div.flip-boxWRAPIN strong{
		position:relative;  text-align:center; 
		display:block;
		width:auto !important; padding:0; margin:0; margin-top:0 !important;  padding-top:60px !important; padding-bottom:20px !important;
		border-bottom:dotted; border-bottom-width:1px; border-bottom-color:#fff; 
		font-family:'Oswald',Verdana, Geneva, sans-serif; font-size:60px; line-height:60px; font-weight:700; 
		color:#FFFFFF; text-shadow:20px 20px 3px rgba(0,0,0,0.1);}
.flip-boxWRAP div.flip-boxWRAPININ strong span{position:relative;  font-size:12px; line-height:12px; color:#515151; display:block; width:100%; text-align:center; margin-top:10px; letter-spacing:8px; text-shadow:none !important;}
.flip-boxWRAP div.flip-boxWRAPIN strong span{position:relative;  font-size:12px; line-height:12px; color:rgba(255,255,255,0.5); display:block; width:100%; text-align:center; margin-top:10px; letter-spacing:8px; text-shadow:none !important;}

.flip-boxWRAPdiv { width:auto !important; display:inline-table !important; position:relative; margin-bottom:90px !important; margin-top:120px !important;}


.flip-box a, .flip-box a:hover, .flip-box a:visited { font-size:36px; line-height:36px; color:#fff;}
.flip-box a:hover { color:rgba(45,190,239,1);}
.flip-box button.www{
	transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -moz-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    width: auto;
    display: inline-table;
    height: auto;
    text-decoration: none;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background: rgba(45,190,239,1);
    color: #fff;
    border: solid;
    border-width: 2px;
    border-color: #2dbeef;
    font-weight: 600;
    font-family: 'Open Sans',Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    box-shadow: rgba(0,0,0,0.35) 5px 5px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-transform: uppercase;
    opacity: 1;
    outline: none;
    cursor: pointer;
	position:absolute;
	bottom:75px;
	left:50%;
	transform: translate(-50%,0);
	z-index:2;
}
.flip-box button:hover{ background: rgba(45,190,239,0);}


.flip-box button.trole{
	transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -moz-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    width: 100%;
    display: inline-table;
    height: auto;
    text-decoration: none;
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    background: rgba(45,190,239,1);
    color: #fff;
    border:none;
    font-weight: 600;
    font-family: 'Open Sans',Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    box-shadow: rgba(0,0,0,0.35) 5px 5px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-transform: uppercase;
    opacity: 1;
    outline: none;
    cursor: pointer;
	z-index:1;
	position:absolute;
	bottom:0px;
	left:50%;
	transform: translate(-50%,0);
}
.flip-box button.trole:hover{ background:#fff; color:rgba(45,190,239,1); }

.flip-boxWRAP div.flip-boxWRAPININ p.flip-boxWRAPINp{position:relative;  display:inline-block; width:80%; max-width:800px; padding:0; margin:0; margin-top:30px; margin-bottom:60px; font-family:'Merriweather',Verdana, Geneva, sans-serif; font-size:18px; line-height:28px; font-weight:300; color:#515151;}
.flip-boxWRAP div.flip-boxWRAPININ ul{ list-style-position:inside;position:relative; text-align:left;  display:inline-block; width:auto; max-width:800px; padding:0; margin:0; margin-top:60px; font-family:'Merriweather',Verdana, Geneva, sans-serif; font-size:18px; line-height:36px; font-weight:300; color:#515151;}
.flip-boxWRAP div.flip-boxWRAPININ ul li:first-child{ list-style:none; color:#00B0F0; line-height:24px; margin-bottom:10px; }
.flip-box {
	max-width:none;
	background-color: transparent;
	width: 25%;height:0; 
	padding-bottom:25%; cursor:pointer; perspective: 1000px; /* Remove this if you don't want the 3D effect */
	font-size:12px; line-height:12px;position:relative;display:inline-block;font-family:'Open Sans',Verdana, Geneva, sans-serif;font-size:16px; line-height:24px;margin:10px;
	border-radius:50%;
	
	}
.flip-box-inner {border-radius:50%;position: absolute;width: 100%;height: 100%;text-align: center;transition: transform 0.8s;transform-style: preserve-3d; box-shadow: 5px 5px 10px rgba(0,0,0,0.3);}
.flip-box:hover .flip-box-inner {transform: rotateY(180deg);}
.flip-box-front {border-radius:50%;position: absolute;width: 100%;height: 100%; display:block; backface-visibility: hidden; overflow:hidden;}
.flip-box-back {border-radius:50%;position: absolute;width: 100%;height: 100%; display:table; backface-visibility: hidden; overflow:hidden;}
.flip-box-front div{border-radius:50%;overflow:hidden; position:relative; z-index:0; width:100%; height:100%; display:table; padding:0; margin:0;}
.flip-box-front div div{border-radius:50%; position:relative; display:table-cell; overflow:hidden; padding:0; margin:0;}
.flip-box-front div div:before{ content:''; display:block; position:absolute; z-index:1; width:100%; height:100%; padding:0; top:0; left:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+35,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}
.flip-box-front div div img{
	transition: opacity 3s; -moz-transition: opacity 3s;-webkit-transition: opacity 3s;
	width:auto; height:auto; min-height:100%; min-width:100%; opacity:1; padding:0; margin:0; z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.flip-box-front div div img.p{max-width:100%; top: 70%;}
.flip-box-front div div img.l{max-height:100%;}
.flip-box-front { background-color:rgba(7,29,73,1); color: black; z-index:1;}
.flip-box-front h3{ 
	font-weight:200; font-size:24px;z-index:2;color:#fff;
	transition: all 0.4s linear;-moz-transition: all 0.4s linear;-webkit-transition: all 0.4s linear; z-index:1;
	position:absolute; bottom:0px; left:0%;   z-index:5; 
	display:table; text-align:center; width:100%; height:auto; margin:0; padding-bottom:0;}
	
.flip-box-front h3 em{ 
	font-family:'Open Sans',Verdana, Geneva, sans-serif; font-weight:400;
	 font-size:14px; z-index:2; color:rgba(255,255,255,0.75);
	transition: all 0.4s linear;-moz-transition: all 0.4s linear;-webkit-transition: all 0.4s linear; z-index:1;
	position:relative; z-index:5; 
	display:table; text-align:center; width:100%; height:auto; margin-top:15px;
	padding-bottom:30px; padding-top:20px; font-style:normal;
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1)); 
}	
	
	
.flip-box-back {  overflow:hidden;    background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1)); transform: rotateY(180deg); transition: all 0.125s linear;-moz-transition: all 0.125s linear;-webkit-transition: all 0.125s linear;z-index:2;} 
.flip-box-back p{ color: #efefef; font-size:14px; transition: all 0.125s linear;	-moz-transition: all 0.125s linear;	-webkit-transition: all 0.125s linear; z-index:1; 
	position:relative; display:table-cell !important; vertical-align:middle; text-align:center; padding:5%; width:90%; height:90%; overflow:hidden;}
.flip-box-back p b{ font-size:24px; font-weight:normal;}
.flip-box-back p span{ display:block; padding:0; margin:0; margin-top:-4px; margin-bottom:5px; letter-spacing:2px; font-size:14px;  color: #efefef; opacity:0.65;}

.flip-box:hover .flip-box-inner .flip-box-front div img {opacity:1 !important;}

.flip-boxWRAP div.flip-boxWRAPININ a, .flip-boxWRAP div.flip-boxWRAPININ a:link, .flip-boxWRAP div.flip-boxWRAPININ a:visited{}
.flip-boxWRAP:hover div.flip-boxWRAPININ a{ display:inline;} 






.zxoPROFILE { 	
	overflow:hidden; font-size:0; line-height:0; display:table; z-index:99999999; 
	position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); background-color:rgba(0,0,0,0.65); padding:0; margin:0; width:0%; height:0%; text-align:center;}
.zxoPROFILE a{ display:none; padding:0; margin:0; position:absolute; top:40px; right:40px; color:#c00; font-family:'i'; font-weight:normal; font-size:36px; line-height:36px; cursor:pointer;}
.zxoPROFILE a:hover{ color:#900; } 
.zxoPROFILE section{ overflow:hidden; width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; padding:0; margin:0; background-color:transparent; }
.zxoPROFILE section section{ overflow:hidden; width:60%; height:60%; display:none; vertical-align:middle; text-align:center; padding:5%; margin:0; background-color:#fff; border-radius:5px; }
.zxoPROFILE section section div{ display:table-cell; vertical-align:top; padding:0; margin:0; text-align:left;}
.zxoPROFILE section section div div{padding-left:0 !important; font-family: 'Open Sans',Verdana, Geneva, sans-serif; display:block; padding:0; margin:0;overflow:hidden; position:relative;}
.zxoPROFILE section section div div img{  width:auto !important; height:auto; min-width:100%;  padding:0; margin:0; display:block;  }

.zxoPROFILE section section div div img.p{ position:relative; max-width:100%; max-height:100%; top: 70%;}
.zxoPROFILE section section div div img.l{ position:relative; max-width:100%; max-height:100%;}
.zxoPROFILE section section div div img.o{position:absolute; top:50%; left: 50%; transform:translate(-50%, -50%); max-height:100%; min-height:100%;}

.zxoPROFILE section section div div.dp{border-radius:3px; width:100% !important; height:auto; padding-bottom:0%;}
.zxoPROFILE section section div div.dl{border-radius:3px; width:100% !important; height:auto; padding-bottom:0%;}
.zxoPROFILE section section div div.do{border-radius:50%; width:100% !important; height:0; padding-bottom:100%; content:'';}


.zxoPROFILE section section div:first-child{ width:30%;}
.zxoPROFILE section section div:last-child{ width:60%; padding-left:10%;}
.zxoPROFILE section section div b, .zxoPROFILE section section div span, .zxoPROFILE section section div p, .zxoPROFILE section section div em {
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	color: #012645;position:relative; display:block; padding:0; margin:0; width:100%;
}
.zxoPROFILE section section div b{ font-size:36px; line-height:48px;}
.zxoPROFILE section section div span{ font-size:16px; line-height:18px; margin-bottom:10px;}
.zxoPROFILE section section div em{ font-style:normal; font-size:16px; line-height:18px; margin:0; margin-bottom:10px; padding:0;}
.zxoPROFILE section section div p{ font-size:16px; line-height:24px; margin-top:30px;}
.zxoPROFILE section section div a{
	display:none;
	position:relative !important; font-size: 36px; top:auto; right:auto; left:auto; bottom: auto;
    line-height: 36px;
    color: rgba(45,190,239,1); vertical-align:top;}
.zxoPROFILE section section div a:last-child{ margin-right:20px;}
.zxoPROFILE section section div a:hover { color:rgba(45,190,239,0.5);}
.zxoPROFILE section section div button.www{
	transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -moz-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    width: auto;
    display:none;
    height: auto;
    text-decoration: none;
    padding: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    background: rgba(45,190,239,1);
    color: #fff;
    border: solid;
    border-width: 2px;
    border-color: #2dbeef;
    font-weight: 600;
    font-family: 'Open Sans',Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-transform: uppercase;
    opacity: 1;
    outline: none;
    cursor: pointer;
	position:relative;
	z-index:2;
}
.zxoPROFILE section section div button:hover{ background: rgba(45,190,239,0); color:rgba(45,190,239,1);}


@media (max-width: 1400px) {.flip-box {width: 28%; padding-bottom:28%;}}
@media (max-width: 1300px) { 
	.flip-box-back p { vertical-align:top;  padding-top:60px; line-height:22px;} 
	.zxoPROFILE section section{ width:70%; height:70%;  }

}
@media (max-width: 1100px) {
	.flip-box {width: 42.5%; padding-bottom:42.5%; margin:2.5%;}
	.zxoPROFILE section section{ width:80%; height:70%;  }
}
@media (max-width: 800px) {
	.flip-box {width: 90%; display:block; padding-bottom:90%; margin:5%;}
}
@media (max-width: 700px) {
	.flip-boxWRAP div.flip-boxWRAPININ strong {font-size: 48px !important; line-height: 52px !important;}
	.zxoPROFILE section section div{ display:table;}
	.zxoPROFILE section section div:first-child{ width:80%; padding-left:10%;}
	.zxoPROFILE section section div:last-child{ width:80%; padding-left:10%;}
}
/************************************************************************************************************************************************
END | FLIP BOX
************************************************************************************************************************************************/














#pageHEADLINE{transition: 0.25s ease-in-out; -webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out; display:block; width:100%; height:50%; min-height:400px; padding:0; margin:0; position:relative; overflow:hidden; z-index:0;}
#pageHEADLINE div{ display:table; width:100%; height:100%; padding:0; margin:0; text-align:center; position:absolute; top:0; left:0; z-index:2;}
/*#pageHEADLINE div div{ position:relative; display:table-cell; vertical-align:bottom; width:100%; height:100%; padding:0; margin:0; text-align:center;}*/
#pageHEADLINE div div{ position:relative; display:block;  width:100%; height:100%; padding:0; margin:0; text-align:center;}
/*#pageHEADLINE div div h2{ 
	position:relative;
	width:auto; height:auto;
	font-family: 'Oswald',Verdana, Geneva, sans-serif;
    font-size: 120px;
    line-height: 120px;
    font-weight: 500;
    text-transform: uppercase;
	color:#fff;
	display:inline-block;
	padding:0;
	margin:0;
	margin-bottom:-7px;}*/
#pageHEADLINE h2{
	white-space:nowrap; 
	position:absolute; bottom:0; left:50%;
	transform:translate(-50%,0%);
	width:auto; height:auto;
	font-family: 'Oswald',Verdana, Geneva, sans-serif;
    font-size: 120px;
    line-height: 120px;
    font-weight: 500;
    text-transform: uppercase;
	color:#fff;
	display:inline-block;
	padding:0;
	margin:0;
	margin-bottom:-7px;
	z-index:22;}
#pageHEADLINE img{width:100%; height:auto; min-width: 100%; padding:0; margin:0; z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity:1;}
#pageHEADLINE:after{mix-blend-mode:darken; display:block; content:''; width:inherit; height:100%; padding:0; margin:0; 
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 40%, rgba(0,0,0,0.1) 100%); 
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 40%,rgba(0,0,0,0.1) 100%); 
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 40%,rgba(0,0,0,0.1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#1a000000',GradientType=0 ); 
z-index:1; position:absolute; top:0; left:0;}



@media (max-width: 700px) {
	
	#pageHEADLINE div { height:auto; top:auto; bottom:0;}
	#pageHEADLINE h2{ font-size:90px; line-height:90px;}}
@media (max-width: 600px) {#pageHEADLINE h2{ font-size:80px; line-height:80px;} #pageHEADLINE img{width:auto; height:100%;}}


















.pageTOPIMGcurr{ opacity:1 !important;}
#pageTOP{transition: 0.25s ease-in-out; -webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out; display:table; width:100%; padding:0; margin:0; position:relative; overflow:hidden; z-index:0;}
#pageTOP:after{mix-blend-mode:darken; display:block; content:''; width:inherit; height:inherit; padding:0; margin:0; 

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0.25+40,0.1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 40%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 40%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 40%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */


z-index:95; position:absolute; top:0; left:0;}
#pageTOP:before{opacity:0.5; overflow:hidden;  display:block; content:''; width:inherit; height:inherit; padding:0; margin:0;  z-index:1; position:absolute; top:0; left:0;

background: #236192;
background: -moz-linear-gradient(top,  #236192 0%, #41b6e6 100%);
background: -webkit-linear-gradient(top,  #236192 0%,#41b6e6 100%);
background: linear-gradient(to bottom,  #236192 0%,#41b6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#236192', endColorstr='#41b6e6',GradientType=0 ); 

	background-size:100% 100%;background-position:0% 50%;
}
#pageTOP section{ display:table-cell; width:100%; height:100%; position:relative; text-align:center; vertical-align:middle; padding:0; margin:0; z-index:99; 
	background-image:url(images/bg2.png);  background-size:100% 50%; background-repeat:no-repeat; background-position:50% 100%;}
@media (max-width: 1500px) {#pageTOP section{ background-size:100% 50%;}}
@media (max-width: 1300px) {#pageTOP section{ background-size:100% 40%;}}
@media (max-width: 1100px) {#pageTOP section{ background-size:100% 30%;}}
@media (max-width: 1000px) {#pageTOP section{ background-size:120% 30%; background-position:30% 100%;}}

#pageTOP section span.s1{
	text-shadow:12px 12px 8px rgba(0,0,0,0.35); 
	position:relative; transition: 0.25s ease-in-out; -webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out; 
	font-family:'Oswald',Verdana, Geneva, sans-serif; font-size:36px; line-height:36px; font-weight:200; display:table; width:100%; height:98px; text-align:center; color:#fff;
	 }
#pageTOP section span.ss2{ 
	
	position:relative; transition: 0.25s ease-in-out; -webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out; 
	font-family:'Oswald',Verdana, Geneva, sans-serif; font-size:18px; line-height:18px; font-weight:200; display:table; width:100%; height:50px; text-align:center; color:#fff; }
#pageTOP section span.s1:after{
	opacity:0;
	transition: right 0.5s ease-in-out, opacity 1s ease-in-out; -webkit-transition: right 0.5s ease-in-out, opacity 1s ease-in-out;-moz-transition: right 0.5s ease-in-out, opacity 1s ease-in-out;
	display:block; width:550px; height:1px; background-color:#fff; content:'';
	position:absolute; right:-100%; bottom:-180px;}
#pageTOP section span.slul{}
#pageTOP section span.slul:after{right:50%; margin-right:-270px; opacity:0.8;}
#pageTOP section span em{
	opacity:0;
	transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; 
	white-space:nowrap;  position:absolute; bottom: -50%; left: 50%; transform: translate(-50%,52%); font-style:normal; display:inline-table; width:auto;
	padding-top:240px;
}
#pageTOP section span.s2{ 
	padding-top:180px;
	position:absolute; top:10px; left:50%; margin-left:-350px; opacity:0; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out; 
	letter-spacing:2px; 
	font-family: 'Oswald',Verdana, Geneva, sans-serif;
	font-size:24px; line-height:24px; font-weight:500; text-transform:uppercase; display:table; width:700px; text-align:center; color:#fff; margin-bottom:30px; margin-top:20px;}
#pageTOP img {mix-blend-mode:normal; transition: opacity 3s; -moz-transition: opacity 3s;-webkit-transition: opacity 3s; 
width:auto; height:auto; min-height: 120%; min-width: 100%; padding:0; margin:0; z-index:0; position:fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity:0;} 
#pageTOP img:nth-child(1){ z-index:50;}
#pageTOP img:nth-child(2){ z-index:49;}
#pageTOP img:nth-child(3){ z-index:48;}
#pageTOP img:nth-child(4){ z-index:47;}
#pageTOP img:nth-child(5){ z-index:46;}
#pageTOP img:nth-child(6){ z-index:45;}
#pageTOP img:nth-child(7){ z-index:44;}



#pageTOP img.jnflogo{ transition: 0.25s ease-in-out; -webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out;
	display:inline-table; width:auto; height:50%;
	    mix-blend-mode:normal !important;
		min-height:500px !important;
		min-width: 200px !important;
		position:absolute !important;
		bottom:50% !important;
		left: 50% !important;
		transform: translate(-50%,-58%);
		opacity:1 !important;
		z-index:97 !important;}

@media (max-width: 800px) {
	#pageTOP section span.ss2, #pageTOP section span.s1:after { display:none !important;}
	#pageTOP section span em { padding-top:170px;}
}
@media (max-width: 750px) {


	#pageTOP section span.s1:after{ width:430px;}
	#pageTOP section span.slul:after{ margin-right:-215px;}
	#pageTOP section span.s2 { letter-spacing:0px; font-size:16px; line-height:16px;}
	
}
@media (max-height: 750px) {
	#pageTOP section span.ss2, #pageTOP section span.s1:after { display:none !important;}
	#pageTOP section span em { padding-top:170px;}
}
@keyframes pulse {to {opacity: 1;}}
@keyframes colorchange
{
  0%   {background:#97B863;}
  25%  {background:#829E55;}
  50%  {background:#A2C46A;}
  75%  {background:#637841;}
  100% {background:#97B863;}
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
  0%   {background:#97B863;}
  25%  {background:#829E55;}
  50%  {background:#A2C46A;}
  75%  {background:#637841;}
  100% {background:#97B863;}
}
















#pageTITLE{display:block; width:100%; height:600px; min-height:300px; padding:0; margin:0; text-align:center; position:relative; overflow:hidden;}
#pageTITLE img{width:auto; height:auto; min-height: 100%; min-width: 100%; padding:0; margin:0; z-index:0; position:absolute; top: 25%; left: 50%; transform: translate(-50%,-50%); z-index:0;}
#pageTITLE div { position:absolute; bottom:0%; margin:0; padding:0; text-align:center; z-index:5; width:100%; height:auto; display:block; background-color:#0c4f9c;}
#pageTITLE div nav{ position:relative; margin:0; padding:0; margin-top:30px; margin-bottom:10px; text-align:left; width:60%; height:auto; display:inline-block; background-color:transparent;}
#pageTITLE div nav a{ display:inline-table; position:relative; padding:0; margin:0; letter-spacing:2px; margin-left:30px; font-size:16px; line-height:16px; color:#FFF; text-decoration:none; font-family:Verdana, Geneva, sans-serif;font-weight: 300; font-family: 'Open Sans',Verdana, Geneva, sans-serif;}
#pageTITLE div nav a:first-child{ margin-left:0;}
#pageTITLE div nav a:before{ position:absolute; left:-17px; top:-2px; font-size:18px; line-height:18px; font-family:'i'; color:inherit; content:'\f105';}
#pageTITLE div nav a:first-child:before{ display:none !important;}
#pageTITLE div nav a:hover { opacity:0.7;}
#pageTITLE div h2{text-align:left; width:60%; height:auto; display:inline-block; margin:0; padding:0; margin-bottom:30px; background-color:transparent; font-size:42px; line-height:42px; color:#FFF; text-decoration:none; font-family:Verdana, Geneva, sans-serif;font-weight: 400; font-family: 'Open Sans',Verdana, Geneva, sans-serif;}
#pageTITLE h3 {text-align:center; 
	width:50%; 
	height:auto; display:inline-block; margin:0; padding:0; 
	margin-top:-100px;  
	background-color:transparent; 
	font-size:42px; line-height:42px; color: #fff; 
	text-decoration:none; font-family:Verdana, Geneva, sans-serif;font-weight: 300; font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	position:absolute; top:50%; left:25%;
	z-index:2;
}
#pageTITLE:before { position:absolute; top:0; left:0; z-index:1; background-color:rgba(0,0,0,0.4); display:block; width:100%; height:100%; padding:0; margin:0; content:'';}







#homeVID{display:block; width:100%; height:0; padding:0; padding-bottom:42%;  overflow:hidden; position:relative; z-index:0;}
#homeVID:before{display:block; width:100%; height:100%; background-color:rgba(255,255,255,1); content:''; position:absolute; top:0; left:0; z-index:1;}
#homeVID section{display:table; width:100%; height:100%; padding:0; background:none; text-align:center; z-index:2; position:absolute; top:0; left:0; background: rgba(35,97,146,0.95);}
#homeVID section IMG{ opacity:0.4; display:block; position:absolute;mix-blend-mode: overlay;width:auto; height:auto; top:0%; left:50%; z-index:0; min-height:130%; min-width:130%;  transform: translate(-50%,-20%);}

#homeVID section div{ z-index:2; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle; width:100%; padding:0;  color:#aaa; position:relative; }
#homeVID section div b{ z-index:2; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:24px; line-height:24px; color:#fff; display:inline-block; padding:0; margin:0; margin-bottom:10px; width:100%;}
#homeVID section div h2{ z-index:2; letter-spacing:-2px; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:60px; line-height:60px; color:#fff; display:inline-block; padding:0; margin:0; width:100%;}
#homeVID section video{opacity:0.4; display:block; position:absolute;mix-blend-mode: overlay;width:auto; height:auto; top:50%; left:50%; z-index:0; min-height:130%; min-width:130%;  transform: translate(-50%,-50%);}
#homeVID section iframe{ width:60%; height:auto; border:none; box-shadow:10px 10px 30px rgba(0,0,0,0.5); border-radius:10px;}
@media (max-width: 700px) {
	
	#homeVID{padding-bottom:70%;  }
}



























#homeContact{display:block; width:100%; height:auto; padding:0; padding-bottom:90px;  overflow:hidden; position:relative; z-index:0;}
#homeContact:before{display:block; width:200%; height:200%; background-color:rgba(0,0,0,1); content:''; position:absolute; top:0; left:0; z-index:1;}
#homeContact section IMG{ opacity:0.4; display:block; position:absolute; width:auto; height:auto; min-height:100%; min-width:100%; top:50%; left:50%; z-index:0; min-height:100%; min-width:100%;  transform: translate(-50%,0%);}
#homeContact section{display:block; width:100%; height:auto; padding:0; background:none; text-align:center; z-index:2; position:relative;}
#homeContact section div{ z-index:2; overflow:hidden; text-align:center; display:inline-block; width:100%; padding:0; padding-top:60px; padding-bottom:60px; color:#aaa; position:relative; }
.paddingB60{ padding-bottom:60px !important;}
.paddingB0{ padding-bottom:0px !important;}
#homeContact section div b{ z-index:2; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:24px; line-height:24px; color:#fff; display:inline-block; padding:0; margin:0; margin-bottom:10px; width:100%;}
#homeContact section div h2{ z-index:2; letter-spacing:-2px; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:60px; line-height:60px; color:#fff; display:inline-block; padding:0; margin:0; margin-bottom:30px; width:100%;}
#homeContact section div p{display:inline-block; z-index:2; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:28px; color:#fff; width:100%; margin-bottom:30px;}
#homeContact section div a:link, #homeContact section div a:visited{ 
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5,#23d5ab);
    background-size: auto;
	background-size: 400% 400%;
	animation: gradientBG 15s ease infinite;
	border: none; }
#homeContact section div a:hover{box-shadow:5px 5px 10px rgba(0,0,0,0.3); color:#fff !important;  }
.paddingbottom0{ padding-bottom:0 !important;}
.paddingtop0{ padding-top:0 !important;}



		#contactPage{ padding-bottom:30px; position:relative; width:100%; height:auto; text-align:center; display:block; z-index:2; overflow:visible; background-color:#eeeeee;}
		#contactPage div.floatingBOX{
			display:inline-table; vertical-align:top !important; 
			position:relative; width:25%; height:0; padding:0; padding-bottom:25%; margin:0; margin-left:2%; margin-right:2%; margin-top:-70px; background-color:#fff; box-shadow:5px 5px 15px rgba(0,0,0,0.35);}
		#contactPage div.floatingBOX div{ color:#3f4c6b; width:75%; height:75%; padding:5%; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display:table;}
		#contactPage div.floatingBOX div span{ display:block; margin-bottom:15px; width:100%; text-align:center; font-family:'i'; font-size:72px; line-height:72px; color:inherit; position:relative;}
		#contactPage div.floatingBOX div p{ display:inline-block; width:95%; height:auto; padding:0; margin:0; padding-top:15px; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-weight:400; font-size:16px; line-height:24px;}
 		a.cPhone, a.cPhone:link, a.cPhone:visited{font-weight:200; color:#3f4c6b; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:36px; line-height:36px; display:inline-table; text-align:center; text-decoration:none;}


#cContact{display:block; width:100%; height:auto; padding:0;  overflow:hidden; position:relative; z-index:0;}
#cContact:before{display:block; width:200%; height:200%; background-color:rgba(0,0,0,1); content:''; position:absolute; top:0; left:0; z-index:1;}
#cContact section IMG{ -webkit-filter: blur(15px); /* Safari 6.0 - 9.0 */
  filter: blur(15px); opacity:0.25; display:block; position:absolute; width:auto; height:auto; min-height:100%; min-width:100%; top:50%; left:50%; z-index:0; min-height:100%; min-width:100%;  transform: translate(-50%,0%);}
#cContact section{display:block; width:100%; height:auto; padding:0; background:none; text-align:center; z-index:2; position:relative;}
#cContact section div{ z-index:2; overflow:hidden; text-align:center; display:inline-block; width:100%; padding:0; padding-top:60px; padding-bottom:60px; color:#aaa; position:relative; }
#cContact section div b{ z-index:2; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:24px; line-height:24px; color:#fff; display:inline-block; padding:0; margin:0; margin-bottom:10px; width:100%;}
#cContact section div h2{ z-index:2; letter-spacing:-2px; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:60px; line-height:60px; color:#fff; display:inline-block; padding:0; margin:0; margin-bottom:30px; width:100%;}
#cContact section div p{display:inline-block; z-index:2; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:28px; color:#fff; width:100%; margin-bottom:30px;}
#cContact section div a:link, #cContact section div a:visited{ 
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5,#23d5ab);
    background-size: auto;
	background-size: 400% 400%;
	animation: gradientBG 15s ease infinite;
	border: none; }
#cContact section div a:hover{box-shadow:5px 5px 10px rgba(0,0,0,0.3); color:#fff !important;  }

#cContact form { width:90%; max-width:400px; height:auto; position:relative; border:none; outline:none; display:inline-block; overflow:visible;}
#cContact form div{ display:block; width:100%; height:auto; padding:0; margin:0; padding-bottom:40px; position:relative; overflow:visible; }
#cContact form div input{ background:none; height:35px; width:96%; padding:0; padding-left:2%; padding-right:2%; text-align:left; border:none; border-bottom:solid; border-bottom-color:#999; border-bottom-width:1px; color:#fff; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:14px; line-height:14px;}
#cContact form div label{all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out; position:absolute; top:10px; right:auto; left:2%;  color:#999; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:14px; line-height:14px;}
#cContact form div textarea{ 
resize:none; background:none; min-height:202px; width:96%; padding:2%; text-align:left; border:solid; border-color:#999; border-width:1px; color:#fff; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:16px; line-height:24px;}

#cContact form div input:focus + label, #cContact form div input:valid + label  {left:100%; opacity:0.5; font-size:12px;  }
#cContact form div textarea:focus + label, #cContact form div textarea:valid + label  { top:-20px; opacity:0.5; font-size:12px;  }


@media (max-width: 1600px) {#contactPage div.floatingBOX { width:30%;padding-bottom:25%;}}
@media (max-width: 1450px) {#contactPage div.floatingBOX { width:35%;padding-bottom:30%;}}

@media (max-width: 1200px) {#contactPage div.floatingBOX { width:40%;padding-bottom:40%;}}
@media (max-width: 950px) {
		#contactPage div.floatingBOX:last-child{ margin-top:20px;}
		#contactPage div.floatingBOX { padding-bottom:0% !important; height:auto;}
		#contactPage div.floatingBOX div{width:80%; height:80%; padding:5%; margin:5%; position:relative; top:auto; left:auto; transform:none; display:table;}
}
@media (max-width: 800px) {#contactPage div.floatingBOX { width:80%;padding-bottom:60%;}}

@media (max-width: 600px) {#contactPage div.floatingBOX { width:96%;padding-bottom:60%;}}









.map-canvas { width: 100%;

height: 40%;

min-height: 400px;

max-height: 600px;

padding: 0;

margin: 0;

    margin-bottom: 0px;

display: block;

margin-bottom: 15px;}
















/************************************************************************************************************************************************
INNER PAGES
************************************************************************************************************************************************/
div.innerpages{display:block; padding:0px; margin:0px; width:100%; padding-top:15px; padding-bottom:90px; position:relative;background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );z-index:1;overflow:visible;}
div.innerpages:after { display:block; width:100%; height:12px; position:absolute; bottom:-12px; left:0px; background-color:transparent; background-image:url(images/shadow960.png); background-size:100% 100%; background-position:50% 0%; background-repeat:no-repeat; content:'';}
div.innerpages h2{ display:block; width:100%; height:auto; padding:0; margin:0; margin-top:60px; margin-bottom:15px; font-family:'open sans',Verdana, Geneva, sans-serif; letter-spacing:-1px; font-size:52px; line-height:52px; font-weight:400; color:#236192; text-align:center; }
div.innerpages h3{ display:block; width:100%; height:auto; padding:0; margin:0; margin-top:0px; margin-bottom:30px; font-family:'open sans',Verdana, Geneva, sans-serif; text-transform:uppercase; font-size:14px; line-height:14px; font-weight:400; 
	color:#236192; text-align:center;}
div.innerpages div {display:inline-block; width:50%; margin-right:20px; height:auto; min-height:460px; vertical-align:top; position:relative;} 
div.innerpages div:last-child { margin-right:0 !important;}
div.innerpages div section{ display:block; width:50%; height:0px; min-height:0 !important; min-width:0 !important; padding:0; padding-bottom:50%; margin:0; margin-bottom:30px; position:relative; overflow:hidden;
border-radius:50%;}
div.innerpages div section img{ width:auto; height:inherit; min-height: 100%; min-width: 100%; padding:0; margin:0; z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index:0;}
div.innerpages div h3{ 
	display:block; width:95%; text-align:center; height:auto; margin:0px; padding:20px; padding-left:0%; padding-right:0px; margin-bottom:5px; border:none; 
	color:#236192; font-family:'Oswald',Verdana, Geneva, sans-serif; font-size:24px; font-weight:300; letter-spacing:3px;}
div.innerpages h3.h3ani{
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradientBG 15s ease infinite;  }
div.innerpages div p{max-width:750px; text-align:left; display:inline-block; color:#444; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:16px; letter-spacing:0px; font-weight:400; line-height:28px; padding:0; margin:0; margin-bottom:15px; }
.pmarginB60{ margin-bottom:60px !important;}
.pmarginT60{ margin-top:60px !important;}
.pAC{ text-align:center !important;}
div.innerpages div ul{ max-width:750px; text-align:left; list-style-position:outside; display:inline-block; color:#444; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:16px; letter-spacing:0px; font-weight:400; line-height:28px; padding:0; margin:0; margin-bottom:15px; padding-left:25px; padding-right:5px; }
div.innerpages div ul li{ padding-bottom:15px;}


div.innerpages div div.button{ position:absolute; bottom:0px; left:50%; width:200px; margin-left:-100px; min-height:0px !important;  }
div.innerpages div a {background:#236192;
	background-size: 400% 400%;
	border:none; }
@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


@media (max-width: 1050px) {div.innerpages div { width:52%; margin-right:0 !important; margin-bottom:60px !important;}}
@media (max-width: 1050px) {div.innerpages div { width:52%; margin-right:0 !important; margin-bottom:60px !important;}}
@media (max-width: 900px) {div.innerpages div { width:60%;}}
@media (max-width: 700px) {div.innerpages div { width:70%;}}
@media (max-width: 600px) {div.innerpages div { width:80%;}}
/************************************************************************************************************************************************
END | INNER PAGES
************************************************************************************************************************************************/





/**********************************************************************************************************************
BASELINE
**********************************************************************************************************************/
#baseline { text-align:center; display:block; position:relative; width:100%; height:auto; margin:0px; padding:0px; margin-top:0px;background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));}
.baselineBOTTOM{ position:fixed !important; bottom:0; left:0;}
#baseline:after { display:block; width:100%; height:12px; position:absolute; top:0px; left:0px; background-color:transparent; background-image:url(images/shadow960.png); background-size:100% 100%; background-position:50% 0%; background-repeat:no-repeat; content:'';}
#baseline section{display:inline-table; position:relative; width:70%; height:auto; margin:0px; padding:0px; padding-top:30px; padding-bottom:30px;}
#baseline section div.a{ display:table-cell; vertical-align:top; width:180px; padding:0px; margin:0px; text-align:left; height:auto;}
#baseline section div.a a img{ width:90%; height:auto;}
#baseline section div.b{  display:table-cell; vertical-align:top; width:auto; padding:0px; padding-left:20px; margin:0px; text-align:left; height:auto; 
	font-size:10px; line-height:18px; font-family:'open sans',Verdana, Geneva, sans-serif; color:rgba(255,255,255,0.35); text-transform:uppercase;}
#baseline section div.b a:link,#baseline div.b a:visited { font-size:14px; text-decoration:none; display:inline-block; color:rgba(255,255,255,1); margin-right:60px;  margin-bottom:10px !important;}   
#baseline section div.b a:after{content: '\F105';
    display: inline-block;
    padding: 0;
	padding-bottom:2px;
    margin: 0;
    padding-left: 15px;
    font-family: 'i';
	color:rgba(65,182,230,1) !important;}
#baseline section div.b a:hover {color:rgba(65,182,230,1) !important;}
#baseline section div.b a.terms { font-size:10px !important; letter-spacing:2px; color:rgba(255,255,255,0.35);}
#baseline section div.b a.terms:after{ display:none;}
#baseline section div.b a.terms:hover {color:#fff !important;}
#baseline section div.b a.zxd:link,#baseline div.b a.zxd:visited { text-decoration:none; float:right; display:inline-block; color:rgba(255,255,255,0.35); margin-right:0px;  margin-bottom:0px !important;}   
#baseline section div.b a.zxd:hover {color:#000000;}
#baseline section div.b a:before{ font-size:28px;}
#baseline section div.b a.last{margin-right: 0px !important;}
#baseline section div.b a.fb, #baseline section div.b a.tw,#baseline section div.b a.yt,#baseline section div.b a.in{ margin-right:0px !important; margin-left:20px !important; float:right;}
#baseline section div.b a.fb:after, #baseline section div.b a.tw:after,#baseline section div.b a.yt:after,#baseline section div.b a.in:after{ display:none;}
@media (max-width: 1500px) {#baseline section{width:80%;}}
@media (max-width: 1200px) {#baseline section{width:90%;}}
@media (max-width: 980px) {
	#baseline section{width:95%;}
	#baseline section div.b a:link, #baseline div.b a:visited {margin-right: 20px;}
	#baseline section div.b a:before{ font-size:24px; }
}
@media (max-width: 900px) { #baseline section div.a{width:120px;}}
@media (max-width: 780px) { #baseline { display:none;}}
/**********************************************************************************************************************
END | BASELINE
**********************************************************************************************************************/






.PAGEHEADERin section { width:100% !important; left:0 !important; top:auto !important; bottom:0 !important;transform: translate(0%,0%) !important;box-shadow: 30px 40px 60px rgba(0,0,0,0.75);}
.PAGEHEADERin section div  { position:relative; overflow:hidden !important;background: rgba(0,0,0,0.6) !important; -ms-transform: skew(0deg,0deg)!important;

-webkit-transform: skew(0deg,0deg)!important;

transform: skew(0deg,0eg)!important;}
.PAGEHEADERin section div div{ z-index:10; overflow:visible !important; background:none !important;}
.PAGEHEADERin section div img.imgglogo{ opacity:0.75;  width: 100% !important; height:100%; min-height:0 !important; min-width:0 !important; border:none; position:absolute; z-index:0;}

.PAGEHEADERin::before {

    background-color: rgba(0,0,0,0.25) !important;

}

.PAGEHEADERin section div div b{
	letter-spacing: -2px; text-transform:capitalize !important; font-weight: 100 !important; font-family: 'Open Sans',Verdana, Geneva, sans-serif; font-size: 72px; line-height: 72px; color:#fff !important;}

.PAGEHEADERin section div div span{box-shadow: 10px 10px 40px rgba(0,0,0,0.75);}





.btn {
	transition: all 0.125s linear;
	-moz-transition: all 0.125s linear;
	-webkit-transition: all 0.125s linear;
	width: auto;
	height: auto;
	display: inline-block;
	opacity: 1;
	padding: 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: solid;
	border-width: 1px;
	border-color:#3f4c6b;
	background: none;
	background-color:#3f4c6b;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	color:#fff;
}
.btn:hover {background-color:rgba(255,255,255,1); border-color:#3f4c6b; color:#3f4c6b;}

.PAGEHEADERinDIR {

    height: 340px !important;
    min-height: 340px !important;
    padding-top: 90px !important;
    padding-bottom: 30px !important;
	max-height:none !important;

}
.PAGEHEADERin {

    height: 50% !important;
    min-height: 340px !important;
    padding-top: 90px !important;
    padding-bottom: 30px !important;

}
.PAGEHEADERin section div div span em, .PAGEHEADERinDIR section div div span em {

    font-size: 24px !important;
    line-height: 24px !important;

}
.homeServicesIN section div {

    padding-top: 30px !important;
    padding-bottom: 60px !important;

}
.homeServicesIN{ border-top:solid; border-top-width:5px; border-top-color:#3f4c6b;}
.homeServicesIN section div:before{ position:absolute; top:-10px; left:0; display:block; padding:0; margin:0; font-family:'i'; content:"\F0D7"; color:#3f4c6b; font-size:48px; line-height:24px;}
.homeServicesIN section div div:before{ display:none;}
.homeServicesIN section div h2 { color:#3f4c6b !important;}
.homeServicesIN section div b { color:#777 !important;}





.PAGEHEADERinDIR img{ position:absolute !important;}

PAGEHEADERin section div div span em, .PAGEHEADERinDIR section div div span em {

    font-size: 24px !important;
    line-height: 24px !important;

}

#PAGEHEADER{ overflow:hidden; display:block; width:100%; height:70%; min-height:460px; padding:0; padding-top:0%; padding-bottom:0%; margin:0; position:relative; z-index:0; overflow:hidden; text-align:center;}
#PAGEHEADER:before{ display:block; width:100%; height:100%; content:''; padding:0; margin:0; position:absolute; z-index:1; background-color:rgba(0,0,0,0.5); top:0; left:0;}
#PAGEHEADER section{ display:inline-table; width:50%; height:auto; padding:0;   margin:0;  position:relative; z-index:2;  position:absolute; 

	top: 50%;
	left: 50%;
	transform: translate(-50%,-40%);
}
#PAGEHEADER section div{ 
	display:table-cell; vertical-align:middle; width:100%; height:100%; position:relative;
	background: rgba(255,255,255,0.85);
	border-radius:180px;
	padding-top:45px; padding-bottom:45px;}
#PAGEHEADER img {
	
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	width: auto;
	height: auto;
	min-height: 100%;
	min-width: 100%;
	padding: 0;
	margin: 0;
	z-index: 0;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	mix-blend-mode: multiply;
	z-index:0;
}
#PAGEHEADER section div div {
	width: 70%;
	height: auto;
	left: 15%;
	padding: 0px;
	margin: 0;
	overflow: visible;
	position: relative;
	display: table;
	background: none;
}

#PAGEHEADER section div div b {
	display: table;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	font-size: 42px;
	line-height: 46px;
	color: #3F4C6B;
	text-transform: uppercase;
	text-align:center; width:100%;
}
#PAGEHEADER section div div span {
	display: inline-table;
	padding: 10px;
	padding-right: 20px;
	margin: 0;
	margin-bottom: 10px;
	background: #787065;
	-ms-transform: skew(-10deg,0eg);
	-webkit-transform: skew(-10deg,0deg);
	transform: skew(-10deg,0eg);
}
#PAGEHEADER section div div span em {
	white-space: nowrap;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	font-weight: 700;
	font-size: 42px;
	line-height: 46px;
	color: #fff;
	text-transform: uppercase;
	font-style: italic;
}
#PAGEHEADER section div div p {
	display: inline-table;
	width: 70%;
	padding: 0;
	margin: 0;
	letter-spacing:3px;
	margin-bottom: 10px;
	white-space: normal;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #3F4C6B;
	font-weight:400;
}












.btnSM {
	position:absolute;
	bottom:30px; left:35px;
	transition: opacity 0.125s linear;
	-moz-transition: opacity 0.125s linear;
	-webkit-transition: opacity 0.125s linear;
	width: auto;
	height: auto;
	display: inline-block;
	opacity: 1;
	padding: 10px;
	padding-top:5px; padding-bottom:5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: solid;
	border-width: 1px;
	border-color:#3f4c6b;
	background: none;
	background-color:#3f4c6b;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	font-size:inherit;
	line-height:inherit;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	color:#fff !important;
}
.btnSM:hover {background-color:transparent; border-color:#3f4c6b; color:#3f4c6b !important;}
.btnSM:before{ content:'\F054'; display:inline-block; padding:0; margin:0; padding-right:10px; color:inherit; font-family:'i';}

.btnMAP {
	transition: opacity 0.125s linear;
	-moz-transition: opacity 0.125s linear;
	-webkit-transition: opacity 0.125s linear;
	width: auto;
	height: auto;
	display: inline-block;
	opacity: 1;
	padding: 0px;
	padding-left:10px; margin-left:10px; border-left:solid; border-left-color:#999; border-left-width:1px;
	
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	font-weight:400;
	font-size:inherit;
	line-height:inherit;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	color:#3f4c6b !important;
}
.btnMAP:hover { color:#48b85f !important;}
.btnMAP:before{ content:'\F041'; display:inline-block; padding:0; margin:0; padding-right:5px; color:inherit; font-family:'i';}

.btnWWW {
	transition: opacity 0.125s linear;
	-moz-transition: opacity 0.125s linear;
	-webkit-transition: opacity 0.125s linear;
	width: auto;
	height: auto;
	display: inline-block;
	opacity: 1;
	padding: 0px;
	padding-left:10px;
	
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	font-size:24px;
	line-height:24px;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	color:#3f4c6b !important;
	margin-bottom:30px;
	
}
.btnWWW:hover { color:#004d3f !important;}
.btnWWW:before{ content:'\F0AC'; display:inline-block; padding:0; margin:0; padding-right:5px; color:inherit; font-family:'i';}

.wspaceNORM{ white-space:normal !important; width:90% !important;}
.btnPHONE {
	transition: opacity 0.125s linear;
	-moz-transition: opacity 0.125s linear;
	-webkit-transition: opacity 0.125s linear;
	width: auto;
	height: auto;
	display: inline-block;
	opacity: 1;
	padding: 0px;
	padding-right:10px;
	float:right;	
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	font-size:24px;
	line-height:24px;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	color:#3f4c6b !important;
	margin-bottom:30px;
	
}
.btnPHONE:hover { color:#004d3f !important;}
.btnPHONE:before{ content:'\F095'; display:inline-block; padding:0; margin:0; padding-right:5px; color:inherit; font-family:'i';}


.smediaBOX{ width:100%; display:block; text-align:right; margin-top:0px;}
a.smedia:link, a.smedia:visited{ font-size:24px; line-height:24px; color:#0065a4;}
.fb:before{ content:'\F082'; display:inline-block; padding:0; margin:0; padding-right:5px; color:inherit; font-family:'i';}
.tw:before{ content:'\F081'; display:inline-block; padding:0; margin:0; padding-right:5px; color:inherit; font-family:'i';}
.li:before{ content:'\F08C'; display:inline-block; padding:0; margin:0; padding-right:5px; color:inherit; font-family:'i';}
.g:before{ content:'\F0D4'; display:inline-block; padding:0; margin:0; padding-right:5px; color:inherit; font-family:'i';}
.in:before,.insta:before{ content:'\F083'; display:inline-block; padding:0; margin:0; padding-right:5px; color:inherit; font-family:'i';}
.yt:before{ content:'\F16A'; display:inline-block; padding:0; margin:0; padding-right:5px; color:inherit; font-family:'i';}

.email{ display:table; padding:0; margin:0; margin-bottom:10px; width:auto;}
.email:before{content:'\F0E0'; display:inline-block; padding:0; margin:0; padding-right:5px; color:inherit; font-family:'i';}

.addr:before{content:'\F041'; display:inline-block; padding:0; margin:0; padding-right:5px; color:inherit; font-family:'i';}

.fa{ display:table; padding:0; margin:0; margin-bottom:10px; width:auto;}
.dirgallery{ display:block; width:100%; height:auto; padding:0; margin:0; margin-bottom:15px; position:relative;} 
.dirgallery a, .dirgallery a:link, .dirgallery a:visited{ display:inline-block; width:80px; height:80px; overflow:hidden; padding:0; margin:0; margin-right:5px; vertical-align:top; position:relative;}
.dirgallery a img{width:auto; height:auto; min-height: 100%; min-width: 100%; padding:0; margin:0; z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index:0;}










@media (max-width: 1680px) {#homeSS div p { width:50%;}}
@media (max-width: 1600px) { #homeServices section div, .homeNEWS section { width:75%;} #page, #pageIN{ width:75% !important;} }
@media (max-width: 1380px) {#homeSS div p { width:55%;} #homeServices section div p{ width:50%;}

	#cookies section, #PAGEHEADER section, .SLANTED-LR section{ width:75%;}

}

@media (max-width: 1380px) {  #homeServices section div, .homeNEWS section { width:85%;} #page, #pageIN{ width:85% !important;}}

@media (max-width: 1280px) {#cookies section, #PAGEHEADER section, .SLANTED-LR section{ width:85%;}}


@media (max-width: 1200px) {
	#homeServices section div { width:80%;} #page, #pageIN{ width:80% !important;} #homeSS div p { width:65%;}
	
	.mmDROParrow:after { display:none;}
	.TH li a div:first-child { width:100% !important; padding-bottom:25% !important;}
	.TH li a div { margin-left:0 !important; width:100% !important; text-align:center !important;-ms-transform:none !important);-webkit-transform:none !important;transform:none !important;}
	.TH li a div:first-child { margin-left:0 !important;}
	.TH li a div img.p{ height:auto !important; top: 50% !important;left: 50% !important;transform: translate(-50%,-50%);}
	#page section h3 { padding-top:10px !important; padding-left:0 !important; padding-right:0; text-align:center; font-size:28px !important;}
	}
@media (max-width: 1180px) {
	#homeServices section.al div p, #homeServices section.al div h3{ margin-left:0;}
	.pageWRAP{ padding-top:0px !important; }
	#homeServices section div{ padding-bottom:30px;}  #homeServices section div, .homeNEWS section { width:90%;} #page, #pageIN{ width:90% !important;}}
@media (max-width: 1080px) {
	
	#homeServices section div { width:90%;}
	.homeNEWS { padding-top:30px; padding-bottom:30px;}
	.homeNEWS section div, .homeNEWS section div.f, .homeNEWS section div.s {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 0%;
	}
	.homeNEWS section div.s div.imghomeNEWS, .homeNEWS section div.f div.imghomeNEWS { padding-bottom:70%;}
	#homeServices section div img { display:none;}
	#homeServices section div img.IMGpageTITLE{ display:inline !important;}
	#homeServices section div h3, #homeServices section div p { width:100%;}
	.homeNEWS section {width: 95%;}
	
}




@media (max-width: 1100px) {
	
	
	
	#homeServices section div.grid section { display:block;  margin-left: 0px; width:100%; margin-bottom:2px; padding-bottom:60px;} 	
	#bb { display:none !important;}
	.toppsyLEFT, .toppsyRIGHT{-webkit-clip-path: none;clip-path:none;}
}
@media (max-width: 800px) {
	.pageTOPIN section span.s1 em{ font-size:48px !important; line-height:52px !important; white-space:normal !important; padding-bottom:20px; width:90% !important;}
	#pageTOP section span.s2{font-size:16px; line-height:16px; font-weight:400;}
	#pageTOP section span.s1::after{ width:280px; margin-right:-140px;}
	#PAGEHEADER section div { transform:none;}
	
	.PAGEHEADERin section div div b{ font-size:36px; line-height:36px;}
	
	.PAGEHEADERin {

		height: 200px !important;
		min-height: 200px !important;
		padding-top: 60px !important;
		padding-bottom: 10px !important;
		max-height: none !important;
	
	}
	#homeServices section div h2 { font-size:48px; line-height:48px;}
	#PAGEHEADER section div div {
		-ms-transform:none;
		-webkit-transform:none;
		transform:none;
		background: none;
	
	}
	
	
	.PAGEHEADERinDIR {
		height: 200px !important;
		min-height: 200px !important;
		padding-top: 60px !important;
		padding-bottom: 10px !important;
		max-height: none !important;
	}
	
	.btn { font-size:14px;}
	
	#globalsearch{ width:100%; position:relative; margin:0;}
	#globalsearch input { width:auto;}
}
@media (max-width: 750px) {
	.wspaceNORM{ font-size:36px; line-height:36px;}
	#pageTOP section span.s2{font-size:14px; line-height:14px; font-weight:400;}
	#pageTOP section span.s1::after{ width:180px; margin-right:-90px;}
}
@media (max-width: 600px) {
	#homeServices section div section.TB section b.TBcont{ display:none;}
	#homeServices section div h3{ font-size:48px; line-height:58px;} 
}





.pageTOPIN{ height:280px !important;}
.pageTOPINcontact{ height:380px !important;}
.pageTOPIN section{ background-size:100% 80% !important; padding-top:70px !important; }
.pageTOPIN section span.s1{ font-size:72px !important; line-height:72px !important; height:72px !important; }
.pageTOPDIR section {background-image:url(images/bgDIR.png) !important;}
.pageTOPDIR IMG { width:100% !important; height:auto !important; min-height:280px !important; top:0 !important;  margin-top:0% !important; transform: translate(-50%,-50%) !important;}
@media (max-width: 1000px) {
.pageTOPDIR IMG { width:auto !important; height:inherit !important; top:0 !important;  margin-top:0% !important; transform: translate(-50%,0%) !important; } }
.pageTOPT{top:-5%; opacity:0;}




#content{display:block; width:100%; height:auto; padding:0;  overflow:visible; position:relative; z-index:0; background-color:#eee;}
#content section{display:block; width:100%; height:auto; padding:0; background:none; text-align:center; z-index:2; position:relative;}
#content section div{ z-index:2; overflow:hidden; text-align:center; display:inline-block; width:63%; padding:0; padding-top:60px; padding-bottom:60px; color:#aaa; position:relative; }
#content section div b{ z-index:2; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:24px; line-height:24px; color:#3f4c6b; display:inline-block; padding:0; margin:0; margin-bottom:10px; width:100%;}
#content section div h2{ z-index:2; letter-spacing:-2px; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:60px; line-height:60px; color:#3f4c6b; display:inline-block; padding:0; margin:0; width:100%;}
#content section div h4{ z-index:2; letter-spacing:0px; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:28px; line-height:28px; color:#3f4c6b; display:inline-block; padding:0; margin:0; width:100%;}
#content section div p{display:inline-block; z-index:2; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:28px; color:#14153f; 
	width:100%; max-width:700px; margin-bottom:30px;}
#content section div ul{ padding:0;list-style:none; display:inline-block; z-index:2; font-weight:300; font-family:'Open Sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:28px; color:#14153f; width:auto; margin:0; margin-bottom:30px;}
#content section div ul li{ position:relative; list-style:disc; text-align:left; white-space:nowrap; margin:0; margin-bottom:15px;}
#content section div ul li:first-child{color: #3f4c6b; font-size:24px; list-style:none; padding-left:0; margin-left:-20px; font-weight:400; text-transform:uppercase;}
#content section div ul li:first-child:after{ position:absolute; bottom:-5px; left:0; background-color:#3f4c6b; width:100%; height:1px; content:''; overflow:hidden;}
#content section div ul li:last-child{ margin-bottom:0;}

.ul400{ max-width:500px;}
.ul400 li{ white-space:normal !important;}
 


/**********************************************************************************************************************
Pagination
**********************************************************************************************************************/
.pager { 
	position:relative; 
	box-sizing:border-box; 
	text-align:center !important; 
	background-color:transparent !important; 
	display:inline-block;
	width:80% !important;
	min-width:0px !important; 
	margin-top:60px; 
	margin-left:10%;
	margin-right:10%;
	padding:0px;
	padding-top:30px !important;
	padding-bottom:60px !important;
	margin-bottom:0px !important;
	text-decoration:none;
	line-height:normal;background-image:url(images/shadow960.png);background-repeat:no-repeat;background-position:50% 0%;background-size:100% 12px;overflow:visible;position:relative;}
.pager a:link, .pager a:visited{display:inline-block;width:38px;height:auto;background-color:#cccccc;font-family: 'or', Calibri, Arial, sans-serif;font-size:18px;line-height:18px;padding:0px;padding-bottom:10px;padding-top:10px;margin:0px;margin-left:5px;margin-right:5px;color:#999;text-shadow:-1px -1px 1px rgba(255,255,255,0.25);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius: 3px;-moz-border-radius: 3px;-webkit-border--radius: 3px;border:none;	cursor:pointer;-webkit-transition:all 0.125s ease;-moz-transition:all 0.125s ease;	text-align:center;	text-decoration:none;}
.pager a.next:link, .pager a.next:visited{ position:absolute; right:-48px; top:0px; margin-top:30px;}
.pager a.prev:link, .pager a.prev:visited{ position:absolute; left:-48px; top:0px; margin-top:30px;}
.pager a:hover {background-color:rgba(65,182,230,1);color:#ffffff;text-shadow:-1px -1px 1px rgba(0,0,0,0.25);}
.pager a.page-num-curr {display:inline-block;width:38px;height:auto;background-color:rgba(65,182,230,1);font-family: 'or', Calibri, Arial, sans-serif;font-size:18px;line-height:18px;padding:0px;padding-bottom:10px;padding-top:10px;margin:0px;margin-left:5px;margin-right:5px;	color:#ffffff;text-shadow:-1px -1px 1px rgba(0,0,0,0.25);-webkit-box-shadow: 10px -7px 15px rgba(0,0,0,0.05), 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: 10px -7px 15px rgba(0,0,0,0.05), 0px 1px 2px rgba(0,0,0,0.1);box-shadow:  10px -7px 15px rgba(0,0,0,0.05), 0px 1px 2px rgba(0,0,0,0.1);border-radius: 3px;-moz-border-radius: 3px;-webkit-border--radius: 3px;border:none;	cursor:pointer;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;	text-align:center;	text-decoration:none}
.pager a.page-num-curr:hover {color:#ffffff;text-shadow:-1px -1px 1px rgba(0,0,0,0.25);background-color:#aaa;text-decoration:none;}
/**********************************************************************************************************************
END | Pagination
**********************************************************************************************************************/

.{top:-5%; opacity:0;}

div.floatLINKS{ position:absolute; top:0; left:0; display:table; width:auto; height:100%; z-index:99; margin:0; margin-left:30px;}
	div.floatLINKS:last-child{ left:auto; right:0; margin-left:0px; margin-right:30px;}
	.fl{
		cursor: pointer;
		position: relative;
		text-transform: uppercase;
		display: table-cell;
		vertical-align:middle;
		margin: 0px;
		padding: 0px;
		text-decoration: none;
		color: inherit;
		font-family: 'Oswald',Verdana, Geneva, sans-serif;
		font-size: 18px;
		line-height: 18px;
		font-weight: 500;}
	.fl:hover {	color: #fff;}
	
	
	#map{transition: bottom 1s; -moz-transition: bottom 1s;-webkit-transition: bottom 1s; display:block; position:fixed !important; bottom:110%; left:0; padding:0; margin:0; z-index:998; width:100%; height:100%;}
	#mapCLOSE{ cursor:pointer; outline:none; border:none; z-index:999; transition: top 1s; -moz-transition: top 1s;-webkit-transition: top 1s;  font-family:'i'; font-size:36px; line-height:36px; position:fixed; top:-200px; right:10px; color:#c00; background-color:#fff; border-radius:50%; width:80px; height:80px; padding:0; margin:0;}
	#mapCLOSE:hover{color:#fff; background-color:#C00;}
	#mapOPEN{
		transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
		-moz-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
		-webkit-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
		width: auto;
		display: inline-table;
		height: auto;
		text-decoration: none;
		padding: 0px;
		padding-top: 18px;
		padding-bottom: 18px;
		padding-left: 30px;
		padding-right: 30px;
		margin-top: 30px;
		background: rgba(0,0,0,0.15);
		color: #fff;
		border: solid;
		border-width: 1px;
		border-color: #fff;
		font-weight: 400;
		font-family: 'Open Sans',Verdana, Geneva, sans-serif;
		font-size: 18px;
		line-height: 18px;
		text-align: center;
		box-shadow: rgba(0,0,0,0.35) 5px 5px 15px;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		text-transform:uppercase;
		opacity:1;
		outline:none;
		cursor:pointer;
	}
	#mapOPEN:hover {
		background: rgba(65,182,230,1);
		border-color: rgba(65,182,230,1);
	}
	.mapBUBBLE{font-family: 'open sans',Verdana, Geneva, sans-serif; font-weight:400; padding:10px; text-align:center; font-size:14px; line-height:14px;}
	.mapBUBBLE span{ display:block; border-top:solid; border-top-color:#09C; border-top-width:1px; padding:0; padding-top:10px; margin:0; width:100%; text-align:center; margin-bottom:15px;}
	.mapBUBBLE img{width:200px; height:auto; margin-bottom:10px;}
	.mapBUBBLE a.mapBUBBLEbut, .mapBUBBLE a.mapBUBBLEbut:link,.mapBUBBLE a.mapBUBBLEbut:visited{
		text-decoration:none !important;
		display:inline-block;
		width:auto;
		padding:10px;
		padding-left:15px;
		padding-right:15px;
		background-color:#09C;
		border:solid;
		border-width:2px;
		border-color:#09C;
		border-radius:3px;
		color:#fff;}
	.mapBUBBLE a.mapBUBBLEbut:hover, .mapBUBBLE a.mapBUBBLEbut:hover{background-color:#fff; color:#09C; }
	#mapINPAGE{
		transition: bottom 1s; -moz-transition: bottom 1s;-webkit-transition: bottom 1s; 
		display:block;
		box-sizing:border-box;
		
		position:fixed !important; 
		bottom:0px; left:0; padding:0; padding-top:80px;  margin:0; z-index:1; width:100%; height:100vh; overflow:hidden !important;}
	#mapINPAGE:before{
		display:block;
		width:100%;
		height:80px;
		padding:0;
		margin:0;
		content:'';
		position:absolute;
		top:0;
		left:0;
		background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
		z-index:5;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.zxo_filters{
		box-sizing: border-box;
		font-family: 'open sans',Verdana, Geneva, sans-serif; font-weight:400;
		transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out; box-shadow:2px 2px 10px rgba(0,0,0,0.35); 
		z-index:9; text-align:center; display:block; position:fixed; top:140px; left:-800px; padding:0; margin:0; 
		width:auto; height:auto; max-width:21%; min-width:320px; min-height:450px; max-height:620px; background-color:#fff; color:#444; font-size:0px; line-height:0px;}
	.zxo_filters h5{
		display:table;
		position:relative;
		font-weight:normal;
		text-align:left;
		width:100%; height:60px; padding:0; margin:0;
		background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
		color: #efefef;
		font-size:18px; line-height:18px;}
	.zxo_filters h5 span{ width:90%; display:table-cell; padding:0; padding-left:5%; vertical-align:middle;}
	.zxo_filters section{min-height:370px; max-height:560px; overflow-y:scroll; position:relative; display:inline-block; width:90%; height:inherit; max-height:90%; padding:0; margin:0; margin-top:5%; background:none;}
	.zxo_filters section form{position:relative; display:inline-block; width:100%; height:auto; max-height:100%; padding:0; margin:0; margin-top:5%; background:none;}
	.zxo_filters section form div{box-sizing: border-box; text-align:left; display:inline-block; width:100%; height:auto; padding:0; margin:0; margin-bottom:15px; position:relative;}
	.zxo_filters section form div.adCHKbox{ width:140px; height:26px; margin-right: 5px; margin-top: 10px; margin-bottom: 10px;}
	.zxo_filters section form div input,.zxo_filters form div select{ position:relative; z-index:2; background-color:#fff; margin:0; box-shadow:none; display:block; width:86%; height:auto; font-size:11px; line-height:11px; padding:2%; padding-top:10px; padding-bottom:10px; border:solid; border-color:#ddd; border-width:2px;}
	.zxo_filters section form div label.zflabel{ z-index:1; position:relative; display:block; width:96%; margin:0; height:auto; font-size:10px; line-height:10px; padding:2%; padding-top:10px; padding-bottom:10px;}
	.zxo_filters section form div label.zflabel span{ font-size:10px;}
	.zxo_filters section form div label.zflabel:before{ font-family:'i'; content:'\F0D7'; font-size:24px; line-height:24px; position:absolute; top:-12px; left:2%; color:inherit; color:#ddd;}
	.zxo_filters section form hr {margin-top:30px;}
	.zxo_filters section form div button{
	    position: relative;
		display: inline-table;
		width: auto;
		height: auto;
		text-decoration: none !important;
		padding: 10px;
		margin: 0px;
		margin-left: 5px;
		margin-right: 5px;
		margin-top:30px;
		background-color: rgba(65,182,230,1);
		color: #fff;
		font-family: Verdana, Geneva, sans-serif;
		font-weight: 500 !important;
		font-size: 12px;
		line-height: 12px;
		vertical-align: middle;
		border: solid;
		border-width: 2px;
		border-color: rgba(65,182,230,1);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		cursor: pointer;
		-webkit-transition: all 0.125s;
		-moz-transition: all 0.125s;
		transition: all 0.125s;}
	.zxo_filters section form div button:hover{ color:#4CA1AF; background-color: #fff; }
	.zxo_filtersTOGGLE{transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; min-height:0 !important; border-top-right-radius:3px; border-bottom-right-radius:3px; cursor:pointer; overflow:hidden  !important; position:absolute !important; top:0; width:60px !important; height:60px !important; background-color:rgba(65,182,230,1) !important; color:#fff; padding:0; margin:0; margin-top:0 !important; margin-left:-1px !important; display:table;}
	.zxo_filtersTOGGLE a{ font-weight:normal !important; width:60px !important; height:60px !important; display:table-cell; vertical-align:middle !important; text-align:center !important; position:relative; font-family:'i' !important; font-size:24px; line-height:24px; padding:0px; margin:0; color:#fff !important;}
	.zxo_filtersTOGGLE a:hover{ color:#222; }
	
	.zxo_formGridViewFILTERTAGS{
		text-align:center;
		font-family: 'open sans',Verdana, Geneva, sans-serif; font-weight:400;
		position: relative;
		min-width: 500px;
		color: #363a3d;
		display:inline-table !important;
		width: 100%;
		box-sizing:border-box;
		padding:20px;
		padding-left:5%;
		padding-right:5%;
		margin-top:0px;
		height: auto;
		margin: 0;
		font-size: 0px;
		line-height: 0px;
		font-family: inherit;
		background: linear-gradient(-45deg,  rgba(35,97,146,0.3), rgba(1,66,106,1), rgba(7,29,73,1));
		}
	.zxo_formGridViewFILTERTAGS div{
		font-family: 'open sans',Verdana, Geneva, sans-serif; font-weight:400;
		background-color:transparent !important; line-height:36px; width:auto; display:table-cell; vertical-align:middle; text-align:left;
		margin:0 !important;
		padding:0 !important; 
		padding-top: 10px !important;
		padding-bottom: 10px !important;}
	.zxo_formGridViewFILTERTAGS div span{font-family: 'open sans',Verdana, Geneva, sans-serif; font-weight:400; font-size:14px !important; line-height:14px !important; vertical-align:middle; border-radius:5px; background-color:#fff; color:#222; font-size:9px; line-height:9px; display:inline-block; margin:0; margin-right:15px; margin-left:0px; margin-top:2px; margin-bottom:2px; padding:10px; padding-top:10px; padding-bottom:10px;}
	.zxo_formGridViewFILTERTAGS div span a{font-family: 'open sans',Verdana, Geneva, sans-serif; font-weight:400;  font-size:14px; line-height:14px; vertical-align:middle; display:inline-block; margin-left:5px; font-family:'i' !important; font-size:18px; line-height:inherit; color: #4CA1AF; text-decoration:none;}
	.zxo_formGridViewFILTERTAGS div span a:hover{ color:#C00;} 
	
	@media (max-width: 1550px){	 div.projects div {width:85%;} div.projects div div{ width:33%;} }
	@media (max-width: 1150px){ div.projects div {width:98%;}div.projects div div{ width:33%;} div.projects div div div h3{ font-size:16px; line-height:20px;}}
	@media (max-width: 900px){ div.projects div {width:95%;}div.projects div div{ width:50%;}}
	@media (max-width: 760px){ div.projects div div{ width:100%;} div.projects div div div h3{ font-size:18px; line-height:24px;}}
	@media (max-width: 550px){ div.projects div {width:90%; }}
	
	.badge{ min-width:0 !important; min-height:0 !important; position:absolute !important; top:10px !important; left:auto !important; transform:none !important; right:0px; width:auto !important; height:40% !important; z-index:99 !important;}
			
	div.projects div div section section img.badgesTH{ min-width:0 !important;
	position:absolute !important; 
	bottom:10px !important; 
	left:auto !important; 
	transform:none !important; 
	right:0px; 
	width:auto !important; 
	height:50% !important;
	min-height:100px !important; 
	z-index:99 !important;} 
	
	#zxo_filtersTOGGLEbbb {
		transition: all 0.125s linear;
		-moz-transition: all 0.125s linear;
		-webkit-transition: all 0.125s linear;
		width: auto;
		height: auto;
		/*display: inline-block;*/
		display:none;
		opacity: 1;
		padding: 20px;
		padding-left:25px; padding-right:30px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border:none;
		outline:none;
		background: none;
		background-color: rgba(65,182,230,1);
		font-family: 'Open Sans',Verdana, Geneva, sans-serif;
		font-size: 18px;
		line-height: 18px;
		font-weight: 500;
		letter-spacing:1px;
		text-decoration: none;
		text-transform: uppercase;
		cursor: pointer;
		color: #fff;
		box-shadow:2px 2px 5px rgba(0,0,0,0.5)
	}
	#zxo_filtersTOGGLEbbb:hover {background-color:#6C0;}
	#zxo_filtersTOGGLEbbb:before {
		font-weight: normal !important;
		position: relative;
		font-family: 'i' !important;
		font-size: 20px;
		line-height: 20px;
		padding: 0px;
		margin: 0;
		color: #fff !important;
		content:'\F002';
		padding-right:15px;}
		
		
		
		
		
		
	div.basicPAGE div section.contactUS, div.projectsIN div section.contactUS
	{
		box-sizing:border-box;
		width:100%;
		height:auto;
		padding:60px;
		margin:0;
		margin-top:60px;
		background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1)); 
		font-family: 'Montserrat',Verdana, Geneva, sans-serif;
		font-size: 24px;
		line-height: 24px;
		font-weight: 200;
		color:#fff;
		position:relative;
		
	}
	div.basicPAGE div section.contactUS b, div.projectsIN div section.contactUS b
	{
		position: relative;
		display: inline-block !important;
		margin: 0;
		color: #fff;
		letter-spacing: -1px;
		font-family: 'Montserrat',Verdana, Geneva, sans-serif;
		font-size: 48px;
		line-height: 48px;
		font-weight: 200;
		width: auto;
		padding:0;
		text-transform: uppercase;
		text-shadow: 15px 15px 10px rgb(0 0 0 / 20%);
		z-index: 9;
	}
	div.basicPAGE div section.contactUS button, div.projectsIN div section.contactUS button
	{
		position:absolute;
		top:50%;
		right:60px;
		transform:translate(0%,-50%);
		transition: all 0.125s linear;
		-moz-transition: all 0.125s linear;
		-webkit-transition: all 0.125s linear;
		width: auto;
		height: auto;
		display: inline-block;
		opacity: 1;
		padding: 30px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		font-family: 'Open Sans',Verdana, Geneva, sans-serif;
		font-size: 18px;
		line-height: 18px;
		font-weight: 500;
		text-decoration: none;
		text-transform: uppercase;
		cursor: pointer;
		color: #fff;
		background:rgba(7,29,73,1);
		border: none !important;
		box-shadow: 4px 4px 5px rgb(0 0 0 / 15%);
		outline:none !important;
		
	}
	div.basicPAGE div section.contactUS button:hover, div.projectsIN div section.contactUS button:hover
	{
		background: rgba(65,182,230,1);
		color:#fff;
	}
	@media (max-width: 800px){
		div.basicPAGE div section.contactUS b, div.projectsIN div section.contactUS b{font-size: 50px; line-height: 50px;}
		div.basicPAGE div section.contactUS, div.projectsIN div section.contactUS{ font-size: 18px; line-height: 18px;}
	}
	@media (max-width: 700px){
		div.basicPAGE div section.contactUS b, div.projectsIN div section.contactUS b{font-size: 60px; line-height: 60px;}
		div.basicPAGE div section.contactUS, div.projectsIN div section.contactUS{ font-size: 24px; line-height: 24px;}
		div.basicPAGE div section.contactUS button, div.projectsIN div section.contactUS button{ position:relative; top:auto; right:auto; transform:none; display:block; margin-top:15px; padding:20px;}
	}
	@media (max-width: 600px){
		div.basicPAGE div section.contactUS, div.projectsIN div section.contactUS { padding:30px; }
		div.basicPAGE div section.contactUS b, div.projectsIN div section.contactUS b{font-size: 42px; line-height: 42px;}
		div.basicPAGE div section.contactUS, div.projectsIN div section.contactUS{ font-size: 18px; line-height: 18px;}
	}
	










/******************************************************************************************************************************
NEWS
******************************************************************************************************************************/
.newsTH
{
	display:block;
	position:relative;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	box-sizing:border-box;
	border:none;
	z-index:0;
	background-color:rgba(60,60,60,1);
	text-align:center;
	padding-top:10vh;
	padding-bottom:10vh;
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));	
}
.newsTHpt5VH{ padding-top:5vh !important;}
.newsTH section
{
	display:inline-block;
	position:relative;
	width:90%;
	max-width:1100px;
	height:auto;
	padding:0;
	margin:0;
	box-sizing:border-box;
	border:none;
	z-index:0;
	background:none;
	
	text-align:left;
}
.newsTH h5
{
	display:inline-block;
	position:relative;
	width:90%;
	max-width:1100px;
	height:auto;
	padding:0;
	padding-left:1%;
	padding-right:1%;
	margin:0;
	margin-bottom:10px;
	box-sizing:border-box;
	border:none;
	z-index:0;
	background-color:transparent;
	text-align:left;
	font-family:'open sans',Verdana, Geneva, sans-serif;
	font-weight:600;
	font-size:18px; 
	line-height:18px;
	color: rgba(255,255,255,0.75);
	font-style:italic;
}
.newsTH section a, .newsTH section a:link, .newsTH section a:visited
{
	display:inline-table;
	position:relative;
	width:32.3%;
	height:0;
	padding:0;
	padding-bottom:30%;
	margin:0;
	margin:0.5%;
	box-sizing:border-box;
	border:none;
	z-index:0;
	background-color:transparent;
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
	text-align:center;
	overflow:hidden;
	text-decoration:none;
	font-family: 'open sans',Verdana, Geneva, sans-serif;
	font-weight: 600;
}

.newsTH section a img
{
	transition: all 0.125s ease-in-out; -moz-transition: all 0.125s ease-in-out;-webkit-transition: all 0.125s ease-in-out;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:0;
	padding:0;
	margin:0;
	width:110%;
	height:110%;
	object-fit:cover;
	min-width:110%;
	min-height:110%;
	opacity:0.5;
	z-index:0;
	filter: blur(7px);
}
.newsTH section a:hover img 
{
	opacity:0.75;
	width:100%;
	height:100%;
	min-width:100%;
	min-height:100%;
	filter: blur(0px);
}

.newsTH section a span
{		
	z-index:1;
	display:block;
	position:absolute;
	padding:0;
	margin:0;
	bottom:0;
	left:0;
	box-sizing:border-box;
	text-align:left;
	width:100%;
	height:100%;		
}
.newsTH section a span span
{		
	display:block;
	position:relative;
	padding:0;
	margin:0;
	box-sizing:border-box;
	width:100%;
	height:100%;		
}
.newsTH section a span span b time
{		
	font-size: 12px;
	line-height: 12px;
	display:block;
	position:relative;
	color:#fff;
	padding:0px;
	padding-top:10px;
	letter-spacing:3px;		
}
.newsTH section a span span b
{		
	font-size: 1vw;
	line-height: 1.25vw;
	display:block;
	position:absolute;
	top:50%;
	left:0%;
	transform:translate(0%,-50%);
	color:#fff;
	padding:20px;
	padding-bottom:10px;
	padding-top:0px;
	letter-spacing:0px;
	text-align:left;
	text-transform:uppercase;		
}
.newsTH section a em
{		
	font-size: 0.5vw;
	line-height: 0.5vw;
	display:block;
	position:absolute;
	top:40px;
	left:0px;
	color:#fff;
	padding:20px;
	padding-bottom:10px;
	padding-top:0px;
	letter-spacing:0px;
	text-align:left;
	text-transform:uppercase;		
}
@media (max-width: 1400px) 
{	
	.newsTH section a span span b
	{
		font-size: 1.25vw;
		line-height: 1.5vw;
	}
	.newsTH section a em
	{
		font-size: 0.75vw;
		line-height: 0.75vw;
	}
	.newsTH section a em
	{
		top:20px;
	}
}
@media (max-width: 960px) 
{	
	.newsTH section a span span b
	{
		font-size: 3vw;
		line-height: 3.25vw;
	}
	.newsTH section a em
	{
		font-size: 1.5vw;
		line-height: 1.5vw;
	}
	.newsTH section a, .newsTH section a:link, .newsTH section a:visited
	{
		width:49%;
		padding-bottom:48%;
	}
}


.newsHEADER
{	
	display: block;
    position: fixed;
    width: 100%;
    height: 75vh;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: none;
    z-index: 0;
    overflow: hidden;
    top: 0;
    white-space: nowrap;
}
.newsHEADER:before {
    display: block;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    padding: 0;
    margin: 0;
    z-index: 20;
    content: '';
    background-color: rgba(35,97,146,0.5);
	backdrop-filter: blur(7px);
}
.newsHEADER div
{
	display: inline-table;
    width: 90%;
    height: auto;
	max-width:1000px;
    position: absolute;
    top: 50%;
    left: 50%;
	transform:translate(-50%,-50%);
    padding: 0;
    margin: 0;
	margin-top:80px;
    z-index: 30;
    white-space: normal;
	text-align:center;
	font-family: 'open sans',Verdana, Geneva, sans-serif;
	font-weight: 600;
	text-align: center;
	
}
.newsHEADER div div
{
	display:table-cell;
	max-width:none;
	top:auto;
	left:auto;
	transform:none;
	height:inherit;
	box-sizing:border-box;
	padding:10px;
	position:relative;
	width:50%;
	
}
.newsHEADER div div:first-child
{
	text-align:right;
	vertical-align:top;
}
.newsHEADER div div:last-child
{
	text-align:left;
	vertical-align:bottom;
}

.newsMAINHEADLINE 
{
	font-size: 4vw !important;
    line-height: 4.05vw !important;	
}
.newsMAINHEADLINEheader 
{
	height:50vh !important;
	
}
.newsHEADER div h1, .newsHEADER div h2
{
	font-size: 2vw;
    line-height: 2.25vw;
    display: block;
	position:relative;
    color: #fff;
    padding: 0;
	margin:0;
    letter-spacing: 0px;
    text-transform: uppercase;
	margin-bottom:10px;
}
@media (max-width: 1350px) 
{
	.newsHEADER div h1, .newsHEADER div h2
	{
		font-size: 3vw;
    	line-height: 3.25vw;
	}
}
@media (max-width: 1000px) 
{
	.newsHEADER div h1, .newsHEADER div h2
	{
		font-size: 5vw;
    	line-height: 5.25vw;
	}
	.newsMAINHEADLINE 
	{
		font-size: 6vw !important;
		line-height: 6.05vw !important;	
	}
}
@media (max-width: 700px) 
{	
	.newsHEADER div div
	{
		display:table;
		height:auto;
		padding:10px;
		position:relative;
		width:100%;
		margin-top:0;
		
	}
	.newsHEADER div div:first-child
	{
		text-align:center;
	}
	.newsHEADER div div:last-child
	{
		text-align:center;
	}
		.newsMAINHEADLINE 
	{
		font-size: 7vw !important;
		line-height: 7.05vw !important;	
	}
}
@media (max-width: 600px) 
{
	.newsHEADER div h1, .newsHEADER div h2
	{
		font-size: 8vw;
    	line-height: 8.25vw;
	}
	.newsHEADER div p
	{
		display:none;
	}
	.newsMAINHEADLINE 
	{
		font-size: 9vw !important;
		line-height: 9.05vw !important;	
	}
}
.newsHEADER div time
{
	font-size: 12px;
    line-height: 12px;
    display: block;
	position:relative;
    color: #fff;
    padding: 0;
    padding-bottom: 10px;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.newsHEADER div p
{
	font-size: 14px;
    line-height: 18px;
    display: block;
	position:relative;
    color: #fff;
    padding: 0;
    padding-bottom: 10px;
    letter-spacing: 0px;    
    text-transform: uppercase;
}
.newsHEADER img
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:auto;
	height:auto;
	min-height:100%;
	min-width:100%;
	display:block;
	padding:0;
	margin:0;
	z-index:19;
	
}

section.news_nav{
	display:block;
	box-sizing:border-box;
	width:100%; height:auto;
	position:relative;
	padding:0;
	padding-top:30px;
	padding-bottom:30px;
	margin:0;
	font-size:0;
	line-height:0;
	border:none;
	outline:none;
	text-align:center;
	background-color:rgba(255,255,255,1);
	/*margin-top:75vh;*/
	z-index:2;
}
section.news_nav nav{
	display:inline-block;
	box-sizing:border-box;
	width:90%; height:auto;
	max-width:1100px;
	position:relative;
	padding:0;
	padding-left:1%;
	padding-right:1%;
	margin:0;
	font-size:0;
	line-height:0;
	border:none;
	outline:none;
	text-align:left;
}
section.news_nav nav a:link, section.news_nav nav a:visited
{
	font-family: 'open sans',Verdana, Geneva, sans-serif;
	font-size: 2vw;
	line-height: 2vw;
	font-weight: 600;
	white-space:nowrap;
	display:inline-block;
	padding:0;
	padding-right:20px;
	margin:0;
	margin-right:20px;
	margin-top:14px; 
	text-decoration:none;
	box-sizing:border-box;
	color:#012645;
	position:relative;
	font-style:normal;
	vertical-align:middle;
	letter-spacing:-2px;
}
/*
section.news_nav nav a:before, section.news_nav nav a:link:before
{
	position:absolute;
	top:100%;
	left:0;
	transform:translate(0,0px);
	font-size:60px;
	line-height:60px;
	letter-spacing:0px;
	color:rgba(35,97,146,1);
	padding:0;
	margin:0;
	display:block;
	content:'\F078';
	font-family:'i';
}
*/
section.news_nav nav a span
{
	position:absolute;
	top:-11px;
	left:0;
	font-size:11px;
	line-height:11px;
	letter-spacing:2px;
	color:#012645;
	padding:0;
	margin:0;
	display:block;
}
section.news_nav nav a:first-child{color:#012645;}
section.news_nav nav a:hover { opacity:0.5;}
section.news_nav nav a:hover:before { opacity:1;}






section.news_nav nav div{
	display:inline-block;
	box-sizing:border-box;
	float:right;	
	vertical-align:middle;
	width:auto; height:auto;
	padding:0;
	padding:14px;
	padding-left:26px;
	padding-right:26px;
	margin:0;
	font-family: 'open sans',Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	border:none;
	outline:none;
	text-align:left;
	background-color:rgba(35,97,146,1);
	color:#fff;
	border:none;
	outline:none;
	border-radius:36px;
	box-shadow:2px 2px 4px rgba(0,0,0,0.35);
	cursor:pointer;
}

section.news_nav nav div select{
	display:inline-block;
	box-sizing:border-box;
	float:none;
	
	vertical-align:middle;
	width:auto; height:auto;
	padding:0;
	padding:0px;
	padding-left:0px;
	padding-right:14px;
	margin:0;
	font-family: 'open sans',Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	border:none;
	outline:none;
	text-align:left;
	background-color:rgba(35,97,146,1);
	color:#fff;
	border:none;
	outline:none;
	border-radius:0px;
	box-shadow:none;
	cursor:pointer;
}

section.news_nav nav select{
	display:inline-block;
	box-sizing:border-box;
	/*position:absolute;
	top:50%;
	right:0;
	transform:translate(0%,-50%);*/
	float:right;
	
	vertical-align:middle;
	width:auto; height:auto;
	padding:0;
	padding:14px;
	padding-left:36px;
	padding-right:36px;
	margin:0;
	font-family: 'open sans',Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	border:none;
	outline:none;
	text-align:left;
	background-color:rgba(35,97,146,1);
	color:#fff;
	border:none;
	outline:none;
	border-radius:36px;
	box-shadow:2px 2px 4px rgba(0,0,0,0.35);
	cursor:pointer;
}
section.news_nav nav select option
{
	outline:none;
	border:none;
	padding:20px;
}


section.news_nav nav button
{
	display:inline-block;
	/*position:absolute;
	right:230px;
	top:50%;
	transform:translate(0%,-50%);*/
	float:right;
	margin-top:10px;
	margin-right:10px;
	vertical-align:middle;
	font-family:'i';
	font-size:28px;
	line-height:28px;
	color:#012645;
	background:none;
	background-color:transparent;
	border:none;
	outline:none;
	cursor:pointer;			
}
section.news_nav nav button:hover { opacity:0.75;}
@media (max-width: 960px) 
{
	section.news_nav nav a:link, section.news_nav nav a:visited
	{
		font-size: 4vw;
		line-height: 4vw;
	}
}
@media (max-width: 700px) 
{
	section.news_nav nav a:link, section.news_nav nav a:visited
	{
		font-size: 6vw;
		line-height: 6vw;
	}
	section.news_nav nav a:link, section.news_nav nav a:visited
	{
		display:none;
	}
	section.news_nav nav{ text-align:center;}
	section.news_nav nav select{ float:none; }
}
@media (max-width: 600px) 
{
	
	section.news_nav nav button
	{
		right:auto;
		left:1%;
	}
}
.newsHEADLINE {
    font-size: 48px;
    line-height: 50px;
    font-weight: 400;
    letter-spacing: -1px;
    text-align: center;
    width: auto !important;
    font-family: 'open sans',Verdana, Geneva, sans-serif;
    color: rgba(35,97,146,1);
}
p .newsHEADLINE {
    font-size:inherit !important;
    line-height:inherit !important;
    font-weight: 600 !important;
    letter-spacing: 0px !important;
    width: auto !important;
    font-family: 'open sans',Verdana, Geneva, sans-serif;
    color:inherit !important;
}
.newsARTICLE{
	display:block;
	box-sizing:border-box;
	width:100%; height:auto;
	position:relative;
	padding:0;
	padding-top:5vh;
	padding-bottom:10vh;
	margin:0;
	font-size:0;
	line-height:0;
	border:none;
	outline:none;
	text-align:center;
	background-color:#fff;
}
.newsARTICLE section{
	display:inline-block;
	box-sizing:border-box;
	width:90%; height:auto;
	max-width:900px;
	position:relative;
	padding:0;
	margin:0;
	font-size:0;
	line-height:0;
	border:none;
	outline:none;
	text-align:left;
}
.newsARTICLE section p{
	display:block;
	box-sizing:border-box;
	width:100%; height:auto;
	position:relative;
	padding:0;
	margin:0;
	margin-bottom:32px;
	font-size:0;
	line-height:0;
	border:none;
	outline:none;
	font-family: 'open sans',Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
	color:#222;
}
.newsARTICLE section p a:link, .newsARTICLE section p a:visited
{
	text-decoration:none;
	color:rgba(35,97,146,1);
	font-weight:600;
}
.newsARTICLE section p a:hover { opacity:0.6;}
.newsARTICLE section ul.dul{
	display:block;
	box-sizing:border-box;
	width:100%; height:auto;
	position:relative;
	padding:0;
	margin:0;
	margin-bottom:16px;
	font-family: 'open sans',Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
	color:#222;
	border:none;
	outline:none;
}
.newsARTICLE section ul.dul li{
	display:block;
	width:100%; height:auto;
	position:relative;
	padding:0;
	margin:0;
	margin-bottom:16px;
	padding-left:32px;
	border:none;
	outline:none;
	font-family: 'open sans',Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
	color:#222;
	
}
.newsARTICLE section ul.dul li:before
{
	content:'\F111'; font-family:'i'; font-size:8px; font-weight:normal; color:inherit;
	position:absolute;
	top:50%;
	left:10px;
	transform:translate(0%,-50%); 

}
.newsARTICLE section time{
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	width:auto;
	height:auto;
	white-space:nowrap;
	font-family: 'open sans',Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	color:#fff;
	background-color:rgba(35,97,146,1);
	padding:5px;
	margin:0;
	margin-bottom:10px;
	letter-spacing:5px;
	margin-top:10px;
}
.newsARTICLE section time span{
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	width:50px;
	height:auto;
	white-space:nowrap;
	font-family: 'open sans',Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	color:#fff;
	background-color:rgba(255,51,102,1);
	margin:0;
	letter-spacing:0px;
	
}
.newsARTICLE section time:before{ content:'\F017'; font-family:'i'; font-size:16px; font-weight:normal; padding-left:5px; padding-right:5px; color:#fff; }
.newsARTICLE section address{
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	width:auto;
	height:auto;
	white-space:nowrap;
	font-family: 'open sans',Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: 600;
	text-transform:uppercase;
	color:#fff;
	background-color:#222;
	padding:5px;
	margin:0;
	margin-bottom:30px;
	letter-spacing:5px;
	font-style:normal;
}

.newsARTICLE section address:before{ content:'\F041'; font-family:'i'; font-weight:normal; padding-left:5px; padding-right:10px; color:rgba(255,51,102,1); }


@media (max-width: 700px) 
{
	.newsARTICLE section address{
		letter-spacing:2px;
		 white-space:normal;
		 line-height:24px;
	}
	.newsARTICLE section time{ letter-spacing:0px;}
}
.max900{ max-width:900px !important; }
/******************************************************************************************************************************
END | NEWS
******************************************************************************************************************************/


#mobilemenu ul li.mobilemenuSUB ul.mobilemenuSUBul b
{
	display:inline-block;
	vertical-align:top;					
}
.mobilemenuSUBlastUL {margin-left:-90px !important;}

@media (max-width: 1000px) 
{
	.mobilemenuSUBlastUL {margin-left:0px !important;}
}







.NEWSTOPPAGE
{
	display:block;
	box-sizing:border-box;
	width:100%;
	height: 50%;
    min-height: 300px;
	padding:0;
	padding-top: 80px;
	margin:0;
	position:relative;
	overflow:hidden;
}
.NEWSTOPPAGEin{height:40vh !important;}
.NEWSTOPPAGE:before {
    opacity: 0.5;
    overflow: hidden;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
    background-size: 100% 100%;
    background-position: 0% 50%;
}
.NEWSTOPPAGE section
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:auto;
	max-width:96%;
	height:auto;
	padding:0;
	margin:0;
	padding-top:60px;
	text-align:center;
	z-index:3;	
}
.NEWSTOPPAGE section img
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:auto;
	height:auto;
	min-width:100%;
	min-height:100%;
	padding:0;
	margin:0;
	text-align:center;
	z-index:1;	
}
.NEWSTOPPAGE section h2
{
	font-family: 'Oswald',Verdana, Geneva, sans-serif;
    font-style: normal;
    display: inline-block;
    width: auto;
	height:auto;
    font-weight: 200;
    font-size: 90px;
    line-height: 90px;
	letter-spacing:-2px;
	padding:0;
	margin:0;
	color:#fff;
	margin-bottom:10px;
}
.NEWSTOPPAGE section time
{
	display: inline-block;
    box-sizing: border-box;
    width: auto;
    height: auto;
    position: relative;
    margin: 0;
    color: #fff;
    font-family: 'open sans',Verdana, Geneva, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    white-space: normal;	
	font-size: 16px;
    line-height: 16px;
    background-color: white;
    color: black;
    padding: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
	border:none;
	outline:none;
	margin-top:10px;
}
.NEWSTOPPAGE section p
{
	display: inline-block;
    box-sizing: border-box;
    width: auto;
    height: auto;
    position: relative;
    margin: 0;
    color: #fff;
    font-family: 'Open Sans',Verdana, Geneva, sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;	
   	color: rgba(65,182,230,1);
	margin-top:20px;
	border-top:solid;
	border-top-width:1px;
	border-top-color:#ffffff;
	padding-top:10px;
}


.NEWSTOPPAGE section a, .NEWSTOPPAGE section a:link, .NEWSTOPPAGE section a:visited
{
	transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -moz-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out, color 0.25s ease-in-out;
    width: auto;
    display: inline-table;
    height: auto;
    text-decoration: none;
    padding: 0px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 28px;
    padding-right: 28px;
    margin-top: 28px;
    background: rgba(255,255,255,1);
    color: #012645;
    border: solid;
    border-width: 1px;
    border-color: #ffffff;
    font-weight: 600;
    font-family: 'Open Sans',Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    box-shadow: rgb(0 0 0 / 35%) 5px 5px 15px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}
.NEWSTOPPAGE section a:hover
{
	background: rgba(0,0,0,0.5);
	color: #ffffff;
}
.NEWSnavREV
{
	background:#012645 !important;
	color:#ffffff !important;	
}
.NEWSnavREV a, .NEWSnavREV a:link, .NEWSnavREV a:visited, .NEWSnavREV a span
{
	color:#ffffff !important;
}
.NEWSTOPPAGEinNOPIC span
{
    filter: drop-shadow(1px 10px 20px rgba(0,0,0,0.5));
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    content: '';
    width: 100%;
    height: 100%;
}
.NEWSTOPPAGEinNOPIC span span
{
	float: right;
    background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background-color: #fff;
    content: '';
    width: 100%;
    height: 100%;
}
@media (max-width: 1700px) 
{
	.NEWSTOPPAGE section { width:100%;}
	.NEWSTOPPAGE section h2{ width:90%; font-size:60px; line-height:60px; }
}
@media (max-width: 960px) 
{
	.NEWSTOPPAGE
	{
		display:block;
		box-sizing:border-box;
		width:100%;
		height: 50%;
		min-height: 300px;
		padding:0;
		padding-top: 80px;
		margin:0;
		position:relative;
		overflow:hidden;
	}
}
@media (max-width: 780px) 
{
	.NEWSTOPPAGE section h2{ font-size:48px; line-height:60px; }
}

#mobilemenu a.logo span
{
	display:inline-block;
	vertical-align:bottom;
	padding:0;
	margin:0;
	margin-left:12px;
	position:relative;
	 font-family: 'Montserrat',Verdana, Geneva, sans-serif;
    font-size: 60px;
    line-height: 60px;
	font-weight:200;
	color:rgba(45,189,239,1);
	letter-spacing:-7px;
}




#proHEADER
{
	display:table;
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:0;
	text-align:center;
	min-height:360px;
	padding-top:80px;
	background:#000;
	padding-bottom:30px;
}
#proHEADER section
{
	display:table-cell;
	position:relative;
	width:100%;
	height:auto;
	overflow:visible;
	padding:0;
	margin:0;
	text-align:center;
	vertical-align:middle;
	z-index:10;
	
}
#proHEADER section h1, #proHEADER section h2
{
	display:inline-block;
	position:relative;
	width:auto;
	max-width:1200px;
	height:auto;
	overflow:visible;
	text-align:center;
	margin:0;
	padding:0;
}
#proHEADER section h1
{
	white-space:normal;
	font-family: 'Oswald',Verdana, Geneva, sans-serif;
	font-weight: 200;
	font-size: 60px;
	line-height: 68px;				
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#fff;
	color:#fff;
	width:90%; max-width:1200px;
}
#proHEADER section h2
{
	letter-spacing: 3px;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	text-transform: uppercase;
	color: rgba(65,182,230,1);
}
#proHEADER img.proHEADERimg
{

	filter: blur(4px);
	width:100%;
	height:auto;
	min-width:100%;
	min-height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:1;
	opacity:0.7;
}
#proHEADER img.proHEADERbadge
{
	width:auto;
	height:120px;
	position:absolute;
	bottom:20px;
	right:0px;
	z-index:2;
}
/************************************************************************************************************************************************
newsSIDE
************************************************************************************************************************************************/
div.newsSIDE{
	/*BOTTOM RIGHT -TO- TOP LEFT*/
	background:none;

	padding:0px !important; 
	margin:0px;
	margin-left:14px; 
	width:30% !important;
	min-width:340px; 
	position:relative;
	z-index:1;overflow:visible;
	float:right;}
div.newsSIDE:before {
    display: block;
    width: 100%;
    height: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: transparent;
    background-image: url(images/shadow960.png);
    background-size: 100% 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    content: '';
}
div.newsSIDEnoBEFORE:before {display:none !important;}
div.newsSIDE h2{ display:block; width:100%; height:auto; padding:0; margin:0; margin-top:60px; margin-bottom:15px; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:36px; line-height:36px; font-weight:400; color:#efefef; text-align:center; }
div.newsSIDE h3{ display:block; width:100%; height:auto; padding:0; margin:0; margin-top:0px; margin-bottom:30px; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:18px; line-height:18px; font-weight:400; 
	color:#efefef; text-align:center;}
div.newsSIDE a, div.newsSIDE a:link, div.newsSIDE a:visited,
a.newsTHUMB, a.newsTHUMB:link, a.newsTHUMB:visited { 
	text-decoration:none;  
	display:inline-block; 
	width:100%; 
	height:auto;
	margin:0;
	padding:0;
	margin-top:15px;
	margin-bottom:15px; 
	vertical-align:top; 
	position:relative;}
a.newsTHUMB:hover {opacity:0.7 !important;} 
div.newsSIDE a:last-child, a.newsTHUMB:last-child { margin-right:0 !important;}
div.newsSIDE a section, a.newsTHUMB section{cursor:pointer; z-index:0; box-shadow:4px 4px 5px rgba(0,0,0,0.15); display:block; width:90%; height:auto; min-height:0 !important; min-width:0 !important; padding:0; margin:0; position:relative;}
div.newsSIDE a section section, a.newsTHUMB section section{box-shadow: none; width:100%; height:0px; position:relative; overflow:hidden; padding:0; margin:0; padding-bottom:56.25%;}
div.newsSIDE a section section img, a.newsTHUMB section section img{ width:inherit; height:inherit; min-height: 100%; min-width: 100%; padding:0; margin:0; z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index:0;}
div.newsSIDE a section section:before, a.newsTHUMB section section:before{ 
	transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    -webkit-transition: opacity 0.25s ease-out;
	opacity:0; position:absolute; top:0; left:0; z-index:1; background-color:rgba(0,0,0,0.35); width:100%; height:100%; content:'';}
div.newsSIDE a section:hover section:before, , a.newsTHUMB section:hover section:before{ opacity:1;}
div.newsSIDE a section h3, a.newsTHUMB section h3{ 
	z-index:1; 
	display:block; 
	width:95%; 
	text-align:left; 
	height:auto; 
	margin:0px; 
	padding:10px; 
	padding-left:5%; 
	padding-right:0px; 
	margin-bottom:15px; 
	border:none; 
	background-color:#3f4c6b; 
	color:#ffffff; 
	font-family:'open sans',Verdana, Geneva, sans-serif; 
	font-size:14px; letter-spacing:0px; text-transform:uppercase; font-weight:normal; }
div.newsSIDE a section h3 time, a.newsTHUMB section h3 time
{ 
	display:inline-block;
	width:auto;
	text-align:left;
	height:auto;
	margin:0px;
	margin-top:5px;
	padding:5px; 
	border:none;
	color:#3f4c6b;
	background-color:#ffffff;
	font-family:'open sans',Verdana, Geneva, sans-serif; 
	font-size:14px;
	line-height:14px; 
	letter-spacing:1px; 
	text-transform:uppercase; 
	font-weight:600;
}
div.newsSIDE h3.h3ani{
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
	background-size: 400% 400%;
	animation: gradientBG 15s ease infinite;  }
div.newsSIDE a p{ width:90%; text-align:left; display:inline-block; height:75px; color:#efefef; font-family:'open sans',Verdana, Geneva, sans-serif; font-size:14px; letter-spacing:0px; font-weight:400; line-height:24px; padding:0; margin:0; margin-bottom:15px; padding-left:5px; padding-right:5px; }
div.newsSIDE a div.button{ position:absolute; bottom:0px; left:50%; width:200px; margin-left:-100px; min-height:0px !important;  }


div.newsSIDE h4{
	text-align:left; 
	text-transform:uppercase; z-index:2; position:relative;
	display:block; width:100%; height:auto; padding:0; padding-bottom:15px; margin:0; margin-top:15px; margin-bottom:15px; 
	font-family: 'Oswald',Verdana, Geneva, sans-serif; 
	font-size:36px; line-height:36px; font-weight:200; 
	color:#3f4c6b;}
div.newsSIDE h4:before {
    display: block;
    width: 100%;
    height: 12px;
    position: absolute;
    bottom: -10px;
    left: 0px;
    background-color: transparent;
    background-image: url(images/shadow960.png);
    background-size: 100% 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    content: '';
}
div.newsSIDE h4:after {
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    bottom: -16px;
    left: 5px;
    content: '\F0D7';
    font-family: 'i';
    font-size: 36px;
    line-height: 36px;
    color:#09C;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.15);
}


@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@media (max-width: 1600px) {div.newsSIDE a { width:25%;}}
@media (max-width: 1350px) {div.newsSIDE a { width:30%;}}
@media (max-width: 1050px) {div.newsSIDE a { width:45%; margin-bottom:30px !important;}}
@media (max-width: 900px) {div.newsSIDE a { width:60%;}}
@media (max-width: 700px) {div.newsSIDE { display:none !important;}}



div.newsSIDE a span h5, div.newsSIDE a:link span h5, div.newsSIDE a:visited span h5, 
div.newsSIDE a.newsTHUMB span h5, a.newsTHUMB span h5{ 
	display:block; 
	width:100%;
	text-align:left;
	height:auto;
	margin:0px;
	padding:0px;
	margin-bottom:5px; 
	border:none;
	color:#3f4c6b;
	font-family:'open sans',Verdana, Geneva, sans-serif; 
	font-size:18px;
	line-height:20px; 
	letter-spacing:1px; 
	text-transform:uppercase; 
	font-weight:700; 
}
div.testimonials h3.h3ani
div.newsSIDE a span time, div.testimonials a span time{ 
	display:inline-block;
	width:auto;
	text-align:left;
	height:auto;
	margin:0px;
	padding:5px; 
	border:none;
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
	background-size: 400% 400%;
	animation: gradientBG 15s ease infinite; 
	color:#ffffff;
	font-family:'open sans',Verdana, Geneva, sans-serif; 
	font-size:14px;
	line-height:14px; 
	letter-spacing:1px; 
	text-transform:uppercase; 
	font-weight:600; 
}
div.newsSIDE a:hover span h5{ color:#09F;}
div.newsSIDE a:hover span time{ background-color:#09F !important;}

div.newsSIDE a.moreNEWSbtn, div.newsSIDE a.moreNEWSbtn:link, div.newsSIDE a.moreNEWSbtn:visited, a.moreNEWSbtn, a.moreNEWSbtn:link, a.moreNEWSbtn:visited
{
	transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    width: auto;
    display: inline-table;
    height: auto;
    text-decoration: none;
    padding: 0px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 70px;
    padding-right: 30px;
    margin-top: 0px;
    background: rgba(65,182,230,1);
    color: #fff;
    border: solid;
    border-width: 1px;
    border-color: rgba(65,182,230,1);
    font-weight: 400;
    font-family: 'Open Sans',Verdana, Geneva, sans-serif;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    box-shadow: rgb(0 0 0 / 15%) 5px 5px 5px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    position: relative;
}

div.newsSIDE a.moreNEWSbtn:before, a.moreNEWSbtn:before
{
	transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    text-shadow: 2px 2px 4px rgb(0 0 0 / 25%);
    font-family: 'i';
    font-weight: normal;
    content: '\F138';
    padding-right: 10px;
    color: inherit;
    position: relative;
    font-size: 36px;
    line-height: 36px;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0,-50%);
}
a.moreNEWSbtn:hover {opacity:0.7;}
.proSTATS
{
	position:relative;
	float:right;
	display:inline-block;
	width:33%;
	height:auto;
	vertical-align:top;
	box-sizing:border-box;
	padding:20px;
	padding-top:48px;						
	margin:0;
	margin-right:30px;
	text-align:left;
	box-shadow:rgba(0,0,0,0.2) 2px 2px 6px;
	border-radius:3px;
	background:rgba(204,204,204,0.7);
	overflow:hidden;
}
.proSTATS:before
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:20px;
	content:'';
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1));
	z-index:1;						
}
.proSTATS:after
{
	position:absolute;
	top:-4px;
	left:30px;
	width:auto;
	height:auto;
	content:'\F0D7';
	font-family:'i';
	font-size:48px;
	line-height:48px;
	color:rgba(7,29,73,1);
	background:none;
	z-index:2;						
}
@media (max-width: 1000px) {
	.proSTATS
	{
		float:none !important;
		width:90% !important;
		margin-left:5% !important;
		display:block !important;
	}
}
.proSTATS ul
{
	list-style:none;
	display:block;
	width:100% !important;
	position:relative;
	height:auto;
	padding:0;
	margin:0;
	margin-top:0 !important;
	margin-bottom:0 !important; 					
}
.proSTATS img
{
	
	position:absolute;
	top:36px;
	right:0px;
	width:auto;
	height:140px;
	background:none;
	z-index:2;
}
.proSTATS ul li
{
	list-style:none;
	display:block;
	width:90%;
	position:relative;
	height:auto;
	padding:0;
	margin:0;
	font-family: 'open sans',Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	color: #3f4c6b;
	padding-bottom:24px !important;					
}
.proSTATS ul li span
{
	display:block !important;
	width: 100% !important;
	box-sizing:border-box !important;
	height: auto;
	color: rgba(7,29,73,1);
	font-weight: 700;
	font-size:18px !important;
}
.proSTATS ul li em
{
	font-style: normal;
	font-size: 10px;
}
.proSTATS ul li a, .proSTATS ul li a:link, .proSTATS ul li a:visited {
	text-decoration: none;
	color: rgba(65,182,230,1);
}
.proSTATS ul li a.dwnBUT, .proSTATS ul li a.dwnBUT:link, .proSTATS ul li a.dwnBUT:visited{
	transition: all 0.125s ease-in-out;
	-moz-transition: all 0.125s ease-in-out;
	-webkit-transition: all 0.125s ease-in-out;
	width: 90% !important;
	box-sizing:border-box;
	display: inline-table;
	height: auto;
	text-decoration: none;
	padding: 0px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 70px;
	padding-right: 30px;
	margin-top: 0px;
	background: rgba(65,182,230,1);
	color: #fff;
	border: solid;
	border-width: 1px;
	border-color: rgba(65,182,230,1);
	font-weight: 400;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	box-shadow: rgb(0 0 0 / 15%) 5px 5px 5px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	position: relative;
}
.proSTATS ul li a.mapBUT, .proSTATS ul li a.mapBUT:link, .proSTATS ul li a.mapBUT:visited {
	transition: all 0.125s ease-in-out;
	-moz-transition: all 0.125s ease-in-out;
	-webkit-transition: all 0.125s ease-in-out;
	width: auto;
	box-sizing:border-box;
	display: inline-table;
	height: auto;
	text-decoration: none;
	padding: 0px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 60px;
	padding-right: 30px;
	margin-top: 0px;
	background: rgba(65,182,230,1);
	color: #fff;
	border: solid;
	border-width: 1px;
	border-color: rgba(65,182,230,1);
	font-weight: 400;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	box-shadow: rgb(0 0 0 / 15%) 5px 5px 5px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	position: relative;
}
.proSTATS ul li a.dwnBUT:before {
	transition: all 0.125s ease-in-out;
	-moz-transition: all 0.125s ease-in-out;
	-webkit-transition: all 0.125s ease-in-out;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.25);
	font-family: 'i';
	font-weight: normal;
	content: '\F0ED';
	padding-right: 10px;
	color: inherit;
	font-size: 36px;
	line-height: 36px;
	display: inline-block;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translate(0,-50%);
}
.proSTATS ul li a.mapBUT:before {
	transition: all 0.125s ease-in-out;
	-moz-transition: all 0.125s ease-in-out;
	-webkit-transition: all 0.125s ease-in-out;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.25);
	font-family: 'i';
	font-weight: normal;
	content: '\F278';
	padding-right: 10px;
	color: inherit;
	font-size: 24px;
	line-height: 24px;
	display: inline-block;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translate(0,-50%);
}
.proSTATS ul li a.dwnBUT:hover, .proSTATS ul li a.mapBUT:hover {
	background: rgba(255,255,255,1);
	color: rgba(65,182,230,1);
}
.PROfilters 
{
	box-sizing:border-box;
	display:inline-block;
	width:75%;
	height:auto;
	padding:0;
	margin:0;
	background: linear-gradient(-45deg, rgba(35,97,146,0.3), rgba(1,66,106,1), rgba(7,29,73,1));
	position:relative;
	padding-top:20px;
	padding-bottom:20px;
}
.PROfilters section
{
	box-sizing:border-box;
	display:block;
	width:100%;
	position:relative;
	height:auto;
	padding:0;
	margin:0;						
}
.PROfilters section a
{
	box-sizing:border-box;
	width:auto;
	position:relative;
	height:auto;
	padding:5px;
	margin:10px;
	margin-left:7px; margin-right:7px;
	display:inline-block;
	font-size:16px;
	line-height:16px;
	font-family: 'open sans',Verdana, Geneva, sans-serif;
	color:#fff;
	font-weight:700;
}

.PROfilters section select
{
	box-sizing:border-box;
	width:auto;
	position:relative;
	height:auto;
	font-size:14px;
	line-height:14px;
	font-family: 'open sans',Verdana, Geneva, sans-serif;
	color:#rgba(65,182,230,1);
	font-weight:700;
	padding:14px;
	border:none;
	border-radius:3px;
	display:inline-block;
	vertical-align:top;
	outline:none;
}
.zxo_formGridViewFILTERTAGS button.inlf
{
	box-sizing:border-box;
	width:auto;
	position:relative;
	height:auto;
	font-size:18px;
	line-height:18px;
	font-family: 'i';
	color:#fff;
	font-weight:normal;
	padding:16px;
	border:none;
	border-radius:3px;
	display:inline-block;
	vertical-align:top;
	outline:none;
	margin-top:14px;
	margin-left:7px;
	outline:none;
	cursor:pointer;
	background-color: rgba(65,182,230,1);
}
.zxo_formGridViewFILTERTAGS button.inlf:hover
{
	background-color: #6C0;
}
.zxo_formGridViewFILTERTAGS select
{
	box-sizing:border-box;
	width:auto;
	position:relative;
	height:auto;
	font-size:14px;
	line-height:14px;
	font-family: 'open sans',Verdana, Geneva, sans-serif;

	font-weight:700;
	padding:14px;
	border:none;
	border-radius:3px;
	display:inline-block;
	vertical-align:top;
	outline:none;
	margin-top:14px;
	margin-left:7px;
	outline:none;
}
.zxo_formGridViewFILTERTAGS select span { color:#999; }
.zxo_formGridViewFILTERTAGS input
{
	box-sizing:border-box;
	width:auto;
	position:relative;
	height:auto;
	font-size:14px;
	line-height:14px;
	font-family: 'open sans',Verdana, Geneva, sans-serif;

	font-weight:700;
	padding:15px;
	border:none;
	border-radius:3px;
	display:inline-block;
	vertical-align:top;
	outline:none;
	margin-top:14px;
	outline:none;
	
	margin-left:7px;
}
.contactUS
{
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:60px;
	padding-left:15%; padding-right:15%;
	margin:0;
	margin-top:0px;
	background: linear-gradient(-45deg, rgba(65,182,230,1), rgba(35,97,146,1), rgba(1,66,106,1), rgba(7,29,73,1)); 
	font-family: 'Montserrat',Verdana, Geneva, sans-serif;
	font-size: 24px;
	line-height: 24px;
	font-weight: 200;
	color:#fff;
	position:relative;
	
}
.contactUS b
{
	position: relative;
	display: inline-block !important;
	margin: 0;
	color: #fff;
	letter-spacing: -1px;
	font-family: 'Montserrat',Verdana, Geneva, sans-serif;
	font-size: 48px;
	line-height: 48px;
	font-weight: 200;
	width: auto;
	padding:0;
	text-transform: uppercase;
	text-shadow: 15px 15px 10px rgb(0 0 0 / 20%);
	z-index: 9;
}
.contactUS button
{
	position:absolute;
	top:50%;
	right:15%;
	transform:translate(0%,-50%);
	transition: all 0.125s linear;
	-moz-transition: all 0.125s linear;
	-webkit-transition: all 0.125s linear;
	width: auto;
	height: auto;
	display: inline-block;
	opacity: 1;
	padding: 30px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-family: 'Open Sans',Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	color: #fff;
	background:rgba(7,29,73,1);
	border: none !important;
	box-shadow: 4px 4px 5px rgb(0 0 0 / 15%);
	outline:none !important;
	
}
.contactUS button:hover
{
	background: rgba(65,182,230,1);
	color:#fff;
}
@media (max-width: 1500px){.contactUS button{ right:10%;} .contactUS{ padding-left:10%; padding-right:10%;}}
@media (max-width: 1380px){.proSTATS img{    height: 110px;}}
@media (max-width: 1200px){.contactUS button{ right:5%;} .contactUS{ padding-left:5%; padding-right:5%;}}
@media (max-width: 1180px){.proSTATS img{    height: 90px;}}
@media (max-width: 1000px){.proSTATS img{    height: 140px;}}
@media (max-width: 900px){
	.zxo_formGridViewFILTERTAGS{ text-align:left; }
	#zxo_filtersTOGGLEbbb { display: inline-block; }
	.zxo_formGridViewFILTERTAGS select, .zxo_formGridViewFILTERTAGS input, .zxo_formGridViewFILTERTAGS button.inlf { display:none; }
}
@media (max-width: 800px){
	.contactUS b{font-size: 50px; line-height: 50px;}
	.contactUS{ font-size: 18px; line-height: 18px;}
	
}
@media (max-width: 700px){
	.contactUS b{font-size: 60px; line-height: 60px;}
	.contactUS{ font-size: 24px; line-height: 24px;}
	.contactUS button{ position:relative; top:auto; right:auto; transform:none; display:block; margin-top:15px; padding:20px;}
}
@media (max-width: 600px){
	.contactUS { padding:30px; }
	.contactUS b{font-size: 42px; line-height: 42px;}
	.contactUS{ font-size: 18px; line-height: 18px;}
}