@charset "utf-8";
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav#navigation, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
*, *:hover, *:focus, *:before, *:after { behavior: url(../img/backgroundsize.min.htc); -moz-behavior: url(../img/backgroundsize.min.htc); -ms-behavior: url(../img/backgroundsize.min.htc); -webkit-behavior: url(../img/backgroundsize.min.htc); -o-behavior: url(../img/backgroundsize.min.htc); }
.inner_width { margin-right: auto; margin-left: auto; width: 641px; position: relative; }
.inner_width:before, .inner_width:after { content: " ";  /* 1 */ display: table;  /* 2 */ }
.inner_width:after { clear: both; }
.outer_width { margin-right: auto; margin-left: auto; width: 100%; }
.outer_width:before, .outer_width:after { content: " ";  /* 1 */ display: table;  /* 2 */ }
.outer_width:after { clear: both; }

html{height: 100%;}
body{min-height: 100%;font-size: 14px;font-family: Arial, Helvetica, sans-serif;color: #fff; position: relative;overflow-x: hidden; margin: 0;padding: 0;}


#page_bg{width:100%;float:left;position:fixed;z-index:0;}
#page_bg img{width:100%;height:100%;min-height:100%;min-width:100%;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

/***main page css start**/
#wrapper{margin: 0 auto; float: left;min-height: 100%;}
#middle_container{position:relative;}

#magazine{width: 641px;height: 391px;margin-top:170px;z-index:999999;}
#flipbook .shadow,#flipbook.shadow{  -webkit-box-shadow: 0 4px 10px #666;  -moz-box-shadow: 0 4px 10px #666;  -ms-box-shadow: 0 4px 10px #666;  -o-box-shadow: 0 4px 10px #666;  box-shadow: 0 4px 10px #666;}
.shadow{box-shadow:1px 1px 27px rgba(0,0,0,0.35);}
#sound-sec{position:relative;float:right;z-index: 999;margin-top: 125px;margin-right: -23px;width:100%;}
#sound-sec a#sound-btn{display: inline-block;width: 53px;height: 53px;line-height: 53px;background:  #3888E1 url(../img/sound_on.png) no-repeat center;background-size:32px auto;position: relative;float: right;border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;-webkit-border-radius: 50%;}
#audio_player{visibility:hidden;opacity:0;position:absolute;}
#sound-sec a#sound-btn.play{background:#3888E1 url(../img/sound_off.png) no-repeat center;background-size:32px auto;}
.greeting_img{display: none;}
.link{color:#fff;float:right;margin-right:45px;margin-top:17px;text-decoration:none;font-size:17px;font-weight:bold;display:none;}
.link:hover{color:#f4d5e6;}
.social_buttons{float:left;margin-top:12px;display:none;}
.social_buttons > ul{list-style:none;padding:0;margin:0;}
.social_buttons > ul > li{display:inline-block;margin-right:6px;position:relative;}
.social_buttons > ul  > li > a{float:left;display:block;}
.social_buttons > ul  > li > a:hover,.social_buttons > ul > li > a:focus{transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8);-moz-transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);-o-transform:scale(0.8,0.8);}

ul.inner-list{list-style:none;position:absolute;top:100%;left:0;padding:15px 13px;width:109px;background:rgba(255,255,255,0.85);margin-top:13px;display:none;}
ul.inner-list:before{width:17px;height:9px;position:absolute;bottom:100%;content:"";left:8px;background:url(../img/arrow.png) no-repeat;}
ul.inner-list li{float:left;margin-bottom:10px;}
ul.inner-list li:last-child{margin-bottom:0;}
ul.inner-list li a{display:block;float:left;text-decoration:none;font-size:10px;text-transform:uppercase;color:#3888e1;}
ul.inner-list li a:hover{color:#000;}


#sound-sec a#sound-btn,.social_buttons ul li a{transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;}