@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

table {
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-weight: normal;
    font-style: normal;
}

strong {
    font-weight: bold;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

caption, th {
    text-align: left;

}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
    margin: 0;
    padding: 0;
    color: #444;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}


/* Custom CSS
 * --------------------------------------- */

/*@font-face {*/
/*    font-family: "IranSans";*/
/*    src: url('../fonts/IRANSans.eot?1495691863');*/
/*    src: url('../fonts/IRANSans.eot?&1495691863#iefix') format('embedded-opentype'), url('../fonts/IRANSans.woff?1495691863') format('woff'), url('../fonts/IRANSans.ttf?1495691863') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: "IranSans";*/
/*    src: url('../fonts/IRANSans-Bold.eot?1495691863');*/
/*    src: url('../fonts/IRANSans-Bold.eot?&1495691863#iefix') format('embedded-opentype'), url('../fonts/IRANSans-Bold.woff?1495691863') format('woff'), url('../fonts/IRANSans-Bold.ttf?1495691863') format('truetype');*/
/*    font-weight: bold;*/
/*    font-style: normal;*/
/*}*/

@font-face {
    font-family: "Dubai";
    src: url('../fonts/DubaiWebfont/Dubai-Regular.eot?1495691863');
    src: url('../fonts/DubaiWebfont/Dubai-Regular.eot?&1495691863#iefix') format('embedded-opentype'), url('../fonts/DubaiWebfont/Dubai-Regular.woff?1495691863') format('woff'), url('../fonts/DubaiWebfont/DUBAI-REGULAR.ttf?1495691863') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Dubai";
    src: url('../fonts/DubaiWebfont/Dubai-bold.eot?1495691863');
    src: url('../fonts/DubaiWebfont/Dubai-bold.eot?&1495691863#iefix') format('embedded-opentype'), url('../fonts/DubaiWebfont/Dubai-bold.woff?1495691863') format('woff'), url('../fonts/DubaiWebfont/DUBAI-BOLD.ttf?1495691863') format('truetype');
    font-weight: bold;
    font-style: normal;
}

#fp-nav ul li{
    width: 25px;
    height: 25px;
}
#fp-nav ul li a span{
    height: 10px;
    width: 10px;
}
#fp-nav ul li:hover a span{
    height: 15px;
    width: 15px;
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span{
    height: 20px;
    width: 20px;
}
@media (min-width: 992px) {
    #fp-nav ul li{
        width: 30px;
        height: 30px;
    }
    #fp-nav ul li a span{
        height: 15px;
        width: 15px;
    }
    #fp-nav ul li:hover a span{
        height: 20px;
        width: 20px;
    }
    #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span{
        height: 25px;
        width: 25px;
    }

}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    box-shadow: 0 0 3px 1px #00b7c7;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #262261;
}
#fp-nav ul li .fp-tooltip.fp-left{
    left: 50px;
    margin-top: 5px;
}
body,#fp-nav ul li .fp-tooltip {
    font-family: Dubai, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    /*color: rgba(0, 0, 0, 0.5);*/
}
@media (max-width: 500px) {
    #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip{
        width: 80vw;
        white-space: normal;
        text-align: right;
        display: none;
    }
}

/*.fp-next{*/
/*    left: 50px;*/
/*    right: auto;*/
/*}*/
/*.fp-prev{*/
/*    right: 50px;*/
/*    left: auto;*/
/*}*/
.fp-slidesNav{
    direction: rtl;
}

.fp-slidesContainer{
    float: right;
}
.fp-slide{
    float: right;
}

#fp-nav ul li .fp-tooltip{
    max-width: none;
    direction: rtl;
    font-size: 18px;
    display: inline-block;
    background-color: #ffffff;
    box-shadow: 0px 0px 5px 0px #000;
    padding: 5px;
    border-radius: 5px;
}
#fp-nav.fp-left{
    left: -5px;
}
.fp-controlArrow{
    top: 95%;
    z-index: 5;
    display: none;
}
@media (min-width: 992px) {
    .fp-controlArrow{
        display: block;
    }
}
.wrap {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    position: relative;
}

h1 {
    font-size: 6em;
}

p {
    font-size: 2em;
}

.intro p {
    width: 50%;
    margin: 0 auto;
    font-size: 1.5em;
}

.section {
    text-align: center;
    box-shadow: 0 2px 3px #153e89;
}

#menu li {
    display: inline-block;
    margin: 10px;
    color: #000;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#menu li.active {
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}

#menu li a {
    text-decoration: none;
    color: #000;
}

#menu li.active a:hover {
    color: #000;
}

#menu li:hover {
    background: rgba(255, 255, 255, 0.8);
}

#menu li a,
#menu li.active a {
    padding: 9px 18px;
    display: block;
}

#menu li.active a {
    color: #fff;
}

#menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 40px;
    z-index: 70;
    width: 100%;
    padding: 0;
    margin: 0;
}

.twitter-share-button {
    position: fixed !important;
    z-index: 99;
    right: 149px;
    top: 9px;
}

#infoMenu {
    height: 20px;
    color: #f2f2f2;
    position: fixed;
    z-index: 70;
    bottom: 0;
    width: 100%;
    text-align: right;
    font-size: 0.9em;
    padding: 8px 0 8px 0;
}

#infoMenu ul {
    padding: 0 40px;
}

#infoMenu li a {
    display: block;
    margin: 0 22px 0 0;
    color: #333;
}

#infoMenu li a:hover {
    text-decoration: underline;
}

#infoMenu li {
    display: inline-block;
    position: relative;
}

#examplesList {
    display: none;
    background: #282828;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 20px;
    float: left;
    position: absolute;
    bottom: 29px;
    right: 0;
    width: 822px;
    text-align: left;
}

#examplesList ul {
    padding: 0;
}

#examplesList ul li {
    display: block;
    margin: 5px 0;
}

#examplesList ul li a {
    color: #BDBDBD;
    margin: 0;
}

#examplesList ul li a:hover {
    color: #f2f2f2;
}

#examplesList .column {
    float: left;
    margin: 0 20px 0 0;
}

#examplesList h3 {
    color: #f2f2f2;
    font-size: 1.2em;
    margin: 0 0 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    padding: 0 0 5px 0;
}


/* Demos Menu
 * --------------------------------------- */
#demosMenu {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 999;
    padding: 5px 10px;
}

/* Buttons
 * --------------------------------------- */
#download a {
    text-decoration: none
}

#download,
#download:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.button {
    margin: 20px 0 0 0;
    vertical-align: middle;
    display: inline-block
}

.button a {
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    padding: 15px 30px;
    border-radius: 5px;
    display: inline-block;
}

.button a:hover {
    color: #316f68;
    background-color: #fff
}


/* Extensions preview menu
 * --------------------------------------- */
.preview-extensions-menu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    border-top: 0;
    box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.8);
}

.preview-extensions-menu li {
    display: inline-block;
    margin: 0;
}

.preview-extensions-menu li a {
    padding: 15px 25px;
    display: block;
}

.preview-buy-extension {
    background: #3cc63c;
}

