body {}

h3 {
    text-transform: capitalize;
}


/* font used */

@font-face {
    font-family: 'DIN-Black';
    src: url('../fonts/DIN-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/DIN-Black.otf') format('opentype'), url('../fonts/DIN-Black.woff') format('woff'), url('../fonts/DIN-Black.ttf') format('truetype'), url('../fonts/DIN-Black.svg#DIN-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN-Light';
    src: url('../fonts/DIN-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/DIN-Light.woff') format('woff'), url('../fonts/DIN-Light.ttf') format('truetype'), url('../fonts/DIN-Light.svg#DIN-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN-Medium';
    src: url('../fonts/DIN-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/DIN-Medium.woff') format('woff'), url('../fonts/DIN-Medium.ttf') format('truetype'), url('../fonts/DIN-Medium.svg#DIN-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

.full-screen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/************************************** common styles ****************************************/

.nopadding {
    padding: 0px;
}

.prelipid-clr {
    color: #b5545c;
}

.precrea-clr {
    color: #11a650;
}

.prestolic-clr {
    color: #ee6e30;
}

.preomega-clr {
    color: #f79420;
}

.premetabolix-clr {
    color: #ffd31a;
}

.premenora-clr {
    color: #d45da1;
}

.pregna-clr {
    color: #7a55a2;
}

.preprosta-clr {
    color: #5c3c1b;
}

.prealis-clr {
    color: #ea3c43;
}

.premacula-clr {
    color: #25a8d3;
}

.premorrhoid-clr {
    color: #ad3534;
}

.presomnia-clr {
    color: #f69121;
}

.premory-clr {
    color: #f59424;
}

.prearthos-clr {
    color: #cee08a;
}

.preyalgia-clr {
    color: #6c2b77;
}

.prelacto-clr {
    color: #f1ab7d;
}

.prelusil-clr {
    color: #f16b24;
}

.contact-clr {
    color: #eb2227;
}

.blt-heart {
    color: red;
}


/******************** bg *********************/

.precrea-bg {
    background: #d5962d;
}

.prelipid-bg {
    background: #8e1f25;
}

.preomega-bg {
    /* background: #c67729; */
    background: #f69220;
}

.prestolic-bg {
    background: #ef6d2f;
}

.premetabolix-bg {
    background: #fcd418;
}

.premenora-bg {
    background: #d65da3;
}

.pregna-90-bg {
    background: #7955a3;
}

.preprosta-bg {
    background: #b0d042;
}

.prealis-bg {
    background: #eb3843;
}

.premacula-bg {
    background: #19a9d5;
}

.premorrhoid-bg {
    background: #45a0d8;
}

.presomnia-bg {
    background: #f7921e;
}

.premory-bg {
    background: #f69523;
}

.prearthos-bg {
    background: #18677d;
}

.preyalgia-bg {
    background: #9b56a2;
}

.prelacto-bg {
    background: #5ea7dc;
}

.prelusil-bg {
    background: #f36a22;
}


/************************************* html contents ******************************************/


/* .top-section {
    background-repeat: no-repeat;
    background-image: url('../images/banner1.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
} */

.top-section {
    position: relative;
}


/* precrea */


/* .top-section2 {
    background-repeat: no-repeat;
    background-image: url('../images/banner-crea1.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
} */


/* .top-section2 {
    position: relative;
} */

.top-section2-1 {
    background-repeat: no-repeat;
    background-image: url('../images/banner-crea2.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* precrea */


/* prelipid */


/* .top-section3 {
    background-repeat: no-repeat;
    background-image: url('../images/banner-prelipid1.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
} */

.top-section3-1 {
    background-repeat: no-repeat;
    background-image: url('../images/banner-prelipid2.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* prelipid */


/* preomega */


/* .top-section4 {
    background-repeat: no-repeat;
    background-image: url('../images/banner-preomega1.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
} */

.top-section4-1 {
    background-repeat: no-repeat;
    background-image: url('../images/banner-preomega2.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* preomega */


/* prestolic */


/* .top-section5 {
    background-repeat: no-repeat;
    background-image: url('../images/banner-prestolic1.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
} */

.top-section5-1 {
    background-repeat: no-repeat;
    background-image: url('../images/banner-prestolic2.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* prestolic */


/* PreMetabolix */

.top-section6-1 {
    background-repeat: no-repeat;
    background-image: url('../images/bannerpremetabolix1.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* PreMetabolix */


/* premenora */

.top-section7-1 {
    background-repeat: no-repeat;
    background-image: url('../images/bannerpremenora1.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* premenora */


/* pregna-90 */

.top-section8-1 {
    background-repeat: no-repeat;
    background-image: url('../images/bannerpregna-90-2.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* pregna-90 */


/* preprosta */

.top-section9-1 {
    background-repeat: no-repeat;
    background-image: url('../images/bannerpreprosta1.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* preprosta */


/* prealis */

.top-section10-1 {
    background-repeat: no-repeat;
    background-image: url('../images/bannerprealis2.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* prealis */


/* premacula */

.top-section11-1 {
    background-repeat: no-repeat;
    background-image: url('../images/bannerpremacula2.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* premacula */


/* premorrhoid */

.top-section12-1 {
    background-repeat: no-repeat;
    background-image: url('../images/bannerpremorrhoid2.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* premorrhoid */


/* presomnia */

.top-section13-1 {
    background-repeat: no-repeat;
    background-image: url("../images/bannerpresomnia2-1.jpg");
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* presomnia */


/* premory */

.top-section14-1 {
    background-repeat: no-repeat;
    background-image: url('../images/bannerpremory1.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* premory */


/* prearthos */

.top-section15-1 {
    background-repeat: no-repeat;
    background-image: url('../images/bannerprearthos1.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* prearthos */


/* preyalgia */

.top-section16-1 {
    background-repeat: no-repeat;
    background-image: url('../images/bannerpreyalgia2.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* preyalgia */


/* prelacto  */

.top-section17-1 {
    background-repeat: no-repeat;
    background-image: url('../images/bannerprelacto2.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* prelacto  */


/* prelusil */

.top-section18-1 {
    background-repeat: no-repeat;
    background-image: url('../images/bannerprelusil2.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 700px;
}


/* prelusil */

.logo {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: right;
    padding: 20px;
}

.logo img {
    filter: drop-shadow(1px 2px 3px #000);
}

.top-section .navbar-form {
    /* position: absolute; */
    top: 20px;
    display: inline-flex;
    box-shadow: none;
}

.top-section .navbar-form .fa-search {
    color: #929394;
    font-size: 28px;
    padding-right: 10px;
}

.search-btn {
    margin-top: 3px;
}

.top-section .navbar-form .form-control {
    border-radius: 25px;
}

.font1 {
    display: initial;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    font-family: 'DIN-Medium';
    color: #fff;
    text-align: center;
    font-size: 28px;
    /* margin-top: 450px; */
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
}

.font1:hover {
    color: yellow;
}

.font2 {
    font-family: 'DIN-Medium';
    color: #fff;
    text-align: center;
    font-size: 24px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
}

.font3 {
    font-family: 'DIN-Medium';
    color: #fff;
    text-align: center;
    font-size: 24px;
    text-shadow: 1px 1px 1px #000;
}

.font2:hover {
    color: yellow;
}

.font3:hover {
    color: yellow;
}


/* .item img{
    width:100%;
} */

.item {
    overflow: hidden;
    /* width: 540px; */
}

.item .pmed-logo {
    width: 100%;
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.item:hover .pmed-logo {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.item1 {
    position: relative;
}

.logos2 {
    position: absolute;
    top: 20px;
    left: 20px;
}

.pmed-i-content {
    position: absolute;
    /*    top: 250px;*/
    bottom: 50px;
    text-align: center;
    /* left: 200px; */
    width: 100%;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
}

.pmed-i-content1 {
    font-family: 'DIN-Black';
    font-size: 25px;
    font-weight: 800;
    /* color: #11a650; */
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
}


/******************************************* inner page *********************************************/

.pmed-logo2 {
    position: absolute;
    top: 0px;
    float: left;
    padding: 20px;
}

.pmed-logo2-1 {
    float: right;
    padding: 20px;
}

.ip-cs-2 {
    min-height: 550px;
    padding: 100px 0px;
    width: 100%;
}

.ip-cs-3 {
    font-family: 'DIN-light';
    padding-bottom: 30px;
    /* border-bottom: 10px solid #fff; */
    padding-left: 120px;
}

.ip-cs-3 h2 {
    font-family: 'DIN-Black';
    font-size: 42pt;
    color: #fff;
}

.ip-cs-3 h4 {
    font-size: 24pt;
    color: #fff;
}

.ip-cs-4 h3 {
    font-family: 'DIN-Black';
    font-size: 32px;
    color: #fff;
    padding-left: 175px;
}

.ip-cs-4 .ip-con2 h4 {
    text-align: justify;
    font-family: 'DIN-light';
    color: #fff;
    /*    padding-left: 165px;*/
    padding-bottom: 10px;
    /* border-bottom: 1px dashed #fff; */
    display: initial;
}

.ip-cs-4 .ip-con2 {
    padding-left: 175px;
}

.ip-cs-4 .ip-con2 b {
    font-size: 22px;
}

.ip-cs-4 .ip-con12 h4 {
    padding-left: 165px;
}

.ip-cs-4 h4 {
    font-family: 'DIN-light';
    color: #fff;
}

.ip-cs-41 {
    margin-top: 200px;
}

.bottle-img {
    position: absolute;
    left: 500px;
}

.bottle-img img {
    width: 250px;
}

.precrea-btm1 {
    font-size: 16px;
    font-family: 'DIN-light';
    padding: 30px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .9);
}

.precrea-btm1 .btn {
    padding: 10px 40px;
    font-size: 12pt;
}


/************************************* slide ******************************************/

.slide1 {
    margin-top: -150px;
}

.slide2 {
    -webkit-animation: fadein 2s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s;
    /* Firefox < 16 */
    -ms-animation: fadein 2s;
    /* Internet Explorer */
    -o-animation: fadein 2s;
    /* Opera < 12.1 */
    animation: fadein 2s;
}

.font2 a {
    color: #fff;
    text-decoration: underline;
}

.font3 a {
    color: #fff;
    text-decoration: underline;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Firefox < 16 */

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Safari, Chrome and Opera > 12.1 */

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


/* Internet Explorer */

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Opera < 12.1 */

@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/************************************* slide ends ******************************************/

.bottle-img2 img {
    width: 100%;
}


/************************************* media query ******************************************/


/* Large Devices, Wide Screens */

@media (min-width: 1200px) and (max-width: 1400px) {
    .pmed-i-content {
        /*        top: 200px;*/
        bottom: 50px;
    }
    .bottle-img {
        left: 450px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .top-section {
        min-height: 600px;
    }
    .font1 {
        margin-top: 350px;
    }
    .pmed-i-content {
        /*        top: 150px;*/
        bottom: 30px;
    }
    .bottle-img {
        left: 350px;
    }
    .ip-cs-3 {
        padding-left: 50px;
    }
    .ip-cs-4 h3 {
        padding-left: 165px;
    }
    /*
    .ip-cs-4 .ip-con2 h4 {
        padding-left: 150px;
    }
*/
    .ip-cs-4 .ip-con2 {
        padding-left: 165px;
    }
    .ip-cs-41 {
        margin-top: 150px;
    }
    .slide1 {
        margin-top: -100px;
    }
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    .top-section {
        min-height: 500px;
    }
    .font1 {
        margin-top: 300px;
    }
    .ip-cs-4 h3 {
        padding-left: 100px;
    }
    /*
    .ip-cs-4 .ip-con2 h4 {
        padding-left: 85px;
    }
*/
    .ip-cs-4 .ip-con2 {
        padding-left: 100px;
    }
    .bottle-img {
        display: initial;
        right: 20px;
        top: 20px;
        left: auto;
    }
    .bottle-img2 {
        display: inherit;
    }
    .bottle-img2 img {
        width: 50%;
    }
    .pmed-logo2-1 {
        float: none;
        padding: 30px;
        padding-bottom: 0px;
    }
    .ip-cs-41 {
        margin-top: 0px;
    }
    .ip-cs-2 {
        position: relative;
    }
}


/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
    .top-section .navbar-form {
        width: 100%;
    }
    .top-section .navbar-form .form-group {
        width: 100%;
    }
    .pmed-i-content {
        /*        top: 150px;*/
        bottom: 20px;
    }
    .slide1 {
        margin-top: -75px;
    }
    .bottle-img img {
        width: 200px;
    }
    .bottle-img {
        display: initial;
        right: auto;
        top: 380px;
        left: 110px;
    }
    .ip-cs-3 {
        margin-bottom: 400px;
    }
    .prethree-btl {
        margin-bottom: 50px;
    }
    .bottle-img2 img {
        width: 100%;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .pmed-i-content {
        /*        top: 65px;*/
        bottom: 10px;
    }
    .font2 {
        font-size: 16px;
    }
    .font3 {
        font-size: 16px;
    }
    .pmed-i-content1 {
        font-size: 18px;
    }
    .font1 {
        font-size: 22px;
        display: initial;
    }
    .ip-cs-3 {
        padding-left: 20px;
    }
    .ip-cs-4 h3 {
        padding-left: 20px;
    }
    /*
    .ip-cs-4 .ip-con2 h4 {
        padding-left: 5px;
        display: initial;
    }
*/
    .ip-cs-4 .ip-con2 h4 {
        display: initial;
    }
    .ip-cs-4 .ip-con2 {
        padding-left: 5px;
    }
    .slide1 {
        margin-top: 0;
    }
    .bottle-img {
        left: 50px;
    }
    .logo {
        top: 80px;
    }
    .top-section5 .carousel-inner .item {
        height: 400px;
    }
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {}