@charset "utf-8";
:focus { outline: none; }
input[type=text]:focus,
input[type=password]:focus, textarea:focus { outline: 0 none; }
body, html { height: 100%; min-height: 100%; font-weight: normal; font-style:normal; }
input, textarea, select { -webkit-appearance: none; }
input, textarea, select { -webkit-border-radius: 0; border-radius: 0; }
body, nav, ul, li, a {margin:0;padding:0;}
html, html a {
    -webkit-font-smoothing: antialiased !important;
	-webkit-text-size-adjust: none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
}
body {
	background-color: rgba(255, 255, 255, 1);
	font-family: 'Conv_DINPro-Regular';
	font-size: 24px; 
	line-height: 28px;
	color: rgba(74, 74, 74, 1);
	text-align: left;
	text-decoration: none;
	text-transform: none;
	}
sub { vertical-align: sub }
sup { vertical-align: super }

ul { margin-left: 0; padding-left: 22px; list-style-position: outside; }

.img-home, .img-logo, .img-links-banner, .img-hotel-01, .img-bio-logo-01, .img-bio-logo-02, .img-bio-logo-03, .img-footer { 
	width: auto;
	border: none;
	opacity: 1;
	}

/* ---------- ---------- ---------- icro.com.hr :: 16-12-2024 :: section ---------- ---------- ---------- */

#header, #header-u, .bgprvi, #header-home-active, #header-home, 
#HEADERm, #popupMenu, #navigation, #navigation > a.nav-link, 
#section0, .section0Bg, .section0Container, .section01Content, .section011Content, .section02Content, .section021Content, .section03Content, .section0221Content, 
#sectionA1, .sectionA1Bg, .sectionA1Container, .sectionA11Content, .sectionA111Content, .sectionA12Content, .sectionA121Content, 
#sectionB1, .sectionB1Bg, .sectionB1Container, .sectionB11Content, .sectionB111Content, .sectionB12Content, .sectionB121Content, 
#section1, .section1Bg, .section1Container, .section11Content, .section111Content, .section12Content, .section121Content, .section122Content, 
#section2, .section2Bg, .section2Container, .section21Content, 
#section3, .section3Bg, .section3Container, .section31Content, .section32Content, 
#section4, .section4Bg, .section4Container, .section41Content, .section42Content, 
#section5,.section5Bg, .section51Content, .section511Content, .section52Content, .section511Content, 
#section6, .section6Bg, .section61Content, .section611Content, .section62Content, .section621Content, .section622Content, 
#section7, .section7Bg, .section71Content, .section711Content, .section72Content, 
#section2i, .section2iBg, .section2iContainer, .section2i1Content, 
#section4i, .section4iBg, .section4iContainer, .section4i1Content, .section4i2Content, 
#section10i, .section10iBg, .section10iContainer, .section10i1Content, .section10i11Content, .section10i2Content, .section10i21Content, 

#sectionSPO, .sectionSPOBg, .sectionSPOContainer, .sectionSPO1Content, .sectionSPO2Content, .sectionSPO2Content-logo, .sectionSPO2Content-logo-img, 

#sectionF, .sectionFBg, .sectionFContainer, .sectionF1Content, .sectionF2Content, .sectionF21Content, .sectionF3Content, .sectionF4Content, .sectionF41Content, .sectionF5Content, 
.class-01-blue a:link, .class-01-blue a:visited, .class-01-blue a:active, .class-01-blue a:hover, 
.class-02-blue a:link, .class-02-blue a:visited, .class-02-blue a:active, .class-02-blue a:hover, 
.class-03-gray a:link, .class-03-gray a:visited, .class-03-gray a:active, .class-03-gray a:hover, 
.class-F-01 a:link, .class-F-01 a:visited, .class-F-01 a:active, .class-F-01 a:hover, 
img {
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
	}