.preview-more-extensions {
    background: #fff;
}

.preview-buy-extension a {
    color: #fff;
}

.preview-buy-extension:hover {
    background-color: #1a961a;
}

.preview-more-extensions a {
    color: #333;
}

.code {
    background: rgba(255, 255, 255, 0.7);
    padding: 0px 5px;
    line-height: 25px;
}


/* Style for our header texts
* --------------------------------------- */
h1 {
    font-size: 5em;
    font-family: arial, helvetica;
    color: #fff;
    margin: 0;
}

.section p,
.intro p,h1,h2,h3,h4,h5,h6 {
    color: #fff;
}

/* Centered texts in each section
* --------------------------------------- */
.section {
    text-align: center;
}


/* Bottom menu
* --------------------------------------- */
#infoMenu li a {
    color: #fff;
}

.fp-bg {
    top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    z-index: -1;
    height: 100%;
}

.fp-bg .layer{
    top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    z-index: -1;
    height: 100%;
}

.fp-scrollable .fp-bg {
    height: 100vh;
}

.fp-section, .fp-slide, .fp-section.fp-table, .fp-slide.fp-table, .fp-section .fp-tableCell, .fp-slide .fp-tableCell {
    position: relative;
    overflow: hidden;
}

.layer {
    background-size: cover;
    /*background-size: auto 100%;*/
    background-repeat: no-repeat;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
    background-position: 100% 50%;
}

#section1 .fp-bg {
    position: relative;
    height: 56.3Vw;
    z-index: 1;
    overflow: hidden;
}
#section1 .fp-slidesNav.fp-bottom{
    bottom: 0;
}
@media (min-width: 992px) {
    #section1 .fp-slidesNav.fp-bottom{
        bottom: 20px;
    }
}

#slide1-1 .fp-bg {
    background-color: #ffffff;
}
#slide1-1 .layer {
    background-position: center;
    background-size: contain;
}

#slide1-1 .layer1 {
    background-image: url('../imgs/pages/page1-1/layer1.png');
}
.active #slide1-1.active .layer1 {
    animation: fadeInLeft;
    animation-duration: 1s;
}
#slide1-1 .layer2 {
    background-image: url('../imgs/pages/page1-1/layer2.png');
}
.active #slide1-1.active .layer2 {
    animation: fadeInRight;
    animation-duration: 1s;
}
#slide1-1 .layer3 {
    background-image: url('../imgs/pages/page1-1/layer3.png');
}
.active #slide1-1.active .layer3 {
    animation: fadeInUpBig;
    animation-duration: 1s;
}
#slide1-1 .layer4 {
    background-image: url('../imgs/pages/page1-1/memowell.png');
}
.active #slide1-1.active .layer4 {
    animation: fadeIn;
    animation-duration: 2s;
}
#slide1-1 .layer5 {
    background-image: url('../imgs/pages/page1-1/layer4.png');
}
.active #slide1-1.active .layer5 {
    animation: zoomIn;
    animation-duration: 1s;
}
#slide1-1 .layer6 {
    background-image: url('../imgs/pages/page1-1/pill-box.png');
}
.active #slide1-1.active .layer6 {
    animation: bounceIn;
    animation-duration: 2s;
}
#slide1-1 .layer7 {
    background-image: url('../imgs/pages/page1-1/layer5.png');
}
.active #slide1-1.active .layer7 {
    animation: rotateIn;
    animation-duration: 1s;
}
#slide1-1 .layer8 {
    background-image: url('../imgs/pages/page1-1/contact-texts.png');
}
.active #slide1-1.active .layer8 {
    animation: zoomIn;
    animation-duration: 1s;
}
#slide1-1 .kondorpharma-link{
    height: 7vw;
    width: 18vw;
    position: absolute;
    right: 4vw;
    bottom: 5vw;
}

#slide1-2 .layer {
    /*background-position: 85% 50%;*/
    background-position: center;
    background-size: contain;
}
#slide1-2 .layer1 {
    background-image: url('../imgs/pages/page1-2/layer1.jpg');
}
#slide1-2 .layer2 {
    background-image: url('../imgs/pages/page1-2/layer2.png');
}
.active #slide1-2.active .layer2 {
    animation: fadeInRight;
    animation-duration: 1s;
}
#slide1-2 .layer3 {
    background-image: url('../imgs/pages/page1-2/layer3.png');
}
.active #slide1-2.active .layer3 {
    animation: zoomIn;
    animation-duration: 1s;
}
#slide1-2 .layer4 {
    background-image: url('../imgs/pages/page1-2/main-icon.png');
}
.active #slide1-2.active .layer4 {
    animation: pulse;
    animation-duration: 1s;
}
#slide1-2 .layer5 {
    background-image: url('../imgs/pages/page1-2/left-text-holder.png');
}
.active #slide1-2.active .layer5 {
    animation: fadeInLeft;
    animation-duration: 1s;
}
#slide1-2 .layer6 {
    background-image: url('../imgs/pages/page1-2/icons.png');
}
.active #slide1-2.active .layer6 {
    animation: zoomIn;
    animation-duration: 1.5s;
}
#slide1-2 .layer7 {
    background-image: url('../imgs/pages/page1-2/left-texts.png');
}
.active #slide1-2.active .layer7 {
    animation: zoomIn;
    animation-duration: 1.5s;
}
#slide1-2 .layer8 {
    background-image: url('../imgs/pages/page1-2/right-texts.png');
}
.active #slide1-2.active .layer8 {
    animation: zoomIn;
    animation-duration: 1s;
}
#slide1-2 .layer9 {
    background-image: url('../imgs/pages/page1-2/logos.png');
}
.active #slide1-2.active .layer9 {
    animation: fadeInRight;
    animation-duration: 1s;
}
#slide1-2 .layer10 {
    background-image: url('../imgs/pages/page1-2/contact-texts.png');
}
.active #slide1-2.active .layer10 {
    animation: zoomIn;
    animation-duration: 1s;
}
#slide1-2 .layer11 {
    background-image: url('../imgs/pages/page1-2/memowell-text.png');
}
.active #slide1-2.active .layer11 {
    animation: rotateIn;
    animation-duration: 1s;
}
#slide1-2 .kondorpharma-link{
    height: 6vw;
    width: 25vw;
    position: absolute;
    left: 13vw;
    /*bottom: 5vw;*/
    top: 83%;
}



/****************************************************/

/*#section2 .fp-bg {*/
    /*position: relative;*/
    /*height: 56.3Vw;*/
    /*z-index: 1;*/
    /*overflow: hidden;*/
    /*background-color: #ffffff;*/
/*}*/
#section2 .layer {
    /*background-image: url('../imgs/brochure-(3).jpg');*/
    background-position: right 50%;
    /*background-position: center;*/
    background-size: cover;
}
#section2 .sentence{
    text-shadow: none;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*text-shadow: 0px 0px 3px #ffffff;*/
}
#section2 .sentence .head{
    background-color: #ffffff;
    /*box-shadow: 0 0 11px #fff;*/
    border-radius: 0 0 115px 115px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
