@charset "utf-8";
/* CSS Document */
/* GENERIC STYLES */
html, body
{
background-color:#323749;	
}
.headWrapper
{
background-color:#c1c0c6;	
}
.graphicWrapper
{
background-color:#c1c0c6;
position:relative;	
}
.inPageGraphic
{
display:none;
position:relative;
min-height:160px;
background:url(../img/inpage-iceberg-top.png) #c1c0c6 left bottom no-repeat;	
}
 .bouyWrap
{
	display:none;
width:200px;
height:200px;
position:absolute;
bottom:-38px;
right:210px;
}
 .bouyWrap .bouy
{
width:167px;
height:176px;
background:url(../img/coming-soon-bouy.png) center center no-repeat;	
}
 .miniBouyWrap
{
	display:none;
width:58px;
height:63px;
position:absolute;
bottom:-8px;
right:10px;
background:url(../img/mini-bouy.png) center center no-repeat;	
}
inPageGraphic .miniBouyWrap
{
right:30px;	
}
 .mobileGraphicWrapper
 {
	background-image:url(../img/mobile-visual.jpg);
	background-size:100% auto; 
	background-color:#323749;
	background-repeat:no-repeat;
	
position:relative;
 }
  .mobileGraphicWrapper .content
  {
	
font-size: 15px;
    padding-top: 38%;
    padding-left: 22%;
    padding-right: 15%;
    text-align: center;
    /* padding-right: 30px; */
    padding-bottom: 20%;
    color: #fff;
  }
   .mobileGraphicWrapper .content p
   {
	font-size:17px;
	line-height:140%;   
   }
/* END GENERIC STYLES */

/* BEGIN MOBILE STYLES */
	.headWrapper
	{
	padding:25px 0 0 0;	
	}
.logoMark
	{
	padding-bottom:30px;
	}
.logoMark img
{
display:block;
margin:0 auto;	
}
	
	
.mobileController
{
display:block;	
}
.mobileController a,.mobileController a:hover,.mobileController a:focus
{
display:block;
margin-right:15px;
padding:10px 45px 10px 10px;
background:url(../img/nav-burger-323749-icon.png) center right no-repeat;
color:#323749;
font-size:20px;
text-decoration:none;
}
.mobileController a.opened
{
background:url(../img/nav-burger-opened-323749-icon.png) center right no-repeat;
}
.headWrapper .nav
{
padding-left:15px;

}
ul.mainNavMob, ul.mainNav
{
list-style-type:none;
list-style-position:inside;
margin:0;
padding:0;
text-indent:0;	
}
ul.mainNavMob.mobileClosed
{
display:none;		
}

ul.mainNavMob.mobileOpened
{
display:block;	
}

.mainNav li a,.mainNav li a:hover,.mainNav li a:focus
{
display:block;
padding:10px 14px;
color:#323749;
text-decoration:none;
font-size:18px;	
font-family: 'Open Sans', sans-serif;
font-weight:400;

}
.mainNav li.active a
{
font-weight:800;	
}


.mainNavMob li a,.mainNavMob li a:hover,.mainNavMob li a:focus
{
display:block;
padding:10px 15px;
color:#323749;
text-decoration:none;
font-size:18px;	
font-family: 'Open Sans', sans-serif;
font-weight:400;
text-align:right;
}
.mainNavMob li.active a
{
font-weight:800;	
}
.graphicWrapper
{
display:none;
	
}
/* END MOBILE STYLES */

.footerWrapper
{

padding-top:0px;
}
.graphicWrapper div
{
-webkit-transition-property: all;
-moz-transition-property: all; /*For older versions of Firefox only*/
transition-property: all;
}

.contactScroller
{
position:absolute;
width:100%;	
-webkit-transition: all 500ms!important;
    -moz-transition: all 500ms!important;
    -o-transition: all 500ms!important;
    transition: all 500ms!important;
	top:560px;
}
.contactScroller a
{
	height:35px;
	display:block;
	background:url(../img/contact-scroll-button.png) center center no-repeat;	
}
.contactBox
{
	font-family: 'Open Sans', sans-serif;
	text-align:center;
color:#fff;
padding:60px 0px;	
}
.contactBox h2
{
margin:0px;
font-weight:400;
padding:0px 0px 50px 0px;	
}
.contactBox .contactIntroduction
{
width:100%;
font-size:16px;
margin:0 auto;
padding-bottom:42px;


font-weight:300;	
}