#header, #header-u, 
#section0, .section0Bg, .section0Container, .section01Content, .section011Content, .section02Content, .section021Content, .section03Content, .section0221Content, 
#sectionA1, .sectionA1Bg, .sectionA1Container, .sectionA11Content, .sectionA111Content, .sectionA12Content, .sectionA121Content, 
#sectionB1, .sectionB1Bg, .sectionB1Container, .sectionB11Content, .sectionB111Content, .sectionB12Content, .sectionB121Content, 
#section1, .section1Bg, .section1Container, .section11Content, .section111Content, .section12Content, .section121Content, .section122Content, 
#section2, .section2Bg, .section2Container, .section21Content, 
#section3, .section3Bg, .section3Container, .section31Content, .section32Content, 
#section4, .section4Bg, .section4Container, .section41Content, .section42Content, 
#section5,.section5Bg, .section51Content, .section511Content, .section52Content, .section511Content, 
#section6, .section6Bg, .section61Content, .section611Content, .section62Content, .section621Content, .section622Content, 
#section7, .section7Bg, .section71Content, .section711Content, .section72Content, 
#section2i, .section2iBg, .section2iContainer, .section2i1Content, 
#section4i, .section4iBg, .section4iContainer, .section4i1Content, .section4i2Content, 
#section10i, .section10iBg, .section10iContainer, .section10i1Content, .section10i11Content, .section10i2Content, .section10i21Content, 

#sectionSPO, .sectionSPOBg, .sectionSPOContainer, .sectionSPO1Content, .sectionSPO2Content, .sectionSPO2Content-logo, .sectionSPO2Content-logo-img, 

#sectionF, .sectionFBg, .sectionFContainer, .sectionF1Content, .sectionF2Content, .sectionF21Content, .sectionF3Content, .sectionF4Content, .sectionF41Content, .sectionF5Content { 
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	display: block;
	float: none;
	z-index: 1;
}

/* ---------- ---------- ---------- icro.com.hr :: 16-12-2024 :: header ---------- ---------- ---------- */

#header { position: fixed; width:100%; height:90px; text-align: center; z-index: 100; display: block; }
#header-u { max-width: 1440px; height: 90px; }
.bgprvi { background-color: rgba(0, 76, 152, 1); }
#header-home-active, #header-home {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 37px 33px;
	top: 25px; 
	left: 120px; 
	width: 37px;
	height: 33px;
	text-align: left;
	}
#header-home-active {
	background-image: url(img/home-h.png);
	}
#header-home {
	background-image:url(img/home.png);
	}
.img-home { height: 33px; opacity: 0; }
.img-home:hover{ opacity: 1; }

#HEADERm { display: none; }
#popupMenu { display: none; }

#navigation { position: absolute; width: auto; top: 30px; right: 55px; font-family:'Conv_DINPro-Medium'; font-size: 18px; line-height: 25px; list-style-type: none; text-decoration: none; text-align: left; display: inline; z-index:1; }
#navigation > a.nav-link { margin-right: 20px; color: rgba(255, 255, 255, 1); text-decoration: none; display: inline; }
#navigation > a.nav-link.active{ color: rgba(240, 200, 8, 1); text-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.25); }
#navigation > a.nav-link:hover{ color: rgba(240, 200, 8, 1); text-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.25); }
#navigation > a.nav-link:active{ color: rgba(240, 200, 8, 1); text-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.25); }

/* ---------- ---------- ---------- icro.com.hr :: 16-12-2024 :: section bubble ---------- ---------- ---------- */

#section0 { width:100%; height:670px; background-color: rgba(0, 76, 152, 1); }
.section0Bg { max-width: 1440px; height: 670px; }
.section0Container { width: 100%; height: 670px; }
.section01Content { width: 720px; min-height: auto; margin-left: 0px; margin-right: 0px; float:left; display: block; }
.section011Content { width: 350px; min-height: auto; margin-top: 215px; margin-left: 180px; float: left; display: block; }
.section02Content { width: 580px; min-height: auto; margin-top: 0px; margin-left: 0px; margin-right: 0px; float:left; display: block; }
.section021Content { width: 580px; min-height: auto; margin-top: 140px; margin-left: 0px; float: left; display: block; }
.section03Content { width: 1040px; min-height: auto; margin-top: 40px; margin-left: 200px; float: left; }
.section0221Content { width: auto; height: 100px; margin-left: 0px; margin-right: 10px; text-align: left; float: left; }

#sectionA1 { width:100%; height: 670px; background-color: rgba(0, 76, 152, 1); }
.sectionA1Bg { max-width: 1440px; height: 670px; }
.sectionA1Container { width: 100%; height: 670px; }
.sectionA11Content { width: 720px; min-height: auto; margin-left: 0px; margin-right: 0px; float:left; display: block; }
.sectionA111Content { width: 350px; min-height: auto; margin-top: 215px; margin-left: 180px; float: left; display: block; }
.sectionA12Content { width: 580px; min-height: auto; margin-top: 0px; margin-left: 0px; margin-right: 0px; float:left; display: block; }
.sectionA121Content { width: 580px; min-height: auto; margin-top: 165px; margin-left: 0px; float: left; display: block; }

#sectionB1 { width:100%; height: 335px; background-color: rgba(0, 76, 152, 1); }
.sectionB1Bg { max-width: 1440px; height: 335px; }
.sectionB1Container { width: 100%; height: 335px; }
.sectionB11Content { width: 720px; min-height: auto; margin-left: 0px; margin-right: 0px; float:left; display: block; }
.sectionB111Content { width: 350px; min-height: auto; margin-top: 95px; margin-left: 180px; float: left; display: block; }
.sectionB12Content { width: 580px; min-height: auto; margin-top: 0px; margin-left: 0px; margin-right: 0px; float:left; display: block; }
.sectionB121Content { width: 580px; min-height: auto; margin-top: 165px; margin-left: 0px; float: left; display: block; }

/* ---------- ---------- ---------- icro.com.hr :: 16-12-2024 :: section home topic ---------- ---------- ---------- */

#section1 { background-image: url(img/sec2bg.png); background-repeat: repeat-y; background-position: center top; }
.section1Bg { max-width: 1440px; min-height: auto; }
.section11Content{ width: 740px; margin-left: 0px; margin-right: 0px; float:left; }
.section111Content { width: 430px; margin-top: 60px; margin-left: 200px; margin-bottom: 60px; float: none; }
.section12Content { width: 600px; background-color: rgba(240, 200, 8, 0); margin-top: 0px; margin-left: 0px; margin-right: 0px; float:left; }
.section121Content { width: 450px; margin-top: 65px; margin-left: 120px; margin-bottom: 60px; float: none; }
.section122Content { 
	position: relative; 
	width: 160px;
	height: 38px;
	background-color: rgba(255, 255, 255, 1);
	margin-bottom: 60px;
	font-family: 'Conv_DINPro-Bold'; 
	font-size: 18px; 
	line-height: 32px; 
	color: rgba(0, 76, 152, 1);
	text-align: center;
	display: block;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.25);
	cursor: pointer;
	}
.section122Content:hover {
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.75);
	}

/* ---------- ---------- ---------- icro.com.hr :: 16-12-2024 :: section home quote ---------- ---------- ---------- */

#section2 { background-color: rgba(0, 76, 152, 1); }
.section2Bg { max-width: 1440px; min-height: auto; }
.section21Content { width: 700px; margin-top: 60px; margin-bottom: 60px; }

/* ---------- ---------- ---------- icro.com.hr :: 16-12-2024 :: section home welcome ---------- ---------- ---------- */

#section3 { background-color: rgba(240, 200, 8, 1); }
.section3Bg { max-width: 1440px; min-height: auto; }
.section31Content { width: 1040px; margin-top: 60px; }
.section32Content { 
	position: relative; 
	width: 257px;
	height: 38px;
	background-color: rgba(255, 255, 255, 1);
	margin-top: 75px;
	margin-bottom: 60px;
	font-family: 'Conv_DINPro-Bold'; 
	font-size: 18px; 
	line-height: 32px; 
	color: rgba(0, 76, 152, 1);
	text-align: center;
	display: block;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.25);
	cursor: pointer;
	}
.section32Content:hover {
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.75);
	}

/* ---------- ---------- ---------- icro.com.hr :: 16-12-2024 :: section home program ---------- ---------- ---------- */

.section4Bg { max-width: 1440px; min-height: auto; }
.section41Content { width: 1040px; margin-top: 60px; }
.section42Content { 
	position: relative; 
	width: 257px;
	height: 38px;
	background-color: rgba(0, 76, 152, 1);
	margin-top: 75px;
	margin-bottom: 60px;
	font-family: 'Conv_DINPro-Bold'; 
	font-size: 18px; 
	line-height: 32px; 
	color: rgba(255, 255, 255, 1);
	text-align: center;
	display: block;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.25);
	cursor: pointer;
	}
.section42Content:hover {
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.75);
	}

/* ---------- ---------- ---------- icro.com.hr :: 30-07-2025 :: section home SPONSORS ---------- ---------- ---------- */

.sectionSPOBg { max-width: 1440px; min-height: auto; }
.sectionSPO1Content { width: 1040px; margin-top: 60px; }
.sectionSPO2Content { width: 1200px; margin-top: 60px; margin-bottom: 60px; }
.sectionSPO2Content-logo { width: 100%; margin-top: 0px; margin-bottom: 0px; }
.sectionSPO2Content-logo-img { width: auto; height:100px; margin-top: 10px; margin-bottom: 10px; float: left; }
.col-SPO { text-align: left; vertical-align: top;}
.col-SPOLO { text-align: center; vertical-align: top;}
.txt-SPO { font-family: 'Conv_DINPro-Bold'; font-size: 36px; line-height: 44px; }
.img-SPO{width:auto;height:100px;border:none;opacity:1;}

/* ---------- ---------- ---------- icro.com.hr :: 16-12-2024 :: section about  ---------- ---------- ---------- */

.section5Bg { max-width: 1440px; min-height: auto; }
.section51Content { width: 720px; float: left; }
.section511Content { width: auto; margin-top: 60px; margin-left: 135px; margin-bottom: 60px; float: left; }
.section52Content { width: 500px; float: left; }
.section521Content { width: auto; margin-top: 60px; margin-left: 40px; margin-bottom: 60px; float: left; }

#section6 { background-color: rgba(240, 200, 8, 1); }
.section6Bg  { max-width: 1440px; min-height: auto; }
.section61Content { width: 720px; float: left; }
.section611Content { width: auto; margin-top: 60px; margin-left: 135px; margin-bottom: 60px; float: left; }
.section62Content { width: 700px; float: left; }
.section621Content { width: auto; margin-top: 75px; margin-left: 40px; margin-bottom: 0px; float: left; }
.section622Content { 
	position: relative; 
	width: 300px;
	height: 38px;
	background-color: rgba(255, 255, 255, 1);
	margin-top: 40px;
	margin-bottom: 60px;
	font-family: 'Conv_DINPro-Bold'; 
	font-size: 18px; 
	line-height: 32px; 
	color: rgba(0, 76, 152, 1);
	text-align: center;
	display: block;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.25);
	cursor: pointer;
	margin-left: 40px; 
	float: left;
	}
.section622Content:hover {
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.75);
	}

.section7Bg { max-width: 1440px; height: 452px; }
.section71Content { width:740px; float: left; }
.section711Content { width: auto; margin-top: 60px; margin-left: 135px; float: left;}
.section72Content { width: 680px; min-height: auto; margin-top: 0px; float: left; }

/* ---------- ---------- ---------- icro.com.hr :: 16-12-2024 :: quote ---------- ---------- ---------- */

#section2i { background-color: rgba(240, 200, 8, 1); }
.section2iBg { max-width: 1440px; min-height: auto; }
.section2i1Content { width: 700px; margin-top: 60px; margin-bottom: 60px; }

/* ---------- ---------- ---------- icro.com.hr :: 16-12-2024 :: registration, submit ---------- ---------- ---------- */

.section4iBg { max-width: 1440px; min-height: auto; }
.section4i1Content { width: 450px; margin-top: 60px; }
.section4i2Content { 
	position: relative; 
	width: 160px;
	height: 38px;
	background-color: rgba(0, 76, 152, 1);
	margin-top: 75px;
	margin-bottom: 60px;
	font-family: 'Conv_DINPro-Bold'; 
	font-size: 18px; 
	line-height: 32px; 
	color: rgba(255, 255, 255, 1);
	text-align: center;
	display: block;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.25);
	cursor: pointer;
	}