#section2 .sentence .foot{
    background-color: #ffffff;
    /*box-shadow: 0 0 11px #fff;*/
    border-radius: 115px 115px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 10px;
}
#section2 .sentence .body{
    visibility: hidden;
}

#section2 .doi-link{
    text-align: center;
}
#section2 .doi-img-link{
    height: 3vw;
    width: 11vw;
    position: absolute;
    right: 2vw;
    bottom: 4vh;
    display: none;
 }

#section2 .qr-code-link{
    height: 130px;
    width: 155px;
    position: absolute;
    right: 7vw;
    bottom: 18vh;
    display: none;
 }

#section2 .sentence ul{
    padding: 5px;
    /*background-color: #ffffffc7;*/
    border-radius: 5px;
    /*border: 1px solid #fff;*/
    color: #232768;
}
#section2 .fit-image{
    width: 200px;
    /*display: block;*/
    margin: 5px 0;
}
#section2 .layer1 {
    /*display: none;*/
    background-image: url('../imgs/pages/page2/layer1.png');
}
#section2 .layer2 {
    display: none;
    background-image: url('../imgs/pages/page2/layer4.png');
}
#section2.active .layer2 {
    animation: fadeInUp;
    animation-duration: 1.5s;
}
#section2 .layer3 {
    /*display: none;*/
    max-width: 900px;
    background-size: 130%;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-position-x: 0;
    background-image: url('../imgs/pages/page2/layer2.png');
}
#section2.active .layer3 {
    /*animation: jackInTheBox;*/
    animation: zoomIn;
    animation-duration: 1s;
}
#section2 .layer4 {
    display: none;
    background-image: url('../imgs/pages/page2/layer3.png');
}
#section2.active .layer4 {
    animation: fadeInRight;
    animation-duration: 1s;
}
#section2 .layer5 {
    /*display: none;*/
    max-width: 900px;
    background-size: 130%;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-position-x: 0;
    animation: zoomOut;
    animation-duration: 1s;
    background-image: url('../imgs/pages/page2/texts.png');
}
#section2.active .layer5 {
    animation: bounceIn;
    animation-duration: 4s;
}
#section2 .layer6 {
    /*display: none;*/
    max-width: 900px;
    background-size: 130%;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-position-x: 0;
    background-image: url('../imgs/pages/page2/pill-box.png');
}
#section2.active .layer6 {
    animation: bounceIn;
    animation-duration: 4s;
}
#section2 .layer7 {
    display: none;
    background-image: url('../imgs/pages/page2/memowell.png');
}
#section2.active .layer7 {
    animation: shakeY;
    animation-duration: 2s;
    /*animation-iteration-count: 3;*/
}
#section2 .layer8 {
    display: none;
    background-image: url('../imgs/pages/page2/title.png');
}
#section2.active .layer8 {
    animation: zoomIn;
    animation-duration: 1s;
}
#section2 .layer9 {
    display: none;
    background-position-y: 2vh;
    background-position: center bottom;
    background-image: url('../imgs/pages/page2/QR.png');
}
#section2.active .layer9 {
    animation: zoomIn;
    animation-duration: 1s;
}
#section2 .layer10 {
    display: none;
    background-position-y: 2vh;
    background-position: center bottom;
    background-image: url('../imgs/pages/page2/DOI.png');
}
#section2.active .layer10 {
    animation: zoomIn;
    animation-duration: 1s;
}
#section2 .sentence {
    animation: none !important;
}
#section2.active .sentence img{
    animation: zoomIn;
    animation-duration: 1s;
}
/*#section2 .memowell-img{*/
/*    animation: shakeY;*/
/*    animation-duration: 2s;*/
/*}*/
/****************************************************/

#slide3-1 {
    direction: rtl;
}
#slide3-1 .fp-overflow .sentence{
    margin-top: 100px;
}
#slide3-1 .doi-link{
    color: #00e9ff;
}
#slide3-1 .layer {
    /*background-image: url('../imgs/brochure-(7).jpg');*/
    background-position: 100% 50%;
    /*background-size: 100% auto;*/
    /*background-position: center;*/
    background-size: cover;
}
#slide3-1 .layer1 {
    background-image: url('../imgs/pages/page2-1/layer1.png');
}
#slide3-1 .layer2 {
    display: none;
    background-image: url('../imgs/pages/page2-1/layer2.png');
}
.active #slide3-1.active .layer2 {
    animation: fadeInLeft;
    animation-duration: 1s;
}
#slide3-1 .layer3 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page2-1/layer3.png');
}
.active #slide3-1.active .layer3 {
    animation: fadeInDown;
    animation-duration: 1s;
}
#slide3-1 .layer4 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page2-1/layer4.png');
}
.active #slide3-1.active .layer4 {
    animation: zoomIn;
    animation-duration: 1.5s;
}




#slide3-2 .layer {
    /*background-image: url('../imgs/brochure-(8).jpg');*/
    background-position: 0% 50%;
    /*background-position: 100% 50%;*/
    /*background-size: contain;*/
}
#slide3-2 .layer1 {
    background-image: url('../imgs/pages/page2-2/layer1.png');
}
#slide3-2 .layer2 {
    display: none;
    background-image: url('../imgs/pages/page2-2/layer2.png');
}
.active #slide3-2.active .layer2 {
    animation: fadeInRight;
    animation-duration: 1s;
}
#slide3-2 .layer3 {
    background-image: url('../imgs/pages/page2-2/layer3.png');
}
.active #slide3-2.active .layer3 {
    animation: fadeInDown;
    animation-duration: 1s;
}
#slide3-2 .layer4 {
    display: none;
    background-image: url('../imgs/pages/page2-2/icon.png');
}
.active #slide3-2.active .layer4 {
    animation: zoomIn;
    animation-duration: 1.5s;
}





#slide3-3 .layer {
    /*background-image: url('../imgs/brochure-(9).jpg');*/
    background-position: right 50%;
    /*background-position: center;*/
    /*background-size: contain;*/
}
#slide3-3 .doi-link{
    color: #00e9ff;
}
#slide3-3 .layer1 {
     background-image: url('../imgs/pages/page2-3/layer1.png');
 }
#slide3-3 .layer2 {
    display: none;
    background-image: url('../imgs/pages/page2-3/layer2.png');
}
.active #slide3-3.active .layer2 {
    animation: fadeInLeft;
    animation-duration: 1s;
}
#slide3-3 .layer3 {
    background-image: url('../imgs/pages/page2-3/layer3.png');
}
.active #slide3-3.active .layer3 {
    animation: fadeInDown;
    animation-duration: 1s;
}
#slide3-3 .layer4 {
    display: none;
    background-image: url('../imgs/pages/page2-3/icon.png');
}
.active #slide3-3.active .layer4 {
    animation: zoomIn;
    animation-duration: 1.5s;
}





