/*!
 * Bootstrap -  Bootstrap Theme
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
/*@font-face {
    font-family: Cooperplate;
    src: url('../fonts/cooperplate/CopperPlate-Normal.ttf') format('truetype'),
    url('../fonts/cooperplate/CopperPlate-Normal.woff') format('woff'),
    url('../fonts/cooperplate/Copperplate-Normal.otf') format('opentype'),
    url('../fonts/cooperplate/CopperPlate-Normal.svg') format('svg');
}*/

body {
    width: 100%;
    height: 100%;
    font-family: "Open Sans";
    color: #000;
    background-color: #ffffff;
}

html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*margin: 0 0 35px;*/
    text-transform: uppercase;
    font-family: 'Alegreya SC', serif;;
    font-weight: 700;
    letter-spacing: 1px;
}

p {
    margin: 0 0 5px;
    /*font-size: 18px;*/
    line-height: 1.5;
}

/*@media (min-width: 768px) {
    p {
        margin: 0 0 35px;
        font-size: 20px;
        line-height: 1.6;
    }
}*/

a {
    /*color: #42dca3;*/
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #1d9b6c;
}

.light {
    font-weight: 400;
}

.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    text-transform: uppercase;
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #efeee8;
}

.navbar-custom .navbar-brand {
    font-weight: 700;
}

.navbar-custom.top-nav-collapse .navbar-brand {
    height: 64px;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color: #fff;
}

.navbar-custom .nav li a {
    font-family: "Open Sans";
    font-weight: bolder;
    font-size: 14px;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover {
    outline: 0;
    background-color: transparent;
    color: #EECC12;
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
    background-color: transparent;
}

.navbar-custom .nav li.active {
    outline: 0;
}

.navbar-custom .nav li.active a {
    background-color: transparent;
    background-image: url("../graphic/images/line%20menu.png");
    background-repeat: repeat-x;
    background-position: bottom;
}

.navbar-custom li.current-menu-item a {
    background-color: transparent;
    background-image: url("../graphic/images/line%20menu.png");
    background-repeat: repeat-x;
    background-position: bottom;
}

.navbar-custom .nav li.active a:hover {
    color: #fff;
}

@media (min-width: 768px) {
    .navbar-custom li:first-child {
        display: none;
    }
}

@media (min-width: 825px) {
    .navbar-custom li:first-child {
        display: block;
    }
}

.navbar-custom.top-nav-background {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    background: #efeee8; /*rgba(239, 238, 232, 0.95);*/
}

.navbar-custom.top-nav-collapse {
    padding: 0;
    /*border-bottom: 1px solid rgba(255, 255, 255, .3);*/
    /*background: #efeee8; *//*rgba(239, 238, 232, 0.95);*/
    opacity: 0.9;
}

.navbar-custom.top-nav-background a {
    color: #000;
}

.navbar-custom.top-nav-collapse .nav li a:hover {
    color: #EECC12;
}

.navbar-custom.top-nav-collapse .nav li.active a:hover {
    color: #000;
}

.navbar-custom .navbar-brand > img {
    margin-top: -15px;
    width: 120%;
}

.navbar-custom .navbar-brand > img.lg-logo {
    display: block;
    margin-top: -35px;
}

.sm-logo, .navbar-custom.top-nav-collapse .lg-logo {
    display: none !important;
}

.navbar-custom.top-nav-collapse .sm-logo {
    display: block !important;
}

@media (min-width: 768px) {
    .navbar-custom {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
        transition: background .5s ease-in-out, padding .5s ease-in-out;
    }

    .navbar-nav > li > a {
        padding-top: 20px;
    }
}

.intro {
    /*display: table;*/
    width: 100%;
    height: auto;
    padding: 100px 0 0;
    text-align: center;
    color: #fff;
    background: url(../graphic/images/home%20bg.png) no-repeat top right fixed;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
}

.intro .intro-body {
    /*display: table-cell;*/
    vertical-align: middle;
    overflow: hidden;
}
.intro .intro-body .section-content{
    margin-top:auto;
}
.intro .intro-body .brand-heading {
    font-size: 40px;
}

.intro .intro-body .intro-text {
    font-size: 18px;
}

.german-badge {
    position: fixed;
    z-index: 999;
    display: none;
    padding-left: 0;
    /*text-align: left;*/
}

div.img-wrap {
    float: left;
}

.img-wrap > img.responsive {
    max-width: 100%;
    height: auto;
}

.german-description {
    padding: 10px 10px;
    color: #eecc12;
    font-weight: bold;
    background-color: #000;
    border: 3px solid #eecc12;
    /*width: 172px;*/
}

.german-description p {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .intro {
        /*height: 94%;*/
        /*padding: 0;*/
    }

    .intro .intro-body .brand-heading {
        font-size: 100px;
    }

    .intro .intro-body .intro-text {
        font-size: 26px;
    }
    .intro .intro-body .section-content{
        /*margin-top:185px;*/
        margin-top: 100px;
    }
}

.btn-down {
    width: 70px;
    height: 70px;
    padding: 7px 16px;
    background-image: url(../graphic/images/down-arrow.png);
    margin-bottom: -15px;
    border: none;
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 100% !important;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255, 255, 255, .1);
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.download-section {
    width: 100%;
    padding: 50px 0;
    color: #fff;
    background: url(../img/downloads-bg.jpg) no-repeat center center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

@media (min-width: 767px) {
    .download-section {
        padding: 100px 0;
    }
}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: 1px solid #42dca3;
    color: #42dca3;
    background-color: transparent;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #42dca3;
    outline: 0;
    color: #000;
    background-color: #42dca3;
}

ul.banner-social-buttons {
    margin-top: 0;
}

@media (max-width: 1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
}

footer {
    padding: 50px 0;
}

footer p {
    margin: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255, 255, 255, .2);
}