.section4i2Content:hover {
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.75);
	}

/* ---------- ---------- ---------- icro.com.hr :: 16-12-2024 :: wel, com, pro, bio, bio, enc, con ---------- ---------- ---------- */

.section10iBg { max-width: 1440px; min-height: auto; }
.section10i1Content { width: 720px; min-height: auto; float:left; }
.section10i11Content { margin-top: 60px; margin-left: 135px; margin-bottom: 60px; width: 585px; float: left; }
.section10i2Content { width: 580px; min-height: auto; float: left; }
.section10i21Content { width: auto; margin-top: 75px; margin-left: 40px; margin-bottom: 60px;  float: left; }

/* ---------- ---------- ---------- icro.com.hr :: 16-12-2024 :: footer ---------- ---------- ---------- */

#sectionF { background-color: rgba(0, 76, 152, 1); }
.sectionFBg { max-width: 1440px; }
.sectionF1Content { width: 1040px; margin-top: 60px; }
.sectionF2Content { width: 1040px; margin-top: 20px; }
.sectionF21Content { width: 202px; margin: 0px; text-align: left; float:left; }
.sectionF3Content { width: 1040px; margin-top: 50px; }
.sectionF4Content { width: 1040px; margin-top: 25px; text-align: left; }
.sectionF41Content { width: auto; height: 100px; margin-left: 0px; margin-right: 10px; text-align: left; float: left;}
.sectionF5Content { width: 1040px; margin-top: 20px; margin-bottom: 65px; }

.col-F-01 { text-align: left; vertical-align: top; }

.txt-F-01 { font-family: 'Conv_DINPro-Bold'; font-size: 36px; line-height: 44px; color: rgba(255, 255, 255, 1); }
.txt-F-02 { font-family: 'Conv_DINPro-Bold'; color: rgba(255, 255, 255, 1); }
.txt-F-03 { font-family: 'Conv_DINPro-Light'; font-size: 20px; line-height: 25px; color: rgba(255, 255, 255, 1); }
.txt-F-04 { color: rgba(255, 255, 255, 1); }
.class-F-01 a:link, .class-F-01 a:visited, .class-F-01 a:active, .class-F-01 a:hover { 
	font-family: 'Conv_DINPro-Medium';
	font-size: 24px;
	line-height: 28px;
	color: rgba(255, 255, 255, 1);
	text-align: left;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	}
.class-F-01 a:hover { color: rgba(240, 200, 8, 1); }
.img-footer { height: 100px; }

/* ---------- ---------- ---------- icro.com.hr :: 16-12-2024 :: table ---------- ---------- ---------- */

.tblWidth100 { width: 100%; border-spacing: 0px; }
.col-01 { text-align: left; vertical-align: top;}
.col-02 { height: 35px; }
.col-03 { height: 30px; }
.col-04 { text-align: right; vertical-align: top; }
.col-04i { text-align: right; vertical-align: top;}
.col-07 { height: 25px; }
.col-08 { height: 15px; }
.col-09 { height: 30px; }
.col-011 { height: 20px; }
.col-05ai { height: 20px; }
.col-06ai { height: 60px; }
.col-05wl { height: 20px; }
.col-010wl { height: 30px; }

/* ---------- ---------- ---------- icro.com.hr :: 16-12-2024 :: class ---------- ---------- ---------- */

.txt-01-gray, .txt-01-blue, .txt-04-white, .txt-07-white, .txt-011-blue, .txt-013-blue, .txt-014-gray, .txt-016-gray, .txt-019-blue, .txt-020-gray { 
	font-family: 'Conv_DINPro-Bold'; 
	}
.txt-01-blue, .txt-02-blue, .txt-011-blue, .txt-012-blue, .txt-013-blue, .txt-018-blue, .txt-019-blue {
	color: rgba(0, 76, 152, 1);
	}
.txt-01-gray, .txt-01-blue, .txt-02-gray, .txt-02-blue, .txt-03-white, .txt-020-gray, .txt-021-gray, .txt-018-blue {
	font-size: 36px;
	line-height: 44px;
	}