#slide3-4 .layer {
    /*background-image: url('../imgs/brochure-(10).jpg');*/
    background-position: 0% 50%;
    /*background-position: center;*/
    /*background-size: contain;*/
}
#slide3-4 .doi-link{
    color: #00e9ff;
}
#slide3-4 .layer1 {
    background-image: url('../imgs/pages/page2-4/layer1.png');
}
#slide3-4 .layer2 {
    display: none;
    background-image: url('../imgs/pages/page2-4/layer2.png');
}
.active #slide3-4.active .layer2 {
    animation: fadeInRight;
    animation-duration: 1s;
}
#slide3-4 .layer3 {
    background-image: url('../imgs/pages/page2-4/layer3.png');
}
.active #slide3-4.active .layer3 {
    animation: fadeInLeft;
    animation-duration: 1s;
}
#slide3-4 .layer4 {
    display: none;
    background-image: url('../imgs/pages/page2-4/icon.png');
}
.active #slide3-4.active .layer4 {
    animation: zoomIn;
    animation-duration: 1.5s;
}
/*********************************************/

/*#section5 .layer:before,*/
/*#section5 .layer:before,*/
/*#section2 .layer:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    display: block;*/
/*    background: rgba(173, 173, 173, 0.2);*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*}*/

#section4 .fp-bg {
    background-color: #ffffff;
}
#section4 .fp-overflow {
    margin-top: 240px;
    padding-bottom: 50px;
}
#section4 .layer {
    /*background-image: url('../imgs/brochure-(10).jpg');*/
    background-position: 100% 50%;
    /*background-position: center;*/
    /*background-size: contain;*/
}
#section4 p,#section4 h2 {
    color: #232768;
    text-shadow: none;
}
#section4 .sentence {
    text-shadow: 0 0 3px #ffffff;
}
#section4 .layer1 {
    display: none;
    background-image: url('../imgs/pages/page3/layer1.png');
}
.active#section4 .layer1 {
    animation: fadeInLeft;
    animation-duration: 1s;
}
#section4 .layer2 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page3/layer2.png');
}
.active#section4 .layer2 {
    animation: fadeInDown;
    animation-duration: 1s;
}
#section4 .layer3 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page3/icon.png');
}
.active#section4 .layer3 {
    animation: zoomIn;
    animation-duration: 1s;
}




#section5 .layer {
    /*background-image: url('../imgs/brochure-(14).jpg');*/
    /*background-position: center;*/
    /*background-size: contain;*/
}
#section5 .fp-overflow {
    margin-top: 240px;
    padding-bottom: 50px;
}
#section5 .doi-link{
    color: #00e9ff;
}
#section5 .layer1 {
    background-image: url('../imgs/pages/page4/layer1.png');
}
#section5 .layer2 {
    display: none;
    background-image: url('../imgs/pages/page4/layer2.png');
}
.active#section5 .layer2 {
    animation: fadeInLeft;
    animation-duration: 1s;
}
#section5 .layer3 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page4/layer3.png');
}
.active#section5 .layer3 {
    animation: fadeInDown;
    animation-duration: 1s;
}
#section5 .layer4 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page4/icon.png');
}
.active#section5 .layer4 {
    animation: zoomIn;
    animation-duration: 1s;
}


#slide6-1 .layer {
    /*background-image: url('../imgs/brochure-(16).jpg');*/
    background-position: 85% 50%;
    /*background-position: center;*/
    /*background-size: contain;*/
}
#slide6-1 .fp-overflow {
    margin-top: 240px;
    padding-bottom: 100px;
}
#slide6-1 p,#slide6-1 h2 {
    color: #232768;
    text-shadow: none;
}
#slide6-1 .sentence {
    text-shadow: 0 0 3px #ffffff;
}
#slide6-1 .layer1 {
    background-image: url('../imgs/pages/page5-1/layer1.jpg');
}
#slide6-1 .layer2 {
    background-image: url('../imgs/pages/page5-1/layer2.png');
}
.active #slide6-1.active .layer2 {
    animation: fadeInRight;
    animation-duration: 1s;
}
#slide6-1 .layer3 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page5-1/layer3.png');
    animation: fadeOutRight;
    animation-duration: 1s;
}
.active #slide6-1.active .layer3 {
    animation: fadeInRight;
    animation-duration: 1s;
}
#slide6-1 .layer4 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page5-1/icon.png'),url('../imgs/pages/page5-1/icon-title.png');
    animation: zoomOut;
    animation-duration: 1s;
}
.active #slide6-1.active .layer4 {
    animation: zoomIn;
    animation-duration: 1.5s;
}
#slide6-1 .layer5 {
    display: none;
    background-image: url('../imgs/pages/page5-1/chart1.png');
    animation: rotateOutUpRight;
    animation-duration: 1s;
}
.active #slide6-1.active .layer5 {
    animation: rotateInUpLeft;
    animation-duration: 1.5s;
}
#slide6-1 .layer6 {
    display: none;
    background-image: url('../imgs/pages/page5-1/chart2.png');
    animation: rotateOutUpLeft;
    animation-duration: 1s;
}
.active #slide6-1.active .layer6 {
    animation: rotateInUpRight;
    animation-duration: 1.5s;
}




#slide6-2 .fp-bg {
    background-color: #ffffff;
}

#slide6-2 p {
    color: #232768;
}
#slide6-2 .sentence {
    margin-top: 0;
    text-shadow: 0 0 3px #ffffff;
}
#slide6-2 .layer {
    /*background-image: url('../imgs/brochure-(17).jpg');*/
    background-position: 0% 50%;
    /*background-position: center;*/
    /*background-size: contain;*/
}
#slide6-2 .layer1 {
    background-image: url('../imgs/pages/page5-2/layer1.png');
}
.active #slide6-2.active .layer1 {
    animation: fadeInUp;
    animation-duration: 1s;
}
#slide6-2 .layer2 {
    display: none;
    background-image: url('../imgs/pages/page5-2/layer2.png');
}
.active #slide6-2.active .layer2 {
    animation: fadeInRight;
    animation-duration: 1s;
}
#slide6-2 .layer3 {
    display: none;
    background-image: url('../imgs/pages/page5-2/icon.png');
}
.active #slide6-2.active .layer3 {
    animation: zoomIn;
    animation-duration: 1.5s;
}
#slide6-2 .layer4 {
    display: none;
    background-image: url('../imgs/pages/page5-2/table1.png');
}
.active #slide6-2.active .layer4 {
    animation: zoomInDown;
    animation-duration: 1.5s;
}
#slide6-2 .layer5 {
    display: none;
    background-image: url('../imgs/pages/page5-2/table2.png');
}
.active #slide6-2.active .layer5 {
    animation: zoomInUp;
    animation-duration: 1.5s;
}
#slide6-2 .layer6 {
    display: none;
    background-image: url('../imgs/pages/page5-2/JAD.png');
}
.active #slide6-2.active .layer6 {
    animation: fadeInDwon;
    animation-duration: 1.5s;
}



