@font-face {
  font-family: 'fedsasan';
  src: url("../fonts/Fedra-Sans-Std-Normal_17254.ttf");
}
@font-face {
  font-family: 'fedsasan';
  src: url("../fonts/Fedra-Sans-Std-Light_17250.ttf");
  font-weight: 200;
}
@font-face {
  font-family: 'fedsasan';
  src: url("../fonts/Fedra-Sans-Std-Bold_17246.ttf");
  font-weight: bold;
}
/*@font-face {
  font-family: 'fedsasan';
  src: url("../fonts/Fedra-Sans-Std-Medium_17252.eot");
  src:  url("../fonts/Fedra-Sans-Std-Medium_17252.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Fedra-Sans-Std-Medium_17252.otf") format("otf"),
      url("../fonts/Fedra-Sans-Std-Medium_17252.woff") format("woff"),
      url("../fonts/Fedra-Sans-Std-Medium_17252.ttf") format("truetype"),
      url("../fonts/Fedra-Sans-Std-Medium_17252.svg") format("svg");
  font-weight: bold;
}*/

html {
    height: 100%;
}

body {
    font-family: 'fedsasan', sans-serif;
    background-color: #f7fcfc;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0px;
}

#ifc-book {
    left: -1260px;
    top: -348px;
    /*outline: 8px solid #ccc;*/
    /*outline: 1px solid #eee; */
    /*box-shadow: 0px 5px 10px 5px #999;*/
}
#shelf {
    position: absolute;
    width: 100px;
    height: 0px;
    left: 50%;
    top: 50%;
}

.menu-bottom {
    color: rgba(0, 159, 227, 0.4);
    position: absolute;
    top: 303px;
    left: -320px;
    font-size: 14px;
    width: 640px;
}
.menu-dash{
    float: left;
}
.menu-item {
    text-align: center;
    float: left;
    cursor: pointer;
    width: 50px;
}
.menu-item .normal {
    display: block;
}
.menu-item .medium {
    display: none;
}
.menu-item .big {
    display: none;
}
.menu-item .text {
    display: none;
}
.menu-item img {
    margin: auto;
}
.menu-item.active {
    width: 80px;
    font-size: 16px;
    color: #009fda;
    margin-top: -15px;
}
.menu-item.active  .text{
    display: block;
    margin-top: 6px;
}
.menu-item.active .normal {
    display: none;
}
.menu-item.active .medium {
    display: none;
}
.menu-item.active .big {
    display: block;
}
/*.menu-item:hover {
    width: 80px;
    font-size: 16px;
    color: #009fda;
    margin-top: -15px;
}*/
.menu-item:hover .text{
    display: block;
}



.backcover {
	display: none;
}

#custom-next {
    right: 0px;
    position: absolute;
    top: 25%;
    z-index: 15;
    background-image: url(../pics/directionbtn-next.png);
    width: 46px;
    height: 300px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}
#custom-prev {
    left: 0px;
    position: absolute;
    top: 25%;
    z-index: 15;
    background-image: url(../pics/directionbtn-prev.png);
    width: 46px;
    height: 300px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Book Style */
.page {
    background-color: white;
    box-shadow: 0px 0px 10px 5px #bbb;
}
.page .edge-shadow {
    position: absolute;
    top: 0px;
    width: 50px;
    height: 596px;
    z-index: 10;
    background: linear-gradient(to right, rgba(0,0,0, 0.15) , rgba(0,0,0,0)) no-repeat,
                linear-gradient(to right, rgba(0,0,0, 0.15) , rgba(0,0,0,0)) no-repeat,
                linear-gradient(to right, rgba(0,0,0, 0.17) , rgba(0,0,0,0)) no-repeat,
                linear-gradient(to right, rgba(0,0,0, 0.2) , rgba(0,0,0,0)) no-repeat;
    background-size: 30px 596px, 50px 596px, 20px 596px, 8px 596px;
    pointer-events: none;
}