::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255, 255, 255, .2);
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: rgba(255, 255, 255, .2);
}

section .section-header{
    margin-top:80px;
}
section .section-content{
    margin-top:40px;
}

.separator{
    width: 100%;
    height: 30px;
}
.btn-download {
    padding-top: 35px;
}
header .btn-download{
    padding-top: 50px;

}


#features {
    background-color: #f2f0de;
    height: auto;
}

.feature-logo {
    margin-top: 80px;
    text-align: center;
}

.feature-row {
    margin-top: 40px;
}

.feature-img {
    width: 100%;
}

.block-feature-image {
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
}

.feature-text-img {
    padding: 0px 15px 0px 15px;
    text-align: justify;
    color:#06172b;
}

.content {
    position: relative;
}

.left-menu {
    position: fixed;
    top: 25%;
    left: 0;
    z-index: 11;
}

.left-menu ul {
    padding: 0px;
}

.left-menu ul li {
    list-style: none;
    text-decoration: none;
}

#video-avatar,#homepage-video{
    /*-webkit-box-shadow: 5px 6px 38px -3px rgba(36,31,36,0.75);*/
    -moz-box-shadow: 5px 6px 38px -3px rgba(36,31,36,0.75);
    /*box-shadow: 5px 6px 38px -3px rgba(36,31,36,0.75);*/
    cursor: pointer;
}

#registerPanel {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: -160px;
    z-index: 10;
}

#registerPanel a, #registerPanel a:hover{
    color:#000;
}
#registerPanel a#downloadlink{
    text-decoration: underline;
}

.form-register-top {
    background-color: transparent;
    background-image: url("../graphic/images/register%201.png");
    background-repeat: no-repeat;
    background-position: top;
    margin: auto;
    min-height: 78px;
    /*width: 100%;*/
    /*max-width: 393px;*/
    /*margin-left: -20px;*/


}


#registerPanel .form-register-top {
    width: 384px;
}

#registerPanel .form-register-bottom {
    width: 368px;
    margin-left: 16px;
}
#registerPanel .registerPanel {
    width: 360px;
}

.br_bottom_register {
    background-position: bottom right;
    background-repeat: no-repeat;
    margin-top: -70px;
}

.btn-download-full-version {
    /*margin: auto;*/
    height: auto;
    /*background-color: #dcdac6;*/
    text-align: left;
    /*width: 100%;*/
    /*max-width: 362px;*/
    /*padding: 20px 0 20px 0;*/
    float: left;
}

.tie-img {
    float: left;
    padding-top: 15px;
}

.registerForm {
    float: left;
}

.form-register-bottom {
    /*margin: auto;*/
    margin-left: 0;
    height: auto;
    /*background-color: #dcdac6;*/
    text-align: left;
    width: 90%;
    max-width: 416px;
}


.form-register-bottom a,
.form-register-bottom label {
    color: black;
    font-size: 12px;
    font-weight: 400;
}

.form-register-bottom input {
    margin-bottom: 10px;
}

.block-checkbox-register {
    padding-bottom: 86px;
    color: black;
}

.register-success {
    background-color: #dcdac6;
    width: 360px;
    padding-bottom: 175px;
}

.block-input-register div {
    margin-right: 30px;
}

.block-footer {
    /*margin-top: -74px;*/
    padding-left: 0px;
    padding-right: 0px;
}

.btn-arrow {
    text-align: center;
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100px;*/
}

.home-box-download {
    text-align: center;
    /*margin-top: -13px;*/
    margin-top: 5px;
    height: 60px;
    background-color: #e8ce15;
    /*width: 361px;*/
    border-radius: 10px;

    align-items: center;
    -webkit-align-items: center;
    overflow: auto;
    /*margin: 0 auto;*/
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    z-index: 2;
}

.home-box-download:hover {
    background-color: #e8e22a;
    /*text-shadow: 2px 2px 7px #0f0f0f;*/
}

.home-box-download .text-view {
    /*margin-left: 50px;*/
    margin-top: 14px;
    text-align:center;
    vertical-align:middle;
    display:block;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;

    letter-spacing: 1px;
}