#slide6-3 .layer {
    /*background-image: url('../imgs/brochure-(18).jpg');*/
    background-position: right 50%;
    /*background-position: center;*/
    /*background-size: contain;*/
}
#slide6-3 p {
    color: #232768;
}
#slide6-3 .sentence {
    text-shadow: 0 0 3px #ffffff;
}
#slide6-3 .layer1 {
    background-image: url('../imgs/pages/page5-3/layer1.png');
}
.active #slide6-3.active .layer1 {
    animation: fadeInUp;
    animation-duration: 2s;
}
#slide6-3 .layer2 {
    display: none;
    background-image: url('../imgs/pages/page5-3/layer2.png');
}
.active #slide6-3.active .layer2 {
    animation: fadeInLeft;
    animation-duration: 1s;
}
#slide6-3 .layer3 {
    display: none;
    background-image: url('../imgs/pages/page5-3/icon.png');
}
.active #slide6-3.active .layer3 {
    animation: zoomIn;
    animation-duration: 1.5s;
}
#slide6-3 .layer4 {
    display: none;
    background-image: url('../imgs/pages/page5-3/table1.png');
}
.active #slide6-3.active .layer4 {
    animation: zoomInDown;
    animation-duration: 1.5s;
}







#section7{
    justify-items: center;
}
#section7 .layer {
    /*background-image: url('../imgs/brochure-(21).jpg');*/

    background-position: right 50%;
    /*background-position: center;*/
    /*background-size: contain;*/
}
#section7 .fp-overflow {
    margin-top: 240px;
    padding-bottom: 50px;
    /*width: 40vw;*/
}
#section7 .layer1 {
    background-image: url('../imgs/pages/page6/layer1.jpg');
}
#section7 .layer2 {
    background-image: url('../imgs/pages/page6/layer2.png');
}
.active#section7 .layer2 {
    animation: fadeIn;
    animation-duration: 500ms;
}
#section7 .layer3 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page6/layer3.png');
}
.active#section7 .layer3 {
    animation: fadeInDown;
    animation-duration: 1s;
}
#section7 .layer4 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page6/icon.png');
}
.active#section7 .layer4 {
    animation: zoomIn;
    animation-duration: 1s;
}
#section7 .layer5 {
    display: none;
    background-image: url('../imgs/pages/page6/table1.png');
    background-position: left 50%;
}
.active#section7 .layer5 {
    animation: zoomIn;
    animation-duration: 1s;
}



#section8 .fp-bg {
    position: relative;
    height: 56.3Vw;
    z-index: 1;
    overflow: hidden;
}
#section8 .layer {
    background-position: right 50%;
    /*background-image: url('../imgs/brochure-(23).jpg');*/
}
#section8 .layer1 {
    background-image: url('../imgs/pages/page5-4/layer1.jpg');
}
#section8.active .layer1 {
    animation: fadeInUp;
    animation-duration: 1s;
}
#section8 .layer2 {
    background-image: url('../imgs/pages/page5-4/layer2.png');
}
#section8.active .layer2 {
    animation: fadeInRight;
    animation-duration: 1s;
}
#section8 .layer3 {
    background-image: url('../imgs/pages/page5-4/layer3.png');
}
#section8.active .layer3 {
    animation: fadeInUp;
    animation-duration: 1.5s;
}
#section8 .layer4 {
    background-image: url('../imgs/pages/page5-4/text.png');
}
#section8.active .layer4 {
    animation: zoomInDown;
    animation-duration: 1.5s;
}

#section9 .layer {
    background-position: right 50%;
    /*background-image: url('../imgs/brochure-(23).jpg');*/
}
#section9 .fp-overflow {
    margin-top: 240px;
    padding-bottom: 50px;
}
#section9 p {
    color: #232768;
}
#section9 .sentence {
    text-shadow: 0 0 3px #ffffff;
}
#section9 .layer1 {
    display: none;
    background-image: url('../imgs/pages/page7/layer1.png');
}
.active#section9 .layer1 {
    animation: fadeInLeft;
    animation-duration: 1s;
}
#section9 .layer2 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page7/layer2.png');
}
.active#section9 .layer2 {
    animation: fadeInDown;
    animation-duration: 1s;
}
#section9 .layer3 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page7/icon.png');
}
.active#section9 .layer3 {
    animation: zoomIn;
    animation-duration: 1s;
}




#section10 .layer {
    background-position: right 50%;
    /*background-image: url('../imgs/brochure-(25).jpg');*/
}
#section10 .fp-overflow {
    margin-top: 240px;
    padding-bottom: 50px;
}
#section10 .layer1 {
    background-image: url('../imgs/pages/page8/layer1.png');
}
#section10 .layer2 {
    display: none;
    background-image: url('../imgs/pages/page8/layer2.png');
}
.active#section10 .layer2 {
    animation: fadeInLeft   ;
    animation-duration: 1s;
}
#section10 .layer3 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page8/layer3.png');
}
.active#section10 .layer3 {
    animation: fadeInDown;
    animation-duration: 1s;
}
#section10 .layer4 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page8/icon.png');
}
.active#section10 .layer4 {
    animation: zoomIn;
    animation-duration: 1s;
}




#section11 .layer {
    background-position: right 50%;
    /*background-image: url('../imgs/brochure-(27).jpg');*/
}
#section11 .fp-overflow {
    margin-top: 240px;
    padding-bottom: 50px;
}
#section11 p {
    color: #232768;
}
#section11 .sentence ul{
    color: #232768;
    list-style: disc;
    padding-right: 25px;
}
#section11 .sentence {
    text-shadow: 0 0 3px #ffffff;
}
#section11 .layer1 {
    display: none;
    background-image: url('../imgs/pages/page9/layer1.png');
}
.active#section11 .layer1 {
    animation: fadeInLeft;
    animation-duration: 1s;
}
#section11 .layer2 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page9/layer2.png');
}
.active#section11 .layer2 {
    animation: fadeInDown;
    animation-duration: 1s;
}
#section11 .layer3 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page9/icon.png');
}
.active#section11 .layer3 {
    animation: zoomIn;
    animation-duration: 1s;
}




#section12 .layer {
    background-position: right 50%;
    /*background-image: url('../imgs/brochure-(29).jpg');*/
}
#section12 .layer1 {
    background-image: url('../imgs/pages/page10/layer1.png');
}
#section12 .layer2 {
    background-size: 100% auto;
    background-position: -15vw bottom;
    background-image: url('../imgs/pages/page10/layer2.png');
}
.active#section12 .layer2 {
    animation: fadeInLeft;
    animation-duration: 1s;
}
#section12 .layer3 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page10/layer3.png');
}
.active#section12 .layer3 {
    animation: fadeInDown;
    animation-duration: 1s;
}
#section12 .layer4 {
    background-position-y: -110px;
    background-image: url('../imgs/pages/page10/icon.png');
}
.active#section12 .layer4 {
    animation: zoomIn;
    animation-duration: 1s;
}
#section12 .layer5 {
    background-size: 100% auto;
    background-position: left bottom;
    background-image: url('../imgs/pages/page10/pill-box.png');
}
.active#section12 .layer5 {
    animation: bounceIn;
    animation-duration: 3s;
}
#section12 .layer6 {
    background-size: 100% auto;
    background-position: left bottom;
    background-image: url('../imgs/pages/page10/capsules.png');
}
.active#section12 .layer6 {
    animation: bounceIn;
    animation-duration: 2s;
}



#section13 .fp-bg {
    position: relative;
    height: 56.3Vw;
    z-index: 1;
    overflow: hidden;
}
#section13 .layer {
    /*background-image: url('../imgs/brochure-(3).jpg');*/
    /*background-position: right 50%;*/
    background-position: center top;
    background-size: contain;
}
#section13 .layer1 {
    background-image: url('../imgs/pages/page13/layer1.png');
}
#section13 .layer2 {
    background-image: url('../imgs/pages/page13/layer2.png');
}
#section13.active .layer2 {
    animation: fadeInLeft;
    animation-duration: 1.5s;
}
#section13 .layer3 {
    background-image: url('../imgs/pages/page13/layer3.png');
}
#section13.active .layer3 {
    animation: fadeInLeft;
    animation-duration: 1s;
}
#section13 .layer4 {
    animation: rotateOut;
    animation-duration: 1s;
    background-image: url('../imgs/pages/page13/button.png');
}
#section13.active .layer4 {
    animation: rotateInDownLeft;
    animation-duration: 1s;
}
#section13 .layer5 {
    animation: rotateOut;
    animation-duration: 1s;
    background-image: url('../imgs/pages/page13/text-button.png');
}
#section13.active .layer5 {
    animation: rotateInDownLeft;
    animation-duration: 1.25s;
}
#section13 .layer5 .amazon-link{
    height: 4vw;
    width: 23vw;
    position: absolute;
    right: 4vw;
    top: 5vw;
}
/*#section13 .layer5 img{
    height: 100%;
    width: 100%;
}*/



#section14 .fp-bg {
    position: relative;
    height: 56.3Vw;
    z-index: 1;
    overflow: hidden;
}
#section14 .fp-slidesNav.fp-bottom{
    bottom: 0;
}
@media (min-width: 992px) {
    #section14 .fp-slidesNav.fp-bottom{
        bottom: 20px;
    }
}

#slide14-1 .fp-bg {
    background-color: #ffffff;
}
#slide14-1 .layer {
    background-position: center;
    background-size: contain;
}

#slide14-1 .layer1 {
    background-image: url('../imgs/pages/page14/slide1/layer1.png');
}
.active #slide14-1.active .layer1 {
    animation: fadeInRight;
    animation-duration: 1s;
}
#slide14-1 .layer2 {
    background-image: url('../imgs/pages/page14/slide1/layer2.png');
}
.active #slide14-1.active .layer2 {
    animation: fadeInRight;
    animation-duration: 1.25s;
}
#slide14-1 .layer3 {
    background-image: url('../imgs/pages/page14/slide1/layer3.png');
}
.active #slide14-1.active .layer3 {
    animation: fadeInRight;
    animation-duration: 1.5s;
}
#slide14-1 .layer4 {
    background-image: url('../imgs/pages/page14/slide1/layer4.png');
}
.active #slide14-1.active .layer4 {
    animation: fadeInRight;
    animation-duration: 1.75s;
}
#slide14-1 .layer5 {
    background-image: url('../imgs/pages/page14/slide1/pill-box.png');
}
.active #slide14-1.active .layer5 {
    animation: fadeIn;
    animation-duration: 2s;
}
#slide14-1 .memowell-link{
    height: 8vw;
    width: 35vw;
    position: absolute;
    left: 14vw;
    top: 75%;
}



#slide14-2 .fp-bg {
    background-color: #ffffff;
}
#slide14-2 .layer {
    background-position: center;
    background-size: contain;
}

#slide14-2 .layer1 {
    background-image: url('../imgs/pages/page14/slide2/layer1.png');
}
.active #slide14-2.active .layer1 {
    animation: fadeInLeft;
    animation-duration: 1.5s;
}
#slide14-2 .layer2 {
    background-image: url('../imgs/pages/page14/slide2/layer2.png');
}
.active #slide14-2.active .layer2 {
    animation: fadeInRight;
    animation-duration: 1.25s;
}
#slide14-2 .layer3 {
    background-image: url('../imgs/pages/page14/slide2/layer3.png');
}
.active #slide14-2.active .layer3 {
    animation: fadeInRight;
    animation-duration: 1.25s;
}
#slide14-2 .layer4 {
    background-image: url('../imgs/pages/page14/slide2/layer4.png');
}
.active #slide14-2.active .layer4 {
    animation: fadeInRight;
    animation-duration: 1.5s;
}
#slide14-2 .layer5 {
    background-image: url('../imgs/pages/page14/slide2/pill-box.png');
}
.active #slide14-2.active .layer5 {
    animation: fadeIn;
    animation-duration: 2s;
}
#slide14-2 .strowell-link{
    height: 8vw;
    width: 32vw;
    position: absolute;
    left: 26vw;
    top: 75%;
}





#slide14-3 .fp-bg {
    background-color: #ffffff;
}
#slide14-3 .layer {
    background-position: center;
    background-size: contain;
}

#slide14-3 .layer1 {
    background-image: url('../imgs/pages/page14/slide3/layer1.png');
}
.active #slide14-3.active .layer1 {
    animation: fadeInLeft;
    animation-duration: 1.5s;
}
#slide14-3 .layer2 {
    background-image: url('../imgs/pages/page14/slide3/layer2.png');
}
.active #slide14-3.active .layer2 {
    animation: fadeInLeft;
    animation-duration: 1.25s;
}
#slide14-3 .layer3 {
    background-image: url('../imgs/pages/page14/slide3/layer3.png');
}
.active #slide14-3.active .layer3 {
    animation: fadeInRight;
    animation-duration: 1.25s;
}
#slide14-3 .layer4 {
    background-image: url('../imgs/pages/page14/slide3/layer4.png');
}
.active #slide14-3.active .layer4 {
    animation: fadeInRight;
    animation-duration: 1.5s;
}
#slide14-3 .layer5 {
    background-image: url('../imgs/pages/page14/slide3/pill-box.png');
}
.active #slide14-3.active .layer5 {
    animation: fadeIn;
    animation-duration: 2s;
}
#slide14-3 .genuwell-link{
    height: 8vw;
    width: 35vw;
    position: absolute;
    left: 37vw;
    top: 75%;
}





#slide14-4 .fp-bg {
    background-color: #ffffff;
}
#slide14-4 .layer {
    background-position: center;
    background-size: contain;
}