.page-left {
    background-image: -webkit-linear-gradient(left, #f9f9f9  93.5%, #000 109%);
}

.bg-image {
    position: absolute;
    top: 0px;
    right: 0px;
}

/*Page layout*/
.page-header-container {
    width: 842px;
    height: 113px;
    color: white;
}

.page-header-left {
    float: left;
    width: 240px;
    height: 113px;
    background-color: #009fda;
}
.page-header-right {
    float: left;
    width: 602px;
    height: 113px;
    background-color: #002244;
}
.page-header-col-1{
    width: 530px;
    height: 70px;
    padding: 15px;
    font-size: 11px;
    font-weight: lighter;
}
.page-header-col-1 a{
    color: #009fda;
}

.page-sub-header {
    width: 842px;
    height: 23px;
    background-color: #133154;
}
.page-content {
    width: 842px;
    height: 460px;
}

.page-wrapper {
    -webkit-perspective:2500px;
    -moz-perspective: 2500px;
    -ms-perspective: 2500px;
    perspective: 2500px;
}

.link {
    cursor: pointer;
}

/*Not working yet*/
.cover1 .side{
  width: 5px;
  height: 596px;
  position:absolute;
  top:0;
  left: 842px;
  background-color:red;
  -webkit-transform:rotateY(-90deg);
  -moz-transform:rotateY(-90deg);
  -o-transform:rotateY(-90deg);
  -ms-transform:rotateY(-90deg);
  transform:rotateY(-90deg);
  -webkit-transform-origin:top right;
  -moz-transform-origin:top right;
  -o-transform-origin:top right;
  -ms-transform-origin:top right;
  transform-origin:top right;
  z-index:100000;
}

/*Make the shadow for the book and pages*/
#ifc-book .shadow,
#ifc-book.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;
}




/*
 * Cover page
 */
.bg-image img {
    width: 857px;
    height: 616px;
}
#cover-title {
    position: absolute;
    margin-left: 36px;
    margin-top: 24px;
}
#top-subtitle {
    color: #244C65;
    font-size: 18px;
    /*font-weight: lighter;*/
}
#title-content {
    color: #1EA3DE;
    font-size: 38px;
    font-weight: bolder;
    margin-top: 7px;
}
#title-content-sub {
    color: #17405B;
    font-size: 17.7px;
    font-weight: lighter;
    margin-top: -10px;
}
#cover-wb-logo {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 200px;
}
#book-edge {
    position: absolute;
    top: -1px;
    width: 425px;
    height: 625px;
    background-image: url(../pics/cover/img-transparent-overlay.png);
}

#cover-slider {
    position: absolute;
    top: 109px;
    width: 857px;
    height: 410px;
}

#cover-edge {
    position: absolute;
    left: 0px;
}

/*Avoid the slide 3d show when flip page*/
#cover-slider .slick-slider, #cover-slider .slick-track, #cover-slider .slick-slider, #cover-slider .slick-list {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/*Industry Overview*/
.header-left-center {
    margin-top: 27px;
    margin-left: 10px;
}
#page-exports .header-left-center{
  margin-left: 40px;
}
.ic-header-title {
    float: left;
    width: 70px;
    height: 70px;
}
.text-header-title {
    float: left;
    width: 100px;
    margin-top: 12px;
    margin-left: 8px;
    font-weight: bold;
    color: white;
    font-size: 20px;
}
.text-page-title {
    font-weight: bold;
    font-size: 22px;
    margin-top: 15px;
    margin-left: 20px;
}
.text-page-title-sub {
    margin-top: 18px;
    font-weight: lighter;
    font-size: 16px;
}
.export-title{
  float: left;
  width: 420px;
  line-height: 24px;
}