#registerPanel .registerPanel button.btn {
    background: #eecd12;
    background-image: -webkit-linear-gradient(top, #eecd12, #c9b802);
    background-image: -moz-linear-gradient(top, #eecd12, #c9b802);
    background-image: -ms-linear-gradient(top, #eecd12, #c9b802);
    background-image: -o-linear-gradient(top, #eecd12, #c9b802);
    background-image: linear-gradient(to bottom, #eecd12, #c9b802);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    font-family: Arial;
    color: #04152a;
    font-size: 28px;
    padding: 10px 14px 10px 12px;
    /*padding: 15px 20px 10px 23px;*/
    border: solid #e6c509 2px;
    text-decoration: none;
    position: relative;
    z-index: 2;
    margin-top: 5px;

}

#registerPanel .registerPanel button.btn:hover {
    background: #eecd12;
    background-image: -webkit-linear-gradient(top, #eecd12, #a18912);
    background-image: -moz-linear-gradient(top, #eecd12, #a18912);
    background-image: -ms-linear-gradient(top, #eecd12, #a18912);
    background-image: -o-linear-gradient(top, #eecd12, #a18912);
    background-image: linear-gradient(to bottom, #eecd12, #a18912);
    text-decoration: none;
}

.home-footer {
    /*position: absolute;*/
    height: 30px;
    width: 100%;;
    z-index: 10;
    background: url('../graphic/images/full%20version%20download.png') no-repeat;
    background-size: 100% 100%;
    margin-top: -28px;
}

.home-download {
    /*position: absolute;*/
    height: 210px;
    /*width: 100%;;*/
    z-index: 10;
    /*background: url('../graphic/images/full%20version%20download.png') no-repeat;*/
    background-size: 100% 100%;
}

.fusion-reading-box-container {
    z-index: 1;
    position: relative;
    margin-bottom: 84px;
}

.reading-box-container-1 .element-bottomshadow:before, .reading-box-container-1 .element-bottomshadow:after {
    /*opacity: 0.7;*/
}

.reading-box {
    background-color: #09123F;
    border-width: 0px;
    border-color: #858585;
    border-top-color: #a0ce4e;
    border-style: solid;
    margin-top: -70px;
    height: 100px;
    color: #bebebe;
}

.fusion-reading-box-container .reading-box {
    padding: 28px 28px 27px 31px;
    background-color: #000000;
    border-left: 0px;
    max-width: 800px;
    min-height: 120px;
    height: auto;
}

.element-bottomshadow:before, .element-bottomshadow:after {
    position: absolute;
    bottom: 7px;
    left: 0px;
    z-index: -1;
    height: 10px;
    max-height: 100px;
    max-width: 460px;
    width: 60%;
    content: "";
    -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    background: url(../graphic/images/register%20goc%20fill.png) 100% 100%;
}

.element-bottomshadow:after {
    left: auto;
    right: 0px;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}

.form-control-register {
    width: 100%;
}

@media (max-width: 767px) {
    .reading-box {
        margin-top: 0;
    }

    .feature-img {
        width: auto;
        max-width:100%;
    }

    .navbar-custom a {
        color: #000;
    }

    .navbar-custom .nav li.active, .navbar-custom li.current-menu-item {
        background: #F5F4ED;
    }

    .navbar-custom .nav li.active a, .navbar-custom .nav li.active a:hover, .navbar-custom li.current-menu-item a {
        background: none;
        color:#000;
    }

    .lg-logo {
        display: none !important;
    }

    .sm-logo {
        display: block !important;
    }

    .block-footer {
        margin-top: 50px;
    }

    #registerPanel {
        margin-top: 0px;
    }

}

@media (max-width: 343px) {
    .btn-register {
        padding-left: 0px;
    }
}

#latestnews {
    background-color: #04152A;
    color:#fff;
}
@media (min-width: 1200px) {
    .col-lg-offset-2.col-lg-8 {
        margin-left: 12%;
        width: 76%;
    }
}

#features h4, #latestnews h4{
    font-size: 16px;
}
#feature h4{
    color:#04152a;
}

#latestnews h4{
    color:#eeec12;
}
#latestnews a, #latestnews a:hover, #latestnews a:visited{
    color: #eeec12 ;
    font-size: 14px;
    font-style: italic;
}

#latestnews .news-item{
    margin-top:25px;
    text-align: center;
}
@media (min-width:768px) {
    #latestnews .news-item{
        text-align: left;
    }
}

#latestnews .news-item img{
    margin-left:auto;
    margin-right:auto;
}
#latestnews .description{
    text-align: justify;
}
a#more-news-button{
    background: url(../graphic/images/more%20news.png) no-repeat;
    width: 167px;
    height: 67px;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    line-height: 57px;
    color:#000;
}
a#more-news-button:hover,a#more-news-button:visited{
    color:#000;
}
.separate-feature-footer {
    background: url("../graphic/images/footed%20feature.png") repeat-x;
    height: 10px ;
}

.separate-latest-news-footer{
    background: url("../graphic/images/footed%20news.png") repeat-x;
    height: 10px ;
    margin-top:-2px;
}
.wof-heading {
    display: inline-block;
}

.wof-heading > p {
    font-size: 24pt;
    font-weight: bolder;
    padding: 5px 0 10px 0;
    color: #04152A;
    background-color: transparent;
    background-image: url("../graphic/images/line.png");
    background-repeat: repeat-x;
    background-position: bottom;
    font-family: 'Alegreya SC', serif;;
    margin-bottom: 10px;
}

#latestnews .wof-heading > p{
    color: #fff;
}
#latestnews.news-section-container .wof-heading > p{
    color: #04152A;
}

.wof-sub-heading {
    display: inline-block;
}

.wof-sub-heading > p {
    font-family: 'Alegreya SC', serif;;
    font-size: 18pt;
    font-weight: bold;
    padding: 5px 0 5px 0;
    color: #04152A;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.wof-guide-step {
}