.txt-03-white, .txt-09-white {
	font-family: 'latoitalic';
	color: rgba(255, 255, 255, 1);
	}
.txt-011-blue, .txt-016-gray {
	font-size: 64px; 
	line-height: 77px; 
	text-align: right;
	}

.txt-05-gray { 
	font-family: 'Conv_DINPro-Light';
	font-size: 48px;
	line-height: 58px;
	}
.txt-06-gray { }
.txt-010-gray { }
.txt-010b-gray { font-family: 'Conv_DINPro-Bold'; }
.txt-010m-gray { font-family: 'Conv_DINPro-Medium'; }
.txt-010i-gray { font-style:  italic; }
.txt-010si-gray { font-family: 'Conv_DINPro-Light'; font-style:  italic; }
.txt-014-gray { }
.txt-015-gray { font-family:'Conv_DINPro-Medium'; font-size:20px; }
.txt-020-gray, .txt-021-gray { text-align: right; }

.txt-04-white {
	font-size: 24px;
	line-height: 30px; 
	color: rgba(255, 255, 255, 1);
	text-align: right;
	}
.txt-07-white {
	font-size: 48px;
	line-height: 60px;
	color: rgba(255, 255, 255, 1);
	}
.txt-08-white {
	line-height: 34px;
	color: rgba(255, 255, 255, 1);
	}
.txt-09-white { 
	font-size: 48px;
	line-height: 58px;
	}

.txt-013-blue { }
.txt-018-blue { font-family: 'latoitalic'; }
.txt-019-blue { line-height: 30px; text-align: right; }

.class-01-blue a:link, .class-01-blue a:visited, .class-01-blue a:active, .class-01-blue a:hover, 
.class-02-blue a:link, .class-02-blue a:visited, .class-02-blue a:active, .class-02-blue a:hover,
.class-03-gray a:link, .class-03-gray a:visited, .class-03-gray a:active, .class-03-gray a:hover { 
	font-family: 'Conv_DINPro-Medium';
	font-size: 24px;
	line-height: 28px;
	color: rgba(74, 74, 74, 1);
	text-align: left;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	}
.class-01-blue a:link, .class-01-blue a:visited, .class-01-blue a:active, .class-01-blue a:hover { 
	font-family: 'Conv_DINPro-Regular';
	color: rgba(0, 76, 152, 1);
	}
.class-02-blue a:link, .class-02-blue a:visited, .class-02-blue a:active, .class-02-blue a:hover { 
	color: rgba(0, 76, 152, 1);
	}
.class-01-blue a:hover, .class-02-blue a:hover, .class-03-gray a:hover { text-decoration: underline; }

.img-logo { height: 180px; }
.img-links-banner { height: 100px; }
.img-hotel-01 {width: 680px; }
.img-bio-logo-01 { width: 148px; }
.img-bio-logo-02 { width: 168px; }
.img-bio-logo-03 { width: 140px; }