.contactBox .contactIntroduction .bordering
{
border-bottom:3px solid #282c3a;
    width: 60px;
    margin: 42px auto 0px auto;	
}
.contactBox a, .contactBox a:hover
{
color:#fff;
	
}
.contactData div
{
	font-size:16px;
font-weight:300;
padding-bottom:5px;	
}
.analyticsSpeak
{
	margin-top:40px;	
}


/* events */
.eventBox
{
color:#fff;
background-color:#464b5b;
margin-bottom:10px;	
}
.past, .upcoming
{
padding:30px 0px 0px 0px;	
}
.past
{
margin-bottom:40px;	
}
.past .pastTitle, .upcoming .upcomingTitle
{
margin:20px 0px;
font-family: 'Open Sans', sans-serif;
font-weight:800;
color:#cf2d34;
font-size:24px;
text-transform:uppercase;
}
.past .pastTitle::before, .upcoming .upcomingTitle::before
{
display:block;
content:" ";
width:60px;
height:3px;
background-color:#cf2d34;
margin-bottom:6px;
}
.past .eventBox .eventInfo
{
display:none;	
}
.past .eventBox.showBox .eventInfo
{
	display:block
}
.eventBox a,.eventBox a:hover,.eventBox a:focus
{
color:#fff;
text-decoration:none;	
}
.eventBox .eventTitle h2
{
font-family: 'Open Sans', sans-serif;
font-size:20px;	
padding:30px 30px 10px 30px;
margin:0px;
text-transform:uppercase;
font-weight:300;
}
.past .eventBox .eventTitle
{
position:relative;	
}
.past .eventBox .eventTitle a
{
display:block;
    padding-right: 60px;	
}
.past .eventBox .eventTitle h2
{
padding:30px;
display:inline-block;	
}
.past .eventBox .eventTitle h2 strong
{
	text-transform:none;
	white-space:nowrap;
font-weight:400;
font-size:13px;
padding-left:12px;	
}
.past .eventBox .eventTitle h2 strong.grey
{
color:#7b8095;	
}
.past .eventBox .eventTitle .moreInfo
{
display:inline-block;	
}
.upcoming .innerEventWrapper
{
padding:0px 30px 30px 30px;
overflow:hidden;
}
.upcoming .innerEventWrapper.extend
{
	padding-top:30px;
}
.innerEventWrapper.tpad
{
padding-top:18px;	
}

.upcoming .eventRegister
{
background-color:#595d6c;
}
.eventRegister.full
{
padding:20px 0px 0px 0px;
background:none;
margin-top:0px;
width:100%;	
}
.eventRegister.full h3 a
{
text-decoration:none;
padding: 0px;
    width: 100%;
    background:none;
    display: block;
    border-radius: 0px;
    border-right:none;
    border-bottom:none;	
	font-family: 'Lobster Two Bold';
font-size:26px;
text-align:left;
}
.upcoming .eventRegister span,.upcoming .eventRegister h3
{
padding:18px;
margin:0px;
display:block;
text-align:center;	
}
.upcoming .eventRegister h3
{
	font-family: 'Lobster Two Bold';
padding-bottom:0px;	
font-size:26px;
}
.upcoming .timeLocation,.upcoming .speakerData
{
display:block;
padding-bottom:25px;
font-weight: 700;	
}
.upcoming .eventRegister a
{
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size:16px;
padding:12px;
width:100%;
background-color:#cf2d34;
display:block;
border-radius:5px;
border-right:2px solid #232835;
border-bottom:2px solid #232835;

}
.upcoming .eventRegister a:hover
{
	background-color:#8e202a;
}
.eventInfo
{
padding:0px;	
}
.eventInfo .eventHighlight
{
padding:0px 30px 30px 30px;
font-weight:600;	
}
.eventInfo p
{
font-size:16px;
margin:0px;
padding:0px 30px 30px 30px;	
}
.openCloseEvent
{
width:21px;
height:12px;
position:absolute;
top:38px;
right:30px;
background:url(../img/down-arrow.png) center center no-repeat;	
}
.past .eventBox.showBox .openCloseEvent
{
background:url(../img/up-arrow.png) center center no-repeat;	
}
/* end events */


/* begin overlay */
.generic-component
{
display:none;
position: fixed;
    top: 0;
    right: 0;
    left: 0;
	bottom:0px;

z-index: 1040;
overflow-x: hidden;
    overflow-y: auto;
}
body.overlay
{
height:auto;
overflow:hidden;	
}

.generic-component.showDialog
{
display:block;	
}
.hideFlow-modal-open
{
overflow: auto;

}
.initDialog,.submittedBlock
{
display:none;	
}
.initDialog.showing,.submittedBlock.showing
{
display:block;	
}
.submittedBlock p
{

	    text-align: center;
    color: #fff;
}
.submittedBlock p.excited
{
font-family: Lobster Two;
    text-align: center;
    font-size: 24px;
    color: #fff;
    padding-top: 15px;	
}
.submittedBlock .topTick
{
	width: 92px;
    margin: 0px auto;	
}
.dialogOverlay
{

	    position: absolute;
width:100%;
height:100%;
}

.dialogElem
{
opacity:0;
	z-index:200;
	margin-top:100px;
	max-width:992px;
background-color:#cf2d34;
	border-radius: 10px;
    border-right: 4px solid #232835;
    border-bottom: 4px solid #232835;
	-webkit-transition: all 1000ms;
    -moz-transition: all 1000ms ;
    -o-transition: all 1000ms ;
    transition: all 1000ms ;
	
}
.dialogElem.fade{
opacity:1;
margin-top:100px;
-webkit-transition: all 1000ms;
    -moz-transition: all 1000ms ;
    -o-transition: all 1000ms ;
    transition: all 1000ms ;		
}
.dialogElem .inner
{
padding:20px;
position:relative;	
}
.dialogElem .closeDialog
{
position:absolute;
top:0px;
right:0px;
width:50px;
height:50px;	
}
.dialogElem .closeDialog a
{
width:50px;
height:50px;
background:url(../img/dialog-close.png) center center no-repeat;
display:block;	
}
.dialogElem h3
{
font-family: 'Lobster Two Bold';
font-size:25px;
text-align:center;
margin:0px;
padding:12px 0px 25px 0px;
color:#fff;	
}
.dialogElem .formWrap
{

padding:40px 20px;
background-color:#f2f2f2;	
}
.dialogElem .formWrap label
{
display:none!important;	
}
.dialogElem .formWrap .error
{
border:1px solid #cf2d34;
background-color:#fff;	
}
.formWrap input[type="text"]
{
border:1px solid transparent;
width:calc(100% - 10px);
padding:7px;
margin-bottom:7px;	
background-color:#dddddd;
outline:0;
border-radius:5px;
}
.formWrap input.req[type="text"]
{
}
.formWrap input[type="submit"]
{
background-color:#c9c9c9;
text-align:center;
width:100%;
padding:12px;
border:1px solid #ccc;
border-radius:5px;
color:#fff;	
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size:18px;
}
.formWrap input.validSubmit[type="submit"]
{
background-color:#323749;	
}
.formWrap textarea
{
border:1px solid transparent;
width:100%;
max-width:100%;
padding:7px;
margin-bottom:7px;	
background-color:#dddddd;
outline:0;
border-radius:5px;	
}
.formWrap .fRow
{
overflow:hidden;

}
.formWrap .lf, .formWrap .rg
{
width:100%;
float:none;	
}

.social .socialIcons a
	{
	width:50px;
	height:40px;
	display:inline-block;

	}
	.social .socialIcons
	{
	float:none;
	margin:0px auto 10px auto;
	margin-top:40px;
	text-align:center;	
	}
	 .social .socialIcons a.linkedin
	 {
	background:url(../img/linkedin-sm.png) center center no-repeat;	 
	 }
	 .social .socialIcons a.facebook
	 {
	background:url(../img/facebook-sm.png) center center no-repeat;	 
	 }
	 .social .socialIcons a.twitter
	 {
		background:url(../img/twitter-sm.png) center center no-repeat; 
	 }
.footerElements .predictaCopy p
	{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	color:#848792;
	font-family: 'Open Sans', sans-serif;
font-weight:300;
text-align:center;
font-size:11px;	
	}
	.graphicWrapper .bouyWrap
	{
	opacity:1;
	
	right:10px;	
	}

	.fRow .radio
	{
	display:block;
	padding-bottom:7px;	
	}
	.fRow.opts .radio label
	{
	display:inline-block!important;
		font-size:13px;
	font-weight:400;
	color:#323648;
	font-family: 'Open Sans', sans-serif;	
	}
	.optsTitle
	{
	display:block;
	padding-bottom:12px;
	font-size:13px;
	font-weight:400;
	color:#323648;
	font-family: 'Open Sans', sans-serif;	
	}
	.commlines span
	{
		display:none;
	font-weight:700;
	color:#5b5e6c;	
	}
	.commlines div
	{
	display:block;
	padding-bottom:3px;
	text-align:center;	
	}
/* BEGIN TABLET STYLES */
@media (min-width: 768px)
{
		.commlines div
	{
	display:inline-block;
	padding-bottom:0px;
	text-align:left;
		}
		.commlines span
		{
		display:inline-block;	
		}
		.radiosWrap
	{
	display:table;
	width:100%;	
	}
	.fRow.opts
	{
	text-align:left;
	padding:12px 0;	
	}
	.fRow.opts .radio
	{
		display:table-cell;
	padding-bottom:7px;	
	}
	.fRow.opts .radio label
	{
	padding-right:12px;	
	padding-left:7px;
	}
	.headWrapper
	{
	overflow:hidden;
	    padding: 25px 0 0px 0px;	
	}
	.headWrapper .logoMark
	{
	width:50%;
	float:left;	
	}
	.headWrapper .logoMark a
	{
	display:block;
	margin-left:50px;	
	}
		.headWrapper .nav
	{
	width:50%;
	float:left;
	margin-left:0px;
	padding-left:0;
	background:none;	
	}
	.headWrapper .nav ul
	{
	margin-right:30px!important;
	}
	
	.footerWrapperInPage
{
background:url(../img/inpage-iceberg-bottom-sm.png) top left no-repeat;	
}

	.contactBox .contactIntroduction
{
width:450px;
}
	.footerElements
	{
	padding:20px 0px;
	overflow:hidden;	
	}
	.footerElements .predictaCopy,.footerElements .social
	{
	width:50%;
	float:left;	
	}
	.footerElements .predictaCopy p
	{
	text-align:left;	
	}
	.footerElements .social .socialIcons
	{
	float:right;
	margin:0px 30px 0px 0px;	

	}
	
	.mobileController
	{
	display:none;	
	}

	.logoMark
	{
	float:left;
	width:50%;
		padding-bottom:0;	
	}
	.logoMark img
	{
	margin:0;	
	}
	.nav
	{
	float:left;
	width:50%;	
	}
	ul.mainNav
	{
	text-align:right;
	display:block;	
	}
	ul.mainNav.mobileClosed,ul.mainNav.mobileOpened
	{
	display:block!important;	
	}
	ul.mainNav li
	{
	display:inline-block;	
	}
	.mainNav li a,.mainNav li a:hover,.mainNav li a:focus
	{
	font-size:16px;	
	}
	.graphicWrapper
	{
	display:block;	
	}
	.inPageGraphic
	{
	display:block;	
	}
	.mobileGraphicWrapper
	{
	display:none;	
	}
	
	.upcoming .eventAttributes
{
float:left;
width:calc(70% - 50px);
margin-right:50px;	
}
	.upcoming .eventAttributes.full
	{
	width:100%;
	margin:0px;
	float:none;	
	}
.upcoming .eventRegister
{

float:left;
width:30%;
margin-top: 47px;
}
.upcoming .eventRegister.seminarsRegister
{
margin-top:0px;	
}
.inPageGraphic .bouyWrap
{
	display:block;
right:90px;


		
}
.waterline
{
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:38px;
background:url(../img/waterline-semi.png) center center;	
}
 .bouyWrap .bouy{
-webkit-animation: sway 8.0s infinite;
	-moz-animation: sway 8.0s infinite;
	animation: sway 8.0s infinite;
	-ms-transform-origin: 30% 80%; /* IE 9 */
	-webkit-transform-origin: 30% 80%; /* Chrome, Safari, Opera */
	 transform-origin: 30% 80%;	
}
 .bouyWrap
 {
	display:block; 
 }
 .miniBouyWrap
{
	display:block;
right:10px;
	
}
.inPageGraphic .miniBouyWrap
{
right:30px;	
}
.fish-shoal-right
{
	width:380px;
	height:252px;
	position:absolute;
	right:20px;
	top:320px;
	background:url(../img/fish-shoal.png) center center no-repeat;
}
.inPageGraphic .birds-1
{
width:115px;
height:61px;
position:absolute;
top:60px;
left:120px;
background:url(../img/inpage-birds-1.png) center center no-repeat;	
}
.dialogElem
{

width:80%;
margin:50px auto 50px auto;	
}
.dialogElem h3
{
font-size:30px;	
}
.formWrap .lf, .formWrap .rg
{
width:50%;
float:left;	
}
.formWrap .rg input[type="text"]
{
width:100%;
}

.social .socialIcons a
{


	
}
.footerElements .predictaCopy p
	{
	margin:0px 0px 0px 30px;
	}
	.footerWrapper
{
background:url(../img/iceberg-0-home-768.png) top left no-repeat;
padding-top:600px;	
}

/* BEGIN FRAME ANIMATION CLASSES */

#topBergRow
{
	padding-top:60px;
background-color:#c1c0c6;
position:relative;
height:182px;
z-index:0;

	
}
#topBerg
{
background:url(../img/iceberg-top-768.png)top left no-repeat;
width:292px;
height:112px;
position:absolute;
bottom:0px;
left:-110px;

 transition-duration: 1s;
 -webkit-transition-duration: 1s;
 -moz-transition-duration: 1s;
 -ms-transition-duration: 1s;
 -o-transition-duration: 1s;
}
#smallBigBadge
{
position:absolute;
	z-index:200;
	background:url(../img/small-big-data-badge-768.png) center center;
	width:120px;
	height:120px;

 
   transition-duration: 1500ms;
 -webkit-transition-duration: 1000ms;
 -moz-transition-duration: 1000ms;
 -ms-transition-duration: 1000ms;
 -o-transition-duration: 1000ms;
}
#smallBigBadge.int
{
opacity:0;
left: 85px;
 top: 184px;

  height:0px;
}
#smallBigBadge.frm-1
{
left: 85px;
top: 124px;
height:120px;
opacity:1;	
}
#depthMeasure
{
	z-index:200;
width:34px;
height:625px;
top: -28px;
position:absolute;
   transition-duration: 500ms;
 -webkit-transition-duration: 500ms;
 -moz-transition-duration: 500ms;
 -ms-transition-duration: 500ms;
 -o-transition-duration: 500ms;
}
#depthMeasure.int
{
left:0px;
opacity:0;		
	
}
#depthMeasure.frm-1
{
	opacity:1;	
left:40px;
		
}
#textualPart-1
{
		z-index:200;
font-family:"Novecento normal";
font-size:30px;	
position:absolute;
      
color:#323749;
line-height:120%;
   transition-duration: 2s;
 -webkit-transition-duration: 2s;
 -moz-transition-duration: 2s;
 -ms-transition-duration: 2s;
 -o-transition-duration: 2s;
}
#textualPart-1.int
{
  
	top: 130px;
left: 245px;	
opacity:0;
}
#textualPart-1.frm-1
{
 top: 79px;
left: 245px;	
}
#textualPart-1 strong
{
font-family:"Novecento bold";	
}
#textualPart-2
{
		z-index:200;
font-family:"Novecento medium";
font-size:30px;	
position:absolute;
top:190px;

color:#fff;
line-height:130%;

   transition-duration: 2s;
 -webkit-transition-duration: 2s;
 -moz-transition-duration: 2s;
 -ms-transition-duration: 2s;
 -o-transition-duration: 2s;
}
#textualPart-2.int
{
left: 275px;
opacity:0;	
}
#textualPart-2.frm-1
{
left: 245px;
opacity:1;	
}
#bird-group-1
{
	width:257px;
	height:74px;
	position:absolute;
top: 40px;
    left: -100px;
		z-index:200;
		background-size:cover;
		background-image:url(../img/birds-1-iceberg.png);
		background-repeat:no-repeat;
		   transition-duration: 1000ms;
 -webkit-transition-duration: 1000ms;
 -moz-transition-duration: 1000ms;
 -ms-transition-duration: 1000ms;
 -o-transition-duration: 1000ms;
}
#bird-group-1.int
{
opacity:0;	
}
#bird-group-1.frm-1
{
opacity:1;	
}
#bird-group-2
{
width:112px;
height:144px;
	position:absolute;
	top:140px;
	left:1230px;
		z-index:200;
		display:none;	
}
#fish-1
{
position:absolute;
    top: 380px;
    left: 110px;
width:87px;
height:46px;
	z-index:100;
}




#graphicDotLine
{

height:24px;
position:absolute;
background:url(../img/dot-line-graphic.png) center left no-repeat;
z-index:200;

   transition-duration: 1500ms;
 -webkit-transition-duration: 1500ms;
 -moz-transition-duration: 1500ms;
 -ms-transition-duration: 1500ms;
 -o-transition-duration: 1500ms;
}
#graphicDotLine.int
{
	opacity:0;
    width: 0px;
    top: 280px;
    left: 110px;
}
#graphicDotLine.frm-1
{
opacity:1.0;
    width: 470px;
    top: 280px;
    left: 110px;	
}
#textualPart-3
{
	font-family: 'Novecento bold';
	z-index:200;
position:absolute;
    
color:#323749;
font-size:45px;

   transition-duration: 2s;
 -webkit-transition-duration: 2s;
 -moz-transition-duration: 2s;
 -ms-transition-duration: 2s;
 -o-transition-duration: 2s;	
}
#textualPart-3.int
{
top: 150px;
opacity:0;
left: 245px;
}
#textualPart-3.frm-1
{
top: 130px;
left: 245px;
}
#textualPart-4
{
	text-shadow: 3px 3px 0px rgba(0, 0, 0, 1);
	font-family: 'Novecento medium';
z-index:200;
position:absolute;
top: 190px;
font-size:39px;
color:#fff;
    line-height: 110%;
	
	   transition-duration: 2s;
 -webkit-transition-duration: 2s;
 -moz-transition-duration: 2s;
 -ms-transition-duration: 2s;
 -o-transition-duration: 2s;
}
#textualPart-4.int
{
	opacity:0;
left: 245px;		
}
#textualPart-4.frm-1
{
	opacity:1;
left: 245px;	
}
#textualPart-5
{
font-family: 'Open Sans', sans-serif;
font-weight:300;
position:absolute;
top:310px;
z-index:200;
color:#fff;
width: 340px;
   transition-duration: 2s;
 -webkit-transition-duration: 2s;
 -moz-transition-duration: 2s;
 -ms-transition-duration: 2s;
 -o-transition-duration: 2s;
}
#textualPart-5.int
{
opacity:0;
left: 245px;	
}
#textualPart-5.frm-1
{
left: 245px;

	
}
#textualPart-5 p
{
font-size:15px;	
margin:0px;
padding:0px 0px 20px 0px;
}




/* END FRAME ANIMATION CLASSES */
}

/* END TABLET STYLES */

/* BEGIN SM DESKTOP STYLES */
@media (min-width: 992px)
{
	.eventRegister.full
{
padding:20px 0px 0px 0px;
background:none;
margin-top:0px;	
width:100%;
}
.eventRegister.full h3
{
padding-top:0px;
padding-left:0px;	
}
.eventRegister.full h3 a
{
text-decoration:none;
padding: 0px;
    width: 100%;
    background:none;
    display: block;
    border-radius: 0px;
    border-right:none;
    border-bottom:none;	
}
.eventRegister.full h3 a:hover
{
background:none;
text-decoration:underline;	
}
.past, .upcoming
{
padding:30px 90px 0px 90px;	
}

.footerWrapperInPage
{
background:url(../img/inpage-iceberg-bottom.png) top left no-repeat;	
}
.inPageGraphic .bouyWrap
{
right:100px;	
}


	.footerWrapper
{
background:url(../img/iceberg-0-home-992.png) top left no-repeat;

}



/* BEGIN FRAME ANIMATION CLASSES */
#bird-group-1
{
	top:20px;
	width:279px;
	height:81px;
	left:-110px;
}
#topBerg {
    background: url(../img/iceberg-top-992.png)top left no-repeat;
    width: 364px;
    height: 140px;
    position: absolute;
    bottom: 0px;
    left: -155px;
}


#smallBigBadge
{
position:absolute;
	z-index:200;
	background:url(../img/small-big-data-badge-768.png) center center;
	width:120px;
	

  top: 124px;
}
#smallBigBadge.int
{
opacity:0;
left: 125px;
height:0px;
top: 184px;
}
#smallBigBadge.frm-1
{
left: 125px;
top: 124px;
opacity:1;	
height:120px;}


#textualPart-1
{

font-size:35px;	
top:62px;
color:#323749;

}
#textualPart-1.int
{
top: 120px;
left: 290px;	
opacity:0;
}
#textualPart-1.frm-1
{
opacity:1;
left: 290px;
top: 61px;	
}

#textualPart-2
{

font-size:35px;	
top:190px;
color:#fff;
line-height:130%;
}
#textualPart-2.int
{
left: 330px;
opacity:0;	
}
#textualPart-2.frm-1
{
left: 290px;
opacity:1;	
}
#fish-1
{
       top: 400px;
    left: 130px;	
}
#graphicDotLine
{

height:24px;
position:absolute;
background:url(../img/dot-line-graphic.png) center left no-repeat;
z-index:200;
}
#graphicDotLine.int
{
	opacity:0;
	width:0px;
    top: 300px;
    left: 120px;
}
#graphicDotLine.frm-1
{
opacity:1.0;
    width: 610px;
    top: 300px;
    left: 120px;	
}
#textualPart-3
{
	font-family: 'Novecento bold';
	z-index:200;
position:absolute;
        top: 127px;
color:#323749;
font-size:48px;	
}
#textualPart-3.int
{
	opacity:0;
	left: 290px;
}
#textualPart-3.frm-1
{
	opacity:1;
	left: 290px;
}
#textualPart-4
{
	text-shadow: 3px 3px 0px rgba(0, 0, 0, 1);
	font-family: 'Novecento medium';
z-index:200;
position:absolute;
top: 190px;
font-size:48px;
color:#fff;
    line-height: 110%;
}
#textualPart-4.int
{
left: 290px;
opacity:0;	
}
#textualPart-4.frm-1
{
left: 290px;	
}
#textualPart-5
{
font-family: 'Open Sans', sans-serif;
font-weight:300;
position:absolute;
top:335px;
z-index:200;
color:#fff;
}
#textualPart-5.int
{
opacity:0;
left: 320px;
width:450px;	
}
#textualPart-5.frm-1
{
left: 290px;
width:450px;
	
}
#textualPart-5 p
{
font-size:16px
}
/* END FRAME ANIMATION CLASSES */
}
/* END SM DESKTOP STYLES */