.wof-guide-step div {
    cursor: pointer;
    font-size: 11pt;
    font-weight: bolder;
    padding: 5px 0 5px 0;
    margin: 0 15px 0 15px;
    color: #B4A695;
    display: inline-block;
}

.wof-guide-step div.active {
    color: #04152A;
    background-color: transparent;
    background-image: url("../graphic/images/line%20menu.png");
    background-repeat: repeat-x;
    background-position: bottom;
}

.wof-guide-current-step {
    position: absolute;
    top: -30px;
    z-index: 1;
}

.wof-guide-current-step-text {
    font-size: 28pt;
    position: absolute;
    z-index: 3;
    left: 49.5%;
    top: -6px;
}

.wof-guide-content {
    padding-left: 0px;
    padding-right: 0px;
    /*height: 550px;*/
    margin-top: 40px;
    background: url("../graphic/images/guide bg.png") no-repeat;
    background-size: 100% 100%;
}

.wof-guide-step-content {
    padding-left: 0px;
    padding-right: 0px;
    position: absolute;
    top: 30px;
    z-index: 0;
    height: 100%
}

.wof-guide-step-content .detail-container {
    z-index: 0;
    text-align: center;
    height: 100%;
    overflow: hidden;
}

.guide-all-content {
    height: 100%;
}

.wof-guide-step-content .detail-container > div {
    display: inline-block;
    height: 90%
}

.wof-guide-step-content .detail-container > div .detail {
    height: 30%;
}

.wof-guide-step-content .detail-container > div .detail {
    padding-bottom: 15px;
}

.wof-guide-step-content .detail-container .detail .detail-header {
    height: 75%;
    background: #04152A;
}

.wof-guide-step-content .detail-container .detail .detail-text {
    height: 40%;
}

.wof-guide-step-content .detail-container .detail .detail-header img {
    width: 100%;
    height: 100%;
}

.wof-guide-step-content .detail-container > div .detail-tablet{
    /*height: 33%;*/
    margin-top: 10px;
    background: #04152A;
    margin-left: -15px;
}

.wof-guide-step-content .detail-container .detail-tablet .detail-header {
    padding-right: 0;
    padding-left: 0;

}

.wof-guide-step-content .detail-container .detail-tablet .detail-header .detail-image img {
    width: 100%;
    height: 100%;
    /*margin-top: 15px;*/
}

/*.wof-guide-step-content .detail-container .last-row .detail-header .detail-image img {*/
    /*margin-left: 15px;*/
/*}*/



.wof-guide-step-content .detail-container .detail-mobile .detail-header img {
    width: 100%;
    height: 100%;
}

.wof-guide-step-content .detail-container > div .detail-mobile{
    /*height: 33%;*/
    margin-top: 15px;
}

.wof-guide-step-content .detail-container .detail-text {
    background: #04152A;
    padding: 10px;
    text-align: left;
    height: 50%;
    overflow-y: hidden;
}

.wof-guide-step-content .detail-container .detail-text h4 {
    color: #ffff00;
    margin-top: 0;
    text-align: center;
}

.wof-guide-step-content .detail-container .detail-text p {
    color: lightgrey;
    font-size: 12pt;
}

.wof-guide-step-content .detail-container .each-step {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
    display: inline-block;
}

.wof-nav-btn {
    cursor: pointer;
    height: 70px;
    width: 70px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100%;
}

.wof-nav-btn-wrapper {
    margin-top: 215px;
}

.wof-nav-btn.btn-next {
    background-image: url("../graphic/images/guide arrow right.png");
    margin-right: -15px;
}

.wof-nav-btn.btn-prev {
    background-image: url("../graphic/images/guide arrow left.png");
    margin-left: -15px;
}

.mediaPage {
    background-color: #f2f0de;
}

.media-lightbox div div {
    padding-left: 0px;
    padding-right: 0px;
}

.media-lightbox {
    margin-bottom: 54px;
}

.media-lightbox img {
    width: 100%;
}

.block-media-footer {
    padding-left: 0px;
    padding-right: 0px;
}