/*The navigation below header*/
/*Sub header*/
.sub-header-item {
    float: left;
    cursor: pointer;
}
.sub-header-item img {
    float: left;
}
.sub-header-item div {
    float: left;
    font-size: 10px;
}
.section-link {
    color: #009fda;
}
.section-link img {
    margin-top: 4px;
    margin-left: 20px;
}
.section-link div {
    margin-left: 6px;
    margin-top: 5px;
    border-right: solid 1px white;
    padding-right: 4px;
    font-weight: bold;
}
.normal-link {
    color: white;
    font-weight: lighter;
}
.normal-link img {
    margin-top: 7px;
    margin-left: 3px;
}
.normal-link div {
    margin-top: 5px;
    margin-left: 5px;
}

/*Style for 3 tabs.*/
/* Style the list */
ul.tab {
    position: absolute;
    bottom: 30px;
    left: 130px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 3;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
/*ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}*/

/* Change background color of links on hover */
ul.tab li a:hover {background-color: #ddd;}

/* Create an active/current tablink class */
/*ul.tab li a:focus, .active {background-color: #ccc;}*/

/* Style the tab content */
.tabcontent {
    display: none;

}
.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
/*End of 3 Tabs style*/

/*Main content of Overview*/
.delay0s {
    display:block;
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
    opacity: 1;
    animation: display-none-transition 1s both;
}
.delay1s {
    display:block;
    animation: display-none-transition 1s both;
    animation-delay: 1s;
}
.delay2s {
    display:block;
    animation: display-none-transition 1s both;
    animation-delay: 2s;
}
.delay3s {
    display:block;
    animation: display-none-transition 1s both;
    animation-delay: 3s;
}
.delay4s {
    display:block;
    animation: display-none-transition 1s both;
    animation-delay: 4s;
}
.delay5s {
    display:block;
    animation: display-none-transition 1s both;
    animation-delay: 5s;
}
@-webkit-keyframes display-none-transition {
  0% {
    opacity: 0;
  }
}
@keyframes display-none-transition {
  0% {
    opacity: 0;
  }
}

.tab-main-content > img {
    position: absolute;
    z-index: 0;
}
.main-content-description {
    position: absolute;
    left: 135px;
    bottom: 88px;
    text-align: center;
    color: #002244;
    z-index: 3;
    width: 64%;
}
#vehicle-moving {
    top: 5px;
    left: -3px;
}

/*Extend Information*/
.main-extend-info {
    position: absolute;
    width: 210px;

    height: 87px;
    top: 150px;
    left: 15px;
    color: #009fda;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 3;
    padding: 24px 15px;
}
.main-extend-button {
    position: absolute;
    bottom: -12px;
    left: 100px;
}

.content-white-background {
    height: 129px;
    background-color: rgba(255,255,255,0.6);
    padding: 3px 5px;
}
.content-white-background ul{
    margin-left: -20px;
}

.main-content-extra-data {
    position: absolute;
    top: 0px;
    color: #002244;
    font-size: 12px;
    font-weight: lighter;
}
.main-content-extra-data .nation-number {
    position: absolute;
}
.main-content-extra-data .nation-description {
    position: absolute;
}
.main-content-extra-data .nation-number .big {
    font-size: 24px;
}

/*Full page popup.*/
.full-page-popup {
    display: none;
    position: absolute;
    z-index: 7;
    top: 0px;
}
.popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.popup-right-scroll {
    position: absolute;
    top: 36px;
    right: 14px;
    width: 430px;
    height: 540px;
    overflow: auto;
    color: white;
    font-weight: lighter;
    font-size: 17px;
}
.popup-small-font{
    font-size: 13px;
}




/*WET PROCESSING*/
.text-page-content {
    margin-top: 18px;
    margin-left: 18px;
    font-weight: lighter;
    font-size: 15px;
}

ul#wet-tab {
    bottom: 44px;
    left: 30px;
}

#wet-main-extend-info {
    height: 30px;
}

.page-footer {
    position: absolute;
    bottom: 0px;
    z-index: 4;
    width: 100%;
    height: 26px;
}
.page-footer-left {
    float: left;
    width: 580px;
    height: 100%;
    background-color: #009fda;
    color: white;
    font-size: 18px;
    padding-top: 2px;
    padding-left: 15px;
}
.page-footer-right {
    float: left;
    width: 235px;
    height: 100%;
    background-color: #002244;
    color: white;
    font-size: 11px;
    text-align: right;
    padding-right: 12px;
}

#wp-ifc-investments {
    top: -44px;
    height: 45px;
}

/*Right side content*/
#wet-overview-right-side {
    position: absolute;
	left: 440px;
	color: #002244;
	top: 140px;
    width: 360px;
}
#wet-overview-right-side .right-side-content {
    color: #002244;
    font-weight: normal;
    font-size: 18px;
    
}
#wet-overview-right-side .right-side-content td {
    vertical-align: top;
    padding-left: 15px;
}
#assembly-overview-right-side{
    position: absolute;
    left: 440px;
    color: #002244;
    top: 140px;
    width: 360px;
    font-size: 16px;
    font-weight: normal;
}
#assembly-overview-right-side .right-side-content {
    color: #002244;
    font-weight: normal;
    font-size: 18px;
}
#assembly-overview-right-side .right-side-content td {
    vertical-align: top;
    padding-left: 15px;
}
tr.space-under > td
{
  padding-bottom: 20px;
}

.main-content-description-smaller {
    position: absolute;
    bottom: 100px;
    left: 30px;
    text-align: left;
    color: #002244;
    z-index: 3;
    width: 210px;
    font-size: 15px;
    font-weight: normal;
}
#wet-china-right-side {
    position: absolute;
    left: 453px;
    top: 229px;
    width: 210px;
    color: white
}
#wet-china-right-side .big-text {
    font-size: 86px;
    font-weight: lighter;
}
#wet-china-right-side p {
    font-size: 12px;
    font-weight: lighter;
    margin-top: -5px;
}

#bangladesh-right-side {
    position: absolute;
    left: 446px;
    top: 200px;
    width: 379px;
    color: #002244;
    font-size: 13px;
}
#bangladesh-right-side .big-text {
    font-size: 90px;
    font-weight: lighter;
    padding-right: 3px;
}

/*PaCT Page*/
.page-header-full {
    width: 100%;
    height: 113px;
    background-color: #002244;
}
.page-footer-page {
    position: absolute;
    bottom: 10px;
    right: 15px;
    color: #002244;
    font-size: 11px;
    text-align: right;
}
.page-header-full > * {
    float: left;
}
.page-header-full .header-logo {
    width: 134px;
    padding-left: 20px;
    padding-top: 26px;
}
.page-header-full .header-col-1 {
    width: 250px;
    text-align: left;
    font-size: 11px;
    font-weight: lighter;
    padding-top: 20px;
}
.page-header-full .header-col-2 {
    width: 290px;
    text-align: left;
    font-size: 11px;
    font-weight: lighter;
    padding-top: 20px;
    padding-left: 20px;
}
.page-header-full .header-col-2 a {
    color: #009fda;
}
.page-header-full .header-col-3 {
    padding-left: 15px;
}
.page-header-full .header-col-3 img {
    position: absolute;
}

/*Learn more section*/
.sub-header-learn-more {
    color: white;
    margin-left: 30px;
    margin-top: 5px;
    font-size: 11px;
    width: 500px;
    float: left;
}
.sub-header-learn-more > * {
    float: left;
}
.sub-header-learn-more img {
    width: 11px;
    margin-left: 8px;
    margin-top: 2px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    /*display: none;*/
    visibility: hidden;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    height: 50px;
    z-index: 5;
}
.show {
    display:block;
    visibility: visible;
}
/*End of dropdown style*/

/*Partner popup.*/
.sub-header-partners {
    width: 247px;
    height: 100%;
    background-color: #009fda;
    float: right;
    color: white;
    font-size: 11px;
    font-weight: lighter;
}
.sub-header-partners div {
    margin-top: 4px;
    margin-left: 10px;
}
.sub-header-partners img {
    float: right;
    margin-right: 20px;
    margin-top: -9px;
}
.sub-header-partner-list div {
    position: absolute;
    top: 60px;
    color: white;
    font-size: 11px;
    margin-left: 16px;
    font-weight: lighter;
}
.sub-header-partner-list {
    z-index: 7;
}
.dropdown-content {
    animation-duration: 500ms;
}

/*Main content of PaCT*/
#pact-stats {
    position: absolute;
    width: 599px;
    height: 91px;
    top: 150px;
    left: 208px;
}

.page-side-ref {
    position: absolute;
    bottom: 54px;
    right: 12px;
    width: 152px;
}
.page-side-ref > * {
    float: right;
    margin-top: 10px;
}
.page-side-ref .ref-container .text {
    position: absolute;
    top: 63px;
    left: 16px;
    font-size: 7px;
}

/*5 tabs*/
#pact-tab {
    position: relative;
    list-style-type: none;
    font-size: 10px;
    color: white;
    margin-left: -20px;
    margin-top: 13px;
}
#pact-tab .active{
    color: #009fda;
}
#pact-tab li {
    float: left;
    margin-right: 15px;
}
.tab-container {
    position: absolute;
    bottom: 30px;
    left: 130px;
    background-color: #002244;
    border-radius: 20px;
    /*width: 392px;*/
    height: 41px;
}
#page-pact .tab-container {
    bottom: 90px;
    left: 30px;
}
.tab-right-content {
    position: absolute;
    top: 136px;
    left: 436px;
    width: 406px;
    height: 434px;
    color: white;
    z-index: 6;
}
.gray-transparent-background {
    background-color: rgba(0,34,68,0.75);
}
.solid-background{
    background-color: rgba(0,34,68,1);
}
.tab-right-content > .title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
    margin-left: 24px;
    border-bottom: solid 1px;
    border-bottom-color: rgba(255,255,255, 0.2);
    width: 375px;
    padding-bottom: 10px;
}
.tab-right-content > .content {
    width: 367px;
    height: 346px;
    overflow: auto;
    margin-top: 10px;
    margin-left: 24px;
    padding-bottom: 10px;
    padding-right: 15px;
}
.tab-right-content > .content ul {
    margin-left: -20px;
}
.tab-right-content > .content li {
    font-size: 12px;
    font-weight: lighter;
    width: 315px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.page-gallery-icon {
    position: absolute;
    top: 76px;
    right: 10px;
    cursor: pointer;
}
.photo-gallery-backpage{
    width: 100px;
    margin: 0 auto;
}
.bookmark-gallery-holder{
   position: relative;
}
.bookmark-gallery-icon{
    position: absolute;
    top: 280px;
    right: 0px;
    cursor: pointer;
}
#page-pact .page-side-ref {
    bottom: 80px;
}


/*CHINA WATER*/
#page-china-water .sub-header-partner-list div {
    top: 70px;
}

#cw-stats {
    position: absolute;
    top: 160px;
    left: 38px;
}
.page-tab-blue {
    position: relative;
    list-style-type: none;
    font-size: 10px;
    color: white;
    margin-left: -20px;
    margin-top: 13px;
}
.page-tab-blue .active{
    color: #009fda;
}
.page-tab-blue li {
    float: left;
    margin-right: 15px;
}
#cw-tab li{
    margin-right: 30px;
    margin-left: 8px;
}
#page-china-water .tab-container {
    bottom: 66px;
    left: 24px;
}
.tabcontent > .content p {
    font-size: 12px;
    font-weight: lighter;
}
.tabcontent > .content p a {
    color: white;
}
.book-link > * {
    float: left;
    margin-top: 10px;
}
.book-link > div {
    width: 292px;
    height: 44px;
    margin-left: 30px;
}

#page-china-water .page-side-ref {
    bottom: 80px;
}
#page-china-water .page-side-ref .ref-container img {
    margin-right: 5px;
}


