@charset "utf-8";
/* CSS Document */

html,body{
margin:0;
padding:0;
height:100%;
width:100%;
}

body{
position: relative;
font-size: 18px;
color: #000;

/*font-family: verdana,'Hiragino Sans GB', 'Microsoft YaHei', arial, helvetica, sans-serif;*/
font-family: Pluto,'Hiragino Sans GB', 'Microsoft YaHei', arial, helvetica, sans-serif;

-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}


.footerWrap{
height: 40px;
}

#footer{
color: #fff;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
z-index: 888;
}

#footer .footerRow{
position: relative;
z-index: 3;
overflow: hidden;
background: #203469;

line-height: 40px;
font-size: 14px;
}

#footer .left{
float: left;
margin-left: 30px;
}

#footer .right{
float: right;
}

#footer .right .link{
display: inline-block;
padding: 0 4px;
}

#footer .left .copyright{
display: inline-block;
margin-right: 10px;
}

#footer .iconSocialMedia{
display: inline-block;
text-align: center;
margin: 0 2px;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#footer .iconSocialMedia:before{
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
}

#footer .iconSocialMedia:hover{
background: #fff;
color: #203469;
}
#footer .footerLinks{
float: left;
}

#currentCountry{
background: #224580;
padding: 0 20px;
cursor: pointer;
float: left;
margin-left: 10px;
}

#currentCountry .flag{
display: inline-block;
}

#currentCountry .hideIpadInline{
padding-right: 10px;
}

#panelBg{
position: fixed;
width: 100%;
height: 100%;
/*background: rgba(0, 0, 0, 0.2);*/
left: 0;
top: 0;
z-index: 1;

display: none;
}


#countryPanel{
position: relative;
width: 100%;
background: #224580;
padding: 40px 0 20px 0;
font-size: 14px;
display: none;
z-index: 2;

max-height: 100%;
overflow-y: auto;
}

#countryPanel .btnClose{
position: absolute;
right: 10px;
top: 10px;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 20px;
cursor: pointer;
}

#countryPanel .btnClose:hover{
background: #203469;
}

#countryPanel .country {
position: relative;
padding-left: 40px;
margin-bottom: 20px;
overflow: hidden;
}

#countryPanel .country .title{
font-weight: bold;
margin-bottom: 10px;
}

#countryPanel .country .title .flag{
position: absolute;
left: 0;
}

#countryPanel .country a{
display: block;
padding: 4px 0;
}


#countryPanel .country a.current{
color: #ee364c;
}

#footer .gra1{
position: absolute;
right: 40px;
top: -55px;
z-index: -1;
width: 100px;
}
#footer .gra1 img{
height: auto;
}




#contactMap{
height: 380px;
}