.footer-media-page {
    height: 171px;
    width: 100%;;
    z-index: 10;
    background: url('../graphic/images/download%20bg%202_footer.png') repeat-x;
    margin-bottom:-1px;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.modal {
    text-align: center;
    margin-top: auto;
}
.blueimp-gallery .modal-body .video-loading a,
.blueimp-gallery>.slides>.slide>.video-loading>a,
.blueimp-gallery>.slides>.slide-loading{background-image:url(../graphic/images/blueimp/loading.gif)!important}

body:last-child .blueimp-gallery>.play-pause{background-image:url(../graphic/images/blueimp/play-pause.svg)!important}
#footer {
    padding-top: 0px;
    padding-bottom: 0px;
}

#footer a {
    color: #f2f0de;
}

#footer-top {
    background-color: #06172b;
    color: white;
    padding-bottom: 0px;
    z-index: 9;
    padding-top: 10px;

}

#footer-top h3,#footer-top h4 {
    color: #eecc14;
}
#footer-top h3{
    font-size: 21px;
}

#footer-top ul {
    list-style: none;
    padding-left: 0px;
}

#footer-copyright {
    background-color: black;
}

#footer-copyright .row {
    padding: 10px 0;
}

.block-copyright {
    background-color: black;
    text-align: left;
    color: white;
}

.block-copyright ul {
    list-style: none;
    padding-left: 0px;
    padding-top: 16px;
}

.block-copyright ul li {
    display: inline;
    margin-right: 10px;
}

@media (min-height: 1000px) {
    header .section-register{
        position: absolute;
        bottom:202px;
        width:100%;
    }

    .section-download{
        position:absolute;
        bottom:0;
        width:100%
    }

    .intro .intro-body{
        vertical-align: 100px;
    }
}
@media (min-height: 1220px){

    .intro .intro-body .section-content {
        margin-top:250px;
    }
    header .section-register{
        position: absolute;
        bottom:202px;
        width:100%;
    }


    .section-download{
        position:absolute;
        bottom:0;
        width:100%
    }

    .block-content img {
        height: 630px;
    }
}

.news-section-container{
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0 0;
    text-align: center;
    color: #04152a;
    background: url(../graphic/images/bg-news.png) no-repeat top right fixed;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.news-section-container .section-content{
    margin-top:10px;
}

.news-section-container .section-content  .news-item{
   /* display: table;*/
    width: 100%;
    height: auto;
    text-align: justify;
    background: url(../graphic/images/bg-news-detail.png) no-repeat center center fixed;
    background-color: transparent;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    margin-bottom:20px ;
    padding: 20px 20px 30px;
}

.news-section-container .section-content  .news-item.news-item-detail .news-feature-img{
    margin-top:25px;

}

.news-section-container .section-content  .news-item .entry-content{
    padding-right:10px;
    padding-left:10px;
}


.news-section-container .section-content  .news-item h4,
.news-section-container .section-content  .news-item a.yellow-link{
    color:#cfb415;
}

.news-section-container .section-content  .pagination>li>a{
    color: #04152a;
    background-color: transparent;
    border: none;
}

.news-section-container .section-content  .pagination>li.active>a{
    color:#cfb415;
}

.news-section-container .side-bar ul.main-sidebar{
    list-style: none;
    padding-left: 0;
}


.news-section-container .side-bar ul.main-sidebar ul.sub-sidebar{
    padding-left: 0;
    list-style: none;
}
.news-section-container .side-bar ul.main-sidebar > li > a{
    text-transform: uppercase;
    font-weight: bold;
    color:#04152a;
    font-size: 14pt;
}

.news-section-container .side-bar ul.sub-sidebar li a,
.news-section-container .section-content  .pagination{
    color:#04152a;

}

.news-section-container .side-bar ul.main-sidebar li.active > a,
.news-section-container .side-bar ul.sub-sidebar li.active a{
    color:#cfb415;
}

.rank-section-container{
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0 0;
    text-align: center;
    color: #04152a;
    background: url(../graphic/images/bg-news.png) no-repeat top right fixed;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/*.rank-section-container .rank-sidebar {*/
    /*border: 2px solid #07609b;*/
/*}*/

aside.widget.widget_archive{
    margin-top: 85px;
}

aside.widget.widget_archive h3.widget-title{
    font-size: 24pt;
    font-weight: bolder;
    padding: 5px 0 10px 0;
    color: #04152A;
    background-color: transparent;
    background-image: url("../graphic/images/line.png");
    background-repeat: repeat-x;
    background-position: bottom;
    font-family: 'Alegreya SC', serif;;
    margin-bottom: 10px;
}

aside.widget.widget_archive ul {
    list-style: none;
    padding-left: 0;
    text-align:center;
}
aside.widget.widget_archive ul li a{
    text-transform: uppercase;
    font-weight: bold;
    color: #04152a;
    font-size: 14pt;
}

aside.widget.widget_archive ul li a:hover{
    color:#cfb415;
}

.registerPanel {
    /*background-repeat: no-repeat;*/
    /*background-position: bottom right;*/
    background-color: #dcdac6;
    padding-bottom: 40px;
}

.bg_bottom_register {
    background-size: cover;
    width: 368px;
}

.step_no3 {
    position: absolute;
    width: 39px;
    height: 39px;
    background-repeat: no-repeat;
    right: 111px;
    top: -5px;
}

.br_bottom_register .btn-register img {
    width: 100px;
}

.float_right {
    float: right;
}
#home-content {
    width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
}

#home-content .block-content {

}