/*2030 Water Resources Group*/
#page-wrg .header-logo img{
    margin-left: 26px;
}
#page-wrg .header-col-1 {
    width: 170px;
}
#page-wrg .header-col-2 {
    width: 370px;
}
#page-wrg .sub-header-partner-list div {
    top: 70px;
}
#wrg-stats {
    position: absolute;
    top: 154px;
    left: 24px;
}
/*tab*/
#page-wrg .tab-container {
    bottom: 66px;
    left: 24px;
}
#wrg-tab li{
    margin-right: 30px;
    margin-left: 8px;
}
#page-wrg .tabcontent > .content p {
    font-size: 14px;
}

/*Full page popup of 2030*/
.text-popup-highlight {
    color: #009fda;
    font-size: 24px;
}
.popup-right-scroll p.text-popup-highlight {
    margin-top: 36px;
}

#page-wrg .page-side-ref {
    bottom: 80px;
}



/*ASSEMBLY PAGE*/
#page-assembly .text-header-title {
    margin-top: 26px;
}
#page-assembly .text-page-content {
    margin-top: 14px;
    margin-left: 18px;
    font-weight: lighter;
    font-size: 16px;
    margin-right: 15px;
}
#page-assembly .main-content-description {
    text-align: left;
    font-size: 15px;
    width: 400px;
    margin-left: 0px;
    left: 25px;
    bottom: 125px;
}
.bold {
    font-weight: bold;
}
#page-assembly .main-content-description td{
    vertical-align: top;
    padding-bottom: 10px;
}
.page-right-content {
    position: absolute;
    top: 136px;
    left: 436px;
    width: 346px;
    height: 434px;
    color: #002244;
    font-size: 16px;
    padding: 20px 20px 15px 40px;
    z-index: 6;
}

/*Tab style*/
#assembly-tab {
    bottom: 66px;
    left: 21px;
}
.tab-color {
    background-color: #009fda;
    color: white;
    width: 170px;
    height: 42px;
    font-size: 11px;
}
.tab-color > * {
    float: left;
}
.tab-color > img {
    margin-left: 15px;
    margin-top: 11px;
}
.tab-color > div {
    margin-left: 12px;
    margin-top: 12px;
}
.tab-color-start {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    background-color: #CC941C;
}
.tab-color-end {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #002244;
}
#assembly-popup .popup-right-content {
    position: absolute;
    background-color: rgba(0,47,79, 0.9);
    top: 0px;
    right: 0px;
    width: 390px;
    height: 100%;
    overflow: auto;
    color: white;
    font-weight: lighter;
    font-size: 14px;
    padding: 60px 50px;
}
#assembly-popup .popup-right-content td {
    padding-bottom: 2em;
}

/*Better Work*/
#page-bw .header-logo {
    width: 116px;
    padding-left: 20px;
    padding-top: 12px;
}
#page-bw .header-col-1 {
    width: 262px;
}
#page-bw .header-col-2 {
    width: 296px;
}
#bw-stats {
    position: absolute;
    top: 185px;
    left: 92px;
}
#page-bw .tab-container {
    bottom: 66px;
    left: 24px;
}
/*Footer buyer partner*/
.text-medium {
    font-size: 11px;
}
.page-footer-left > img {
    float: right;
    margin-top: 8px;
    margin-right: 15px;
}
.page-footer-left > div {
    float: left;
    margin-top: 4px;
}
#bw-buyer-partner {
    top: -166px;
    height: 165px;
}

/*BTC*/
#page-btc .header-col-1 {
    width: 218px;
}
#page-btc .header-col-2 {
    width: 322px;
}
.tab-container.tab-to-left {
    bottom: 66px;
    left: 24px;
}
#page-btc .content p {
    font-size: 14px;
}
.page-tab-blue li {
    margin-right: 30px;
    margin-left: 8px;
}
#btc-popup .popup-right-scroll{
    font-size: 14px;
}
p.text-popup-highlight-small {
    color: #009fda;
    font-size: 20px;
    font-weight: bold;
}
#btc-popup .popup-right-scroll {
    right: 20px;
    width: 420px;
}
/*Quote*/
.side-quote-content {
    position: absolute;
    width: 340px;
    height: 162px;
    right: 0px;
    bottom: 5px;
    color: #002244;
    font-size: 11.5px;
    font-weight: lighter;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0px 1px 3px 2px #999;
    border-radius: 15px;
    padding: 16px;
}
.side-quote-content img{
    position: absolute;
    bottom: 0px;
    right: 0px;
}
#page-btc .page-side-ref {
    bottom: 15px;
}

