html,body {
	margin:0;
	padding:0;
font-family:"Open Sans Semibold";
color:#fff;
font-size:.81em;
height:100%;
}

body {
	background: url(images/Wix-PW-World-Map-Cover-background.jpg) center fixed;
	background-size:cover;
	background-repeat:no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

@font-face {
    font-family: 'mermaidbold';
    src: url('fonts/mermaid10-webfont.eot');
    src: url('fonts/mermaid10-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mermaid10-webfont.woff2') format('woff2'),
         url('fonts/mermaid10-webfont.woff') format('woff'),
         url('fonts/mermaid10-webfont.ttf') format('truetype'),
         url('fonts/mermaid10-webfont.svg#mermaidbold') format('svg');

}

@font-face {
	font-family:"Open Sans Semibold";
	src:url("fonts/OpenSans-Semibold.eot?") format("eot"),
	url("fonts/OpenSans-Semibold.woff") format("woff"),
	url("fonts/OpenSans-Semibold.ttf") format("truetype"),
	url("fonts/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg");
	font-weight:normal;
	font-style:normal;}

h2 {
	font-family:"Open Sans Semibold";
	font-size:22px;
	color:#0066b3;
	margin:0;
	padding:0;
	position:absolute;
	top:20px;
	right:30px;
	    font-weight: bold;
    font-style: normal;
}

h3 {
	font-family: 'mermaidbold';
	font-size:2.5em;
	color:#0066b3;
	margin:0;
	padding-top:50px;
	bottom:180px;
/*	left:67px; */
	font-weight: bold;
    font-style: normal;
	text-align:center;
}

a {
	color:inherit;
	text-decoration:none;
	-o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
  outline:none;
  
}

a:hover {
	color:#eee;
}

.terms > p {
	margin:0;
	padding:0;
	padding-bottom:10px;
	color:#444;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	font-size:10.5px;
	line-height:16px;
}

.terms {
	position:relative;
	top:130px;
	padding-bottom:30%;
}

p.countries {
	font-family:"Open Sans Semibold";
	font-size:10px;
	color:#0066b3;
	/* margin:0; */
	padding:0;
	bottom:95px;
	/* left:67px; */
	line-height:19px;
	font-weight:normal;
	font-style:normal;
	/* width:35%; */
}

@media only screen and (max-width: 785px) {
	body {
		-webkit-text-size-adjust: none;
	}
	
	h2 {
	font-family:"Open Sans Semibold";
	font-size:22px;
	color:#0066b3;
	margin:0;
	padding:0;
	position:absolute;
	top:50px;
	right:30px;
	    font-weight: bold;
    font-style: normal;
}

h3 {
	font-family: 'mermaidbold';
	font-size:22px;
	color:#0066b3;
	margin:0;
	padding:0;
	position:relative;
	bottom:22%;
	left:0;
	font-weight: normal;
    font-style: normal;
}

	p.countries {
	font-family:"Open Sans Semibold";
	font-size:12px;
	color:#0066b3;
	margin:0;
	padding:0;
	position:relative;
	bottom:10%;
	left:0;
	line-height:19px;
	font-weight:normal;
	font-style:normal;
	width:93%;
	padding:0 3%;
	
}
.terms > p {
	margin:0;
	padding:0;
	padding-bottom:10px;
	color:#444;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	font-size:1.4em;
	line-height:1.3em;
}
	}

@-moz-document url-prefix() {
	
h3 {
	font-family: 'mermaidbold';
	font-size:22px;
	color:#0066b3;
	margin:0;
	padding-top:50px;
	/* position:absolute; */
	bottom:180px;
	left:0;
	    font-weight: bold;
    font-style: normal;
	text-align:center;
}

h2 {
	font-family:"Open Sans Semibold";
	font-size:31px;
	color:#0066b3;
	margin:0;
	padding:0;
	position:absolute;
	top:50px;
	right:30px;
	    font-weight: normal;
    font-style: normal;
}

p.countries {
	font-family:"Open Sans Semibold";
	font-size:10px;
	color:#0066b3;
	margin:0;
	padding:0;
	/* position:absolute; */
	bottom:95px;
	line-height:19px;
	left:0;
	font-weight:normal;
	font-style:normal;
}

@media only screen and (max-width: 785px) {
		h2 {
	font-family:"Open Sans Semibold";
	font-size:22px;
	color:#0066b3;
	margin:0;
	padding:0;
	position:relative;
	top:50px;
	right:30px;
	    font-weight: normal;
    font-style: normal;
	padding-left:25px;
	text-align:right;
}
	h3 {
	font-family: 'mermaidbold';
	font-size:18px;
	color:#0066b3;
	margin:0;
	padding:0;
	position:relative;
	bottom:22%;
	/*left:10%;*/
	    font-weight: normal;
    font-style: normal;
	padding-left:3%;
}

	p.countries {
	font-family:"Open Sans Semibold";
	font-size:10px;
	color:#0066b3;
	margin:0;
	padding:0;
	position:relative;
	bottom:10%;
	/*left:10%;*/
	line-height:19px;
	font-weight:normal;
	font-style:normal;
	padding: 0 3%;
	width:93%;
}

	}
}

#main {
	width:1000px;
	/* height:800px; */ 
margin-left:auto;
margin-right:auto;
position:relative;
}

#main-terms {
	width:785px;
	height:800px;
background: url(images/main-term.png) no-repeat;  
margin-left:auto;
margin-right:auto;
position:relative;
}

/*#logo {
		width:195px;
	height:122px;
	background: url(images/logo.png) no-repeat;  
position:absolute;
left:90px;
top:90px;
z-index:5;
}*/

#logo {
		width:195px;
	height:122px;
	/*background: url(images/logo.png) no-repeat;  
	background-size:100%; */
position:absolute;
left:12%;
top:7%;
z-index:5;
}

#logo img {
		width:90%;
}

#logo-inner {
		width:195px;
	height:122px;
	background: url(images/logo.png) no-repeat;
	background-size:70%;  
position:absolute;
left:30px;
top:20px;
z-index:5;
}

#logo-inner img {
		display:none;
}

#circle {
		width:740px;
	height:591px;
	background: url(images/main-circle.png) no-repeat;  
position:absolute;
right:4px;
top:0;
}

.trans {
	display:none;
	width:100%;
}

#main > img {
	position:relative;
    width:100%;
    height:auto;
	display:none;
	
/*background: url(images/main-box-mobile2.png) no-repeat;
background-size:100% auto; 
margin-left:auto;
margin-right:auto;
position:absolute;*/
}


#curve > img {
	position:relative;
	top:-2px;
    width:100%;
    height:auto;
	display:none;
}
@media only screen and (max-width: 450px) {
			h2 {
	margin:0;
	padding:0;
	position:relative;
	top:0;
	right:0;
	    font-weight: normal;
    font-style: normal;
	padding-left:20px;
	text-align:left;
}

.terms {
	position:relative;
	top:30px;
	padding-bottom:50px;
}
	#logo-inner {
		width:195px;
	height:122px;
	background: none;
position:relative;
left:0;
top:0;
z-index:5;
display:block;
margin:0 auto;
}

#logo-inner img {
		width: 70%;
		display:block;
margin:0 auto;
z-index:5;
}
}

@media only screen and (max-width: 785px) {
	#main {
	background: none;
	}
	
#main-wrapper {
	position:relative;
    width:100%;
    padding-bottom:40%;
    height:0;
    overflow:hidden;
	
}

#main {
	position:relative;
    width:100%;
    height:auto;
	display:block;
/*background: url(images/main-box-mobile2.png) no-repeat;
background-size:100% auto; 
margin-left:auto;
margin-right:auto;
position:absolute;*/
}

#main > img {
	display:block;
	
}

#curve {
	position:relative;
    width:100%;
    height:auto;
	display:block;
	top:-1px;
}

#curve > img {
	display:block;
}

#main-terms {
	width:100%;
	height:auto;
background: #fff;  
margin-left:auto;
margin-right:auto;
position:relative;
}

.trans {
	width:100%;
	height:586px;
	display:block;
	
}


}

/*@media only screen and (max-width: 500px) {
#main {
	width:100%;
	height:943px;
background: url(images/main-box-mobile.png) no-repeat;
background-size:100%; 
margin-left:auto;
margin-right:auto;
position:relative;
}
#main-terms {
	width:100%;
	height:1630px;
background: url(images/main-box-mobile-terms.png) no-repeat;  
margin-left:auto;
margin-right:auto;
position:relative;
}


}*/
@media only screen and (max-width: 785px) {
#logo {
		width:195px;
	height:122px;
	/*background: url(images/logo.png) no-repeat;  
	background-size:100%; */
position:absolute;
left:9%;
top:7%;
z-index:5;
}

#logo img {
		width:70%;
}

#circle {
		width:95%;
	height:100%;
	background: url(images/main-circle.png) no-repeat;  
	background-size:100%; 
position:absolute;
right:.45%;
top:0;
}
.bss-slides{
  position: absolute;
  display: block;   
  right:1%!important; 
}


	}
	
.content-wrapper {
	width:785px;
	margin:0 auto;
	position:relative;
	right:1%;
}

ul.content-grid {
	padding:0;
	margin:0 auto;
	width:785px;
	position:absolute;	
}

ul.content-grid li {
	padding:0;
	margin:0;
	width:49%;
	display:inline-block;
}

@media only screen and (max-width: 785px) {
	
	.content-wrapper {
	width:100%;
	margin:0 auto;
	position:relative;
	right:0;
}




ul.content-grid {
	padding:0;
	margin:0;
	width:98.8%;
	margin: 0 auto;
	position:relative;
	top:-2px;
	/*top: 62%;*/
	background-color:#fff;
	padding-bottom:5%;
	
}

ul.content-grid li {
	padding:0;
	margin:0;
	width:100%;
	display:block;
}

ul.content-grid li:first-child {
	margin-bottom:30px;
}
}



ul.flags {
	font-family:"Open Sans Semibold";
	font-size:10.5px;
	line-height:11px;
	color:#666;
	/* position:absolute; */
	right:40px;
	bottom:97px;
	margin:0;
	padding:0;
	font-weight: normal;
    font-style: normal;
	text-align:center;
}

ul.flags li {
	margin:0;
	padding:0;
	width:12.5%;
	padding-right:15px;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	
}

ul.flags li:last-child {
	padding-right:0px;
}

ul.flags li > a > div.aus {
		width:46px;
	height:46px;
background: url(images/flags.png) no-repeat;  
display:block;
background-position:-55px -8px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
}

ul.flags li > a > div.aus > span {
		width:46px;
	height:46px;
background: url(images/flags.png) no-repeat;  
display:block;
background-position:-8px -8px;
margin-top:15px;
opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

ul.flags li > a > div.aus > span:hover {
opacity: 1;
cursor:pointer;
}

ul.flags li > a > div.fra {
		width:46px;
	height:46px;
background: url(images/flags.png) no-repeat;  
display:block;
background-position:-55px -55px ;
margin-top:15px;
margin-left:auto;
margin-right:auto;
}

ul.flags li > a > div.fra > span {
		width:46px;
	height:46px;
background: url(images/flags.png) no-repeat;  
display:block;
background-position:-8px -55px ;
margin-top:15px;
opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

ul.flags li > a > div.fra > span:hover {
opacity: 1;
cursor:pointer;
}


ul.flags li > a > div.my {
		width:46px;
	height:46px;
background: url(images/flags.png) no-repeat;  
display:block;
background-position:-55px -102px ;
margin-top:15px;
margin-left:auto;
margin-right:auto;
}

ul.flags li > a > div.my > span {
		width:46px;
	height:46px;
background: url(images/flags.png) no-repeat;  
display:block;
background-position:-8px -102px ;
margin-top:15px;
opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

ul.flags li > a > div.my > span:hover {
opacity: 1;
cursor:pointer;
}

ul.flags li > a > div.sg {
		width:46px;
	height:46px;
background: url(images/flags.png) no-repeat;  
display:block;
background-position:-55px -149px ;
margin-top:15px;
margin-left:auto;
margin-right:auto;
}

ul.flags li > a > div.sg > span {
		width:46px;
	height:46px;
background: url(images/flags.png) no-repeat;  
display:block;
background-position:-8px -149px ;
margin-top:15px;
opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

ul.flags li > a > div.sg > span:hover {
opacity: 1;
cursor:pointer;
}

ul.flags li > a > div.sa {
		width:46px;
	height:46px;
background: url(images/flags.png) no-repeat;  
display:block;
background-position:-55px -196px ;
margin-top:4px;
margin-left:auto;
margin-right:auto;
}

ul.flags li > a > div.sa > span {
		width:46px;
	height:46px;
background: url(images/flags.png) no-repeat;  
display:block;
background-position:-8px -196px ;
margin-top:4px;
opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

ul.flags li > a > div.sa > span:hover {
opacity: 1;
cursor:pointer;
}

ul.flags li > a > div.uk {
		width:46px;
	height:46px;
background: url(images/flags.png) no-repeat;  
display:block;
background-position:-55px -243px ;
margin-top:4px;
margin-left:auto;
margin-right:auto;
}


ul.flags li > a > div.uk > span {
		width:46px;
	height:46px;
background: url(images/flags.png) no-repeat;  
display:block;
background-position:-8px -243px ;
margin-top:4px;
opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

ul.flags li > a > div.uk > span:hover {
opacity: 1;
cursor:pointer;
}

ul.flags li > a > div.indo {
		width:46px;
	height:46px;
background: url(images/flags.png) no-repeat;  
display:block;
background-position:-55px -291px ;
margin-top:15px;
margin-left:auto;
margin-right:auto;
}


ul.flags li > a > div.indo > span {
		width:46px;
	height:46px;
background: url(images/flags.png) no-repeat;  
display:block;
background-position:-8px -291px ;
margin-top:15px;
opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

ul.flags li > a > div.indo > span:hover {
opacity: 1;
cursor:pointer;
}

@-moz-document url-prefix() {
ul.flags {
	font-family:"Open Sans Semibold";
	font-size:10.5px;
	line-height:11px;
	color:#666;
	/* position:absolute;*/
	right:40px;
	bottom:97px;
	margin:0;
	padding:0;
	font-weight: normal;
    font-style: normal;
	text-align:center;
}
}



@media only screen and (max-width: 785px) {
ul.flags {
	font-family:"Open Sans Semibold";
	font-size:10.5px;
	line-height:11px;
	color:#666;
	position:relative;
	left:0;
	bottom:30%;
	margin:0;
	padding:0;
	font-weight: normal;
    font-style: normal;
}

ul.flags li {
	margin:0;
	padding:0;
	padding-right:15px;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	
}



	}
	
	@media only screen and (max-width: 480px) {
ul.flags {
	font-family:"Open Sans Semibold";
	font-size:10.5px;
	line-height:11px;
	color:#666;
	position:relative;
	/*left:11%;*/
	bottom:50%;
	margin:0;
	padding:0;
	font-weight: normal;
    font-style: normal;
	

}

ul.flags li {
	margin:0;
	padding:0;
	padding-right:15px;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	width:28%;
	
}

ul.flags li:nth-child(3) {
	padding-right:0px;
}


	}
	
	

#footer {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.fb {
	position:absolute;
	left:140px;
	top:-17px;
	display:block;
	width:200px;
}

.fb img {
	position:relative;
	top:20px;
}

.copy {
	position:absolute;
	right:140px;
	top:25px;
}

@media only screen and (max-width: 980px)  {
#footer {
	width:480px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	font-size:.9em;
}

.fb {
	position:absolute;
	left:2%;
	top:-30px;
	display:block;
	width:200px;
}

.fb > a {
	font-size:1em;
}

.fb img {
	position:relative;
	top:20px;
}

.copy {
	position:absolute;
	left:3.5%;
	top:45px;
	padding-bottom:5%;
	width:100%;
}

.copy > a {
	font-size:1em;
}

	}
	
	@media only screen and (max-width: 550px)  {
#footer {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	font-size:.9em;
}

.fb {
	position:absolute;
	left:0;
	top:-30px;
	display:block;
	width:200px;
}

.fb > a {
	font-size:1em;
}

.fb img {
	position:relative;
	top:20px;
}

.copy {
	position:absolute;
	left:0;
	top:45px;
	padding-bottom:5%;
	width:100%;
}

.copy > a {
	font-size:1em;
}

	}

@media only screen and (max-width: 480px)  {
#footer {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	font-size:.9em;
}

.fb {
	position:absolute;
	left:0;
	top:-30px;
	display:block;
	width:200px;
}

.fb > a {
	font-size:1em;
}

.fb img {
	position:relative;
	top:20px;
}

.copy {
	position:absolute;
	left:0;
	top:45px;
	padding-bottom:5%;
	width:100%;
	padding-left:5%;
}

.copy > a {
	font-size:1em;
}


	}