#home-btn-download, #tie-img, #registerPanel {
    float: left;
    position: relative;
}

#registerPanel {
    margin-left: -17px;
}

/*#menu-ranking-pages {*/
    /*list-style-type: none;*/
/*}*/

/*CSS for rank pages*/

.rank-pages-content {
    background-color: #ebebeb;
}

.rank-pages-content .content {
    /*margin-bottom: 50px;*/
    padding-bottom: 15px;
    float: right;
}
.rank-section-container .well {
    padding: 2px 2px 0 2px;
    border: 2px solid #82b2d6;
    border-radius: 0px;
    margin-top: 152px;
}
ul.tabMenu {
    list-style-type: none;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
    padding-left: 0;
}

ul.tabMenu li {
    float: left;
    margin-right: 1px;
    width: 130px;
    text-align: center;
}

ul.tabMenu li a {
    display: block;
    width: 100%;
    padding: 9px 0;
    background-color: #bebebe;
    color:#fff;
}

ul.tabMenu li.current {
    height: 44px;
    background: url('../graphic/images/rank/tab_current.gif') no-repeat center 38px;
}

ul.tabMenu li.current a {
    background-color: #0e3c7a;
}

div.tabSub {
    margin-bottom: 20px;
    color: #b6c1d0;
    border: 1px solid #9facbb;
    overflow: hidden;
    text-align: left;
}

div.tabSub ul {
    margin-left: -1px;
    background-color: #9facbb;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}

div.tabSub li.current {
    background-color: #ebebeb;
    background-image: none;
}

div.tabSub li {
    float: left;
    background: #9facbb url('../graphic/images/rank/bar_tab.gif') no-repeat right center;

}

div.tabSub li.current a {
    color: #47576a;
}

div.tabSub li a {
    display: block;
    padding: 0 15px;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
    text-align: center;
}

table.rank1 {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0;
}

table.rank1 thead th {
    height: 25px;
    margin-right: 1px;
    border-right: 1px solid #ebebeb;
    background-color: #3d70ad;
    text-align: center;
    color: #fff;
    font-size: 10px;
}

div.tabSub > a.current {
    font-weight: bold;
    color: #27446a;
}

div.tabSub > a {
    display: inline-block;
    padding: 0 15px;
    font-size: 11px;
    color: #63748a;
    line-height: 35px;
    vertical-align: middle;
}

div.fish {
    margin-bottom: 10px;
    padding: 15px 20px;
    color: #555555;
    line-height: 20px;
    border: 1px solid #d1d1d1;
    background-color: #ffffff;
    text-align: left;
}

div.fish a.current {
    font-weight: bold;
    color: #0b5896;
}

div.fish a {
    color: #555555;
}

#king_table_wrapper > .row{
    margin-bottom: 20px;
}