/*EXPORTS PAGE*/
.ic-header {
    float: left;
    margin-top: 15px;
}
#page-exports .text-header-title {
    margin-top: 22px;
    margin-left: 14px;
}

/*Share bookmark*/
.share-bookmark {
    position: absolute;
    width: 52px;
    height: 286px;
    /*top: 22px;
    left: 44px;*/
    top: -4px;
    right: 35px;
    padding: 10px;
    background-image: url(../pics/general/ic-bookmark_shadow.png);
    text-align: center;
}
.share-bookmark .text-share-this {
    text-align: center;
    color: white;
    font-size: 16px;
    padding-bottom: 16px;
    border-bottom: solid 2px white;
}
.share-bookmark div {
    margin-top: 16px;
}

.hard .share-bookmark {
    top: 6px;
}

.own-size {
    width: 842px;
    height: 596px;
}

#ifc-book .shadow,
#ifc-book.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;
  /*background-color: lightgray;*/
}

#loading {
    width: 100%;
    height: 100%;
    display: block;
    background-color: white;
    text-align: center;
    z-index: 20;
    position: absolute;
}
#loading img {
    position: absolute;
    width: 200px;
    top: 50%;
    margin-left: -100px;
    margin-top: -50px;
}

#inner-front-cover {
    width: 824px;
    height: 596px;
    /*background-image: -webkit-linear-gradient(left, #FFF 95%, #C4C4C4 100%);*/
    background-image: -webkit-linear-gradient(left, #f9f9f9 93.5%, #000 109%);
    margin-top: 10px;
    margin-left: 33px;
    box-shadow: 0px 0px 10px 5px #bbb;
}

#page-contact {
    margin-top: 10px;
    position: absolute;
    background-color: #009fda;
}


/*EXPORT PAGE*/
#page-exports .header-col-3{
    position: absolute;
    right: 0px;
}
#page-exports .text-page-content {
    width: 454px;
    float: left;
    margin-top: 23px;
    font-size: 14px;
    line-height: normal;
}
#exports-stats {
    position: absolute;
    bottom: 32px;
    left: 70px;
}
#exports-description {
    position: absolute;
    left: 15px;
    top: 260px;
    color: #002244;
    font-weight: lighter;
    font-size: 14px;
    background-color: rgba(255,255,255, 0.6);
    padding: 0 10px;
    width: 425px;
}
#exports-description table {
    width: 440px;
}
#exports-description .huge-text {
    font-size: 88px;
}
#exports-description td{
    vertical-align: top;
}
#exports-main-extend-info {
    height: 120px;
}
.popup-right-content {
    position: absolute;
    background-color: rgba(0,47,79, 0.9);
    top: 0px;
    right: 0px;
    width: 390px;
    height: 100%;
    overflow: auto;
    color: white;
    font-weight: lighter;
    font-size: 16px;
    padding: 60px 50px;
    border-color: red;
}

#exports-popup .popup-right-content{
    padding-top: 10px;
}
#exports-popup .popup-right-content table tr.table-title td{
    background: #ccc;
    font-weight: bold;
}
#exports-popup .popup-right-content table tr td{
    font-size: 12px;
    padding: 0;
    margin: 0;
    height: 30px;
    width: 130px;
    text-align: center;
    background: #002f4f;
}

/*GTSF*/
#page-gtsf .header-col-1 {
    width: 300px;
}
#page-gtsf .header-col-2 {
    width: 240px;
}