#slide14-4 .layer1 {
    background-image: url('../imgs/pages/page14/slide4/layer1.png');
}
.active #slide14-4.active .layer1 {
    animation: fadeInRight;
    animation-duration: 1.75s;
}
#slide14-4 .layer2 {
    background-image: url('../imgs/pages/page14/slide4/layer2.png');
}
.active #slide14-4.active .layer2 {
    animation: fadeInRight;
    animation-duration: 1.5s;
}
#slide14-4 .layer3 {
    background-image: url('../imgs/pages/page14/slide4/layer3.png');
}
.active #slide14-4.active .layer3 {
    animation: fadeInRight;
    animation-duration: 1.25s;
}
#slide14-4 .layer4 {
    background-image: url('../imgs/pages/page14/slide4/layer4.png');
}
.active #slide14-4.active .layer4 {
    animation: fadeInRight;
    animation-duration: 1s;
}
#slide14-4 .layer5 {
    background-image: url('../imgs/pages/page14/slide4/pill-box.png');
}
.active #slide14-4.active .layer5 {
    animation: fadeIn;
    animation-duration: 2s;
}
#slide14-4 .inflawell-link{
    height: 8vw;
    width: 35vw;
    position: absolute;
    right: 19vw;
    top: 75%;
}
#section14 .layer .fpSlide-link{
    width: 10.6vw;
    position: absolute;
    top: 0;
    bottom: 0;
}
#slide14-1 .layer .slide2-link{
    right: 21vw;
}
#slide14-1 .layer .slide3-link{
    right: 10.4vw;
}
#slide14-1 .layer .slide4-link{
    right: 0;
}

#slide14-2 .layer .slide1-link{
    left: 0;
}
#slide14-2 .layer .slide3-link{
    right: 10.4vw;
}
#slide14-2 .layer .slide4-link{
    right: 0;
}

#slide14-3 .layer .slide1-link{
    left: 0;
}
#slide14-3 .layer .slide2-link{
    left: 10.4vw;
}
#slide14-3 .layer .slide4-link{
    right: 0;
}

#slide14-4 .layer .slide1-link{
    left: 0;
}
#slide14-4 .layer .slide2-link{
    left: 10.4vw;
}
#slide14-4 .layer .slide3-link{
    left: 21vw;
}




.sec-title{
    font-family: Dubai, "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    top: 0;
    direction: rtl;
    font-size: 18px;
    /*text-shadow: 0px 0px 6px #000 ;*/
    background-color: #ffffffe0;
    padding: 20px;
    opacity: 0;
    transition: opacity 1s linear;
    border-bottom: 1px solid #ffffff;
    box-shadow: 0 0 2px #153b80;
    color: #262262;
    /*animation: zoomOut 1s;*/
}
.active  .sec-title {
    opacity: 1;
    /*animation: flipOutX 1s linear 5s forwards;*/
    animation: fadeOutUp 500ms linear 5s forwards;
    /*animation: zoomIn 1s linear 0s backwards,flipOutX 1s linear 5s forwards;*/
}
.sentence{
    /*visibility: hidden;*/
    direction: rtl;
    text-align: right;
    font-size: 9px;
    /*margin-top: 50px;*/
    padding: 0 30px 0 60px;
    font-family: Dubai, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 0px 0px 3px #000;
}

.sentence p{
    font-size: 16px;
}
.sentence h2{
    direction: rtl;
    text-align: right;
    font-size: 16px;
    font-family: Dubai, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 0px 0px 3px #000;
    font-weight: bold;
    margin-bottom: 10px;
}
.sentence ul{
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 0;
}
.sentence.hide{
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.section.active>.fp-overflow>.sentence , .active .slide.active .sentence {
    animation: zoomIn 1s;
}

.image-table{
    /*width: 100%;*/
    margin: 15px 0;
    max-width: 100%;
    display: inline-block;
}
.image-chart{
    margin: auto ;
    display: inline-block;
    max-width: 100%;
}
@media (min-width: 992px) {

    .sentence p,.sentence h2,.sentence ul{
        font-size: 18px;
    }

    #slide3-1 .fp-overflow {
        width: 745px;
    }
    #slide3-1 .layer {
        /*background-color: #1f2869;*/
        /*background-size: 100% auto;*/
        /*background-position-y: 0;*/
    }
    #slide3-1 .layer2 {
        display: block;
    }

    #slide3-2{
        justify-content: flex-start;
    }
    #slide3-2 .fp-overflow {
        margin-top: 150px;
        width: 785px;
    }
    #slide3-2 .layer {
        /*background-color: #1f2869;*/
        /*background-size: 100% auto;*/
    }
    #slide3-2 .layer2 {
        display: block;
    }
    #slide3-2 .layer4 {
        display: block;
    }

    #slide3-3{
        direction: rtl;
    }
    #slide3-3 .layer {
        /*background-color: #1f2869;*/
        /*background-size: 100% auto;*/
    }
    #slide3-3 .layer2 {
        display: block;
    }
    #slide3-3 .fp-overflow {
        margin-top: 50px;
        width: 655px;
    }
    #slide3-3 .layer4 {
        display: block;
    }

    #slide3-4 .fp-overflow {
        margin-top: 150px;
        width: 720px;
    }
    #slide3-4 .layer {
        /*background-color: #1f2869;*/
        /*background-size: 100% auto;*/
    }
    #slide3-4 .layer2 {
        display: block;
    }
    #slide3-4 .layer4 {
        display: block;
    }



    #section6 .image-table{
        max-width: 85%;
    }
    #slide6-1{
        direction: rtl;
    }
    #slide6-1 .layer {
        /*background-color: #1f2869;*/
        /*background-size: 100% auto;*/
        /*background-position-y: 0;*/
    }
    #slide6-1 .fp-overflow {
        width: 50vw;
    }
    #slide6-1 .image-chart{
        display: none;
    }
    #slide6-1 .layer5 {
        background-position: left center;
        display: block;
    }
    #slide6-1 .layer6 {
        background-position: left center;
        display: block;
    }

    #slide6-2 .layer {
        /*background-color: #1f2869;*/
        /*background-size: 100% auto;*/
        /*background-position-y: 0;*/
    }
    #slide6-2 .fp-overflow {
        margin-top: 80px;
        width: 900px;
    }
    #slide6-2 .layer2,#slide6-2 .layer3 {
        display: block;
    }

    #slide6-3{
        direction: rtl;
    }
    #slide6-3 .layer {
        /*background-color: #1f2869;*/
        /*background-size: 100% auto;*/
        /*background-position-y: 0;*/
    }
    #slide6-3 .fp-overflow {
        margin-top: 150px;
        width: 780px;
    }
    #slide6-3 .layer2,#slide6-3 .layer3 {
        display: block;
    }

    #slide6-4 .layer {
        /*background-color: #1f2869;*/
        background-size: 100% auto;
    }


    #section4{
        direction: rtl;
    }
    #section4 .fp-overflow {
        width: 810px;
        margin-top: 150px;
    }
    #section4 .layer {
        /*background-position-y: 0;*/
    }
    #section4 .layer1 {
        display: block;
    }

    #section5{
        direction: rtl;
    }
    #section5 .fp-overflow {
        width: 780px;
        margin-top: 150px;
    }
    #section5 .layer {
        /*background-position-y: 0;*/
    }
    #section5 .layer2 {
        display: block;
    }



    #section8.fp-auto-height.fp-section,#section8.fp-auto-height .fp-slide{
        height: 100% !important;
    }
    #section8 .fp-bg {
        position: absolute;
        height: 100%;
    }

    #section9{
        direction: rtl;
    }
    #section9 .fp-overflow {
        width: 800px;
        /*margin-top: 150px;*/
    }
    #section9 .layer {
        /*background-position-y: 0px;*/
    }
    #section9 .layer1 {
        display: block;
    }


    #section10{
        direction: rtl;
    }
    #section10 .fp-overflow {
        width: 620px;
        /*margin-top: 100px;*/
    }
    #section10 .layer {
        /*background-position-y: 0px;*/
    }
    #section10 .layer2 {
        display: block;
    }

    #section11{
        direction: rtl;
    }
    #section11 .fp-overflow {
        width: 610px;
        margin-top: 100px;
    }
    #section11 .layer {
        /*background-position-y: 0px;*/
    }
    #section11 .layer1 {
        display: block;
    }

    #section12{
        direction: rtl;
    }
    #section12 .fp-overflow {
        width: 50vw;
        margin-top: 100px;
    }
    #section12 .layer {
        /*background-position-y: 0px;*/
    }
    #section12 .layer2 {
        background-size: cover;
        background-position: right center;
    }
    #section12 .layer5,#section12 .layer6 {
        background-size: cover;
        background-position: left center;
    }

    #section13.fp-auto-height.fp-section,#section13.fp-auto-height .fp-slide{
        height: 100% !important;
    }
    #section13 .fp-bg {
        position: absolute;
        height: 100%;
    }
    #section13 .layer {
        /*background-color: #1f2869;*/
        background-size: 100% auto;
    }

    #section14.fp-auto-height.fp-section,#section14.fp-auto-height .fp-slide{
        height: 100% !important;
    }
    #section14 .fp-bg {
        position: absolute;
        height: 100%;
    }
    #slide14-1 .layer {
        background-size: 100% auto;
    }
    #slide14-2 .layer {
        /*background-color: #1f28109;*/
        background-size: 100% auto;
    }
    #slide14-3 .layer {
        /*background-color: #1f2869;*/
        background-size: 100% auto;
    }
    #slide14-4 .layer {
        /*background-color: #1f2869;*/
        background-size: 100% auto;
    }


    .sec-title{
        font-size: 24px;
        font-weight: bold;
    }
    .sentence{
        padding: 0 60px 0 60px;
    }
}
@media (min-width: 1200px) {
    #slide3-1 .fp-overflow {
        width: 50vw;
    }
    #slide3-2 .fp-overflow {
        width: 50vw;
    }
    #slide3-3 .fp-overflow {
        width: 40vw;
    }
    #slide3-4 .fp-overflow {
        width: 45vw;
    }
    #section4 .fp-overflow {
        width: 50vw;
    }
    #section5 .fp-overflow {
        width: 50vw;
    }
    #slide6-1 .fp-overflow {
        width: 50vw;
    }
    #slide6-2 .fp-overflow {
        width: 50vw;
    }
    #slide6-3 .fp-overflow {
        width: 50vw;
    }
    #section7 .fp-overflow {
        width: 40vw;
    }
    #section9 .fp-overflow {
        width: 50vw;
    }
    #section10 .fp-overflow {
        width: 35vw;
    }
    #section11 .fp-overflow {
        width: 35vw;
    }


    #section1.fp-auto-height.fp-section,#section1.fp-auto-height .fp-slide{
        height: 100% !important;
    }
    #section1 .fp-bg {
        position: absolute;
        height: 100%;
    }
    #slide1-1 .layer {
        background-size: 100% auto;
    }
    #slide1-2 .layer {
        /*background-color: #1f28109;*/
        background-size: 100% auto;
    }
    #slide1-2 .kondorpharma-link{
        top: 85%;
    }


    /*#section2.fp-auto-height.fp-section,#section2.fp-auto-height .fp-slide{*/
    /*    height: 100% !important;*/
    /*}*/
    #section2 .fp-bg {
        z-index: 1;
        /*position: absolute;*/
        /*height: 100%;*/
    }
    #section2 .layer {
        background-position: center;
        /*background-size: 100% auto;*/
    }
    #section2 .sentence ul,#section2 .doi-link{
        display: none;
    }
    #section2 .memowell-img,#section2 .title-img,#section2 .qr-img{
        width: 400px;
        display: none;
    }
    #section2 .layer1,#section2 .layer2,#section2 .layer4,#section2 .layer7,#section2 .layer8,#section2 .layer9,#section2 .layer10  {
        display: block;
    }
    #section2 .layer4{
        background-position: right center;
    }
    #section2 .layer7,#section2 .layer8{
        background-position: right top;
    }
    #section2 .layer3,#section2 .layer5,#section2 .layer6{
        /*background-position: right bottom;*/
        background-size: contain;
        max-width: none;
        margin: 0;

    }
    #section2 .layer9,#section2 .layer10{
        background-position: right bottom;
        background-size: 100% auto;
    }
    #section2 .doi-link{
        width: 280px;
        text-align: left;
    }
    #section2 .doi-img-link,#section2 .qr-code-link{
        display: block;
    }



    #section7{
        direction: rtl;
    }
    #section7 .image-table{
        display: none;
    }
    #section7 .fp-overflow {
        width: 37vw;
        margin-top: 150px;
    }
    #section7 .layer {
        /*background-position-y: 0;*/
    }
    #section7 .layer5 {
        display: block;
    }

}
/*@media (min-width: 1700px) and (min-height: 950px) {
    #slide1-1 .layer {
        background-size: cover;
    }
    #slide1-2 .layer11{
        background-position: left center;
    }
    #slide1-2 .layer {
        !*background-color: #1f28109;*!
        background-size: cover;
    }
}*/
.memowell-text{
    /*font-family: monospace;*/
    direction: ltr;
    display: inline-block;

    /* for supercript showing R bug in memowell text*/
    font-weight: normal;
    /*font-size: 30px;*/
}

@media (min-width: 1200px) {
    .memowell-text{
        font-weight: bold;
    }
}

.doi-link{
    font-family: monospace;
    direction: ltr;
    font-size: 15px;
    text-align: left;
    display: inline-block;
}

.text-center{
    text-align: center;
}

.text-left{
    text-align: left;
}


.loader {
    transform: rotateZ(45deg);
    perspective: 1000px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    color: #00e9ff;
}
.loader:before,
.loader:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    transform: rotateX(70deg);
    animation: 1s spin linear infinite;
}
.loader:after {
    color: #232768;
    transform: rotateY(70deg);
    animation-delay: .4s;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotateZ(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotateZ(360deg);
    }
}

@keyframes rotateccw {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@keyframes spin {
    0%,
    100% {
        box-shadow: .2em 0px 0 0px currentcolor;
    }
    12% {
        box-shadow: .2em .2em 0 0 currentcolor;
    }
    25% {
        box-shadow: 0 .2em 0 0px currentcolor;
    }
    37% {
        box-shadow: -.2em .2em 0 0 currentcolor;
    }
    50% {
        box-shadow: -.2em 0 0 0 currentcolor;
    }
    62% {
        box-shadow: -.2em -.2em 0 0 currentcolor;
    }
    75% {
        box-shadow: 0px -.2em 0 0 currentcolor;
    }
    87% {
        box-shadow: .2em -.2em 0 0 currentcolor;
    }
}

.loader-box{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center;
}