.dataTables_length{
    text-align: left;
}

table.rank1 thead th img {
    vertical-align: middle;
}

table.rank1 tbody td {
    padding: 9px 0 7px;
    color: #1d1d1d;
    text-align: center;
    border-bottom: 1px solid #d1d1d1;
}

table.rank1 tbody td.top {
    font-weight: bold;
    font-size: 14px;
    color: #0e3c7a;
}

h6.rank {
    margin-bottom: 20px;
    padding-left: 12px;
    font-weight: normal;
    color: #757575;
    text-align: left;
}

ul.rank {
    margin-bottom: 30px;
    padding-bottom: 30px;
    background: url('../graphic/images/rank/bar_dot.gif') repeat-x 1px bottom;
    overflow: hidden;
    list-style-type: none;
}

ul.rank li {
    float: left;
    margin: 0 7px;
    padding-left: 13px;
    width: 224px;
    height: 180px;
}

ul.rank li.first {
    background: url('../graphic/images/rank/bg_first.gif') no-repeat left bottom;
}

ul.rank .fishImg {
    margin: 0 0 10px 85px;
}

ul.rank b, ul.rank p {
    color: #a7ddfc;
    font-size: 12px;
}

ul.rank .point {
    margin: 0 0 5px 85px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}

ul.rank .lv {
    margin-bottom: 5px;
    font-weight: bold;
    color: #cde6ff;
}

ul.rank .area {
    line-height: 20px;
}

ul.rank .fish {
    line-height: 18px;
}

ul.rank li.second {
    background: url('../graphic/images/rank/bg_second.gif') no-repeat left bottom;
}

ul.rank li.third {
    background: url('../graphic/images/rank/bg_third.gif') no-repeat left bottom;
}

div.sea {
    position: relative;
    margin-bottom: 30px;
    height: 550px;
    background: url('../graphic/images/rank/_bg_sea.gif') no-repeat left bottom;
}

div.sea div {
    padding-left: 13px;
    width: 224px;
    height: 110px;
}

div.sea .sea06 {
    position: absolute;
    left: 506px;
    top: 355px;
}

div.sea .fishImg {
    margin: 0 0 10px 85px;
}

div.sea .point {
    margin: 0 0 5px 85px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}

div.sea .lv {
    margin-bottom: 5px;
    font-weight: bold;
    color: #cde6ff;
}

div.sea b, div.sea p {
    color: #a7ddfc;
    font-size: 12px;
}

div.sea .area {
    line-height: 20px;
}

div.sea .fish {
    line-height: 18px;
}

div.sea .fish span {
    display: inline-block;
    padding-left: 38px;
    color: #a7ddfc;
}

p.lv {
    text-align: left;
}

p.area {
    text-align: left;
}

p.fish {
    text-align: left;
}

div.sea .sea03 {
    position: absolute;
    left: 15px;
    top: 355px;
}

div.sea .sea05 {
    position: absolute;
    left: 506px;
    top: 15px;
}

div.sea .sea02 {
    position: absolute;
    left: 15px;
    top: 15px;
}

div.sea .sea01 {
    position: absolute;
    left: 259px;
    top: 5px;
}

div.sea .sea04 {
    position: absolute;
    left: 264px;
    top: 365px;
}

h6.rank .date {
    color: #2485ac;
}

h6.rank .rank-header{
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

table.rank {
    width: 100%;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
}

table.rank td {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000000;
    border-bottom: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}

div.fish p {
    padding-top: 10px;
    color: #8c8a8a;
}

div.tabSub li.current {
    background-color: #ebebeb;
    background-image: none;
}

.rank-page-content {
    margin-bottom: 50px;
}