.tab-full-content {
    position: absolute;
    top: 136px;
    color: white;
}
#gtsf-stats {
    position: absolute;
    left: 30px;
}
#GTSF-Features .content li {
    margin-top: 1px;
    margin-bottom: 0px;
    width: 280px;
}
#GTSF-Features .content ul {
    margin-top: 0px;
    margin-left: -4px;
}
#GTSF-Features .content div {
    margin-left: 36px;
    font-size: 14px;
}

#page-gtsf .tabcontent .content p {
    font-size: 13px;
}

/*Popup for information*/
.page-popup-info {
    position: absolute;
    z-index: 4;
}
.page-content .page-popup-info {
    top: 136px;
}
.popup-point {
    position: absolute;
}
.popup-point .popup-content {
    position: absolute;
    width: 200px;
    height: 175px;
    background-color: white;
    box-shadow: 0px 1px 3px 1px #999;
    color: black;
    font-size: 12px;
    font-weight: lighter;top: -45px;
    left: -90px;
    z-index: 5;
    animation-duration: 0ms;
    pointer-events: none;
}
.popup-inject {
    /*width: 200px;
    height: 175px;
    margin-top: -78px;
    margin-left: -90px;    */
}
.popup-point .popup-content .popup-header {
    width: 100%;
    height: 24px;
    background-color: #009fda;
    color: white;
}
.popup-point .popup-content .popup-header > .left {
    float: left;
}
.popup-point .popup-content .popup-header > .right {
    float: right;
}
.popup-point .popup-content .popup-header > img {
    height: 24px;
}
.popup-point .popup-content .popup-header > div {
    margin-top: 4px;
    margin-left: 5px;
}

.popup-point .popup-content .popup-body {
    margin: 15px;
}

#Consumer-Market .popup-point .popup-content .popup-header {
    background-color: #cc941c;
}
#Assembly-Hub .popup-point .popup-content .popup-header {
    background-color: #002244;
}

.wrg-number-left{
    float: left;
}
.wrg-flag-text{
    float: left;
    margin-left: 10px;
    width: 115px;
}

/*Chart hover*/
.chart-hover-container {
    position: absolute;
}

.chart-hover-container#chart-hover-exports{
    top: 394px;
    left: 71px;
}

.chart-hover {
    position: absolute;
    /*background-color: blue;*/
    width: 20px;
    bottom: 0px;
}
.flag-hover {
    position: absolute;
}
.flag-hover-info {
    display: none;
    position: absolute;
    left: 29px;
    top: -6px;
    width: 76px;
    padding: 3px;
    font-size: 12px;
    z-index: 1;
    background-color: rgba(255,255,255, 0.9)
}

/*GTSF chart hover*/
.chart-hover-container#chart-hover-gtsf{
    top: 75px;
    left: 43px;
}
#page-gtsf .flag-hover-info {
    left: 31px;
    top: -3px;
    width: auto;
    padding: 4px;
    font-size: 13px;
    font-weight: bold;
}


/*Gallery*/
.book-gallery {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,34,68,0.5);
    text-align: center;
    z-index: 20;
}

.photo-gallery {
    position: absolute;
    width: 800px;
    height: 600px;
    padding: 15px;
    top: 50%;
    left: 50%;
    margin: -315px 0 0 -415px;

    background-color: rgba(0,34,68, 1);
}
.photo-view {
    width: 760px;
    height: 460px;
    margin: auto;
    margin-top: 10px;
}
.photo-thumb {
    width: 760px;
    height: 100px;
    margin: auto;
    margin-top: 20px;
}
.photo-view img {
    max-width: 760px;
    max-height: 460px;
    margin: auto;
}
.photo-thumb img {
    max-width: 150px;
    max-height: 100px;
}
.photo-thumb .slick-current img {
    border: 4px solid white;
}

/*Video*/
.book-video {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,34,68,0.5);
    text-align: center;
    z-index: 20;
}
.video-iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -400px;
}