/* BEGIN LARGE DESKTOP STYLES */
@media (min-width: 1200px)
{
.headWrapper
{
	overflow:hidden;
	    padding: 25px 0 55px 0px;	
}
.past, .upcoming
{
padding:30px 120px 0px 120px;	
}
.graphicWrapper .bouyWrap
{
right:120px;	
}
.miniBouyWrap
{
right:60px;
display:block;	
}	



	.footerWrapper
{
background:url(../img/iceberg-0-home.png) top left no-repeat;
padding-top:700px;
}



/* BEGIN FRAME ANIMATION CLASSES */
#bird-group-1
{
	top:-30px;
	width:449px;
	height:155px;
}
#topBerg {
    background: url(../img/iceberg-top.png)top left no-repeat;
    width: 471px;
    height: 181px;
    position: absolute;
    bottom: 0px;
    left: -120px;
}
#smallBigBadge.int {
	height:0px;
    left: 235px;
	top:184px;
}
#smallBigBadge.frm-1 {
    left: 235px;
	height:120px;
	top:124px;
}
#textualPart-1
{
	line-height:120%;
font-size:40px;
top:44px;	
}
#textualPart-1.int
{
left: 440px;	
opacity:0;
    top: 120px;
}
#textualPart-1.frm-1
{
opacity:1;
left: 440px;
    top: 44px;	
}
#textualPart-2
{
font-size:40px;	
}
#textualPart-2.int
{
left: 440px;	
opacity:0;
}
#textualPart-2.frm-1
{
opacity:1;
left: 440px;	
}
#fish-1
{
top: 440px;
    left: 250px;
}

#graphicDotLine
{
width:725px;
height:24px;
position:absolute;
background:url(../img/dot-line-graphic.png) center left no-repeat;
z-index:200;
}
#graphicDotLine.int
{
	opacity:0;
	width:0px;
top: 325px;
left: 245px;
}
#graphicDotLine.frm-1
{
opacity:1.0;
width:655px;
top: 325px;
    left: 245px;
}
#textualPart-3
{
	font-family: 'Novecento bold';
	z-index:200;
position:absolute;
    top: 117px;
color:#323749;
font-size:57px;	
}
#textualPart-3.int
{
	opacity:0;
left: 440px;
 top: 137px;
}
#textualPart-3.frm-1
{
left: 440px;
 top: 117px;
}
#textualPart-4
{
	text-shadow: 3px 3px 0px rgba(0, 0, 0, 1);
	font-family: 'Novecento medium';
z-index:200;
position:absolute;
top: 190px;
font-size:57px;
color:#fff;
    line-height: 110%;
}
#textualPart-4.int
{
	opacity:0;
left: 440px;	
}
#textualPart-4.frm-1
{
left: 440px;	
}
#textualPart-5
{
font-family: 'Open Sans', sans-serif;
font-weight:300;
position:absolute;
top:360px;
z-index:200;
color:#fff;
}
#textualPart-5.int
{
opacity:0;
width:470px;
left:470px;	
}
#textualPart-5.frm-1
{
left:440px;
width:470px;
	
}
#textualPart-5 p
{
font-size:16px;	
}

/* end FRAME ANIMATION CLASSES */

	
}
/* END LARGE DESKTOP STYLES */
@media (min-width: 1400px)
{
.graphicWrapper > .bouyWrap
{
display:block;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -ms-transition-duration: 2s;
    -o-transition-duration: 2s;	
}
.graphicWrapper .bouyWrap.int
{
opacity:0;	
}
.graphicWrapper .bouyWrap.frm-1
{
opacity:1;	
}
}

/* keyframe andimations */

@-webkit-keyframes sway {
	0% {-webkit-transform:rotate(4deg);}
	50% {-webkit-transform:rotate(-4deg);}
	100% {-webkit-transform:rotate(4deg);}
}
 
/* firefox */
@-moz-keyframes sway {
	0% {-moz-transform:rotate(4deg);}
	50% {-moz-transform:rotate(-4deg);}
	100% {-moz-transform:rotate(4deg);}
}
 
/* anyone brave enough to implement the ideal method */
@keyframes sway {
	0% {transform:rotate(4deg);}
	50% {transform:rotate(-4deg);}
	100% {transform:rotate(4deg);}
}