#sectionAnimContent{position:absolute;width:1440px;height:670px;top:0px;left:0px;display:block;overflow:hidden;}
#sectionAnimBContent{position:absolute;width:1440px;height:670px;bottom:0px;left:0px;display:block;overflow:hidden;}
#bubble01{position:absolute;width:328px;height:327px;top:452px;left:1075px;transform-style:preserve-3d;transform:translate3d (0px, 0px, 0px);opacity:1;}
#bubble02{position:absolute;width:135px;height:136px;top:282px;left:620px;transform-style:preserve-3d;transform:translate3d (0px, 0px, 0px);opacity:1;}
#bubble03{position:absolute;width:75px;height:76px;top:65px;left:460px;transform-style:preserve-3d;transform:translate3d (0px, 0px, 0px);opacity:1;}
#bubble04{position:absolute;width:64px;height:65px;top:70px;left:1095px;transform-style:preserve-3d;transform:translate3d (0px, 0px, 0px);opacity:1;}
#bubble05{position:absolute;width:59px;height:59px;top:140px;left:1319px;transform-style:preserve-3d;transform:translate3d (0px, 0px, 0px);opacity:1;}
#bubble06{position:absolute;width:198px;height:198px;top:62px;left:857px;transform-style:preserve-3d;transform:translate3d (0px, 0px, 0px);opacity:1;}
#bubble07{position:absolute;width:101px;height:102px;top:452px;left:241px;transform-style:preserve-3d;transform:translate3d (0px, 0px, 0px);opacity:1;}
#bubble08{position:absolute;width:138px;height:139px;top:60px;left:30px;transform-style:preserve-3d;transform:translate3d (0px, 0px, 0px);opacity:1;}
#bubble09{position:absolute;width:82px;height:82px;top:305px;left:1075px;transform-style:preserve-3d;transform:translate3d (0px, 0px, 0px);opacity:1;}
#bubble010{position:absolute;width:52px;height:53px;top:597px;left:63px;transform-style:preserve-3d;transform:translate3d (0px, 0px, 0px);opacity:1;}
#bubble011{position:absolute;width:52px;height:53px;top:124px;left:350px;transform-style:preserve-3d;transform:translate3d (0px, 0px, 0px);opacity:1;}
#bubble012{position:absolute;width:25px;height:25px;top:210px;left:615px;transform-style:preserve-3d;transform:translate3d (0px, 0px, 0px);opacity:1;}
.img-bubble-01{width:auto;height:327px;border:none;opacity:1;}
.img-bubble-02{width:auto;height:136px;border:none;opacity:1;}
.img-bubble-03{width:auto;height:76px;border:none;opacity:1;}
.img-bubble-04{width:auto;height:65px;border:none;opacity:1;}
.img-bubble-05{width:auto;height:59px;border:none;opacity:1;}
.img-bubble-06{width:auto;height:198px;border:none;opacity:1;}
.img-bubble-07{width:auto;height:102px;border:none;opacity:1;}
.img-bubble-08{width:auto;height:139px;border:none;opacity:1;}
.img-bubble-09{width:auto;height:82px;border:none;opacity:1;}
.img-bubble-010{width:auto;height:53px;border:none;opacity:1;}
.img-bubble-011{width:auto;height:53px;border:none;opacity:1;}
.img-bubble-012{width:auto;height:25px;border:none;opacity:1;}
.animateBubble01{-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animateBubble02{-webkit-animation-duration:27s;animation-duration:27s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animateBubble03{-webkit-animation-duration:25s;animation-duration:25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animateBubble04{-webkit-animation-duration:22s;animation-duration:22s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
#logo01{position:absolute;width:350px;height:180px;top:215px;left:180px;transform-style:preserve-3d;transform:translate3d (0px, 0px, 0px);opacity:1;}
.animateLogo{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes mymoveBubble01{0%{transform:translate3d(0px, 850px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -850px, 0px);opacity:1;animation-timing-function:linear;}
}
@keyframes mymoveBubble01{0%{transform:translate3d(0px, 850px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -850px, 0px);opacity:1;animation-timing-function:linear;}
}
@-webkit-keyframes mymoveBubble02{0%{transform:translate3d(0px, 950px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -1250px, 0px);opacity:1;animation-timing-function:linear;}
}
@keyframes mymoveBubble02{0%{transform:translate3d(0px, 950px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -1250px, 0px);opacity:1;animation-timing-function:linear;}
}
@-webkit-keyframes mymoveBubble03{0%{transform:translate3d(0px, 1050px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -1350px, 0px);opacity:1;animation-timing-function:linear;}
}
@keyframes mymoveBubble03{0%{transform:translate3d(0px, 1050px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -1350px, 0px);opacity:1;animation-timing-function:linear;}
}
@-webkit-keyframes mymoveBubble04{0%{transform:translate3d(0px, 1250px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -950px, 0px);opacity:1;animation-timing-function:linear;}
}
@keyframes mymoveBubble04{0%{transform:translate3d(0px, 1250px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -950px, 0px);opacity:1;animation-timing-function:linear;}
}
@-webkit-keyframes mymoveBubble05{0%{transform:translate3d(0px, 550px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -650px, 0px);opacity:1;animation-timing-function:linear;}
}
@keyframes mymoveBubble05{0%{transform:translate3d(0px, 550px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -650px, 0px);opacity:1;animation-timing-function:linear;}
}
@-webkit-keyframes mymoveBubble06{0%{transform:translate3d(0px, 550px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -550px, 0px);opacity:1;animation-timing-function:linear;}
}
@keyframes mymoveBubble06{0%{transform:translate3d(0px, 550px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -550px, 0px);opacity:1;animation-timing-function:linear;}
}
@-webkit-keyframes mymoveBubble07{0%{transform:translate3d(0px, 650px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -950px, 0px);opacity:1;animation-timing-function:linear;}
}
@keyframes mymoveBubble07{0%{transform:translate3d(0px, 650px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -950px, 0px);opacity:1;animation-timing-function:linear;}
}
@-webkit-keyframes mymoveBubble08{0%{transform:translate3d(0px, 650px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -750px, 0px);opacity:1;animation-timing-function:linear;}
}
@keyframes mymoveBubble08{0%{transform:translate3d(0px, 650px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -750px, 0px);opacity:1;animation-timing-function:linear;}
}
@-webkit-keyframes mymoveBubble09{0%{transform:translate3d(0px, 650px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -950px, 0px);opacity:1;animation-timing-function:linear;}
}
@keyframes mymoveBubble09{0%{transform:translate3d(0px, 650px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -950px, 0px);opacity:1;animation-timing-function:linear;}
}
@-webkit-keyframes mymoveBubble010{0%{transform:translate3d(0px, 550px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -950px, 0px);opacity:1;animation-timing-function:linear;}
}
@keyframes mymoveBubble010{0%{transform:translate3d(0px, 550px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -950px, 0px);opacity:1;animation-timing-function:linear;}
}
@-webkit-keyframes mymoveBubble011{0%{transform:translate3d(0px, 650px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -950px, 0px);opacity:1;animation-timing-function:linear;}
}
@keyframes mymoveBubble011{0%{transform:translate3d(0px, 550px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -650px, 0px);opacity:1;animation-timing-function:linear;}
}
@-webkit-keyframes mymoveBubble012{0%{transform:translate3d(0px, 550px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -650px, 0px);opacity:1;animation-timing-function:linear;}
}
@keyframes mymoveBubble012{0%{transform:translate3d(0px, 650px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, -950px, 0px);opacity:1;animation-timing-function:linear;}
}
@-webkit-keyframes mymoveLogo01{0%{transform:translate3d(0px, 650px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, 0px, 0px);opacity:1;animation-timing-function:linear;}
}
@-webkit-keyframes mymoveLogo01{0%{transform:translate3d(0px, 650px, 0px);opacity:1;animation-timing-function:linear;}
100%{transform:translate3d(0px, 0px, 0px);opacity:1;animation-timing-function:linear;}
}
.bubble-anim-01{-webkit-animation-name:mymoveBubble01;animation-name:mymoveBubble01;}
.bubble-anim-02{-webkit-animation-name:mymoveBubble02;animation-name:mymoveBubble02;}
.bubble-anim-03{-webkit-animation-name:mymoveBubble03;animation-name:mymoveBubble03;}
.bubble-anim-04{-webkit-animation-name:mymoveBubble04;animation-name:mymoveBubble04;}
.bubble-anim-05{-webkit-animation-name:mymoveBubble05;animation-name:mymoveBubble05;}
.bubble-anim-06{-webkit-animation-name:mymoveBubble06;animation-name:mymoveBubble06;}
.bubble-anim-07{-webkit-animation-name:mymoveBubble07;animation-name:mymoveBubble07;}
.bubble-anim-08{-webkit-animation-name:mymoveBubble08;animation-name:mymoveBubble08;}
.bubble-anim-09{-webkit-animation-name:mymoveBubble09;animation-name:mymoveBubble09;}
.bubble-anim-010{-webkit-animation-name:mymoveBubble010;animation-name:mymoveBubble010;}
.bubble-anim-011{-webkit-animation-name:mymoveBubble011;animation-name:mymoveBubble011;}
.bubble-anim-012{-webkit-animation-name:mymoveBubble012;animation-name:mymoveBubble012;}
.logo-anim-01{-webkit-animation-name:mymoveLogo01;animation-name:mymoveLogo01;}